/* 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;
} 
div#nav {
	position:absolute;
	left:0px;
	top:0px;
	width:170px;
	padding:0; margin:0 0 0 15px;
	font: .75em verdana, arial, sans-serif;
}
div#content {
	margin:20px 0 0 190px;
	padding: 0 1em;
	width:630px;
	background-color: #F3F3F3;
	border: thin outset #006699;
}
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: 0px;
	text-align: center;
	margin-right: 0px;
	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: #55BBDD;
	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: #55BBDD;
	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 */
}
.new {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #3366FF;
	font-style: oblique;
}
.newmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FF3333;
	text-decoration: underline;
	background-color: #FFFFFF;
	text-align: right;
	background-position: right;
}

/* Formulaire */
form {
	border:#999999 solid 1px;
	padding:20px;
}

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