html,body{height:100%;}

body{
font-family: "Lucida Grande", "Lucida Sans", "Trebuchet", "Trebuchet MS", "Arial", "sans";
font-size:12px;
color:#FFFFFF;
	background-image: url(../upload/fond.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
display:block;}

h1,h2,h3,p,form,ul,li,fieldset{margin:0;padding:0}
a img{border:0;}
li{list-style:none;}
a,div,h1{background-repeat:no-repeat;}


/* ------------------------------------ */
/*                                      */
/*            Structure                 */
/*                                      */
/* ------------------------------------ */

#conteneur {
	position:relative;
	min-height:100%;
	height:100%;
	height:auto;
	width: 100%;
}


#contenu {
	position: relative;
	width: 890px;
	margin: 0 auto;
}


/* ------------------------------------ */
/*                                      */
/*            Contenu structure         */
/*                                      */
/* ------------------------------------ */


#contenu  #header{
	position: relative;
	height: 59px;
}


#contenu  #corps{
	position: relative;
	text-align: left;
	background-image: url(../img/strucutre/fond/fond0.jpg);
	height: 407px;
}
#contenu  #navibas{
	position: relative;
	background-repeat: no-repeat;
	height: 48px;
}


/* ------------------------------------ */
/*                                      */
/*                NAVI                  */
/*                                      */
/* ------------------------------------ */

#contenu  #navihaut0{
	position: relative;
	text-align: left;
	background-repeat: no-repeat;
	height: 31px;
}

#contenu  #navirenovation{
	position: relative;
	text-align: left;
	background-repeat: no-repeat;
	height: 31px;
}

#contenu  #naviextension{
	position: relative;
	text-align: left;
	background-repeat: no-repeat;
	height: 31px;
}

#contenu  #navineuf{
	position: relative;
	text-align: left;
	background-repeat: no-repeat;
	height: 31px;
}

#contenu  #navimobilier{
	position: relative;
	text-align: left;
	background-repeat: no-repeat;
	height: 31px;
}


/* ------------------------------------ */
/*                                      */
/*             SOUS NAVI                */
/*                                      */
/* ------------------------------------ */

#contenu  #sousnavi0{
	position: relative;
	background-image: url(../img/strucutre/sous-navi/navi0.jpg);
	background-repeat: no-repeat;
	height: 5px;
}

#contenu  #sousnaviextension{
	position: relative;
	background-image: url(../img/strucutre/sous-navi/extension.jpg);
	background-repeat: no-repeat;
	height: 5px;
}


#contenu  #sousnavimobilier{
	position: relative;
	background-image: url(../img/strucutre/sous-navi/mobilier.jpg);
	background-repeat: no-repeat;
	height: 5px;
}


#contenu  #sousnavineuf{
	position: relative;
	background-image: url(../img/strucutre/sous-navi/neuf.jpg);
	background-repeat: no-repeat;
	height: 5px;
}

#contenu  #sousnavirenovation{
	position: relative;
	background-image: url(../img/strucutre/sous-navi/renovation.jpg);
	background-repeat: no-repeat;
	height: 5px;
}


#contenu  #sousnaviparcours{
	position: relative;
	background-image: url(../img/strucutre/sous-navi/parcours.jpg);
	background-repeat: no-repeat;
	height: 5px;
}

#contenu  #sousnaviquestionsreponses{
	position: relative;
	background-image: url(../img/strucutre/sous-navi/questions_reponses.jpg);
	background-repeat: no-repeat;
	height: 5px;
}

#contenu  #sousnavipartenaires{
	position: relative;
	background-image: url(../img/strucutre/sous-navi/partenaires.jpg);
	background-repeat: no-repeat;
	height: 5px;
}

#contenu  #sousnavirole{
	position: relative;
	background-image: url(../img/strucutre/sous-navi/role.jpg);
	background-repeat: no-repeat;
	height: 5px;
}

#contenu  #sousnavicontact{
	position: relative;
	background-image: url(../img/strucutre/sous-navi/contact.jpg);
	background-repeat: no-repeat;
	height: 5px;
}

/* ------------------------------------ */
/*                                      */
/*              RENOVATION              */
/*                                      */
/* ------------------------------------ */

#contenu  #renovation{
	position: relative;
	background-image: url(../img/strucutre/fond/renovation.jpg);
	height: 407px;
}


#contenu  #renovation #gauche{
	float: left;
	top: 100px;
	text-align: right;
	position: relative;
	width: 235px;
}

#contenu  #renovation #corpsdroit{
	float: right;
	height: 240px;
	width: 637px;
	top: 75px;
	position: relative;
}


/* ------------------------------------ */
/*                                      */
/*         RENOVATION DETAIL            */
/*                                      */
/* ------------------------------------ */

#contenu   #renovation #corpsdroitdetail {
	float: right;
	height: 240px;
	width: 617px;
	top: 10px;
	position: relative;
}

#contenu  #renovation #gauchedetail {
	float: left;
	position: relative;
	top: 75px;
	width: 250px;
}

#contenu  #renovation #gauchedetail #contenudetail{
	float: left;
	margin-left: 15px;
}

#contenu  #renovation #gauchedetail #navigation {
	float: left;
	margin-left: 12px;
	position: relative;
	top: 10px;
}


.cartouchephoto{
	border: 1px solid #666666;
}

/* ------------------------------------ */
/*                                      */
/*              EXTENSION               */
/*                                      */
/* ------------------------------------ */

#contenu  #extension{
	position: relative;
	background-image: url(../img/strucutre/fond/extension.jpg);
	height: 407px;
}


#contenu  #extension #gauche{
	float: left;
	top: 100px;
	text-align: right;
	position: relative;
	width: 235px;
}

#contenu   #extension #corpsdroit{
	float: right;
	height: 240px;
	width: 637px;
	top: 75px;
	position: relative;
}


/* ------------------------------------ */
/*                                      */
/*         EXTENSION DETAIL               */
/*                                      */
/* ------------------------------------ */

#contenu   #extension #corpsdroitdetail {
	float: right;
	height: 240px;
	width: 617px;
	top: 10px;
	position: relative;
}

#contenu  #extension #gauchedetail {
	float: left;
	position: relative;
	top: 75px;
	width: 250px;
}

#contenu  #extension #gauchedetail #contenudetail{
	float: left;
	margin-left: 15px;
}

#contenu  #extension #gauchedetail #navigation {
	float: left;
	margin-left: 12px;
	position: relative;
	top: 10px;
}


.cartouchephoto{
	border: 1px solid #666666;
}


/* ------------------------------------ */
/*                                      */
/*              NEUF               */
/*                                      */
/* ------------------------------------ */

#contenu  #neuf{
	position: relative;
	background-image: url(../img/strucutre/fond/neuf.jpg);
	height: 407px;
}


#contenu  #neuf #gauche{
	float: left;
	top: 100px;
	text-align: right;
	position: relative;
	width: 235px;
}

#contenu #neuf #corpsdroit{
	float: right;
	height: 240px;
	width: 637px;
	top: 75px;
	position: relative;
}


/* ------------------------------------ */
/*                                      */
/*         EXTENSION NEUF               */
/*                                      */
/* ------------------------------------ */

#contenu   #neuf #corpsdroitdetail {
	float: right;
	height: 240px;
	width: 617px;
	top: 10px;
	position: relative;
}

#contenu  #neuf #gauchedetail {
	float: left;
	position: relative;
	top: 75px;
	width: 250px;
}

#contenu  #neuf #gauchedetail #contenudetail{
	float: left;
	margin-left: 15px;
}

#contenu  #neuf #gauchedetail #navigation {
	float: left;
	margin-left: 12px;
	position: relative;
	top: 10px;
}


.cartouchephoto{
	border: 1px solid #666666;
}



/* ------------------------------------ */
/*                                      */
/*              MOBILIER               */
/*                                      */
/* ------------------------------------ */

#contenu  #mobilier{
	position: relative;
	background-image: url(../img/strucutre/fond/mobilier.jpg);
	height: 407px;
}


#contenu  #mobilier #gauche{
	float: left;
	top: 100px;
	text-align: right;
	position: relative;
	width: 235px;
}

#contenu #mobilier #corpsdroit{
float: right;
	width: 617px;
	top: 35px;
	position: relative;
}


/* ------------------------------------ */
/*                                      */
/*         ROLE ARCHITECTE               */
/*                                      */
/* ------------------------------------ */

#contenu  #rolearchi{
	position: relative;
	background-image: url(../img/strucutre/fond/role.jpg);
	height: 407px;
	background-repeat: no-repeat;
}


#contenu  #rolearchi #gauche{
	float: left;
	top: 120px;
	text-align: right;
	position: relative;
	width: 240px;
}

#contenu  #rolearchi #corpsdroit{
	float: right;
	height: 370px;
	width: 610px;
	top: 25px;
	position: relative;
}



#contenu  #rolearchi a:link{
	font-size: 16px;
	;color:#a7a7ff;
	text-decoration: underline;
	
}
#contenu  #rolearchi a:visited{
	font-size: 16px;
	color:#a7a7ff;
	text-decoration: underline;
}
#contenu  #rolearchi a:hover{
	font-size: 16px;
	color: #a7a7ff;
	text-decoration:underline;
}



/* ------------------------------------ */
/*                                      */
/*     QUESTIONS - REPONSES             */
/*                                      */
/* ------------------------------------ */

#contenu  #questions{
	position: relative;
	background-image: url(../img/strucutre/fond/questions_reponses.jpg);
	height: 407px;
	background-repeat: no-repeat;
}


#contenu  #questions #gauche{
	float: left;
	top: 100px;
	text-align: right;
	position: relative;
	width: 340px;
}

#contenu  #questions #corpsdroit{
	float: right;
	height: 370px;
	width: 510px;
	top: 25px;
	position: relative;
}


#contenu  #questions a:link{
	font-size: 16px;
	;color:#fce772;
	text-decoration:underline;
	
}
#contenu  #questions a:visited{
	font-size: 16px;
	color:#fce772;
	text-decoration:underline;
}
#contenu  #questions a:hover{
	font-size: 16px;
	color: #fce772;
	text-decoration:underline;
}



/* ------------------------------------ */
/*                                      */
/*               PARCOURS               */
/*                                      */
/* ------------------------------------ */

#contenu  #parcours{
	position: relative;
	background-image: url(../img/strucutre/fond/parcours.jpg);
	height: 407px;
	background-repeat: no-repeat;
}


#contenu  #parcours #gauche{
	float: left;
	top: 120px;
	text-align: right;
	position: relative;
	width: 235px;
	left: 10px;
}

#contenu  #parcours #corpsdroit{
	float: right;
	height: 370px;
	width: 610px;
	top: 25px;
	position: relative;
}



#contenu  #parcours a:link{
	font-size: 16px;
	;color:#fdcdd8;
	text-decoration: none;
	
}
#contenu  #parcours a:visited{
	font-size: 16px;
	color:#fdcdd8;
	text-decoration: none;
}
#contenu  #parcours a:hover{
	font-size: 16px;
	text-decoration:underline;
	color: #fdcdd8;
}




/* ------------------------------------ */
/*                                      */
/*             PARTENAIRES              */
/*                                      */
/* ------------------------------------ */

#contenu  #partenaires{
	position: relative;
	background-image: url(../img/strucutre/fond/partenaires.jpg);
	height: 407px;
	background-repeat: no-repeat;
}



#contenu  #partenaires #gauche{
	float: left;
	top: 120px;
	text-align: right;
	position: relative;
	width: 240px;
}

#contenu  #partenaires #corpsdroit{
	float: right;
	height: 370px;
	width: 610px;
	top: 25px;
	position: relative;
}



#contenu  #partenaires a:link{
	font-size: 16px;
	;color:#fdcdd8;
	text-decoration: none;
	
}
#contenu  #partenaires a:visited{
	font-size: 16px;
	color:#fdcdd8;
	text-decoration: none;
}
#contenu  #partenaires a:hover{
	font-size: 16px;
	text-decoration:underline;
	color: #fdcdd8;
}



/* ------------------------------------ */
/*                                      */
/*              CONTACT                 */
/*                                      */
/* ------------------------------------ */

#contenu  #contact{
	position: relative;
	background-image: url(../img/strucutre/fond/contact.jpg);
	height: 407px;
}


#contenu  #contact #coordonnees{
	float: left;
	top: 220px;
	text-align: right;
	position: relative;
	width: 245px;
}

#contenu  #contact #corpsdroit{
	float: right;
	height: 390px;
	width: 640px;
	top: 10px;
	position: relative;
}


#contenu  #contact a:link{
	font-size: 12px;
	;color:#fdcdd8;
	text-decoration:underline;
	
}
#contenu  #contact a:visited{
	font-size: 12px;
	color:#fdcdd8;
	text-decoration:underline;
}
#contenu  #contact a:hover{
	font-size: 12px;
	color: #fdcdd8;
	text-decoration:underline;
	
}


/* ------------------------------------ */
/*                                      */
/*              TEXTE                   */
/*                                      */
/* ------------------------------------ */

h2 {
	letter-spacing: 0.02em;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 16px;
	color: #006699;
	margin-bottom: 12px;
	line-height: 20px;
	font-style: oblique;
	font-weight: normal;	
	text-align: justify;

}

h3 {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #006699;
	height: 18px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006699;
	letter-spacing: 0.06em;
	font-weight: normal;
	}
	
.titrejenny
{
	font-size:12px;
	font-weight: lighter;
	letter-spacing: 0.01em;
	line-height: 17px;
	}
	
.signatureCatapulte
{
	margin-top:5px;
	float:right;
	font-size:11px;
	color:#3b5699;
	text-align:right;
	width:100%;
}	
	
.texte10
{
	font-size:10px;
	font-weight: normal;
	line-height: 16px;
	}

.texte12
{
	font-size:12px;
	font-weight: normal;
	line-height: 16px;
	}

.texte14titre
{
	font-size:14px;
	font-weight: normal;
	line-height: 16px;
	}

.texte12blanc
{
	font-size:12px;
	font-weight: normal;
	line-height: 16px;
	color: #FFFFFF;
	}

.texte14
{
	font-size:14px;
	font-weight: normal;
	letter-spacing: 0.02em;
	line-height: 18px;
	}
	
.texterolearchisouligne
{
	font-size:18px;
	font-weight: normal;
	letter-spacing: 0.02em;
	line-height: 18px;
	color: #fccdd7;
	text-decoration: underline;
	}
	
.texteformulaire12
{
	font-size:12px;
	font-weight: lighter;
	letter-spacing: 0.02em;
	text-align: right;
	}
	
	
.formulaire
{
	font-size:12px;
	font-weight: lighter;
	letter-spacing: 0.01em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	}