/* Soulet-Martine */
body{
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/bg.jpg) repeat-x 0 0;
}
.body2{
	background: url(images/bg2.jpg) repeat-x 0 0;
}
*{
	margin:0;
	padding:0 0 20px 0;
}
#page{
	width:955px;
	margin:0 auto;
}
.clear{
	clear:both;
	margin:0;
	padding:0;
}

/* menu */
#top{
	width:955px;
	height:335px;
	background:url(images/top.jpg) no-repeat top;
	position:relative;
	padding-bottom:0px;
}
.logo{
	margin:0px 0 0 60px;
}
.drapeau{
	position:absolute;
	left: 131px;
	top: 232px;
}
#menu{
	width:955px;
	height:44px;
	background:url(images/fond-menu.gif) repeat-x top;
}
#menu ul{
	list-style-type:none;
	margin:0 0 0 213px;
	padding:0;
	height:44px;
	/*border:#000 solid 1px;*/
}
#menu li{
	float:left;
	text-align:center;
	height:46px;
	/*border:#000 solid 1px;*/
}
/* accueil */
#menu li a.accueil{
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:20px;
	text-align:center;
	width:98px;
	height:24px;
	display:block;
	/*border:#000 solid 1px;*/
}
#menu li a:hover.accueil{
	background: url(images/hover-accueil.gif) no-repeat top;
	width:98px;
	/*height:57px;*/
	display:block;	 
}
#menu li .accueilactif{
	background: url(images/hover-accueil.gif) no-repeat top;
	width:98px;
	height:24px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:20px;
	text-align:center;
}
/* Rubrique Domaines de compétence */
#menu li .domaine{
	margin:0 0 0 25px;
	color:#FFFFFF;
	text-decoration:none;
	height:24px;
	padding-top:20px;
	text-align:center;
}
#menu li a.domaine{
	font-size:16px;
	width:264px;
	height:24px;
	display:block;
}
#menu li a:hover.domaine{
	background:url(images/hover-domaine.gif) no-repeat top;
	width:264px;
	/*height:74px;*/
	display:block;	 
}
#menu li .domaineactif{
	background: url(images/hover-domaine.gif) no-repeat top;
	width:264px;
	height:24px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:20px;
	text-align:center;
	margin:0 0 0 25px;	
}
/* Rubrique Contact */
#menu li .contact{
	margin:0 0 0 34px;
	color:#FFFFFF;
	text-decoration:none;
	height:24px;
	padding-top:20px;
	text-align:center;
}
#menu li a.contact{
	font-size:16px;
	width:100px;
	height:24px;
	display:block;
}
#menu li a:hover.contact{
	background:url(images/contact-hover.gif) no-repeat top;
	width:100px;
	/*height:74px;*/
	display:block;
 
}
#menu li .contactactif{
	margin:0 0 0 34px;	
	background:url(images/contact-hover.gif) no-repeat top;
	width:100px;
	height:24px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:20px;
	text-align:center;	
}

/*contenu index*/
#contenuindex{
	background:url(images/bg-contenu.gif) no-repeat top;
	width:850px;
	padding:50px 0 0 37px;
	margin:0px 0 0 33px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#186578;
	font-size:11px;
}
#contenuindexleft{
	width:400px;
	float:left;
	text-align:justify;
	padding-bottom: 0px;
}
#contenuindexleft h2{
	color:#002F3B;
	font-size:16px;
	background:url(images/flech.gif) no-repeat 0 2px;
	padding:0 0 0 18px;
	margin:5px 0 15px 10px;
}
#contenuindexleft p{
	padding:5px 15px 5px 10px;
	display: block;
}
#volume{
	background:url(images/bg-volume.gif) no-repeat top;
	width:368px;
	padding:10px 15px 0px 15px;
	margin:10px 0 0px 0;
	color:#FFFFFF;
}
#volume ul{
	list-style-type:none;
}
#volume li{
	background:url(images/flech-volum.gif) 5px 2px no-repeat;
	padding:0 10px 0 18px;
	margin:5px 0 10px 0;
	display: block;
}
#volume h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	display: block;
	padding: 0 0 5px 18px;
}
#contenuindexright{
	width:370px;
	float:left;
	margin:40px 0 0 35px;
	text-align:justify;
}
#contenuindexright p{
	padding:5px 0 10px 0;
	display: block;
}
/* page Domaines de compétences */
#topint{
	width:955px;
	height:121px;
	background:url(images/top.gif) no-repeat top;
	/*border:#000 solid 1px;*/
	margin:0px;
	padding:0;
}

#contenuint{
	background:url(images/bg-contenu-int.gif) no-repeat top;
	width:955px;
	padding:0;
}
.logoint{
	float:left;
	margin:0;
}
#contenuintleft h2{
	color:#002F3B;
	font-size:16px;
	background:url(images/flech.gif) 0 2px no-repeat;
	padding:0 0 10px 18px;
	display:block;
	margin:0;
	/*border:#000 solid 1px;*/
}

#contenuintleft{
	width:225px;
	float:left;
	color:#817F77;
	font-size:11px;
	font-weight:normal;
	padding:0 0 0 45px;
	margin: 0;
	line-height: 16px;
}


#contenuintright{
	width:639px;
	float:left;
	font-size:11px;
	margin:0 0 0 5px;

}
.cahier{
	position:absolute;
	left: -1px;
	top: -302px;
}

/*domaine*/
.domaineleft{
	width:200px;
	padding:30px 40px 0 40px;
	float:left;
}
.domaineright{
	width:200px;
	padding:30px 0 0 40px;
	float:left;
}
.domainecompetence{
	clear:both;
	border-bottom:1px solid #EE9D00;
	margin:10px 0 10px 0;
	padding:0 0 20px 10px;
	width:220px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#186578;
	font-size:10px;
	height: 150px;
}
.domainecompetence h2{
	color:#EE9D00;
	font-size:16px;
	background: url(images/flech-orange.gif)  no-repeat;
	padding:0 0 0 18px;
}
.domainecompetence h3{
	padding:15px 0 7px 0;
	font-size:10px;
}
.domainecompetence2{
	clear:both;
	border-bottom:1px solid #EE9D00;
	margin:10px 0 10px 0;
	padding:0 0 18px 10px;
	width:220px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#186578;
	font-size:10px;
	height: 150px;
}
.domainecompetence2 h2{
	color:#EE9D00;
	font-size:16px;
	background: url(images/flech-orange.gif)  no-repeat;
	padding:0 0 0 18px;
}
.domainecompetence2 h3{
	padding:10px 0 7px 0;
	font-size:10px;
}
.telecom{
	margin:0 0 10px 0;
	padding:0px 0 18px 10px;
	width:220px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#186578;
	font-size:10px;
	}
.telecom h2{
	color:#EE9D00;
	font-size:16px;
	background: url(images/flech-orange.gif)  no-repeat;
	padding:0 0 0 18px;
}
.telecom h3{
	padding:10px 0 7px 0;
	font-size:10px;
}
.telecom img{
	margin:10px 0 0 0;
	padding:0;
	float:left;
}
/* contact */
#contenucontactleft h2{
	color:#002F3B;
	font-size:16px;
	background:url(images/flech.gif) 0 2px no-repeat;
	padding:0 0 0 18px;
	margin:0px 0 15px 0;
	clear:both;
}
#contenucontactleft{
	width:260px;
	float:left;
	color:#817F77;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 45px;
}
#contenucontactleft .adress{
	background:url(images/fond-adress.gif) no-repeat top left;
	padding:0 0 10px 35px;
	display:block;
}
#contenucontactleft .adress h3{
	color:#105263;
	font-size:15px;
	font-weight:bold;
	padding:5px 0 5px 0;
}
#contenucontactleft .mail{
	background: url(images/bg-mail.gif) no-repeat top left;
	padding:0 0 10px 0;
	display:block;
	cursor:pointer;
}
#contenucontactleft .mail h3{
	color:#105263;
	font-size:15px;
	font-weight:bold;
	padding:5px 0 5px 35px;
}
#contenucontactleft .tel{
	background: url(images/bg-tel.gif) no-repeat top left;
	padding:0 0 10px 35px;
	display:block;
}
#contenucontactleft .tel h3{
	color:#105263;
	font-size:15px;
	font-weight:bold;
	padding:5px 0 5px 0;
}
#contenucontactleft p{
	padding:5px 0 5px 0;
}
/*contact right*/
.contactright{
	width:600px;
	float:left;
	font-size:11px;
	color:#817F77;
	text-align:justify;
	padding:15px 0 0 0;
}
.contactright h3{
	color:#002F3B;
	font-size:16px;
	background:url(images/flech.gif) 0 22px no-repeat;
	padding:20px 0 10px 18px;
	margin:0;
	text-align:left;
	display:block;
} 
.contactblock1{
	width:270px;
	padding:5px 25px 0 0px;
	float:left;
	font-size: 11px;
	line-height: 18px;
}
.contactblock1 span{
	color:#105263;
	font-size: 11px;
}
.contactblock1 p{
	padding:5px 0 20px 0;
}
.contactblock1 ul{
	padding:0 0 0 20px;
}
.contactblock1 ul li{
	padding:10px 0 40px 0px;
}       
.plan{
	float:left;
	margin:20px 0 0 0px;
}
.marge{
	margin:10px 0 0 0;
}
/* footer */
#footer{
	background:url(images/bg-footer.gif) no-repeat bottom left;
	width:872px;
	margin:0px 0 0 33px;
	padding:0 0 0 15px;
	font-size:11px;
	text-align:center;
	color:#105364;
	position:relative;
	text-align:center;
}
#footer a{
	text-decoration:none;
	color:#105364;
	padding:0 5px;
	clear: left;
}
#footer a:hover{
	text-decoration:none;
	color:#FF7E00;
}
#footer address{
	clear:both;
	font-style:normal;
	padding:5px 0 15px 0;
}
#footer address span{
	position: relative;
	top:5px;
}
/* logo top tec */
.logotoptec{
	width:350px;
	margin:0 auto;
	text-align:center;
	padding:20px 0 0 0;
}
.logotoptec a{
	font-size:9px;
	color:#0E4E5E;
	text-decoration:none;
}
.logotoptec a:hover{
	color:#5D5D5D;
	text-decoration:none;
}