*{
	padding:0;
	margin:0;
	border:0
}


body{
	background:url('../images/fond-page.jpg') #f2f2f2 repeat-x;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
}

/*____________________________________________________________________*/
/*_________________________________=GENERAL_____________________________*/
/*____________________________________________________________________*/

*html img, *html a, *html p{
	position:relative;
	z-index:15;
}

a{color:#343434;text-decoration:none;}
a:hover{color:#447dca}

.spacer{clear:both;font-size:0px;height:0px;line-height:0px;}

/*____________________________________________________________________*/
/*_______________________________=CONTENEUR___________________________*/
/*____________________________________________________________________*/


#conteneur{  
	margin:0px auto;
	width:978px;
	background:url('../images/fond-gauche.gif') #fff 1px 1px repeat-y;
	border:1px #848484 solid;
	border-top:none;
	padding:0 1px;
	
}

/*____________________________________________________________________*/
/*_________________________________=HAUT_____________________________*/
/*____________________________________________________________________*/

#bandeau{
	height:134px;
	background:url('../images/fond-bandeau.jpg') #343434 no-repeat;
	border-bottom:1px #343434 solid;
	border-top:1px #fff solid;
}

#bandeau h1{
	display:none;
}

#bandeau ul{
	list-style:none;
}

#menu_access{
	text-align:right;
	height:39px;
	width:973px;
	padding:0px 5px 0 0;
}

#menu_access li{
	display:inline;
	color:#aaa;
	font-size:10px;
}

#menu_access li a{
	color:#aaa;
}
#menu_access li a:hover,#menu_access li a:focus{
	color:#fff;
}

#menu-haut{
	height:33px;
	background:url('../images/fond-menu-haut.jpg') repeat-x;
}


#menu-haut li{
	float:left;
}

#menu-haut a{
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	color:#fff;
	padding:0 17px;
	text-transform:uppercase;
	border-right:2px #b0b0b0 solid;
	margin:8px 0 0 0;
}

#btn_contact a{
	border:0;
	margin-left:350px;
}

#menu-haut a:hover,#menu-haut a:focus{
	color:#b0b0b0;
}

#menu-haut li ul{
  display:none;
}

#menu-haut li:hover>ul{
  display:block;
}


#menu-haut ul{
	list-style:none;
	position:absolute;
	background:#343434;
	width:150px;
	z-index:50;
	border:1px #cfcfcf solid;
	border-top:0px;
	margin:-2px 0 0 4px;
	padding:5px;
	border:1px #fff solid;
}

#menu-haut ul li{
	float:none;
}


#menu-haut ul a{
	font-size:12px;
	text-transform:none;
	border:none;
	padding:0 0 0 10px;
	text-align:left;
	margin:2px 0;
	height:18px;
	font-weight:normal;
}	

#menu-haut ul a:hover,#menu-haut ul a:focus{
	background:#b0b0b0;
	color:#fff;
}


#zone-texte-haut{
	clear:both;
	background:#d4d4d4;
	height:52px;
	padding:5px 10px;
}
	


/*____________________________________________________________________*/
/*_________________________________=GAUCHE_____________________________*/
/*____________________________________________________________________*/

#gauche{
	width:200px;
	float:left;
}

#zone-recherche{
	background:#343434;
	height:37px;
	width:190px;
	border-top:3px #fff solid;
	border-bottom:3px #fff solid;
	color:#fff;
	padding:5px;
}
#zone-recherche legend{
	display:none;
}

#zone-recherche .input{
	background:#fff;
	boder:1px #d4d4d4 solid;
	height:16px;
	padding:2px;
	width:155px;
}
#zone-recherche .submit{
	vertical-align:top;
}


#zone-liste-didacticiels{
	background:#b0b0b0;
	min-height:390px;
	height:auto;
	margin:0 0 3px 0;
	padding:5px;
}
*html #zone-liste-didacticiels{
	height:390px;
}

#zone-liste-didacticiels h2{
	font-size:15px;
	color:#343434;
}

#zone-liste-didacticiels ul {
	list-style:none;
	margin:10px 0 10px 10px;

}

#zone-liste-didacticiels ul li{
	margin:2px 0;
}

#zone-liste-didacticiels ul li.did_menu_type_selected > a{
	font-weight:bold;
}

#zone-liste-didacticiels a{
	color:#fff;
	font-size:13px;
	background:url('../images/puce-li.gif') no-repeat;
	padding-left:10px;
	
}

#zone-liste-didacticiels a:hover,#zone-liste-didacticiels a:focus{
	color:#000;
}


/*____________________________________________________________________*/
/*_________________________________=CONTENU_____________________________*/
/*____________________________________________________________________*/

#contenu{
	background:#fff;
	float:left;
	width:768px;
	min-height:400px;
	height:auto;
	padding:3px 5px;
}
*html #contenu{
	height:400px;
}



/*____________________________________________________________________*/
/*_________________________________=BAS_____________________________*/
/*____________________________________________________________________*/




#bas{
	clear:both;
	background:#343434;
	height:19px;
	text-align:right;
	padding:2px 0 0 0;
	border-bottom:1px #fff solid;
	border-top:3px #fff solid;
}

#bas ul{list-style:none;}
#bas ul li{display:inline;padding:0 0 0 5px;}
#bas ul li a{color:#afafaf;font-size:11px;padding:0 5px}
#bas ul li a:hover,#bas ul li a:focus{color:#fff}