.titre_referencement{  float:left; width:650px; margin-top:15px; font-size:0.9em; font-weight:normal; }

html, body{height:100%;}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin:0;
    padding:0;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../images/ERLA-Technologie-Final-fond.jpg) top center no-repeat; #FFF;
}

img{border:0; }

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color:#000;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
/*	color: #999999;*/
}

hr {
	color: #E21407;
	}

#edito a{ text-decoration:underline; font-weight:900; }

div#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	width:955px;
	/*background-image:url(../images/interface/fond_bas.gif);*/
	background-image:url(../images/accueil/fond_accueil.gif);
	background-repeat:repeat-y;
}

div#container2 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	width:955px;
	background-color:#FFFFFF;
}

div#container_admin {

	margin-left:30px;
	margin-right:30px;
}

.clearfloats{
clear:both;
height:0px;
}

.bloc700{
width:600px;
text-align:justify;
float:left;
}

div#haut {
	background-color:#FFE000;
	width:955px;
	height:112px;
	background-image: url(../images/interface/fond_declinaison.jpg);
}
div#haut1 {
background-color:#BBBBBB;
width:955px;
height:36px;
}
div#haut2 {
background-color:#FFFFFF;
	background-image:url(../images/interface/fond_haut2.gif);
	background-repeat:repeat-x;
width:955px;
height:42px;
}

div#cotegauche {
	float:left;
}

div#panier {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width:210px;
	background-color: #DDDDDD;
	margin-right: 15px;
}
div#paniertitre {
	margin-top:20px;
	padding-left: 10px;
	width:210px;
	background-color: #DDDDDD;
	background-color:#FFFFFF;
	background:url(../images/interface/mon_panier_fond.gif);
	background-image:url(../images/interface/mon_panier_fond.gif);
	background-repeat:repeat-x;
}


.titre {
	font-size: 20pt;
		color: #E21407;
	font-weight: bolder;
}
.texte {
	font-size: 12px;
}
.soustitre {
	font-size: 14px;
	color: #E21407;
	font-weight: bold;
}
.petit {
	font-size: 9px;
}

.actu {
	font-size: 13pt;
	color:#333333;
	font-weight: 500;

}

.soustitreorange {

	font-size: 14px;
	color: #FF9900;
	font-weight: bold;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #EEEEEE;
	height: auto;
	vertical-align: middle;

}
.sanssouligne {
	text-decoration: none;
}
.listeproduittitre {

	padding-left:10px;
	width:210px;
	background-color: #FFE000;
	padding-top: 10px;
	padding-bottom: 10px;
	border:solid;
	border-left-color:#FFE000;
	border-left-width:0px;
	border-right-color:#FFE000;
	border-right-width:0px;
	border-top-color:#FFFFFF;
	border-top-width:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	font-size: 16pt;
	color: #E21407;
	font-weight: 800;
}

.listeproduit {
	width:210px;
	background-color: #FFE000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border:solid;
	border-left-color:#FFE000;
	border-left-width:0px;
	border-right-color:#FFE000;
	border-right-width:0px;
	border-top-color:#FFFFFF;
	border-top-width:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	font-style:italic;
	font-size:12px;
	color:#333333;
}

.listeproduitsurvole {
	width:210px;
	background-color: #E21407;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border:solid;
	border-left-color:#E21407;
	border-left-width:0px;
	border-right-color:#E21407;
	border-right-width:0px;
	border-top-color:#FFFFFF;
	border-top-width:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	font-style:italic;
	font-size:12px;
	color:#FFFFFF;
}


.produit {
	width:160px;
	margin-left:10px;
	margin-right:0px;
	float:left;
}

.produitligne {
	width:720px;
	height:225px;
	position:relative;
	right:0px;
	background-color:#AAAAAA;
	background:url(../images/fond_bande_produit.gif);
	background-image:url(../images/fond_bande_produit.gif);
	background-repeat:repeat-x;

}

.produitimage {
margin-top:15px;
	width:120px;
	height:120px;
	margin-left:20px;
	background-color:#FFFFFF;
	background:url(../images/produitimage.gif);
	background-image:url(../images/produitimage.gif);
	background-repeat:repeat-x;

}


.produitimagetxt {
font-size:9px;
position:relative;
top:0px;
left:0px;
}

div#tableauproduit {
	float:left;
}

/*div#footer {
	background-image:url(../images/interface/fond_boutons_bas.gif);
	background-repeat:repeat-x;
	height:32px;
	text-align:right;
	padding-right:15px;
}*/

/* DECLINAISON */

div#declinaisonlogo {
position:absolute;
top:0px;
right:0px;
}
div#declinaisonmenu1 {
width:607px;
position:absolute;
top:112px;
background-color:#BBBBBB;
text-align:left;
font-size:16px;
}

div#declinaisonmenu2 {
    color: #909090;
    font-size: larger;
    font-weight: 700;
	padding-left:310px;
    position: absolute;
    text-align: left;
	top:149px;
	font-family: Tahoma;
}

div#declinaisonmenu2 a{
    color: #909090;
}

div#declinaisonmenu2 a:hover{
    color: white;
	text-decoration:none;
	text-shadow: 3px 2px 3px grey;
}

.chpsgris {
background-color:#AAAAAA;
border:solid;
border-left-color:#AAAAAA;
border-right-color:#AAAAAA;
border-top-color:#AAAAAA;
border-bottom-color:#000000;
border-bottom-width:1px;
text-align:center;
font-size:9px;
}

.btgris {
background-color:#AAAAAA;
border:solid;
border-width:0px;
text-align:center;
font-size:9px;
}

/* ACUEIL */
.headertop{ background:#dfdfdf; display:block; width:100%; height:100%; display:block; background:#ffde00;}

div#accueillogo {
/*	position:absolute;*/
	top:-5px;
	right:0px;
	width: 232px;
	height:252px;
	margin-bottom:-5px;
	margin:0;
	padding:0;
	background:#ffde00;
	padding:5px;
}

div#accueillogo h2, div#accueillogo p{
	padding:10px;
	margin:0;
	padding-top:5px;
	}
div#accueillogo h2{ padding-bottom:0px;  font-size:16px;}
	
div#accueiltexte {
	width:590px;
	text-align:justify;
	padding-top:20px;
	padding-left:40px;
}
div#accueilmenu1 {
	width:100%;
	/*position:absolute;*/
	top:203px;
	background-color:#BBBBBB;
	text-align:left;
	height:37px;
	float:left;
	margin-top:-5px;
	

}

div#accueilmenu1 a, div#declinaisonmenu1 a {
	font-size:18px;
	font-weight:500;
	padding-left:10px;
	line-height:35px;
}

div#accueilmenu2 {
    color: #909090;
    font-size: larger;
    font-weight: 700;
   /*  padding-left: 517px;
   position: absolute;*/
    text-align: left;
    top: 245px;
	font-family: Tahoma;
	float:left;
		width:100%;
		text-align:right;
		background:#dfdfdf;
}

div#accueilmenu2 a{
    color: #909090;
	display:inline-block;
	padding-right:10px;
}

div#accueilmenu2 a:hover{
    color: white;
	text-decoration:none;
	text-shadow: 3px 2px 3px grey;
}

div#accueilliens {
position:absolute;
top:300px;
left:500px;
text-align:left;
}
div#accueilhaut {
	background-color:#FFE000;
	background:url(../images/fond_accueil.jpg) no-repeat top left;
	width:955px;
	height:238px;
}
div#accueilmilieu {
background-color:#E0E0E0;
background:url(../images/fond_accueil_bas.gif) top left;
background-position:left;
width:955px;
height:90px;
}

div#accueildescription {
	width:895px;
	text-align:justify;
	padding:30px;
	padding-top:10px;
	padding-bottom:20px;
	font-size: 14px;
	background:#ffde00;
	height:130px;
}


div#accueilbas {
width:955px;
height:auto;

}
div#accueilbasimg1 {
float:left;
width:160px;
}
div#accueilbasimg2 {
float:left;
width:115px;
}
div#accueilbastxt1 {
float:left;
width:307px;
}
div#accueilbastxt2 {
float:left;
width:373px;
}

div#accueilbastxt1 #atelier {
margin:15px;
padding-left:23px;
}

div#accueilbastxt2 #produit {
margin:15px;
padding-left:13px;
}

div#accueiladresse {
float:left;
text-align:left;
width:600px;
padding-left:15px;
padding-top:15px;
}

.ligneSurvole{
background-color:#FFE000;
cursor:pointer;
}
.avantligneSurvole{
background-color:#BBBBBB;
cursor:pointer;
}
.pad10{
padding:10px;
}
input {
cursor:pointer;
}

#accueiltexte h1{padding:0; margin:0; font-size:14px;}

#newsletter{
	background:url(../images/accueil/newsletter.gif) no-repeat #FC0;
	width:282px;
	height:75px;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	right:3px;
	bottom:157px;
	}
	
	#newsletter h1{
	font-size:18px;
	margin:0;
	padding:0;
	padding-top:18px;
	margin-left:15px;
	}
	
	#newsletter p{
	margin:0;
	padding:0;
	margin-left:15px;
	}

	#centre{

		text-align:left;
		margin-left:20px;
		float:left;
		width:315px;
		}


	#edito{
		border:#FFF solid 1px;
		padding:15px;	
		max-width:585px;
		}
	
	#nouveau{ 
	max-width:615px; 
	background:#ffde00;
	color:#FFF;
	margin-bottom:20px;
	margin-top:30px;
	height:auto;
	}	
	
	#nouveau tr:first-child>td{color:white; text-align:center; padding:15px 0; font-weight:bold;}
	
	#nouveau .contenutd{padding-top: 0;}
	
	#promo{ 
	max-width:615px; 
	background:#e10126;
	color:#FFF;
	margin-bottom:20px;
	height:auto;
	text-align:left;
	}	
	
	#promo tr:first-child>td{color:white; text-align:left; padding-top:30px; padding-bottom:20px; font-weight:bold; padding-left:15px;}
	
	#promo .contenutd{padding-top: 0;}
		
	.hauteur{
	clear:right;}
	
	.contenutd{
		width:100%;
		vertical-align:top;
		padding:15px;
		color:#FFF;
		text-align:left;
		}
	
	#promo table, #promo tr{ 
	padding:0;
	margin:0;
	border:none;
	color:#FFF;
	}
	
	#promo h1, #nouveau h1{ 
	font-size:16px;
	margin:0;
	padding:0;
	}	
	#promo p, #nouveau p{ 
	margin:0;
	padding:0;
	}	
		
	#atelier{
		width:293px;
		float:right;
		text-align:left;
		margin-bottom:40px;
		margin-left:20px;
		}
		
		

	#atelier img, #promo img{ float:right; margin:0; padding:0; }
	.ateliertop { margin:0; padding:0; margin-left:8px; margin-right:5px; font-size:14px;}
	.ateliertop h1{ font-size:16px; color:#e10126;}
	
	.ateliers{
		margin-left:8px;
		margin-right:8px;
		clear: both;
		}
	
	.ateliers hr{
		color:#000;
		background:#000;
		border-top:solid 1px #000;
		margin-top:10px;
		margin-bottom:10px;
		}
	
	.ateliers h1{
		font-size:13px;
		font-weight:bold;
		margin:0;
		padding:0;
		}

		
	.liens2{font-weight:100; font-size:15px;}	
	.liens{margin-left:10px; font-weight:100; font-size:15px; margin-top:20px;}
	.liens a, .liens2 a{ color:#FFF;}
	
	.img_fiche{
		width:150px;
	}
	#gauche{width:300px; float:left; margin-top:-60px;}
	
	#catalogue h1, #animation h1{ 
	font-size:16px;
	margin:0;
	padding:0;
	}
	
	#catalogue{width:100%; background:#000;}
	#catalogue tr:first-child>td{color:white; text-align:center; padding:15px 0; font-weight:bold;}
	#catalogue .contenutd{padding-top: 0;}
	#animation{width:100%; 	background:#e10126; margin-top:30px; text-align:right; }
	#expo{width:100%; background:url(../images/accueil/exposition_fond.jpg) repeat-x #e0e0e0; margin-top:10px;  text-align:right; }
	#expo h1{	font-size:16px;
	margin:0;
	padding:0; color:#000;}
	#expo .liens2 a{ color:#000;}
	#expo .liens2 { margin:0; padding:0;}
	#expo .liens { margin:0;}
	#expo .liens a{ color:#000;}
	
	
	.animliste{
		padding-left:15px; padding-right:15px; padding-bottom:15px; text-align:left; 
	}
	.animliste hr{
		border:none;
		border-top:solid 1px #FFF;
	}
	
	.animliste h1{
		font-size:14px; color:#FFF;
	}
	
	.animliste a{ color:#FFF;
	}
	
	.expoliste{
		padding-left:15px; padding-right:15px; text-align:left; color:#e10126;
	}
	.expoliste hr{
		border:none;
		border-top:solid 1px;
	}
	
	.expoliste h1{
		font-size:14px;
	}
	
	
	#contenu{
		/*margin-left:50px;*/}
		
		#titrepage{position:absolute; top:60px; left:25px; color:#FFF; font-weight:bold; font-size:50px; }
		#titrepage2{position:absolute; top:82px; left:70px; color:#FFF; font-weight:bold; font-size:30px; }
		
		.bigtitre{ font-size:55px; margin:0; padding:0; color:#FC0; line-height:53px;}
		
		.arch{background:#000; color:#FFF; text-align:right; padding:7px;}
		.arch a{ color:#FFF;}
		
		
		
		#ateliercote{
			background:#FC3;
			padding:10px;
			width:190px;
			font-size:16px;
			font-weight:bold;
			padding-bottom:30px;
			}
			
		#ateliercote ul{
			padding:0;
			margin:0;
			font-size:12px;
			font-weight:100;
			}
			#ateliercote li{
				list-style:none;
			padding:0;
			margin:0;
			margin-left:15px;
			margin-top:10px;
			font-size:12px;
			font-weight:100;
			}
			
			
			.at_date{margin:10px; padding-bottom:10px; background:#CCC; width:95%; float:left;    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}
			
			.at_date a:hover{ background:#000; color:#ffde00;}
			.at_date a{ text-decoration:none;  display:block; padding:5px; background:#ffde00; width:148px; float:left; margin:5px;    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;   -moz-box-shadow: 3px 3px 4px #aaa; 
  -webkit-box-shadow: 3px 3px 4px #aaa; 
  box-shadow: 3px 3px 4px #555; }
  
  .at_date h1{ /* text-shadow: black 0.1em 0.1em 0.4em; */}
  
#galerie_photo li, #galerie_photo ul{ list-style:none; }

ul.galerie_contact {
    width: 100%;
	padding:0;
}

ul.galerie_contact li {
    display: inline;
    float: left;
    margin: 2px;
    padding: 0;
    width: auto;
}

ul.galerie_contact li a {
    background: none repeat scroll 0 0 white;
    margin-bottom: 0.3em;
    padding: 0px;
    text-align: center;
	display:block;
	max-width:250px;
}

ul.galerie_contact li span.titreImgGalerie {
    color: black;
    display: block;
    font-size: 13px;
	font-weight:900;
    margin-bottom: 0.3em;
    position: relative;
	border: 1px solid #A09E8E;
	padding: 2px;
	text-align:left;
}

ul.galerie_contact li span.descriptifImgGalerie {
    display: block;
	font-size: 10px;
	font-weight:lighter;
    height: 5em;
    overflow: auto;
	border: 1px solid #A09E8E;
	padding: 2px;
}

	.document a{
		
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5) inset;
    display: block;
    float: left;
    margin: 0 8px 0 0;
    padding: 8px;
    position: relative;
    text-align: left;
	min-width:400px;
		
		}
		
		
		
	.document a:hover {
	
		/* Background */
		background: rgba(221, 200, 0, 1);
		 
		/* Border bottom light */
		border-bottom: 1px solid rgba(221, 200, 0, 0.4);
		 
		/* Inner top shadow */
		-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
	
}	

#contact{
	margin-left:25px; margin-right:25px;
	}

h1.bigest_thing{ font-size:16px; color:#FFF; width:100%; padding-top:10px; padding-bottom:10px; text-align:center; background:#000; margin:0; }
#main{
width:1000px;
margin-left:auto;
margin-right:auto;
min-height:100%;
}
#recherche{display:none;}

#logo{
	width:250px;
	float:left;
	}
	#logo img{
	width:250px;
	}
#top{margin-top:30px; position:relative;}
#slogan{ position:absolute;right:5px;;}
#bureau_etude{
width:700px;
height:194px;
border-bottom:#000 solid 5px;
float:left;
position:relative;
}
#bureau_etude h1{
position:absolute;
top:0;
left:0;
color:#FFF;
width:700px;
height:70px;
margin:0;
font-size:34px;
font-family:Arial, Helvetica, sans-serif;
padding: 15px 10px 5px 40px;
background:url(../images/BureauEtudes.png) top left no-repeat;
font-weight:200;
font-style:italic;
}
#bureau_etude h2{
text-transform:uppercase;
width:250px;
position:absolute;
bottom:20px;
left:0;
font-style:italic;
font-size:14px;
font-weight:bold;
margin:0;
background: url(../images/h2_bureau.png) top left;
padding:5px 10px 5px 30px;
color:#FFF;
}
#lien_acc{
width:275px;
position:relative;
float:right;
max-height:194px;
min-height:194px;
border-bottom:#000 solid 5px;
margin-right:10px;
background:url(../images/fond-doc-acc.png) top left repeat-y;
font-size:11px;
}
#lien_acc h1{
margin:0;
text-align:right;
font-size:16px;
font-style:italic;
font-weight:bold;
margin-top:5px;
color:#000;

}
#lien_acc h2{
margin:0;
text-align:left;
font-size:14px;
font-weight:bold;
color:#FFF;
margin-top:5px;
text-indent:30px;
font-style:italic;
}

#lien_acc ul{
width:200px;
overflow:hidden;
margin-top:5px;
}
#lien_acc a{
width:100%;
text-decoration:none;
}
#lien_acc a:hover{
color:#000;
text-decoration:none;
}
#lien_acc a li{
background:url(../images/pictoPDF.png) top right no-repeat;
margin-top:2px;
padding-top:5px;
list-style:none;
border-bottom:#000 solid 1px;
font-weight:bold;
}
#lien_acc a li:hover{



border-bottom:#F00 solid 1px;
color:#F00;

}
.titre_full{
width:990px;
font-size:24px;
color:#999;
border-bottom:#999 solid 2px;
font-weight:200;
margin-top:0;

}
footer{
background-color:#666;	
bottom: 0;
height: 50px;
position: fixed;
width: 100%;
z-index: 100;
padding-top: 1.5em;
clear:both;
}
footer .footer_erla{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}
footer .footer_erla .footer_gauche p{
margin:0;
}
footer .footer_erla .footer_gauche{
float:left;
color:#FFF;
}
footer .footer_erla .footer_droite{
float:right;
margin-right:10px;
}
footer .footer_erla .footer_droite img{
height: 40px;
margin-right: 10px;
}
footer .footer_erla .footer_droite a{
color:#FFF;
}
footer .footer_erla .footer_droite a:hover{
text-decoration:none;
color:#F00;
}
.content{padding-bottom:75px;}
.content2{
	
background: url(actu_images/bg_trans.png);
background-repeat: repeat;
padding-bottom:1px;
}

#realisation{
	width:300px; height:40px; float:right; margin-right:10px; margin-top:20px;	
	}

#page_col_droite{
	width:34%;
	float:right;
	
position:relative;
	}

.titre-page{
	color:#e32321;
	border-bottom:#666 solid 1px;
	text-transform:uppercase;
	padding:5px 10px;
	}

.titre-page #filArianne{
	text-transform:lowercase;
	color:#666;
	font-size:0.5em;
	font-weight:normal;
	display:inline-block;
	float:right;
	margin-top:12px;
	}

#page_col_full{
	float:left;
	width:60%;
	background: url(actu_images/bg_trans.png);
	padding-bottom:75px;
	}
	
/* GLIDER */
#galerieAnimee {
width: 100%;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
.scroller {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
}
#galerieAnimee ul#content {
/*position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
list-style: none;
width: 100000em;
height: 400px;*/
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
#galerieAnimee ul#content li {
position: relative;
overflow: hidden;
float: left;
display: block;
/*width: 1000px;*/
width:100%;
height: 400px;
}
#galerieAnimee ul#content img {
/*max-width: 95%;
max-height: 95%;*/
height:390px;
   -moz-box-shadow: 0px 10px 15px 0px #656565;
-webkit-box-shadow: 0px 10px 15px 0px #656565;
-o-box-shadow: 0px 10px 15px 0px #656565;
box-shadow: 0px 10px 15px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=15);
}
#controls{
clear: both;
position: relative;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
list-style: none;
height:100px;
}
ul#controls li {
float: left;
margin: 2px 8px;
}
ul#controls img {
border: 2px solid white;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
ul#controls .active img {
border-color: #F00;
}

/*//IE//*/
#footer{
background-color:#666;	
bottom: 0;
height: 50px;
position: fixed;
width: 100%;
z-index: 100;
padding-top: 1.5em;
}
#footer .footer_erla{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}
#footer .footer_erla .footer_gauche p{
margin:0;
}
#footer .footer_erla .footer_gauche{
float:left;
color:#FFF;
padding-left:10px;
}
#footer .footer_erla .footer_droite{
float:right;
margin-right:10px;
}
#footer .footer_erla .footer_droite img{
height: 40px;
margin-right: 10px;
}
#footer .footer_erla .footer_droite a{
color:#FFF;
}
#footer .footer_erla .footer_droite a:hover{
text-decoration:none;
color:#F00;
}
#div_menu_mobile{
	display:none;
	}
	#bouton_menu_mobile{
	display:none;	
	}
	
#page_contact_gauche{
float:left;
width:48%;
}
#page_contact_droite{
float:right;
width:48%
}
.onglet{
margin-top: 5px;
margin-bottom:15px;
display: block;
text-align: right;
border: solid 1px #CCC;
-moz-box-shadow: 6px 6px 6px #aaa;
-webkit-box-shadow: 6px 6px 6px #aaa;
box-shadow: 6px 6px 6px #aaa;
background: #fff;
color: #e32321;
font-weight: bold;
font-size: 12px;
/*margin-right: 20px !important;
margin-right: 5px;*/
width: 100%;
z-index:100;

}
.onglet a{
color:#e32321;
}
.sousmenu_border {
border-left: solid 1px #333333;
margin-top: 0px;
}
.sousmenu {
list-style: none;
margin-top: 18px;
text-align: left;
padding: 0;
margin-left: 10px;
padding-left: 10px;
width: 100%;
}
.sousmenu a:hover{
color:#333333;
text-decoration:none;
}
.sousmenu li {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 7px;
}
.sousmenu ul {
margin: 0;
padding: 0;
margin-left: 20px;
}
.sousmenu li {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 7px;
}
.sousmenu li li a {
margin: 0;
padding: 0;
font-weight: 100;
}
#con_chapeau{
	
	padding-left:15px;
	padding-top:5px;
}	
#con_chapeau img{
	float:right;
}
#con_descriptif{
	padding-left:15px;
	padding-top:5px;
}
#con_descriptif p{
width:100%;	
}
#con_descriptif h3{
	text-transform:uppercase;
	text-indent:10px;
}
#con_descriptif a:hover{
color:#e32321;
font-weight:bold;
}
#con_descriptif a{
color:#e32321;
font-weight:bold;
}
#con_descriptif h3 a:hover{
text-decoration:none;
color:#333333;
}
#con_descriptif h3 a{
text-decoration:none;

color:#333333;
}
#con_descriptif img{
float:right;
}
#con_descriptif li{
list-style-image:url(../images/puce_rouge.png);
padding-top:5px;
padding-bottom:5px;:first-letter
}
#con_descriptif li:first-letter{
text-transform:capitalize;
}

@media screen and (max-width: 1050px) {
#main{
width:100%;
margin-left:auto;
margin-right:auto;
min-height:100%;
padding:5px;
}
#top {
margin-top: 0px;
position:static;
}
#div_menu {
display:none;
}
#div_menu_mobile{
	width:250px;
	position:absolute;
	top:-5px;
	left:-5px;
	padding:5px;
	z-index:999999!important;

	}
		#bouton_menu_mobile{
	display:block;	
	float: left;
margin-left: 50px;
margin-top: 20px;
	}
	#menu {
list-style: none !important;
width: 250px !important;
margin: 0 !important;
height: 100% !important;
background-image:none !important;
padding-left:0px;
background-color:#FFF!important;
padding:5px!important;
-moz-box-shadow: 6px 6px 6px 0px #656565;
-webkit-box-shadow: 6px 6px 6px 0px #656565;
-o-box-shadow: 6px 6px 6px 0px #656565;
box-shadow: 6px 6px 6px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=6);
}
#menu li {
float: none!important;
text-align: left!important;
padding: 5px 5px 5px 5px!important;
margin-top: 2px!important;
position: static!important;
background: none!important;
border-right:none!important;
z-index: 198!important;
background-color:#666!important;
}
.dropdown_1columns, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns, .dropdown_6columns {
float: none!important;
position: static!important;;
left: 0!important;
text-align: left!important;
padding: 0!important;
border:none!important;
border-top: none!important;
margin-top: 0px!important;
background: none!important;
z-index: 10000!important;
font-family: Arial, Helvetica, sans-serif!important;
}
#menu li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
color: #FFF!important;
display: block;
outline: 0;
text-decoration: none;
padding-left: 0px;
padding-right: 0px;
background: none;
}
#menu h3 .texte_menu {
color: #FFF!important;
font-weight: 100!important;
font-size:12px !important;
}
#menu li .drop {
  
	background:none!important;
	margin-right: 0px!important;
	
}
#menu li:hover .drop {
	background:none!important;
	margin-right: 0px!important;
	
}
#menu h3 a{ 
		
	height:auto!important;
	padding: 2px!important;
	

	}
	.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6 {
	display:block!important;
	float: none!important;
	position: relative!important;
	margin-left: 5px!important;
	margin-right: 0px!important;
	width:auto!important;
}
#slogan {
position: absolute;
top: 30px;
right: 0px;
}
#herder{position:relative;}
#lien_acc {
width: auto;
float: right;
min-height: 194px;


}
.titre-page {
margin:0;
}
#lien_acc ul {
width: auto;
overflow: hidden;
margin-top: 5px;
padding-left:5px;
padding-right:5px;
}
#slider2 {
width: 99%!important;
margin:0!important;
margin-top:10px!important;

}
.titre_full{
width:100%;
}
footer .footer_erla{
	width:100%!important;
}
#page_col_full {
width: 96%!important;
padding: 0% 2%;
padding-top:15;
padding-bottom:75px;

}
.content2
{
	margin-top:20px;
	}
#page_col_droite{
width:100%;	
}
.onglet {

width: 40%;
float:left;
margin-top: 10px;
margin-bottom: 15px;
display: block;
text-align: right;
border: none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow: none;
background: none;
color: #e32321;
font-weight: bold;
font-size: 12px;
z-index: 100;
}
.sousmenu {
list-style: none;
margin-top: 0px;
text-align: left;
padding: 0;
margin-left: 0px;
padding-left: 0px;
width: 100%;
}
.sousmenu_border {
border-left:none;
}
.sousmenu li {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 0px;
}
.onglet a {
color: #e32321;
padding: 10px 15px;
margin: 10px 0px;
background-color:#FFF;
border: #ccc solid 1px;
display:block;
-moz-box-shadow: 3px 3px 6px 0px #656565;
-webkit-box-shadow: 3px 3px 6px 0px #656565;
-o-box-shadow: 3px 3px 6px 0px #656565;
box-shadow: 3px 3px 6px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=6);
}
.onglet a:hover{
color: #FFF;
padding: 10px 15px;
margin: 10px 0px;
background-color:#e32321;
border: #ccc solid 1px;
display:block;
}
.fotorama {
width: 55%!important;
float:right;
margin-top:10px!important;
margin-right:10px!important;
}
#entreprise_localisation {
margin-top: 10px;
width:100%;
margin-right:auto;
margin-left:auto;
}
.content2{
width:96%;
margin-left:auto;
margin-right:auto;
}
}

/*//IE//*/
#footer{
background-color:#666;	
bottom: 0;
height:auto!important;
position: static!important;
width: 100%;
z-index: 100;
padding-top: 1.5em;
}
#footer .footer_erla{
	width:100%;
	margin-right:auto;
	margin-left:auto;
}
footer .footer_erla .footer_gauche {
padding-left:5px;
}
.footer_gauche a{
color: #FFF;	
}
}
@media screen and (max-width: 940px) {

}
@media screen and (max-width: 932px) {
#bureau_etude {
width: 99%!important;
height: auto!important;
border-bottom:none!important;
}
#bureau_etude img{
width: 99%!important;
height: auto!important;
}
#lien_acc {
width: 99%!important;
float: left!important;
margin-top:5px;
max-height:none!important;
}
#lien_acc h1 {

text-align: left!important;
margin-left:5px;

}
#lien_acc a li {
font-size:13px;
}
.content {
padding-bottom: 55px;
}
footer .footer_erla .footer_gauche {
float: left;
color: #FFF;
width:auto;
margin-left:auto;
margin-right:auto;
}
footer .footer_erla .footer_gauche p{
color: #FFF;
width:730px;
margin-left:auto;
margin-right:auto;
}
footer .footer_erla .footer_droite {
float: left;
width:auto;
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding-bottom:5px;
}
#footer{
height:100px!important;

}
#footer .footer_erla .footer_gauche p{
color: #FFF;
width:100%;
margin-left:auto;
margin-right:auto;
}
#footer .footer_erla .footer_gauche {
color: #FFF;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#footer .footer_erla .footer_droite {
float: left;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding-bottom:5px;
text-align:center;
}
#div_menu_left{ float:left!important;
width:98%;}
ul#menu_left {
padding: 2px!important;
margin-top: 5px!important;
}
#menu_left li {
width: 100%!important;

}
#div_slider1{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	}
}
@media screen and (max-width: 880px) {
	#slogan {
display:none;
}
		#bouton_menu_mobile{
	display:block;	
	float: right;
margin-right: 50px;
margin-left: 0px;
margin-top: 20px;
	}
}
@media screen and (max-width: 843px) {

#main {
padding: 0px!important;
}

#bureau_etude {
width: 99%!important;
height: auto!important;
border-bottom:none!important;
}
#bureau_etude img{
width: 99%!important;
height: auto!important;
}
#lien_acc {
width: 99%!important;
float: left!important;
margin-top:5px;
max-height:none!important;
}
#lien_acc h1 {

text-align: left!important;
margin-left:5px;

}
#page_col_full {
width:100%!important;
padding:0!important;
margin-top:10px;
}
#lien_acc a li {
font-size:13px;
}
.content {
padding-bottom: 0px!important;
}
footer {

height: auto!important;
position: static!important;
z-index: 200!important;
}
footer .footer_erla .footer_gauche {
float: left;
color: #FFF;
width:100%;
margin-left:auto;
margin-right:auto;
}
footer .footer_erla .footer_gauche p{
color: #FFF;
width:580px;
margin-left:auto;
margin-right:auto;
}
footer .footer_erla .footer_droite {
float: left;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding-bottom:5px;
text-align:center;
}
#footer .footer_erla .footer_gauche {
color: #FFF;
width:580px;
margin-left:auto;
margin-right:auto;
}
#footer .footer_erla .footer_droite {
float: left;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding-bottom:5px;
}
#div_menu_left{ float:none;
width:99%;}
ul#menu_left {
padding: 2px!important;
margin-top: 5px!important;
}
#menu_left li {
width: 100%!important;

}
#div_slider1{
	margin-left:auto;
	margin-right:auto;
	}
}
@media screen and (max-width: 800px) {
	
		.titre_referencement{ width:95%; margin:auto; padding:20px; }
	
.content {
padding-bottom: 5px;
}
footer {

height: auto!important;
position: static!important;
z-index: 200!important;
}
footer .footer_erla .footer_gauche {
float: left;
color: #FFF;
width:100%;
margin-left:auto;
margin-right:auto;
}
footer .footer_erla .footer_gauche p{
color: #FFF;
width:580px;
margin-left:auto;
margin-right:auto;
}
footer .footer_erla .footer_droite {
float: left;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding-bottom:5px;
}
#footer .footer_erla .footer_gauche {
color: #FFF;
width:580px;
margin-left:auto;
margin-right:auto;
}
#footer .footer_erla .footer_droite {
float: left;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding-bottom:5px;
}
}
@media screen and (max-width: 680px) {
#page_contact_gauche{
float:none!important;
margin-left:auto;
margin-right:auto;
}
#page_contact_droite{
float:none!important;
margin-left:auto;
margin-right:auto;
}	
}

@media screen and (max-width: 630px) {
#slogan {
display:none;
}
#div_slider1{width:99%;}
#div_menu_mobile {
z-index:99999;
}
#div_menu_left{ float:none;
width:99%;}
ul#menu_left {
padding: 2px!important;
margin-top: 5px!important;
}
#menu_left li {
width: 100%!important;

}
#bureau_etude {
width: 99%!important;
height: auto!important;
border-bottom:none!important;
}
#bureau_etude img{
width: 99%!important;
height: auto!important;
}
#lien_acc {
width: 99%!important;
float: left!important;
margin-top:5px;
max-height:none!important;
}
#lien_acc h1 {

text-align: left!important;
margin-left:5px;

}
#lien_acc a li {
font-size:13px;
}
footer {

height: auto!important;
position: static!important;
z-index: 200!important;
}
.content {
padding-bottom: 5px;
}
footer .footer_erla .footer_gauche {
float: left;
color: #FFF;
width:100%;
margin-left:auto;
margin-right:auto;
}
footer .footer_erla .footer_gauche p{
color: #FFF;
width:290px;
margin-left:auto;
margin-right:auto;
}
footer .footer_erla .footer_droite {
float: left;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding-bottom:5px;
}
#footer .footer_erla .footer_gauche {
color: #FFF;
width:290px;
margin-left:auto;
margin-right:auto;
}
#footer .footer_erla .footer_droite {
float: left;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:5px;
padding-bottom:5px;
}
.bx-wrapper{
display:none!important;	
}
#bureau_etude h1 {
max-width:99%;
background-image:none!important;
color:#FFF!important;
text-shadow: 
#000 1px 1px, 
#000 -1px 1px, 
#000 -1px -1px, 
#000 1px -1px; 
}
#bureau_etude h2 {
display:none;
}
.scroller {
position: relative;
width: 100%;
height: 300px;
overflow: hidden;
}
#galerieAnimee ul#content li {
position: relative;
overflow: hidden;
float: left;
display: block;
/*width: 1000px;*/
width:100%;
height: 300px;
}
#con_chapeau{
clear:both;	
padding-top:10px;
}
.content2 .blanc {;
width: 100%!important;
}
.sousmenu {
margin-top: 0!important;
padding: 0!important;
margin-left: 0px!important;
margin-bottom: 0px!important;
width: 100%!important;
}
.sousmenu li {
list-style: none;
margin-bottom: 0px!important;
padding-left:10px!important;
padding-right:10px!important;
padding-top:0px!important;
padding-bottom:0px!important;
}
.onglet {
padding: 0px!important;
}
.fotorama {
width: 96%!important;
float:none!important;
margin-top: 10px!important;
margin-right: auto!important;
margin-left: auto!important;
}
}
@media screen and (max-width: 400px) {
	.scroller {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
}
#controls {
clear: both;
position: relative;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
list-style: none;
height: 100px;
}
#galerieAnimee ul#content li {
position: relative;
overflow: hidden;
float: left;
display: block;
/*width: 1000px;*/
width:100%;
height: 200px;
}
#galerieAnimee ul#content img {
max-width: 90%;
max-height: 90%;
}
.item_enfant img {
float:none!important;
width: auto!important;
margin-left: 0!important;
}
#bouton_menu_mobile{
	display:block;	
	float: right;
margin-right: 10px;
margin-left: 0px;
margin-top: 20px;
	}
	
#contenuContact{
width:100%;	
}
#page_contact_gauche {
width:100%!important;
}
#page_contact_droite {
width:100%!important;
}
}
.bx-wrapper{float:right;}
#div_menu_left{float:right}


.liste_enfant{
	width:100%;
	padding:1%;}
	
.item_enfant{
	width:92%;
	padding:2%;
	margin:1%;
	border:solid #999 1px;
	clear:both;
	display:block;
}
	
.item_enfant:hover{ text-decoration:none; background:#E32321; color:#FFF; }
	
.item_enfant h2, .item_enfant h3 {  width:80%; }
	
.item_enfant img{ float:right; clear:both; /*width:20%;*/ margin-left:2%; }

.item_enfant h3 { font-weight:normal; }

#con_descriptif h3{
width:100%;
font-style:italic;
border-bottom:#e32321 solid 1px;
}
div#map{width:100%!important; height:300px!important;}
#entreprise_localisation{
margin-top:5px;	
}
#contenuContact{
padding:5px;
width:95%;
}

.alerte{ color:#C00; }