/* général **********************************************************/

body
{
	margin: 0px;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	text-align: left;
	background : #dddddd url(./img/bgshadow.png) repeat-y center;
}

a img 
{ 
border: none; 
} 

.container
{
	position: relative;
	width: 800px;
	height : 100%;
	margin:  0 auto 0 auto;
	background-color: #ffffff;
	/*font-size: small;*/
	text-align: left;
}

.head
{
	position: relative;
	margin: 0 0 0 0;
	width : 800px;
	height: 150px;
	background-color: transparent;
	background: url(./img/test4.png);
}
.menucontainer
{
	/*position: relative;*/
	margin: 0 0 0 0;
	width : 800px;
	height: 20px;
	background-color: #a4a4a4;
	
}
.content
{
	position : relative;
	margin : 0 0 0 0 ;
	width: 800px;
	overflow : hidden;
	background-color : #ffffff;
}

.foot
{
	position: relative;
	margin : 0 0 0 0;
	padding : 10px 0 5px 0;
	width : 800px;
	height: 30px;
	background : #ffffff;
	text-align : center;
	border-top : 1px solid #a4a4a4;
}

.texte
{
	position : relative;
	float: right;
	margin : 0 0 0 0;
	width: 550px;
}

.titre, .titre-ao, .titre-mn, .titre-te, .titre-dsp
{
	border-radius: 35px 0 0 0;
	
	-moz-border-radius: 35px 0 0 0; 
    -webkit-border-radius: 35px 0 0 0; 
    -webkit-border-top-left-radius: 35px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 35px; /* pour Chrome */ 
	
	
	
	position : relative;
	margin : 20px 0 0 0;
	padding-top : 17px;
	padding-left: 50px;
	width : 100%;
	height : 60px;
/*	background-color : #a154a1;*/
	background :  url(./img/roundcorner.png) no-repeat top left;
/*	color : #4e4e4e;*/
	color : #ffffff;
	font-size: 15pt;
	font-family: "Arial Black", Verdana,Tahoma,  Arial, sans-serif;
	font-weight: bold;
	text-align: left;
}

.titre
{
	/*background-color : #a4a4a4;*/
	background-color : #6997c2;
}

.titre-ao
{
	background-color : #a154a1;
}

.titre-mn
{
	background-color : #37ba9b;
}

.titre-te
{
	background-color : #939cac;
}

.titre-dsp
{
	background-color : #f9b74b;
}

.bloc, .bloc-ao, .bloc-mn, .bloc-te, .bloc-dsp
{
	position: relative;
	padding : 10px 15px 5px 5px;
	margin : 10px 0 10px 10px;
	text-align : justify;
	/*background : transparent url(./img/corner-w.png) no-repeat;*/
}

.bloc
{
	background : transparent url(./img/corner-neutre.png) no-repeat;
}
.bloc-ao
{
	background : transparent url(./img/corner-ao.png) no-repeat;

}
.bloc-mn
{
	background : transparent url(./img/corner-mn.png) no-repeat;

}
.bloc-te
{
	background : transparent url(./img/corner-te.png) no-repeat;

}
.bloc-dsp
{
	background : transparent url(./img/corner-dsp.png) no-repeat;

}

.titre-bloc
{
	margin-left : 30px;
	font-size: 17px;
	font-family: "Trebuchet MS",Verdana, Tahoma, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color : #00519e;
}

.date
{
	color : #6997c2;
}



/* pages activités **********************************************************/

.illustration_dsp,.illustration_mn,.illustration_ao,.illustration_te
{
	position : relative;
	float : left;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	width : 250px;
	height : 620px;
}

.illustration_dsp
{
	background : transparent url(./img/div_illustration_dsp.png) no-repeat;
}

.illustration_mn
{
	background : transparent url(./img/div_illustration_mn.png) no-repeat;
}
.illustration_ao
{
	background : transparent url(./img/div_illustration_ao.png) no-repeat;
}
.illustration_te
{
	background : transparent url(./img/div_illustration_te.png) no-repeat;
}

.googlemap
{
	/*background : transparent url(./img/googlemaps.png) bottom no-repeat;*/
	position : relative;
	float : left;
	margin : 0;
	padding : 0 20px 0 0;
	width : 400px;
	height : 450px;
}

.photo_sodae
{
	background : transparent url(./img/sodae.png) bottom no-repeat;
	position : relative;
	float : left;
	margin : 0;
	padding : 0 20px 0 0;
	width : 400px;
	height : 300px;
}

.illustration_contact
{
	/*background : transparent url(./img/sodae.png) bottom no-repeat;*/
	position : relative;
	float : left;
	margin : 50px 0 0 0;
	padding : 20px;
	width : 400px;
	height : 620px;
}
.motscles, .motscles-ao, .motscles-mn, .motscles-te, .motscles-dsp
{
	position: relative;
	margin : 0 0 0 0 ;
	padding : 10px 10px 10px 10px;
	font-size: 8pt;
	font-family: "Trebuchet MS", Verdana,Tahoma,  Arial, sans-serif;
	font-weight: normal;
	text-align: left;

}
.motscles-ao
{
	background : #a154a1;
	color : #ffffff;
}
.motscles-mn
{
	background : #37ba9b;
	color : #ffffff;
}
.motscles-te
{
	background : #939cac;
	color : #ffffff;
}
.motscles-dsp
{
	background : #f9b74b;
	color : #ffffff;
}


.resume, .resume-ao, .resume-mn, .resume-te, .resume-dsp
{
	position: relative;
	margin : 0 0 0 0 ;
	padding : 10px 10px 10px 10px;
	font-size: 13px;
	font-family: "Trebuchet MS",Verdana, Tahoma, Arial, sans-serif;
	font-weight: bold;
	text-align: left;	
	/*color : #ffffff;*/
}

.resume-ao
{
	/*background : #a154a1;*/
	background : #ffffff;
	color : #a154a1;
}

.resume-mn
{
	/*background : #37ba9b;*/
	background : #ffffff;
	color : #37ba9b;
}

.resume-te
{
	/*background : #939cac;*/
	background : #ffffff;
	color : #939cac;
}

.resume-dsp
{
/*	background : #f9b74b;*/
	background : #ffffff;
	color : #f9b74b;
}


.contact
{
	text-align : right;
	margin : 10px 10px 10px 40px;
	padding : 10px 30px ;
	font-size: 13px;
	font-family: "Trebuchet MS",Verdana, Tahoma, Arial, sans-serif;
	font-weight: bold;
	background : #eeeeee url(./img/roundcorner2.png) bottom right no-repeat;
}

/* page index **********************************************************/

.pictos
{
	/*position : relative;*/
	display : block;
	margin : 150px auto 20px auto;
	padding : auto auto auto auto;
	text-align : center;
}

.titrepictos
{
	font-size: 12px;
	font-family: "Trebuchet MS",Verdana, Tahoma, Arial, sans-serif;
	font-weight: bold;
	text-align: center;	
	

}

.intro
{
	position : relative;
	display : block;
	margin : 10px 60px 20px 60px;
	padding : 70px auto auto auto;
	text-align : center;
}

.hghlgt
{
	color : #6997c2;
	font-style : smallcaps;
	font-weight : bold;
}




/* MENU ***************************************************************************************/
#menu, #menu ul 
{
	/*position : relative;*/
	
	padding : 0;
	margin : 0 0 0 0;
	list-style : none; 
	line-height : 20px;
	text-align : center;
	z-index : 100;
	background-color : #a4a4a4;
}

#menu 
{
	font-weight : bold;
	font-family : Verdana;
	font-size : 11px;
}

#menu a
{
	display : block;
	padding : 0;
	background : #a4a4a4;     
	color : #ffffff;
	text-decoration : none;
	/*width : 159px;*/
	width : 132px;
}

#menu li 
{ 
	float : left;
	/*border-left : 1px solid #ffffff; */
	border-left: 1px solid #a4a4a4 ; 
}

html>body #menu li
{
	/*border-left: 1px solid transparent ; */
	border-left: 1px solid #a4a4a4 ; 
}

#menu li ul 
{ 
	position: absolute; 
	/*width: 159px; */
	width : 132px;
	left: -999em; 
}


#menu li ul li
{
	border-top : 1px solid #ffffff; 
}

html>body #menu li ul li                
{
	border-top : 1px solid #ffffff; 
}

#menu li ul ul 
{
	margin    : -22px 0 0 159px ;
	border-left     : 1px solid #ffffff ; 
}


html>body #menu li ul ul                
{
	border-left : 1px solid transparent ; 
}

#menu a:hover , #menu a.sfhover
{
	color : #ffa800; 
	background : #6997c2;
}

#menu li:hover ul ul, #menu li.sfhover ul ul 
{
	left : -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  
{
	left : auto;
	min-height : 0; 
}



/* MENUINDEX ***************************************************************************************/
#menuindex 
{
	position : relative;
	margin : 0;
	padding : 57px;
	display : block;
	font-weight : bold; 
	font-family : Verdana; 
	font-size : 12px; 
	z-index : 50;
}
#menuindex a
{
color : #ffffff;
}
#menuindex1, #menuindex2, #menuindex3, #menuindex4
{
	position : absolute;
	padding : 0;
	height : 170px; 
	width : 170px;
	text-align : center; 
	z-index : 50;
	/*background-color : #6997c2;*/
}
#menuindex1
{
	margin : 0 0px;
	background-color : #a154a1;
}
#menuindex2
{
	margin : 0 171px;
	background-color : #37ba9b;
}
#menuindex3
{
	margin : 0 250px;
	background-color : #939cac;
}
#menuindex4
{
	margin : 0 513px;
	background-color : #f9b74b;
}
#menuindex1 a,#menuindex2 a,#menuindex3 a,#menuindex4 a
{
	display : block;
	width : 170px;
	height : 122px;
	text-decoration : none; 
}
#menuindex1 a
{
	background : transparent url(./img/img_ao_mono.png) no-repeat top center;
}
#menuindex2 a
{
	background : transparent url(./img/img_mn_mono.png) no-repeat top center;      
}
#menuindex3 a
{
	background : transparent url(./img/img_te_mono.png) no-repeat top center;    
}
#menuindex4 a
{
	background : transparent url(./img/img_dsp_mono.png) no-repeat top center;
}
#menuindex1 a:hover 
{
	/*color: #ffa800; */
	background:  url(./img/img_ao_coul.png) no-repeat top center; 
}
#menuindex2 a:hover 
{
	/*color: #ffa800;*/
	background:  url(./img/img_mn_coul.png) no-repeat top center;
}
#menuindex3 a:hover
{
	/*color: #ffa800;*/
	background:  url(./img/img_te_coul.png) no-repeat top center;
}
#menuindex4 a:hover   
{
	/*color: #000000;*/
	background:  url(./img/img_dsp_coul.png) no-repeat top center;
}


/* MENU BLOC***************************************************************************************/
#menubloc, #menubloc ul 
{
	position : relative;
	display : block;
	padding : 0;
	margin : 0 0;
	list-style : none; 
	line-height : 21px;
	text-align : center;
	z-index : 50;
	background : #6997c2;     
}

#menubloc 
{
	font-weight : bold;
	font-family : Verdana;
	font-size : 12px;
	margin-left : 23px;
	margin-bottom : 40px;
}

#menubloc a
{
	display : block;
	padding : 0;
	background : #6997c2;     
	color : #ffffff;
	text-decoration : none;
	width : 258px;
}

#menubloc li 
{ 
	float : left;
	border-left : 1px solid #6997c2; 
}

html>body #menubloc li
{
	/*border-left: 1px solid transparent ; */
	border-left: 1px solid #6997c2;     
}


#menubloc a:hover 
{
	color : #ffa800; 
	background : #6997c2;
}