body
{
margin : 0;
padding : 0;
font-family : 'roboto',verdana;
font-size : 1em;
}
h1
{
	font-size : 1em;
	padding : 0;
	margin : 0;
}
#texte_ca
{
	min-height : 80px;
	margin-top : 20px;
	color : black;
}
.mess_err
{
	color : #00ff00;
}
#avis_real
{
	background-color: white;
	margin-bottom : 30px;
	padding-bottom : 10px;
}
#notation_real
{
	font-size: 3em;
	color : #f90;
	font-weight : bold;
	vertical-align : top;
	padding-left : 10px;
}
#notation_real img
{
	vertical-align : middle;
	height : 40px;
	margin-left : 5px;
	margin-right : 5px;
}
.vign_realc h3
{
	margin-top : 0;
	margin-bottom : 0;
	color : black;
	font-size : 0.9em;
	background-color : #252636;
	padding : 5px;
}
#colonne_dr_realc
{
	float : right;
	width : calc(25% - 20px);
	margin-top : 30px;
	padding : 10px;
	background-color : #252636;
	color : white;
}
#titre_charge_aff
{
	color : black;
	font-weight : bold;
	padding : 10px;
	text-decoration : underline;
}
#charge_aff_realc
{
	background-color : white;
	text-align : center;
}
#titre_contact_ag
{
	text-align : center;
	font-size : 1.5em;
	background-color : white;
	color : black;
	padding : 10px;
	margin-bottom : 20px;
}
#img_profil
{
	float : left;
	width : 40%;
}
#img_profil img
{
	width : 100%;
	margin-left : 10px;
}
#nom_charge_aff
{
	color : black;
	margin-top : 50px;
}
#autres_realc
{
	width : 80%;
	margin-left : 10%;
}
#titre_autres_realc
{
	font-size : 1.5em;
	text-decoration : underline;
	font-weight : bold;
	margin-bottom : 30px;
}
.act_ag label
{
	margin-left : 10%;
	font-weight : bold;
	color : white;
	margin-top : 10px;
	display : inline-block;
	font-size : 1em;
}
.act_ag input[type="text"]
{
	height : 40px;
	border : 1px solid #979797;
	padding-left : 30px;
	border-radius : 5px;
	margin-left : 10%;
	margin-top : 10px;
	width : calc(80% - 30px);
}
.ta_contact
{
	height : 100px;
	margin-left : 10%;
	width : 70%;
	border : 1px solid #979797;
	border-radius : 5px;
	padding-left : 30px;
	padding-top : 10px;
	margin-top : 10px;
}
.pj_contact
{
	margin-top : 10px;
	margin-left : 10%;
}
.act_ag input[type="submit"]
{
	border : 2px solid #dfaf59;
	background-color : #dfaf59;
	padding : 10px;
	clear : both;
	display : block;
	margin-left : 10%;
	margin-top : 20px;
	width : 180px;
	font-weight : bold;
}
.act_ag input[type="submit"]:hover
{
	color : #dfaf59;
	background-color : white;
}
#fil_ariane_realc
{
	font-size : 0.8em;
}
#fil_ariane_realc a
{
	color : grey;
}
#realc_img_princ img
{
	width : 80%;
	margin-left : 10%;
}
#date_publi_realc
{
	margin-left: 10%;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight : bold;
}
#vign_detail_realc
{
	width : 80%;
	margin-left : 10%;
}
.vign_realc_1
{
	width : 18%;
	float : left;
	margin-left : 2%;
	margin-top : 10px;
}
.vign_realc_1 img
{
	width : 100%;
	height : 120px;
}
.detail_realc
{
	margin-left : 10%;
	margin-bottom : 20px;
	background-color : #c4c4c4;
	padding : 20px;
	width : 80%;
}
.det_realc
{
	width : 100%;
	float : left;
	margin-bottom : 10px;
}
#h2_2_realc h2
{
	text-decoration : underline;
}
#faq
{
	margin-top: 30px;
	margin-bottom : 30px;
}
#titre_tableau
{
	margin-top : 30px;
	margin-bottom : 10px;
	text-decoration : underline;
	font-weight : bold;
}
.titre_ag_realc
{
	font-size : 2em;
	float: left;
	border-bottom : 2px solid black;
	margin-top : 50px;
}
.vign_realc
{
	float : left;
	width : 22%;
	margin-top : 30px;
	text-align : center;
	margin-right : 1%;
}
.vign_realc img
{
	width : 100%;
	height : 200px;
}
.ville_realc
{
	background-color : #dfaf59;
	color : black;
	font-weight : bold;
	padding : 5px;
}
#tabeau_esti
{
font-size : 0.8em;
width : 100%;
border-collapse : collapse;
}
#tabeau_esti tr:first-child
{
	background-color : black;
	color : white;
}
#tabeau_esti tr td,#tabeau_esti tr th
{
	padding : 5px;
	text-align : center;
}
#tabeau_esti tr:nth-child(even)
{
	background-color : #f5f5f5;
}
#tabeau_esti tr th
{
	font-weight : 400;
}
#fonctionnement img
{
	width : 50%;
	float : left;
}
#avis_google
{
	background-color : white;
	padding : 5px;
	width : 80%;
	text-align :center;
	margin : 10px auto;
	border-radius : 20px;
}
#avis_google img
{
	height : 25px;
	margin-top: 5px
}
.Note_agence
{
	vertical-align : super;
	height : 25px;
	margin-top : 5px;
	color : black;
	font-weight : bold;
}
.bloc_actu
{
	float : left;
	width : calc((97% - 60px) / 3);
	margin-right : 1%;
	padding : 10px;
	box-shadow : grey 0px 0px 2px;
}
.bloc_actu img
{
	width : 100%;
}
.contenu_actu
{
	height : 80px;
	overflow-y :auto;
	font-size : 0.8em;
}
.date_actu
{
	font-size : 0.8em;
	float : right;
	margin-right : 20px;
	color : grey;
}
.bloc4_accueil
{
	float : left;
	width : 24%;
	margin-left : 1%;
	background-color : black;
}
.bloc4_accueil img
{
	width : 100%;
}
.bloc4_prix
{
	text-align : center;
	font-weight : bold;
	min-height : 40px;
	background-color : #dfaf59;
	padding : 10px;
}
.bloc_equipes
{
	width : 32%;
	float : left;
	margin-right : 1%;
	margin-bottom : 20px;
}
.ss_titre
{
	background-color : #dfaf59;
	width : 100px;
	height : 4px;
	margin-bottom : 50px;
}
.titre_accueil
{
	font-size : 2em;
	margin-top : 50px;
}
.bloc_equipes img
{
	width : 100%;
}
#lien_groupe_soco img
{
	vertical-align : middle;
	height : 30px;
	margin-right : 10px;
	margin-left : 10px;
}
#infos_ville
{
	border : 2px solid #e8e9e9;
	margin-bottom : 20px;
	padding : 10px;
}
#titre_infos_ville
{
	text-align : center;
	font-size : 1.5em;
	margin-bottom : 20px;
}
#date_estimation
{
	float : right;
	font-size : 0.8em;
	font-style : italic;
	margin-top : 10px;
}
#btn_estimation
{
	text-align : center;
	background-color : #dfaf59;
	padding : 10px;
	margin-right : 10px;
}
#notation_agence
{
	display :inline;
}
#notation_agence img
{
	vertical-align : middle;
}
#btn_estimation a
{
	color : black;
	font-weight : bold;
}
#btn_estimation a:hover
{
	color : white;
}
.i_moins
{
	display : none;
}
#titre_faq
{
	text-align : center;
	text-decoration : underline;
	font-size : 2em;
	margin-bottom : 20px;
}
.question_faq
{
	border : 1px solid grey;
	padding : 10px;
	font-size : 1.2em;
	box-shadow : black 0px 0px 5px;
	margin-bottom : 10px;
	line-height : 2em;
}
.reponse_faq
{
	display : none;
	color : grey;
	line-height : initial;
}
.question_faq svg
{
	float : right;
	color : black;
	cursor: pointer;
}
.question_faq svg:hover
{
	color: #dfaf59;;
}
#titre_esti
{
	font-size : 2em;
	text-align : center;
	margin-top : 30px;
	text-decoration : underline;
}
#ss_titre_esti
{
	margin-bottom : 20px;
	margin-top : 10px;
	text-align : center;
}
.icon_esti
{
	width : 40px;
	height : 40px;
	float : left;
	vertical-align : top;
	margin-right : 10px;
	border-radius : 20px;
	background-color : white;
	padding :2px;
	margin-bottom : 10px;
}
.text_esti
{
	margin-left : 52px;
}
.carre_esti
{
width : calc((100% - 60px)/2);
float : left;
padding : 10px;
background-color : #e8e9e9;
line-height : 1.5em;
margin-right : 10px;
margin-bottom : 10px;
min-height : 150px;
}
.titre_prix_esti
{
	margin-top : 10px;
	font-weight : bold;
	margin-bottom : 10px;
}
.prix_esti
{
	font-size : 1.5em;
	display : inline-block;
	margin-top : 5px;
}
#bandeau_haut
{
width : 100%;
background-color : #dfaf59;
height : 50px;
}
#bandeau_menu
{
width : 100%;
background-color : #252636;
height : 100px;
z-index : 50;
}
#int_bandeau
{
	padding-left : 50px;
	padding-right : 50px;
}
#logo
{
	float : none;
	margin : 0 auto;
	text-align : center;
	position: absolute;
	left : 50%;
	z-index : 9998;
	margin-top : -30px;
}
#logo img 
{
	margin-left : -90px;
	box-shadow: 0px 5px 10px grey;
}
#menu_gauche
{
	width : 49%;
	float: left
}
#menu_droite
{
width : 49%;
float : left;
margin-right : 0;
}
#menu_g_int
{
	margin-right : 81px;
	float : right;
}
#menu_d_int
{
	margin-left : 110px;
}
#nav_droite
{
text-align : right;
}
.ul_1
{
	list-style : none;
	padding : 0;
	margin : 0;
}
.li_1
{
	float : left;
	line-height : 100px;
	height : 100px;
	padding-right : 10px;
	padding-left: 10px;
}
.li_1 a
{
	text-decoration : none;
	color : #efefef;
}
.ul_1 .li_1 ul {
	position: absolute;
	padding: 0;
	margin: 0;
	list-style: none;
	max-height: 0;
	overflow: hidden;
	transition: 0;
	z-index : 9999;
}

.ul_1 .li_1:hover ul {
	max-height: 50em;
	transition: 1s;
}
.ul_1 .li_1 a:hover
{
	border-bottom : 3px solid #dfaf59;
}
.ul_1 .li_1 ul li
{
	line-height  : 30px;
	padding-left : 10px;
	background-color : white;
	opacity : 1;
	padding-right : 10px;
	text-align : left;
}
.ul_1 .li_1 ul li a
{
	color : grey;
	font-size : 0.9em;
}
.ul_1 .li_1 ul li:hover
{
	background-color : white;
	opacity : 1;
}
.ul_1 .li_1 ul li:hover a
{
	color : black;
}
#bandeau_haut_int
{
	width : 42%;
	float : right;
}
#ban_haut_tel,#ban_haut_mail,#ban_haut_adresse
{
	width : 33%;
	float : left;
}
#ban_haut_tel a,#ban_haut_mail a,#ban_haut_adresse a
{
	color : black;
	text-decoration : none;
}
#ban_haut_tel svg,#ban_haut_mail svg,#ban_haut_adresse svg
{
	height : 50px;
	float : left;
	margin-right : 10px;
}
.text_ban
{
	font-weight : bold;
	margin-top: 5px
}
.ban_petit
{
font-size : 0.8em;
font-style : italic;
font-weight : normal;
}
.text_ban2
{
	font-weight : bold;
	margin-top: 15px
}
#ban_haut_tel a:hover,#ban_haut_mail a:hover
{
	color : white;
}
#page_centrale
{
	width : 96%;
	margin : 0 auto;
	font-family : 'roboto';
}
#a_gauche
{
	float : left;
	width : 72%;
}
#presentation_accueil
{
	font-family:'roboto';
	padding : 10px;
	background-color : #e9e8e8;
}
.titre_maison
{
	margin : 10px auto;
	text-align : center;
	font-family : 'roboto';
	padding : 5px;
	background-color : #dfaf59;
	color : black;
	width : 80%;
	font-size : 2em;
}
.detail_fonc
{
	margin : 10px 0;
	font-size : 1.2em;
	background-color : #e9e8e8;
	padding : 10px;
	color : #3e3b3b;
}
#phrase_fonc
{
	font-size : 1.6em;
	background-color : #dfaf59;
	text-align : center;
	font-weight : bold;
	padding : 5px;
}
.act
{
	font-size : 1.2em;
	text-align : center;
	color : #dfaf59;
}
#lien_act
{
	color : #dfaf59;
	text-decoration : none;
}
#liens_ville
{
	width : 100%;
	height : 20px;
	overflow-y :scroll;
	padding-top : 10px;
}
#liens_ville h3
{
	margin : 0;
	padding : 0;
}
#liens_ville h3 a
{
	color : black;
	text-decoration : none;
	display : inline-block;
	text-align : left;
	font-size : 0.8em;
}
#avis_client
{
	margin-top : 20px;
	width : 95%;
	border : 2px solid #d9d9d9;
	padding: 5px;
}
#avis_client_real
{
	margin-top : 20px;
	width : 80%;
	border : 2px solid #d9d9d9;
	padding: 20px;
	margin-left : 10%;
	margin-bottom : 50px;
}
.titre_avis
{
	font-weight : bold;
	font-size : 1.5em;
}
#notation
{
	color : #f90;
	font-size : 3em;
	font-weight : bold;
	vertical-align : top;
}
#notation img
{
	vertical-align : middle;
	height : 40px;
	margin-left : 5px;
	margin-right : 5px;
}
.nbre_avis
{
	color : grey;
	font-size : 0.4em;
	font-weight : normal;
}
.avis_cli
{
	margin-top : 10px;
	margin-bottom : 10px;
}
.nom_avis
{
	font-weight : bold;
}
.date_avis
{
	float : right;
	font-style: italic;
}
.avis_cli img
{
	height : 30px;
}
#page_avis a
{
	text-decoration : underline;
	font-style : italic;
	font-weight : bold;
}
#depot_avis
{
	background-color : #dfaf59;
	padding : 10px;
	text-align : center;
	margin : 0 auto;
	font-weight : bold;
	width : 50%;
}
#depot_avis a
{
	color : black;
	text-decoration : none;
}
#infos
{
	width : 25%;
	float : right;
}
#titre_soco h2
{
	text-align : center;
	text-transform : uppercase;
	font-size : 1.8em;
}
#pers_co
{
	text-align : center;
	font-style : italic;
}
#lien_devistravaux
{
padding : 5px;
background-color : #dfaf59;
text-align : center;
margin : 0 auto 10px;
width : 95%;
border-radius : 5px;
font-weight : bold;
}
.img_left
{
	float : left;
	margin-left : 10px;
}
#lien_devistravaux a h2
{
	color : black;
	font-size : 1.2em;
	text-transform : uppercase;
	margin : 10px auto;
}
#lien_devistravaux a
{
	color : black;
	text-decoration : none;
	font-size : 1.2em;
	cursor : pointer;
	font-weight : bold;
}
#lien_telephone
{
	width : 95%;
	background-color : #dfaf59;
	text-align : center;
	margin : 0 auto 10px;
	border-radius : 5px;
	font-weight : bold;
	padding : 5px;
}
#lien_telephone a h2
{
	color : black;
	font-size : 1.2em;
	text-transform : uppercase;
	margin : 10px auto;

}
.lien_demande_devis
{
	text-decoration : underline;
	font-size : 1em;
	font-style : italic;
}
#cacher_tel,#cacher_tel2
{
	display : none;
}
#code_postal
{
	border-radius : 10px 0 0 10px;
	padding : 5px;
	border : none;
	font-size : 1.1em;
	height : 15px;
	margin-left : 45px;
}
#aff_tel
{
	font-size : 1.8em;
	background-color : white;
}
.btn-success
{
	height : 25px;
	font-size : 1em;
	background-color : grey;
	border : none;
	margin-left : -5px;
}
.btn-success:hover
{
	background-color : white;
}
#result_tel
{
	text-decoration : underline;
}
#result_tel_err
{
	color : red;
}
#titre_nos_agences
{
	font-size : 2em;
	float : left;
	border-bottom : 2px solid black;
	margin-top : 50px;
}
.bloc_agence
{
	margin-top : 20px;
	margin-bottom : 20px;
	background-color : #e8e9e9;
	box-shadow : grey 0px 0px 10px;
	border-radius : 20px;
}
.coin_gauche
{
 display : inline-block;
 height : 0;
 width : 0;
 border-top : 150px solid #dfaf59;
 border-right : 150px solid transparent;
 float : left;
}
.coin_gauche svg
{
	position : absolute;
	display : block;
	margin-top : -125px;
	margin-left : 30px;
}
.titre_bloc_agence
{
	font-size : 2em;
	padding-top : 20px;
	padding-bottom : 20px;
}
.adresse_bloc_agence
{
	color : grey;
	width : 28%;
	float : left;
}
.titre_adresse_agence,.titre_resp_agence,.titre_horaires_agence
{
	font-size : 1.2em;
	color : black;
	font-weight : bold;
	margin-bottom : 10px;
	display : block;
}
.resp_bloc_agence,.horaires_bloc_agence
{
	color : grey;
	width : 28%;
	float : left;
}
.devis_bloc_agence,.tel_bloc_agence
{
	float : right;
	background-color : #dfaf59;
	padding : 10px;
	border-radius : 10px;
	margin-right : 30px;
	margin-bottom : 20px;
	margin-top : 30px;
}
.devis_bloc_agence a,.tel_bloc_agence a
{
	color : black;
	font-weight : bold;
	text-decoration : none;
}
.devis_bloc_agence a:hover
{
	color : white;
}
#cacher_tel3
{
display : none;
}
.essai_cp
{
	background-color : white;
	display : block;
	text-decoration : none;
	padding : 5px;
	margin-top : 10px;
	color : blue;
	border-radius : 5px;
}
.h5_telephone
{
	margin : 10px;
	padding : 0;
	letter-spacing : -1px;
	text-transform : uppercase;
	font-size : 1.5em;
}
#rappel
{
	background-color : #191919;
	border-radius : 5px;
	padding : 10px;
	height : 100px;
	color : white;
}
#titre_rappel
{
	text-align : center;
	font-size : 1.5em;
	font-weight : bold;
	color : #dfaf59;
}
#tel_aide
{
	width : 150px;
}
#dispo_tel
{
	width : 150px;
	margin-top : 5px;
}
#infos_contact
{
	margin-top : 10px;
	margin-bottom : 10px;
	background-color : #191919;
	border-radius : 5px;
	color : white;
	padding : 10px;
	text-align : center;
}
#titre_contact
{
	font-size : 1.5em;
	font-weight : bold;
	padding-top : 10px;
	padding-bottom : 10px;
}
.orange
{
	color : #dfaf59;
}
hr
{
	border : 2px solid #dfaf59;
}
#google_maps
{
	background-color : #191919;
	border-radius : 5px;
	color : white;
	padding : 10px;
	text-align : center;
	margin-top : 0;
	margin-bottom : 0;
}
.titre_contact
{
	font-size : 1.2em;
	font-weight : bold;
	padding-top : 10px;
	padding-bottom : 10px;
}
#part_fetp
{
	text-align : center;
	border : 2px solid #003b78;
	width : 50%;
	margin : 20px auto 0;
}
.titre_fetp
{
	background-color : #003b78;
	padding : 5px;
	text-align : center;
	font-size : 1.2em;
	font-weight : bold;
	color : white;
}
#part_fetp a img,#part_enfintrouve a img
{
	width : 80%;
}
#part_enfintrouve
{
	text-align : center;
	border : 2px solid #b38736;
	width : 50%;
	margin : 0px auto;
}
.titre_enfintrouve
{
	background-color : #b38736;
	padding : 5px;
	text-align : center;
	font-size : 1.2em;
	font-weight : bold;
	color : white;
}
#part_enfintrouve a
{
	color : black;
	font-size : 0.6em;
}
#nbre_vu
{
	font-style : italic;
	float : right;
	font-weight : bold;
	margin-right : 50px;
	margin-bottom : 30px;
}
footer
{
	width : 100%;
	margin-top : 0px;
	background : #525252;
	clear: both;
}
.clear
{
	clear : both;
}
#menu_pied
{
	background-color : #323131;
	height : 40px;
}
#top_devis
{
	width : 1024px;
	margin : 20px auto;
	color : white;
	text-align : center;
}
.colonne_footer
{
	width : 20%;
	text-align : center;
	color : white;
	float : left;
}
.colonne_footer a
{
	color : white;
	text-decoration : none;
	font-size : 0.8em;
	margin-bottom: 10px
}
.colonne_footer img
{
	height : 15px;
	vertical-align : middle;
}
.titre_colonne
{
	font-size : 1em;
	margin-top : 20px;
	margin-bottom : 20px;
}
.footer_ligne
{
	margin-bottom: 10px;
}
.hr_pied
{
	border : 1px solid #ccc;
	width : 80%;
}
.footer_haut
{
	float : left;
	width : 25%;
	margin-top: 20px;
	margin-bottom : 20px;
}
.footer_haut a
{
	color : white;
	text-decoration : none;
}
#top_footer
{
	text-align : center;
	margin-top : 20px;
}
#top_footer a
{
	color : white;
	font-size : 1em;
	font-family : 'roboto';
	text-decoration : none;
	cursor : pointer;
}
#colonne_2,#colonne_3,#col2_devis,#col3_devis,#col1_devis
{
	width : 45%;
	margin-left : 5%;
	float : left;
}
#colonne_2 ul,#colonne_3 ul,#col2_devis ul,#col3_devis ul,#col1_devis ul
{
	margin : 0;
	list-style-type : none;
	padding : 0;
}
#colonne_2 a,#colonne_3 a,#col2_devis a,#col3_devis a,#col1_devis a
{
	color : white;
	text-decoration : none;
	font-family : 'roboto';
	font-size : 0.8em;
}
#top_devis h4
{
	color : #dfaf59;
	font-family : 'roboto';
}
.titre_pied_haut
{
	font-family : 'roboto';
	font-size : 1em;
	font-weight : bold;
	color : #dfaf59;
	margin-top : 10px;
	margin-bottom : 10px;
}
#copy_accueil
{
	color : white;
	text-align : center;
	padding-top : 10px;
	padding-bottom : 10px;
	width : 100%;
	font-family : 'roboto';
	font-size : 0.8em;
}
#copy_accueil hr
{
border-top : 1px solid black;
border-bottom : none;
}
#copy_accueil a
{
	color : white;
}
#logo_foot_dr
{
	float : right;
	margin-right : 10%;
	margin-top : 30px;
}
#logo_foot_ga
{
	float : left;
	margin-left : 10%;
	margin-top : 40px;
}
#band_haut_g
{
	width : 49%;
	float : left;
}
#agence_haut
{
	font-weight : bold;
	margin-top : 7px;
	margin-left : 33%;
}
#region_haut
{
	font-weight : bold;
	margin-left : 33%;
}
.clic
{
	cursor : pointer;
}
.clic:hover,#lien_devistravaux a:hover
{
	color : white;
}
#h1_haut
{
	text-align : center;
	margin-top : 15px;
}
#h1_haut a
{
	color : black;
	text-decoration : none;
	font-weight : bold;
}
#page2
{
	width : 100%;
	margin : 0;
	padding :20px 0;
}
#presentation_categorie
{
	background-color : white;
	margin : 0px 40px 0px 0px;
	padding : 20px 20px 40px;
	font-family : 'roboto';
	min-height : 1300px;
}
#texte
{
	width : 75%;
	float : left;
}
.titre_gras_page
{
	margin : 20px auto 20px;
	font-size : 2em;
	text-align : center;
	width : 90%;
	background-color : #e8e9e9;
	padding : 3px;
}
#fil_ariane
{
	margin-left: 2%;
	padding-top : 10px;
	color : white;
}
#fil_ariane a
{
	color : white;
	font-size : 0.8em;
	text-decoration : none;
}
#fil_ariane a:hover
{
	text-decoration : underline;
}
#img_1
{
	width : 40%;
	float : left;
	margin-right : 10px;
	text-align : center;
}
#img_2
{
	width : 40%;
	float : right;
	margin-right : 10px;
	margin-left : 10px;
	text-align : center;
}
#img_1 a,#img_2 a,#img_3 a
{
color : white;
text-decoration : none;
display : block;
text-align : center;	
}
#img_1 a h2,#img_2 a h2,#img_3 a h2
{
	background-color : #dfaf59;
	color : black;
	padding : 5px;
	border-radius : 5px;
}
#img_1 img,#img_2 img,#img_3 img
{
	width : 100%;
}
#texte_1,#texte_2,#texte_3
{
	max-height : 400px;
	overflow-y : auto;
	padding : 30px 10px 0;
}
#texte_1 a,#texte_2 a,#texte_3 a
{
	color : black;
	text-decoration : none;
}
#hg_contenu
{
	margin-bottom : 20px;
}
#hg_contenu a
{
	background-color : grey;
	color : white;
	padding : 5px;
	display : inline-block;
	margin-right : 20px;
	margin-top : 5px;
	text-decoration : none;
}
#presentation_cat
{
	background-color : black;
	border-radius : 5px;
	color : white;
	padding : 10px;
	text-align : center;
	margin-bottom : 10px;
}
#presentation_cat h2
{
	color : #dfaf59;
	font-size : 1.5em;
	margin : 5px auto;
}
#infos_contact h2 a
{
	color : white;
	text-decoration : none;
	font-size : 0.8em;
	font-weight : normal;
}
#infos_contact h2
{
	padding : 0;
	margin : 0;
}
#texte h1
{
	color : #dfaf59;
	text-align : center;
	font-size : 2em;
	font-family : 'roboto';
	text-transform : uppercase;
	margin-top : 50px;
}
#presentation
{
	margin : 0 auto;
	padding : 20px 20px 20px;
}
#erreur
{
	color : red;
	text-align : center;
	font-size : 1.8em;
	padding : 5px;
	text-decoration : underline;
}
#message_ok
{
	color : green;
	text-align : center;
	font-size : 1.8em;
	padding : 5px;
	text-decoration : underline;
}
#texte h3
{
	color : #dfaf59;
	text-align : center;
}
#form_contact label
{
	width : 40%;
	display : inline-block;
	text-align : right;
	padding : 5px;
	margin-top : 5px;
}
#form_contact input
{
	margin-bottom : 10px;
	width : 40%;
}
#form_contact textarea
{
	vertical-align : top;
}
#form_contact input[type=submit]
{
width : 150px;
margin-right : 140px;
}
#btn_contact
{
	border : 1px solid #dfaf59;
	padding : 10px;
	background-color : #dfaf59;
	color : white;
	float : right;
	margin-top : 30px;
}
#btn_contact:hover
{
	color : #dfaf59;
	background-color : white;
}
#loi
{
	margin-top : 100px;
	font-size : 0.8em;
	text-align : justify;
}
#infos2
{
	width : 30%;
	float : right;
}
#presentation_cat img
{
	width : 90%;
	text-align : center;
}
#expli_col_dr
{
	padding-bottom : 20px;
	border : 5px solid #191919;
	border-radius : 30px;
	margin-bottom : 30px;
}
#titre_expli_col_dr
{
	background-color : #191919;
	color : #dfaf59;
	border-radius : 20px 20px 0 0;
	text-align : center;
	font-size : 1.5em;
	padding : 10px 5px 10px;
}
#expli1_col_dr, #expli2_col_dr,#expli3_col_dr,#expli4_col_dr,#expli5_col_dr,#expli6_col_dr,#expli7_col_dr, #expli8_col_dr
{
	padding : 5px;
	margin-top : 10px;
	font-size : 1em;
	text-align : center;
}
#presentation_cat strong
{
	margin : 5px auto;
	display : block;
	font-size : 1.2em;
}
#presentation_cat strong a
{
	color : #dfaf59;

}
#expli1_col_dr img,#expli2_col_dr img,#expli3_col_dr img,#expli7_col_dr img
{
	width : 30px;
	float : left;
	margin-left : 10px;
}
#expli4_col_dr img,#expli5_col_dr img,#expli6_col_dr img
{
	width : 30px;
	margin-left : 10px;
	vertical-align : middle;
	margin-right : 10px;
}
#presentation_categorie a
{
	text-decoration : none;
}
#presentation_categorie h1
{
	margin-top : 30px;
	margin-bottom : 10px;
	color : #dfaf59;
	text-align : center;
	font-size : 2em;
}
.form_description
{
	color : black;
	border-bottom : 1px dotted #ccc;
}
.form_description p
{
	font-size : 1em;
	line-height : 130%;
	margin : 0 0 12px;
}
.form_description p strong
{
	color : #dfaf59;
}
#form_container
{
	font-weight : bold;
}
#form7227 ul
{
	list-style-type : none;
	margin : 0;
	padding : 0;
	width : 100%;
}
.appnitro li
{
	list-style : none;
	margin-bottom : 20px;
	min-height : 40px;
}
#form7227 li
{
	display : block;
	margin : 0;
	padding : 10px 5px 10px 9px;
	position : relative;
}
.description
{
	float : left;
	margin-bottom : 10px;
	display : inline-block;
	padding : 0px 12px;
	width : 40%;
	text-align : right;
}
#recherche
{
	margin-left : 42%;
}
.long
{
	width : 250px;
}
#form7227 .guidelines
{
	visibility : hidden;
	position : absolute;
}
#form7227 select
{
	margin-top : 6px;
}
#form7227 textarea
{
	width : 65%;
	min-height : 200px;
}
.btn_inscription_pro
{
	border-radius : 6px;
	display : inline-block;
	font-size : 1.2em;
	font-weight : bold;
	background-color : #dfaf59;
	border : none;
	padding : 7px;
	color : white;
	float : right;
	margin-right : 50px;
}
#btn_suite
{
	position : absolute;
	float : left;
	margin-top : 350px;
	width : 60%;
	text-align : center;
}
#fichier1,#fichier2,#fichier3
{
	width : 200px;
	height : 230px;
	color : black;
	text-align : center;
	float : left;
	background-color : #e6e6e6;
	padding : 2px;
	font-weight : bold;	
}
#fichier2,#fichier3
{
	margin-left : 10px;
}
#essai2,#essai22,#essai23
{
	background-color : white;
	color : red;
	position : absolute;
	display : none;
	border : 2px solid red;
	border-radius : 20px;
	margin-left : 165px;
	cursor : pointer;
	width : 18px;
}
#essai,#essai12,#essai13
{
	background-color : black;
	width : 150px;
	border-radius : 10px;
	color : white;
	position : absolute;
	margin-left : 25px;
	margin-top : 10px;
}
#output img,#output2 img,#output3 img
{
	width : 150px;
}
#imageInput,#imageInput2,#imageInput3
{
	opacity : 0;
	margin-top : 10px;
}
#texte_explicatif
{
	padding-top : 20px;
	width : 65%;
	text-align : justify;
	margin-bottom : 20px;
}
#upload
{
	min-height : 450px;
}
#loading-img,#loading-img2,#loading-img3
{
	display : none;
	margin-top : 10px;
}
#presentation_categorie h2
{
	color : #dfaf59;
	text-align : center;
}
.liens_devis
{
	height : 100px;
	overflow-y : scroll;
	clear : both;
}
.liens_devis h3
{
	text-align : center;
	text-decoration : underline;
}
.liens_devis a
{
	background-color : black;
	padding : 5px 20px;
	border-radius : 20px;
	margin-right : 20px;
	color : #dfaf59;
	margin-top : 10px;
	margin-bottom : 10px;
	display : inline-block;
}
#presentation_real
{
	width : auto;
	margin : 0 auto;
	padding : 20px 20px 20px;
	font-family : 'roboto';
}
#texte_realisation h2
{
	color : #dfaf59;
	text-align : center;
	margin-top : 30px;
}
#texte_realisation
{
	width : 75%;
	float : left;
}
.h2_real
{
	background-color : black;
	color : #dfaf59;
	text-align : center;
	width : 90%;
	border-radius : 10px;
	padding : 5px;
	margin : 20px auto;
}
#garantie_1,#garantie_2
{
	width : 45%;
	float : left;
	padding : 5px;
	background-color : #eaeaea;
	margin : 5px;
	min-height : 700px;
}
.titre_garant
{
	text-align : center;
	font-weight : bold;
	margin-bottom : 10px;
	background-color : #dfaf59;
	line-height : 20px;
	font-size : 1.2em;
	padding : 10px;
}
#garantie_1 img,#garantie_2 img
{
	width : 100%;
	margin-bottom : 10px;
}
#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;
}
#lien_ss_grp
{
	width : 240px;
	text-align : center;
	color : black;
	float : left;
	font-size : 0.6em;
	line-height : 20px;
	margin-bottom : 10px;
	text-decoration : none;
}
#lien_ss_grp img
{
	width : 40px;
	float : left;
	padding-right : 5px;
}
#lien_part
{
	width : 150px;
	float : left;
	display : block;
	text-align : center;
	color : black;
	text-decoration : none;
	margin-right : 20px;
	font-size : 0.6em;
}
#lien_part img
{
	width : 150px;
}
#menu_mobile
{
display : none;
background-color : white;
font-family : 'roboto';
width : 100%;
z-index : 999;
position : absolute;
}
#menu_mobile ul
{
	margin : 0;
	padding : 0;
	list-style-type : none;
	width : 100%;
	display : block;
}
#menu_mobile li
{
	display : block;
	width : 100%;	
}
#menu_mobile a
{
color : black;
border-bottom : 1px dotted #bdbbcb;
text-decoration : none;
height: 40px;
display : block;
line-height : 40px;
text-align : right;
padding-right : 20px;
}
#menu_mobile ul ul
{
	display : none;
}
#ss_menu_mobile1 a,#ss_menu_mobile2 a,#ss_menu_mobile3 a,#ss_menu_mobile4 a,#ss_menu_mobile5 a
{
	background-color : #e8e9e9;
}
#texte_realisation img
{
	/*width : 450px;*/
}
@media (min-width: 768px)
{
header
{
	position : fixed;
	z-index : 30;
	width : 100%;
}
#page,#page2
{
	padding-top : 170px;
}
#slider_accueil
{
	padding-top : 130px;
}
#bandeau_bas
{
	display : none; 
}
.icon
{
	display : none;
}
}
@media (max-width: 768px)
{
#colonne_dr_realc
{
	width : auto;
	margin-bottom : 30px;
}
.det_realc
{
		float : none;
		width : 100%;
}
.detail_realc
{
	margin-left : 0;
	width : auto;
}
#avis_client_real
{
	margin-left : 0;
	width : auto;
}
.vign_realc
{
	width : 99%;
}
.vign_realc_1 img
{
	height : 40px;
}
.colonne_footer
{
	width : 100%;
}
.bloc_actu
{
	width : calc(99% - 20px);
}
#fonctionnement img
{
	width : 100%;
}
.bloc4_accueil
{
	margin-bottom : 20px;
	width : 100%;
}
.bloc_equipes
{
	width : 100%;
}
.adresse_bloc_agence,.resp_bloc_agence,.horaires_bloc_agence
{
	float : none;
	width : 100%;
	margin-bottom : 20px;
	text-align : center;
}
#texte_realisation img
{
	/*width : 90%;*/
}
.coin_gauche
{
	border-top : 120px solid #dfaf59;
	border-right : 120px solid transparent;
}
.coin_gauche svg
{
	margin-top : -100px;
	margin-left : 15px;
}
#menu_pied
{
	height : 60px;
}
.titre_bloc_agence
{
	font-size : 1.5em;
	padding-bottom : 50px;
}
.tel_bloc_agence,.devis_bloc_agence
{
	float : none;
	margin-right : 5%;
	text-align : center;
	width : calc(90% - 20px);
	margin-left : 5%;
}
.carre_esti
{
	float : none;
	width : calc(100% - 30px);
}
#texte_1,#texte_2,#texte_3
{
	max-height : none;
	overflow-y : none;
}
#fichier1,#fichier2,#fichier3
{
	float : none;
	margin : 10px auto;
}
#upload
{
	margin-top : 30px;
}
#btn_suite
{
	margin-top : 900px;
	margin-left : 50%;
	width : auto;
}
.btn_inscription_pro
{
	float : none;
	margin-right :0;
}
.description
{
	width : 100%;
	text-align : left;
	margin-top : 30px;
	padding : 0;
}
.appnitro li
{
	width : 100%;
	list-style : none;
}
#texte_realisation
{
	width : 100%;
	float : none;
}
#nbre_vu
{
	float : none;
	margin-right : 0;
}
#presentation_categorie
{
	margin : 0;
}
.titre_maison
{
	width : 100%;
	font-size : 1.5em;
}
#h1_haut
{
	margin-top : 7px;
}
#texte
{
	float : none;
	width : 100%;
}
#img_1,#img_2
{
	width : 100%;
	float : none;
}
#top_devis
{
	width : 100%;
}
#a_gauche
{
	width : 100%;
	float : none;
}
#infos,#infos2
{
	float : none;
	width : 100%;
}
.icon
{
	display : block;
	margin-right : 20px;
	color : white;
	padding-top : 35px;

}
#menu_droite
{
	width : 100%;
	float : none;
	margin-right : 0;
}
#int_bandeau
{
	padding-left : 0;
	padding-right : 0;
}
.li_1
{
	display : none;
}
#bandeau_bas
{
	display : block;
	position : fixed;
	bottom : 0;
	left : 0;
	background-color : #dfaf59;
	z-index : 999999;
	width : 100%;
	font-size : 0.8em;
}
#ban_tel,#ban_mail,#ban_ddd
{
	float : left;
	width : 33%;
	text-align : center;
	font-family : 'roboto';
	padding-top : 10px;
	padding-bottom : 10px;
}
#ban_ddd a,#ban_tel a,#ban_mail a
{
	color : black;
	text-decoration : none;
	font-weight : bold;

}
#bandeau_haut
{
	height : 80px;
}
#band_haut_g
{
width : 100%;
}
#agence_haut
{
	text-align : center;
	width : 100%;
	margin : 0;
}
#region_haut
{
	text-align : center;
	width : 100%;
	margin :0;
}
#bandeau_haut_int
{
	display : none;
}
}