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

   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 08

   © Elephorm & Alsacreations.com

   Conditions d'utilisation:

   http://creativecommons.org/licenses/by/2.0/fr/

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





/* --- COULEURS --- */



/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant

   uniquement les couleurs de fond (propriétés background) et les couleurs

   du texte (propriété color).

   Pour modifier la disposition des blocs, voir plus bas dans la feuille de

   styles la partie «positionnement». */



/* Général */

body {

	color: #432C19;

	background:url(../images/bg.jpg);

	background-repeat:no-repeat;

	background-position:top center;

	background-attachment:fixed;

	margin-left:-1px;

}

a {

	color: #FFFFFF;

}

a:hover, a:focus {

	color: #FFFFFF;

}

strong {

	color: #A1B55D;

}







/* Navigation */

#navigation {

	background:url(../images/menu.png);

	background-repeat:no-repeat;

	

	width:1023px;

}

#navigation a {

	color: #ffffff;

	font-weight:bold;

}



#navigation a:hover, #navigation a:focus {

	

}



/* Bloc central */

#centre {

	 /* Voir -> Note 1 */

}



/* Contenu principal */

#principal {

	color: #432C19;

	 /* -> 2 */

}

#principal a {

	color: #ffffff;

}

#principal a:hover, #principal a:focus {

	color: #ffffff;

}

#principal strong {

	color: #181A12;

}



/* Contenu secondaire */

#secondaire {

	 /* -> 2 */

}







/* --- POSITIONNEMENT --- */



/* Page */

body {

	padding: 0px 0px;

}

#global {

	width: 1023px;

	margin: 0 auto; /* -> 3 */

}



/* En-tête */

#entete {

	margin-top:2px;

	background:url(../images/header.png);

	background-repeat:no-repeat;

	height:161px;

	width:1023px;

	

}

#entete h1 {

	margin: 0;

}

#entete h1 img {

	float: left;

	margin: 7px 20px 10px 0;

}

#entete .sous-titre {

	margin: 4px 0 15px 0;

}



/* Menu de navigation */

#navigation {

	padding:0;

	

}

#navigation ul {

	width: 1023px;

	overflow: hidden;

	margin: 0;

	padding-left:0px;

	padding-top:8px;

	list-style: none;

}

#navigation li.gauche {

	float: left;

	margin-right: 20px;

	font-size: 17px;

	font-style: normal;

}



#navigation li.rensei {

	background:url(../images/rensei.png);

	float: left;

	margin-top: -8px;

	margin-left:0px;

	padding-top:8px;

	font-size: 17px;

	font-style: normal;

	width:149px;

	height:30px;

	text-align:center;

}



#navigation li.rensei:hover {

	float: left;

	margin-top: -8px;

	margin-left:0px;

	padding-top:8px;

	font-size: 17px;

	font-style: normal;

	background:url(../images/rensei.png);

	width:149px;

	height:30px;

	text-align:center;

}





#navigation li.accueil {

	float: left;

	margin-top: -8px;

	margin-left:0px;

	padding-top:8px;

	font-size: 17px;

	font-style: normal;

	background:url(../images/accueil.png);

	width:147px;

	height:30px;

	text-align:center;

}



#navigation li.charpente {

	float: left;

	margin-top: -8px;

	margin-left:0px;

	padding-top:8px;

	font-size: 17px;

	font-style: normal;

	width:142px;

	height:30px;

	text-align:center;

}



#navigation li.charpente:hover {

	float: left;

	margin-top: -8px;

	margin-left:0px;

	padding-top:8px;

	font-size: 17px;

	font-style: normal;

	background:url(../images/accueil.png);

	width:142px;

	height:30px;

	text-align:center;

}



#navigation li.ossature {

	float: left;

	margin-top: -8px;

	margin-left:0px;

	padding-top:8px;

	font-size: 17px;

	font-style: normal;

	width:178px;

	height:30px;

	text-align:center;

}



#navigation li.ossature:hover {

	float: left;

	margin-top: -8px;

	margin-left:0px;

	padding-top:8px;

	font-size: 17px;

	font-style: normal;

	background:url(../images/accueil.png);

	width:178px;

	height:30px;

	text-align:center;

}



#navigation li.photo {

	float: left;

	margin-top: -8px;

	margin-left:0px;

	padding-top:8px;

	font-size: 17px;

	font-style: normal;

	width:201px;

	height:30px;

	text-align:center;

}



#navigation li.photo:hover {

	float: left;

	margin-top: -8px;

	margin-left:0px;

	padding-top:8px;

	font-size: 17px;

	font-style: normal;

	background:url(../images/accueil.png);

	width:201px;

	height:30px;

	text-align:center;

}



#navigation li.pluie {

	float: right;

	margin-top: -8px;

	margin-right:0px;

	padding-top:8px;

	font-size: 17px;

	font-style: normal;

	width:206px;

	height:30px;

	text-align:center;

}



#navigation li.pluie:hover {

	float: right;

	margin-top: -8px;

	margin-right:0px;

	padding-top:8px;

	font-size: 17px;

	font-style: normal;

	background:url(../images/accueil.png);

	width:206px;

	height:30px;

	text-align:center;

}



#navigation li.droite {

	float: right;

	margin-right: 0;

	margin-left: 10px;

	padding: 3px 0;

}

#navigation a {

	padding: 0;

	line-height: 1.5;

	font-size: .9em;

	text-decoration: none;

}





/* Bloc central */

#centre {

	width: 100%; /* -> 4 */

	overflow: hidden; /* -> 4 */

}



/* Contenu principal */

#principal {

	float: left; /* -> 5 */

	width: 519px;

	padding:0;

}

#principal > :first-child {

	margin-top: 10px;

}

#principal li {

	line-height: 1.5;

}



.house {

padding-top:4px;

margin-left:9px;

}



#rec_left {

width:464px;

float:left;

margin-top:33px;

margin-left:20px;

}



#rec_left2 {

width:464px;

float:left;

margin-top:-32px;

margin-left:20px;

}





/* Contenu secondaire */

#secondaire {

	float:right;

	width: 478px; /* -> 6 */

	margin-right: 0px;

	margin-top:40px;

	

}



#rec {

width:464px;

float:right;

margin:0 12px -4px 0;

}





.heading_leftbig {

position:relative;

background:url(../images/heading_leftbig.png);

background-repeat:no-repeat;

width:348px;

height:40px;

text-align:center;

left:12px;

bottom:22px;



}



.heading_leftbig h1 {

padding:10px 0px 0px 0;

font-size:14px;

font-weight:bold;

color:#ffffff;

font-style:normal;



}



.heading_left {

position:relative;

background:url(../images/heading_left.png);

background-repeat:no-repeat;

width:224px;

height:40px;

text-align:center;

left:7px;

bottom:22px;



}



.heading_left h1 {

padding:10px 0px 0px 0;

font-size:16px;

font-weight:bold;

color:#ffffff;

font-style:normal;



}



.savplus {

position:relative;

background:url(../images/savplus.png);

background-repeat:no-repeat;

width:96px;

height:22px;

bottom:50px;

right:13px;

float:right;

text-align:center;

padding-top:3px;

font-weight:bold;

cursor:pointer;

}



.top_rec {

background:url(../images/top_rec.png);

background-repeat:no-repeat;

width:464px;

height:18px;



}



.top_rec2{

background:url(../images/top_rec.png);

background-repeat:no-repeat;

width:464px;

height:18px;



}



#expand_rec {

position:relative;

bottom:15px;

background:url(../images/expand_rec.png);

background-repeat:repeat-y;

width:464px;





}



#expand_rec2{

position:relative;

bottom:15px;

background:url(../images/expand_rec.png);

background-repeat:repeat-y;

width:464px;





}



#bottom_rec {

background:url(../images/bottom_rec.png);

position:relative;

bottom:30px;

width:464px;

height:43px;



}



#expand_rec_right {

position:relative;

bottom:15px;

background:url(../images/expand_rec.png);

background-repeat:repeat-y;

width:464px;





}



#bottom_rec_right {

background:url(../images/bottom_rec.png);

position:relative;

bottom:30px;

width:464px;

height:43px;



}



#rec_left_big {

width:1023px;

float:centre;

margin-top:7px;

margin-left:60px;

}



.top_rec_big{

background:url(../images/top_rec_big.png);

background-repeat:no-repeat;

width:903px;

height:18px;

}



#expand_rec_big {

background:url(../images/expand_rec_big.png);

background-repeat:repeat-y;

width:903px;

}



#bottom_rec_big {

background:url(../images/bottom_rec_big.png);

width:903px;

height:40px;



}

.mouse_left {

position:relative;

float:left;

left:12px;



top:5px;

margin:0 20px 15px 0;

}



.l{



margin:15px;

padding-top:11px;

}



.mouse {

position:relative;

float:left;

left:12px;

bottom:7px;

width:203px;

height:115px;

z-index:5;

}



.p{



margin-left:225px;

padding-top:11px;

}



.texte {

font-size:14px;

font-weight:bold;



}





/* Mention de copyright */

#footer {

	background:url(../images/footer.png);

	background-repeat:no-repeat;

	width:1003px;

	height:101px;

	margin-left:10px;

	padding-top:25px;

	padding-left:15px;

	text-align:center;

	font-size:13px;

	font-weight:bold;clear:both;

}



.qualipv {

position:relative;

float:left;

left:12px;

background:url(../images/qualipv.png);

top:2px;

margin:0 20px 10px 0;

height:61px;

width:100px;



}