/*=======================================CSS=====
	Feuille de style
	Site : 
	Auteur : Pernelle Rousselot - Studio EDISPO
	Date : 
*/


/*=======================================GENERAL=====*/
body{
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#fff;
  text-align:center;
  background:url(../medias/bg-general.png) top left repeat-x #444;
}
table, td, p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:justify;
}
th{
	font-weight:normal;
    text-align:left;
    font-size:12px;
}
a:link, a:hover, a:visited, a:active{
	color:#333;
    display:inline-block;
	text-decoration:none;
    padding:1px;
    text-decoration:underline;
}
a:hover{
	text-decoration:none;
    color:#333;
}
img{
	margin:0;
	padding:0;
	border:0;
}


#conteneur{
 	width:940px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
}
 
#entete{
 	width:940px;
	height:273px;
	margin:0;
	padding:0;
	z-index:5;
	background:url(../medias/entete.jpg) bottom center no-repeat;
    position:relative;
}
#secondaire{
	font-weight:normal;
    font-size:11px;
    color:#fff6e0;
    text-align:right;
    padding:0;
    background:url(../medias/bg-secondaire.png) top left repeat-x; 
    height:26px;
}
#secondaire a:link, #secondaire a:hover, #secondaire a:visited, #secondaire a:active{
	color:#fff6e0;
    display:inline-block;
	text-decoration:none;
    padding:6px 15px 3px 15px;
    margin:0 0 0 20px;
    text-decoration:none;
}
#secondaire a:hover{
	text-decoration:underline;
    color:#fff6e0;
}
#secondaire .accueil{
	background:url(../medias/picto-accueil.png) center left no-repeat;
}
#secondaire .plan{
	background:url(../medias/picto-plan.png) center left no-repeat;
}
#secondaire .contact{
	background:url(../medias/picto-contact.png) center left no-repeat;
}
#slogan{
	position:absolute;
    top:145px;
    left:645px;
}
#principal{
 	width:874px;	/*init 940*/
	height:30px;
	margin:0;
	padding:0 33px;
	position:absolute;
	left:0px;
	top:24px;
    background:url(../medias/bg-menu.png) top center no-repeat;
}
#tertiaire{
	background:url(../medias/bg-entete-bas.png) top left no-repeat;
    height:56px;
    width:940px;
    position:absolute;
    top:304px;
    left:0;
}
#num-vert{
	position:absolute;
    bottom:8px;
    right:15px;
}
h1#logo{
	width:186px;
    padding: 118px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/logo-cabinet-seco.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:118px;
	z-index:5;
	position:absolute;
	top:65px;
	left:1px;
}
h1#accueil{
	width:599px;
    padding: 41px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-accueil.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:41px;
	z-index:5;
}
h1#societe{
	width:94px;
    padding: 16px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-societe.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:16px;
	z-index:5;
}
h1#particulier{
	width:230px;
    padding: 19px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-particulier.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:19px;
	z-index:5;
}
h1#regie{
	width:501px;
    padding: 19px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-regie.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:19px;
	z-index:5;
}
h1#architecte{
	width:394px;
    padding: 16px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-architecte.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:16px;
	z-index:5;
}

h1#missions{
	width:117px;
    padding: 16px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-missions.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:16px;
	z-index:5;
}
h1#realisations{
	width:151px;
    padding: 16px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-realisations.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:16px;
	z-index:5;
}
h1#contacts{
	width:74px;
    padding: 15px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-contact.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:15px;
	z-index:5;
}

#principal ul, #principal li{
 	padding:0;
	margin:0;
	list-style:none;
    text-align:center;
}

.item, .item_actif {
 	padding:0 7px;
	margin:0;
	list-style:none;
	display:inline-block;
	float:left;
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
    position:relative;
    font-weight:bold;
}
.item span, .item_actif span{
	height:30px;
    background:url(../medias/bg-right-item.png) top left no-repeat;
    position:absolute;
    top:0;
    right:-5px;
    width:5px;
    margin:0;
}
.item a:link, .item a:visited, .item a:active{
	/*color:#fff;*/
    color:#393737;

	/* partie de code a repeter */
	text-decoration:none;
	padding:10px 10px 5px 10px;
	margin:0 1px;
	display:inline-block;
	height:15px;	/* init 30*/
    position:relative;
}
.item a:hover{
	/*color:#fff;*/
    color:#fff;
 	background:url(../medias/bg-item-actif.png) top left repeat-x;

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
}
.item a:hover span{
	text-decoration:none;
}

/* Couleur du libelle actif */
.item_actif a:link, .item_actif a:visited, .item_actif a:active{
	/*color:#fff;*/
    color:#fff;
 	background:url(../medias/bg-item-actif.png) top left repeat-x;

	/* partie de code a repeter */
	text-decoration:none;
	padding:10px 10px 5px 10px;
	margin:0 1px;
	display:inline-block;
	height:15px;	/* init 30*/
    position:relative;
}

/*Couleur du libelle actif en survol */
.item_actif a:hover{
	/*color:#fff;*/
    color:#fff;
 	background:url(../medias/bg-item-actif.png) top left repeat-x;

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
}

#bt-etude:link, #bt-etude:visited, #bt-etude:hover, #bt-etude:active {
	width:154px;	/*init 194*/
    height:23px;	/*init 34*/
    padding:11px 0 0 40px;
    text-align:left;
    background:url(../medias/bg-bt-etude.png) top left no-repeat;
    color:#333;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    position:absolute;
    top:13px;
    left:10px;
}
#bt-etude:hover{
	text-decoration:underline;
}

#bt-simulateur:link, #bt-simulateur:visited, #bt-simulateur:hover, #bt-simulateur:active {
	width:154px;	/*init 194*/
    height:23px;	/*init 34*/
    padding:11px 0 0 40px;
    text-align:left;
    background:url(../medias/bg-bt-simulateur.png) top left no-repeat;
    color:#333;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    position:absolute;
    top:13px;
    left:212px;
}
#bt-simulateur:hover{
	text-decoration:underline;
}

#corps{
	width:898px;	/* init 940*/
	padding:20px 20px 0px 20px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	position:relative;
}
#module-gauche{
	width:270px;
    float:left;
    margin:0;
}

#contenu{
	width:605px;	/*init 635*/
    
	width:605px;	/*init 635*/
	margin:0 0 0 259px;
 	padding:15px 15px 5px 15px;
   text-align:left;
    font-size:13px;
    position:relative;
    background:#f2f2f2;
    color:#1d1c1d;
}
#contenu-accueil{
	width:605px;	/*init 635*/
    
	width:605px;	/*init 635*/
	margin:0 0 0 259px;
	padding:15px 15px 5px 15px;
    text-align:left;
    font-size:13px;
    position:relative;
    background:#f2f2f2;
	background:url(../medias/bg-accueil.png) bottom right no-repeat #f2f2f2;
    color:#1d1c1d;
}
#contenu *, #contenu-accueil *{
	font-size:13px;
}
#contenu ul, #references ul, #sub ul{
	margin:10px 5px;
	padding:0;
    display:block;
}
#contenu li{
	list-style:none;
    background:url(../medias/puce.png) top left no-repeat;
    padding:1px 5px 0px 10px;
    display:block;
    margin:2px 0;
    text-align:left;
}
#contenu a:link, #contenu a:visited, #contenu a:hover, #contenu a:active{
	color:#f68821;
    text-decoration:underline;
}
#contenu .plans a:link, #contenu .plans a:visited, #contenu .plans a:hover, #contenu .plans a:active{
	color:#1c1c1c;
}

#contenu a.retour:link, #contenu a.retour:visited, #contenu a.retour:hover, #contenu a.retour:active{
	color:#555;
    padding:0 0 0 15px;
    background:url(../medias/picto-fleche-haut.gif) top left no-repeat;
    text-decoration:none;
}
#contenu a.retour:hover{
	color:#555;
    text-decoration:underline;
}
#bloc-gauche{
	border-right:1px solid #666;
    width:285px;	
    padding:1px 20px 20px 0;
}
#bloc-droite{
	width:285px;
    position:absolute;
    top:0px;
    left:320px;
    text-align:left;
}
#bloc-gauche2{
	border-right:1px solid #666;
    width:325px;	
    padding:1px 20px 20px 0;
}
#bloc-droite2{
	width:230px;
    position:absolute;
    top:0px;
    left:365px;
    text-align:left;
}
#bloc-complet{
    width:600px;	/*init 330*/
    padding:0 0 20px 0;
    position:relative;
}

#pied{
	width:100%;	
	padding:0;
	margin:20px 0 10px 0;
	position:relative;
	text-align:center;
	font-weight:bold;
	font-size:11px;
    clear:both;
    background:none;
}
.pied{
	background:#c4db59;
	color:#282828;
	font-size:11px;
	text-align:left;
    font-weight:normal;
	margin:0 auto;
	padding:20px;
    width:855px;	/*init 900px*/
    position:relative;
}

.pied a:link, .pied a:visited, .pied a:active{
	color:#fff;
	padding:1px 0;
	text-decoration:none;
}
.pied a:hover{
	color:#fff;
	background:none;
	padding:1px 0;
	text-decoration:underline;
}
#copyright{
	text-align:right;
	margin:0;
	padding:5px 20px 0 0;
	font-size:11px;
    font-weight:normal;
	color:#c4db59;
}

#pied a:link, #pied a:visited, #pied a:active{
	color:#c4db59;
    font-size:11px;
	padding:1px 0px;
	text-decoration:none;
}
#pied a:hover{
	color:#c4db59;
	background:none;
	padding:1px 0px;
	text-decoration:underline;
}
.texte{
	padding:5px;
}

h1{
	text-transform:uppercase;
	font-size:13px;
	color:#000;
	margin:0 0 10px 0;
	padding:10px 0 0 10px;
    background:url(../medias/bg-h1.png) top left no-repeat;
    display:block;
    width:631px;	/*init 641*/
    height:32px;	/*init 42*/
}
#contenu h2{
	margin:0;
    padding:0;
    color:#1c1c1c;
    font-size:20px;
    font-weight:normal;
}
#contenu h3{
	color:#a4b847;
    text-transform:uppercase;
    font-weight:normal;
    font-size:19px;
    margin:20px 0 0 0;
    padding:0 0 5px 0;
    text-align:left;
}
#contenu h3 span{
	display:block;
    margin:0;
    font-style:italic;
    font-size:15px;
    font-weight:normal;
    text-transform:none;
}
h4{
	margin:0;
    padding:0;
    font-weight:bold;
    font-size:14px;
}
#suivi-travaux h3, #sub h3{
	color:#333;
}
#sub h3 span{
	color:#fff;
    font-size:10px;
    display:block;
    margin:0;
    padding:0;
}
form{
	margin:0;
	padding:0;
}
input, textarea{
	border:0;
/*	border-bottom:1px solid #666;*/
	padding:1px 5px;
	margin:5px 0;
	font:12px Arial, Helvetica, sans-serif;
}
input{
	width:180px;	/*init 190*/
	background:url(../medias/bg-input.png) top left no-repeat;
	height:20px;	/*init 22*/
    color:#fff;
}
#rappel input{
	width:188px;	/*init 203*/
    height:26px;	/*init 26*/
    padding:0 10px 0 5px;
 	margin:3px 0 0 0;
    background:url(../medias/bg-input-rappel.png) top left no-repeat;
    color:#666;
}
.input2{
	width:60px;	/*init 172*/
	background:url(../medias/bg-input2.png) top left no-repeat;
}
textarea{
	height:98px;	/*init 101*/
	width:180px;
	background:url(../medias/bg-textarea.png) top left no-repeat;
    color:#fff;
}
.bt-envoi{
	background:none;
	text-align:center;
	margin:2px 0 90px 50px;
	border:0;
	padding:2px 5px;
	font-size:12px;
	width:auto;
	height:auto;
}
.bt-calcul{
	background:none;
	margin:0;
	border:0;
	padding:2px 5px;
	font-size:12px;
	width:auto;
	height:auto;
}
.bt-conseil{
	background:none;
	margin:0;
	border:0;
	padding:2px 5px;
	font-size:12px;
	width:auto;
	height:auto;
}

#rappel .bt-appel{
	background:none;
	border:0;
	padding:0;
    margin:10px auto 0 auto;
	width:auto;
	height:auto;
}
#contenu .indication{
	font-size:11px;
    color:#666;
    margin:20px 0 0 50px;
}
label{
	text-align:right;
	display:block;
	width:25%;
	float:left;
	font-weight:bold;
	font-size:12px;
	margin:5px 10px;
    padding:3px 0 0 0;
}
label.special{
	text-align:left;
	display:inline-block;
	font-size:12px;
	margin:5px 10px;
    padding:3px 0 0 0;
    width:auto;
    font-weight:normal;
}
label.special2{
	text-align:left;
	display:inline-block;
	font-size:12px;
	margin:5px 10px;
    padding:3px 0 0 0;
    width:20%;
    font-weight:normal;
}
input.special{
	background:#fff;
    width:150px;
    height:20px;
    color:#000;
}
label.sans{
	text-align:left;
	font-weight:bold;
	font-size:11px;
	margin:2px 10px 5px 2px;
	display:inline;
	float:none;
	width:auto;
}
input.coche{
	border:0;
	width:auto;
	background:none;
    margin:0;
}
.petit, #contenu .petit{
	font-size:11px;
}
.citation{
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-style:italic;
}
.gros{
	font-size:16px;
}

#sub0{
	display:block;
}
.tarifs{
	font-size:12px;
	width:100%;
}
.tarifs td{
	font-size:12px;
	padding:2px 5px;
	background:#973b30;
	border:1px dotted #a64e3c;
}
iframe{
	border:1px solid #fff;
	padding:1px;
}

.separation{
	clear:both;
    margin:2px 0 0 0;
}
.left{
	float:left;
    padding:0;
    margin:0 12px 10px 0;
}
img.left{
	padding:1px;
	border:1px dotted #999;
}
#simul .left{
	float:left;
    padding:0;
    margin:0 15px 10px 10px;
}

.right{
	float:right;
    padding:0;
    margin:0 0 10px 25px;
    border:1px solid #777;
}
#simul .right{
	margin:0 50px 10px 5px;
}
.row1 td, .row2 td, .row1 th, .row2 th{
	font-size:11px;
    padding:5px 5px;
    border:1px dotted #999;
}
.row1 th, .row1 td{
	background:#efefef;
}

.row2 th, .row2 td{
	background:#feedd6;
}
.row1 td, .row2 td{
	text-align:center;
}
.row0 th{
	font-size:11px;
    padding:2px 5px;
    border:1px dotted #555;
}
body a.sans:hover{
	background:none;
    display:inline-block;
}
span.erreur, .erreur{
	color:#c00;
    padding:5px;
    border:1px dotted #c00;
}

img.lien{
	border:1px solid #ccc;
    padding:2px;
}
body.simulateur{
	background:#333;
}

#simul{
	width:700px;
    height:490px;
    margin:0 auto;
    padding:20px;
}
#simul h1{
	text-transform:none;
    font-size:20px;
    color:#fff;
    font-weight:normal;
    text-align:center;
    background:none;
    width:100%;
}
#submenu-simulateur{
	width:688px;
    height:27px;
    background:url(../medias/simulateur/bg-submenu.png) top left no-repeat;
    color:#9d9d9d;
    margin:0 0 20px 0;
}
#submenu-simulateur ul, #submenu-simulateur li{
 	padding:0;
	margin:0;
	list-style:none;
}
.subitem, .subitem_actif, .subitem_actif0, .subitem_actif1 {
 	padding:0 10px;
	margin:0;
	list-style:none;
	display:inline-block;
	float:left;
	font-size:12px;
	font-weight:bold;
	text-transform:none;
	text-align:center;
    position:relative;
}
.subitem a:link, .subitem a:visited, .subitme a:hover, .subitem a:active{
	color:#9d9d9d;

	/* partie de code a repeter */
	text-decoration:none;
	padding:6px 6px 5px 6px;
	margin:0 3px;
	display:inline-block;
	height:16px;	/* init 27*/
    position:relative;
}

/* Couleur du libelle actif */
.subitem_actif a:link, .subitem_actif a:visited, .subitem_actif a:hover, .subitem_actif a:active{
	color:#fff;
 	background:url(../medias/simulateur/bg-subitem.png) top left no-repeat;

	/* partie de code a repeter */
	text-decoration:none;
	padding:6px 12px 5px 8px;
	margin:0;
	display:inline-block;
	height:16px;	/* init 27*/
    position:relative;
}
.subitem_actif0 a:link, .subitem_actif0 a:visited, .subitem_actif0 a:hover, .subitem_actif0 a:active{
	color:#fff;
 	background:url(../medias/simulateur/bg-subitem2.png) top right no-repeat;
	text-decoration:none;
	padding:6px 12px 5px 8px;
	margin:0 3px 0 0;
	display:inline-block;
	height:16px;	/* init 27*/
    position:relative;
}
.subitem_actif1 a:link, .subitem_actif1 a:visited, .subitem_actif1 a:hover, .subitem_actif1 a:active{
	color:#fff;
 	background:url(../medias/simulateur/bg-subitem1.png) top left repeat-x;
	text-decoration:none;
	padding:6px 12px 5px 8px;
	margin:0;
	display:inline-block;
	height:16px;	/* init 27*/
    position:relative;
}
.subitem_actif span{
	height:27px;
    background:url(../medias/simulateur/bg-right-subitem.png) top left no-repeat;
    position:absolute;
    top:0;
    right:-5px;
    width:5px;
    margin:0;
}

#submenu{
	display:none;
}
#parent2, #resultats{
	width:680px;
    margin:0 auto;
    height:390px;
}
#parent2 li, #resultats{
    text-align:left;
	color:#1c1c1c;
    padding:20px;
    background:url(../medias/simulateur/bg-parent-2.png) top left no-repeat;
    font-size:12px;
}
#parent2 a:link, #parent2 a:visited, #parent2 a:hover, #parent2 a:active{
	color:#fff;
}
#parent2 h2, #resultats h2{
	font-size:21px;
    color:#1c1c1c;
    font-weight:normal;
    margin:0;
    padding:0;
}
#resultats{
	position:relative;
}
#resultats h3{
	color:#1c1c1c;
    font-size:15px;
    font-weight:normal;
    margin:0;
    padding:10px 0 0 0;
    text-transform:none;
}
#pied-simulateur{
	height:18px;
	background:url(../medias/bg-pied.png) bottom left repeat-x #fff;
}
#pied-simulateur .pied{
	background:none;
    width:688px;
	margin:0 auto;
	padding:2px 0 0 0;
	font-size:11px;
    font-weight:bold;
	color:#3a3a3a;
}
.resultats{
    width:270px;
    margin:10px 20px 0 70px;
    position:absolute;
    top:20px;
    right:30px;
}
.resultat1, .resultat2{
	padding:0;
    margin:3px 6px 3px 0;
    font-size:11px;
    width:122px;
    height:150px;
    border:1px solid #ddd;
    float:left;
    text-align:center;
}
#desc01, #desc02, #desc03, #desc04{
	display:none;
    background:url(../medias/simulateur/bg-description.png) top left no-repeat;
    width:140px;	/*init 160*/
    height:110px;	/*init 130*/
    padding:10px;
    text-align:left;
    color:#000;
    font-size:12px;
    text-align:left;
}
#desc01 p, #desc02 p, #desc03 p, #desc04 p{
	text-align:left;
}
#desc01 h3, #desc02 h3, #desc03 h3, #desc04 h3{
	color:#000;
    text-transform:none;
    font-size:13px;
    font-weight:normal;
    border-bottom:1px solid #000;
}

#conseiller{
    width:365px;
}
#vous{
	background:url(../medias/vous-etes.png) top left no-repeat;
    height:12px;
    width:289px;
    margin:0;
    padding:0;
    position:absolute;
    top:5px;
    left:225px;
}
#pied a.edispo{
    text-transform:uppercase;
	color:#c4db59;
    font-size:9px;
}

#vous-etes{
    background:url(../medias/fd-vous-etes.png) top left no-repeat;
    padding:25px 0 0 0;
    margin:0 0 20px 0;
    text-align:left;
}
#vous-etes a{
	margin:0 0 3px 0;
}
#telechargement{
	background:url(../medias/fd-telechargements.png) top center no-repeat #5d5d5d;
    padding:30px 5px 10px 5px;
    width:215px;	/*init 220*/
    margin:0;
}
#mentions{
	background:url(../medias/fd-mentions.png) top center no-repeat #5d5d5d;
    padding:30px 5px 10px 5px;
    width:215px;	/*init 220*/
    margin:0;
}
#espace{
	background:url(../medias/fd-espace.png) top center no-repeat #5d5d5d;
    padding:30px 5px 10px 5px;
    width:215px;	/*init 220*/
    margin:25px 0 0 0;
}
#telechargement ul, #mentions ul, #espace ul{
	margin:10px 0 0 0;
    padding:5px 10px;
}
#telechargement li, #mentions li, #espace li{
	list-style:none;
	color:#c4db59;
    font-size:12px;
    font-weight:bold;
    padding:1px 0 5px 12px;
    text-align:left;
    background:url(../medias/puce-document.png) top left no-repeat;
}
#telechargement li span, #mentions li span, #espace li span{
	color:#fff;
    font-size:11px;
    display:block;
    font-weight:normal;
}
#telechargement li a, #mentions li a, #espace li a{
	padding:5px 0 10px 25px;
    background:url(../medias/puce-telecharger.png) top left no-repeat;
    color:#ef9b71;
    font-weight:bold;
    display:block;
    margin:3px 0 0 0;
    text-decoration:none;
}
.content-accueil{
	width:285px;
    text-align:justify;
}
.signature{
	color:#a4b847;
    font-weight:bold;
    font-size:13px;
    font-style:italic;
}
#coordonnees{
	position:absolute;
    top:20px;
    right:20px;
    width:190px;
    padding:10px;
    background:#c4db59;
}
p.nature{ font-size:11px !important; margin:4px 0; }
thead th{ background:#c4db59; color:#444; font-weight:bold; font-size:12px !important; padding:10px 6px; }
span.lieu{ text-transform:uppercase; background:#555; color:#fff; font-size:9px !important; padding:2px; display:inline-block; margin-bottom:2px; }
tbody td{ border-bottom:1px solid #999; padding:3px 6px; text-align:left;}
td.mission{font-size:11px !important; }