html{font-size:100%;}
body{margin:0;padding:0;background:#F1EDFF;color:#666666;font-size:100%;font-family: "Roboto", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;}
h1, h2, h3{margin-top:0;line-height:1.62em;}
p, ul, dl{line-height:1.4em;}
body{max-width:1280px;margin:0 auto;}
#header{width:100%;margin:0;padding:0;background:white;min-height:100px;}
#titre_page{display:inline-block;}
#titre_page h1.aa{display:inline-block;float:left;padding:1.2em 1em 0.1em 0.2em;margin:0;color:#5194da;line-height:normal;font-size:120%;}
#titre_page p{float:left;padding:0 1% 5px 0.4em;margin:0;color:#5194da;letter-spacing:2px;line-height:normal;font-size:90%;}
#logo{display:inline-block;margin:25px 0 0 0.4em;float:left;height:60px;width:auto;}
#page{max-width:1280px;}
#nav{clear:both;margin:0;width:100%;font-size:95%;}
#nav ul{list-style-type:none;margin:0.4em 0 0 0;padding:0;color:#fff;background:#5495D9;}
#nav ul li{display:inline-block;position:relative;}
#nav li ul{position:absolute;left:0;top:40px;width:300px;z-index:11;}
#nav li li{position:relative;margin:0;display:block;}
#nav li li ul{position:absolute;left:200px;top:0;margin:0;}
#nav a{line-height:21px;padding:6px 6px;margin:6px 6px;display:block;width:95%;}
#nav a{color:#fff;text-decoration:none;display:block;}
#nav li li a{border-bottom:solid 1px #ffffff;margin:0 10px;padding:5px 0 5px 0;}
#nav li li:last-child a{border-bottom:none;}
#nav ul li a:hover,#nav ul li a:focus,#nav ul li a:active{color:#666;background-color:#8FD53F;}
#nav ul li a:link,#nav ul li a:visited{display:block;}
#nav ul li ul.sub-menu{display:none;}
#nav .petitmenu{display:none;}
#nav .dropdown{}
#content{width:60%;float:left;margin:0 0 20px 0;padding:0;background:white;}
#content .bloc{margin-right:2%;padding:10px;overflow:hidden;}
#content .bloc p{margin:0 0 0 0.5em;padding:10px 5px;font-size:90%;}
#content h2.aaa{padding:5px;margin:0;color:#666;line-height:normal;font-size:115%;}
#content h3{padding:5px;margin:0;color:#fff;line-height:normal;font-size:110%;}
#page #content .bloc p a{color:#ccc;}
#colonne1{width:39%;background:white;}
#colonne1 .bloc{margin-right:2%;padding:10px;overflow:hidden;}
.sidebar{float:left;margin:0 0 20px 1%;padding:0;}
#footer{width:100%;clear:both;margin:0;padding:0;background:#5495D9;}
#footer p{padding:2em;font-size:90%;color:white;}
#footer a{color:#fff;font-size:90%;}
table{width:100%;height:auto;border-collapse:collapse;border:1px solid #38678f;margin:10px auto;background:white;}
th{background:steelblue;height:54px;width:25%;font-weight:lighter;text-shadow:0 1px 0 #38678f;color:white;border:1px solid #38678f;box-shadow:inset 0px 1px 2px #568ebd;transition:all 0.2s;}
tr{border-bottom:1px solid #cccccc;}
tr:last-child{border-bottom:0px;}
td{border:1px solid #cccccc;padding:10px;transition:all 0.2s;}
td:last-child{border-right:0px;}
.infos{box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);animation:float 5s infinite;font-size:88%;overflow:hidden;}
.infos td{border:1px solid #cccccc;padding:15px;transition:all 0.2s;}
.infos td a{color:#000;background-color:#fff;}
.infos td.az{background:#fff;border:#dbdbdb solid 1px;border-bottom:#dbdbdb solid 0px;border-right:#dbdbdb dotted 1px;text-align:left;padding:5px 0 0 10px;}
.infos td.taille11{width:25%;}
.ligne_choix dl{width:100%;}
.ligne_choix dd{margin:0;}
.ligne_choix dl{margin:0 0 0 0px;}
.ligne_choix dt{background:#FD8336;padding:2px;margin:2px;font-size:100%;color:#fff;}
.ligne_choix dt a{color:#fff;text-decoration:none;}
.ligne_choix dt a:hover{color:#666;background:#A5DD65}
.ligne_choix dd a{color:#000;}
.ligne_choix ul{list-style:none;padding:5px;}
.tabledevis{box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);animation:float 5s infinite;font-size:90%;}
.tabledevis td.c1{padding:2px;margin:0;text-align:center;}
.fichedevis2{padding:5px 20px 5px 10px;background:#000;color:#fff;height:auto;margin:0 0 10px 0;font-size:90%;}
.fichedevis2 p{margin:0.5em;padding:2px;color:#fff;font-size:90%;}
.fichedevis2 .deviss{color:#ffff00;}
#content .fichedevis2 a{color:#fff;}
.ourdevelopment p.meta{height:29px;background-color:#ccc;text-decoration:none;}
.ourdevelopment p{float:left;margin:13px 0 0 0;padding:0;width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;line-height:21px;color:#000;}
.ourdevelopment p a{float:left;color:#055e81;font-weight:bold;text-decoration:underline;}
.ourdevelopment p a:hover{float:left;color:#ec8000;font-weight:bold;text-decoration:underline;}
.ourdevelopment .posted{float:left;height:16px;padding:5px 20px 5px 1px;font-size:11px;}
.ddev{text-align:center;color:#000000;font-size:14px;margin:5px 0 5px 0;}
.ddev2{font-size:14px;font-weight:bold;text-align:center;}
.ddev3{font-size:14px;font-weight:bold;text-align:left;}
.ddev4{text-align:center;color:#000000;font-size:20px;margin:5px 0 5px 0;}
.affprix{font-size:14px;color:#ff0000;}
p.txt2{text-align:center;}
p.txt2 img{width:110px;}
p.img{padding:10px 5px 15px 10px;float:left;width:18%;margin:0;height:auto;background:white;vertical-align:middle;}
p.txt{padding:1em 0 0 0;float:left;border-bottom:#D4D0C8 solid 1px;width:70%;margin:0;background:white;display:block;font-size:90%;}
p.a2{margin:5px;padding:2px;color:#fff;font-size:90%;}
p.a2 a{color:#ffff00;}
.partage1{width:98%;color:#666;margin:0;margin:2px 0 9px 0;padding:0 0 5px 0;background-color:#fff;height:auto}
.partage1 p{padding:1em 0 1em 0;float:left;width:80%;margin:0;background:#5495D9;font-size:90%;}
.partage1 img.pic2{float:left;display:block;margin:0;padding:1em 0 0 0;border:none;width:18%;height:auto;vertical-align:middle;}
.partage1 a{display:block;padding:0 0 0 7px;color:#fff;text-decoration:none;width:80%;margin-left:0;font-size:90%;}
.partage1 a:hover{background-color:#8FD53F;color:#000;}
.partage1 span{float:right;display:block;margin-left:10px;}
h3.bb{font-size:100%}
img{max-width:100%;height:auto;}

@media screen and (max-width:1000px){*{font-size:99%;}
#page #content2{clear:both;width:100%;}
#page #colonne2{clear:both;width:100%;}
#page #colseul2 .cadre{width:40%;}
#page #colseul2 #rupture{clear:both;}
#page #content{clear:both;width:100%;}
#page #colonne1{clear:both;width:100%;}
.sidebar{float:left;margin:0 0 20px 1%;padding:0;}
.liste td{display:table;margin:20px 5px 20px 5px;background-color:#ccc;width:98%;}
}
@media screen and (max-width:540px){*{font-size:98%;}
#page #content2{clear:both;width:100%;}
#page #colonne2{clear:both;width:98%;}
#page #content2 .bloc{margin:0;}
#page #colseul2 .cadre{width:40%;}
#page #colseul2 #rupture{clear:both;}
#page #colseul .bloc, #page #colseul2.bloc{margin:0;}
#page #content{clear:both;width:100%;}
#page #colonne1{clear:both;width:98%;}
#page #content .bloc{margin:0;}
#page #content .bloc2{margin:0;}
#page #content .bloc p{margin:0;}
#footer{width:100%;clear:both;}
#page #nav ul{color:#fff;background:#000;}
#page #nav ul li{clear:both;display:block;width:98%;}
#page #nav ul li a:hover,#nav ul li a:focus,#nav ul li a:active{color:#000;background-color:#FCDC12;}
#page #nav .petitmenu{display:block;}
#page #nav .dropdown{display:none;}
.sidebar{float:left;margin:0 0 20px 1%;padding:0;}
.liste td{display:table;margin:20px 5px 20px 5px;width:98%;}
.infos td{display:table;margin:10px 5px 10px 5px;background-color:#ccc;width:98%;}
}