body{
	font-size:13px;
	background-color:#1A5B83;
	margin:auto;
	height: 100%; 
	font-family: Verdana;
}

a img{
	border:0;
}

p , li{text-align:justify;}

#page{
	margin:auto;
	background:url('../IMAGES/fond.jpg') #000206 center top no-repeat;
	padding-bottom:40px;
}

#container{
	margin:auto;
	width:960px;
}



#headTitre{
	position:absolute;
	margin-left:400px;
	margin-top:45px;
	color:#fff;
	font-size:24px;
	text-align:center;
	font-family:Verdana;
}
#ssheadTitre{
	position:absolute;
	margin-left:412px;
	margin-top:70px;
	color:#fff;
	text-align:center;
	font-family:Verdana;
	font-size:14px;
}

#clem{
	position:absolute;
	margin:108px 0 0 21px;
	color:#00669e;
}


#logo{
	position:absolute;
	top:25px;
}


#topHead{
	height:130px;
}

#firstContent{
	margin-top:5px;

}
#secondContent{
	margin-top:3px;
	height:124px;
	background-image:url('../IMAGES/secondContent.jpg');
	
}

#pageNews h3{
	color:#1A4E5A;
}

#pageNews .link{
	text-decoration:none;
	color:#1A4E5A;
}

#pageNews .titreNews{
	text-decoration:none;
	color:#1A4E5A;

}
#pageNews .date{
	font-size:11px;

}

#pageNews img {
	margin:0 10px 10px 0;
}

#right p{margin-top:0px;}

.interne a{
	color:#000;
	text-decoration:none;
}


#secondContent div#right{
	position:absolute;
	margin-left:360px;
	margin-top:20px;
	height:60px;
	width:265px;
	
	font-size:10px;
	text-align:justify;
}
#secondContent div#right span{
	display:block;
}
#secondContent div#right .rightTitle{
	color:#194b56;
	font-size:16px;
}

#secondContent div#right .rightSubTitle{
	color:#194b56;
	padding-top:5px;
	padding-bottom:10px;
	font-size:9px;
}

/* sous header left*/
#secondContent div#left{
	position:absolute;
	margin-top:20px;
	color:#000;
	font-size:10px;
	width:225px;
	text-align:justify;
	font-family:verdana;
	padding:0 20px 0 20px;
}

#secondContent div#left a.titreNews{
	color:#194b56;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#secondContent div#left .date{
	color:#194b56;
	display:block;
	font-size:12px;
	padding:5px 0 0 0;
}

#secondContent div#left p{
	margin-bottom:0;
}

#logoActu{
	position:absolute;
	margin:22px 0 0 250px;
	
}
#secondContent div#left a.savoirplus{
	color:#194b56;
	margin:0;
	padding:0;
	text-decoration:none;
}

/*****/
#wrapper{
	position:relative;
	background-color:#aaafb4;
	margin-top:5px;
	padding-top:12px;
	background:url('../IMAGES/topContent.jpg') top no-repeat #aaafb4;
}

#clearWrapper{
clear:both;
}



#menu{
	float:left;
	width:264px;
	height:270px;
	background-image:url('../IMAGES/bg_menuGauche.jpg');

}

#contentTxt{
	float:left;
	font-family: Arial;
	background-color:white;
	font-size:12px;
	width:650px;
	padding-top:5px;
	padding-bottom:10px;
	/*text-align:justify;*/
	padding-left:25px;
	padding-right:20px;
	min-height:300px;
	position:relative;
	border-left:1px solid #bfbfbf;
	background:url('../IMAGES/plan.jpg') #fff center center  no-repeat;
/*	//background-position:131px 100px;
	background:url('../IMAGES/backContent.jpg') #fff top left no-repeat;
	background-position:14px 0;*/
}




#contentTxtLeft{
	float:left;
	width:330px
}

#contentTxtLeftBis{
	width:625px;
}

#contentTxtLeft a, #contentTxtLeft a:hover, #contentTxtLeft a:visited{
text-decoration:none;
color:#1E3F42;
border-bottom:1px dotted #1E3F42;

}

#contentTxtRight{
	float:left;
	width:265px;
	margin:10px 0 0 50px;
}

#contentTxtRightBis{
	display:none;
}
#contentTxtRight h3{
	font-size:17px;
	letter-spacing:1px;
	color:#1E3F42;
	padding:0;
	margin:0;
}

#contentTxtRight h4{
	font-size:13px;
	padding:15px 0 15px 0;
	margin:0;
}


#contentTxt h1{
	font-size:12px;
	color:#1E3F42;
	text-align:justify;
}

#contentTxtLeft h2{
	font-size:12px;
	color:#1E3F42;
	
	text-align:justify;
}	

#contentTxtLeft h3{
	font-size:12px;
	text-align:justify;
	
}

#foot{
	clear:both;
	
}

#imgFooter{
	clear:both;
	height:40px;
	font-family:arial;
	background:url('../IMAGES/footer.png') bottom no-repeat;
}


#footLeft{
	float:left;
	padding-top:10px;
	width:264px;
	background-color:#010B10;
	color:#fff;
	text-align:center;
	font-size:11px;
}

#footLeft a{
	color:#fff;
	text-decoration:none
}

#footRight{
	padding-top:10px;
	background-color:#fff;
	font-size:10px;
	text-align:center;
}




/*menu accueil: haut*/
#menuHead {
	padding-left:5px;
	height:43px;
	background-image:url('../IMAGES/bg_menu.jpg');
	background-repeat:no-repeat;
	position: relative
	
}

#menuHead ul li {
	list-style-type: none;
	float:left;
	height:43px;
	display:table-cell;
}

#linkContact{
margin-left:150px;
}


#menuHead ul  li a{
	display:block;
	width:89px;
	text-align:center;
	font-size:11px;
	padding:15px 10px;
	color:#000;
	text-decoration:none;
}

#menuHead ul  li.double a{
	padding:10px 10px;
	
	
}



#menuHead ul  li ul li a{
	width:auto;
	
}

#menuHead ul ul.subMenu{
display:none;
}


#menuHead ul ul{

	position: absolute; 
	left: 0px; 
	top: 43px; 
	margin: 0px; 
	padding-left: 125px;
	background-color:#A0B7B1;
	background-image:url('../IMAGES/fondSsMenu.jpg');
	width:835px;
}



#menuHead ul  li:hover ul.subMenu, #menuHead li.IEMhover ul.subMenu{
	display:block;
}


#menuHead ul  ul li a.linkHov{
	background-color:#D5D5D5;
}

#menuHead ul  li a:hover{
	background:url('../IMAGES/btnHoverTop.jpg') no-repeat;
	background-position: 6px 8px;
	color:#fff;
}


#menuHead ul li ul li a{
	
	display:block;
	float:left;
	line-height:43px;
	padding:0 10px;
	text-decoration:none;
}


#menuHead ul  li.toggleSubMenu ul li a:hover {
	background:none;
	color:#000;
	background-color:#D5D5D5;

}


#menuHead ul  li.toggleSubMenu a.liencours{
background:url('../IMAGES/btnHoverTop2.jpg') no-repeat;
	background-position: 6px 8px;
	color:#fff;
}

#menuHead ul li a.liencours{
	background:url('../IMAGES/btnHoverTop.jpg') no-repeat;
	background-position: 6px 8px;
	color:#fff;
}

#menuHead ul li a.liencours ul{
	display:block
}

#menuHead ul  li.toggleSubMenu:hover, #menuHead ul  li.toggleSubMenu a:hover,#menuHead ul  li.toggleSubMenu.IEMhover{
	background:url('../IMAGES/btnHoverTop2.jpg') no-repeat;
	background-position: 6px 8px;
	color:#fff;
}




/* menu deroulant */




#menu .navigation{
	padding:10px;
	font-family: Verdana;
	
}

#menu .navigation li {
	list-style-type: none;
	border-bottom-style:dotted;
	border-width : 1px; 
	font-size:11px;
	font-family:verdana;
	border-color:#98999a; 
}




#menu .navigation li a{
	color:#1E3F42;
	font-size:1.2em;
	text-decoration:none;
	display:block;
}

#menu .subMenu li{
	border:none;
	display:block;
}

#menu .subMenu li a{
	font-size:0.9em;
	color:#257280;
	display:block;
}

#menu ul li a:hover{
	background:url('../IMAGES/hover.jpg') no-repeat;
	
}

#menu ul li.toggleSubMenu a:hover, .liencoursDeroulant, .toggleMenu, .open{
	background:url('../IMAGES/hoverDeplie.jpg') no-repeat;
}

#menu ul li.toggleSubMenu ul li a:hover{

	color:#fff;
	background:url('../IMAGES/btnHover.png') no-repeat;
	background-position: 17px 0px;

}



#menu ul.navigation ul.subMenu{
	padding:0px;
	/* new menu*/
	display:none;
}
/* new menu*/
#menu ul.navigation ul.liencours{
	padding:0px;
	/* new menu*/

}
/* new menu*/
#menu ul.navigation ul li a{
	padding-left:25px;
	padding-top:1px;
	display:block;
	height:16px;
	font-size:10px;
	font-family:verdana;
}

#menu .liencours li{
	border:none;
	
	
}


.titre_menu{
	position:absolute;
	margin-left:10px;
	color:#1E3F42;
	font-family:Verdana;
	font-size:19px;
}

.sous_titre_menu{
	margin-left:10px;
	margin-top:45px;
	font-family:Verdana;
	font-size:12px;
	color:#257280;

}



#menu .liencours li a{
	font-size:0.9em;
	display:block;
	color:#257280;
}

#menu ul li.liencours{
display:block;
background:url('../IMAGES/hover.jpg') no-repeat;
}

#menu ul li ul.liencours li a:hover, #menu ul li ul li a:hover {
	color:#fff;
	background:url('../IMAGES/btnHover.png') no-repeat;
	background-position: 17px 0px;
	
}
#menu ul li ul.liencours li.liencours{
	background:url('../IMAGES/btnHover2.png') no-repeat;
	background-position: 5px 0px;
}
#menu ul li ul.liencours li.liencours a{color:#fff}


/* formulaire de contact */


form input, form textarea{
	border-color:#1E3F42;
}

form .submit{
	font-weight:bold;
	margin:5px;
	
}

form legend{
	font-weight:bold;
	color:#1E3F42;
	font-size:1.1em;
}

form label {
 margin-top:10px;
 display:block;
 }


#compas{
	position:absolute;
	margin:0 0 0 708px;
}


#fleche{
	position:absolute;
	margin:0 0 0 655px;
}

#qualifelec{
	position:absolute;
	margin:0 0 0 855px;
}