body
	{
	margin:0px;
	background:#123058;
	}
	
body.iframe
	{
	background: none;
	padding:0px;
	}

body.iframe .vud_reinitialise #vud_devis
	{
	background: transparent !important;
	}

#general
	{
	font-family: arial, sans-serif;
	font-size:12px;
	}

#page
	{
	margin-top:70px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	}
	
body.iframe #page
	{
	top:0px;
	}
	
#page #page_content
	{
	position:relative;
	z-index:50;
	width:100%;
	max-width: 1400px;
	margin-right:auto;
	margin-left:auto;
	background:#ffffff;
	box-shasdow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	}
	
body.iframe #page #page_content
	{
	box-shadow: none;
	background: transparent;
	}

input, textarea
	{
	box-sizing: border-box;
	}
.entete
	{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	}

h1
	{
	margin:0px;
	font-size:30px;
	margin-bottom:20px;
	}
	
.nocolor
	{
	filter: grayscale(100%);
	}

.rouge
	{
	color:#cc0000;
	font-weight: bold;
	}

.rouge_s
	{
	color:#cc0000;
	}
		
.droite
	{
	text-align: right;
	}
	
.gauche
	{
	text-align: left;
	}

.vert
	{
	color:#4da829;
	font-weight: bold;
	}

.vert_s
	{
	color:#4da829;
	}

.orange
	{
	color:#e8ab13;
	}

#contener
	{
	background: #ffffff;
	padding:5px;
	padding-top:0px;
	}

sup
	{
	font-size:12px;
	}

#devis_titre
	{
	position:absolute;
	left:20px;
	width:300px;
	background:#ffffff;
	border:1px solid #8F8F8F;
	padding:10px;
	top:20px;
	height:600px;
	}

#header
	{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height: 70px;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#112f58+0,5d6e88+100 */
	background: #112f58; /* Old browsers */



	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
	background-repeat: repeat-x;
	z-index:100;
	}
	
body.iframe #header
	{
	display:none;
	}

#header #header_content
	{
	position:relative;
	width:100%;
	max-width: 1400px;
	margin-right:auto;
	margin-left:auto;
	z-index:100;
	}

#header #header_content #logo
	{
	position:absolute;
	top:15px;
	left:5px;
	text-align: left;
	font-size:28px;
	font-weight:bold;
	color:#ffffff;
	z-index:100;
	transition: all 0.2s ease;
	}



#header #header_content .promo
	{
	text-align:center;
	font-size:20px;
	color:#ddd;;
	position: absolute;
	top:18px;
	right:5px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	z-index:100;
	transition: all 0.2s ease;
	}

#header #header_content .promo b
	{
	color:#FCCB24;
	}
	
#header #logo a
	{
	color:#ffffff;
	text-decoration:none;
	}
	
#droite
	{
	z-index:90;
	position:absolute;
	width:290px;
	top:0px;
	right:10px;
	padding-top:20px;
	background: #fff;
	}

#droite_event_listener
	{
	z-index:80;
	position:fixed;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	background: rgba(0, 0, 0, 0.5);
	display:none;
	}
	
#droite_burger
	{
	z-index:150;
	position:absolute;
	right:0px;
	top:13px;
	padding:5px;
	border-radius: 5px 0px 0px 5px;
	background: #879daf;
	padding-left:10px;
	display: none;
	}
	
#droite_burger img
	{
	width:30px;
	}

#header #header_content #droite #vignette
	{
	position:absolute;
	top:65px;
	left:10px;
	box-shadow: 1px 1px 3px #555;
	}

#header #header_content #droite #explications
	{
	position:absolute;
	top:245px;
	}

#header #header_content #droite #droite_content a
	{
	color:#ffffff;
	}

#header #header_content #droite h1,  #droite h2.h1
	{
	font-size:25px;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	line-height: 25px;
	margin-bottom:20px;
	color:#ffffff;
	}

.big
	{
	color:#0F202F;
	font-size:17px;
	}

.medium
	{
	font-size:14px;
	}

.medium strong
	{
	font-size:16px;
	}

.medium ul
	{
	margin-left:0px;
	padding-left:20px;

	}

.medium li
	{
	margin-bottom:15px;
	margin-left:0px;
	}

.big strong
	{
	color:#ffffff;
	font-size:18px;
	}

.bloc_bas
	{
	vertical-align:top;
	padding:10px;
	}

.bloc_bas h2
	{
	margin-top:0px;
	color:#585858;
	}

.bloc_bas a
	{
	color:#1F3A52;
	}

.bloc_bas p
	{
	margin:0px;
	padding-left:10px;
	padding-bottom:10px;
	border-left:2px solid #585867;
	}

.bloc_bas .table1
	{
	background:#ffffff;
	color:#585858;
	}

.affiche_box
	{
	position:absolute;
	font-size:12px;
	font-family: arial;
	color:#233743;
	z-index:100;
	display:none;
        padding:4px;
	background:#FFFFFF;
        border:4px #EEEEEE solid;
        //min-width:200px;
	}

.affiche_box_ombre
	{
	position:absolute;
	z-index:95;
	background:#000000;
	filter:alpha(opacity=30);
	-khtml-opacity: 0.3;
	opacity: 0.3;
	-moz-opacity: .3;
	}

a.big_bouton
	{
	display:block;
	width:319px;
	height:49px;
	text-align:center;
	background-image:url('/img/archi.v1/bouton_fond.png');
	margin-left:auto;
	margin-right:auto;
	padding-top:8px;
	font-weight:bold;
	color:#898989 !important;
	font-size:20px;
	text-decoration: none;
	}

.petitefont
	{
	font-family: arial;
	font-size : 10px !important;
	}

.sup
	{
	vertical-align: 5px;
	}

.medfont
	{
	font-family: arial;
	font-size : 12px !important;
	}
	
.parrainage
	{
	display: none;
	text-align:center;
	padding:18px;
	background:#ddd;
	font-size:23px;
	color:#666;;
	}

.parrainage b
	{
	color:#348FD1;
	}
	

	

#footer
	{
	background: #123058;
	padding:20px;
	font-family: arial;
	font-size : 11px !important;
	color:#fff;
	}
	
body.iframe #footer
	{
	display:none;
	}

#footer b
	{
	font-size : 13px !important;
	}

#footer ul
	{
	list-style-type: none;
	border-left:1px solid #98BF16;
	padding-left:10px;
	}

#footer ul li
	{
	margin:0px;
	}

#footer a
	{
	color:#98BF16 !important;
	text-decoration: none;
	}

#entete
	{
	position:relative;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	}

#entete #menu
	{
	position:absolute;
	height:30px;
	top:0px;
	left:0px;
	z-index:50;
	width:993px;
	}

#entete #menu a
	{
	display:block;
	float:right;
	font-size: 17px;
	background:#9B68A0;
	color:#ffffff;
	text-decoration: none;
	margin-left:2px;
	padding:5px 41px 0px 41px;
	height:23px;
	font-weight:bold;
	}

#entete #menu a.selected
	{
	height:25px;
	color:#383939;
	padding:5px 51px 0px 51px;
	background:#ffffff;
	}

#entete #bloc_blanc_haut
	{
	z-index:30px;
	}

img
	{
	border:0px;
	}

.bouton
	{
	background:#9C69A1;
	padding:3px;
	color:#ffffff;
	border:0px;
	border-right:2px solid #383838;
	border-bottom:2px solid #383838;
	width:150px;
	font-weight:bold;
	}

.att_blanc
	{
        background-image: url('/img/loading_blanc.gif');
        background-position: center center;
        background-repeat: no-repeat;
	}
	
strong.gras, .gras
	{
	font-size:14px;
	}

strong.tres_gras, .tres_gras
	{
	font-size:17px;
	font-weight:bold;
	}

strong.tres_tres_gras, .tres_tres_gras
	{
	font-size:20px;
	font-weight:bold;
	}

strong.tres_tres_tres_gras, .tres_tres_tres_gras
	{
	font-size:25px;
	font-weight:bold;
	}

strong.grand
	{
	font-size:14px;
	font-weight: normal;
	}

strong.tres_grand
	{
	font-size:17px;
	font-weight: normal;
	}

strong.tres_tres_grand
	{
	font-size:20px;
	font-weight: normal;
	}

strong.tres_tres_tres_grand
	{
	font-size:25px;
	font-weight: normal;
	}

.green
	{
	color:#4d843a;
	}

.red
	{
	color:#cc0000;
	}

.alerte
	{
	/*background:#C85353;
	padding:5px;
	color:#ffffff;
	margin-bottom:1px;
	border-bottom:4px #AC3334 solid;
	background-image:url('/img/alerte_rouge.gif');
	background-repeat:no-repeat;
	background-position:10px 25px;
	padding-left:50px;*/

	background:#cc0000;
	box-shadow: 1px 1px 2px #555;
	padding:5px;
	color:#ffffff;
	margin-bottom:10px;
	}

.alerte a
	{
	color:#FFD100 !important;
	}

.alerte strong
	{
	color:#FFD100;
	font-size:18px !important;
	}


.notice_v2
	{
	/*background:#C85353;
	padding:5px;
	color:#ffffff;
	margin-bottom:1px;
	border-bottom:4px #AC3334 solid;
	background-image:url('/img/alerte_rouge.gif');
	background-repeat:no-repeat;
	background-position:10px 25px;
	padding-left:50px;*/

	background:#8EA0AF;
	border-bottom:2px #27343F solid;
	border-right:2px #27343F solid;
	padding:5px;
	color:#ffffff;
	margin-bottom:10px;
	}

.notice_v2 strong
	{
	color:#EFEFEF;
	font-size:18px !important;
	}

.gris
	{
	color:#898998;
	}

.content
	{
	padding:10px;
	}

.content a, #page a
	{
	color:#1F3A52;
	}

.alerte strong
	{
	font-size:15px;
	}

/* TABLE */


.table_center
	{
	margin-left:auto;
	margin-right:auto;
	}

.table_altern tr:nth-child(odd) td
	{
	background: #dedede;
	}

.table_altern tr:nth-child(even) td
	{
	background: #eee;
	}


.tableclass
	{
	width:100%;
	}

.table2
	{
	background:#EFEFEF;
	padding:5px;
	}

.table1
	{
	background:#ffffff;
	padding:5px;
	}

.table_vert
	{
	background:#e9ffce;
	padding:5px;
	}
	
.table_gris
	{
	background:#bababa;
	padding:5px;
	}

.table_orange
	{
	background:#fff0a6;
	padding:5px;
	}
	
tr.tr_hover:hover td
	{
	background:#ffe98e;
	}

th.style2000
	{
	background:#3B5D7D;
	padding:5px;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	border-bottom:2px solid #1E3952;
	}

th.tabletitre
	{
	background:#3B5D7D;
	padding:5px;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	border-bottom:2px solid #1E3952;
	}
	
.table
	{
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.table100
	{
	width:100%;
	}

.td
	{
	display: table-cell;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	}
	
.td_300, .td_300_iphone
	{
	width:300px;
	}

.td_50
	{
	width:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.td_33
	{
	width:33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.td_25
	{
	width:25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.td_sep
	{
	width:10px;
	}

.td_mr, .td_mr_iphone
	{
	padding-right:15px;
	}


/* MARGIN et ALIGN */
.center
	{
	text-align:center;
	}
.right
	{
	text-align:right;
	}
.left
	{
	text-align:left;
	}
.nomargin
	{
	margin:0px;
	}
.nomargin_top
	{
	margin-top:0px;
	}
.nomargin_bottom
	{
	margin-bottom:0px !important;
	}
.margin_top
	{
	margin-top:10px;
	}
.margin_left
	{
	margin-left:20px;
	}
.margin_bottom
	{
	margin-bottom:10px;
	}

/* GAUCHE */

#gauche
	{
	max-width:100%;
	padding:15px;
	
	box-sizing: border-box;
	}

#gauche.large
	{
	max-width:100%;
	margin:0 auto;
	padding:30px;
	}

#gauche.with_droite
	{
	min-height: 1000px;
	margin:0;
	margin-right:310px;
	}

#gauche fieldset
	{
	background:#E0E8EF;
	border:0px;
	margin-bottom:10px;
	}


#gauche fieldset ul
	{
	margin:0px;
	}

#gauche fieldset legend
	{
	font-weight:bold;
	color:#1E3A52 !important;
	font-size:16px;
	}

#gauche fieldset a
	{
	text-decoration:none;
	color:#3B5D7D;
	}

#gauche fieldset a:hover
	{
	text-decoration:underline;
	color:#FF5A00;
	}

#gauche a
	{
	text-decoration:none;
	color:#3B5D7D;
	}

/* BLOC GRIS */

#gauche #bloc_gris
	{
	padding:0px;
	padding-top:0px;
	line-height: 32px;
	font-size:25px;
	font-weight:bold;
	border-fbottom : 10px solid #DDDFDF;
	bordder-left : 50px solid #98B154;
	}


#gauche #bloc_gris h1
	{
	font-size:29px;
	}

#gauche #bloc_gris strong
	{
	color:#778F35;
	font-size:29px;
	}

#gauche #bloc_gris #slogan
	{
	margin-top:5px;
	line-height: 18px;
	font-size:15px;
	color:#ffffff;
	background:#8FA74C;
	padding:5px;
	}

#gauche #bloc_gris table
	{
	position:absolute;
	top:0px;
	width:554px;
	height:180px;
	}

#gauche #bloc_gris table td
	{
	text-align:center;
	vertical-align:middle;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	line-height: 35px;
	}

#grand_bloc_gris img, #gauche #bloc_gris img
	{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	}

#grand_bloc_gris
	{
	position:relative;
	width:950px;
	height:86px;
	background:#c3c3c3;
	background-image: url('/img/archi.v1/grand_bloc_gris.gif');
	text-align:center;
	font-size:33px;
	font-weight:bold;
	color:#585858;
	padding-top:5px;
	margin-left:20px;
	margin-bottom:10px;
	}
	
.rounded, .round
	{
	border-radius: 10px;
	}

/* Bloc de resultat photovoltaique */

#res
	{
	display:none;
	position:fixed;
	bottom:300px;
	left:0px;
	width:100%;
	z-index:150;
	}

#res #res2
	{
	margin-right:auto;
	margin-left:auto;
	width:600px;
	padding:20px;
	border:10px solid #6d819b;
	background:#DFE7F1;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	}

#res #res2 #res3
	{
	border:5px solid #6d819b;
	background:#ffffff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	}

.admin_menu
	{
	position:relative;
	z-index:20;
	background: rgb(42,74,100); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(42,74,100,1) 0%, rgba(69,101,125,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,74,100,1)), color-stop(99%,rgba(69,101,125,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(42,74,100,1) 0%,rgba(69,101,125,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(42,74,100,1) 0%,rgba(69,101,125,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(42,74,100,1) 0%,rgba(69,101,125,1) 99%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(42,74,100,1) 0%,rgba(69,101,125,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a4a64', endColorstr='#45657d',GradientType=0 ); /* IE6-9 */
	box-shadow: 1px 1px 5px #555;
	border-radius: 3px;
	}

.admin_menu_analyse
	{
	width:95%;
	margin-right:auto;
	margin-left:auto;
	z-index:10;
	padding-top:4px;
	position:relative;
	top:-14px;
	background: #3b679e; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 48%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(48%,#2b88d9), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3b679e 0%,#2b88d9 48%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3b679e 0%,#2b88d9 48%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3b679e 0%,#2b88d9 48%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 48%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

	box-shadow: 1px 1px 5px #555;
	border-radius: 0px 0px 3px 3px;
	}

.admin_menu td a
	{
	display: block;
	padding:10px;
	color:#fff !important;
	text-shadow: 1px 1px 2px #333;
	border-radius: 3px;
	border:1px solid transparent;
	}

.admin_menu td a .v32
	{
	position: relative;
	margin-right:5px;
	border-radius: 50%;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	z-index:10;
	vertical-align: -10px;
	}

.admin_menu td a span
	{
	font-weight: bold;
	font-size:20px;
	z-index:5;
	}

.admin_menu td a:hover
	{
	background: rgba(255, 255, 255, 0.1);
	border:1px solid rgba(255, 255, 255, 0.1);
	}

.admin_menu td a.actif
	{
	border:1px solid rgba(255, 255, 255);
	background: rgba(255, 255, 255, 0.1);
	}

.admin_menu_analyse td a
	{
	display: block;
	padding:5px;
	color:#fff !important;
	font-weight:bold;
	text-shadow: 1px 1px 2px #333;
	border-bottom:4px solid transparent;
	font-size:15px;
	}

.admin_menu_analyse td a.actif
	{
	border-bottom:#fff 4px solid;
	}

.admin_menu_analyse td a:hover
	{
	border-bottom:#ffc600 4px solid;
	}

.vud_illustration
	{
	box-shadow: 1px 1px 3px #555;
	}

.vud_notice_blanc
	{
	padding:8px;
	background:#fff;
	box-shadow: 0px 0px 3px #555555;
	}

.vud_notice_gris
	{
      padding:8px;
      background:#eeeeee;
	box-shadow: 0px 0px 3px #555555;
	}

.vud_bleu
	{
      color:#348fd1;
	}

.overflow
	{
	overflow:auto;
	}

.vtop
	{
	vertical-align: top;
	}

.vbottom
	{
	vertical-align: bottom;
	}

.vmiddle
	{
	vertical-align: middle;
	}

.v16
	{
	vertical-align: -3px;
	}

.v16_force
	{
	vertical-align: -3px;
	height:16px;
	}

.v32
	{
	vertical-align: -8px;
	}
	
.v48
	{
	height:48px;
	}

.v64
	{
	height:64px;
	}

.v24
	{
	vertical-align: -6px;
	height:24px;
	}

.v32plus
	{
	vertical-align: -11px;
	}


hr.gris
	{
        height:1px;
        color:#ddd;
        border:0px;
        border-bottom:3px #ddd solid;
	}

#footer_up_link {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 0;
}

#footer_up_link a {
	display: block;
    padding: 5px;
    background: #fff;
    border-radius: 300px;
    margin-left: 5px;
    width: 26px;
    height: 26px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
}
/* POPUP DHTML */

#dhtml_pop
	{
	min-width:250px;
	}

#dhtml_pop .dhtml_pop_close_bouton
	{
	position:absolute;
	top:-15px;right:-15px;
	}

#dhtml_pop_centered
	{
	position:fixed;
	display:none;
	background:#000000;
	opacity:.6; /* for modern non-IE browsers - Firefox/Gecko, Opera, Safari */
    	filter:alpha(opacity=60); /* for IE only */
    	top:0px;
    	left:0px;
    	width:100px;
    	height:500px;
	}

#dhtml_pop_background
	{
	position:fixed;
	display:none;
    top:0px;
    left:0px;
	}

.dhtml_pop_background_black
	{
	background:#000;
	opacity: 0.5;
	}

#dhtml_pop_centered_box
	{
	position:fixed;
	display:none;
	font-family:arial;
	}

#dhtml_pop_centered_box a
	{
	dcolor:#ffffff;
	}

#dhtml_pop_centered_box a.fermer_lien
	{
	display:block;
	background:#c3c3c3;
	background-image:url('/img/structure/fond_barre_affichebox.gif');
	background-repeat: repeat-x;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
	}

.center
	{
	text-align:center;
	}
	
/* CHRONOLOGIE */

.devis_chronologie
	{
	border-collapse: collapse;
	}

.devis_chronologie_picto,
.devis_chronologie_picto_down
	{
	background-image:url('/img/devis/carre_bleu.png'); 
	background-repeat: repeat-y;
	background-position-x: 45px;
	padding:0 5px;
	}
	
.devis_chronologie_picto_down_gris
	{
	background-image:url('/img/devis/carre_gris.png'); 
	}

.devis_chronologie_picto div
	{
	background: #fff;
	border:5px solid #348fd1;
	border-radius: 10px;
	overflow: auto;
	padding:10px;
	}

.devis_chronologie_picto div.devis_chronologie_old_etape
	{
	border:5px solid #cccccc;
	background: #eee;
	}

.devis_chronologie_picto div.devis_chronologie_actual_etape
	{
	background: #cceaff;
	}

.devis_chronologie_picto div.devis_chronologie_old_etape strong
	{
	color:#a4a4a4;
	}

.devis_chronologie_picto div img
	{
	float:left;
	margin-right:10px;
	width:64px;
	}
	
.devis_chronologie_picto_down img
	{
	margin:5px 0px 0px 22px;
	}

.devis_chronologie_picto div strong
	{
	display: block;
	padding-top:5px;
	color:#348fd1;
	}
	
.devis_chronologie_picto_pointille
	{
	background-image:url('https://www.forumconstruire.com/img/devis/pointille_bleu.png'); 
	}
	
.devis_chronologie_picto_down img
	{
	width:40px;
	}
	
.devis_chronologie_actuel img
	{
	width:64px;
	}
	
.inline_block
	{
	display: inline-block;
	}

.devis_bouton_bleu, a.devis_bouton_bleu
	{
	background:#348FD1;
	padding:10px;
	color:#fff !important;
	text-decoration: none !important;
	font-size:16px;
	border-radius:5px;
	font-weight:bold;
	display: inline-block;
	cursor: pointer;
	}
	
.devis_bouton_bleu_open img
	{
	transform: rotate(90deg);
	}

.devis_recherche_res_bouton img
	{
	margin-left:5px
	}
	/* AUTRE DEVIS */

.devis_autre_devis
	{
	background:#EBEBEB;
	margin-bottom:5px;
	border-radius:5px;
	padding:7px;
	cursor:pointer;
	}

.devis_autre_devis:hover
	{
	background:#d5edff;
	}

.devis_autre_devis .devis_logo_rond_small
	{
	width:60px;
	height:60px;
	border-radius: 32px;
	border:4px solid #348FD1;
	}
	
.devis_gros_label label
	{
	display: inline-block;
	background:#eee;
	padding:3px 5px 3px 3px;;
	border-radius: 5px;
	margin-bottom:2px;
	}
	
.devis_autre_devis_textarea_zone
	{
	padding:5px;
	display: none;
	overflow:auto;
	}
	
.devis_autre_devis_textarea_zone textarea
	{
	width:100%;
	box-sizing: border-box;
	min-height:70px;
	}

.wait_box
	{
	background-image: url('/img/loader.svg') !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	min-height:120px !important;
	}
	
#vud_mb_js_box .wait_box
	{
	text-align: center;
	font-weight: bold;
	font-size:20px;
	}
		
.onlyiphone
	{
	display: none;
	}
	
.disnone
	{
	display: none;
	}
	
/* STATS */

.stats_principal_texte
	{
	float:left;
	font-size:10px;
	color:#4da829;
	}
.stats_secondaire_texte
	{
	float:right;
	font-size:10px;
	color:#e8ab13;
	}

.border_bottom_vert
	{
	border-bottom:2px solid #4da829;
	}
.border_bottom_orange
	{
	border-bottom:2px solid #e8ab13;
	}
.stats_reseau_bar
	{
	position: relative;
	clear: both;
	border:1px solid #838383;
	border-radius: 2px;
	background: #e8ab13;
	min-height:15px;
	}
.stats_reseau_bar_secondaire_texte
	{
	position: absolute;
	right:3px;
	color:#fff;
	font-size:11px;
	font-weight: bold;
	top:2px;
	}
.stats_reseau_bar_primaire_texte
	{
	padding:2px 3px 0px 3px;
	color:#fff;
	font-size:11px;
	font-weight: bold;
	background: #4da829;
	min-height:15px;
	text-align: left;
	box-sizing: border-box;
	}
	


.mini_rectangle_bleu
	{
	padding:1px 3px;
	background: #2f7293;
	color:#fff;
	border-radius: 2px;
	font-size:10px;
	}

.mini_rectangle_gris
	{
	padding:1px 3px;
	background: #9b9b9b;
	color:#fff;
	border-radius: 2px;
	font-size:10px;
	}

.mini_rectangle_vert
	{
	padding:1px 3px;
	background: #62ab2e;
	color:#fff;
	border-radius: 2px;
	font-size:10px;
	}

.mini_rectangle_rouge
	{
	padding:1px 3px;
	background: #cc0000;
	color:#fff;
	border-radius: 2px;
	font-size:10px;
	}

.rectangle_orange
	{
	padding:10px;
	background: #ecd800;
	border-radius: 2px;
	margin-bottom: 10px;
	}

.mini_rectangle_blanc
	{
	padding:1px 3px;
	background: #fff;
	color:#fff;
	border-radius: 2px;
	font-size:10px;
	}
	
.big_form input[type=text], .big_form input[type=url]
	{
	font-size:16px;
	width:100%
	}
	
.big_form input[type=number]
	{
	font-size:16px;
	width:70px;
	}
	

	/* CHECKBOX STYLE */
	
	.checkbox_style input + label
		{
		display:inline-block;
		height:20px;
		width:35px;
		
		position: relative;
		cursor: pointer;
		box-sizing: border-box;
		white-space: nowrap;
		overflow: hidden;
		}
		
	.checkbox_style input 
		{
		position: absolute;
		left: -9999px;
		}
	
	.checkbox_style input + label::before
		{
		position: absolute;
		top:0px;
		left:0px;
		content: '';
		display: block;
		width: 35px;
		height:20px;
		border-radius: 50px;
		background: #b3b3b3;
		transition: background-color .2s;
		}
		
	.checkbox_style input + label::after
		{
		position: absolute;
		top:2px;
		left:2px;
		content: '';
		display: block;
		width: 16px;
		height:16px;
		border-radius: 50px;
		background: #fff;
		transition: all ease 0.2s;
		}
		
	.checkbox_style input:checked + label::before
		{
		background: #348FD0;
		}
		
	.checkbox_style input:checked + label::after
		{
		left:17px; 
		}
	
	.checkbox_style input:disabled + label::before
		{
		opacity:0.5;
		}

@media (max-width:1020px)
	{
	#droite
		{
		z-index:200;
		position:fixed;
		width:344px;
		top:0px;
		right:0px;
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
		display: none;
		border-radius: 0px 0px 0px 20px;
		}
		
	#droite_burger
		{
		display: block;
		}
		
	#gauche
		{
		max-width: none;
		width:100%;
		}

	#header #header_content #logo
		{
		left:5px;
		}
	}
	
@media (max-width:900px)
	{
	#header
		{
		height:55px;
		}
		
	#page
		{
		margin-top:55px;
		}
	
	#header #header_content .promo
		{
		font-size:15px;
		top:15px;
		}
	#header #header_content .promo img
		{
		width:24px;
		height:24px;
		vertical-align: -5px;
		}
		
	.inline_but_iphone
		{
		display: block;
		margin:3px;
		}

	.noiphone
		{
		display:none !important;
		}

	.only_iphone
		{
		display: inherit;
		}

	div.only_iphone, form.only_iphone
		{
		display: block;
		}

	span.only_iphone
		{
		display: inline;
		}

	.iphone_block, .table_to_div, .tr_to_div
		{
		display:block;
		}

	.iphone_inline_block
		{
		display:inline-block;
		}

	.cell_to_div_iphone, .cell_to_div
		{
		display: block;
		width:auto;
		}
	
	.cell_to_tr_iphone
		{
		display: table-row;
		}

	.mob_sup_900
		{
		display:none;
		}

	.mob_inf_900
		{
		display:block;
		}

	.nbmr_iphone
		{
		margin-right:auto;
		}

	.td_300_iphone
		{
		width:auto;
		}

	.td_50_iphone, .td_33_iphone, .td_25_iphone, .td_40_iphone, .td_60_iphone, .td_20_iphone
		{
		width:auto;
		}

	.td_mr_iphone
		{
		padding-right: 0px;
		}
		
	#header #header_content #logo img
		{
		height:30px;
		}
		
	#header #header_content #logo
		{
		top:13px;
		}
	}
	
@media (max-width:800px)
	{
	#header #header_content .promo
		{
		display: none;
		}
		
	.parrainage
		{
		display: block;
		}
		
	#header #header_content #logo
		{
		text-align: center;
		left:5px;
		}
	}
@media (max-width:500px)
	{
		
	.devis_chronologie_picto div img
		{
		width:45px;
		}
	
	.devis_chronologie_actuel img
		{
		width:24px;
		}
	}

@media (max-width:700px)
	{
	#footer .td_to_cell
		{
		text-align: center;
		display: block;
		width:100%;
		}
	#footer .td_to_cell:first-child
		{
		padding-bottom:25px;
		}
		
	#footer .td ul
		{
		text-align: center;
		border:0;
		}
		
	#footer .td ul li
		{
		border:0;
		}
		
	.noiphone
		{
		display: none;
		}
		
	.onlyiphone
		{
		display: block;
		}
	}