body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(images/pixel.jpg) top left  repeat-x #FFFFFF;
	
}

*  {
	margin: 0 ;
	padding:0;
}



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

ul  {
	margin: 0 ;
	padding:0;
	list-style:none;
}

a {
	text-decoration:none;
}


/************************/




#page{
	margin:0 auto;
	width:955px;
	
}


.align_gauche {
	float:left;
}


.align_droite {
	float:right;
}

/*---------------------------CSS accueil---------------------------------*/

#header{
	float:left;
	height:307px;
	width:955px;
	background: url(images/arr_header_acc.jpg) 0 0 no-repeat;
	
}


.logo{
    float:left;
	margin:11px 0 0 27px;
	
}

#header_acc {
	width:955px;
	height:365px;
	float:left;
	background:url(images/arr_header_acc.jpg) no-repeat;
	
}

#content_logo {
	width:955px;
	float:left;
}

#menu{
	float:right;
	width:476px;
	padding:112px 42px 0 0;

}

#menu ul {
	float:right;
	font-weight:bold;
	color:#F25C10;
	
}

#menu li {
	display:inline;
	font-family: Tahoma , Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
}


#menu  a {
	color:#F25C10;
}


#menu  a:hover{
	color:#FFF;
}

#menu  .activ{
	color:#FFF;
}


#content {
	width:891px;
	float:left;
	padding:16px 16px 0 48px;
	
}

#bloc_actualite {
	width:243px;
	float:left;
	background:url(images/pix_actu.jpg) left repeat-y;
	color:#1F3860;
	text-align:center;
}

#bloc_actualite h3{
	color:#FFF;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	background:url(images/img_top_actu.jpg) top left no-repeat;
	height:35px;
	padding-top:12px;

}


.foto_actu_bas {
	float:left;
	bottom:0;
}

.foto_actu {
	float:left;
	top:0;
}
.align_tof {
	float:left;
	margin:15px 0 0 62px;
	
}



#filet {
	border-top:1px solid #F25C10;
	border-bottom:1px solid #F25C10;
	margin:12px 20px 5px 20px;
	float:left;
	width:199px;
	display:inline;
	padding:2px 2px 3px 2px;
}

#filet p{
	padding-bottom:5px;
}

.lien_savoir{
	text-transform:uppercase;
	font-size:12px;
	color:#EB5B13;
	text-decoration:underline;
	font-weight:bold;
	
	}
	
#bloc_fma {
	width:502px;
	float:right;
	border-left:5px solid #1F3860;
	padding:9px 2px 0 70px;
}	

#bloc_fma img{
	float:left;
	margin:0 12px 12px 0;
	
}	


#bloc_bleu_acc {
	width:493px;
	float:left;
	background:url(images/bas_bloc_bleu.jpg) left bottom no-repeat;
	background-color:#1F3860;
	padding-bottom:10px;
		
}

#bloc_fma #bloc_bleu_acc  img{
	margin:0;
}


.soc_nom {
	color:#FFFFFF;
}


/*---------------------------CSS Savoir faire---------------------------------*/

#header_sav{
	float:left;
	height:307px;
	width:955px;
	background: url(images/arr_header_int.jpg) 0 0 no-repeat;
	
}
#bloc_savoir_faire {
	width:502px;
	float:left;
}

#bloc_savoir_faire img{
	float:left;
	margin:7px 12px 0 0;

}

#foto_gro {
	width:360px;
	float:left;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	margin-left:20px;
	text-align:center;
}
#foto_gro a {
	color:#fff;
}

#foto_gro a:hover {
	color:#66CCFF;
}

#text_savoir {
	width:423px;
	border-left:1px solid #F25C10;
	border-right:1px solid #F25C10;
	margin:0 0 0 20px;
	padding:0 15px 0 15px;
	text-align:justify;
	font-weight:bold;
	color:#FFF;
}

#text_savoir  ul{
	float:left;
}

#text_savoir li{
	background:url(images/flesh.gif) left no-repeat;
	padding:0 0 0 15px;
}


.liste_des {
	margin-left:70px;
	padding-bottom:5px;
}

.parag {
	clear:both;
}

#espace_liste {
	margin-right:50px;
}



#text_savoir p{
	padding-bottom:5px;
	
}

#bloc_bleu {
	width:493px;
	float:left;
	background:url(images/bas_bloc_bleu.jpg) left bottom no-repeat;
	background-color:#1F3860;
	padding-bottom:10px;
		
}

#bloc_savoir_faire #bloc_bleu img{
	margin:0;
}
#text_presentation {
	width:423px;
	border-left:1px solid #F25C10;
	border-right:1px solid #F25C10;
	margin:0 0 0 20px;
	padding:0 15px 0 15px;
	text-align:justify;
	font-weight:bold;
	color:#757D8B;
}	

/*---------------------------CSS Nos references ---------------------------------*/

.align_foto_reference {
	float:left;
}

.fix_diapo {
width:1px;
height:273px;
float:left;
}

.diapo_gro {
	width:360px;
	float:left;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	margin-left:20px;
	text-align:center;
}

.tof1 {
	font-weight:bold;
	padding:5px 34px 0 34px;
	text-align:justify;

	
}
	
.none {
	display:none;
	
}

.foto {
	border:2px solid #FFFFFF;
}

.img_diapo {
	float:left;
	width:500px;
		
}

.img_diapo p{
	width:500px;
}

.img_diapo img {
	margin:12px 8px 0 0;
	float:left;
	border:2px solid #FFFFFF;
	cursor:pointer;
	
	}
#bloc_reference {
	width:502px;
	float:left;
}

/*---------------- CSS Presentation------------------*/
	


#bloc_presentation img {
	float:left;
	margin:8px 10px 0 0;
	border:2px solid #FFFFFF;
}

#bloc_presentation {
	width:502px;
	float:left;
}

#bloc_bleu_pres {
	width:493px;
	float:left;
	background:url(images/bas_bloc_bleu.jpg) left bottom no-repeat;
	background-color:#1F3860;
	padding-bottom:10px;
		
}

#bloc_bleu_pres img{
	margin:0;
	border:0;
}
/*---------------- CSS FOOTER------------------*/

#footer{
	width:955px;
	text-align:center;
	font-size:10px;
	color:#333333;
	clear:both;
	}

.logo_bas {
	float:left;
	margin-right:15px;
}

#footer .alignement{
	float:left;
	text-align:left;
	padding:0 15px 0 8px;
	background:url(images/separateur_footer.gif) left 50% no-repeat;
}

#footer .alignement_special {
	width:190px;
	float:left;
	text-align:left;
	padding:0 0 0 8px;
	background:url(images/separateur_footer.gif) left 10% no-repeat;

}

#footer .alignement_tel {
	float:left;
	text-align:left;
	padding:0 15px 0 8px;
	background:url(images/separateur_footer.gif) left 20% no-repeat;

}
#footer .alignement_mail {
	float:left;
	text-align:left;
	padding:0 15px 0 8px;
	background:url(images/separateur_footer.gif) left 27% no-repeat;

}

#footer li {
	display:inline;
}

#footer li a{
	font-size:10px;
	color:#333333;
	
}

#footer li a:hover{
	color:#000;

}


#menu_bas {
	float:left;
	width:920px;
	padding:34px 0 20px 35px;
		
}

#toptech {
		clear:both;
}

#toptech a{
		font-size:9px;
		color:#888888;
}

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

/*------------------------------------CSS contact-----------------------------------*/

#header_ctc {
	float:left;
	height:307px;
	width:955px;
	background: url(images/arr_header_ctc.jpg) 0 0 no-repeat;
} 

#arr_ctc {
	background:url(images/deco.jpg) 35% 50% no-repeat;
	width:891px;
	float:left;
}

#bloc_coordonne {
	width:241px;
	float:left;
	background:url(images/standar_top.jpg) left top no-repeat;
	text-align:center;
}

.align_bas {
	bottom:0;
	float:left;
}

.contenu_bloc {
	width:239px;
	float:left;
	border-left:1px solid #1F3860;
	border-right:1px solid #1F3860;
	background-color:#868C9F;
}

#bloc_coordonne h3{
	font-size:10px;
	color:#FFFFFF;
	height:18px;
	text-align:center;
	text-transform:uppercase;
	padding:2px 4px 0 0;
}

.align_top {
	top:0;
	float:left;
}

#bloc_plan {
	width:241px;
	float:left;
	background:url(images/standar_top.jpg) left top no-repeat;
	margin-left:80px;
}
#bloc_plan h3{
	font-size:10px;
	color:#FFFFFF;
	height:18px;
	text-align:center;
	text-transform:uppercase;
	padding:2px 4px 0 0;
	
}

.adresse {
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	margin-top:5px;
}
	
.coordon {
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	border-top:1px solid #F25C10;
	border-bottom:1px solid #F25C10;
	margin:5px 40px 5px 40px;
	padding:5px 0 5px 0;
}	

.contact_soc {
	color:#1F3860;
	font-size:15px;
	font-weight:bold;
}

.horaire {
	color:#FFFFFF;
	font-size:11px;
	}

/*------------------------------------CSS Mention legales----------------------------------*/

#conteneur_mention {
	width:885px;
	float:left;
	padding:15px 35px 0 35px;
	background:url(images/arr_corp_interne.jpg) no-repeat;
	padding-bottom:10px;
	position:relative;
}

#conteneur_mention p{
	text-align:justify;
	padding:0 20px 0 0;
}


#conteneur_mention h3{
	font-size:15px;
	color:#FFF;
	margin:10px 0 10px 0;
	
}

.nom_soc{
	font-weight:bold;
	color:#F25C10;
	font-size:15px;
}

/*------------------------------------CSS Actualite----------------------------------*/
#bloc_actu {
	width:493px;
	float:left;
	background:url(images/bas_bloc_bleu.jpg) left bottom no-repeat;
	background-color:#1F3860;
	padding-bottom:10px;
}

#bloc_actu img{
	padding:0 5px 0 0;
	float:left;
}

#text_actu {
	width:423px;
	border-left:1px solid #F25C10;
	border-right:1px solid #F25C10;
	margin:0 0 0 20px;
	padding:0 15px 0 15px;
	text-align:justify;
	font-weight:bold;
	color:#FFF;
}

#text_actu p{
	padding-bottom:5px;
	
}

#fixe {
	width:1px;
	height:150px;
	float:left;
}

#bloc_principale {
	width:502px;
	float:left;
}

#text_actu h3{
	font-size:10px;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:2px 4px 0 0;
	font-size:13px;
	
}

/*------------------------------------CSS formulaire-----------------------------------*/

#bloc_formulaire {
	width:241px;
	float:left;
	background:url(images/standar_top.jpg) left top no-repeat;
	margin-left:80px;
}


#bloc_formulaire h3{
	font-size:10px;
	color:#FFFFFF;
	height:18px;
	text-align:center;
	text-transform:uppercase;
	padding:2px 4px 0 0;
}


.contenu_bloc_form {
	width:239px;
	float:left;
	border-left:1px solid #1F3860;
	border-right:1px solid #1F3860;
	background-color:#868C9F;
	padding-top:10px;

}
.contenu_bloc_form p{
	margin:0 0 3px 0; 
	width:232px;
	float:left;
	display:block;
	padding-left:3px;
	
}
 
.contenu_bloc_form span{
	float:left;
	font-size:9px;
	color:#FFFFFF;
	text-transform:uppercase;
		
}
.contenu_bloc_form .question{
	padding-top:10px;
}
 
.contenu_bloc_form input{
	float:right;
	border:1px solid  #000;
	width:162px;
	height:15px;
	
}
 
.contenu_bloc_form textarea{
	float: right;
	border:1px solid  #000;
	width:162px;
	height:90px;

}

.contenu_bloc_form .bout{
	width:122px;
	height:21px;
	border:none;
	padding:10px 50px 0 0;
	
}
.contenu_bloc_form em{
	color:#FF0000;
}
.info{
	text-align: right;
	font-size:10px;
		}
.info2{
	text-align: right;
	color:#FFFFFF;
	font-size:10px;
	}