@charset "utf-8";

body	{font-family:'Asap',sans-serif; color:#000; height:100%;}

*	{margin:0; padding:0;}

a		{text-decoration:none; outline:none;} 
a:hover	{text-decoration:underline;}
a:visited{color:blue;}
a img	{border:none;}
h1,h2,h3,h4,h5,p	{font-size:1em;}
h1  {font-family:'Michroma',sans-serif; margin-bottom:25px;}
ul,li 	{list-style:none;}
p		{line-height:20px; margin-bottom:11px;}

.bold       {font-weight:bold;}
.clear      {clear:both;}
.uppercase  {text-transform:uppercase;}

.top-slice  { width:100%;}

.wrapper	{margin:0 auto; width:100%;} 

#header-container{width:100%; background-color:#FFF;}
#header	{height:92px; position:relative; width:960px; margin:0 auto; z-index:10;}

#header p   {color:#3a434c; font-size:14px; line-height:25px; margin:0 0 0 70px;}/* FFF */

#header a img#logo   {display:block; height:211px; left:8px; position:absolute; top:26px; width:253px; z-index:1000;}

#slideshowHolder{margin-left:25px; width:100%;}
#slideshowHolder img{width:100%; height:auto;}

#contenu	{}
#content-zone{background:#3a434c url(/images/arriereplan-toit.jpg) no-repeat;}
#contentbox{ background-color:#fff; margin:0 auto; width:916px;}
#contentbox h2{ font-size:15px; margin-bottom:15px;}
	#colonnegauche	{background-color:#fff; float:left; min-height:460px; padding:30px 5px 30px 50px; margin:0; width:500px;}
	#colonnedroite	{background-color:#fff; float:right; margin:0 21px 0 0; min-height:500px; padding-bottom:28px; position:relative; width:309px;}
	#colonnemilieu	{width:960px;}

#colonnegauche h2  {font-family:'Michroma',sans-serif; font-size:120%; margin:20px 0 10px;}

#colonnegauche li 	{background:url(../../images/puces/4.gif) left 6px no-repeat; margin-top:12px; padding-left:20px}

/* SLIDER */
.carousel-inner .carousel-item img{width:100%; height:auto;}
#ban_int{width:100%; height:260px; display:none; background:url(/images/slider/slide-1.jpg) center no-repeat;}

/* FOOTER */
#footer-container {background-color:#3d77a7; width:100%;}
#footer {
    font:15px 'Asap',sans-serif; margin:-30px 0 10px -1px; padding:30px 35px 50px 35px; position:relative; width:916px; margin:0 auto;
    background:url(/images/footer-img.jpg) center right 35px no-repeat;
}

#copyright  {background: linear-gradient(#315b85, #3d77a7); color:#fff; font:14px 'Asap',sans-serif; text-align:center; padding:15px 0;}
#copyright a  {color:#fff; font:14px 'Asap',sans-serif;}

#footer2 {background:url(../../images/bgd_footer2.jpg) 23px top no-repeat; font:15px 'Asap',sans-serif; margin:-30px 0 10px -1px; height:149px; padding:30px 0 20px 0; text-align:center; position:relative; width:952px; color:#fff;}

/* MOBILE */
.mobile-img{display:none;}

/* PLAN DU SITE */
#plandusite {margin:20px 0 0 20px; padding:0 0 10px;}
#plandusite ul 	{margin:15px;}
#plandusite ul li 	{
	background:url(../../images/puces/4.gif) left 4px no-repeat;
	margin-top:12px;
	padding-left:20px;
	}
#plandusite ul ul   	{margin:10px 0 10px 20px;}
#plandusite ul ul li	{background:url(../../images/puces/4b.gif) left 7px no-repeat; margin-top:12px; padding-left:20px;}
#plandusite a		{border-bottom:1px dotted #999; color:#333;}
#plandusite a:hover 	{border-bottom:none; color:#999;}

/* Bon à savoir */
a.info:hover	{z-index:25; background-color:#ff0}
a.info span		{display:none}

/* rollover */
.rollOver 		{display: block;background-repeat: no-repeat;background-position: 0 0;float: left;}
.rollOver:hover 	{background-position: bottom right;}
.rollOver span 	{display: none;}
.icone 			{width: 354px;height: 34px;}

/* lien de la même couleur que le texte du contenant */
a.invisible			{color:inherit; text-decoration:none; cursor:pointer;}
a.invisible:hover	{text-decoration:underline;}
* html a.invisible, *+html a.invisible	{color:expression(this.parentNode.currentStyle.color);} 

/* ----------------------------- */
/* ----------- MENUS ----------- */
/* ----------------------------- */
.hmenu,.hmenu ul,.hmenu li  {list-style:none;} 
/* ----------- POUR LES MENUS HORIZONTAUX ET VERTICAUX ----------------- */
.hmenu  {height:85px; position:absolute; right:8px; top:26px; width:692px; box-sizing:content-box;}
.hmenu li   {display:block; float:left; margin:0 1px; position:relative; box-sizing:content-box;}
.hmenu a    {background-color:#fff; color:#000; display:block; font-size:12px; height:46px; padding:20px 3px 0 10px; text-transform:uppercase; box-sizing:content-box;}
.hmenu li ul    {display:none; position:absolute; z-index:999; box-sizing:content-box;}
.hmenu li:hover ul,.hmenu li.sfHover ul {display:block;}
/* ----------- POUR LES MENUS HORIZONTAUX ---------------- */
.hmenu li ul li {float:none;}
.hmenu a:hover    {color:#1c75bc; text-decoration:none;}

/* Largeurs des liens-menu */
.hmenu a#acc   {width:52px;}
.hmenu a#tla   {width:90px;}
.hmenu a#egn   {width:92px;}
.hmenu a#ral   {width:85px;}
.hmenu a#dds   {width:92px;}
.hmenu a#prf   {width:46px;}
.hmenu a#njd   {width:55px;}
.hmenu a#pds   {width:55px;}

/* ACCUEIL */
img.foto-accueil   {height:302px; margin:10px 0 0 25px; position:static; width:914px;}

.textFooterAccueil  {color:#fff; float:left; min-height:100px; width:450px;}
.textFooterAccueil h2    {font-size:22px; margin-bottom:15px;}
.textFooterAccueil h3    {font-size:17px; margin-bottom:20px;}

ul.services {min-height:30px; width:500px;}
ul.services li {background:url(../../images/puces/puces-serices.gif) left 5px no-repeat; float:left; padding:2px 2px 2px 20px; width:190px;}
ul.services li.w100 {width:250px;}

.garantie   {height:130px; position:absolute; right:170px; top:-25px; width:270px;}
.garantie img   {display:block; left:0; position:absolute; top:0;}
.garantie p {color:#fff; float:right; font-size:13px; margin:30px 25px 0 0;}

img.topRightContent {float:left; height:100px; margin:-70px 0 0; width:305px;}

img.maisonnette {display:block; float:left; margin:-60px 0 0 57px;}
img.autresimages {display:block; float:left; margin:-60px 0 0 27px;} 

.joindre    {background:url(../../images/section-joindre.png) center top no-repeat; float:left; height:126px; margin:-50px 0 0 17px; overflow:hidden; position:relative; width:274px;}
.joindre h2 {bottom:15px; color:#1c75bc; font-size:19px; font-weight:normal; left:0; position:absolute; text-align:center; width:100%;}
.joindre  a {color:#1c75bc;}

.numeros    {font-size:19px; font-weight:normal;}

.coordonnees    {background:#e2edf6; clear:both; display:block; float:left; margin:0 0 0 17px; min-height:145px; padding:20px; width:274px;}
.coordonnees p    {font-size:14px; padding-left:5px;}
.coordonnees a  {color:#000; text-decoration:none;}
.coordonnees a:hover  {color:#444;}/* Courriel */

.coordonnees h2 {color:#1c75bc; font-size:19px; font-weight:normal; left:0; text-align:center;}

.carrecouleur { 
	border:2px solid #f0f0f0;
    -moz-box-shadow:    3px 3px 3px 1px #888;
    -webkit-box-shadow: 3px 3px 3px 1px #888;
    box-shadow:         3px 3px 3px 1px #888;
    width:50px;
    height:50px;
    margin:12px;
    float:left;
}

.iconrealisation { float:left;}
.txtgauche { text-align:left !important;}

.contour { border:2px solid #1c75bc; box-shadow: 5px 5px 3px #1c75bc; }

/* PAGE RÉALISATION */
.realisation-item{margin-bottom:15px;}
/*.realisation-item:hover { background-color:#c4dbed; }*/
.realisation-item img{width:100%; height:auto;}
.realisation-item h4 { color:#000; font-weight:normal; }
.realisation-item a { color:#1c75bc; text-decoration:none;}

/*  SOUMISSION  */
#formulairesoumission {margin:35px 0 0}
#formulairesoumission p {margin:0;}
#formulairesoumission label { display:block; }
#formulairesoumission input { width:500px; display:block; margin-bottom:10px; background-color:#E2EDF6; border:1px solid #528FC6; padding:5px; }
#formulairesoumission input[type="submit"] { width: 115px; height: 50px; border:2px solid #58595B !important; background-color:#528FC6; color:#fff;}
#formulairesoumission input[type="submit"]:hover {border:2px solid #528FC6 !important; background-color:#58595B;}
#formulairesoumission .phoneField   { width:40px; display:inline-block; }
#formulairesoumission textarea {width:500px; height:150px; display:block; margin-bottom:30px; background-color:#E2EDF6; border:1px solid #528FC6; overflow: auto; }
#formulairesoumission input.bouton { width:auto; background-color:#528FC6; color:#fff; padding: 10px 15px; height:auto; border:none; margin-bottom:20px;}

.rfvClass {color:#C73A3A;}


/* DEMANDE DE SOUMISSION */
.methods {background-color:#E2EDF6; border:1px solid #528FC6; margin:0 0 20px; overflow:hidden; padding:5px 7px; position:relative}

.methods img {float:right;}

.methods p {float:left; margin:15px 0 0 10px; width:40%;}

table.versant {border-collapse:collapse; margin:-3px 0 10px}
table.versant td {border:1px solid #528FC6}
table.versant td {padding:2px 7px}

table.versant th {padding-bottom:9px; text-align:left}

table.padding07 {padding:11px 0}

.bgdGrey td {background-color:#E2EDF6}

em.lla {font-size:90%; text-indent:11px}

/* Propriétés */
.bold {font-weight:bold}
.floatRight {float:right}
.textLeft {text-align:left}
.textRight {text-align:right}
.underline {text-decoration:underline}
.uppercase {text-transform:uppercase}

.msgsoumission { color:#C73A3A; font-size:15px; margin-bottom:20px;}

.btnSiteWeb {display:block; width: 210px; font-size: 18px; height: 35px; border:2px solid #58595B !important; background-color:#528FC6; color:#fff !important; text-align:center; margin:15px auto; padding-top:15px;}
.btnSiteWeb:hover {border:2px solid #528FC6 !important; background-color:#58595B;}
#noteBasPage {clear:both; margin: 0 0 20px 15px; padding-top: 15px;}
#btnAutresCouleurs {background-image:url("../../images/btnAutresCouleurs.png"); width:228px; height:68px; background-position:top left; display:block;}
#btnAutresCouleurs:hover {background-position:bottom left;}

@media screen and (max-width:991px) {  
    #header	{width:100%; height:auto; min-height:100px;}
    #contentbox{width:100%;}    
    #colonnegauche	{width:450px;}
    #colonnegauche iframe	{width:100%;}
    #colonnedroite{margin:0;}
    #footer {width:100%; background-position:center right 18px;}

    #main-nav{width:100%; position:relative;}
        #main-nav .navbar-toggler {position:absolute; top:0; right:10px;}

    #main-menu{width:100%; margin-top:50px;}
    #main-menu .navbar-nav{width:100%; z-index:1030; height:auto; position:initial; box-sizing:border-box;}
    #main-menu .navbar-nav li {width:100%; float:none; text-align:right; padding-right:10px;}
    #main-menu .navbar-nav li a{width:100%; display:block; padding:10px 0; height:auto;}
    #main-menu .navbar-nav li br{display:none;}

    ul.services li{float:none;}
}

@media screen and (max-width:767px) {
    #slider{display:none;}
    #ban_int{display:block;}

    #colonnegauche	{width:100%; padding:20px 10px; min-height:initial;}    

    #colonnedroite{margin:0 auto; width:100%;}
    #colonnedroite .topRightContent{display:none;}
    #colonnedroite .autresimages{margin:0 auto; float:none;}
    #colonnedroite .maisonnette{margin:0 auto; float:none;}
    #colonnedroite .joindre{margin:0 auto; float:none; margin-top: -50px;}
    #colonnedroite .coordonnees{margin:0 auto; float:none;}

    #formulairesoumission input { width:100%; }
    #formulairesoumission .phoneField { width:40px; }
    #formulairesoumission textarea {width:100%;}

    #footer{padding:0; background:none;}
    .textFooterAccueil{width:100%; float:none; padding:30px 20px;}
    ul.services{width:100%;}
    ul.services li{padding:2px 0 7px 20px;}

    .garantie {left: 0; top: 260px; right:initial;}

    .mobile-img{display:block;}
    .mobile-img img{width:100%; height:auto;}
}

@media screen and (max-width:500px) {
    #header a img#logo {
        display: block;
        left: 0px;
        top: 20px;
        width: 150px;
        height:auto;
    }    
}