@import url("layout.css");
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #f2f2f7;
	background-image: url("../images/fond.gif");
}

h1 {
	color: #3d6c87;
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1b1b1b;


}


.spanboldmaron{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#796255;
}



#container {
	width: 826px;
	margin: 10px auto;	
}



#masthead {
	text-align: center;
	float:left;
	width: 826px;
	height:70px;
	margin-top:32px;
	/*border:3px red solid;*/
}


#tophead{
	width: 826px;
	height:20px;
	float:left;
	text-align:right;
}




#tophead a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#5a5751;
text-decoration:none;

}

#tophead a:hover{
color:#009adb;
text-decoration:underline;

}


#logo{
	width: 231px;
	height:70px;
	float:left;
	padding:0px;
	/*margin-left:-1px;*/
	/*border:1px blue solid;*/


}

#logo img{	
}


#title{
	width: 564px;
	height:70px;
	float:left;
}

#bigtitle{
	width: 400px;
	height:70px;
	float:left;
	margin-left:40px;
	/*margin-top:10px;*/
	/*border:1px blue solid;*/
	/*padding-bottom:0px;*/
	
}


#bigtitle h1{
		font-family:Arial, Helvetica, sans-serif;		
		font-size:15px;		
		color:#5a5751;
		margin-top:25px;
		/*border:1px green solid;*/

		
}


#navigation {
	/*position: relative;*/
	text-align: center;
	float:left;
	width: 826px;
	/*height:64px;*/
	/*background-color:gray;*/

	margin-top: 39px;
	/*margin-bottom: 10px;*/
	/*border-top: 1px solid black;*/
	/*border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;*/
	/*border: 1px solid black;*/
}

#content {	
	float:left;
	width: 826px;
	margin-top: 4px;
	/*border:1px gray solid;*/
	/*border: 1px solid red;*/
}


#animation{	
	float:left;
	/*width:427px;
	height:344px;*/
	
	width:423px;
	height:332px;

	/*background-color:white;*/
	
	 clear: right;
	margin-top: 0px;
	padding:0px;
	/*border:1px gray solid;*/
	/*background: url(../images/ombre-anim.png) no-repeat top left;*/

}

#animation img{
	border-style:none;
	/*margin-left:5px;
	margin-top:6px;*/
	width:423px;
	height:332px;
	
}



#presentation{	
	float:left;
	width: 380px;
	height:334px;
	/*background-color:#a9a9a9;*/

	margin-left: 0px;
	/*border:1px gray solid;*/
	
	
}

#textbloc
{
	float:left;
	margin-top:20px;
	width: 400px;

	height:294px;
	background:white;

	border-bottom:1px #ccc solid;
/*	border-top:1px #ccc solid;*/
	border-right:1px #ccc solid;
	background: url(../images/fond-pres.png) no-repeat top left;


	
	/*background: url(../images/shadow.gif) no-repeat bottom right;*/

}

#textbloctop
{
/*border:1px solid red;*/
height:220px;
width:350px;
margin-left:20px;
	
}

#texttitle{
	/*width:340px;*/
	/*margin-top:15px;*/
	margin-left:30px;
	height:40px;
}
#texttitle1{
	/*width:340px;*/
	/*margin-top:15px;*/
	margin-left:10px;
	height:25px;	
}
#texttitle2{
	/*width:340px;*/
	/*margin-top:15px;*/
	margin-left:50px;
	height:25px;	
}

#texttitle3{
	/*width:340px;*/
	/*margin-top:15px;*/
	margin-left:90px;
	height:25px;	
}


#texttitle4{
	/*width:340px;*/
	/*margin-top:15px;*/
	margin-left:130px;
	height:25px;	
}






#textcontent
{
	width:340px;
	/*margin-top:30px;*/
	margin-left:30px;
}


#textcontent div
{
	/*border:1px #ccc solid;*/
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1b1b1b;
	margin-top:8px;


}


#push_main{
	float:left;
	width: 831px;
	/*height:30px;*/
	padding:0px;
/*	border:1px green solid;*/
	margin-top: 29px;	
	
}

#equipe_box{
	float:left;
	width: 263px;
	height:113px;	
	background: url(../images/equipe-box.gif) no-repeat top left;

	/*border:1px red solid;*/
}

/*
#equipe_box{
	float:left;
	width: 263px;
	height:113px;	
	background: url(../images/equipe-box.png) no-repeat top left;

}*/

.box_left{
	float:left;
	width: 100px;
	height:113px;	
	
	/*border:1px red solid;*/
}

.box_text_left{
		float:left;
		margin-top:6px;
		margin-left:8px;
		/*width: 100px;*/
		/*height:30px;	*/
/*		border:1px black solid;*/



}

.box_text_left span {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12.5px;
		font-weight:bold;
		color:white;

}


.box_right{
	float:left;
	width: 150px;
	height:113px;	
	
	/*border:1px green solid;*/
}


.box_text_right{
	float:left;
	/*margin-left:10px;*/
	/*border:1px green solid;*/
	padding-top:0px;
	width:150px;
	height:90px;
	
}

.box_text_right p{
margin-top:7px;
margin-left:25px;
	
}


.ensavoirplus_pres{
	float:left;
	text-align:right;	
	width:350px;

}




.ensavoirplus_box{
	float:left;
	text-align:right;	
	width:150px;

}


.ensavoirplus_box a, .ensavoirplus_pres a{
	text-align:right;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#009ee0;
	text-decoration:underline;
	
}



#nosservice_box{
	float:left;
	width: 263px;
	height:113px;		
	background: url(../images/nosservice-box.gif) no-repeat top left;
}

#push_main #nosservice_box{
	margin-left:20px;	
}


#contact_box{
	float:left;
	width: 263px;
	height:113px;		
	background: url(../images/contact-box.gif) no-repeat top left;
}


#push_main #contact_box{
	margin-left:20px;	
}



#footer {
	float:left;
	margin-top:47px;	
	width: 831px;
	height:22px;		
	background-color: #fefeff;
}


#footer-realisation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;

	float:left;
	margin-top:3px;
	
	width: 831px;
	height:15px;
	
	/*background-color: #fefeff;*/
	/*border:1px green solid;*/
	text-align:center;
}
#footer-realisation a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:black;
/*	color:#a28777;*/

}



#footerleft{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #171717;
	
	
	width: 400px;
	height:22px;
	float:left;

	padding:5px;
	padding-top:5px;
	text-align:left;
}



#footerright{

	padding-right:5px;
	text-align:right;
		width: 400px;
	height:22px;
	float:left;
	padding-top:5px;


}

#footer a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #171717;
	text-decoration:none;
}



#footer a:hover 
{
	color: #009adb;
	text-decoration: underline;
}


.clear{
	clear:both;
}


/* Masthead Styles */
#masthead h3 {
	color: #5f8ea9;
}
/* Navigation Styles */
/*
#navigation ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#navigation li {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	background-color: #fff;
}
#navigation a {
	color: #3d6c87;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #fff;
	background-color: #fff;
}
#navigation a:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #5f8ea9;
	background-color: #5f8ea9;
}
*/
/* Content Styles */
#content h1,h2,h3,h4,h5,h6 {
	color: #009ee0;
}



.animatedtabs{
/*border-bottom: 1px solid gray;*/
overflow: hidden;
/*width: 100%;*/
font-size: 14px; 
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 0px; 
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; 
background: url(../images/btn-left-blan.gif) no-repeat left top;
margin: 0;
margin-right: 0px; 
padding: 0 0 0 9px;
text-decoration: none;
height:35px;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(../images/roundright.gif) no-repeat right top;
padding: 5px 14px 3px 5px; 
font-weight: bold;
color: #3a3a3a; 
height:35px;
}


.animatedtabs a:hover{
float: left;
position: relative;
top: 5px; 
background: url(../images/roundleft_hover.gif) no-repeat left top;
margin: 0;
margin-right: 0px; 
padding: 0 0 0 9px;
text-decoration: none;
height:35px;
cursor: hand;

}


.animatedtabs a:hover span{
float: left;
position: relative;
display: block;
background: url(../images/roundright_hover.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: white;
height:35px;
}






/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {
/*float:none;*/
}
/* End IE5-Mac hack */


.animatedtabs .selected a{
/*background-position: 0 -125px;
top: 0;*/
}

.animatedtabs .selected a span{
/*background-position: 100% -125px;
color: black;
padding-bottom: 8px; 
top: 0;*/
}

.animatedtabs a:hover{
}

.animatedtabs a:hover span{
}




.ubercolordivider{ 
	clear: both;
	padding: 0;
	width: 100%;
	height: 10px;
	line-height: 5px;
	background: #009adb; 
}




.sousmenu{
left: 0;
position: absolute;
top: 1em; 
display: block;
visibility: hidden;
 }

.sousmenu li
{
display: list-item;
float: none;
  }	
 
 
 .sousmenu li a
{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}



.sousmenu  li a:link,
.sousmenu  li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("fondTR.png") repeat;
}


.sousmenu  li a:hover
{
 background-image: none;
 background-color: #F2462E;
}	


.animatedtabs ul li:hover > .sousmenu { 
display: block; 

}		



#plansite{
	font-size: 95%;
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*font-size:12px;*/
	/*color:#616161;*/
	margin-top:15px;
}






#plansite li {
	list-style: none;
	/*font-weight:bold;*/


}

#plansite li ul {
    /*font-size: 90%;*/
    margin-left:20px;
   /* font-weight:normal;*/
   
}

#plansite li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#018bc5;
	
}


#plansite ul a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#018bc5;
}

#plansite li a:hover{
	color:#cf7516;
}



#plansite li ul li ul li {
     padding-left: 16px;
    background: url(bullet.gif) no-repeat 0 50%;
}
     


#plansite a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #171717;
	text-decoration:none;
}



#plansite a:hover 
{
	color: #009adb;
	text-decoration: underline;
}



/*-----------------------------------------*/

ul#menu-embed {
list-style-image: url(../images/bullet.jpg);	
margin-left:15px;
}



ul#menu-embed a
{
	color: #171717;
	text-decoration:none;
}


ul#menu-embed a:hover 
{
	color: #009adb;
	text-decoration: underline;
}



#under-construction{
		width: 831px;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		
		font-size:19px;


}

#under-construction h1{
color:black;
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}	
.emailrecrut{
	text-align: right;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #018bc5;
	text-decoration: underline;
	




}