/*Design, css par Antoine Cristou reproduction graphique interdite*/

body{
	background:transparent url(background_copro.jpg);
	text-decoration :none;
	background-repeat: repeat;

}

#footer{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 65px;
	border-bottom : 3px #86a585 solid;
	opacity : 1;
	filter : alpha(opacity=100);
        -moz-opacity : 1;
	color : #90BE9A;
/*	text-align : center;*/
}

#footer2{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 65px;
	background-color : #000;
	opacity : 0.15;
	filter : alpha(opacity=15);
    -moz-opacity : 0.15;
}

#coordonnees{
	position :relative;
	left : 20%;
	top : -10px;
	width : 300px;
	padding-top : 8px;
	padding-bottom : 8px;
	color : #006600;
	font-size : 14px;
	font-weight : bold;
}

#menu_haut{
	position : absolute;
	right : 20%;
	top : 20px;
	color : #006600;
	font-size : 14px;

}

#menu_haut a:link{
	color : #006600;/*#90BE9A;*/
	text-decoration : underline;
	font-weight : bold;
}

#menu_haut a:visited{
	color : #006600;/*#86a585;*/
	text-decoration : none;
	font-weight : bold;
}

#menu_haut a:hover{
	color : #FFF;
	text-decoration : underline;
	font-weight : bold;
}

#logo {
	background:transparent url(logo3.gif) no-repeat scroll 0 0;
	height:200px;
	left:20%;
	position:absolute;
	top:95px;
	width:690px;
}
#flash {
	border:2px dotted red;
	height:103px;
	left:40%;
	position:absolute;
	top:78px;
	width:570px;
	text-align : center;
}
#main_all {
	height:50%;
	left:232px;
	position:relative;
	top:225px;
	width:65%;
}

#main {
	background-color:#000000;
	/*border:3px solid red;*/
	height:100%;
	left:0;
	opacity:0.1;
	filter : alpha(opacity=10);
    -moz-opacity : 0.1;
	position:absolute;
	top:0;
	width:906px;
}
/*Design du main*/

#main_text {
	background:transparent none repeat scroll 0 0;
	border:12px solid #FFFFFF;
	color:#000;/*#F4E3C5;*/
	font-family:Verdana;
	font-size:12px;
	left:0;
	padding:15px 0 0 10px;
	position:relative;
	top:0;
	width:882px;
	min-height : 735px;
}


.overflow{
	overflow: auto;
}


#main_text h3{
	font-size : 14px;
}

#main_text ul{
	list-style : none;
	line-height : 12px;
}

.vert{
	color :	#006600;/*#90BE9A;*/
	/*font-size : 14px;*/
}

.blanc{
	color : #FFF;
	text-decoration: none;
	
}

.bgvert{
	background-color: #006600;
}

.bgrouge{
	background-color : #9F0D0C;
	margin-top: 15px;
	margin-left: -5px;
	padding-bottom : 5px;
}

.rouge{
	color : #9F0D0C;/*#F95959;*/
}

.gras{
	font-weight : bold;
}

.presentation{
	font-weight : bold;
	text-decoration : underline;

}

.pointer{
	cursor : pointer;
	}

/*FIN*/

/*Début design actualite*/

.news_entreprise{
	position : relative;
	width : 425px;
	left : 20px;
	border-left : 2px #9F0D0C solid;
	border-right : 2px #9F0D0C solid;
	border-bottom : 2px #9F0D0C solid;
	background-color : #006600;
	color : #FFF;
	top : 20px;
}

.news_construction {
	background-color:#006600;
	bottom:195px;
	color:#FFFFFF;
	height:20px;
	left:190px;
	font-size: 16px;
	margin-top:230px;
	position:relative;
	width:500px;
	height: 150px;
	padding-left: 5px;

	
}

.title{
	font-size : 14px;
	text-decoration : underline;
	font-weight : bold;
	color : #FFF;
	text-align : center;
	background-color : #9F0D0C;

}

.valign {
	vertical-align : middle;
}


.contenu{
	font-size : 12px;

}

.auteurtime{
	font-size : 10px;

}
.entreprise{
	margin-top : -15px;
}
/*FIN*/

#bois_haut_gauche{
	position : absolute;
	top : 100px;
	left : 0px;
	width : 50%;
	height : 20%;
	/*border : 2px red solid;*/
}
#bois_haut_droite{
	position : absolute;
	top : 130px;
	right : 0px;
	width : 50%;
	height : 41%;
	/*border : 2px red solid;*/
}

#bois_milieu_gauche{
	position : absolute;
/*	bottom : 0px;*/
	left : 0px;
	width : 50%;
	height : 20%;
	/*border : 2px yellow solid;*/
	top : 40%;
}

#bois_milieu_droite{
	position : absolute;
	/*ottom : 0px;*/
	right : 0px;
	width : 50%;
	height : 20%;
	/*border : 2px yellow solid;*/
	top : 38%;
}

#bois_bas_gauche{
	position : absolute;
	bottom : 0px;
	left : 0px;
	width : 50%;
	height : 25%;
/*	border : 2px brown solid;*/
}
#bois_bas_droite{
	position : absolute;
	bottom : -13px;
	right : 0px;
	width : 50%;
	height : 23%;
	/*border : 2px brown solid;*/
}

.nolink a:hover,a:link,a:visited, img{
	text-decoration : none;
	border : none;
}

.pleinepagebois{
	height : 1100px;

}
.bois{
	color :	#000;
	line-height : 20px;
	font-weight : bold;
}

.photo_droite{
	margin-left : 50px;
}

.contenu_droit {

	padding-left:0;
	padding-right:4px;
	width : 50%;
}

.contact{
	frame : void;
	align : left;
}

.table_right{
	text-align : right;
}

.table_left{
	text-align : left;
}
.clear{
	clear:both;
}

.explication {
	/*border:2px solid red;*/
	color:#000;
	left:630px;
	position:absolute;
	top:145px;
	width:263px;
	font-size : 12px;
}

.explication a:link{
	color:#85201F;
}

.explication a:visited, a:hover{
	color : #006600;
}

#bordure_gauche {
	background:transparent url(border-ombre_gauche.png) repeat-y scroll 0 0;
	height:99%;
	left:-34px;
	position:absolute;
	top:6px;
	width:34px;
}
#coin_gauche_haut {
	background:transparent url(border-ombre_haut-gauche.png) no-repeat scroll 0 0;
	height:34px;
	left:-34px;
	position:absolute;
	top:-28px;
	width:34px;
}

#coin_gauche_bas {
	background:transparent url(border-ombre_bas-gauche.png) no-repeat scroll 0 0;
	height:26px;
	left:-33px;
	margin-top:-1px;
	position:absolute;
	width:34px;
}
#bordure_haut {
	background:transparent url(border-ombre_haut.png) repeat-x scroll 0 0;
	height:34px;
	left:0;
	position:absolute;
	top:-34px;
	width:915px;
}
#coin_droit_haut {
	background:transparent url(border-ombre_haut-droite.png) no-repeat scroll 0 0;
	height:34px;
	position:absolute;
	left:915px;
	top:-30px;
	width:34px;
}

#bordure_droite {
	background:transparent url(border-ombre_droite.png) repeat-y scroll 0 0;
	/*border:2px solid red;*/
	height:99%;
	left:915px;
	position:absolute;
	top:4px;
	width:34px;
}


#coin_droit_bas {
	background:transparent url(border-ombre_bas-droite.png) no-repeat scroll 0 0;
	height:34px;
	left:917px;
	margin-top:-8px;
	position:absolute;
	width:34px;
}

#bordure_bas {
	background:transparent url(border-ombre_bas.png) repeat-x scroll 0 0;
	bottom:-35px;
	height:34px;
	left:1px;
	position:absolute;
	width:916px;
}

#menu_gauche {
	/*border:1px dotted yellow;*/
	height:383px;
	left:57px;
	margin-bottom:25px;
	position:absolute;
	top:290px;
	width:190px;
	font-family : verdana;
}

#menu_gauche ul{
	list-style-type : none;
	position : absolute;
	top : 19px;
}

#menu_gauche li {
	background:transparent url(onglets-on-active.png) no-repeat scroll 0 0;
	font-size:11px;
	height:30px;
	left:13px;
	line-height:10px;
	margin-bottom:15px;
	margin-top:0;
	padding:11px 30px 29px 19px;
	position:static;
}

#menu_gauche li:hover{
	background:transparent url(onglets-on-active-red.png) no-repeat scroll 0 0;
	font-color : #8F0C00;
	width:120px;
	margin-left : -26px;
	
	/*TEST
	
				padding-right: 30px;
	            -webkit-transition: all 0.2s ease-in-out;
	            -moz-transition: all 0.2s ease-in-out;
	            -o-transition: all 0.2s ease-in-out;
	            -ms-transition: all 0.2s ease-in-out;
	            transition: all 0.2s ease-in-out;*/
}




#menu_gauche .actif {
	background:transparent url(onglets-on-active-red.png) no-repeat scroll 0 0;
	/*padding:11px 30px 23px 25px;*/
	/*margin-right : 12px;*/
	font-color : #8F0C00;
	/*text-decoration : underline;*/
}

.actif{
	background:transparent url(onglets-on.png) no-repeat scroll 0 0;
	width:120px;
	margin-left : -26px;
}

.pleinepage{
	height : 580px;
}

.erreur{
	top : 200px;
}

#menu_gauche a:link{
	font-size : 12px;
	color : #FFF;
	text-decoration : none;
}

#menu_gauche a:visited{
	color : #FFF;
}

.text{
	margin-top : 30px;
	text-decoration : none;
}


.garanties_haut_gauche {
	/*border:2px solid green;*/
	font-size:14px;
	padding-left:40px;
	width:350px;
}

.garanties_haut_droite {
	background-color:#FFFFFF;
	border:5px solid #9F0D0C;
	font-size:14px;
	padding:85px;
	width:209px;
}


.garanties_padding_explication {
	font-size:15px;
	line-height:20px;
	position:relative;
	text-align:center;
	top:180px;
}


#layer1{
	left : 50px;
	position : relative;
	/*border : 1px solid yellow;*/
	width : 800px;
}

.garanties_list ul{
	style-list-type : none;
	font-size : 16px;
	line-height : 20px;
}

.garanties_list li {
	font-size:14px;
	line-height:18px;
	list-style-type:none;
}

.realisation_monte{
	margin-top : -20px;
	}

.barre {
	border-bottom:7px solid #006600;
	left:50%;
	margin-left:-300px;
	position:absolute;
	bottom:20%;
	width:640px;
}

.bouton_accueil{
	position : absolute;
	top: 480px;
	left : 50%;
	margin-left : -300px;
	width : 647px;
	/*border : 1px dashed red;*/
}

.accueil_index a:hover{
	background : url('css/on_accueil.png') no-repeat;
}

.span_index{
	font-weight : bold;
	font-size : 12px;
}


#suivredossier{
	position : absolute;
	width : 600px;
	right : 5px;
	border-left : 2px solid #006600;
	top : 130px;
}

.titlesd{
	border : 1px solid #006600;
	color : #006600;
	margin-left : 100px;
	width : 350px;
	text-align : center;
	font-weight : bold;
}

.titleforma{
	border : 1px solid #9F0D0C;
	color : #9F0D0C;
	width : 500px;
	font-size : 12px;
	text-align : center;
	font-weight : bold;
	margin-left : 30px;
}

.expli ul,li{
	margin-left : 0px;
	font-weight : bold;
	line-height : 18px;
}
.explidroite{
	margin-left : 190px;
}

.ligne{
	position : absolute;
	border-top : 2px dotted #006600;
	width : 100%;

}
.lignesolid{
	border-top : 2px solid #006600;
}

.pageinfo{
	height : 1124px;
	overflow : auto;
}
.reponse{
	top : 400px;
	position : absolute;
	border : 1px solid red;
	right : 50px;
}

.paiement table{
	border : 1px solid #000;
	border-collapse : 2px;
 	border-width:1px;
	border-style:solid;
	border-color:black;
	width:50%;
 }
.paiement td {
	border-width:1px;
	border-style:solid;
	border-color:#000;
	text-align :center;
 }
 .alignleft{
 	text-align : left;
 }

 .center{
 	left : 33%;
 }

.acquereurs_voir {
	height:950px;
	position:relative;
	width:884px;
}

.backvert{
 	background-color : #006600;
 	color :#FFF;
 	text-align : right;
 }

.backrouge{
 	background-color : #9F0D0C;
 	color : #FFF;
 	text-align : right;

 }

.stylea{
/* 	padding-left : 90px;*/
 	right : 250px;
 	position : absolute;
 }

.copyright_photo {
	/*border:5px solid red;*/
	height:13px;
	left:60%;
	opacity:0.6;
	filter : alpha(opacity=60);
    -moz-opacity : 0.6;
	position:relative;
	top:-58px;
	width:214px;
	font-weight : bold;
	color : #FFF;
	background-color : #000;
}

.blacklink{
	color : #000;
	text-decoration : underline;
}

.bordure{
	border : 1px #85201F dotted;
	width : 800px;
	left : 40px;
	position : relative;
	text-align : center;
}

.photoIndex{
	border: 15px #FFF solid;
}

#image-exterieur{
	border : 10px solid #FFF;
}

#image-interieur{
	border : 10px solid #FFF;
}

#image-detail{
	border : 10px solid #FFF;
}