body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background: #FFFFFF;
z-index: 9999;
}
.Acceuil{
background: #FFF5CE;
z-index: 9999;
}
.Service{
background: #EEEEEE;
z-index: 9999;
}
.Techiques_Speciales{
background: #FFFFFF;
z-index: 9999;
}
.Equipe{
background: #edf7f7;
z-index: 9999;
}
.Contact{
background: #FFFFFF;
z-index: 9999;
}
.News{
background: #efefef;
z-index: 9999;
}
.References{
background: #f6eff0;
z-index: 9999;
}
.Reference{
background: #f5ffff;
z-index: 9999;
}
#header {
position: relative;
left:0px;
top:0px;
margin-top: 20px;
/*margin-bottom: 10px;*/
height: 80px;
width:100%;
background-repeat:no-repeat;
/*background-color: #b0e0e6;*/
}
#footer {
position: relative;
float: left;
margin-top: 20px;
margin-bottom: 30px;
height: auto;
width:100%;
/*background-color: #ffffff;*/
border-top: 1px solid #000000;
/*text-align:center;*/
}
#contenu2 {
position:relative;
/*float:left;*/
margin-top: 30px;
margin-left: auto;
margin-right: auto;
width: 100%;
font-family: playpolice, Tahoma;
font-size: 15px;
/*height: 100%;*/
z-index:3;
}

#header #logo{
background-image:url('../images/logo2.png');    
background-repeat:no-repeat;  
height: 50px;
width: 50px;
background-position:25% 25%;
margin-left: auto;
margin-right: auto;
/*background-color: #ffe0e6;*/
}
#container {
/*position: relative;
float: left;*/
/*margin-left: auto;
margin-right: auto;*/
width: 100%;
height: 100%;
/*background-color: #b0e0e6;*/
}
#contenu {
position:relative;
/*float:left;*/
width: 100%;
height: 100%;
z-index:3;
}

.contenu2 {
position:relative;
width: 100%;
height: 100%;
z-index:3;
}

#news {
position:relative;
float:left;
background-color: #FFFFFF;
/*margin-left: auto;
margin-right: auto;*/
width: 100%;
height: 100%;
font-family: playpolice,sans-serif;
color:#000000;
text-align:center;
z-index:3;
/*padding:10px;
left:5px;*/
}
#equipe {
position:relative;
float:left;
background-color: #FFFFFF;
width: 100%;
height: 100%;
font-family: playpolice,sans-serif;
color:#000000;
text-align:left;
z-index:3;
/*padding:30px;*/
/*left:5px;*/
}

.texte_play_black_12{
text-align:left;
font-family: playpolice, Tahoma;
font-size: 12px;
color: #000000;
}
.texte_play_black_14{
text-align:left;
font-family: playpolice, Tahoma;
font-size: 14px;
color: #000000;
}
.texte_play_black_15{
text-align:left;
font-family: playpolice, Tahoma;
font-size: 15px;
color: #000000;
}
.texte_play_black_18{
text-align:left;
font-family: playpolice, Tahoma;
font-size: 18px;
color: #000000;
}
.texte_play_black_26{
text-align:left;
font-family: playpolice, Tahoma;
font-size: 26px;
color: #000000;
}
.texte_play_blanc_12{
text-align:left;
font-family: playpolice, Tahoma;
font-size: 12px;
color: #FFFFFF;
}
.texte_play_blanc_14{
text-align:left;
font-family: playpolice, Tahoma;
font-size: 14px;
color: #FFFFFF;
}
.texte_play_blanc_15{
text-align:left;
font-family: playpolice, Tahoma;
font-size: 15px;
color: #FFFFFF;
}
.texte_play_blanc_26{
text-align:left;
font-family: playpolice, Tahoma;
font-size: 26px;
color: #FFFFFF;
}

.texte_din_black_12{
text-align:left;
font-family: din-alternate, Tahoma;
font-size: 12px;
color: #000000;
}
.texte_din_black_14{
text-align:left;
font-family: din-alternate, Tahoma;
font-size: 14px;
color: #000000;
}
.texte_din_black_15{
text-align:left;
font-family: din-alternate, Tahoma;
font-size: 15px;
color: #000000;
}

.service_gauche {
position:relative;
width:100%;
}
.service_milieu {
position:relative;
width:100%;
}
.service_droite {
position:relative;
width:100%;
}

.titre_small_box{
text-align:left;
font-family: din-alternate, Tahoma;
font-size: 15px;
color: #ffffff;
}
.image_boxg{
position:relative;
float:left;
background-color: #FFFFFF;
width:100%;
height :218px;
/*left: 5px;*/
text-align:center;
}
.image_boxm{
position:relative;
float:left;
background-color: #FFFFFF;
width:100%;
height :218px;
/*left: 10px;*/
text-align:center;
}
.image_boxd{
position:relative;
float:left;
background-color: #FFFFFF;
width:100%;
height :218px;
overflow:hidden;
/*left: 15px;*/
text-align:center;
}
.small_boxg{
position:relative;
float:left;
background-color: #C8C8C8;
color: #000000;
font-family: din-alternate, Tahoma;
font-size: 13px;
/*padding:5px;*/
text-align:left;
width:100%;
/*left: 5px;*/
min-height :150px;
}
.small_boxm{
position:relative;
float:left;
background-color: #C8C8C8;
color: #000000;
font-family: din-alternate, Tahoma;
font-size: 13px;
/*padding:5px;*/
text-align:left;
width:100%;
/*left: 10px;*/
min-height :150px;
}
.small_boxd{
position:relative;
float:left;
background-color: #C8C8C8;
color: #000000;
font-family: din-alternate, Tahoma;
font-size: 13px;
/*padding:5px;*/
text-align:left;
width:100%;
/*left: 15px;*/
min-height :150px;
}
.portfolio_g{
position:relative;
float:left;
width:100%;
/*margin-top:20px;*/
}
.portfolio_m{
position:relative;
float:left;
width:100%;
/*margin-top:20px;*/
/*margin-left:25px;*/
}
.portfolio_d{
position:relative;
float:left;
width:100%;
/*margin-top:20px;
margin-left:25px;*/
}
/*Portfolio Grand*/
.portfolio_grand{
width: 100%;
height: 540px;
background-color: white;
box-shadow: 1px 1px 2px #888888;
/*left: 5px;*/
margin-top:25px;
overflow: hidden;
}
/*Portfolio Petit*/
.portfolio_petit{
width: 100%;
height: 290px;
background-color: white;
box-shadow: 1px 1px 2px #888888;
/*left: 5px;*/
margin-top:25px;
overflow: hidden;
}
.portfolio_grand_photo{
height:450px;
width: 100%;
overflow:hidden;
}
.portfolio_petit_photo{
height:200px;
width: 100%;
overflow:hidden;
}
.portfolio_titre{
padding-top: 10px;
padding-bottom: 25px;
height: 30px;
overflow:hidden;
}
.box_noir {
background-color: #242424;
color: #FFFFFF;
font-family: playpolice, Tahoma;
font-size: 25px;
/*padding:10px;*/
text-align:center;
/*position:relative;*/
z-index: 8;
/*float:left;*/
/*width:100%;*/
}
.box_noir_service {
background-color: #242424;
color: #FFFFFF;
font-family: playpolice, Tahoma;
font-size: 25px;
/*padding:10px;*/
text-align:center;
/*position:relative;*/
z-index: 8;
/*float:left;*/
/*width:100%;*/
}
.box_noir_ts{
background-color: #242424;
color: #FFFFFF;
font-family: playpolice, Tahoma;
font-size: 25px;
text-align:center;
/*position:relative;*/
z-index: 8;
/*float:left;*/
/*width:100%;*/
}

.box_blanc{
background-color: #ffffff;
color: #FFFFFF;
font-family: playpolice, Tahoma;
font-size: 14px;
padding-top:7px;
padding-bottom:7px;
text-align:center;
/*position:relative;
float:left;*/
}
.box_blanc_left{
background-color: #FFFFFF;
color: #FFFFFF;
font-family: playpolice, Tahoma;
/*font-size: 25px;*/
/*padding:5px;*/
margin:10px;
text-align:left;
/*position:relative;
float:left;*/
}
#box_blanc1{
position:relative;
float:left;
background-color: #FFFFFF;
color: #FFFFFF;
font-family: playpolice, Tahoma;
font-size: 25px;
/*padding:5px;*/
text-align:center;
height:360px;
width:100%;
overflow:hidden;
}

.box_gris {
background-color: #8B8B8B;
color: #FFFFFF;
font-family: playpolice, Tahoma;
font-size: 25px;
/*padding:10px;*/
text-align:center;
}

.box_gris_relatif {
position:relative;
float:left;
background-color: #8B8B8B;
color: #FFFFFF;
font-family: playpolice, Tahoma;
font-size: 25px;
/*padding:10px;*/
text-align:center;
}
.box_gris_relatif_left {
position:relative;
float:left;
background-color: #8B8B8B;
color: #FFFFFF;
font-family: playpolice, Tahoma;
/*font-size: 25px;*/
/*padding:10px;*/
text-align:left;
}

.box_gris_relatif_leftts {
position:relative;
float:left;
background-color: #8B8B8B;
color: #FFFFFF;
font-family: playpolice, Tahoma;
/*font-size: 25px;*/
padding:5px;
text-align:left;
}
.container_hexagone {
	width:97%;
	height:100%;
	position:relative;
  float:left;
  background-color: #FFFFFF;
  /*left:5px;*/
  margin:1%;
  /*top:50px;
	left:50%;
	margin-left:-350px;*/
}

#gauche66 {
width: 100%;
position:relative;
float:left;
z-index: 8;
/*height:807px;*/
}
#droite33 {
background-color: #8b8b8b;
width:100%;
position:relative;
float:left;
/*left:5px;*/
z-index: 8;
/*height:807px;*/
}
#droite33_service {
background-color: #8b8b8b;
width:100%;
position:relative;
float:left;
z-index: 8;
}
#gauche50 {
width: 100%;
position:relative;
float:left;
/*left:5px;*/
z-index: 8;
}
#droite50 {
width:100%;
position:relative;
float:left;
z-index: 8;
/*left:5px;*/
}
#droite50ts {
width:100%;
position:relative;
float:left;
z-index: 8;
/*left:5px;*/
}
.photo {
position:relative;
float:left;
/*z-index: 10;*/
width:100%;
height:auto;
z-index:1;
}
.photo2 {
position:relative;
float:left;
/*z-index: 10;*/
width:100%;
height:auto;
z-index:1;
/*left:5px;
/*top:-100px;*/
}


.cropImg{
	width: 100%;
	/*height: 316px;*/
	overflow: hidden; 
}
.cropImg img{
  position:relative;
  float:left;
	/*top: -100px;*/
	///*left: 5px;*/
	/*margin-bottom: 100px;*/
  overflow: hidden; 
}

.texte{
position:relative;
float:left;
/*z-index: 10;*/
width:100%;
height:auto;
background-color:#8B8B8B;
/*left:5px;*/
z-index:2;
/*padding:10px;*/
}
.texte_accueil_1{
position:relative;
float:left;
/*z-index: 10;*/
width:100%;
height:auto;
background-color:#8B8B8B;
/*left:5px;*/
z-index:2;
/*padding:10px;*/
}
.texte_accueil_2{
position:relative;
float:left;
/*z-index: 10;*/
width:100%;
height:auto;
background-color:#8B8B8B;
/*left:5px;*/
z-index:2;
/*padding:10px;*/
}

.texte_padding15{
position:relative;
float:left;
/*z-index: 10;*/
width:100%;
height:auto;
background-color:#8B8B8B;
/*left:5px;*/
z-index:2;
/*padding:15px;*/
}
.margin30 {
position: relative;
float: left;
margin: 10px;
}
.margin30_1 {
position: relative;
float: left;
margin: 10px;
}
.margin30_2 {
position: relative;
float: left;
margin: 10px;
}
.margin15 {
position: relative;
float: left;
margin: 2%;
width:96%
}
.padding15 {
position: relative;
float: left;
margin: 2%;
width:96%
}
.margin10 {
position: relative;
float: left;
margin: 5px;
}
.fond_blanc{
background-color: #ffffff;
position:relative;
float:left;
width:100%
}
.titre_texte {
color: #FFFFFF;
font-family: playpolice, Tahoma;
font-size: 25px;
}

.style_retrait{
/*margin-left: -20px;*/
}

.contenu_texte {
font-family: din-alternate,Tahoma;
font-size: 17px;
color:#000000;
}
.contenu_texte14 {
font-family: din-alternate,Tahoma;
font-size: 14px;
color:#000000;
}
.readmore_texte_white {
font-family: din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
font-size: 16px;
color:#FFFFFF;
}
.readmore_texte_black {
font-family: din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
font-size: 16px;
color:#000000;
text-align:right;
margin-left:150px
}
.texte_black {
font-family: din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
font-size: 16px;
color:#000000;
text-align:right;
}

/*********************** FORMULAIRE ***********************************/
.formulaire {
	border: 1px solid #DFDFDF;
	background-color:#FFF;
	border-radius:7px;
	-moz-radius:7px;
	-webkit-radius:7px;
	font-size:12px;
	/*padding:2px; /**/
}
/************************************************************
						CSS Contact
************************************************************/
.pict_contact { float: left; margin: 0 10px 20px 0; border:none;}
.pict_contact2 { float: left; margin: 0 10px 60px 0; border:none;}

#box_contact {
	overflow: hidden;  
	/*padding:10px;*/
	background:#fff; 
	border:1px solid #f0f0f0;
	box-shadow: 1px 1px 8px #cfcfcf;-moz-box-shadow: 1px 1px 8px #cfcfcf;
	-webkit-box-shadow: 1px 1px 8px #cfcfcf;-o-box-shadow: 1px 1px 8px #cfcfcf;
	border-radius:8px;-moz-border-radius:8px;
	-webkit-border-radius:8px;-o-border-radius:8px;
	float:left; 
	width:100%; 
	min-height:110px;
	color: #2D9182;
}

.box_contact_photo {
	position: relative;
	float:left;
	overflow: hidden;  
	/*padding:10px;*/
	background:#fff; 
	border:1px solid #f0f0f0;
	box-shadow: 1px 1px 8px #cfcfcf;-moz-box-shadow: 1px 1px 8px #cfcfcf;
	-webkit-box-shadow: 1px 1px 8px #cfcfcf;-o-box-shadow: 1px 1px 8px #cfcfcf;
	border-radius:8px;-moz-border-radius:8px;
	-webkit-border-radius:8px;-o-border-radius:8px;
	float:left; 
	width:160px; 
	height:210px;
	min-height:110px;
	color: #2D9182;
	margin: 20px;
	z-index:9999;
}
.equipe_info {
position: relative;
float: left;
width: 100%
}

h1.contact { 
	font-size:1.4em;
	width:100%;
	text-align:center;
	vertical-align:middle;
	/*padding:0px;margin:0 0 10px 0;*/
}
#map-canvas {
  height: 400px;
  width: 100%;
  border: 1px solid #B5C0C6;
}
#diaporama {
text-align:center;
/*background-color:#FF641F;*/
position:relative;
float:left;
/*padding:38px;*/
margin-top:5px;
width:100%;
}
#filter {
position: relative;
float: left;
display: none;
width: 100%;
text-align: left;
}
#tool_filter {
position: relative;
float: left;
width: 100%;
}

.box_map_contact {
position: relative;
float:left;
width:100%;
}

.contact_gauche {
width:auto;
position:relative;
}
.contact_droite {
Width: auto;
position: relative;
}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width: 100% !important;display:block;z-index:2000;position:relative}

.checkbox_filtre140 {
width: 150px;
position: relative;
float: left;
text-align: right;
padding-bottom: 10px;
z-index: 10;
}
.checkbox_filtre140left {
padding-left: 10px;
width: 140px;
position: relative;
text-align: left;
z-index: 8;
}
.checkbox_filtre305adresse {
width: 40%;
position: relative;
float: left;
text-align: left;
padding-bottom: 10px;
z-index: 10;
height: 100px;
}
.checkbox_filtre305tel {
width: 60%;
position: relative;
float: left;
text-align: right;
padding-bottom: 10px;
z-index: 10;
}
.checkbox_filtre305mail {
width: 60%;
position: relative;
float: left;
text-align: right;
padding-bottom: 10px;
z-index: 10;
}
.checkbox_filtre305link {
width: 60%;
position: relative;
float: left;
text-align: right;
padding-bottom: 10px;
z-index: 10;
}
.date_debut {
width: 60%;
position: relative;
float: left;
text-align: right;
/*padding-bottom: 10px;*/
z-index: 10;
}
.date_fin {
width: 40%;
position: relative;
float: left;
text-align: right;
/*padding-bottom: 10px;*/
z-index: 10;
}
#map_google {
position: relative;
float: left;
width: 95%;
margin-left: auto;
margin-right: auto;
padding: 2%
}
#formulaire_contact {
position: relative;
float: left;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#albums {
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
}