/* CSS Document */

/* colonnes */


div#conteneur { /*le conteneur global du site, qui sera centré */
width: 750px;
position: absolute;
left: 50%;
margin-left: -385px;
}
div#head {
	margin:0 0 0 190px;
	width:630px;
	border-bottom-width: medium;
	border-bottom-color: #FF0000;
	background-image: url(../medias/bandeau.jpg);
	padding: 0px;
	height: 60px;
	display: none;


} 

div#nav {position:absolute; left:0px; top:0px; width:170px;
				padding:0; margin:0 0 0 15px; font: .75em verdana, arial, sans-serif;
				display: none;}


div#content {
	
	padding: 0 1em;
	width:630px;
	background-color: #F3F3F3;
	border: thin outset #006699;
	margin: 0 ;


}

div#contentpop {
	margin:0px 0 0 0px;
	padding: 0 1em;
	width:480px;
	background-color: #F3F3F3;
	border: thin outset #006699;
}

#content, #contentpop li {
	font: normal 12px Verdana, sans-serif;
	list-style-type: none;
	list-style-image: url(../medias/puce2-s.jpg);
	padding: 12px;
}

#content a , #contentpop a ,  #head a {
	font: normal 12px Verdana, sans-serif;
	color: #0000C1;
	text-decoration: underline;	
}

#content a:hover , #contentpop a:hover , #head a:hover{
	font: normal 12px Verdana, sans-serif;
	color: #FFCC00;
	text-decoration: underline;	
}

/* mise en forme content */
h1 {
	font: bolder normal 14px Verdana, sans-serif;
	border: #006699;
	background-color: #336FEB;
	color: #FFFFFF;
	text-align: center;
}
h2 {
	font: bolder normal 14px Verdana, sans-serif;
	border: #006699;
	background-color: #418EE5;
	color: #FFFFFF;
	text-align: center;
}

h3 {
	font: normal 13px Verdana, sans-serif;
	border: thin solid #4CA8E0;
	text-align: justify;


}

p {
font: normal 12px Verdana, sans-serif;
}




/* menu */

#navlisthor li
{
	display: inline;
	list-style-type: none;
	padding-right: 17px;
	text-align: center;
	margin-right: 17px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #3399CC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	padding-top: 0px;
	background-color: #FFFFFF;



	}
	
	#navlisthor a
{

	text-decoration: none;
	}



#navlist
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
margin-top: 0;
width: 170px;
font: normal 11px Verdana, sans-serif;
}

#navlist li
{
	list-style: none;
	margin: 0;
	font-size: 1em;
	padding: 0px;
	
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0px;
margin-left: 10px;
margin-top: 0px;
color: white;
background: #418EE5;
border-width: 1px;
border-style: solid;
border-color: #55BBDD #035 #0000C1 #6cf;
border-left: 1em solid #fc0;
padding: 0.125em 0.25em 0.2em 0.375em;
}

#navlist a:hover, #navlist a#current:hover
{
	background: #336FEB;
	padding: 0.2em 0.175em 0.125em 0.45em;
	border-top-color: #232262;
	border-right-color: #6cf;
	border-bottom-color: #5BBDD;
	border-left-color: #fc0;
}

#navlist a:active, #navlist a#current:active
{
	background: #17a;
	padding: 0.2em 0.175em 0.125em 0.45em;
	width:150px;
	border-top-color: #232262;
	border-right-color: #6cf;
	border-bottom-color: #5BBDD;
	border-left-color: white;
}

#navlist a#current { border-color: #5bd #035 #068 #f30;

margin-top: 4px;
margin-left: 0px;
width:160px;
 }

#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width:150px;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}
#navcontainer h2 { border-bottom: 1px solid black; background: #0099CC left top repeat-x;
color: white;
text-align: center;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navcontainer>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}