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

body {
 font-family: Arial, Helvetica;
 background-image: url(images/fond_body.jpg);
 background-repeat:repeat-x;
 background-color:#a95205;
}

/*banniére*/
#header {
 width: 800px;
 height: 120px;
 margin-top:0;
 padding:0;
}

/*MENU*/
#fond_bouton {
width: 800px;
height: 40px;
background-image:url(images/fond_menumarron.jpg);
}

#bouton a {
width: 133px;
height: 40px;
background-image:url(images/bouton_marron.jpg);
background-repeat:no-repeat;
margin: 0;
float: left;
font-size: 11px;
color: #FFCC33;
font-weight: bold;
display: block;
text-decoration: none;
text-align: center;
line-height: 40px;
}

#bouton a:hover {
background-image:url(images/bouton_orange.jpg);
color: #993300;
}

/*Contenu*/
#contenu1,#contenu2 {
 margin-top: 10px;
 width: 800px;
 margin: auto;
 background-color: #FFF;
}
/*texte page "a propos de nous"*/
#txt_propos,#txt_concept {
 width: 750px;
 margin: auto;
 margin-top: 10px;
}

#txt_propos a,#txt_concept a,#txt_portfolio a {
 font-size: 12px;
 color: #0099FF;
 text-align: left;
 font-weight: bold;
 text-decoration: none;
}
#txt_propos a:hover,#txt_concept a:hover,#txt_portfolio a:hover {
 color: #009900;
}

#txt_propos h1,#txt_concept h1 {
	font-size: 30px;
	color: #1EABD5;
	font-weight: bold;
	text-align: right;
	margin-top: 8px;
	letter-spacing:1px;
	text-decoration:underline;
}

#txt_propos p {
 font-size: 13px;
 color: #000;
 text-align: center;
}

/*Textes "notre concept"*/

#txt_concept p {
 font-size: 13px;
 color: #000;
 text-align: left;
}


#txt_concept h2,#txt_concept h2,#txt_concept2 h2 {
  font-size: 28px;
  color: #1EABD5;
  font-weight: bold;
  text-align: left;
  font-style: italic;
}

#photos_bas {
 width: 800px;
 height: 113px;
 background-image:url(images/fond_notreconcept.jpg);
 background-position:bottom;
 }
 
  #photo_concept1 {
 width: 250px;
 height: 208px;
 background-image:url(images/photo_concept.jpg);
 border: solid #0099FF 1px;
 float: left;
 margin: 0px 15px 10px 0px;
}
 #photo_concept2 {
 width: 250px;
 height: 208px;
 background-image: url(images/apl_concept.jpg);
 border: solid #0099FF 1px;
 float: right;
 margin: 10px 0px 10px 10px;
}
/*Produits bois*/

#liens_bois,#liens_bambou {
width: 800px;
}

#liens_bois a {
font-size: 16px;
color: #009900;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#liens_bois a:hover,#liens_bambou a:hover {
 color: #FFCC33;
 text-decoration: underline;
}

#liens_bambou a {
font-size: 12px;
color: #009900;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#liens_bambou2 {
width: 750px;
margin-left: 30px;
}

#liens_bambou2 a {
font-size: 14px;
color: #009900;
font-weight: bold;
text-decoration: none;
text-align: center;
}

#liens_bois-english {
width: 650px;
margin-left: 100px;
}

#liens_bois-english a {
font-size: 16px;
color: #009900;
font-weight: bold;
text-decoration: none;
text-align: center;
}


#liens_bois-english a:hover,#liens_bambou2 a:hover {
 color: #FFCC33;
 text-decoration: underline;
}

#contenu_produits_bois {
width: 800px;
margin: auto;
margin: 0;
}

#photo_bar_bois {
 width: 230px;
 height: 173px;
 background-image: url(images/bar4.jpg);
 float: left;
 margin: 8px 16px 8px 18px;
 }
 
 #photo_garage_bois {
 width: 230px;
 height: 173px;
 background-image: url(images/garage3.jpg);
 float: left;
 margin: 8px 16px 8px 18px;
 }
 
 #txt_produit_bois img {
 margin-left: 16px;
 border: none;
 }
 
 #separateur {
 width: 700px;
 height: 20px;
 margin: auto;
 background-image:url(images/separateur.jpg);
 }
 
 #txt_produit_bois,#txt_produit_bois2 {
 width: 780px;
 margin: auto;
}

#txt_produit_bois h2 {
   font-size: 28px;
  color: #1EABD5;
  font-weight: bold;
  text-align: left;
  font-style: italic;
}

#txt_produit_bois2 h2 {
   font-size: 28px;
  color: #1EABD5;
  font-weight: bold;
  text-align: center;
  font-style: italic;
}

#txt_produit_bois2 p {
 font-size: 13px;
 color: #000;
 text-align: center;
}

#txt_produit_bois p {
  font-size: 13px;
  color: #000;
  text-align: left;
}
 
#photos_bungalow {
width: 800px;
height: 165px;
background-image: url(images/photos_bungalows.jpg);
}
 
#contenu_produits_bois img {
  margin: 10px;
  border: solid #0099FF 1px;
 }
 
 #txt_produit_bois2 img {
  margin: 13px;
  border: none;
 }
 
 #photo_abrisbus {
  width: 650px;
  height: 480px;
  margin: auto;
  background-image: url(images/abris-bus1.jpg);
 }
 
 #txt_portfolio {
 width: 750px;
 margin: auto;
 }
 
 #txt_portfolio h1 {
	font-size: 30px;
	color: #1EABD5;
	font-weight: bold;
	text-align: center;
	margin-top: 8px;
	letter-spacing:1px;
	text-decoration:underline;
}
 
 #txt_portfolio img {
 margin: 10px;
 border: none;
 }
 
  #footer {
 width: 800px;
 height: 40px;
 background-image:url(images/footer_marron.jpg);
 }
 
 #footer p {
 font-size: 11px;
 color: #FFCC33;
 line-height:40px;
 text-align:center;
}

#footer a {
 font-size: 11px;
 color: #FFCC33;
 text-decoration: none;
 }
 #footer a:hover {
 color: #FFCC00;
 text-decoration: underline;
 }
 
 .retour { clear: both; }
 
#intro {
width: 600px;
height: 500px;
margin: auto;
} 
#intro_txt {
width: 200px;
margin: auto;
}
#intro_txt a {
font-size: 13px;
color: #FFFFFF;
text-decoration: none;
}
#intro_txt a:hover {
color: #00CC00;
}
/*Formulaire*/ 

.info_form {
font-size: 18px;
color: #0099FF;
}
.title {
font-size: 15px;
color: #0066FF;
font-weight: bold;
font-style:italic;
}

.field {
font-size: 13px;
color: #000;
}
.required {
font-size: 14px;
font-weight: bold;
color: #FF0000;
}

.attention {
font-size: 12px;
color: #000;
}

#mail_envoye {
width: 800px;
margin: auto;
padding-top: 30px;
}

#mail_envoye h1 {
font-size: 24px;
color: #663300;
text-align: center;
}

#mail_envoye p {
font-size: 14px;
color: #000;
font-weight: bold;
text-align: center;
}

#mail_envoye a {
font-size: 14px;
font-weight: bold;
color: #663300;
text-decoration: none;
}

#mail_envoye a:hover {
color: #996600;
text-decoration: underline;
}
#mail_rappel {
width: 380px;
margin: auto;
}
#mail_rappel p {
font-size: 14px;
color: #000;
text-align: left;
}