/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(images/bg.jpg) repeat-x #212324;
	color:#cccccc;
	}

 p {
	
	display:block;
	margin:0;
	padding:0;
}


ul, li{
	padding:0;
	margin:0;
}

ul  {
	list-style:none;

}


a {
	text-decoration:none;
	color:#FFFFFF;
	
}


a:hover {
	text-decoration:none;
	color: #BD3821;



}


.clr {
	clear:both;
	font-size:0;
	height:0;

}
.align-left {
float:left;
}

.float_left {
	float:left;
	margin:0 10px 0 0;
	border: #000 solid 1px;
}
/************************/
#page {
	width:955px;
	margin:0 auto;
}

#header2 {
	width:955px;
	position:relative;
	background:url(images/header2.jpg) no-repeat;
	clear: both;
	float: left;
	height: 238px;
}
#header {
	width:955px;
	position:relative;
	background:url(images/header1.jpg) no-repeat;
	clear: both;
	float: left;
	height: 238px;
}
.logo {
	margin:36px 0 0 25px;
	float: left;
}
.slogon{
	margin:57px 0 0 50px;
	}
	.escalier{
	position:absolute;
	right: 29px;
	top: 18px;
	}
#menu_top{
	padding:0 0 0 0;
	color:#767a7d;	
	text-align:center;
}
#menu_top li {
	display:inline;
	font-weight:normal;	
}
#menu_top a{	
	font-size:9px;	
	top:0px;
	color:#767a7d;
	letter-spacing:-1px;
	padding:0 6px;	
}
#menu_top .none
{
	padding:0 3px 0 0;
}
#menu_top a:hover{
	color: #FFFFFF;	
}
/**********************************************MENU************************************************/
#menu
{
	margin:0px 0 0 0;
	width:650px;
	padding:53px 0px 0 30px;
	float: left;
	text-transform: uppercase;
}
#menu li{
	
	font-style:italic;
	padding:0;
	margin:0 13px 0 0;
	float:left;
}
#menu  a
{	
cursor:pointer;
	color:#212324;
	font-size:13px;
	background:url(images/right_menu.jpg) no-repeat right 0;
	display:block;
	float:left;
}
#menu a span
{
	background:url(images/left_menu.jpg) no-repeat  left 0;		
	height:25px;
	padding:5px 30px 5px 30px;
	display:block;
	float:left;	
}
#menu a span em{
font-size:18px;
}
#menu  a:hover,#menu .active
{	
	color:#FFFFFF;	
	background:url(images/right_menu_hover.jpg) no-repeat right 0;		
}

#menu a:hover span,#menu .active span
{
	background:url(images/left_menu_hover.jpg) no-repeat 0 0;		
}
#menu #contact 
{
	margin:0;
}
/***********************************Fin Menu********************************************/
.content {
	width:927px;
	padding: 0px 0 10px 28px;
	background: url(images/contenu.jpg)  #212324 top no-repeat;
	color: #FFFFFF;
	float: left;	
}

.reference{
	width: 250px;
	float:left;
	color: #cccccc;
	float: left;
	padding: 0 0 0px 0;
}
.reference p{
	width: 250px;
	color: #cccccc;
	border-bottom:#000000 1px solid;
	padding:0px 0 13px 0px;
	margin: 0px 0 13px 0px;
	line-height: 21px;
	text-align: justify;
}
.reference .ref{
	background: url(images/puc_ref.gif) 0 0px no-repeat;
	padding:8px 0 13px 43px;
	font-size:16px;
	width: 206px;
	margin: 0px 0 11px 0px;
	font-style: italic;
		}
.reference .ref	span{

font-size:18px;
}
.reference1{
	width: 250px;
	float:left;
	color: #cccccc;
	float: left;
	padding: 0 20px 20px 0;
}
.reference1 p{
	width: 250px;
	color: #cccccc;
	border-bottom:#000000 1px solid;
	padding:0px 0 18px 0px;
	margin: 0px 0 13px 0px;
}
.reference1 .ref{
	background: url(images/puc_ref.gif) 0 0px no-repeat;
	padding:8px 0 10px 43px;
	font-size:16px;
	width: 206px;
	margin: 0px 0 10px 0px;
	font-style: italic;
}
.reference1 .ref span{

font-size:18px;
}
.reference1 .ppuc{
	border-bottom:none;
	padding:0 0 0px 0;
	margin: 0;
	line-height: 18px;

}
.reference1 .puc{
	background: url(images/puc.gif) 0 8px no-repeat;
	padding:4px 0 4px 10px;
	width: 240px;
	margin: 0;
	border-bottom: none;
	
}
 .garnti {
margin: 0 43px 0 32px;
}
.activite{
	width: 275px;
	float:left;
	color: #CCCCCC;	
}
.activite p.noussomm{
	padding:0 0 5px 0;
	line-height: 16px;
}
.activite .act{
	background: url(images/puc_act.gif) 0 0px no-repeat;
	padding:0px 0 14px 43px;
	font-size:16px;
	width: 231px;
	margin: 0px 0 16px 0px;
	font-style: italic;
	border-bottom: #000000 1px solid;
}
.activite .act span{

font-size:18px;
}
.activite .ppuc{
border-bottom:none;

}
.activite .puc{
	background: url(images/puc.gif) 0 8px no-repeat;
	padding:3px 0 0px 15px;
	width: 225px;
	display: block;
	height: 20px;
}
.activite a{
	display:block;
	padding:6px 0 0px 0px;
	float:left;
	text-decoration: underline;
	color: #CCCCCC;
	font-style: normal;
	font-size:11px;
}
.activite a:hover{
	color: #d4422b;
}
.carre{
	background: url(images/puc.gif) 0 8px no-repeat;
	padding:3px 0 0px 15px;
	width: 225px;
	display: block;
	height: 20px;
	
}
.pimg{
	background: url(images/bg_img-acceuil.jpg) no-repeat;
	width:264px;
	margin: 0 0 10px 0;
	padding: 5px 5px 0 6px;

}
.pimg img{
	
	margin: 0 1px 5px 0;


}
.oronge{
	background:url(images/oronge.jpg) 2px 2px no-repeat;
	width:590px;
	float: left;
	color: #212324;
	margin: 10px 0 0px 0px;
	padding: 0px 0 25px 0px;

}
.demand{
	float:left;
	width:200px;
	padding:0 0 0 50px;
	margin:18px 0 0 0;
	color:#212324;
	font-size: 11px;
	letter-spacing: -1px;
	font-weight: bold;	
}
.demand span{
	background:url(images/puc_crayon.gif) 0 3px no-repeat;
	padding:0px 0 0px 15px;
	font-size:13px;
	font-style: italic;
	display: block;
}
.demand a{
	color:#212324;
}
.demand a:hover{
	color:#fff;
}
.question{
	float:right;
	width:260px;
	padding:0 40px 0 10px; 
	margin:18px 0  0px 0;
	letter-spacing: -1px;
	font-size: 11px;
	font-weight: bold;	
}
.question span{
	font-size:13px;
	background:url(images/puc_tel.gif) 0 2px no-repeat;
	padding:0px 0 2px 20px;
	color: #212324;
	display: block;
}
.homme{
	float:right;
	margin: 4px 3px 2px 0;

}
.present{
	width:590px;
	float: left;
	padding:0px 0 0px 30px;

}
.present .sboitedialog{
	width:582px;
	background:url(images/boitdialog2.gif) repeat-y;
	float:right;
	padding:0px 0 0px 0px;
	margin:0px 0 10px 0;
	text-align: justify;
	font-size: 11px;
}
.present .boitedialog{
	width:582px;
	/*background:url(images/boitdialog-top.gif) 0 0 no-repeat;*/
}
.boitedialog p{
	padding:10px 10px 10px 30px;
	color: #CCCCCC;
	
}
.present .presenttite{
	background: url(images/puc_pres.gif) 0 0px no-repeat;
	padding:0px 0 15px 42px;
	font-size:16px;
	margin: 0px 0 15px 0px;
	color: #cccccc;
	font-style: italic;
	border-bottom: #000000 1px solid;
}
.present .presenttite span{

font-size:18px;
}
.competence{
	width: 360px;
	float:left;
	border-right:#000000 1px solid;
	padding:0 10px 0 2px;
	font-style: normal;
	font-size: 11px;
	line-height: 16px;
	color: #CCCCCC;
}
.competence span{
width: 200px;
font-weight:bold;
}
.competence a{
	display:block;
	padding:6px 0 0px 0px;
	float:left;
	text-decoration: underline;
	color: #CCCCCC;
	font-style: normal;
}
.competence a:hover{
	color: #d4422b;
}
.refe{
	width: 180px;
	float:left;
	margin:0 0 0 20px;
	line-height: 20px;
	font-style: normal;
	font-size: 11px;
	color: #CCCCCC;
}
.refe span{
	color:#cccccc;
	width: 200px;
	font-weight:bold;
}
.refe a{
	display:block;
	padding:5px 0 0px 0px;
	float:left;
	text-decoration: underline;
	color: #CCCCCC;
	font-style: normal;
}
.refe a:hover{
	color: #d4422b;
}
.refe img{
	border:#000 solid 1px;
}
/******************************************************************/
.diapo1{
	padding:8px 0 0px 33px;
	width: 630px;
	float: left;
	color: #cccccc;

}
#diaporama{	
	width:350px;
	float:left;
	padding:0 17px 0 0;
}

#titre
{
	
	width:350px;
	height:32px;
	font-size:12px;
	margin:18px 0 0 0;
	padding:20px 0 0 0;		
	text-align:center;
	float:left;
	background: url(images/bg_legende.jpg) repeat-x 0 0;
}
#titre p.leg
{	
	font-size:12px;
	color:#cccccc;
	display:none;		
	padding:0;	
	display:none;
	width:350px;
}
#titre p.visible
{
	display:block;
}	
.real_ref{
	padding:10px 0 0px 20px;
	width: 650px;
	float: left;
	color: #cccccc;

}
.mg-grand{
	float:left;
	border: 1px solid #212324;
	margin:0px 0 0px 0;

}
.img-savoir{
	float:left;
	border: 1px solid #212324;
	margin: 40px 20px 0px 0px;
}
.img-savoir1{
	float:left;
	border: 1px solid #212324;
	margin: 40px 0 0 0;

}
#diapoimg{
	width:219px;
	float:left;
	background:url(images/bg_diapo.jpg) no-repeat;
	padding:20px 20px 20px 20px;

}
.diapo1 p {
	width: 219px;
	padding: 0 0 0 0px;
	color: #0a1c69;
	font-size: 11px;

}
.diapo1 p img{
	cursor:pointer;
	border: 1px solid #212324;
	margin: 0px 11px 8px 0px;

}
.real_ref .tel{
	background: url(images/puc_pres.gif) 0 5px no-repeat;
	padding:8px 0 15px 42px;
	font-size:16px;
	width: 585px;
	margin: 0px 0 20px 8px;
	color: #cccccc;
	font-style: italic;
}
.real_ref .tel span{

font-size:18px;
}
/**************************************************************/



/*-------------------------------Contact----------------------*/


.cordo{
	width:569px;
	float:left;
	padding:0 30px 70px 40px;
	background:url(images/carte.jpg) 238px 60px no-repeat;
	position:relative;
	
}
.cordo .tel{
	background: url(images/puc_con.gif) 0 0px no-repeat;
	padding:5px 0 18px 42px;
	font-size:16px;
	width: 530px;
	margin: 0px 0 15px 0px;
	font-style: italic;
	border-bottom: #000000 1px solid;
	color: #CCCCCC;
}
.adres{
	color:#cccccc;
	width:260px;
	padding: 0px 0px 15px 0;
	line-height: 20px;
	float: left;
	font-size: 14px;
	font-style: italic;
}

.adres span{
	color:#d4422b;
	font-style: italic;
}

.carte{
	float:left;
	padding: 0 0 0 0px;

}
.berani{
padding:0 0 0 20px;


}

.contacter {
	width:200px;
	float:left;
	padding:0px 0 0 0px;
	color:#5a7a39;
	font-weight: bold;
	font-size: 14px;
}

.groupcont {
	width:208px;
	float:left;
	padding:25px 0 0 63px;

}
.groupcont p{
	font-size:16px;
	color:#2e3562;
	padding:0 0 12px 35px;
	font-weight: bold;
}

.imgcontact{
	padding:0px 0 0 0px;
	clear: both;
	display: block;
}
.noscordo{
	background:url(images/filet-cordone.gif)  0  5px no-repeat;
	padding: 0 0 40px 7px;
	font-size: 14px;
	font-weight: bold;

}
.bul{
	background: url(images/bule-contact.gif) no-repeat;
	width:173px;
	height:49px;
	padding: 15px 20px 25px 20px;
	position: absolute;
	left: 397px;
	top: 136px;
}
.contacter-adresse {
background:url(images/adres.gif) 0 5px no-repeat;
padding:5px 0 10px 38px;
margin-bottom:6px;
border-bottom:#fdd224 1px solid;
}
.contacter-tel {
background:url(images/tel.gif) 0 5px no-repeat;
padding:10px 0 15px 38px;
margin-bottom:6px;
border-bottom:#fdd224 1px solid;
}
.contacter-fax {
background:url(images/fax.gif) 0 5px no-repeat;
padding:10px 0 15px 38px;
margin-bottom:6px;
border-bottom:#fdd224 1px solid;
}
.mail {
background: url(images/email.gif) 0 5px no-repeat;
padding:10px 0 15px 38px;
margin-bottom:6px;
border-bottom:#fdd224 1px solid;
}
.carte{
	float: left;
	position: absolute;
	left: 277px;
	top: 61px;
}
/*------------------------------------CSS formulaire-----------------------------------*/

.formulaire {
	float:left;
	width:247px;
	color: #00496e;
	margin-top:8px;
	padding: 18px 0 10px 22px;
background: url(images/bg-formu.jpg) no-repeat 0 0;

}
.formulaire  .formcon{
	font-size:16px;
	color:#d4422b;
	padding:0 0 15px 20px;
	width:205px;
	font-weight: bold;
	background:url(images/puc.gif) 0 8px no-repeat;
	font-style: italic;
		
}
.formulaire .for{
	background:url(images/filet-for.gif)  0  5px no-repeat;
	padding: 0 0 40px 7px;
	font-size: 14px;
	font-weight: bold;

}
.formulaire  .puc{
	background:url(images/puc1.gif) 0 0px no-repeat;
	padding:5px 0 5px 30px;
	color:#f53801;
	font-size:16px;
	width: 216px;
	line-height: 14px;

}
.formulaire p {
	width:225px;
	margin-bottom:8px;
	padding:0 0 0 0;
	float:left;
	clear:both;
color:#FFFFFF;
	border-top: 1px #59597e;
}
.formulaire span {
	float:left;
	font-size:11px;
}
.formulaire p.info {
	clear: both;
	text-align:right;
	width:225px;
	color: #fff;
	
}
.formulaire .info {
	clear: both;
	text-align:right;


}

.formulaire em {
	color:#d45744;
}
.formulaire span.ob {
	color:#d45744;
	float:left;
	width:10px;
}
.formulaire .question {
	padding-top:0px;
	clear:both;
}
.formulaire input {
	float:right;
	width:160px;
	height:15px;
	background:#303233;
	color:#FFFFFF;
	border:#212324 1px solid;

}
.formulaire textarea {
	float:right;
	height:95px;
	width:160px;
	overflow:hidden;
	background:#303233;
	color:#FFFFFF;
	border:#212324 1px solid;
}
.formulaire .bout {
	width:69px;
	height:17px;
	border:none;
	background:none;
	float:right;
	padding:2px 0 0 0;

	
}

.formulaire p .champs{
width:120px;
color:#FFFFFF;
float:left;

}
.formulaire p.form-bout {
	width:158px;
	float: right;
	margin: 0 5px 0 0;

}
.formulaire p.rouge {
	color: #FF0000;
	font-weight:bold;
	float:left;
	padding-top:5px;
	clear:both;
	width:159px;

}
/*---------------Mentions Légales------------*/
#contenu-ment {
	width:945px;
	padding: 0px 0 0 10px;
	float: left;
	color: #FFFFFF;
}

 .prestation1{
	color:#CCCCCC;
	width:200px;
	float: left;
	font-size: 16px;
	padding: 8px 0 14px 43px;
	font-weight: bold;
	background: url(images/puc_ref.gif) 0 0px no-repeat;
	padding:8px 0 14px 43px;
	font-style: italic;
}
.mention{
	padding:260px 0 0 0;
	color: #a564a6;
	float:left;

}
.mentionn{
font-weight:bold;
font-size:18px;
		color: #FFFFFF;

}
.contenu3 {
	font-size:14px;
	padding:10px 0 5px 15px;
	font-weight:bold;
	color:#d4422b;
	background: url(images/puc.gif) 0 15px no-repeat;




}
#contenu-ment p {
	padding:0 40px 6px 55px;
	text-align: justify;
	width: 600px;
	float: right;

}
#contenu-ment p.puc{
	background: url(images/titre-contact.gif) 0 0px no-repeat;
	padding:5px 0 5px 30px;
	font-size:16px;
	width: 770px;
	line-height: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 20px 0 10px 0px;

}

#contenu-ment p.contenu-mentions-h2 {
	width:802px;
	font-size:18px;
	font-weight:bold;
	padding:0 0 20px 0;
	color:#462a02;
}

.contenu-mentions-h3 {
	font-size:14px;
	padding:5px 0 10px 0px;
	font-weight:bold;
	color:#CCCCCC;
	width: 900px;

}




/*-----------------------CSS footer------------------------*/


#footer {
	color:#FFFFFF;
	text-align:center;
	padding: 10px 0 20px 0;
	width:100%;
	margin:0 auto;
	float: left;
	clear: both;
}
.fot{
background:url(images/footer.jpg) #212324 no-repeat;
	margin:0 auto;
	color:#FFFFFF;
	padding: 0px 0 60px 0;
	font-size:11px;
	width: 955px;
}
.foter{
	background: #3EA5B2;
	height:60px;
	padding: 20px 0 0 0;
	width: 100%;
}
#footer .fot span object{
	top:5px;
	position:relative;
}
/*
#footer   .lien a{
color:#ebb600;
	font-size:11px;
		}
#footer   span{
	position:relative;
	top:5px;
}*/
#footer  .mini_logo
{
	float:left;
	padding:10px 45px 0 60px;
}
#footer span
{
	float:left;
	padding:0 20px 0 20px;
	border-left:1px solid #000000;
	margin-top:14px;
	text-align: left;
	letter-spacing: -1px;
	display: block;
			
}
#footer .mail_foot
{
	text-align:left;
	margin-top:7px;
	width:170px;				
}

#navigation{		
	color:#FFA700;
float:left;
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 3px 0 3px;
	font-size:10px;	
	color:#FFA700;
	
}
#navigation a:hover{
	color:#A90808;	
}
#toptech {
	text-align:center;
	background: #212324;
	width: 955px;
	clear: both;
	margin: 0 auto;

} 


#toptech a{
	font-size:9px;
	border:none;	
	color:#a9a9ab;
	

}

#toptech a:hover{
	color: #CE5139;
}