body
{
margin : 0;
font-family : 'roboto';
overflow-x :hidden;
}
#page_centrale
{
	width : 96%;
	margin : 0 auto;
	font-family : 'roboto';
}
#lien_groupe
{
width : 200px;
margin : 0 auto;
display : block;
text-align : center;
color : black;
text-decoration : none;
font-weight : bold;
}
#lien_groupe img
{
width : 200px;
}
.logo_soco_pied
{
	float : left;
	padding : 10px;
	width : calc((100% - 180px) / 9);
}
.logo_soco_pied img
{
	width : 80%;
	margin : 0 10%;
}
#lien_part
{
width : 150px;
float : left;
display : block;
text-align : center;
color : black;
text-decoration : none;
font-size : 0.8em;
margin-right : 20px;
}
#lien_part img
{
width : 150px;
}
#img_part1
{
	padding-top : 20px;
	padding-bottom : 15px;
}
#img_part2
{
	padding-top : 30px;
	padding-bottom : 30px;
}
#img_part3
{
	padding-bottom : 10px;
}
#lien_ss_grp
{
width : 256px;
text-align : center;
color: black;
text-decoration : none;
float : left;
font-size : 0.8em;
line-height : 20px;
margin-bottom : 10px;
}
#lien_ss_grp img
{
width : 40px;
float : left;
padding-right : 5px;
}
.act
{
	text-align : center;
	text-decoration : underline;
}
.act a
{
	color : black;
}
.plan2
{
	color : black;
	margin-left : 20px;
	font-size : 0.8em;
	display : inline-block;
}
#texte_tel a
{
	text-decoration : none;
	text-transform : uppercase;
	color : white;
}
#liens_ville
{
	height : 40px;
	overflow : auto;
}
#liens_ville h3
{
	font-size : 0.8em;
	margin : 5px;
}
#liens_ville h3 a
{
	color : black;
	text-decoration : none;
}
#a_gauche
{
	float : left;
	width : 72%;
}
#infos
{
	float : right;
	width : 26%;
}
#img_1,#img_3
{
	width : 40%;
	float : left;
	margin-right : 10px;
}
#img_2
{
	width : 40%;
	float : right;
	margin-left : 10px;
}
#img_1 a, #img_2 a, #img_3 a
{
	text-decoration : none;
	display : block;
	text-align : center;
}
#img_1 a h2,#img_2 a h2,#img_3 a h2
{
	padding : 5px;
	background-color : white;
}
#img_1 img,#img_2 img,#img_3 img
{
	width : 100%;
}
#lien_telephone
{
	font-weight : bold;
	text-align : center;	
	margin : 0 auto 10px;
	color : white;
	padding : 10px;
}
.lien_demande_devis
{
	font-weight : normal;
	font-style : italic;
	margin-top : 10px;
	font-size : 0.8em;
}
#cacher_tel
{
	display : none;
}
#cacher_tel a
{
	color : white;
	text-decoration : none;
}
#part_fetp
{
	text-align : center;
	border : 2px solid #003b78;
	margin-top : 20px;
}
#cat_pied_1
{
	max-height : 60px;
	overflow-x : auto;
}
#part_fetp a img
{
	width : 50%;
}
#rappel
{
	height : 100px;
	background-color : #e9e8e8;
	padding : 10px;
	font-size : 0.8em;
}
#titre_rappel
{
	text-align : center;
	font-weight : bold;
	font-size : 1.5em;
	margin-bottom : 10px;
}
#tel_aide 
{
	margin-top : 10px;
	margin-bottom : 5px;
}
.titre_fetp
{
	background-color : #003b78;
	text-align : center;
	padding : 5px;
	color : white;
	font-weight : bold;
}
h2
{
	text-align : center;
	text-transform : uppercase;
}
#presentation_accueil
{
	background-color :#e9e8e8;
	padding : 10px;
}
h1
{
	padding : 10px;
	text-align : center;
}
h1 a
{
	color : white;
	text-decoration : none;
}
#icones
{
	margin-top : 100px;
}
.texte_choix_gauche
{
	padding : 5px;
	font-size : 1.2em;
	font-weight : bold;
	background-color : #ff8300;
	text-align :center;
	margin-bottom : 20px;
}
#lien_ville_part
{
	float : left;
	overflow-y : scroll;
	height : 15px;
}
.lien_part_ville
{
	color : white;
	text-align : left;
	display: block
}
#ico1
{
	margin-left : 10%;
	margin-right : 2.5%;
	width : 25%;
	float : left;
}
#etoile1
{
	margin-left : 20px;
}
.lien_h1
{
	color : black;
	text-decoration : none;
}
#ico1 i,#ico2 i,#ico3 i
{
	color : #ff8300;
}
#ico1 h3,#ico2 h3,#ico3 h3
{
	color : #ff8300;
	font-size : 1.5em;
}
.mess_ok
{
	text-align : center;
	font-weight : bold;
	color : green;
	margin-top : 20px;
}
#ico2
{
	margin-right : 2.5%;
	width : 25%;
	float : left;
}
#ico3
{
	width : 25%;
	float : left;
}
#h1_actu
{
	text-align : center;
}
#bloc_actu
{
	width : 83%;
	margin-left : 7%;
	padding : 30px;
	margin-top : 20px;
	background-color : #d2d3c9;
}
#lien_dep_2
{
	overflow-y : scroll;
	height : 40px;
}
.contenu_actu
{
	width : 45%;
	float : left;
	background-color : white;
	padding : 1%;
	margin-left : 1.5%;
	margin-right : 1.5%;
	margin-bottom : 30px;
}
#contenu_liste_devis
{
	width : 83%;
	margin-left : 7%;
	padding : 30px;
	margin-top : 20px;
	background-color : #d2d3c9;
}
#contact
{
	min-height : 240px;
}
#contenu_liste_devis a
{
	display : inline-block;
	width : 18.5%;
	float : left;
	padding : 1%;
	margin : 2%;
	height : 42px;
	background-color : #fd7e00;
	text-align : center;
	border: 2px solid #fd7e00;
	color : black;
	font-weight : bold;
	text-decoration : none;
	font-size : 1.1em;
	font-family : 'roboto condensed';
	text-transform : uppercase;

}
#contenu_liste_devis a:hover
{
	background-color : white;
	color : #fd7e00;
}
.contenu_actu img
{
	width : 100%;
	height : 300px;
}
.texte_actu
{
	color : #2e2e2e;
}
.date
{
	color : #fd7e00;
	margin-bottom : 10px;
}
.contenu_actu a
{
	float : right;
	display : inline-block;
	padding : 10px 30px;
	color : black;
	text-decoration : none;
	margin-top : 20px;
	background: #f6cf00; /* Old browsers */
	background: -moz-linear-gradient(left, #f6cf00 0%, #ff5d00 100%, #fd7e00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f6cf00 0%,#ff5d00 100%,#fd7e00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f6cf00 0%,#ff5d00 100%,#fd7e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cf00', endColorstr='#fd7e00',GradientType=1 );
}
.titre_ddd
{
	font-size : 1.6em;
	letter-spacing : -1px;
	text-transform : uppercase;
	font-weight : normal;
	text-align : left;
	border-bottom : 1px dotted;
}
#map_google
{
	width : 100%;
	height : 300px;
}
#form_ddd
{
	padding : 10px;
	margin-top : 20px;
	/*background-color : #d2d3c9;*/
}
#form_ddd2
{
	width : 83%;
	margin-left : 7%;
	padding : 30px;
	margin-top : 20px;
	background-color : #d2d3c9;
	text-align : center;
}
.ddd_conn
{
	margin-top : 30px;
	margin-bottom : 30px;
}
.ddd_conn a
{
	margin : 20px auto;
	display : block;
	border : none;
	color : black;
	font-weight : bold;
	background: #f6cf00; /* Old browsers */
	background: -moz-linear-gradient(left, #f6cf00 0%, #ff5d00 100%, #fd7e00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f6cf00 0%,#ff5d00 100%,#fd7e00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f6cf00 0%,#ff5d00 100%,#fd7e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cf00', endColorstr='#fd7e00',GradientType=1 );
	text-decoration : none;
	width : 20%;
	text-align : center;
	padding : 10px;
}
#form_ddd ul
{
	margin : 0;
	padding : 0;
	text-align : left;
	list-style : none;
}
#form_ddd label
{
	float : left;
	margin-bottom : 10px;
	display : inline-block;
	font-weight : 700;
	padding : 6px 12px;
	width : 40%;
	text-align : right;
}
#form_ddd select
{
	margin-left : 20px;
	border-radius : 3px;
	font-size : 1em;
	line-height : 1.4em;
	padding : 6px 12px;
	height : 34px;
	color : #555;
	border : 1px solid #555;
	margin-bottom : 10px;
}
#form_ddd input
{
	margin-left : 20px;
	padding : 6px 12px;
	font-size : 1em;
	line-height : 1.4em;
	color : #555;
	border : 1px solid #555;
	border-radius : 3px;
	margin-bottom : 10px;
}
#form_ddd textarea
{
	margin-left : 20px;
	padding : 6px 12px;
	border : 1px solid #555;
	color : #555;
	font-size : 1em;
	border-radius : 3px;
	margin-bottom : 10px;
	width : 300px;
	height : 150px;
}
#form_ddd input[type="text"]
{
width : 300px;
}
#form_ddd input[type="submit"]
{
	float : right;
	border : none;
	color : black;
	font-weight : bold;
	background: #f6cf00; /* Old browsers */
	background: -moz-linear-gradient(left, #f6cf00 0%, #ff5d00 100%, #fd7e00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f6cf00 0%,#ff5d00 100%,#fd7e00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f6cf00 0%,#ff5d00 100%,#fd7e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cf00', endColorstr='#fd7e00',GradientType=1 );
}
.text_expli
{
	font-size : 0.8em;
}
.text_expli a
{
	color : black;
	font-weight : bold;
	text-decoration : none;
}
.text_expli a:hover
{
	text-decoration : underline;
}
#upload
{
	padding : 10px;
	font-size : 0.8em;
	text-align : left;
}
#upload .description
{
	font-size : 1.2em;
	margin-top : 20px;
	padding : 6px 12px;
}
#fichier1,#fichier2,#fichier3
{
	width : 23%;
	float : left;
	text-align : center;
	height : 230px;
	font-weight : bold;
	margin-right : 2%;
	background-color : #1e1e1e;
	color : white;
	margin-left : 2%;
}
#loading-img,#loading-img2,#loading-img3{
	margin-top:10px;
	width : 40px;
}
#essai2,#essai22,#essai23{
	background-color:white;
	color:red;
	display:none;
	position:absolute;
	border:2px solid red;
	border-radius:20px;
	margin-left:165px;
	cursor:pointer;
	width:18px
}
#imageInput,#imageInput2,#imageInput3{opacity:0}
#essai,#essai12,#essai13{background-color:grey;width:150px;border-radius:3px;color:black;margin-top:10px;position:absolute;margin-left:2%}
#btn_suite
{
	float  :right;
	width : 18%;
}
.desc_photo
{
	margin-left : 12px;
	margin-top : 10px;
	margin-bottom : 20px;
}
.rouge
{
	color : red;
	font-size : 0.9em;
	text-align : left;
	margin-bottom : 20px;
}
#logo a img
{
	/*width : 220px;*/
}
#logo
{
	margin : 20px auto;
	width : 90%;
}
#logo h2
{
	float : right;
	padding-top : 10px;
	font-style : italic;
	width : 70%;
}
.lien_texte
{
	margin : 20px auto;
	background: #f6cf00; /* Old browsers */
background: -moz-linear-gradient(left, #f6cf00 0%, #ff5d00 100%, #fd7e00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f6cf00 0%,#ff5d00 100%,#fd7e00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f6cf00 0%,#ff5d00 100%,#fd7e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cf00', endColorstr='#fd7e00',GradientType=1 );
text-decoration : none;
font-weight : bold;
display : inline-block;
padding : 10px;
color : black;
text-align : center;
}
.lien_texte:hover
{
	background : white;
	color : #fd7e00;
	border : 2px solid #fd7e00;
}
.lien_texte2
{
	color : black;
}
#lien_esp_pro
{
	float : right;
	margin-top : 20px;
	padding : 10px;
	border: 2px solid #fd7e00;
	color : #fd7e00;
	font-size : 0.9em;
	text-decoration : none;
	background-color : white;
	font-family : 'Roboto';
}
#lien_esp_pro:hover, #lien_esp_part:hover
{
	color : white;
	background-color : #fd7e00;
}
nav
{
	width : 100%;
	height : 50px;
}
nav, nav a, nav li, nav ul, nav div
{
	margin : 0;
	padding : 0;
	border : none;
	outline : none;
}
nav .ul_1
{
	width : 1024px;
	list-style :none;
	margin : 0 auto;
}
nav .ul_1 .li_1,nav .ul_1 .accueil
{
	display : block;
	float : left;
	text-align : center;
	height : 50px;
	padding: 0 20px 0 20px;
}
.accueil a
{
	color : white;
	text-decoration : none;
	text-shadow : 2px 2px 1px black;
	height : 50px;
	vertical-align : middle;
	display : inline;
	line-height : 50px;
}
nav li
{
	list-style : none;
}
nav .ul_1 .li_1 a
{
	color : white;
	font-size : 15px;
	text-decoration : none;
	text-shadow : 2px 2px 1px black;
	height : 50px;
	vertical-align : middle;
	display : inline;
	line-height : 50px;
}
#mega_menu1
{
	width : 100%;
	z-index : 500;

}
nav > ul > li > div
{
position:absolute;
display:block;
width:100%;
z-index:80;
opacity:0;
visibility:hidden;
overflow:hidden;
/*border:2px solid #dfaf59;*/
background:white;
border-radius:0 0 3px 3px;
width:100%;
left : 0;
color:#353131;
-webkit-transition:all .3s ease .15s;
-moz-transition:all .3s ease .15s;
-o-transition:all .3s ease .15s;
-ms-transition:all .3s ease .15s;
transition:all .3s ease .15s
}
nav > ul > li:hover > div
{
opacity:1;
visibility:visible;
overflow:visible
}
#col_1,#col_2,#col_3,#col_4,#col_11,#col_21,#col_31
{
float:left;
padding:0.5%;
font-size : 10px;
}
nav .ul_1 .li_1 h3
{
	background-color : white;
	color : black;
	font-size : 1.2em;
	border-bottom : 1px dashed black;
}
nav .ul_1 .li_1 h3 a
{
	color : black;
	text-shadow : none;
	line-height : normal;
}
#col_2
{
width:13%;
margin:0;
color:#dfaf59;
margin-bottom:15px;
}
#col_2 ul li
{
	line-height : normal;
	text-align : left;
	list-style-position: outside;
	height : auto;
	margin-bottom : 5px;
}
#col_2 ul li a
{
	font-size : 1.2em;
	line-height : normal;
	color : black;
	text-shadow : none;
}
#col_2 > ul > li:hover 
{
	background-color : black;
}
#col_2 > ul > li:hover a
{
	color : white;
	text-shadow : none;
}
#titre_haut
{
	font-weight : bold;
	font-size : 2em;
	text-align : center;
	float : left;
	margin-top : 50px;
	width : 60%;
	font-family : 'roboto';
}
#lien_esp_part
{
	float : right;
	margin-top : 20px;
	padding : 10px;
	border : 2px solid #fd7e00;
	color : #fd7e00;
	font-size : 0.9em;
	text-decoration : none;
	background-color : white;
	margin-right : 10px;
	font-family : 'Roboto';
}
#menu
{
	background-color : #013c78;
	color : white;
	padding : 10px;
	box-shadow : 0 4px 5px grey;
	clear : both;
	font-family : 'roboto';
}
.ss_menu
{
	font-weight : bold;
	float : right;
	width : 20%;
	text-align : center;
	margin-top : 10px;
	font-weight : bold;
	margin-bottom : 10px;
}
.ss_menu a
{
	color : white;
	text-decoration : none;
	font-family : 'roboto';
}
.ss_menu a:hover
{
	cursor : pointer;
	color : #fd7e00;
}
.clear
{
	clear: both;
}
#haut_acc
{
	width : 100%;
	background-image : url('../img/renovation_maison.jpg');
	background-repeat : no-repeat;
	background-size: cover;
	height : 400px;
}
#choix_acc
{
	background-color : white;
	padding : 10px;
	position : absolute;
	opacity : 0.8;
	font-size : 1em;
	margin-top : 20px;
	margin-left : 50%;
	width : 40%;
}
.choix_gauche
{
	background-color : white;
	padding : 10px;
	position : absolute;
	background: rgba(255, 255, 255, 0.8);
	font-size : 1em;
	margin-top : 20px;
	margin-left : 5%;
	width : 40%;
	float : left;
}
#form_rech
{
	margin-top : 20px;
	margin-bottom : 20px;
	background-color : #fd7e00;
	padding : 10px;
	background: rgba(253, 126, 0, 1);
}
#form_rech input[type="text"]
{
	padding : 5px;
	width : 60%;
	margin-top : 10px;
	margin-bottom : 10px;
}
#form_rech button
{
	float : right;
	width : 35%;
	background-color : #131313;
	color : white;
	border : none;
	margin-top : -40px;
	padding : 18px 10px;
	font-size : 1.2em;
}
#serv_part
{
	text-align : center;
}
#serv_part a
{
	color : #131313;
	font-size : 1.4em;
	border : 2px solid #131313;
	padding : 8px;
	text-decoration : none;
	display : inline-block;
}
.lien_choix_acc
{
	margin-top : 10px;
}
.lien_choix_acc a
{
	color : black;
	text-decoration : none;
}
.h1_acc
{
	margin : 0 auto;
	color : white;
	text-shadow : 0 0 14px black;
	padding-top : 20px;
	text-align : center;
}
.h2_acc
{
	text-align : center;
}
#etap
{
	width : 33%;
	float : left;
	text-align : center;
}
.rond
{
	height : 180px;
	width : 180px;
	border : 5px solid white;
	border-radius : 100px;
	box-shadow : 2px 2px 10px;
	text-align : center;
	background-color : #d2d2d2;
	margin : 0 auto;
}
#form_ddd label
{
	text-align : left;
}
.num_ccm
{
	font-size : 2.2em;
	text-align : center;
	margin: 10px auto;
	width : 40px;
	border-radius : 30px;
	height : 40px;
	font-weight : bold;
	border : 3px solid;
	color : #013c78;
}
.txt_etap
{
	padding : 0 10px;
	text-align : center;
	font-weight : bold;
}
.img_acc
{
	float: right;
	width : 40%;
	margin-left : 5%;
}
#expli_acc
{
	padding : 5%;
}
.lien_ddd
{
	background-color : #fd7e00;
	color : white;
	text-decoration : none;
	padding : 10px;
	border-radius: 20px;
}
.bandeau_pro
{
	width : 100%;
	color : white;
	clear : both;
	background-color : #013c78;
	font-size : 1.2em;
	text-align : center;
	padding-top : 10px;
	padding-bottom : 10px;
}
.col_pied
{
width : 25%;
float : left;
}
.bandeau_pro a
{
	font-size : 0.8em;
	text-decoration : none;
	padding : 10px;
	border : 2px solid white;
	color : white;
	/*float : right;
	margin-top : 2.4em;*/
}
.bandeau_pro a:hover
{
	background-color : white;
	color : #fd7e00;
}
#footer_acc
{
	/*background-color : #797d7f;*/
	text-align : center;
	margin-top : 50px;
	/*padding-bottom : 20px;*/
}
#pied_1
{
	padding-top : 20px;
	background-color : #939393;
}
#col_pied
{
	float : left;
	font-size : 10px;
	width : 13%;
	margin : 0;
	padding : 0.5%;
}
#col_pied ul
{
	list-style : none;
	padding : 0;
	margin : 0;
	font-size : 1.1em;
}
#col_pied ul li
{
	padding : 3px;
}
#col_pied ul li a
{
	color : black;
	text-decoration : none;
}
#col_pied ul li a:hover
{
	text-decoration : underline;
}
#footer_acc h3
{
	font-size : 1.8em;
	margin : 0;
}
#footer_acc h4
{
	font-size : 1.5em;
}
#footer_acc h4 a
{
	color : black;
	text-decoration : none;
}
#contenu_part
{
	text-align : center;
	min-height : 500px;
}
#contenu_part h1
{
	font-family : 'Roboto Condensed';
	font-size : 2.5em;
}
.titre_orange
{
	padding : 5px 2px 5px 15px;
}
#fa_bas
{
	text-align : center;
	margin-top : 20px;
	margin-bottom : 20px;
}
#contenu_part ul
{
	list-style : none;
}
#lien_dep
{
	max-height : 240px;
	overflow-y : auto;
	margin-bottom : 20px;
}
#lien_dep a
{
	display : block;
	color : grey;
	font-size : 0.8em;
	text-decoration : none;
}
#lien_dep_2 a
{
	display : inline-block;
	color : grey;
	font-size : 0.8em;
	text-decoration : none;
	width : 33%;
}
#footer_bas
{
	background-color : #131313;
	color : white;
	padding : 10px;
	font-size : 0.8em;
}
#footer_bas a
{
	color : white;
}
#bloc1
{
	margin-bottom : 100px;
}

#texte1,#texte3
{
	float : right;
	width : 55%;
	margin-top : 80px;
	max-height : 280px;
	overflow-x : auto;
}

#texte2
{
	float : left;
	width : 55%;
	margin-top : 80px;
	max-height : 280px;
	overflow-x : auto;
}
#texte1 h2
{
	margin-top : 0;
	font-family : 'Roboto Condensed';
	font-size : 2em;
	color : #fd7e00;
}
#bloc1 img
{
	position : absolute;
	width : 40%;
	left : 50%;
	margin-top : 200px;
}
#bloc2
{
	margin-bottom : 100px;
	margin-top : 100px;
}
#texte2 h2
{
	margin-top : 0;
	font-family : 'Roboto Condensed';
	font-size : 2em;
	color : #fd7e00;
}
#bloc2 img
{
	position : absolute;
	width : 40%;
	right : 50%;
	margin-top : 200px;
}
#bloc3
{
	margin-bottom : 100px;
	margin-top : 100px;
}
#texte3 h2
{
	margin-top : 0;
	font-family : 'Roboto Condensed';
	font-size : 2em;
	color : #fd7e00;
}
#bloc3 img
{
	position : absolute;
	width : 40%;
	left : 50%;
	margin-top : 200px;
}
#lien_annu
{
	background-color : #fd7e00;
	width : 100%;
	padding : 70px 0 70px;
	text-align : center;
	color : white;
	font-size : 2em;
	font-family : 'Roboto condensed';
}
#lien_annu a
{
	padding : 10px;
	display : inline-block;
	color : white;
	text-decoration : none;
	margin-top : 20px;
	background-color :#003b78;
}
#lien_annu a:hover
{
	color : #003b78;
	background-color : white;
}
#bloc_devis
{
	background-color : #003b78;
	width : 100%;
	padding : 0px 0 70px;
	text-align : center;
	color : white;
	font-size : 2em;
	margin-top : 240px;
	font-family : 'Roboto condensed';
}
#bloc_devis::before
{
 display : block;
 content : '';
 width : 110%;
 position : relative;
 top : -170px;
 left : -80px;
 background-color : white;
 height : 260px;
 -webkit-transform : rotate(355deg);
}
#bloc_devis a
{
	padding : 10px;
	display : inline-block;
	color : white;
	text-decoration : none;
	margin-top : 20px;
	background-color :#fd7e00;
}
#bloc_devis a:hover
{
	color : #fd7e00;
	background-color : white;
}
#fil_ariane
{
	color : grey;
}
#fil_ariane a
{
	color : grey;
	text-decoration : none;
}
#fil_ariane a:hover
{
	text-decoration : underline;
}
#logo_mob
{
	display : none;
}
#bandeau_bas
{
	display : none;
}
#avis_client
{
	background-color : #c7c7c7;
	margin-top : 50px;
	color : black;
	padding : 10px;
}
.titre_avis
{
	color : black;
	font-weight : bold;
	font-size : 1.6em;
	margin-bottom : 20px;
}
#notation
{
	color : #f90;
	font-size : 30px;
	vertical-align : top;
	font-weight : bold;
	margin-bottom : 20px;
}
#notation img
{
	vertical-align : middle;
	height : 35px;
	margin-left : 5px;
	margin-right : 5px;
}
.nbre_avis
{
	color : grey;
	font-size : 0.6em;
	font-weight : normal;
}
.avis_cli img
{
	height : 18px;
	margin-left : 5px;
}
.nom_avis
{
	text-decoration : underline;
}
.avis_cli
{
	margin-bottom : 20px;
}
#page_avis a
{
	padding : 10px;
	background-color : #1e1e1e;
	color : white;
	text-decoration : none;
}
#page_avis a:hover
{
	color : #1e1e1e;
	background-color : white;
}
#page_avis
{
	margin-bottom : 10px;
}
.icon
{
	display : none;
}
#page_centrale
{
	padding-top : 20px;
}
@media (max-width: 768px)
{
#logo h2
{
	display : none;
}
#page_centrale
{
	padding-top : 125px;
}	
#img_1,#img_2,#img_3
{
	float : none;
	width : auto;
}	
#ico1,#ico2,#ico3
{
	width : 90%;
	margin-left :5%;
	margin-right : 5%;
	float : none;
	margin-bottom : 20px;
}
nav .ul_1
{
	width : 100%;
	text-align : center;
	margin-top : 20px;
}
#col_2
{
	width : 45%;
}
#infos
{
	float : none;
	width : 100%;
}
#a_gauche
{
	float : none;
	width : 100%;
}
nav .ul_1 .accueil,nav .ul_1 .li_1
{
	display : none;
}
nav .ul_1 .accueil,nav .ul_1 .li_1
{
	float : none;
}
.icon
{
	display : block;
}
#icones
{
	margin-top : 30px;
}
#bandeau_bas
{
	display : block;
	position : fixed;
	bottom : 0;
	left : 0;
	background-color : #dfaf59;
	z-index : 999999;
	width : 100%;
}
#ban_tel
{
	float : left;
	width : 33%;
	text-align : center;
	font-family : arial;
	padding-top : 10px;
	padding-bottom : 10px;
}
#ban_mail
{
	float : left;
	width : 33%;
	text-align : center;
	font-family : arial;
	padding-top : 10px;
	padding-bottom : 10px;
}
#ban_ddd
{
	float : left;
	text-align : center;
	font-family : arial;
	width : 33%;
	padding-top : 10px;
	padding-bottom : 10px;
}
#ban_tel a,#ban_mail a,#ban_ddd a
{
	color : black;
	text-decoration : none;
	font-weight : bold;
}
#logo
{
	display : none;
}
#logo_mob
{
	display : block;
	position : fixed;
	background-color : white;
	width : 100%;
	top : 0;
	z-index : 999999;
}
#lien_logo_mob
{
	display : inline-block;
	margin : 5px 0px 0;
	width : 100%;
	text-align : center;
}
#menu_mob
{
	margin-top : 10px;
	margin-left : 10px;
	float : left;
}
#menu_mob a
{
	color : #003b78;
	cursor : pointer;
}
#menu
{
	display : block;
	margin-top : 80px;
	z-index : 99999;
	position : fixed;
}
#contenu_menu_mob
{
	position : fixed;
	margin-top : 50px;
	background-color : white;
	padding : 5px;
	z-index : 200;
	display : none;
}
#contenu_menu_mob ul
{
	list-style : none;
	margin : 0;
	padding : 0;
}
#contenu_menu_mob li
{
	padding : 5px;
}
#contenu_menu_mob a
{
	text-decoration : none;
	color : black;
}
#contenu_menu_mob a:hover
{
	font-weight : bold;
}
.h1_acc
{
	padding-top : 10px;
	font-size : 1.5em;
}
.choix_gauche
{
	display : none;
}
#choix_acc
{
	width : 100%;
	font-size : 0.9em;
	margin-left : 0;
	margin-top :0;
}
#bloc_devis::before
{
	display : none;
}
#bloc_devis
{
	margin-top : 20px;
	padding-top : 30px;
}
.col_pied
{
	width : 100%;
	float : none;
	height : 90px;
	overflow-y : scroll;
}
#contenu_part h1
{
	font-size : 1.9em;
	line-height : 1.8em;
}
#texte1,#texte2,#texte3
{
	float : none;
	width : 92%;
	margin: 0;
	padding : 2%;
}
#bloc1 img,#bloc2 img,#bloc3 img
{
	position : relative;
	width : 90%;
	left : 0;
	margin-top : 10px;
}
#form_ddd input[type="text"]
{
	width : 80%;
}
#form_ddd textarea
{
	width : 80%;
}
#form_ddd select
{
	font-size : 0.8em;
}
#fichier1,#fichier2,#fichier3
{
	width :80%;
	float : none;
	margin-top : 10px;
}
#btn_suite
{
	margin-top : 920px;
}
#form_ddd label
{
	width : 100%;
}
#contenu_liste_devis a
{
	width : auto;
	height : auto;
}
.bandeau_pro a
{
	display : inline-block;
	margin-top : 10px;
}
#haut_acc
{
	margin-top : 50px;
}
#contenu_part
{
	margin-top : 50px;
}
}
.slider_container{ width:920px; margin:20px auto; clear:both; background:url(../images/shadow_top.png) no-repeat top center; padding:0px 0 0 0;}
.flex-caption{ position: absolute; right:11px; bottom:20px;}
.caption_title_line{ width:450px; height:75px; padding:5px 15px 10px 15px;background:url(../images/slider_caption_bg.png) repeat;color: #303030;}
.flex-caption h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'roboto', serif;}
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; margin: 0; padding: 0 0 30px 0;background:url(../images/shadow_bottom.png) no-repeat center bottom;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; border:10px #ededed solid;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}
 
/* Direction Nav */
.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(../images/next.png) no-repeat center; bottom:184px;}
.flex-direction-nav li a.prev {background:url(../images/prev.png) no-repeat center;bottom:141px;}
.flex-direction-nav li a.next:hover {background:url(../images/next_a.png) no-repeat center;}
.flex-direction-nav li a.prev:hover {background:url(../images/prev_a.png) no-repeat center;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
 
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

@media screen and (max-width: 1000px) {
.slider_container{ width:90%; margin:0 0 0 2%; clear:both; background:none; padding:120px 0 0 0;}
.flexslider {width: 100%; margin: 0; padding:0 0 30px 0;background:none;}
.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:-10px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(../images/next.png) no-repeat center; bottom:85px;}
.flex-direction-nav li a.prev {background:url(../images/prev.png) no-repeat center;bottom:40px;}
.flex-caption { display:none;}
}