/* CSS Document */
*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

*html .conteneur{
	width:952px;
	height:729px;
}
.conteneur{
	width:972px;
	height:749px;
	background-color:#003366;
	margin: 10px auto;
}
*html .header{
	margin:10px 0 10px 0px;
	}
.header{
	height:100px;
	width:962px;
	margin:10px 0 10px 10px;
	float:left;

	background-image:url(../images/bandeau.jpg);
	background-repeat:no-repeat;
	background-position:left;
	}
*html .header p{
	margin:35px 0 0 70px;
	}
.header p{
	margin:35px 0 0 120px;
	float:left;

	font-size:24px;
	color:#003366;
	}

/*-----------------------------------nav-------------------------------*/
*html .navigation{
	margin: 0px 10px;
}
.navigation{
	background-color:#CCCC99;
	height:25px;
	width:930px;
	float:left;
	margin: 0px 20px;
	
	font-size: 12px;
	font-weight:bold;
}
.navigation ul{
	list-style-type:none;
	float:left;
	margin: 5px;
	padding:0;
}	
*html .navigation ul li{
	float:left;
	margin: 0 8px;
	padding-bottom:3px;
}	
.navigation ul li{
	float:left;
	margin: 0 9px;
}	
	
.navigation ul li a{
	color:#003366;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}	
.navigation ul li.select a{
	color:#FFF;
}		
.navigation ul li a:hover{
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
/*------------------------------contenu---------------------------*/
*html .contenu{
	height:540px;
	width:917px;
	margin:  10px 10px;
	padding: 5px ;
}
.contenu{
	height:550px;
	width:917px;

	float:left;
	background-color:#ffffff;
	margin:  10px 20px;
	padding: 5px ;
	overflow:auto;
	font-size:80%;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img{
	border: 1px solid #ffffff;
}
.contenu a{
	color:#003366;
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
}
.contenu a:hover{
	color:#003366;
}
*html .colonneGauche{
	height:518px;
}
.colonneGauche{
	height:528px;
	width:620px;
	background-image:url(../images/fondinfo2.gif);
	background-repeat:repeat;
	
	border: 1px solid #999;

	float:left;
	padding: 10px ;
	overflow:auto;
	color:#003366;
}
*html .colonneDroite{
	height:520px;
	width:240px;
}
.colonneDroite{
	height:530px;
	width:245px;
	background-color: #003366;
	margin-left:10px;

	float:left;
	padding: 10px ;
	overflow:auto;
	color:#FFFFFF;
}
.encadre {
	border:1px solid #fff;
	margin: 10px 0px;
	color:#FFFFFF;
	padding:2px;
	font-size:12px;
	}
.encadre .titre {
	background-image:url(../images/fondinfo2.gif);
	background-repeat:repeat;
	text-align:center;
	font-weight:bold;
	color:#003366;

}
.cadreBlanc{
	border:1px solid #999;
	margin: 10px 30px;
	background-color:#FFFFFF;
	padding:5px;
}
/*------------------------------------CONTACT------------------------------------------*/
fieldset {
	border:0;
}
form {
	font-size:12px;
	border:1px solid #003366;
	margin-top:40px;
}
.contenttable contenttable-0 {
	font-size:12px;
}
select {
	font-size:12px;
}
.csc-mailform {
	clear:both;
	margin-top:5px;
	margin-left:0px;
	margin-right:10px;
}
.csc-mailform-field {
	padding-bottom:2px;
	margin-left:0px;
}
.csc-mailform-label {
	padding-top:8px;
}
label {
	width:100px;
	display:block;
	float:left;
	margin-left:0px;
	clear:left;
	color:#003366;
}
input {
	font-size:12px;
}
input.csc-mailform-submit {
	margin-top:10px;
	float:left;
	clear:left;
}
textarea {
	font-size:12px;
}
#mailformformtype_mail {
	margin-left:99px;
}

/*-----------------------------------FOOTER------------------------*/
.footer p{
	height:20px;
	width:972px;
	padding-top:7px;
	float:left;
	margin:0;
	
	border-top: #000000 solid 1px;
	background-color:#CCCC99;

	font-size: 10px;
	font-weight:100;
	text-align:center;
	color:#003366;
}
/*-----------------------------------copyright------------------------*/
.copyright{
	height:20px;
	width:960px;
	margin: 0 auto;
	text-align:right;
		
	font-size: 10px;
	font-weight:100;
	color:#003366;
}
.copyright a{
color:#CCCC99;}