body {
   width: auto;
        margin: 0;
        padding: 0;
text-align:center;
margin:0 auto;
font-size:16px;
font-family: 'Roboto', sans-serif;
height:100%;
}

a {color:#ccc;}

img {border:0px;  max-width: 100%;  height: auto;}
div.clear {clear:both; height:1px; display:block;background-color:#ededeb;}

.milieu {vertical-align:middle;}
h1 {color:#72a8f9;font-weight:300;font-size:34px;text-align:center;line-height:32px;margin:1px;letter-spacing:2px;}

h2 {color:#91e1ff;font-size:36px;}


.lancement {font-style:italic;font-size:26px;color:#266d87;text-align:left;letter-spacing:1px;background-color:rgba(238,238,238,0.9);padding:5px;margin-right:40px;}
.titrepave {font-size:34px;color:#fff;}
div.retourmobile {text-align:left;float:left;margin-right:10px;}

.bulle {border:1px solid #266d87;color:#fff;background-color:#266d87;padding:5px;border-radius:20%; width:150px;  height:150px;}
.gros {font-weight:700;}


h3 {font-size:20px;color:#3b5998;letter-spacing:1px;font-weight:400;display: block;clear:both;}

#bloctext h3 { font-size:20px;color:#fff;letter-spacing:1px;font-weight:400;display:block;}

#bloccta {float:left;width:600px;text-align:left;}
#header {background-color:#3b5998;width:100%;height:90px;padding:0;margin:0;}
#bouton {width:320px;float:left;padding:5px;border:2px solid #009036;background-color:rgba(255,255,255,1);border-radius:3px;display:block;margin-bottom:15px;}
#bouton:hover {border:4px solid #009036;}
.txtbtn {font-size:20px;color:#3b5998;text-align:center;}
#logo {width:310px;float:left;padding-top:15px;}
#professionnels {width:700px;float:right;text-align:left;padding-top:0px;margin-top:25px;}

.presentation {color:#3b5998;font-size:38px;font-weight:300;letter-spacing:5px;}
.presentation_suite {color:#333;font-size:21px;color:#3b5998;font-weight:400;}
.container {width:1024px;text-align:center;margin:0 auto;padding:0;}
.separateur {clear:both; height:15px; display:block;}
#corps {background-image:url(../img/tns.jpg);height:580px;text-align:center;width:100%;padding:0;background-repeat:no-repeat;	 
-webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
  }

#devis {background-color:#F5F5F5;padding:30px 0 50px 0 ;height:auto;}
  
#bloctxt{background-color:#3b5998;width:60%;text-align:left;padding:1% 20%;color:#fff;font-size:16px;}
#form {width:98%;margin:0 auto;text-align:center;background-color:#fff;padding:1%;}
#sidebar_right {background-color:#fff;float:right;width:25%;margin-right:3%;}


#fleche {background-image:url(../img/flechecta.png);width:60px;height:61px;background-repeat:no-repeat;margin-top:0px;margin-left:0px;}

#footer {margin:0 auto;background-color:#fff;padding:15px 0;font-size:11px;margin-top:20px;color:#3b5998;}
a.lienfooter {text-decoration:none;#3b5998;}