* {font-family:Trebuchet MS,Arial, Helvetica, sans-serif; color:#807B66}
a {text-decoration:none}
b, strong {color:#0077CB}
p {font-size:12px}
html, body {margin:0; padding:0; background:url(global_horizontal.png) repeat-x}
object {outline:0}
img {border:0}


#fond_global {width:990px; margin:auto; background:url(global_vertical.png)}
#global {width:990px; background:url(global_haut.png) no-repeat top}
#header {height:210px; position:relative}
#header h1 {margin:0}
#header h1 a {position:absolute; display:block; width:620px; height:80px; left:240px; top:85px; text-indent:-4000px}

#gauche {width:600px; padding:0 30px 0 45px; float:left}
#content {overflow:hidden}

#retour_accueil:hover, #facebook:hover, #rss:hover {background-position:0 55px}
#retour_accueil {font-size:12px; text-transform:uppercase; display:block; background-image:url(smenu1.png); width:120px; height:55px; text-indent:-4000px; float:left}
#formulaire_recherche {width:215px; background:url(smenu2.png); height:39px; float:left; padding-top:16px}
#formulaire_recherche form {margin:0}	
#formulaire_recherche label {display:none}
#formulaire_recherche input.text {border:1px solid #E2E9EF; width:126px}
#formulaire_recherche input.submit {background:#fff; border:0; text-transform:uppercase; font-size:11px; padding:0; width:72px}
#facebook {font-size:12px; text-transform:uppercase; display:block; background-image:url(smenu3.png); width:130px; height:55px; text-indent:-4000px; float:left}
#rss {font-size:12px; text-transform:uppercase; display:block; background-image:url(smenu4.png); width:135px; height:55px; text-indent:-4000px; float:left; overflow:hidden}

#ariane {padding:10px 0; clear:both}
#ariane, #ariane * {font-size:12px; margin:0; color:#807B66; font-weight:normal}

#blog h1, #blog h1 a {font-size:14px; color:#0077CB; margin:0 0 20px 0}
#blog h2, #blog h2 a {font-size:13px; color:#0077CB; margin:0 0 20px 0}
#blog h3, #blog h3 a {font-size:12px; color:#0077CB}
#blog h1, #blog h2 {height:35px; line-height:35px; padding-left:45px}
h2.rubrique {margin:0 !important}

div.date {width:34px; height:36px; background:url(date.png) no-repeat; text-align:center; text-transform:uppercase; position:absolute}
div.date span {display:block; height:18px; line-height:18px; font-size:12px}
div.date span.jour {color:#fff}
div.date span.mois {color:#807B66}

div.visuel img {border:2px solid #E6E6E6}
div.blog {padding:10px 0 30px 0; background:url(ligne2.png) no-repeat bottom; position:relative}
div.blog.premier div.visuel {float:right; margin:0 0 5px 30px}
div.blog.autre div.visuel {float:left; margin:0 5px 5px 0}
div.blog.autre div.visuel img {width:130px !important; height:auto !important}
a.savoir_plus, a.lire_suite {width:95px; height:24px; display:block; background:url(bouton.png); text-indent:-4000px; margin:20px 0}
a.savoir_plus:hover, a.lire_suite:hover {background-position:0 24px}

div.tags, div.tags * {font-size:12px; color:#0077CB; font-weight:bold}
div.blog.autre div.tags {position:absolute; right:0; padding-top:10px}
div.pagination {font-size:12px; padding-bottom:20px}
div.pagination .on, span.pages {font-weight:bold; color:#0077CB}

#droite {overflow:hidden; padding:0 20px 0 10px}
#droite h1 {margin:0px 0 10px 0; background:url(gauche.png); height:50px; width:290px; margin-left:-10px; padding:5px 0 0 10px}
#droite h2 {margin:0; font-size:12px}
#droite h2, #droite h2 a {color:#0077CB}
#droite .chapeau, #droite .chapeau * {margin:0}
#contact_d {height:140px; background:url(contact.png) 0 0; overflow:hidden}
#contact_d .chapeau p {margin:8px 0}

#droite div.visuel {border:2px solid #E6E6E6; float:left; margin:0 5px 5px 0}
#droite div.visuel img {border:1px solid #fff}

a.voir {color:#807B66; font-size:12px}
#videos, #contact_d {padding-bottom:10px}
#videos .chapeau {margin-bottom:10px}

#menu_bas {list-style-type:none; margin:20px 0 0 0; padding:0; text-align:right; font-size:12px}
#menu_bas li {display:inline; padding:0 5px}

#barre_partage {clear:both; margin-bottom:30px}
#barre_partage a {display:block; height:45px; text-indent:-4000px}
#barre_partage a:hover {background-position:0 45px}
#barre_partage #barre1 {width:110px; background-image:url(partage1.png); float:left}
#barre_partage #barre2 {width:75px; background-image:url(partage2.png); float:left}
#barre_partage #barre3 {width:107px; background-image:url(partage3.png); float:left}
#barre_partage #barre4 {width:75px; background-image:url(partage4.png); float:left}
#barre_partage #barre5 {width:81px; background-image:url(partage5.png); float:left}
#barre_partage #barre6 {width:72px; background-image:url(partage6.png); float:left}
#barre_partage #barre7 {width:80px; background-image:url(partage7.png); float:left}

#ecrireamis {clear:both}

.rubrique_liste {clear:both; padding:20px 0 0 0; margin:0}
.rubrique_liste img {margin:0 10px 10px 0}

#formulaire_lettres {position:absolute; right:0; padding-top:10px}
#formulaire_lettres img {margin-right:10px}
#formulaire_lettres form {margin:0; float:left}
#formulaire_lettres p {margin:0; float:left}
#formulaire_lettres fieldset {margin:0; border:0; padding:0; float:left}
#formulaire_lettres h3 {display:none}

#formulaire_lettres #email {border:0; float:left; width:145px}
#formulaire_lettres h1 {display:block; float:left}
#formulaire_lettres #submit {background:transparent; border:0; float:left}
#formulaire_lettres ul {margin:0; padding:0; list-style-type:none}
#formulaire_lettres li {float:left; overflow:hidden}
#formulaire_lettres label {font-size:11px}


#mois {margin:0; padding:0; list-style-type:none; text-align:center; padding:0 30px; font-size:14px}
#mois li {float:left; padding:5px 10px}
#mois li a {text-decoration:underline}

#h2-annee {clear:both; margin:10px 0 0 0}
#annees {font-size:14px}

#droite center {border-bottom:2px solid #CFE5F3}
.calendar-haut {border:0 !important}
div.auj {color:#807B66; font-size:11px; margin:10px}
div.auj a {color:#0077CB}
div.auj .voir {margin:10px 0 0 0; display:block; color:#807B66}