/***************** STYLE GLOBAUX *****************/
.clearer{
clear:both;
}
a img{
border:none;
}
a:active,
a:focus,
div
{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
height:48px;
background-repeat:no-repeat;
}
#contenu h1 span {
display:none;
}
#contenu h1#accueil {
background-image: url(../images/charte/titre-accueil.gif);
}
#contenu h1#gamme {
background-image: url(../images/charte/titre-gamme-maisons.gif);
}
#contenu h1#actualite {
background-image: url(../images/charte/titre-actualite.gif);
}
#contenu h1#chantier{
background-image: url(../images/charte/titre-chantier.gif);
}
#contenu h1#contact {
background-image: url(../images/charte/titre-contact.gif);
}
#contenu h1#info-gratuite {
background-image: url(../images/charte/titre-info-gratuite.gif);
}
#contenu h1#mentions {
background-image: url(../images/charte/titre-mentions.gif);
}
#contenu h1#modeles {
background-image: url(../images/charte/titre-modeles.gif);
}
#contenu h1#nous-trouver {
background-image: url(../images/charte/titre-nous-trouver.gif);
}
#contenu h1#offres-terrains {
background-image: url(../images/charte/titre-offres-terrains.gif);
}
#contenu h1#presse {
background-image: url(../images/charte/titre-presse.gif);
}
#contenu h1#realisations {
background-image: url(../images/charte/titre-realisations.gif);
}
#contenu h1#garanties {
background-image: url(../images/charte/titre-garanties.gif);
}
#contenu h1#energie {
background-image: url(../images/charte/titre-energie.gif);
}
#contenu h1#parrainage {
background-image: url(../images/charte/titre-parrainage.gif);
}
#contenu h1#recrutement {
background-image: url(../images/charte/titre-recrutement.gif);
}
#contenu h1#partenaires{
background-image: url(../images/charte/titre-partenaires.gif);
}
#contenu h1#merci{
background-image: url(../images/charte/titre-merci.gif);
}
#contenu h2{
font:bold 12px Arial, Helvetica, sans-serif;
color:#6bb839;
letter-spacing:1px;
text-transform:uppercase;
margin:20px 0 7px;
}
#contenu p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#DDD;
margin:0 0 1.2em;
}

#contenu ul li{
font:12px/1.4em Arial, Helvetica, sans-serif;
text-align:justify;
color:#DDD;
margin:0 0 1.2em;
}

li {
margin-left:10px;
}
#contenu a:link, #contenu a:visited{
text-decoration:underline;
letter-spacing:1px;
color:#6bb839;

}
#contenu a:hover, #contenu a:active{
color:#c00418;
}

#in {
height:500px;
width:725px;
float:left;
padding-right:10px;
padding-left:30px;
overflow:auto;
margin:8px 0 0 0;
}

.liste {
width:95%;
list-style:none;
padding-left:20px;
font:10px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#DDD;
}

.liste li {
list-style:none;
padding-left:20px;
margin-bottom:5px;
background: url(../images/action_go.gif) left top no-repeat;
line-height:15px;
}

/***************** GAMMES *****************/

.gamme {
float:left;
margin-left:15px;
}

#contenu .gamme a {
text-decoration:none;
}

/***************** MODELES DESIGN *****************/
.bold {
	color: #69AF3B;
	font: 12px, bold;
}




#tissotTable {
	float:left;
	width: auto;
	font:10px/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#DDD;
	margin:0 0 1.2em;
	line-height:16px;
}

#tissotTable .bold {
	color: #69AF3B;
	font: 12px, bold;
}

#tissotTableLeft {
	float: left;
	margin: 5px;
	width: 330px;
}
#tissotTableRight {
	float: right;
	margin: 5px;
	width: 330px;
}



#in2 {
height:500px;
width:725px;
float:left;
padding-right:20px;
padding-left:20px;
overflow:auto;
margin:8px 0 0 0;
}

#in2 .gros_texte {
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#DDD;
margin:0 0 1.2em;
line-height:16px;
}
#in2 .colored {
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#DDD;
margin:0 0 1.2em;
line-height:16px;
}

#in2 h3 {
font:bold 12px Arial, Helvetica, sans-serif;
color: #DDD;
letter-spacing:1px;
text-transform:uppercase;
border-bottom:1px solid #DDD;
margin:20px 0 7px;
}

#in2 #recherche{
	height:450px;
}

.prod img{
float:left;
margin-right:10px;
}
#photo_centre {
float:right;
margin-left:10px;

}
#photo_centre img{
border:2px solid #DDD;
}

/***************** OFFRES TERRAINS *****************/

#carte-france img {
border:none;
}
#in2 .gros {
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:left;
color:#DDD;
font-weight:bold;
margin:0;
}
.color {
color:#DDD;
}

.offre {
width:150px;
margin-left:40px;
float:left;
text-align:center;
}
.offre p{
margin:0;
padding:0;
}

/***************** CHANTIER *****************/
#in3 {
height:500px;
width:725px;
float:left;
padding-right:20px;
padding-left:20px;
overflow:auto;
margin:8px 0 0 0;
}



#imgdesc {
font:10px/1.2em Arial, Helvetica, sans-serif;
text-align:center;
color:#DDD;
}

/***************** REALISATIONS *****************/
#in4 {
height:500px;
width:725px;
float:left;
padding-right:20px;
padding-left:20px;
overflow:auto;
margin:8px 0 0 0;
}

.vignettes {
float:left;
margin-top:8px;
}
.vignettes img{
margin-left:7px;
}

.etiquette {
float:left;
width:310px;
text-align:center;
margin-left:30px;
margin-top:10px;
}
.etiquette p{
clear:both;
}

/***************** PRESSE *****************/

.revue {
margin-bottom:10px;
margin-left:15px;
float:left;
}



/***************** INFO *****************/

#left {
 padding-left: 5px;
 width: 280px;
 float: left;
}

#right { 
 float: right;
 padding-left: 5px;
 width: 380px;
 display: inline;
 position: relative;
}

#infoform {
padding-top:30px;
}

#infoform p{
padding-top:0px;
padding-bottom:0px;
width:100x;
}

#forminfo label{
float: left;
margin-left: -100px;
padding-right:10px;
width: 200px;
text-align:right;
}

#infoform textarea {
font-size:10px;
/*width:103px;*/
width:150px;
font-family:Arial, Helvetica, sans-serif;
background-color:#DDD;
border:1px solid #6BB839;
padding:1px;
color:#000;
text-align:left;
}

#infoform input {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
background-color:#DDD;
border:1px solid #6BB839;
padding:1px;
color:#000;
width:150px;
}

#infoform select {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
background-color:#DDD;
border:1px solid #6BB839;
padding:1px;
color:#000;
width:150px;
}

.boutons {
margin-top:5px;
margin-left:114px;
}

.boutons img{
margin-bottom:5px;
}


.champRequis{
color:#FF0000;
}
p.capa {
clear:both;
margin-left:0px;
text-align:justify;
font-size:11px;
width:270px;
}
#infoPlan img{
border:none;
}


/***************** ACTU *****************/

.actu img {
float:left;
margin-right:5px;
}

.actu {
margin-top:10px;
}

/***************** RECRUTEMENT *****************/

.recrutement img {
margin-bottom:10px;
margin-right:15px;
float:left;
}


/***************** PARTENAIRES *****************/

.part_logo {
float:left;
margin-right:15px;
}

.partenaire {
margin-top:10px;
}

#contenu #in2 .partenaire a {
text-decoration:none;
}

/***************** PARRAINAGE *****************/


#parrainageText {
	float: left;
	height: auto;
	width: auto;
	
}