/* CSS Document */

body {
margin:0;
padding:0;
background:url(image/texture_fond.jpg);
}

img {
border:0;
}


#textinvi {
width:1000px;
clear:left;
text-align:center;
color:#FFFFFF;
font-size:11px;
display:none;
}

#conteneur {
position:relative;
width:1000px;
left:50%;
margin-left:-500px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:500;
font-size:11px;
color:#333333;
line-height:12px;
}

#general{
float:left;
width:1000px;
height:560px;
}

#navigation{
position:absolute;
top:216px;
left:35px;
width:202px;
height:270px;
}

.gras{
font-weight:700;
}

.italic{
font-style:italic;
}

.centrer{
text-align:center;
}

.br{
line-height:11px;
}

br{
clear:left;
}

.spacer{
clear:left;
}

.saut_ligne{
width:100%;
height:20px;
}

.saut_ligne2{
height:10px;
width:100%;
}

.saut_ligne3{
height:5px;
width:100%;
}

.lien_normal{
color:#000000;
font-weight:700;
text-decoration:none;
}
.lien_normal:hover{
text-decoration:underline;
}


.saut_ligne30{
clear:left;
height:30px;
}

.saut_ligne20{
clear:left;
height:20px;
}

#illustration1 {
position:absolute;
top:1px;
left:380px;
width:620px;
height:180px;
}


#illustration2 {
position:absolute;
top:1px;
left:380px;
width:620px;
height:180px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../image/illustration2.png');
}

html>body #illustration2 {
background:url(image/illustration2.png) no-repeat top right;
}



/*page animation*/

.flash {
text-align:center;
padding:20px 0px;
}






/*mention légales*/
#mention_legale{
position:absolute;
top:508px;
left:41px;
width:168px;
height:25px;
text-align:center;
color:#D5FF93;
line-height:11px;
font-size:9px;
}

#mention_legale a{
color:#D5FF93;
text-decoration:none;
}

#mention_legale a:hover{
text-decoration:underline;
}

#mention_legale_garance{
position:absolute;
top:508px;
left:41px;
width:168px;
height:25px;
text-align:center;
color:#9e6a00;
line-height:11px;
font-size:9px;
}

#mention_legale_garance a{
color:#9e6a00;
text-decoration:none;
}

#mention_legale_garance a:hover{
text-decoration:underline;
}

/*mention légales defiscalisation*/
#mention_legale_defiscalisation{
position:absolute;
top:1293px;
left:41px;
width:168px;
height:25px;
text-align:center;
color:#D5FF93;
line-height:11px;
font-size:9px;
}

#mention_legale_defiscalisation a{
color:#D5FF93;
text-decoration:none;
}

#mention_legale_defiscalisation a:hover{
text-decoration:underline;
}

#mention_legale_long_garance{
position:absolute;
top:1293px;
left:41px;
width:168px;
height:25px;
text-align:center;
color:#9e6a00;
line-height:11px;
font-size:9px;
}

#mention_legale_long_garance a{
color:#9e6a00;
text-decoration:none;
}

#mention_legale_long_garance a:hover{
text-decoration:underline;
}



/*mention légales qui garance*/
#mention_legale_qui_garance{
position:absolute;
top:576px;
left:41px;
width:168px;
height:25px;
text-align:center;
color:#9e6a00;
line-height:11px;
font-size:9px;
}

#mention_legale_qui_garance a{
color:#9e6a00;
text-decoration:none;
}

#mention_legale_qui_garance a:hover{
text-decoration:underline;
}


/*mention légales contact*/
#mention_legale_contact{
position:absolute;
top:773px;
left:41px;
width:168px;
height:25px;
text-align:center;
color:#D5FF93;
line-height:11px;
font-size:9px;
}

#mention_legale_contact a{
color:#D5FF93;
text-decoration:none;
}

#mention_legale_contact a:hover{
text-decoration:underline;
}

#mention_legale_contact_garance{
position:absolute;
top:773px;
left:41px;
width:168px;
height:25px;
text-align:center;
color:#9e6a00;
line-height:11px;
font-size:9px;
}

#mention_legale_contact_garance a{
color:#9e6a00;
text-decoration:none;
}

#mention_legale_contact_garance a:hover{
text-decoration:underline;
}



/*SUD CONSTRUCTION: qui sommes nous*/

#vignette{
position:absolute;
top:193px;
left:264px;
width:202px;
height:48px;
}

#texte1{
position:absolute;
top:302px;
left:321px;
width:475px;
height:90px;
}

#texte2{
position:absolute;
top:191px;
left:634px;
width:216px;
height:110px;
background:url(image/postit_1.jpg) no-repeat center;
padding:10px;
}

#texte3{
position:absolute;
top:339px;
left:261px;
width:567px;
height:163px;
padding:10px;
background:url(image/postit_2.jpg) no-repeat center;
}


/*SUD CONSTRUCTIONS: qui sommes nous*/



#vignette_qui_sud{
position:absolute;
top:211px;
left:268px;
width:202px;
height:48px;
}

#texte1_qui_sud{
position:absolute;
top:277px;
left:335px;
width:246px;
height:80px;
text-align:justify;
}

#texte2_qui_sud{
position:absolute;
top:202px;
left:637px;
width:199px;
height:92px;
background:url(image/postit_2_sud_bis.jpg) no-repeat center;
text-align:justify;
padding:15px;
}

#texte3_qui_sud{
position:absolute;
top:385px;
left:287px;
width:535px;
height:105px;
padding:15px;
background:url(image/postit_3_sud_bis.jpg) no-repeat center;
text-align:justify;
}


/*SUD CONSTRUCTION/GARANCE: terrain/projet*/

#vignette_terrain{
position:absolute;
top:192px;
left:268px;
width:202px;
height:48px;
}

#texte1_terrain{
position:absolute;
top:253px;
left:268px;
width:218px;
height:270px;
overflow:auto;
}

.photo{
float:left;
padding:5px 0px 0px 0px;}




/*SUD CONSTRUCTION/GARANCE: realisation*/

#vignette_realisation{
position:absolute;
top:192px;
left:268px;
width:202px;
height:48px;
}

#texte1_realisation{
position:absolute;
top:244px;
left:268px;
width:218px;
height:80px;
}


#texte2_realisation{
position:absolute;
top:194px;
left:503px;
width:366px;
height:3px;
text-align:center;
font-size:11px;
color:#475E00;
}

#texte3_realisation{
position:absolute;
top:214px;
left:504px;
width:350px;
height:289px;
padding:5px;
border:#85B100 solid 1px;
overflow:auto;
}

#texte3_realisation a{
color:#475E00;
font-weight:700px;
font-size:11px;
text-decoration:none;
}

#texte3_realisation a:hover{
text-decoration:underline;
}


#texte4_realisation{
position:absolute;
top:440px;
left:268px;
width:218px;
height:86px;
overflow:auto;
}

#texte4_realisation2{
position:absolute;
top:440px;
left:268px;
width:218px;
height:86px;
overflow:auto;
}

.texte_puce_realisation{
clear:left;
padding:0px 0px 0px 20px;
margin:0px 0px 10px 0px;
background:url(image/puce.jpg) left top no-repeat;
}

.description{
clear:left;
}

.photo{
float:left;
text-align:center;
padding:5px 5px 0px 0px;
}



/*nav*/

#nav{
top:22px;
left:25px;
width:150px;
height:150px;
position:absolute;

}




/*GARANCE: qui sommes nous*/


#vignette_qui_garance{
position:absolute;
top:192px;
left:268px;
width:202px;
height:48px;
}

#texte1_qui_garance{
position:absolute;
top:256px;
left:298px;
width:305px;
height:80px;
text-align:justify;
}

#texte2_qui_garance{
position:absolute;
top:190px;
left:627px;
width:215px;
height:120px;
background:url(image/postit_2_garance_bis.jpg) no-repeat center;
padding:15px;
text-align:justify;
}

#texte3_qui_garance{
position:absolute;
top:376px;
left:288px;
width:536px;
height:188px;
padding:15px;
background:url(image/postit_3_garance_bis.jpg) no-repeat center;
text-align:justify;
}


/*GARANCE: descriptif*/

#descriptif1{
position:absolute;
top:309px;
left:287px;
width:555px;
height:925px;
}

#descriptif2{
position:absolute;
top:240px;
left:287px;
width:555px;
height:925px;
}

#vignette_descriptif{
position:absolute;
top:211px;
left:268px;
width:202px;
height:48px;
}

#intro_descriptif{
position:absolute;
top:212px;
left:539px;
width:284px;
height:16px;
}

.texte_descriptif{
clear:left;
padding:10px 0px 10px 40px;
text-align:justify;
}

.titre_descriptif{
float:left;
color:#526e00;
font-weight:700;
font-size:13px;
line-height:25px;
border-bottom:#999999 solid 1px;
width:100%;
margin:0px 0px 10px 0px;
}






/*GARANCE: défiscalisation*/

#defisc1{
position:absolute;
top:347px;
left:291px;
width:555px;
height:896px;
}

#vignette_defisc{
position:absolute;
top:189px;
left:254px;
width:202px;
height:48px;
}

#texte_defisc{
position:absolute;
top:341px;
left:338px;
width:454px;
height:90px;
}

#texte_defisc3{
position:absolute;
top:332px;
left:338px;
width:450px;
height:90px;
text-align:justify;
}

#texte_defisc4{
position:absolute;
top:341px;
left:338px;
width:454px;
height:90px;
text-align:justify;
}

#page_precedente{
position:absolute;
top:505px;
left:274px;
width:124px;
height:20px;
}

#page_suivante{
position:absolute;
top:505px;
left:747px;
width:100px;
height:23px;
}

#page_precedente_defisc1{
position:absolute;
top:1292px;
left:274px;
width:124px;
height:20px;
}

#page_suivante_defisc1{
position:absolute;
top:1292px;
left:747px;
width:100px;
height:23px;
}

#titre_orange{
position:absolute;
top:255px;
left:548px;
width:300px;
height:16px;
color:#FF6600;
font-weight:700;
font-size:12px;
}

#intro_defisc1{
position:absolute;
top:205px;
left:539px;
width:284px;
height:16px;
}

#intro_defisc2{
position:absolute;
top:232px;
left:526px;
width:315px;
height:16px;
}

.texte_orange{
color:#FF6600;
font-weight:700;
font-size:12px;
}

.texte{
clear:left;
padding:10px 0px 10px 40px;
text-align:justify;
}

.texte_puce{
clear:left;
padding:0px 0px 0px 20px;
margin:10px 0px 15px 20px;
background:url(image/puce.jpg) left top no-repeat;
text-align:justify;
}

.titre{
float:left;
color:#526e00;
font-weight:700;
font-size:13px;
line-height:15px;
}

.zone{
float:left;
width:100px;
color:#FF6600;
font-weight:700;
padding:0px 0px 0px 40px;
}

.detail{
float:left;
width:300px;
margin:0px 0px 00px 0px;
}

.metre_carre{
float:right;
width:100px;
}

.texte_centre{
float:left;
width:550px;
font-weight:700;
font-size:12px;
text-align:center;
margin:10px 0px 10px 0px;
}

.cellule1{
float:left;
width:225px;
padding:5px 0px 0px 0px; 
}

.cellule2{
float:left;
width:164px;
border-left:#85B100 1px solid;
padding:5px 0px 0px 0px; 
}

.cellule3{
float:right;
width:164px;
border-left:#85B100 1px solid;
padding:5px 0px 0px 0px; 
}

.cellule4{
float:left;
height:34px;
width:225px;
border-bottom:#85B100 1px solid;
text-align:center;
line-height:23px;
font-style:italic;
color:#5F3F20;
}

.cellule5{
float:left;
width:164px;
border-bottom:#85B100 1px solid;
border-left:#85B100 1px solid;
font-style:italic;
color:#5F3F20;
padding:5px 0px 5px 0px; 
}

.cellule6{
float:right;
width:164px;
border-bottom:#85B100 1px solid;
border-left:#85B100 1px solid;
font-style:italic;
color:#5F3F20;
padding:5px 0px 5px 0px; 
}

.cellule7{
float:left;
width:164px;
border-bottom:#85B100 1px solid;
border-left:#85B100 1px solid;
color:#FF6600;
font-weight:700;
font-size:12px;
text-align:center;
padding:0px 0px 5px 0px; 
}

.cellule8{
float:right;
width:164px;
border-bottom:#85B100 1px solid;
border-left:#85B100 1px solid;
color:#FF6600;
font-weight:700;
font-size:12px;
padding:0px 0px 5px 0px; 
text-align:center;
}

.ecart{
float:left;
width:57px;
text-align:right;
padding:0px 25px 0px 0px; 
}

.ecart_centre{
float:left;
width:50%;
text-align:center;
}

.ligne_defisc{
float:left;
padding: 0px 0px 0px 10px;
}





/* GARANCE/SUD CONSTRUCTION: contact*/

#vignette_contact{
position:absolute;
top:189px;
left:254px;
width:202px;
height:48px;
}

#encart_contact1{
position:absolute;
top:457px;
left:260px;
width:136px;
height:120px;
padding:15px 15px 15px 25px;
background:url(image/postit_adresse.jpg) no-repeat center;
}

#encart_contact2{
position:absolute;
top:268px;
left:290px;
width:136px;
height:120px;
padding:15px 15px 15px 25px;
background:url(image/postit_adresse.jpg) no-repeat center;
}


.align_contact1 {
float:left;
width:30px;
text-align:right;
display:inline;
}
.align_contact2 {
float:left;
width:100px;
padding:0px 0px 0px 5px;
text-align:left;
display:inline;
}


#texte_contact{
position:absolute;
top:200px;
left:480px;
width:387px;
height:29px;
text-align:center;
}

#formulaire{
position:absolute;
top:247px;
left:473px;
width:378px;
height:520px;
border:#85B100 1px solid;
padding:10px 10px 10px 0px;
}

.submit{
height:20px;
text-align:center;
font-weight:700;
background:#FFFFCC;
color:#6B4800;
}

input{
height:11px;
font-size:10px;
}

.droite{
float:left;
text-align:left;
width:290px;
}

.gauche{
float:left;
text-align:right;
padding:5px 10px 5px 5px;
width:70px;
}


.case_cocher{
padding:0px 10px 0px 5px;
}

.texte_puce_form{
float:left;
padding:0px 0px 0px 20px;
margin:15px 0px 0px 5px;
background:url(image/puce.jpg) left top no-repeat;
}



/* GARANCE/SUD CONSTRUCTION: plan du site*/

#plan1{
position:absolute;
top:306px;
left:271px;
width:251px;
height:170px;
padding:15px;
background: url(image/postit_plan.jpg) no-repeat center;
}

#plan2{
position:absolute;
top:306px;
left:561px;
width:251px;
height:170px;
padding:15px;
background: url(image/postit_plan.jpg) no-repeat center;
}


#plan1_mention{
position:absolute;
top:288px;
left:262px;
width:271px;
height:190px;
padding:15px;
background: url(image/postit_mentions.jpg) no-repeat center;
}

#plan2_mention{
position:absolute;
top:288px;
left:573px;
width:271px;
height:190px;
padding:15px;
background: url(image/postit_mentions.jpg) no-repeat center;
}



.titre_plan{
clear:left;
color:#526e00;
font-weight:700;
font-size:13px;
line-height:25px;
border-bottom:#999999 solid 1px;
margin:0px 10px 0px 10px;

}

.texte_plan{
clear:left;
padding:10px 0px 0px 15px;
}

.lien_plan2{
color:#FF6600;
font-weight:700;
text-decoration:none;
}
.lien_plan2:hover{
color:#FF6600;
font-weight:700;
text-decoration:none;
font-style:italic;
}

.lien_plan{
text-decoration:none;
color:#000000;
font-size:11px;
}


.lien_plan:hover{
font-weight:700;

}