body {background-color:#f2f2f2;}

#row1 {height:102px; background-color:#ffffff;}
#row1 #comparez {background-image:url(../screen/bg_comparez.png); background-position:top right; background-repeat:no-repeat;}


#row2 {background-color:#0091cf;}
#row2 h4 {color:#de5300; font-size:1.3em; text-align:center; margin:0 0 48px 0;}
#row2 h1 {color:#ffffff; font-family: 'Oxygen', sans-serif; font-weight:700; font-size:2em; line-height:1.2em; margin:0; padding:20px 0;}
#row2 h1 span {vertical-align:middle; display:inline-block; line-height:normal; margin:-6px 0 0 15px;}

#formulaire {position:absolute; z-index:10000; top:-84px; right:25px; width:345px;}
#formulaire h5 {font-size:1.5em; line-height:1.3em; font-weight:bold; color:#ffffff; padding:15px 0; margin:0;
background: #ac0543;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bd0649), to(#ac0543));
background: -webkit-linear-gradient(#bd0649, #ac0543);
background: -moz-linear-gradient(#bd0649, #ac0543);
background: -ms-linear-gradient(#bd0649, #ac0543);
background: -o-linear-gradient(#bd0649, #ac0543);
background: linear-gradient(#bd0649, #ac0543);
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;}
#formulaire h5 span {font-size:0.85em;}

form {background-color:#bd0649; padding:17px 34px 23px 34px;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
.form-group {margin:0 0 10px 0;}
.form-control {height:32px;}
label {color:#ffffff; font-size:0.95em; margin:0 0 3px 0;}
.help-block {color:#ffffff; font-size:0.9em; font-weight:bold; margin:-5px 0 15px 0;}
#free {color:#ffffff; font-size:1.3em; font-weight:bold;}
#custom_btn1, #custom_btn2 {
white-space:normal;
font-weight:bold; color:#ffffff; font-size:1.35em; padding:14px 25px;
border-style:solid; border-width:1px; border-color:#ffffff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #0091cf;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0091cf), to(#0084bd));
background: -webkit-linear-gradient(#0091cf, #0084bd);
background: -moz-linear-gradient(#0091cf, #0084bd);
background: -ms-linear-gradient(#0091cf, #0084bd);
background: -o-linear-gradient(#0091cf, #0084bd);
background: linear-gradient(#0091cf, #0084bd);
}
#custom_btn:hover {
background: #0090ce;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0090ce), to(#0071a1));
background: -webkit-linear-gradient(#0090ce, #0071a1);
background: -moz-linear-gradient(#0090ce, #0071a1);
background: -ms-linear-gradient(#0090ce, #0071a1);
background: -o-linear-gradient(#0090ce, #0071a1);
background: linear-gradient(#0090ce, #0071a1);
}
#row3 .no_padding {padding:0;}
#row4 {background-color:#ffffff;}
#row4 #obtenez {width:430px; position:absolute; bottom:0; left:40px; z-index:50000;}
#row4 #heading_obtenez {
padding:12px 0 14px 0;
0background-image:url(../screen/bg_heading_indic.png);
0background-repeat:repeat;
background-color: rgb(189, 6, 73);
background-color: rgba(189, 6, 73, 0.95);
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
#row4 #heading_obtenez h3 {font-family: 'Oxygen', sans-serif; font-weight:700; color:#ffffff; font-size:1.7em; line-height:normal; margin:0 0 0 20px;}
#row4 #body_obtenez {font-family: 'Oxygen', sans-serif; font-weight:700; color:#b00644; font-size:1.3em; line-height:normal; background-image:url(../screen/bg_indic.png); background-repeat:repeat;}
#row4 #body_obtenez ul {padding:12px 0 14px 0; margin:0 0 0 20px;}
#row4 #body_obtenez li {list-style-type:none; padding:3px 0;}
#row4 #body_obtenez li .glyphicon-ok {font-size:0.75em; display:inline-block; margin:0 10px 0 0;}

.h100 {height:100%;}

#row5 {background-color:#ffffff;}
#row5 h4 {color:#de5300; font-size:1.3em; font-weight:bold; text-align:center; margin:0 0 15px 0;}

#row6 {background-color:#ffffff; border-top:solid 4px #d1d1d1; padding:0 0 0 0;}
#row6 span {font-size:1.6em; display:inline-block; margin:0 15px 0 0; padding:0 0 0 0; vertical-align:bottom;}
#row6 h6 {font-size:1.2em; font-weight:bold; color:#bd0649; margin:0 0 3px 18px; padding:0 0 0 0;}
#row6 h6:first-child {margin:33px 0 0 18px;}
#row6 p {font-size:0.95em; font-weight:bold; color:#4e4b4b; margin:0 0 17px 18px; padding:0 0 0 0;}
#row6 hr {background-image:url(../img/filet.png); background-repeat:no-repeat; background-position:top left; height:1px; width:100%; margin:0 0 11px 0; padding:0 0 0 0;}
#row6 #bloc_artisans {float:right;}
#row6 #img_artisans {float:right;}

#row7 {
color:#464646;
height:131px;
background-color:#ffffff;
background-image:url(../screen/bg_vie_privee.png);
background-position:top right;
background-repeat:no-repeat;
padding:0 0 0 15px;}
#row7 #vie_privee {width:60%; float:left;}
#row7 h4 {font-size:1em; font-weight:bold; padding:0 0 0 0; margin:20px 0 5px 0;}
#row7 p {font-size:0.9em;}
#row7 p a {text-decoration:underline; color:#464646;}

#row8 {background-color:#ffffff; padding:25px 0 0 0;}
#row8 #temoignage1 {margin:0 0 0 0; display:block;}
#row8 #temoignage2 {margin:0 0 0 30px; display:block;}
#row8 .bulle {
padding-left:17px;
padding-right:40px;
background-image:url(../screen/acc_bulle.png); background-position:left center; background-repeat:no-repeat;
width:100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float:left;
}
#row8 #bulle1 {margin:0 0 0 0;}
#row8 #bulle2 {margin:0 0 0 0;}
#row8 blockquote {
background-color:#edeff0;
color:#4e4b4b;
font-family: 'Merriweather', serif;
font-weight:700;
font-style:italic;
line-height:1.55em;
font-size:1.2em;
border:none 0;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
margin:0 0 0 0;
padding:15px 20px;
}
#row8 p {margin:0 0 0 0; padding:0 0 0 0;}
#row8 .auteur {color:#005899;font-size:0.95em;}

#row9 {margin:0 -30px 0 -30px; padding:0 0 0 0;}

#row10 {background-color:#ffffff;}
#row10 #title_confirm {background-color:#0091cf;}
#row10 h1 {color:#ffffff; font-family: 'Oxygen', sans-serif; font-weight:700; font-size:1.85em; line-height:1.3em; height:120px; margin:0; padding:25px 0 0 15px;}
#row10 #right_confirm {background-image:url(../screen/bg_confirm.png); background-repeat:no-repeat; background-position:top right; height:120px;}
#row10 #redirect {background-image:url(../screen/0bg_confirm.png); background-repeat:no-repeat; background-position:top right; height:120px;}

#row11 {background-color:#ffffff;}
#row11 h2 {color:#bd0649; font-weight:bold; font-size:1.5em; line-height:1.3em; padding:0 0 0 15px;}

#row12 {background-color:#ffffff; padding:8px 0 8px 0;}
#row12_margin {background-color:#ffffff; padding:8px 0 32px 0;}
#row12 .picto_confirm {margin:0 0 0 15px;}
#row12_margin .picto_confirm {margin:0 0 0 15px;}
#row12 p {color:#4e4b4b; font-weight:normal; font-size:1.2em;}
#row12_margin p {color:#4e4b4b; font-weight:normal; font-size:1.2em;}
#row12 .info_confirm {margin:0 0 0 -86px; height:68px; line-height:68px;}
#row12_margin .info_confirm {margin:0 0 0 -86px; height:68px; line-height:68px;}
#row12 .info_confirm span {vertical-align:middle; display:inline-block; line-height:1.4em;}
#row12_margin .info_confirm span {vertical-align:middle; display:inline-block; line-height:1.4em;}

#row13 {background-color:#ffffff; margin-top:10px;}
#row13 h2 {color:#bd0649; font-weight:bold; font-size:1.5em; line-height:1.3em; padding:0 0 0 15px;}

#row14 {background-color:#ffffff; padding:0 0 40px 0;}
#row14 .col_devis {padding:0 45px;}
#row14 img {margin:0 auto; border:solid 6px #f0f0f0;}
#row14 p {color:#666363; font-weight:bold; font-size:1em; line-height:1.3em; margin:8px 0 0 0; padding:0 0 0 5px;}
#row14 p a {color:inherit; text-decoration:none}
#row20 {height:35px; margin:0 -30px 0 -30px; padding:0 0 150px 0;}



@media only screen and (max-width: 1200px) {
#row8 #bulle1 {margin:15px 0 0 0;}
#row8 #bulle2 {margin:15px 0 0 0;}
#row12 .info_confirm {margin:0 0 0 -130px;}
#row12_margin .info_confirm {margin:0 0 0 -130px;}
#row14 .col_devis {padding:0 30px;}
}


@media only screen and (max-width: 992px) {
h1 {text-align:center;}
#formulaire {position:relative; top:0; right:0; width:95%; max-width:500px; margin:0 auto 30px auto;}
#row4 #obtenez {width:70%; margin:40px auto 0 auto; position:relative; bottom:0; left:0;}
#row4 #heading_obtenez {
text-align:center;
padding:12px 0 14px 0; background-image:none; background-color:#bd0649;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
#row4 #body_obtenez {border:1px solid #bd0649;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;}
#row4 #body_obtenez ul {padding-left:40px;}
#row4 #body_obtenez li {list-style-type:none; padding:3px 0; margin-right:20px}
#row4 #heading_obtenez h3 {margin-right:20px;}
#row6 #bloc_artisans {float:none;}
#row6 #img_artisans {float:none; margin:0 auto;}
#row7 {background-image:none; background-color:#ebebeb; height:auto; padding:0 0 10px 0;}
#row7 #vie_privee {width:100%}
#row8 #temoignage1, #row8 #temoignage2 {margin:0 auto;}
#row8 .bulle {background-image:none; padding:0 20px 0 20px;}
#row8 #bulle1, #row8 #bulle2 {margin:0;}
#row8 {padding:10px 0 40px 0;}
#row10 h1 {padding-left:0;}
#row12 .info_confirm {margin:0 0 0 -15px;}
#row12_margin .info_confirm {margin:0 0 0 -15px;}
#row20 {height:35px; margin:0 -30px 0 -30px; padding:0 0 80px 0;}
}

@media only screen and (max-width: 768px) {
#row1 #logo {margin: 0 auto 0 auto; display:block;}
#custom_btn {min-width:50%; text-align:center;}
#row4 #body_obtenez ul {padding-left:0;}
#row8 #bulle1, #row8 #bulle2 {padding-right:17px;}
#row10 h1 {height:auto; padding:20px 0 22px 10px;}
#row11 h2 {margin:30px 0 18px 0; padding:0 0 0 0; text-align:center;}
#row13 h2 {margin:30px 0 18px 0; padding:0 0 0 0; text-align:center;}
#row12 .picto_confirm {margin:0 auto 0 auto; display:block;}
#row12_margin .picto_confirm {margin:0 auto 0 auto; display:block;}
#row12 .info_confirm {margin:12px 0 15px 0; height:auto; line-height:normal; text-align:center;}
#row12_margin .info_confirm {margin:12px 0 15px 0; height:auto; line-height:normal; text-align:center;}
#row14 {background-color:#ffffff; padding:0 0 0 0;}
#row14 p {text-align:center; margin-bottom:40px;}
#row20 {display:none;}
}


@media only screen and (max-width: 400px) {
#row1 #logo {max-width: 100%; height:auto;}
}

@media only screen and (max-width: 320px) {
body {font-size:12px;}
}
.error-label, .error-label .error{
    font-style: italic;
    font-weight: bold;
    color: #0091cf;
}
.second_step{
    display: none;
}
.fa-4{
    font-size: 4em;
}

.home-explanation{
    background-color: white;
    text-align: center;
}
.home-explanation img{
    height: 20px;
}
.home-explanation .explanation{
    margin-top: 10px;
    padding-top: 10px;
    border-right: 1px solid #CCC;
}
.photos{
    background: white;
}
.photo img{
    max-width: 100%;
    overflow:hidden;
    margin-bottom: 10px;
}
.logo-quotation{
    line-height: 102px;
}
.logo-quotation img{
    margin-left: 30px;
}
.logo-quotation span{
    font-family: Oxygen;
    font-size: 30px;
    font-weight: bold;
    margin-left: 7px;
}
.logo-quotation .grey-black{
    color: #555;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    line-height: 50px;
}
.logo-quotation .blue{
    margin-left: 10px;
    color: #0091cf;
    display: inline-block;
    line-height: 50px;
    height: 50px;
    vertical-align: middle;
}
#row15{
    border-top: solid 4px #d1d1d1;
    padding-top: 10px;
}
#row16{
    padding-top: 10px;
    border-top: solid 4px #d1d1d1;
    background: #fff;
}
#row16 p{
    font-size: 16px;
    font-family: Oxygen;
    font-weight: normal;
}
.title{
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    background-color: #EEE;
}