/*********** conteneur central ***********/
body {
	background: #0E1D30 url(interface/fond.png) repeat-x;
	margin: 0px;
}
div#wrapper {
	width:957px;
	margin:auto;
}
div#wrapper-l {
	background:transparent url(interface/shadow_left.png) repeat-y scroll 0pt;	
}
div#wrapper-r {
	background:transparent url(interface/shadow_right.png) repeat-y scroll 100% 0pt;
	padding:0px 12px;
}
div#main  {background-color: transparent; background-image: url(interface/fond_main.jpg); background-repeat: repeat-y }

/********* conteneur ombre inferieur ********/
div#wrapper-bl {
	/*border: purple 1px solid;*/
	background:transparent url(interface/shadow_bleft.png) no-repeat 0pt;	
}
div#wrapper-br {
	/*border: red 1px solid;*/
	background:transparent url(interface/shadow_bright.png) no-repeat 100% 0pt;
	padding:0px 12px;
}
div#shadow {
	/*border: blue 1px solid;*/
	height: 10px;
	background:transparent url(interface/shadow_bottom.png) repeat-x 0pt;
	display:block;
}

/******** zones *****/
div#entete  { position: relative; height: 203px }
div#menu { height: 72px; }
div#contenu  { background-color: transparent; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 }
div#colgauche   { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0; text-align: center; float: left; padding-left: 0; width: 194px }
div#corps     {float: right; position: relative; width: 720px }
div#fin_corps {
	clear:both;
	background: #394754;
	height: 30px;
}
div#search   { position: absolute; top: 156px; right: 30px; width: 255px; height: 56px; visibility: visible }

div#barre_bas { background-color: transparent; background-image: url(interface/basdepage.jpg); background-repeat: repeat-x; text-align: center; vertical-align: middle; clear: both; padding-top: 6px; border-right: 1px solid #000000; height: 17px }
div#copy {text-align: center; font-family: "Trebuchet MS", SunSans-Regular, sans-serif; color: #dddddd }

div#top5_liens { position: relative; top: 8px; left: 20px; width: 325px; height: 190px; visibility: visible }

div#liens_recents { position: absolute; top:78px; right: 27px; width: 331px; height: 190px; visibility: visible }
div#toolbar { position: relative; top: 18px; left: 20px; width: 650px; height: 64px; visibility: visible }
div#tableau   { position: relative; top: 23px; left: 5px; width: 700px; visibility: visible }
div#legende  { position: relative; top: 13px; left: 35px; width: 600px; height: auto; visibility: visible }
div#footer { position: relative; top: 25px; left: 20px; width: 650px; height: auto; visibility: visible }
div#special_event { position: absolute; top: 25px; right: 80px; width: 80px; height: 90px; visibility: visible }
div#special_event1 { position: absolute; top: 25px; left: 800px; width: 80px; height: 90px; visibility: visible }
/**********Balises**********/
img {
border: 0;
}
dl.vignette { background-color: #ededed; text-align: center; float: left; margin-top: 4px; margin-right: 8px; margin-bottom: 4px; padding: 10px 7px 7px; border: solid 1px #999; width: 111px; height: 156px }
dl.vignette2 { background-color: #dedede; text-align: center; float: left; margin-top: 4px; margin-right: 8px; margin-bottom: 4px; padding: 37px 7px 7px; border: solid 1px #999; width: 111px; height: 129px }
dl.trombi  { text-align: center; float: left; margin-top: 4px; margin-right: 8px; margin-bottom: 4px; padding: 10px 1px 2px; border: ridge 1px #999; width: 121px; height: 185px }
dl.barre    { background-color: #dedede; text-align: left; float: left; margin-top: 0.25em; margin-right: 0.5em; margin-bottom: 0.25em; padding: 2px; border: solid 1px #999; width: 661px }
dl.barre2    { background-color: #ededed; text-align: left; float: left; margin-top: 0.25em; margin-right: 0.5em; margin-bottom: 0.25em; padding: 2px; border: solid 1px #999; width: 661px }
dl.rech  { text-align: left; float: left; margin-top: 0.35em; margin-right: 0.5em; margin-bottom: 0.25em; padding: 2px; border: none medium; width: 660px; height: 40px }
dl.bleu { background-color: #bccdff; text-align: center; margin-top: 8px; margin-right: 4px; margin-bottom: 4px; padding: 2px; border: solid 1px #677ccb; width: 450px }
dl.compteur   { text-align: center; float: left; margin-top: 0.35em; margin-right: 0.5em; margin-bottom: 0.25em; padding: 2px; border: none medium; width: 660px }
dl.droite  { text-align: right; float: left; margin-top: 0.35em; margin-right: 0.5em; margin-bottom: 0.25em; padding: 2px; border: none medium; width: 660px }
.vignette dd
 { text-align: center; margin: 0; padding: 0 }
.trombi dd
  { text-align: center; margin: 0; padding: 0 }
div#photos  { text-align: center; margin: auto }
.clearer  { clear: left; margin: 0; padding: 0; height: 0; visibility: hidden }

.l1 { background-color: #e6edff }
.l2 { background-color: #fdfdfd }
.bleu { background-color: #8cb1d1}
.bleufonce { background-color: #9094d4}
.vert { background-color: #c5ffc5 }
.rouge { background-color: #fad9b4 }
.violet { background-color: #dfc4fd }
.bleu.pastel { background-color: #c5d8e8 }
.bleufonce.pastel  { background-color: #c7c9e9 }
.vert.pastel  { background-color: #e2ffe2 }
.rouge.pastel  { background-color: #fcecd9 }
.violet.pastel  { background-color: #efe1fe }

.soustitre   { color: #669; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: left }
.soustitre_D { color: #669; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: right; vertical-align: bottom }
.soustitre:hover { color: #fc3; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: top }
.soustitre_D:hover { color: #fc3; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: top }
.texte_petit { color: #000000; font-size: 9px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: justify }
.texte   { color: #000000; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: justify }
.texte_centre { color: #000000; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: center }
.texte_droite { color: #000000; font-size: 10px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: right }
.texte_blanc_casse  { color: #ddd; font-size: 13px; font-family: "Trebuchet MS", SunSans-Regular, sans-serif; text-align: center }
.texte_blanc_casse_petit { color: #ddd; font-size: 9px; font-family: "Trebuchet MS", SunSans-Regular, sans-serif; text-align: center }
.texte1 { color: #000000; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: justify }
.texte_gd_remonte    { color: #000000; font-size: 13px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: justify }
.texte_t_gd { color: #000000; font-size: 24px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: justify }
.textebleu_dblesoulign { color: #4766cc; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-variant: small-caps; font-weight: bold }

.texte_gd_centre { color: #000000; font-size: 13px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: center }
.gd_texte_gris   { color: #808080; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif }

.gd_texte_gris:hover  { color: #fc3; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif }
.gd_texte_gris_no  { color: #808080; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.gd_texte_gris_no:hover { color: #fc3; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }
.gd_texte_gris_bold   { color: #808080; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
.gd_texte_gris_bold:hover  { color: #fc3; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline }
.gd_texte_gris_D  { color: #808080; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: right }

.gd_texte_gris_D:hover  { color: #fc3; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; text-align: right }


.texte_gris  { color: #707070; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

.texte_gris:hover { color: #fc3; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }

.texte_gris_fonce { color: #505050; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

.texte_gris_fonce:hover { color: #e8ca00; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold }

.texte_gris_gd_fonce { color: #505050; font-size: 13px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.texte_gris_gd_fonce:hover { color: #e8ca00; font-size: 13px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.texte_gris_pt { color: #707070; font-size: 10px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.texte_gris_pt:hover { color: #fc3; font-size: 10px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.texte_bleu_fonce  { color: #252545; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
.texte_bleu_fonce:hover { color: purple; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.texte_bleu_fonce1 { color: #252545; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
.texte_bleu_fonce1:hover { color: purple; font-size: 12px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.gd_texte_bleu_fonce { color: #252545; font-size: 14px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
.gd_texte_bleu_fonce:hover { color: #800080; font-size: 14px; font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
.lettrine     { color: #808080; font-size: 36px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 400; text-decoration: none }
.gd_texte_clair_bold  { color: #ebebeb; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: none; vertical-align: text-bottom }
.gd_texte_clair_bold_cond { color: #ebebeb; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; font-stretch: ultra-condensed; text-decoration: none; letter-spacing: 75%; vertical-align: text-bottom }
.titre_news { color: #4766cc; font-size: 14pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-variant: small-caps; font-weight: bold; text-decoration: none }
.texte_bleu_ciel { color: #4766cc; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none }

.texte_bleu_ciel:hover  { color: #fc0; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; border: dashed 1px }
.texte_bleu_ciel_dot { color: #4766cc; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold }
.txt_bleu_ciel_norm { color: #4766cc; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none }
.txt_bleu_ciel_norm:hover { color: #fec211; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none }


.soustitre_news { color: #666; font-size: 9pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }
.jour { color: #7a81be; font-size: 42px; font-family: Georgia, serif; text-decoration: none }
.jour_petit { color: #7a81be; font-size: 28px; font-family: Georgia, serif; text-decoration: none }
.mois { color: #999; font-family: Georgia, serif; text-decoration: none }
.an { color: #999; font-size: 24px; font-family: Georgia, serif; text-decoration: none; text-align: center; letter-spacing: 10px; position: relative; bottom: 6px }
.palette_titre { color: #3b3b3b; font-size: 13px; font-family: Verdana; font-style: oblique; font-weight: bold }
.palette_gris  { color: #494949; font-size: 13px; font-family: Verdana; text-decoration: none }
.palette_rouge  { color: #990000; font-size: 13px; font-family: Verdana; text-decoration: none }
.palette_vert { color: #009100; font-size: 13px; font-family: Verdana; text-decoration: none }
.palette_bleu_clair  { color: #455387; font-size: 13px; font-family: Verdana; text-decoration: none }
.palette_bleu_fonce  { color: #283150; font-size: 13px; font-family: Verdana; text-decoration: none }
.palette_jaune  { color: #d7a200; font-size: 13px; font-family: Verdana; text-decoration: none }
