body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}


*  {
	margin: 0 ;
	padding:0;
}
#bg-gche-acc {
	background:#fff url(images/bg_d.jpg) right 0px repeat-x ;
	border:0;
}

#bg-drt-acc {
	background:#fff url(images/bg_g.jpg) left 0px repeat-x;
	border:0;
}
#tdG{background:url(images/bg_d1.jpg) right 0 repeat ;}
#tdD{background:url(images/bg_g1.jpg) left 0 repeat ;}

p, h2, h3 , h4 , h5  {
	display:block;
	color:#ffffff;
	
}

ul  {
	list-style:none;
}


a {
	text-decoration:none;
	color:#6a6868;
	
	
}


a:hover {
	
	color:#A7B166;
	
}
.clr{
    clear:both;
	font-size:0;
}

img{border:0 none;}

#table {
background:url(images/bg_table.jpg) repeat-y center 0;
}

#table td{
border:0;
border-collapse:collapse;
}



#bg-gche-foot {
	background:#bda893 url(images/bg_g_foot.jpg) right 0px no-repeat ;
	border:0;
}

#bg-drt-foot {
	background:#bda893 url(images/bg_d_foot.jpg) left 0px no-repeat;
	border:0;
}


#page{
	float:left;
	width:955px;
	margin:0 auto;
	position: relative;

}

#header{
width:955px;
height:209px;
position:relative;
background:url(images/bg_header.jpg) 0 0 no-repeat;
}

#contentRepeat{
width:955px;
background:url(images/bg_conteneure.jpg) repeat-y;
}

#contenu{
width:892px;
padding:0 0 20px 63px;
background:url(images/bg_contenu.jpg) no-repeat;
float:left
}

/*----------------------------------------------menu haut de la page-------------------------------------------------*/
.menu_haut{
width:650px;
padding:5px 0 0 290px;

	}
	
.menu_haut ul{ 
	margin:0px;
	padding:0px; 
	}
.menu_haut li{ 
	float:left; 
	font-size:10px; 
	color:#46b8fe; 
	list-style:none;}
	
.menu_haut li a{ 
	font-size:9px;
	color:#46b8fe;
	padding-right:3px; 
	padding-left:4px;}
	
.menu_haut li a:hover,.menu_haut li .active{ 
	color:#EBCF59; 
	}

	/*-------------menu header -------------*/
#menu{
	width:460px;
	font-size:18px;
	position:absolute;
	z-index:10;
	left: 387px;
	top:6px;
}

#menu li {

float:left;
}

#menu ul {
}

#menu li a{
float:left;

}


#menu .mnacc a{
cursor:pointer;
float:left;
width:110px;
height:25px;
color:#ff8a00;
text-align:center;
padding:5px 0 0 0;
background:url(images/btn_acc.jpg) 0 0 no-repeat;
display:block;
}

#menu .mnacc a:hover,#menu li.mnacc .active{
cursor:pointer;
color:#0078b6;
background:url(images/btn_acc_roll.jpg) 0 0 no-repeat;
width:110px;
height:30px;
display:block;
}

#menu .mnsav a{
cursor:pointer;
float:left;
width:116px;
height:25px;
color:#ff8a00;
text-align:center;
padding:5px 0 0 0;
background:url(images/btn_int.jpg) 0 0 no-repeat;
display:block;

}

#menu .mnsav a:hover,#menu li.mnsav .active{
cursor:pointer;
color:#0078b6;
background:url(images/btn_int_roll.jpg) 0 0 no-repeat;
width:116px;
height:30px;
display:block;
}

#menu .mnreal a{
cursor:pointer;
float:left;
width:131px;
height:25px;
color:#ff8a00;
text-align:center;
padding:5px 0 0 0;
background:url(images/btn_int2.jpg) 0 0 no-repeat;
display:block;

}

#menu .mnreal a:hover,#menu li.mnreal .active{
cursor:pointer;
color:#0078b6;
background:url(images/btn_int2_roll.jpg) 0 0 no-repeat;
width:131px;
height:30px;
display:block;
}

#menu .mncont a{
cursor:pointer;
float:left;
width:94px;
height:25px;
color:#ff8a00;
text-align:center;
padding:5px 0 0 0;
background:url(images/btn_cont.jpg) 0 0 no-repeat;
display:block;

}

#menu .mncont a:hover,#menu li.mncont .active{
cursor:pointer;
color:#0078b6;
background:url(images/btn_cont_roll.jpg) 0 0 no-repeat;
width:94px;
height:30px;
display:block;
}

#block_left{
width:217px;
float:left;
}

.titre_actu{
color:#334e1c;
font-weight:bold;
font-size:16px;
padding:3px 0 9px 30px;
background:url(images/puceTitre.gif) 10px 0 no-repeat;}



#left1{
width:217px;
background:url(images/px_rep.jpg) 0 0 repeat-y;}

#left2{
width:217px;
background:url(images/bg_bottom.jpg) 0 0 no-repeat;}

.actu_d{
width:178px;
float:left;
padding:14px 0 0 28px;}

.actu_image{
float:left;
margin:0 9px 0 0;}

.actu_date{
color:#FFFFFF;
float:left;
width:100px;
font-size:12px;
font-weight:bold;
}

.actu_txt{
color:#FFFFFF;
float:left;
width:100px;
font-size:11px;
}

.actu_lien{
width:100px;
margin:10px 0 0 0;
float:left;
background:url(images/bg_savoir.jpg) 0 0 no-repeat;}

.actu_lien a{
color:#FFFFFF;}

.actu_lien a:hover{
text-decoration:underline;
color:#FFFFFF;}

#block_right{
width:570px;
float:left;
margin:0 0 0 55px;
background:url(images/bg_right.jpg) 0 0 no-repeat;

}


.blocVocation{
float:left;
width:560px;
margin:30px 0 0 0;}

.blocVocation .titre_actu{
color:#334e1c;
font-weight:bold;
font-size:16px;
padding:3px 0 10px 60px;
background:url(images/puceTitre.gif) 40px 0 no-repeat;}

.blocVocation p{
color:#000;
padding:0 0 10px 40px;}

.blocVocation1{
float:left;
width:270px;}

.blocVocation1 a{
color:#2483b9;
text-decoration:none;
}

.blocVocation1 a:hover{
color:#000;
}

.blocVocation1 .titre2{
color:#2483b9;
font-weight:bold;
font-size:16px;
padding:3px 0 10px 60px;
margin:20px 0 0 50px;
background:url(images/puceBleu.gif) 40px 0 no-repeat;}

.blocVocation2{
float:left;
width:211px;}

.blocVocation2 .titre2{
width:150px;
float:left;
color:#2483b9;
font-weight:bold;
font-size:16px;
padding:3px 0 10px 60px;
margin:8px 0 0 0;
background:url(images/puceBleu.gif) 40px 0 no-repeat;}

.blocVocation2 a{
color:#2483b9;
text-decoration:none;
}

.blocVocation2 a:hover{
color:#000;
}

.blocVocation img{
float:right;}

.blocVocation img.plan{
float:left;}

.demarche{
width:540px;
margin:10px 0 20px 0;
}

.titreDemarche{
margin:0 0 10px 0;}

.demarche p{
padding:0 0 0 40px;}





/************************* footer ********************************/
.ecd{
padding:0;
margin:0;
text-align:center;
font-size:10px;
color:#000;
}

#bgG_footer{
background:#023a5c url(images/bgG_footer.jpg) repeat-x;}

#bgD_footer{
background:#023a5c url(images/bgD_footer.jpg) repeat-x;}

object{
top:5px;
position:relative;}

#footer{
width:955px;
background:#023a5c url(images/bg_footer.jpg) 0 0 no-repeat;
float:left;
}

#footer .menuBas{
width:653;
padding:5px 0 0 300px;}

.menuBas ul li{
font-size:10px;
float:left;
color:#fff;
}

.menuBas ul li a{
font-size:10px;
padding:0 3px 0 5px;
color:#fff;}

.menuBas ul li a:hover,.menuBas  li .active{
color:#99CC00;}


#footer p.toptech{
padding:14px 0 0 0;
margin:11px 0 0 0;
font-size:8px;
text-align:center;
}

#logo_bas {
	float:left;
	width:955px;
	padding:38px 0 0 0;
	text-align:center;
	line-height:20px;
	
	

} 





/******************** page contact ***********************/

#contentLeftC{
float:left;
width:251px;
margin:75px 0 0 0;
}

#contentLeftC .titre_actu{
color:#334e1c;
font-weight:bold;
font-size:18px;
padding:3px 0 9px 30px;
background:url(images/puceTitre.gif) 0px 0 no-repeat;
margin:0 0 5px 0;}

#contentLeftC img{
margin:0px 0 20px 0;}

#contentLeftC a{
font-size:17px;
font-weight:bold;
color:#ff7f00;
text-decoration:underline;
}


#block_rightC{
width:570px;
float:left;
margin:0 0 0 21px;
background:url(images/bg_rightC.jpg) 0 0 no-repeat;

}

#block_rightC .titre2{
color:#334e1c;
font-weight:bold;
font-size:16px;
padding:3px 0 10px 20px;
margin:20px 0 0 50px;
background:url(images/puceTitre.gif) 0 0 no-repeat;}


.blocVocation1C{
float:left;
position:relative;
width:270px;
}

.blocVocation1C p{
padding:0 0 0 55px;
font-size:14px;
font-weight:bold;
color:#463f28;}

.blocVocation1C img{
margin:0 0 0 40px;
}

.blocVocation2C{
float:left;
width:268px;
position:relative;
margin:0 0 0 10px;}

.blocVocation2C .mobile{
padding:0px;
color:#fb951e;
font-size:15px;
font-weight:bold;}


.blocVocation2C .titre3{
color:#334e1c;
font-weight:bold;
font-size:16px;
padding:3px 0 10px 20px;
margin:33px 0 0 0px;
background:url(images/puceTitre.gif) 0 0 no-repeat;}


/*********** formulair ************/

.formulaire{
	float:left;
	width:210px;
	color:#3f454a;
	font-size:12px;
	padding:0 28px 0 0;
}

.formulaire .titre4{
width:200px;
font-size:18px;
font-weight:bold;
color:#c22802;
background: url(images/puce_rouge.gif) 0 0 no-repeat;
height:22px;
padding:0 0 0 29px;
margin:0 0 20px 0;}


 .formulaire p {
	margin:0 0 5px 0;
	width:235px;
	padding:0 0 0 5px;
	float:left;
	padding:0 0 0 5px;
}


 .formulaire span {
	float:left;
	clear:left;
	font-size:11px;
	color:#000;
}

 .formulaire .info {
	clear: both;
	text-align:right;
}
 .formulaire em {
	color:#870606;
}

 .formulaire .question {
	padding-top:10px;
}

 .formulaire input {
	float:right;
	width:135px;
	height:16px;
	border:1px solid #ababab;
	color:#063f54;
	padding:0 0 0 6px;
}

.formulaire textarea {
	float:right;
	height:60px;
	width:135px;
	overflow:auto;
	border:1px solid #ababab;
	color:#063f54;
	padding:2px 0 0 6px;
}

 .formulaire .bout {
	width:101px;
	height:23px;
	border:none;
	background:none;
}

 .formulaire .rouge {
	color:#000;
}


/************************* savoir faire *********************/

#contentLeftS{
float:left;
width:251px;
margin:75px 0 0 0;
}

#contentLeftS li{
padding:0 0 2px 0;
list-style:none;}

#contentLeftS a{
font-size:11px;
font-weight:bold;
color:#fff;
text-decoration:none;
width:188px;
height:40px;
background:url(images/degrader.jpg) 0px 0 no-repeat;
display:block;
padding:8px 0 0 10px;
text-align:left;
}

#contentLeftS .titre_actu{
color:#334e1c;
font-weight:bold;
font-size:18px;
background:url(images/puceTitre.gif) 0px 0 no-repeat;
padding:3px 0 9px 25px;
margin:0 0 5px 0;}

#contentLeftS a:hover{
color:#9bbf6b;}

.blocVocation1S{
padding:30px 0 0 40px;
float:left;
width:540px;
position:relative;
background:url(images/bg_right2.jpg) 0 0 no-repeat;
}

.blocVocation1S .titre_actu{
color:#334e1c;
font-weight:bold;
font-size:18px;
background:url(images/puceTitre.gif) 0px 0 no-repeat;
padding:3px 0 9px 25px;
margin:0 0 5px 0;}

.blocVocation1S .forte{
padding:0 0 20px 0;}

.puce_tabe{
background:url(images/puce_tab.jpg) 0px 4px no-repeat;
padding:0 0 0 15px;}

#block_right .puce_tabe2{
background:url(images/puce_tab.jpg) 40px 4px no-repeat;
padding:0 0 0 55px;}


#contentLeftS a:hover{
color:#9bbf6b;} 

.service{
width:480px;
margin:0 0 30px 0;
display:none;
/*display:block;*/
}

.visible{display:block;}

.cc{
padding:0 0 15px 0;
text-align:justify;}

.cc00{
text-align:justify;}

.service .titreSav{
color:#2483b9;
font-weight:bold;
font-size:14px;
padding:3px 0 10px 20px;
background:url(images/pucesav.gif) 0 3px no-repeat;}

.service p{
color:#000;}

.blocVocation2S{
padding:30px 0 0 0;
float:left;
width:140px;
position:relative;
margin:0 0 0 35px;
}

.blocVocation2S img{
float:left;}

.imageBas{
clear:both;
width:450px;
margin:20px 0 20px 20px;
position:relative;
}

.imageBas img{
float:left;}


/******************* realisation **********************/

#contentLeftR{
float:left;
width:251px;
margin:75px 0 0 0;
}

.parag_bb{
color:#000000;
padding:0 0 15px 0;
text-align:justify;}

.parag_bc{
color:#000000;
background:url(images/puce_noir.jpg) 0 0 no-repeat;
font-weight:bold;
padding:0 0 0 20px;
text-align:justify;}


#flash{
float:left;
width:858px;
left:37px;
top:17px;
z-index:1;
position:absolute;}


#contentLeftR .titre_actu{
color:#334e1c;
font-weight:bold;
font-size:18px;
background:url(images/puceTitre.gif) 0px 0 no-repeat;
padding:3px 0 9px 30px;
margin:0 0 5px 0;}


.blocVocation1R{
position:relative;
padding:30px 0 0 80px;
float:left;
width:500px;
}


/******************* mentions **********************/

#contentLeftR{
float:left;
width:251px;
margin:75px 0 0 0;
}

.blocVocation1R00{
position:relative;
float:left;
width:500px;
}


.titre_mentions2{
color:#801804;
padding:0 0 13px 15px;
font-weight:bold;
font-size:16px;}

.txt_mentions{
color:#000;
font-size:11px;
padding:0px 20px 10px 30px;
text-align:left;}

.txt_mentions2{
color:#fb951e;
position:relative;
font-size:11px;
text-transform:uppercase;
padding:30px 0 10px 30px;
font-weight:bold;
text-align:justify;}

.txt_mentions8{
color:#fb951e;
font-size:11px;
/*text-transform:uppercase;*/
padding:0px 30px 10px 30px;
font-weight:bold;
text-align:left;}

.titre_mentions{
margin:0 0 10px 0;
color:#000;
font-size:16px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
}

.floatl {
	float:left;
	margin:0 10px 0 0;
	display:block;
}

.zz {
	z-index:8000;
	padding-top:30px;
}

#color1 {
	color:#000000;
	font-size:12px;
	font-weight:normal;
}

.callage {
	padding:0 1px 0 2px;
}

.plangoogle {
	padding:10px 0 0 55px;
}

.orange {
	color:#F59314;
	padding: 10px 0 0 0;
	font-size: 18px;
}

.orange2 {
	font-size:16px;
	color:#F59314;
	text-align:right;
	float: right;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 480px;
	font-weight: bold;
}

.orange3 {
	font-size:16px;
	color:#F59314;
	text-align:right;
	float: right;
	display: block;
}

.displayb {
	display:block;
	float:left;
}

.relat {
	position:relative;
	width:1px;
	height:1px;
	float: left;
}
h1.h1tt {
	display: none
}
