@charset "utf-8";
/* CSS Document */

html, #wrap980px {height: 100%; }
body > #wrap980px {height: auto; min-height: 100%; width:980px; margin:0 auto;  }

body{
	margin:0; padding:0px;
	background:url(../images/bg-madeco.gif) repeat-x left top;
	height:465px;
	
}
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }

td{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	text-align:justify;
}

li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
}

label{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }

div#top980px{
	margin:0 auto; 
	width:980px;
	height:194px;
}

div#menu-top{
	float:right;
	margin:10px 10px 0 0;
	width:705px;
	height:25px;
}


div#menu-principal{
	float:left;
	margin:-25px 0 0 15px;
	width:690px;
	height:25px;
}

div#logo-madeco{ float:left; margin:45px 0 0 30px; /*background:url(../images/logo-madeco.gif) no-repeat left top;*/ width:232px; height:62px; }

div#plan-maison-et-gens{ float:right; background:url(../images/plan-maison-et-gens.png) no-repeat right top; width:413px; height:158px;}


div#wrap980px{
	width:980px; padding-bottom:0px; /* must be same height as the footer */}

div#wrap-texte{ clear:both; padding:5px 20px 20px 20px; }

div#animation{ float:left; width:697px; height:254px; }
div#mainvid{ float:left; width:660px; height:365px;margin-left:17px; /*margin-left:100px;*/ }
div#photo-header{ float:left; margin-left:-4px;  width:633px; height:290px;}


div#jachete-je-loue{ float:right; width:282px; margin-top:2px; }
div#jachete-je-loue-n2{ float:left; width:347px; height:47px; margin-top:2px; }

#titre-page{ margin-left:25px; margin-top:-8px; }
.btn-rouge{
	background:url(../images/btn-rouge.png) no-repeat; width:118px; height:47px; float:left; padding-top:5px; padding-left:15px;
}
.btn-bleu{
	background:url(../images/btn-bleu.png) no-repeat; width:118px; height:47px; float:left; padding-top:5px; padding-left:20px; 
	position:relative; right:10px;
}

div#projet-en-cours-n2{ float:left; width:346px; margin-top:-3px; margin-left:2px;}

div#nouvelles{
	float:right; width:282px; margin-right:1px;
}
.bg-nouvelles{
	background:url(../images/bg-nouvelles.png) no-repeat; width:280px; height:120px; padding-top:6px; padding-left:3px;
}
div#newsletter{ float:right; width:280px; margin-left:30px; height:110px; margin-top:20px; }
div#newsletter2{ float:right; width:280px; margin-left:30px; height:110px; margin-top:-120px; }

.btn-debut{
	background:url(../images/btn-debut.gif) no-repeat; width:11px;
}
.btn-milieu{
	background:url(../images/btn-milieu.gif) repeat-x; height:28px; padding-top:4px;
}
.btn-fin{
	background:url(../images/btn-fin.gif) no-repeat; width:9px;
}

div#footer{
	/*margin:0 auto; */
	width:100%; height:379px;
	background:url(../images/bg-footer-n2.gif) repeat-x left top;
	margin-top:-3px;
}
div#footer-accueil{
	/*margin:0 auto; */
	width:100%; height:319px;
	background:url(../images/bg-footer.gif) repeat-x left top;
	margin-top:-23px;
}

div#contenu-footer-accueil{
	margin:0 auto;
	width:940px; height:319px;
	padding:20px 20px 0 20px;
}
div#wrap-footer-n2{
	margin:0 auto;
	width:980px;
}
div#contenu-footer-n2{
	height:348px;
	float:right;
	/*background:url(../images/footer-prix.png) no-repeat right top;*/
	padding-left:20px;
}


div#ligne-bleu{ background-color:#bbc8d4; width:100%; height:1px; position:relative; }
div#positionProjet{ clear:both;width:297px; height:26px; position:relative; top:10px; left:-70px; }

.bg-projets{
	background:url(../images/bg-projets.png) no-repeat; width:225px; height:56px; padding-left:18px; padding-top:15px;
}

div#bg-lb{ width:285px; }
div#positionLesProjets{ height:125px; }


.clearboth{ clear:both; }
.h15px{ height:15px; }
.bg_photos{ float:left; background:url(../images/bg_photos_dev_durable.gif) no-repeat left top; width:188px; height:248px; margin-left:-10px; }
.bg_photos img{ display:block; clear:both; padding:9px 0 0 20px;}
.txt_dev_durable{ float:left; width:730px; margin-left:15px; height:260px; }
.padrigh290{ padding-right:290px; }
.padrigh275{ padding-right:275px; }


.txtbox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#353535;
	width:175px;
	border:1px solid #225264;
}

.txtbox-error{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#353535;
	width:175px;
	border:1px solid #f00;
}


#footer-les-prix{ float:right; position:relative; top:-65px; }

/*==========================================================================*/

.texte-blanc-14{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#fff;
}
.texte-blanc-15{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}
.texte-blanc-18{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}


.texte-bleu-12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#225264;
}

.autre-texte-bleu-12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#2379c7;
}
.autre-texte-bleu-13{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#2379c7;
}

.texte-bleu-14{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#225264;
}
.texte-bleu-16{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#225264;
}


.texte-bleu-2-14{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#20405e;
}
.texte-bleu-2-15{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#20405e;
}

.titre-bleu-15{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#20405e;
}

.texte-bleu-footer-14{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#072e4e;
}


.texte-bleu-titre-15{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#3f6471;
}
.texte-bleu-titre-18{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-transform:none;
	color:#3f6471;
}

.texte-bleu-3-12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#5fa1b4;
}


.texte-bleu-17{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:normal;
	color:#225264;
}

.texte-gris-12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-variant:normal;
	color:#666666;
}

.texte-gris-12-bold{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#797979; }

.texte-gris-666-14{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:normal;
	color:#666666;
}

.texte-gris-14{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:normal;
	color:#8a969a;
}

.lien-gris-15{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#b9c5cb;
	text-decoration:underline;
}

.texte-gris-26{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-variant:normal;
	color:#666666;
}


.texte-rouge-12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ff2d2d;
	text-decoration:underline;
}
.texte-rouge-13{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ff2d2d;
	text-decoration:underline;
}
.texte-rouge-10{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#ff2d2d;
	text-decoration:underline;
}


.texte-noir-12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #366086;
	background-color: #fff;
	padding: 5px;
	opacity: 0.85;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:normal;
}
#tooltip h3, #tooltip div {
	margin: 0; 
 	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:normal;

 }

   
 /* CLEAR FIX*/  
 /*.clearfix:after {content: ".";  
     display: block;  
     height: 0;  
     clear: both;  
     visibility: hidden;}  
 .clearfix {display: inline-block;}  */
 /* Hides from IE-mac */  
/* * html .clearfix { height: 1%;}  
 .clearfix {display: block;}  */