div#page{background:url(img/fonds.jpg) no-repeat;width:964px;padding-top:4px;margin:0 auto;position:relative}
div#header{width:950px;height:121px;margin-left:8px;position:relative}
div#banniere{width:468px;height:60px;position:absolute;top:34px;left:454px}
div#menu{width:950px;margin-left:8px;height: 57px;position:relative}
div#center{width:950px;margin-left:8px;overflow:auto}
div.content_iterate{clear:both;overflow:auto}
div.col_right{padding-bottom:18px;overflow:hidden}
div#footer{background-color:#cfcfcf;width:950px;margin-left:8px;padding-top:12px;padding-bottom:20px;position:relative}

/* balises générales */
body{color:#333;background-color:#FFF;font-size:80%;font-family:"Trebuchet MS", Verdana, Arial, sans-serif}
body,p,h1,h2,h3,h4,h5,h6,ul,li{margin:0;padding:0}
h3,h4,h5{font-size:1em}
h2{font-size:1.2em;font-weight:normal}
h5{font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;font-weight:normal}
p{margin-bottom:10px}
li{list-style:none}
#header h1{display:none}

/* menu */
#menu{background:url(img/bg_menu.gif) no-repeat;padding-left:9px}
.menu{margin-right:3px;overflow:auto;float:left}
.mapropos,.mnumero,.marchives,.mabo,.mcontact,.mnews,.mimmo{text-indent:-999px;height:34px;float:left;overflow:hidden}
.mapropos a,.mnumero a,.marchives a,.mabo a,.mcontact a,.mnews a,.mimmo a{height:34px;display:block;overflow:hidden}
.mapropos a{background:url(img/menu.png) no-repeat 0 top;width:66px}
.mapropos,.mapropos a:hover{background:url(img/menu.png) no-repeat 0 bottom;width:66px}
.mnumero a{background:url(img/menu.png) no-repeat -66px top;width:117px}
.mnumero,.mnumero a:hover{background:url(img/menu.png) no-repeat -66px bottom;width:117px}
.marchives a{background:url(img/menu.png) no-repeat -183px top;width:65px}
.marchives,.marchives a:hover{background:url(img/menu.png) no-repeat -183px bottom;width:65px}
.mabo a{background:url(img/menu.png) no-repeat -248px top;width:98px}
.mabo,.mabo a:hover{background:url(img/menu.png) no-repeat -248px bottom;width:98px}
.mcontact a{background:url(img/menu.png) no-repeat -346px top;width:111px}
.mcontact,.mcontact a:hover{background:url(img/menu.png) no-repeat -346px bottom;width:111px}
.mnews a{background:url(img/menu.png) no-repeat -457px top;width:85px}
.mnews,.mnews a:hover{background:url(img/menu.png) no-repeat -457px bottom;width:85px}
.mimmo a{background:url(img/menu.png) no-repeat -542px top;width:101px}
.mimmo,.mimmo a:hover{background:url(img/menu.png) no-repeat -542px bottom;width:101px}

/* recherche */
.search{background:url(img/bg_search.gif) no-repeat;height:34px;float:right;margin-right: 15px}
.search input{float:left}
.searchf{font-size:0.9em;margin:8px 0 0 25px;border:1px solid #666;width:116px;height:15px}
.blt{float: right;font-size: 0.875em;clear: both;margin-right: 15px;width:400px;text-align: right}
.blt a {color:#333}
#openPopConnect{padding-right:6px;float: right}

/* footer */
#footer ul, #footer p{padding-left:278px}
#footer li{list-style:none;padding-top:18px;float:left}
#footer p{font-size:0.85em;color:#666;padding-top:4px;clear:left}
#footer a{text-decoration:none;color:#666}
.submenu a {color:#333}
.fpaiement{width:93px;height:42px;position:absolute;top:19px;left:9px}
.flogo{width:114px;height:42px;position:absolute;top:19px;left:152px}
.fluxrss{background:url(img/fluxrss.gif) no-repeat right bottom;padding-right:28px}

/* colonne droite */
#offre{font-family: Georgia, "Times New Roman", Times, serif;width:240px;margin-bottom:30px}
#offre h2{text-indent:-999px;background:url(img/offreh2.png) no-repeat;height:30px;margin-bottom:9px}
#offre h3{font-size:1.3em;font-weight:normal;margin-left:10px;margin-bottom:12px;overflow:hidden}
#offre h3 img{float:right}
#offre p{font-style:italic;color:#E52870;margin-left:10px}
#offre p.border{padding-bottom:10px;border-bottom:1px solid #999}
#offre a{color:#E52870}
#pubs{overflow:auto}
#pubs img{display:block;float:left;margin-left:10px;margin-bottom:10px}

/* div */
div.s1,div.s2,div.s3,div.s4,div.s5,div.s6,div.hedito{margin-bottom:10px;overflow:hidden}

/* balises */
.chc hr,.col_right hr,.comments hr,.resultats hr,.cil hr,.cic hr{background-color: #999; color: #999; height:1px; width:98%; border: none;clear:both;}
.cic hr{width:100%}
.s1 div,.s2 div,.s3 div,.s4 div,.s5 div,.s6 div{margin-left:10px;margin-bottom:10px}

.s1 a.suite,.s2 a.suite,.s3 a.suite,.s4 a.suite,.s5 a.suite,.s6 a.suite,.hedito a.suite,.hportraits a{text-indent:-999px;width:71px;height:15px;display:block;float:right;overflow:hidden}
.cic p{font-size:0.875em}
.s1 a.suite{background:url(img/readmore.png) no-repeat left -15px}
.s2 a.suite{background:url(img/readmore.png) no-repeat left -30px}
.s3 a.suite{background:url(img/readmore.png) no-repeat left -45px}
.s4 a.suite{background:url(img/readmore.png) no-repeat left -60px}
.s5 a.suite{background:url(img/readmore.png) no-repeat left -75px}
.s6 a.suite{background:url(img/readmore.png) no-repeat left 0}

/* titres */
.s1 h2,.s2 h2,.s3 h2,.s4 h2,.s5 h2,.s6 h2,.inst h2{margin-left:10px}
.s1 h3,.s2 h3,.s3 h3,.s4 h3,.s5 h3,.s6 h3,.inst h3{margin-left:10px}
.s1 h4,.s2 h4,.s3 h4,.s4 h4,.s5 h4,.s6 h4{text-indent:-999px;height:26px;overflow:hidden}

.s1 h5,.s2 h5,.s3 h5,.s4 h5,.s5 h5,.s6 h5{margin-top:5px}
.s1 h4{background:url(img/sh4.png) no-repeat left 0}
.s1 h2, .s1 h5, .s1 strong {color:#646DC4}
.s2 h4{background:url(img/sh4.png) no-repeat left -26px}
.s2 h2, .s2 h5, .s2 strong {color:#2FA9F7}
.s3 h4{background:url(img/sh4.png) no-repeat left -52px}
.s3 h2, .s3 h5, .s3 strong {color:#D09F00}
.s4 h4{background:url(img/sh4.png) no-repeat left -78px}
.s4 h2, .s4 h5, .s4 strong {color:#8E8520}
.s5 h4{background:url(img/sh4.png) no-repeat left -104px}
.s5 h2, .s5 h5, .s5 strong {color:#D3515D}
.s6 h4{background:url(img/sh4.png) no-repeat left -130px}
.s6 h2, .s6 h5, .s6 strong {color:#666}

/* images */
.vignette {margin:2px 10px 0 0;float:left}
.s1 .vignette{border-top:5px solid #646DC4;margin-left:10px}
.s2 .vignette{border-top:5px solid #2FA9F7;margin-left:10px}
.s3 .vignette{border-top:5px solid #D09F00;margin-left:10px}
.s4 .vignette{border-top:5px solid #8E8520;margin-left:10px}
.s5 .vignette{border-top:5px solid #D3515D;margin-left:10px}
.s6 .vignette{border-top:5px solid #666;margin-left:10px}
.gauche{float:left;margin-right:8px}
.droite{float:right;margin-left:8px}

/* pag */
#pagination a.pagination_pages, span.pagination_pages { color: #FFF ;display: block; width: 20px; text-align: center; line-height: 19px;background-color: #999; height: 19px;background-image: none}	
table#pagination { margin-top: -16px ;}

/* auth */
.openedpopdiv{font-size:11px;color:#333;background:url(img/popconnectform.gif) no-repeat left bottom;width:238px;position:absolute;left:510px;top:148px}
.openedpopdiv form{background:url(img/popconnect.gif) no-repeat;padding:20px 20px 0 10px;margin-bottom:10px}
.openedpopdiv input{display:block}
.openedpopdiv label {margin-bottom:2px}
.openedpopdiv hr {background-color: #666; color: #666; height:1px; border: none;clear:both;}
.wlog{color: #333;background-color:#DEEEF0;width:200px;height:20px;margin-bottom:5px;border:1px solid #666}
.wok{margin-left:140px}
.openedpopmenu{display:none}

.lkactu a,.lkagenda a,.lksommaire a{text-indent:-999px;height:20px;display:block;overflow:hidden;margin-bottom:10px}
.lkactu a{background:url(img/lkactuagenda.png) no-repeat left top}
.lkagenda a{background:url(img/lkactuagenda.png) no-repeat left -20px}
.lksommaire a{background:url(img/lkactuagenda.png) no-repeat left -40px}

#tagsCloud{background:url(img/bgtag.png) no-repeat left bottom;border-top:1px solid #999;padding:14px 0 21px 0;margin-left:10px;margin-bottom:30px}
#tagsCloud div{background:url(img/bgcloud.png);padding:5px 10px;text-align:center}
#tagsCloud a{color:#FFF;text-decoration: none}
#tagsCloud .n7{color:#99FF99;font-size:22px}
#tagsCloud .n6{font-size:22px}
#tagsCloud .n5{color:#99FF99;font-size:20px}
#tagsCloud .n4{font-size: 17px}
#tagsCloud .n3{color:#ACDDF4;font-size:15px}
#tagsCloud .n2{font-size:14px}
#tagsCloud .n1{font-size:12px}
#download{margin-left:23px}

.clearR {clear: right;}