* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
}

/********************************************************** Structure */

.all {
	width: 940px;
	margin: 20px auto 0 auto;
}
.logo {
	width: 222px;
	height: 156px;
	float: left;
}
.home_content {
	float: left;
}
.left {
	width: 690px;
}
.home_left, .qui_left, .offre_left, .devis_left, .realisation_left, .village_left, .village_left {
	width: 240px;
	float: left;
}
.village_left {
	margin-bottom: 10px;
}
.chemin {
	margin-bottom: 20px;
	margin-top: 8px;
}
.home_center, .qui_center, .offre_center, .devis_center, .realisation_center {
	width: 445px;
	float: left;
}
.village_center {
		width: 700px;
		float: left;
}
.home_actu {
	width: 690px;
	float: left;
	margin-top: 7px;
}
.right, .home_right {
	width: 230px;
	float: left;
	margin-top: -6px;
	margin-left: 20px;
}
.bottom {
	width: 920px;
	height: 15px;
	margin-top: 8px;
	margin-bottom: 10px;
	float: left;
	padding: 5px 10px 0 10px;
	background: #ff8004;
	font-size: 10px;
	color: white;
}
.ie .bottom {
	margin-top: 5px;
}
.bottom_left {
	float: left;
}
.bottom_right {
	float: right;
}
.lmdt {
	width: 940px;
	height: 30px;
	float: left;
	border-bottom: 1px solid #ccc;
}
.lmdt ul {
	float: left;
	height: 20px;
	list-style-type: none;
	margin: 0;
}
.lmdt li {
	float: left;
	margin-right: 10px;
}
.lmdt li a {
	color: #000000;
	font: normal 12px Arial;
	text-decoration: underline;
}


/********************************************************** General */

h2
{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
	color: #3099a5;
}
h3
{
	font-size: 15px;
	margin-bottom: 6px;
}
h4
{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}
p
{
	line-height: 14px;
}
br
{
	line-height: 13px;
}
.majuscule
{
	font-size: 27px;
}
.centre
{
	text-align: center;
}
.petit
{
	font-size: 10px;
}
ul
{
	list-style-type: circle;
	margin-left: 13px;
}
.ie ul
{
	margin-left: 17px;
}
*+html ul
{
	margin-left: 17px;
}
a {
	color: black;
}
a:hover
{
	text-decoration: none;
}
input[type='radio']
{
	vertical-align: top;
	margin-bottom: 1px;
}
input[type='checkbox']
{	
	vertical-align: top;
	margin-bottom: 6px;	
}
input[type='text']
{	
	width: 165px;
	float: left;
}
input[type='submit'], input[type='reset']
{	
	width: 65px;
	height: 20px;
	padding-bottom: 5px;
	background: #ff8004;
	border: none;
	font-size: 13px;
	color: white;
	float: right;
	margin-top: 7px;
}
input[type='reset']
{
	background: #ababab;
	color: black;
	float: left;
}
textarea
{
	border: 1px solid #b5b3a8;
	width: 400px;
	height: 88px;
}
*html input
{	
	vertical-align: top;
	margin: -2px 0 0 4px 0;	
}
ul.listapuce, ul.listacoche {
	list-style: none;
	margin: 0;
}
.listapuce li{
	background: url(../images/commun/chevron.gif) 0 5px no-repeat;
	padding-left: 10px;
}
.listacoche li{
	background: url(../images/commun/coche.gif) 0 2px no-repeat;
	padding-left: 18px;
	font-weight: bold;
}
.offre_center p, .home_left_bottom p, .home_actu_center p, .charte p, .qui_content p, .village_content p {
	text-align: justify;
}



/********************************************************** Sous menu */

.sous_menu  {
	width: 221px;
	background: url(../images/commun/bkg_sousmenu_top.gif) no-repeat top;
	padding-top: 10px;
}
.sous_menu ul {
	padding-bottom: 10px;
	background: url(../images/commun/bkg_sousmenu_bottom.gif) no-repeat bottom;
}
.sous_menu li a {
	display: block;
	width: 194px;
	padding: 4px 7px 3px 20px;
	border-bottom: 1px solid #FFFFFF;
	background: #e3d6a1;
	text-decoration: none;
}
 .sous_menu li a:hover {
	background-color: #55330e;
	color: white;
} 
.sous_menu_on {
	display: block;
	width: 194px;
	padding: 4px 7px 3px 20px;
	margin-bottom: 1px;
	background: #55330e;
	color: white;
}

/********************************************************** Colonne Gauche */

.home_left {
	width: 339px;
	margin-right: 10px;
}
.home_left_top {
	height: 6px;
	background: url(../images/commun/bkg_home_left_top.gif) no-repeat;
}
.home_left_bottom
{
	height: 261px;	
	padding: 4px 10px 10px 18px;
	background: url(../images/commun/bkg_home_left_bottom.gif) bottom no-repeat;
}
.ie .home_left_bottom
{
	height: 263px;
	margin-top: -11px
}
.devis_left
{
	height: 500px;
	background: url(../images/commun/bkg_devis_left.gif) no-repeat;
}
.realisation_left
{
	width: 221px;
	height: 330px;
	background: url(../images/commun/bkg_realisation_left.gif) no-repeat;
}

/********************************************************** Colonne Centre */

.chemin a
{
	color: #3099a5;
}
.home_center
{
	width: 339px;
}
.home_center_top
{
	height: 6px;
	background: url(../images/commun/bkg_home_center_top.gif) no-repeat;
}
.home_center_bottom
{
height: 245px;	
padding: 4px 10px 26px 18px;
	background: url(../images/commun/bkg_home_center_bottom.gif) bottom no-repeat;
}
*+html .home_center_bottom
{
	padding-bottom: 21px;
}
.ie .home_center_bottom
{
	height: 252px;
	margin-top: -11px;
	padding-bottom: 21px;
}
.home_center_bottom p {
	margin-top: 14px;
}
.ie .home_center_bottom p {
	margin-top: 10px;
}

.realisation_center
{
	width: 464px;
}

/********************************************************** Colonne Droite */

/* Colonne */

.right h2, .home_right h2
{
	font-size: 15px;
	margin-bottom: 7px;
}
.right .majuscule, .home_right .majuscule
{
	font-size: 18px;
}
.right
{
	margin-left: 25px;
}
.right a img, .home_right a img
{
	border: none;
}

/* Teaser général */

.teaser_top
{
	width: 230px;
	height: 5px;
	margin-top: 7px;
	background:  url(../images/commun/bkg_teaser_top.gif) no-repeat;
}
.ie .teaser_top
{
	margin-bottom: -7px;
}
.devis, .charte, .services, .rejoindre, .artisans, .projet
{
	width: 230px;
}
.devis a, .charte a, .services a, .rejoindre a, .artisans a, .projet a
{
	color: #3099a5;
}

/* Devis */

.devis
{
	width: 193px;
	padding: 5px 17px 7px 20px;
	background:  url(../images/commun/bkg_teaser_bottom.gif) bottom no-repeat;
}
.devis img
{
	margin-left: 11px;
	margin-bottom: 12px;
}
.devis a img
{
	margin-top: 3px;
	margin-left: 9px;
	margin-bottom: 5px;
}
*html .devis .centre
{
	margin-top: -12px;
	padding-top: 5px;
}
*+html .devis .centre
{
	margin-top: -12px;
	padding-top: 5px;
}
.ie .devis
{
	padding-top: 0;
}

/* Charte */

.charte
{
	width: 206px;
	padding: 6px 12px 11px 12px;
	background:  url(../images/commun/bkg_charte_bottom.gif) bottom no-repeat;
}
.ie .charte
{
	padding-top: 0;
}
*+html .charte
{
	padding-top: 0;
}
.charte p {
	text-align: left;
}

/* Service */

.services
{
	padding: 6px 12px 11px 12px;
	width: 206px;
	background:  url(../images/commun/bkg_teaser_bottom.gif) bottom no-repeat;
}
*html .services
{
	padding-top: 0;
}
*+html .services
{
	padding-top: 0;
}


/* Rejoindre */
.rejoindre {
	background: url(../images/commun/bkg_teaser_rejoindre.gif) no-repeat;
	height: 116px;
	padding : 5px 5px 0 12px;
	width: 213px;
	margin-top: 7px;
}
html>body .rejoindre {
	height: 116px;
	padding : 5px 5px 0 12px;
	width: 213px;
}
.rejoindre p {
	margin-left: 40px;
	width: 150px;
}


/*Artisans */
.artisans
{
	width: 162px;
	height: 73px;
	padding : 10px 5px 11px 63px;
	background: url(../images/commun/bkg_teaser_artisan.gif);
	margin-top: 7px;
	font-size: 11px;
}

/* Projet */
.projet
{
	background: url(../images/commun/bkg_teaser_projet.gif);
	margin-top: 7px;
}
*html .projet
{
	margin-bottom: -4px;
}
*+html .projet
{
	margin-bottom: -4px;
}

/********************************************************** Bottom */

.bottom a
{
	color: white;
	text-decoration: none;
}

/********************************************************** Page devis */

iframe {
	border: 0;
	border: none;
	width: 445px;
    height: 1210px;
	float: left;
	background: #e3d6a1;
}
.orange
{
	font-weight: bold;
	color: #ff8004;
}
.form_center, .form_left, .form_right, .form_center_sans, #questionsList
{
	background: #e3d6a1;
	float: left;
}
.iCantSee {
	display: none;
}
.form_intro
{
	margin-top: 32px;
	background: url(../images/commun/bkg_devis_formulaire.gif) top no-repeat #e3d6a1;
	padding: 14px 20px 36px 20px;
}
.form_left, .form_right
{
	width: 197px;
	float: left;
	padding-left: 25px;
	padding-bottom: 10px;
}
.form_left
{
	width: 203px;
	padding-left: 20px;
}
.form_center, .form_bouton
{
	float: left;
}
.form_submit {
	width: 70px;
	font-weight: bold;
	background-color: #ff8004;
	color: #ffffff;
	border: none;
	float: right;
	margin: 5px 0 10px 0;
}

.form_center
{
	width: 425px;
	padding: 14px 0 22px 20px;
	margin-top: 1px;
}
.form_center_sans
{
	width: 425px;
	padding-left: 20px;
	padding-bottom: 10px;
	float: left;
}
.form_left_2, .form_right_2
{
	float: left;
}
.form_left_2 lablel
{
	display: block;
}
.form_left_2
{
	width: 100px;
	margin: 0 15px 0 0;
}
.form_left_2 p {
	margin: 4px 0 13px 0;
}
.form_right_2
{
	width: 200px;
}
.form_right_2 input
{
	margin-top: 4px;
	margin-bottom: 3px;
	margin-left: 10px;
}
.ie .form_right_2 input
{
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 5px;
}
.intersticiel {
	width: 400px;
	float: left;
	margin-top: 6px;
	margin-bottom: 9px;
	font-style: italic;
	text-decoration: underline;
}
.form_co {
	font-style: italic;
	float: left;
	margin-top: 10px;
	padding-left: 10px;
}
.messageBox {
	padding: 20px 20px 0 20px;
}.errorBox {
	color: #ff0000;
	padding: 20px 20px 0 20px;
	font-weight: bold;
}
.erreur {
	color: #ff0000;
}
.endBox {
	padding: 20px;
	font-weight: bold;
}
/********************************************************** Page home */

.home_left h2, .home_center h2
{
	color: white;
}
.home_left img, .home_center img
{
	border: 2px solid white;
	margin-bottom: 0px;
}
.home_left img
{
	width: 75px;
	margin-right: 8px;
	float: left;
}
.liste_liens
{
	margin-top: 25px;
}
.home_actu_center
{
	width: 686px;
	height: 97px;
	float: left;
	padding-top: 3px;
	border: 1px solid #d3cfb8;
	border-top: none;
	border-bottom: none; 
}
.ie .home_actu_center
{
	height: 97px;
	margin-top: -13px;
	overflow: hidden;
}
.home_actu_top
{
	height: 5px;
	background: url(../images/commun/bkg_home_actualite_top.gif) no-repeat;	
}	
.home_actu_bottom
{
	height: 5px;
	margin-top: -2px;
	width: 690px;
	float: left;
	background: url(../images/commun/bkg_home_actualite_bottom.gif) no-repeat;	
}
.ie .home_actu_bottom
{
	margin-top: 0;
	margin-bottom: -10px;
}
.home_actu h2
{
	margin:  0 0 8px 20px;
}
.home_actu p
{
	width: 301px;
	float: left;
	margin: 0 18px 9px 10px;
	line-height: 12px;
}
html>body .home_actu p {
	margin: 0 22px 9px 20px;
}

/********************************************************** Page offre */
.offre_content {
	background: url(../images/offre/fond.gif) no-repeat;
	float: left;
	width: 444px;
}
html> body .offre_content {
	margin: 0 0 20px 0;
}
.offre_contentdef {
	background: none;
	
}
.offre_content h2 {
	margin: 10px 0 20px 18px;
	color: #ffffff;
}
.offre_content p {
	margin: 0 18px;
	text-align: justify;
}
.offre_content h4 {
	margin-bottom: 12px;
	margin: 0 0 10px 18px;
}
.metier_description, .metier_view {
	float: left;
}
.metier_description {
	width: 245px;
}
html> body .metier_description {
	width: 250px;
}
.metier_gall {
	width: 176px;
	float: right;
	margin-right: 9px;
}
html> body .metier_gall {
	margin-right: 18px;
}
.metier_view {
	width: 176px;
	height: 174px;
	background: white;
	border: 1px solid #d3cfb8;
	text-align: center;
	padding: 1px;
	float: left;
}
.metier_liste {
	float: left;
	width: 444px;
	margin: 15px 0 0 0;
	text-align: right;
	height: 65px;
	background: url(../images/offre/bottom_box.gif) no-repeat;
}
.metier_liste select {
	margin: 24px 18px 0 0;
	width: 260px;
}
.logoCharte {
	float: right;
	margin: 15px 0 15px 15px;
}
.fondCharte {
	background: transparent url(../images/commun/bkg_offre_center.gif) bottom no-repeat;
	height: auto;
	padding: 0 10px 20px 10px;
}
.fondFabricants {
	background: transparent url(../images/commun/bkg_fabricants_center.gif) bottom no-repeat;
	height: auto;
	padding: 0 10px 20px 10px;
}


/********************************************************** Page realisation */
.realisation_top {
	width: 464px;
	float: left;
	background: url(../images/realisation/fond.gif) no-repeat;
}
.realisation_content {
	float: left;
	padding-top: 10px;
	text-align: justify;
}
.realisation_description {
	width: 245px;
	float: left;
	margin-top: 20px;
}
.realisation_content h2, .realisation_content h4, .realisation_content p {
	color: white;
	margin-bottom: 7px;
	margin: 0 18px;
}
.realisation_content p, .realisation_content h4 {
	color: #000000;
}
.realisation_description p{
	margin-right: 0;
	text-align: justify;
}
.realisation_description h4 {
	margin-bottom: 10px;
	text-align: left;
}
.realisation_content strong {
	color: white;
}
.visualBox {
	float: right;
	width: 200px;
	margin: 20px 9px 9px 0;
}
html> body .visualBox {
	margin: 20px 18px 0px 0;
}
.realisation_thumb {
	margin: 7px 0 0 0;
	float: right;
	width: 200px;
	clear: both;
}
.realisation_thumb li {
	float: right;
}
.realisation_thumb a img {
	border: 2px solid #d3cfb8;	
	margin-left: 8px;
}
.realisation_view {
	float: right;
	background: white;
	border: 1px solid #d3cfb8;
	text-align: center;
	padding: 1px;
}
.realisation_view img {
	width: 175px;
	height: 175px;
}
.realisation_liste {
	width: 464px;
	height: 65px;
	text-align: right;
	float: left;
	background: url(../images/realisation/bottom_box.gif) no-repeat;
}
.realisation_liste select {
	margin: 24px 18px 0 0;
	width: 263px;
}
.realisation_liste option {
	width: 100%;
}
.transV {
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;
}
.noTransV {
   filter:alpha(opacity=100);
   -moz-opacity:1;
   -khtml-opacity: 1;
   opacity: 1;
}


/********************************************************** Page qui */

.qui_content img
{
	float: left;
	margin: 0 10px 15px 0;
}
.qui_text_full
{
	width: 440px;
	float: left;
	margin-bottom: 30px;
}
.qui_etape ul
{
	margin-top: 20px;
}
.qui_etape li
{
	float:left;
}
.qui_etape li a
{
	display: block;
	height: 111px;
	width: 202px;
}
.ie  .qui_etape li a
{
	float: none;
}
.qui_etape li a:hover
{
	background-position: -202px 0;
}
.qui_etape_1 a
{
	background: url(../images/qui/visu_etape_1.jpg) no-repeat top left;
}
.qui_etape_2 a
{
	background: url(../images/qui/visu_etape_2.jpg) no-repeat top left;
}
.qui_etape_3 a
{
	background: url(../images/qui/visu_etape_3.jpg) no-repeat top left;
}
.qui_etape_4 a
{
	background: url(../images/qui/visu_etape_4.jpg) no-repeat top left;
}
.qui_etape_1, .qui_etape_3
{
	width: 230px;
}
.qui_etape_1 li, .qui_etape_2
{
	height: 124px;
}

/********************************************************** Page partenaires */


.village_center h3
{
	font-size: 13px;
	padding-top: 20px;
	border-top: 1px solid #d4cfb9;
	float: left;
	width: 443px;
	
}
.village_partenaire, .village_partenaire_2
{
	display: block;
	background: transparent url(../images/commun/bkg_fabricants_center.gif) no-repeat;
	float: left;
	width: 443px;
	padding-top: 10px;
	border-top: 0px solid #d4cfb9;
	height: auto;
	margin-top: 10px;
}
.village_partenaire p, .village_partenaire_2 p {
	float: left;
	height: auto;
	background: none;
}
.village_partenaire_2
{
	text-align: center;
	background: transparent url(../images/commun/bkg_fabricants_center2.gif) no-repeat;
}
.village_partenaire_2 img
{
	margin: auto 10px auto 10px;
}
.village_logo
{
	margin: 0 0 20px 10px;
}
.village_lien
{
	margin-bottom: 20px;
}
.cartePro
{
	margin: 50px 0 0 0;
	float: left;
	border: none;
	width: 229px;
	height: 436px;
}
.vPartenaires {
	float: right;
	margin-left: 40px;
}
.listePartenaire {
	float: left;
	margin: 20px 0 0 0;
	text-align: center;
	width: 229px;
}
.listePartenaire .par {
	font-size: 18px;
	color: #3099a5;
	text-align: center;
}
.listePartenaire .par2 {
	font-size: 18px;
	color: #000000;
	font-variant: small-caps;
	clear: both;
	margin: 10px 0 0 50px;
	font-size: 14px;
	text-align: left;
}
.partBox {
	background: #fbf9f1;
	float: left;
	padding-bottom: 6px;
	width: 698px;
	border-left: solid 1px #d3cfb8;
	border-right: solid 1px #d3cfb8;
	border-bottom: solid 4px #ff8004;
}
html>body .partBox {
	padding-bottom: 8px;
}
.noResult {
	height: 155px;
	background: #fbf9f1;
	float: left;
	padding-top: 25px;
	width: 698px;
	border-left: solid 1px #d3cfb8;
	border-right: solid 1px #d3cfb8;
	border-bottom: solid 4px #ff8004;
	text-align: center;
}
.bottomBox {
	width: 700px;
	background: url(img/bottom.gif);
	height: 27px;
	float: left;
	color: #FFFFFF;
}
.bottomBox .pBt{
	text-align: center;
	margin: 5px 0 0 0;
	color: #FFFFFF;
}
.bottomBox .pBt a {
	color: #FFFFFF;
}
.bottomBox .pBt a:hover {
	text-decoration: none;
}
.topBox {
	width: 700px;
	background: url(img/top.gif);
	height: 71px;
	float: left;
	color: #FFFFFF;
	border-bottom: solid 8px #ff8004;
}
.topBox form {
	margin: 25px 0 0 20px;
	float: left;
}
.pp {
	font-size: 24px;
	float: left;
	margin: 20px 0 0 20px;
}
.pp2 {
	margin: 26px 0 0 5px;
	float: left; 
	font-size: 16px;
}
.partBox .vPartBox {
	float: right;
	margin: 8px 8px 0 0;
	border: none;
}
.partBox p {
	margin: 4px 0 0 4px;
	float: left;
	width: 684px;
	font-size: 11px;
}
html>body .partBox p {
	margin: 4px 0 0 8px;
}
.partBox .p2 {
	margin: 0 0 0 4px;
	float: left;
	width: 684px;
	font-size: 11px;
}
.partBox .p3 {
	margin: 0 0 0 4px;
	float: left;
	width: 684px;
	font-size: 14px;
	font-weight: bold;	
}
html>body .partBox .p2 {
	margin: 0 0 0 8px;
}
.partBox .logo {
	border: none;
	width: 228px;
	height: 132px;
	margin: 8px 0;
}
.partBox .logo2 {
	width: auto;
	height: auto;
	margin: 8px 0 15px 55px;
}
.partBox .logo3 {
	width: auto;
	height: auto;
	margin: 10px 0 5px 35px;

}
.partBox span, .partBox a {
	color: #3099a5;
	font-weight: bold;
	margin-top: 3px;
}