div, p, h1, h2, h3, ul, li, form, a, img{margin:0;padding:0;text-align:left;border-width:0px}
body{margin:0;padding:0;line-height:1.6;font:80% tahoma,arial,helvetica,"bitstream vera sans",sans-serif;
	color:#000;background-color: #ffffff;text-align:center
}
p{text-align:justify}
ul{list-style:none}
input{margin:0;padding:0}
h1{font-size:20px;border-bottom:1px solid #64AEF0;color:#999}
a{text-decoration:none}
a:hover{cursor:pointer}
.spacer{clear: both}

/*----- Layer site -----*/
#layer_site{margin-right:auto;margin-left:auto;width:780px;position:relative}

/*----- Haut -----*/
#haut{width:780px;height:98px;vertical-align:top;
	border-top:1px solid #1f54bc;border-left:1px solid #1f54bc;border-right:1px solid #1f54bc;
	background-image:url(../img/haut/haut_bg.gif)
}
#haut #logo{float:left}
#haut #podium{float:left;width:275px;height:78px;margin:10px 0 0 60px;vertical-align:bottom;text-align:left;
	background-image:url(../img/haut/podium.gif);font-size:11px}
#haut #podium table{margin:22px 4px 2px 22px}
#haut #podium table tr td.titre{width:200px}
#haut #podium table tr td.titre a{color:#235FBF}
#haut #podium table tr td.titre a:hover{color:#000}
#haut #podium table tr td.points{width:54px;text-align:right}
#haut #podium table tr td.points b{color:#B71587}
#haut #podium table tr td.points b.ki{color:#E2AF25}

/*----- NavBar1 -----*/
#navBar1{font-size:12px;font-weight:bold;height:1%;width:780px;height:22px;
	border-bottom:1px solid #FFF;border-left:1px solid #FF9900;border-right:1px solid #FF9900;
	background-image:url(../img/onglets/navBar_bg.gif);background-repeat:repeat-x;background-position:bottom;
	vertical-align:bottom;padding-top:3px;padding-bottom:0px;overflow:hidden}
#navBar1 ul{margin:0;padding:0;list-style:none}
#navBar1 li{float:left;margin-left:1px}
#navBar1 a{float:left;text-decoration:none;letter-spacing:0.7px;padding-left:10px;background:url(../img/onglets/onglet_g.gif) 0% 0px no-repeat}
#navBar1 span{float:left;padding:4px 10px 4px 0;background:url(../img/onglets/onglet_d.gif) 100% 0px no-repeat;color:#fff}
#navBar1 a:hover, #navBar1 a:focus{background-position:0 -23px}
#navBar1 a:hover span, #navBar1 a:focus span{background-position:100% -23px;color:#FFFFCC}

#navBar1 a.sexy{float:left;text-decoration:none;letter-spacing:0.7px;padding-left:10px;background:url(../img/onglets/onglet_sexy_g.gif) 0% 0px no-repeat}
#navBar1 span.sexy{float:left;padding:4px 10px 4px 0;background:url(../img/onglets/onglet_sexy_d.gif) 100% 0px no-repeat;color:#fff}
#navBar1 a.sexy:hover, #navBar1 a.sexy:focus{background-position:0 -23px}
#navBar1 a.sexy:hover span, #navBar1 a.sexy:focus span{background-position:100% -23px;color:#FFFFCC}

/*----- Connexion Box -----*/
#connexionBox.deconnect{background:transparent url(../img/haut/connexionBox.gif) no-repeat scroll 0%;
	width:140px;height:98px;position:absolute;top:0;right:0;margin:10px 10px 0 0}
#connexionBox.connect{
	background:transparent url(../img/haut/connexionBoxConnect.gif) no-repeat scroll 0%;
	width:140px;height:98px;position:absolute;
	top:0;right:0;margin:10px 10px 0 0;padding:5px}
#connexionBox.connect p{padding:8px;padding-top:30px;text-align:left;}
#connexionBox.connect a{color:#2677E5;font-weight:bold}
#connexionBox.connect a:hover{color:#69B1F1}
#connexionBox input{border-width:0;font-size:13px;width:118px;
	position:relative;left:10px;top:30px;margin-bottom:8px;height:16px}
#connexionBox a.btnOk{position:relative;top:27px;left:80px}

/*----- Nb Sites -----*/
#nbSites{width:140px;height:18px;top:1px;left:-1px;font-size:14px;font-weight:bold;
	background:transparent url(../img/haut/nbSites_bg.gif) no-repeat scroll 0%;
	position:relative;text-align:right;padding-right:24px;color:#FF9900}

/*----- NavBarLoc -----*/
#navBarLoc{line-height:22px;width:780px;min-height:22px;
	background:transparent url(../img/haut/navBarLoc_bg.gif) repeat-x scroll 0%;background-position:top;
	border-left:1px solid #83bbd9;border-right:1px solid #83bbd9;border-bottom:1px solid #83bbd9;
	background-color:#b6dffa;overflow: auto}
#navBarLoc .localisation{color:#8b0000;float:left;padding-left:6px}
#navBarLoc .localisation a{color:#8b0000;text-decoration:none;font-weight:bold}
#navBarLoc .localisation a:hover{color:#fd5555}
#navBarLoc .recherche{float:right}

/*----- Feed -----*/
#feedBox{width:125px}
#feedBox div.haut{height:30px;background:transparent url(../img/feed/feedBox_h.gif) no-repeat}
#feedBox div.bas{height:6px;background:transparent url(../img/feed/feedBox_b.gif) no-repeat}
#feedBox div.content{color:#666;padding:0px 0px 0px 6px;background:transparent url(../img/feed/feedBox_bg.gif) repeat-y scroll 0%}
#feedBox div.content ul{list-style:square;list-style-position:inside}
#feedBox div.content ul li a{color:#1D68DE}
#feedBox div.content ul li a:hover{color:#66AEEF}

/*----- Recherche -----*/
.recherche{float:right;vertical-align:middle}
.recherche #frmRecherche {padding:1px}
.recherche #frmRecherche #recherche {height:16px;border:1px solid #83bbd9;margin-top:1px;background-color:#FFF;padding-left:20px;
	background-image:url(../img/haut/recherche_bg.gif);background-repeat:no-repeat;background-position:top left}

#derniereRechercheBox{width:125px}
#derniereRechercheBox ul{padding: 0px 4px 1px 4px;background:transparent url(../img/recherche/derniereRechercheBox_bg.gif) repeat-y scroll 0%}
#derniereRechercheBox a{font-size:9px}
#derniereRechercheBox div.haut{height:30px;background:transparent url(../img/recherche/derniereRechercheBox_h.gif) no-repeat}
#derniereRechercheBox div.bas{height:6px;background:transparent url(../img/recherche/derniereRechercheBox_b.gif) no-repeat}

/*----- Recherche Resultat -----*/
div.rechercheResultat{margin-top:8px;padding:3px;color:#FF920A;background-color:#FFD;border:1px solid #FCA}

/*----- Bas -----*/
#bas{width:782px;height:71px;background:transparent url(../img/bas/bas_bg.gif) no-repeat scroll 0%}
#bas div.content{text-align:right;padding:24px 6px 5px 10px}
#bas_logos{margin-top:5px}
#bas_logos a{float:right;margin-left:4px}
#bas_logos img{border:0}

/*----- Content -----*/
#content{background:transparent url(../img/rubriques/rubriques_bg.gif) repeat-y scroll 0%;height:1%}

/*----- Main -----*/
#main{/* DEPRECATED */
	float:left;width:534px;margin-left:3px}
#main_1col{/* DEPRECATED */
	float:left;width:652px;margin-left:5px}
#main_2col{/* DEPRECATED */
	float:left;width:524px;margin-left:5px;margin-right:3px}
.main_2col{float:left;width:527px;margin-left:5px}

/*----- Right -----*/
#right{/* DEPRECATED */
	float:left;width:120px;margin-left:3px}
.right{float:left;width:120px;margin-left:3px}

/*----- Result Nb Sites -----*/
#resultNbSites{margin-top:8px;padding-top:3px;width:89px;height:23px;background:url(../img/annuaire/nbSites_bg.gif) no-repeat 0 0}
#resultNbSites div.nb{color:#666;width:45px;text-align:center;float:left;font-weight:bold}
#resultNbSites div.sites{width:35px;float:left;text-align:right;color:#FFF;font-weight:bold}

/*----- Rubriques -----*/
#rubriques{float:left}
#rubriques div.menu{width:120px}
#rubriques div.menu #rubrique_annuaire{height:23px;background:transparent url(../img/rubriques/rubrique_annuaire.gif) no-repeat scroll 0%}
#rubriques div.menu #rubrique_site{height:23px;background:transparent url(../img/rubriques/rubrique_site.gif) no-repeat scroll 0%}
#rubriques div.menu #rubrique_partenaires{height:23px;background:transparent url(../img/rubriques/rubrique_partenaires.gif) no-repeat scroll 0%}
#rubriques div.menu ul{
  background: #4f8bdf;list-style-type:none;padding:0px;margin:0px}
#rubriques div.menu ul li{border-bottom:1px dashed #0099FF;padding:0px;border-left:1px solid #306AC8;border-right:1px solid #4d9dff}
#rubriques div.menu ul li a{color: #FFF;text-decoration:none;display: block;font-weight:bold;padding:1px 0px 1px 10px}
#rubriques div.menu ul li a:hover{color:#FFFFCC;background-color:#94C8FA}

/*----- Lien pages -----
p.lienPages a{
	display: block;float:left;text-align:center;line-height:20px;width: 22px;height: 22px;
	font-size: 11px;color:#555;background:url(../img/btnLienPage.gif) no-repeat 0 0;margin-bottom:2px}
p.lienPages a:hover{background:url(../img/btnLienPage.gif) no-repeat -22px 0}
p.lienPages a.selected{font-weight:bold;background:url(../img/btnLienPage.gif) no-repeat -44px 0}
p.lienPages a.selected:hover{background:url(../img/btnLienPage.gif) no-repeat -66px 0}
*/

/*----- Pagination -----*/
div.pagination{
margin:3px;
padding:3px;
text-align:center;
}
div.pagination span.disabled{
border:1px solid #F3F3F3;
color:#CCCCCC;
margin-right:2px;
padding:2px 5px;
}
div.pagination span.current {
background-color:#BE008A;
border:1px solid #BE008A;
color:#FFFFFF;
font-weight:bold;
margin-right:2px;
padding:2px 5px;
}
div.pagination a {
border:1px solid #DDDDDD;
color:#BE008A;
margin-right:2px;
padding:2px 5px;
text-decoration:none;
}
div.pagination a:hover, div.pagination a:active {
background-color:#EFC2E3;
border:1px solid #BE008A;
color:#BE008A;
}


/*----- Nouveautés Site News Box -----*/
div.nouveautesSiteNewsBox{width:510px;height:170px;background-image:url(../img/nouveautes_site_news.gif);
	background-repeat:no-repeat;margin:8px 7px 1px 3px;font-size:16px;font-weight:bold}
div.preview {width:120px;height:90px;float:left;margin:19px 0 0 18px}
div.last{width:350px;float:left}
div.last ol.site{margin:5px 0 0 0;font-size:13px;height:85px;color:#F09F21}
div.last ol.site a{color:#216EE1}
div.last ol.site a:hover{color:#5AA7EE}
div.last ul{list-style: square;list-style-position: inside;color:#F09F21}
div.last ul.news{margin:4px 0 0 20px;font-size:11px}
div.last ul.news a{color:#92CF26}
div.last ul.news a:hover{color:#5AA7EE}
div.last ul.news a span{color:#9E9EC6}

/*----- Categories -----*/
div.categorieBox{width:250px;height:88px;background-image:url(../img/categorie.gif);background-repeat:no-repeat;
	float:left;margin:8px 7px 1px 3px;font-size:16px;font-weight:bold}
.categorieBox a{color:#3265b5;text-decoration:none}
.categorieBox a:hover{color:#447ed9;text-decoration:none}
.categorieBox .img{float:left;width:90px;height:88px}
.categorieBox img{margin-left:16px;margin-top:16px;width:64px;height:64px}
.categorieBox img:hover{opacity:0.6}
.categorieBox .content{float:left;width:150px;height:80px}
.categorieBox .categorie{width:100%;height:44px;padding:8px 4px 1px 4px}
.categorieBox .infos{width:100%;height:20px;font-size:10px;color:#999;text-align:center;padding:12px 5px 0 0}
/*----- Charte -----*/
ol.charte{font-size:13px}
ol.charte li{border:dotted 1px #A2D846;border-left:solid 6px #A2D846;background-color:#FFF;margin-top:5px;margin-right:4px;padding:5px}
p.charteFooter{text-align:justify;font-size:11px;color:#555}
/*----- Divers -----*/
a.btnOk{display:block;width:45px;height:16px;background:url(../img/btn_ok.gif) no-repeat 0 0}
a.btnOk:hover{background:url(../img/btn_ok.gif) no-repeat -45px 0}
a.btnRecherche{display: block;float:left;width: 45px;height:16px;background: url(../img/btn_ok.gif) no-repeat 0 0;margin:1px 1px 0px 3px}
a.btnRecherche:hover{background:url(../img/btn_ok.gif) no-repeat -45px 0}

div.codeHTML{color:#555;padding:2px;font-size:11px;border:1px solid #A2D849;border-left-width:5px}

div.info{
	margin-top:5px;margin-bottom:5px;padding:2px;color:#555;text-align:justify;padding:3px;font-size:11px;
	border-top:1px solid #EFCE00;border-bottom:1px solid #EFCE00;background-color:#FFF5AF}