/* Styles de: http://www.gideux-art-pictures.chez.com */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 23, 2013 */

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-tablet) { ... }

/* Medium devices (tablets, 992px and up) */
@media (min-width: @screen-desktop) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-large-desktop) { ... }

@media (min-width: 480px) {
.lecture p {
font-size: 100%;	
}
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
@media (min-width: 1500px) {
.container {
width: 1470px;
}
}

@font-face {
font-family: 'komika_textregular';
src:url('../fonts/komtxt__-webfont.eot');
src:url('../fonts/komtxt__-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/komtxt__-webfont.woff') format('woff'),
url('../fonts/komtxt__-webfont.ttf') format('truetype'),
url('../fonts/komtxt__-webfont.svg#komika_textregular') format('svg');
font-weight: normal;
font-style: normal;
}

 /* STRUCTURE */ /* STRUCTURE */ /* STRUCTURE */ /* STRUCTURE */
 
/* - - - - - - - - - - - - - -  Body - - - - - - - - - - - - - - */  
body {
width: auto;
margin: auto;
padding-top: 0px;
background-image: url("../parts_graphiques/fond_02.jpg");
background-attachment: fixed;
color: #000000;

}

/* - - - - - - - - - - - - - - Header - - - - - - - - - - - - - - */
header {
display: block;	
width: auto;
margin: auto;
margin: 0px;
margin-top: 3px;
padding-top: 3px;
padding-bottom: 3px;
background: #070707;

}

/* - - - - - - - - - - - - - - Container - - - - - - - - - - - - - - */
.container {
margin: auto;
padding-right: 12px;
padding-left: 12px;
font-size: 110%;
}

/* - - - - - - - - - - - - - - Row - - - - - - - - - - - - - - */
.row {
margin: auto;
margin-right: -12px;
margin-left: -12px;
}

/* - - - - - - - - - - - - - - Ariane - - - - - - - - - - - - - - */
div.ariane {	
background-color: #2a2c2e;
border: 3px solid #070707;
}
.ariane p {	
margin: auto;
font-family: "Comic Sans MS","Trebuchet MS",Arial,serif,Georgia,Georgia;
font-size: 90%;
color: #000000;
text-align: center;
text-indent: none;
}

 /* Navigation */ /* Navigation */ /* Navigation */ /* Navigation */
 
/* - - - - - - - - - - - - - - Navbar - - - - - - - - - - - - - - */ 
nav {
margin: auto;
margin: 0px;
width: auto;
padding: 3px;
}
.navbar {
position: relative;
min-height: 50px;
margin: 0px;
}
.navbar-inverse {
margin: auto;
background-color: #070707;
}
nav.navbar-inverse a:link, nav.navbar-inverse a:visited {
font-family: "komika_textregular","Comic Sans MS","Trebuchet MS",Arial,serif,Georgia,Georgia;	
width: auto;
text-decoration: none;
font-weight: bold;
font-size: 100%;
text-align: center;
text-transform:uppercase;
margin: auto;
color: #a5a12a! important;
}
nav.navbar-inverse a:hover {
color: #888888! important;
}

/* - - - - - - - - - - - - - - Liens - - - - - - - - - - - - - - */
a {	
font-size: 90%;
font-family: "komika_textregular","Comic Sans MS","Trebuchet MS",Arial,serif,Georgia,Georgia;
text-decoration: none;
color: #a5a12a;
}
a:hover {	
color: #58542d;
text-decoration: none;
background-color: #070707;
}
a:after {	
color: #58542d;
text-decoration: none;
}
a:visited {	
color: #58542d;
text-decoration: none;
}
a:active, a:focus {	
outline: none;
}
a.button-perso {
font-weight: bold;
color: #000000;
}
a.petit {
font-size: 75%;
}

.inline-form input {
display: inline-block;
width: 100px;
}

a span.bouton-gros {
width: 50px;
height: 50px;
border-radius: 25px;	
border: 2px solid;
padding: auto;
padding-top: 12px;
padding-left: 10px;
margin-bottom: 7px;
color: #a5a12a;
background-color: #070707;
border-color: #6a5500;
}

/* - - - - - - - - - - - - - - Button - - - - - - - - - - - - - - */	
.btn-group {
height: auto;
width: auto;	
}
.btn{
font-family: "Comic Sans MS","Trebuchet MS",serif,Arial;
border :1px solid #070707;
font-weight: normal;
margin: auto;	
padding: 3px;
}
.button-perso  {
max-width: 100%;	
background-color: #3e3933;
box-shadow: 2px 3px 7px #070707;
text-decoration: none;
color: #000000;
text-align: center;
border-radius: 3px;
}
.button-perso:hover {
color: #6d6c2b;
background-color: #070707;
border-color: #6a5500;
}
.btn-rond {
width: 50px;
height: 50px;
border-radius: 25px;
}
.bouton-gros{
border-radius: 5px;	
border: 2px solid #070707;
font-size: 21px;
padding: 12px;
margin-bottom: 7px;
}

span.label-perso {
border :1px solid #070707;
max-width: 100%;	
background-color: #3a3531;
text-decoration: none;
color: #000000;
text-align: center;
border-radius: 3px;
}


/* - - - - - - - - - - - - - - Section - - - - - - - - - - - - - - */
section {	
margin: auto;	
width: auto;
background: #070707;
margin: 0px;
padding: 0px;
padding-top: 9px;
}

/* - - - - - - - - - - - - - - Article - - - - - - - - - - - - - - */
article {
margin: auto;	
width: 100%;		
margin: 9px 0px 9px 0px;
padding: 12px 0px 12px 0px;	
border-radius: 7px;
border: 1px solid #070707;
background: #393633
}
article.lecture {
background-color: #2d2924;
font-size: 98%;
}

.spacy {
background-image: url("../parts_graphiques/fond_article_lecture.jpg");
border-radius: 7px;
border: 1px solid #070707;
}
article {
counter-reset: count0;
}
h3:before {
counter-increment: count0;
content: counter(count0,upper-roman)" - ";
}
h3 {
counter-reset: count1;
}
h4:before {
counter-increment: count1;
content:counter(count0) ". " counter(count1) " - ";
}

article.sans h3:before {
counter-increment: none;
content: none;
}
article.sans h3 {
counter-reset: none;
}
article.sans h4:before{
counter-increment: none;
content: none;
}
article.titre {			
background: #222120;
border: 1px solid #070707;
}

/* - - - - - - - - - - - - - - Aside - - - - - - - - - - - - - - */
aside {		
background-color: #343331;
border-radius: 7px;
border: 1px solid #070707;
margin: auto;
margin-top: 7px;	
margin-bottom: 7px;
padding-top: 12px;	
padding-bottom: 12px;
}
article.lecture aside {		
font-size: 100%;
}

/* - - - - - - - - - - - - - - Footer - - - - - - - - - - - - - - */
footer {
display: block;	
width: auto;
margin: auto;
padding: auto;
margin: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #070707;
clear: both;
}
footer p {
line-height: 20px;		
margin-top: 5px;	
font-family: "Comic Sans MS","Trebuchet MS",Arial,serif,Georgia,Georgia;
font-size: 50% !important;
color: #423736;
text-align: center;
text-align: justify;
}

/* - - - - - - - - - - H1 h2 h3 h4 h5 h6 - - - - - - - - - - - */
h1 {	
width: 100%;			
text-align: center;
text-shadow: 7px 7px black;
border-radius: 7px;
font-size: 185%;
color: #4e4208;
font-family: "komika_textregular",Georgia,"Comic Sans MS","Trebuchet MS",serif,Arial;
font-weight: bold;
font-variant: small-caps;
background: -moz-linear-gradient(#2d2925, #090909, #2d2925);
background: -webkit-linear-gradient(#2d2925, #090909, #2d2925);
background: -o-linear-gradient(#2d2925, #090909, #2d2925);
margin: auto;
margin-top: 12px;
padding-bottom: 9px;
box-shadow: 1px 1px #494949, -1px -1px #605b25;
}
h1.carte {	
width: 100%;			
text-align: center;
text-shadow: none;
border-radius: none;
font-size: 300%;
color: #4e4208;
font-family: "komika_textregular",Georgia,"Comic Sans MS","Trebuchet MS",serif,Arial;
font-weight: bold;
font-variant: small-caps;
background: none;
margin: auto;
margin-top: 12px;
padding-bottom: 9px;
border: none;
box-shadow: none;
}
h2 {
border: solid 1px #070707;
border-radius: 6px;
box-shadow: 5px 9px 15px #070707;	
text-align: center;
text-shadow: 5px 5px black;
background: -moz-linear-gradient(#26231f, #090909, #26231f);
background: -webkit-linear-gradient(#26231f, #090909, #26231f);
background: -o-linear-gradient(#26231f, #090909, #26231f);
color: #4e4208;
font-family: "komika_textregular",Georgia,"Comic Sans MS","Trebuchet MS",serif,Arial;
font-variant: small-caps;
font-weight: bold;
font-size: 175%;
margin: auto;
margin-top: 9px;
margin-bottom: 7px;
padding-bottom: 8px;
}
h3 {
text-align: center;
text-shadow: 1px 2px  black;
border: solid 1px #070707;
border-radius: 5px;
box-shadow: 3px 5px 9px #070707;
color: #4e4208;
font-family: "komika_textregular",Georgia,"Comic Sans MS","Trebuchet MS",serif,Arial;
font-variant: small-caps;
font-size: 145%;
background: -moz-linear-gradient(#2d2925, #090909, #2d2925);
background: -webkit-linear-gradient(#2d2925, #090909, #2d2925);
background: -o-linear-gradient(#2d2925, #090909, #2d2925);
margin: auto;
margin-top: 9px;
margin-bottom: 7px;
padding-top: 5px;
padding-bottom: 5px;
}
.page h3 {
text-shadow: 2px 3px black;
background: none;
border: none;
font-size: 165%;
font-weight: bold;
box-shadow: none;
}
h4 {
text-align: center;
text-shadow: 1px 2px black;
color: #4e4208;
font-family: "komika_textregular",Georgia,"Comic Sans MS","Trebuchet MS",serif,Arial;
font-size: 135%;
margin: auto;
margin-top: 9px;
margin-bottom: 7px;
background: -moz-linear-gradient(#2d2925, #090909, #2d2925);
background: -webkit-linear-gradient(#2d2925, #090909, #2d2925);
background: -o-linear-gradient(#2d2925, #090909, #2d2925);
border: solid 1px #070707;
border-radius: 4px;
box-shadow: 1px 2px 5px #070707;
padding-bottom: 4px;
}
.page h4 {
margin-top: 20px;
margin-bottom: 12px;
text-shadow: 2px 3px black;
background: none;
border: none;
font-size: 160%;
font-weight: bold;
box-shadow: none;
}
h5 {
background: #312d28;
border: solid 1px #070707;
border-radius: 3px;	
text-align: center;
text-shadow: none;
color: #000000;
font-family: "komika_textregular",Georgia,"Comic Sans MS","Trebuchet MS",serif,Arial;
font-size: 125%;
font-weight: bold;
margin: auto;
margin-top: 7px;
margin-bottom: 4px;
padding-top: 3px;
padding-bottom: 3px;
}
.page h5 {
color: #403917;
text-shadow: 1px 2px black;
background: none;
border: none;
font-size: 140%;
font-weight: bold;
box-shadow: none;
}
h6 {
background: #2d2d2b;	
text-align: center;
text-shadow: none;
color: #000000;
font-family: "komika_textregular",Georgia,"Comic Sans MS","Trebuchet MS",serif,Arial;
font-size: 115%;
font-weight: bold;
border-radius: 2px;
margin: auto;
margin-top: 7px;
margin-bottom: 4px;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: solid 1px #070707;
border-right: solid 1px #070707;
}
.page h6 {
color: #403917;
text-shadow: 1px 2px black;
background: none;
border: none;
font-size: 125%;
font-weight: bold;
box-shadow: none;
}

h1:first-letter {
box-shadow: 2px 3px #070707, -1px -1px #605b25;	
background-color: #1c1d1c;
border: solid 2px #070707;
text-shadow: 2px 3px #000000, -1px -1px olive;
padding-left: 30px;
font-size: 140%;
color: #4e4208;
border-radius: 7px;
margin-right: 3px;
}
h1.carte:first-letter {
box-shadow: none;	
background-color: none;
border: none;
text-shadow: none;
padding-left: 30px;
font-size: 140%;
color: #403917;
border-radius: none;
margin-right: 3px;
}
h2:first-letter {
box-shadow: 1px 2px #070707;
text-shadow: 2px 2px #000000;		
background-color: #1c1d1c;
border: solid 1px #070707;
padding-left: 25px;
font-size: 135%;
border-radius: 6px;
margin-right: 3px;
color: #4e4208;
}
h4.gauche, h5.gauche {
text-align: left;
text-indent: 25px;
font-size: 120%;
box-shadow:!important;
}
spacy sans h4.gauche {
background-color: #070707!important;
}



 /* Elements */ /* Elements */ /* Elements */ /* Elements */ /* Elements */
 
/* - - - - - - - - - - - - - - Images - - - - - - - - - - - - - - */
img {
max-width: 100%;
width: auto;
height: auto;
}
img.bd {
border: solid 3px #555555;
box-shadow: 3px 7px 12px #070707;
border-radius: 5px;
}
.img-responsive {
display: block;
width: 100% \9;
margin: auto;
margin-top: 3px;
margin-bottom: 3px;
border: solid 1px #070707;
border-radius: 5px;
box-shadow: 3px 7px 12px #070707;
}
.img-entete {
display: block;
width: 100% \9;
max-width: 100%;
height: auto;
margin: auto;
margin-top: 3px;
margin-bottom: 3px;
border-radius: 12px;
}

/* - - - - - - - - - - - - - - Paragraphe - - - - - - - - - - - - - - */
p {
font-family: "komika_textregular","Comic Sans MS",Georgia,"Trebuchet MS",serif,Arial;	
font-size: 125%;
text-indent: 40px;
margin: auto;
padding: auto;
text-align: left;
text-align: justify;
line-height: 120%;
}
p.carte {
font-family: "Courier New","komika_textregular","Comic Sans MS",Georgia,"Trebuchet MS",serif,Arial;	
font-size: 130%;
font-weight: bold;
text-indent: 40px;
margin: auto;
padding: auto;
text-align: left;
text-align: justify;
line-height: 120%;
color: #696969;
}
p.presque_ariane {
width: 100%;
margin: auto;
margin-top: 3px;
margin-bottom: 3px;
background-color: #0f0e0d;
border: 1px solid #070707;
border-radius: 7px;
font-family: "Comic Sans MS","Trebuchet MS",Arial,serif,Georgia,Georgia;
color: #413a25;
font-size: 120%;
text-align: left justify;
padding: 7px;
}
p.titre {
margin: auto;
text-align: center;
color: #000000;
font-size: 140%;
font-weight: bold;
text-indent: 0px;	
}
p .titre {
font-weight: bold;	
}
header p.tres-tres-petit{
text-align: center;
text-indent: 0px;
margin: auto;
color: #423736;
font-size: 90%;
}
header p.tres-petit{
text-align: center;
text-shadow: 5px 7px #252525;
font-style: italic;
font-weight: bold;
text-indent: 0px;
margin: auto;
color: #6d561d;
font-size: 200%;
}
header p.tres-gros{
text-align: center;
text-shadow: 7px 9px #252525;
text-indent: 0px;
margin: auto;
color: #6d561d;
font-size: 385%;
}
header p.gros{
text-align: center;
font-style: italic;
font-weight: bold;
text-indent: 0px;
margin: auto;
color: #423736;
font-size: 150%;
}
p.moins {
text-indent: 0px;	
}
.milieu {
text-indent:0px;
text-align: center;	
}
p.milieu {
text-indent:0px;
text-align: center;	
}
.milieu p {
text-indent:0px;
text-align: center;	
}
p.inter {
font-size: 150%;
text-indent:0px;
text-align: center;
text-shadow: 2px 3px black! important;	
}
aside p.inter {
font-size: 130%;
text-indent:0px;
text-align: center;
text-shadow: none;	
}
p.droit {
text-indent:0px;
text-align: right;	
}
.droit p {
text-indent:0px;
text-align: right;	
}
 caption.moyen {
font-size: 95%! important;	
}
p.petit {
font-size: 110%! important;	
}
.petit p {
font-size: 110%! important;	
}
p.moyen {
font-size: 135%! important;	
}
.moyen p {
font-size: 135%! important;	
}
.sans .petit p {
font-size: 125%! important;
color: #555555;
text-shadow: 1px 1px black;	
}
p.well {	
text-indent:0px;
}
.texte_commentaire {
padding: 5px;
margin: auto;
margin-bottom: 5px;
}
p.texte_commentaire {
font-family: "Comic Sans MS","Trebuchet MS",Arial,serif,Georgia,Georgia;
font-size: 95%;
text-align: center;
text-indent: 0px;
color: #747474;
text-shadow: 1px 1px black;
}
.texte_commentaire:first-letter {
color: #747474;
font-size: 130%;
font-weight: bold;
text-shadow: 1px 1px black;
}	
.paragraphe_a_lettrine:first-letter {
box-shadow: 2px 3px #070707, -1px -1px #605b25;	
background-color: #1c1d1c;	
font-size: 120%;
font-style: italic;
color: #4e4208;
text-shadow: 1px 2px black;
border: 1 solid #010101;
margin-bottom: 0px;
padding-top: 1px;
padding-left: 9px;
padding-right: 3px;
padding-bottom: 0px;
}
.lecture .paragraphe_a_lettrine:first-letter {
color: #4e4208;
font-size: 200%;
text-shadow: none;
border: none;
box-shadow: none;
background: none;
}

/* - - - - - - - - - - - - - - Div - - - - - - - - - - - - - - */
div {
width: auto;	
margin: auto;	
}
div.page, div.pagezike {
border-radius: 7px;
padding-top: 18px;
padding-bottom: 18px;
background: #1a1918;
}
div.pagezike p {
margin-top: 12px;
margin-bottom: 12px;
font-size: 150%;
color: #58542d;
text-indent: 0px;
text-shadow: 1px 1px black;
}
div.page p, div.impair p {
font-size: 150%;
color: #504d41;
text-shadow: 1px 1px black;
}
div.impair {
background-color: #242728;
}
div.pair {
background-color: #3b3030;
}
div.bleugris {
background-color: #303132;
border: 1px solid #070707;
border-radius: 7px;
}
div.lovecraft {
background: #1a1918;
border: 1px solid #070707;
border-radius: 7px;
box-shadow: 5px 7px 12px #070707;
}
div.lovecraft h4{
font-size: 130%;
text-align: left;
text-indent: 25px;
}

/* - - - - - - - - - - - - - - Cite - - - - - - - - - - - - - - */
cite {
font-style: italic;
font-size: 95%;
}

/* - - - - - - - - - - - - - - Hr - - - - - - - - - - - - - - */
hr {
width: 75%;
text-align: center;
text-indent: 0px;
background-color: #1f1c1b;
border-radius: 5px;
border: 1px solid #070707;
box-shadow: 1px 1px 0px #070707;
margin: auto;
margin-top: 7px;
margin-bottom: 7px;
padding: 1px;
clear: both;
}
hr.pied {
width: 95%;
text-align: center;
text-indent: 0px;
background-color: #1f1c1b;
border-radius: 5px;
border: 1px solid #070707;
box-shadow: none;
margin: auto;
margin-top: 7px;
margin-bottom: 7px;
padding: auto;
padding: 1px;
clear: both;
}
.lecture hr {
width: 95%;
text-align: center;
text-indent: 0px;
background-color: #2c2926;
border-radius: 5px;
border: 1px solid #070707;
box-shadow: none;
margin: auto;
margin-top: 7px;
margin-bottom: 7px;
padding: auto;
padding: 1px;
clear: both;
}

/* - - - - - - - - - - - - - - Textarea - - - - - - - - - - - - - - */
textarea.form-control {
font-size: 110%;	
color: #000000;	
background: -moz-linear-gradient(#6d6d5c, #554c42);
background: -webkit-linear-gradient(#6d6d5c, #554c42);
background: -o-linear-gradient(#6d6d5c, #554c42);
border-radius: 7px;
border: solid 1px #070707;
}
/* - - - - - - - - - - - - - - Figure - - - - - - - - - - - - - - */
figure.commentaire {	
color: #772009;
font-size: 105%;
margin: 5px;
padding: 5px;
}
/* - - - - - - - - - - - - - - Input - - - - - - - - - - - - - - */
input.troll {	
font-size: 110%;	
color: #000000;	
background: -moz-linear-gradient(#6d6d5c, #554c42);
background: -webkit-linear-gradient(#6d6d5c, #554c42);
background: -o-linear-gradient(#6d6d5c, #554c42);
border-radius: 7px;
border: 1px solid #070707;
}
.inline-form input {
display: inline-block;
}
/* - - - - - - - - - - - - - - Strong - - - - - - - - - - - - - - */
strong {
font-size: 95%;
}
/* - - - - - - - - - - - - - - Em - - - - - - - - - - - - - - */
em {
font-style: italic;
font-size: 100%;
}
/* - - - - - - - - - - - - - - Mark - - - - - - - - - - - - - - */

mark {
color: #747474;
font-size: 80%;
text-shadow: 1px 1px #000000;
background-color: transparent;
}
mark.lecture {
font-family: Georgia,"Comic Sans MS","Trebuchet MS",Arial,serif,Georgia;
font-size: 65%;	
color: #747474;
text-shadow: 1px 1px #000000;
background-color: transparent;
}

/* - - - - - - - - - - - - - - Italique - - - - - - - - - - - - - - */

i {	
font-size: 98%;
}
.lecture i {	
font-size: 95%;
}


/* - - - - - - - - - - - - - - Address - - - - - - - - - - - - - - */
address {
color: #423736;
border-radius: 5px;
}

/* - - - - - - - - - - - - - - Ul - - - - - - - - - - - - - - */
ul {
font-family: "Comic Sans MS","Trebuchet MS",Arial,serif,Georgia,Georgia;
font-size: 100%;
color: #000000;
list-style: none;
text-indent: 0px;
}
ul.presque_ariane {
background-color: #070707;
font-size: 120%;
width: 100%;
margin: auto;
margin-top: 3px;
margin-bottom: 3px;
border-radius: 7px;
color: #666666;
text-align: left;
text-align: justify;
padding: 7px;
}

/* - - - - - - - - - - - - - - Ol - - - - - - - - - - - - - - */
ol {
font-size: 120%;
color: #606060;
text-shadow: 1px 1px 1px black;
}
span.gaffe {
color: #602424;
text-shadow: 2px 2px black;
}
h5.gaffe, h5.alert, .titre-perso {
color: #602424;
text-shadow: 1px 1px black;
}
.majeur {
font-variant: small-caps;
font-size: 140%;
font-weight: bold;
}
.well {
background-color: #343331;	
border-radius: 7px;
border: 1px solid #070707;
box-shadow: 5px 9px 15px #070707;
margin: auto;
margin-top: 7px;	
margin-bottom: 7px;
padding-top: 12px;	
padding-bottom: 12px; 
}
.disabled {
color: #333333;
background-color: #070707;	
}
.clearfix {
clear: both;
}
sup.lecture {
color: #747474;
text-shadow: 2px 2px #000000;
font-size: 70%;
font-family: "Comic Sans MS","Trebuchet MS",Arial,serif,Georgia,Georgia;
}
.modalDialog {
display: block;
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0; left: 0px; right: 0px; bottom: 0px;
border-radius:12px;
background: rgba(0,0,0,0.5);
z-index: 20;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog:target {
opacity: 1;
pointer-events: auto;
}
.modalDialog > div {
max-width: 75%;
max-height: auto;	
position: relative;
margin: 10px auto;
padding: 12px 20px 12px 20px;
border: 3px solid #070707;
border-radius: 10px;
background: -moz-radial-gradient(#302c28, #222221, #070707);
background: -webkit-radial-gradient(#302c28, #222221, #070707);
background: -o-radial-gradient(#302c28, #222221, #070707);
}
.close {	
opacity:0.7;	
position: absolute;
right: -12px;
text-align: center;
top: -10px;
text-decoration: none;
}
.close:hover {
background: sepia;
}
.gros ul {
font-size: 18px;
}
.entoure {
border: 1px solid #070707;
margin: 0px;
padding: 3px;
text-align: center;
background: -moz-linear-gradient(#333331, #1b1817);
background: -webkit-linear-gradient(#333331, #1b1817);
background: -o-linear-gradient(#333331, #1b1817);
}
table /* Le tableau en lui-mÍme */
{
border-collapse: collapse;	
font-size: 150%;
color: #010101;
margin:auto; /* Centre le tableau */
padding:auto;     
margin-bottom:10px;
width:80%;   
}
td, th /* Mettre une bordure sur les td ET les th */
{
border: 2px solid black;
}
caption /* Les cellules d'en-tÍte */
{
text-align: center;
margin:auto; /* Centre le tableau */
padding:auto;
padding-top:5px;
padding-bottom:5px;	
}
th /* Les cellules d'en-tÍte */
{
text-align: center;
margin:auto; /* Centre le tableau */
padding:auto;
padding-top:5px;
padding-bottom:5px;
}
tr /* Les cellules de ligne */
{
margin:auto;
padding:auto;
}
td /* Toutes les cellules des tableaux... */
{
border-collapse: collapse; /* Les bordures du tableau seront
collées (plus joli) */
text-align:center;
text-align:jutify;
margin:auto; /* Centre le tableau */
padding:auto;
}