﻿body
{
	padding:0;
	margin:0;
	background-image:url(../img/grey.jpg);
	background-repeat:repeat;

	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	
}

img { border:none;}
.image {padding:2px 10px;}
a {text-decoration:none;color:#2459b7;}
.gras {font-weight:600}
.grisfonce {#333;}
.vert {color:#339900;}
.fin {font-weight:300;}
div.clear{clear:both; height:1px; display:block;padding:0;margin:0;}
div.spacer{clear:both; height:1px; display:block;}
h1 {font-size:54px;color:#2d2d2e;font-weight:300;line-height:50px;padding:0;margin:0;}
h2 {font-size:26px;color:#000;text-align:left;}
h3{font-size:19px;color:#095576;}
h4  {font-size:26px;color:#fff;line-height:22px;text-align:center;display:inline;padding:3px;}

.baselinecta {color:#356aa0;font-size:34px;font-weight:300;line-height:18px;text-align:center;}

.titrepage {font-size:38px;color:#2d2d2e;font-weight:300;line-height:45px;padding:0;}

#filetbleu {background-color:#2459b7;padding:4px 0;width:100%;}
.explications {line-height:30px;}
#filettitre {background-color:#094171;padding:18px 0;width:100%;color:#fff;}
.titredevis {font-size:36px;color:#fff;text-align:center;}
.soustitredevis {margin:5px 0;padding:5px 0;}

li {line-height:25px;}

.main {font-size:17px; color:#333;margin:0 20px;letter-spacing:2px;}

/* BLOCS  */

#header {
width:100%;
background-color:#fff;
height:100px;
vertical-align:middle;
}

#headerdevis {
width:100%;
background-color:#fff;
height:100px;
vertical-align:middle;
}


#logo {float:left;width:30%;text-align:left;}
#menu {float:right;width:70%;margin-top:20px;text-align:right;}
.orange {color:#FFCC33;}
 
#content {width:1000px;padding:5px 10px;margin:0 auto;background-color:#fff;}
.container {width:1000px;padding:10px;margin:0 auto;}
.container2 {width:98%;margin:0 auto;}

#cta {background-image:url(../img/grey.jpg);background-repeat:repeat;color:#333;width:100%;height:auto;padding:60px 0 0 0;border:1px solid #ccc;}

.bloctexte0{float:left;width:20%;padding:1%;margin:1%;text-align:left;height:300px;}
.bloctexte {float:left;width:20%;padding:1%;margin:1%;text-align:left;background-color:#fff;height:300px;font-size:13px;border:1px solid #f0efef;}
h2.titrebloc {background-color:#356aa0;padding:3px 10px;width:100%;color:#fff;margin:0;font-size:18px;text-align:left;font-weight:300;}
.lienbouton {color:#fff;font-weight:600;font-size:18px;}

#section_texte {background-color:#f7f7f7;}

#img_cta {width:auto;text-align:left;background-image:url(../img/fret.png);height:347px;background-repeat:no-repeat;margin-left:1%;padding:0;}
#content_cta {float:right;width:45%;margin-right:5%;margin-top:-350px;}

#bouton {background-color:#DF6118;border-radius:5px;padding:10px 15px;width:320px;margin:0 auto;text-align:center;margin-top:20px;}
#bouton:hover {background-color:#115a98;;}
.petitgras {font-size:12px;font-weight:bold;text-align:center;}

#bouton2 {background-color:#649c4e;border-radius:5px;padding:10px 15px;width:360px;margin:0 auto;text-align:center;float:right;}
#bouton2:hover {background-color:#c93a1c;}

#cadretitre {background-color:#9dbbea;padding:5px;}

#fleche {background-image:url(../img/fleche.png);width:150px;height:62px;margin-top:-130px;margin-left:25px;}

#autresujets {background-color:#F5F5F5;padding:7px 25px;margin:0 0 15px 0;}

#faq {background-color:#F5F5F5;float:right;padding:1% 1%;width:35%;}

#footer {background-color:#4d56a2;padding:10px;}

.etape {background-color:#e1710d;padding:5px 8px;width:40px:height:40px;border-radius:3px;color:#fff;margin:20px 0;}

 #main { width:97%;margin: 0px auto;margin-bottom:40px; border:solid 1px #b2b3b5; -moz-border-radius:10px; padding:1%; background-color:#fff;font-size:14px;}


 #mainnew { width:60%;float:left;margin: 0px auto;margin-bottom:40px; border:solid 1px #bdd3f9; -moz-border-radius:10px; padding:1% 1%; background-color:#fff;font-size:14px;}


        #headeretapes { text-align:center; border-bottom:solid 1px #b2b3b5; margin: 0 0 20px 0; }
        fieldset { border:none; width:520px;}
        legend { font-size:20px; margin:0px; padding:2px 0px; color:#336699; font-weight:bold;}
        label { display:block; margin:15px 0 5px;}
         input[type=text],input[type=number],input[type=tel],input[type=email], input[type=password], select { width:300px; padding:7px; border:solid 1px #66ccff;border-radius:3px;font-size:16px;}


        .prev, .next { background-color:#318f10; padding:5px 10px; color:#fff; text-decoration:none;font-size:20px;}
        .prev:hover, .next:hover { background-color:#276d0e; text-decoration:none;}
        .prev { float:left;background-color:#ccc;margin-top:25px;}
     .prev:hover { float:left;background-color:#333;margin-top:25px;}
        .next { float:right;margin-right:50px;}
        #steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
        #steps li {font-size:24px; float:left; padding:10px; color:#b0b1b3;}
        #steps li span {font-size:11px; display:block;}
        #steps li.current { color:#000;}
        #makeWizard { background-color:#b0232a; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px;}
        #makeWizard:hover { background-color:#000;}


.btn_envoi {background-color:#009933;padding:5px 15px;font-size:20px;border-radius:3px;color:#fff;border:1px solid #339966;text-decoration:none;width:360px;margin:0 auto;text-align:center;border:1px solid #268153;cursor:pointer;}

.btn_envoi:hover {background-color:#3399cc;border:1px solid #3366cc;}
.barresep {padding:0;margin:0;border:1px solid #F5F5F5;}
#blocbleutexte {background-color:#4d56a2;width:80%;padding:25px 10%;color:#fff;}

#footer {background:#f7f7f7;padding:10px;font-size:12px;text-align:right;}
#footercentre {background:#333;padding:4px;font-size:12px;text-align:center;color:#fff;}


.btnradio {
	width: 25px;
	height: 25px;
	background-color: #168dbf;
	cursor: pointer;
	vertical-align:middle;
}

.mentiondevis {font-size:12px;font-weight:bold;font-style:italic;color:#333;}
