/*
    Document   : style
    Created on : 5 avr. 2011, 15:56:44
    Author     : developpeur2
    Description:
        Purpose of the stylesheet follows.
*/

/* ---------------------------------------- */
/* --------------- GENERAL -------------- */
body
{
    /*position:relative;*/
    font-family:"Arial";
    color:#797979;
    width:1044px;
    margin:auto;
    background: url(images/deg_gris.jpg) repeat-x #c7c3be;
}

#encart___Frame body{
    background: none;
}
a
{
    color:#c94d1f;
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

img
{
    border: none;
}

h1
{
    color:#c94d1f;
    font-size: 20px;
}

p
{
    font-size: 11px;
}

label
{
    font-size: 11px;
    color:#797979;
}
/* -------------------------------------------------*/
/* ------------- STYLE EN-T�TE -------------- */



#fleur
{
	width:auto;
	height:auto;
	position:absolute;
	z-index:300;
	margin:auto;
}
.calfleur{
    height:100%;
    background-color: #797979;
}

#entete
{
	position:relative;
	width: auto;
	font-size:30px;
	height:100px;
	top:0;
        background:url(images/bandeau.png) repeat scroll 0 -12px transparent;;
        z-index:400;

}

#logo
{
	width:auto;
	height:auto;
	position:absolute;
	z-index:700;
	margin:auto;
	top:6px;
	left:183px;
}


#drapeau
{
    margin-left:1020px;
    margin-top:-95px;
    margin-right:5px;
    z-index: 80000;
    position: absolute;
}

#drapeau img
{
    width: 20px;
}

#rond_phototeque
{
    position:absolute;
    z-index: 10000;
    margin-left:800px;
    margin-top: -95px;
}
/*------------------------------------------------------- */
/* ------------- STYLE MENU HORIZONTAL -------------- */
#monmenu
{
    position:absolute;
    text-align: center;
    margin-right: auto;
    z-index: 9999;
    width: 1044px;
    margin-left: auto;
    height:40px;
    background-image:url(images/barre_nav.png);
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 0px;
    font-size: 11px;
    color:white;
}

#monmenu ul.niveau1 li, #monmenu ul.niveau1 li:hover
{
    background:none;
    margin-top: -6px;
    display:block;
}

#monmenu ul.niveau1
{
    margin-left: 266px;
    margin-top: 0px;
    list-style: none;
    z-index: 9999;
}

#monmenu li a
{
    float:left;
    margin-right:-4px;
    color:white;
    height: 45px;
}

#monmenu li a:hover
{
    color:black;
    background-repeat: no-repeat;
}

#monmenu li a#Societe
{
    background-image: url(images/menu01.png);   
}

#monmenu li a#Societe:hover
{
    background-image: url(images/menu01_hover.png);   
}

#monmenu li a#Maisons
{
    background-image: url(images/menu02.png);      
}

#monmenu li a#Maisons:hover
{
    background-image: url(images/menu02_hover.png);
}

#monmenu li a#prestations
{
    background-image: url(images/menu03.png);
}

#monmenu li a#prestations:hover
{
    background-image: url(images/menu03_hover.png);
}

#monmenu li a#programme
{
    background-image: url(images/menu04.png);
}

#monmenu li a#programme:hover
{
    background-image: url(images/menu04_hover.png);
}

#monmenu li a#contact
{
    background-image: url(images/menu05.png);
}

#monmenu li a#contact:hover, #monmenu li a#contact:hover ul.niveau2 li a:hover
{
    background-image: url(images/menu05_hover.png);
}

#monmenu ul.niveau2 li, #monmenu ul.niveau3 li
{
    height:20px;
}

#monmenu ul ul
{
    display: none;
    position: absolute;
    margin-left:auto;
    margin-right:auto;
    padding: 0px;
    text-align: center;
    z-index: 9999;
}

#monmenu ul.niveau2
{
    left: 0px;
    top: 44px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    height:20px;
    z-index: 9999;
    background-color:#58955c;
}

#monmenu ul.niveau3
{
    height:20px;
    left: 0px;
    top: 0;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    z-index: 9999;
    background-color:#58955c;
}


#monmenu li
{
    list-style-type: none;
    float:none;
    position: relative;
    width: auto;
    margin: 0px;
}

#monmenu li a
{
    text-decoration:none;
    text-align: center;
}


#monmenu li:hover ul.niveau2, #monmenu li.sfhover ul.niveau2
{
    display: block;
}

#monmenu li li:hover ul.niveau3, #monmenu li li.sfhover ul.niveau3
{
    display: block;
    margin-top:0px;
}


#monmenu ul.niveau2 li:hover, #monmenu ul.niveau2 li.sfhover, #monmenu ul.niveau3 li:hover, #monmenu ul.niveau3 li.sfhover
{
/*    background-color: #c94d1f;*/
    background-color: #c94d1f;
    margin-top:1px;
}

#monmenu ul.niveau2 li{
    background-color: #58955c;
}

#monmenu li:hover ul.niveau2 li, #monmenu li li:hover ul.niveau3 li, #monmenu li.sfhover ul.niveau2 li, #monmenu li li.sfhover ul.niveau3 li, #monmenu li:hover ul.niveau2 li a, #monmenu li li:hover ul.niveau3 li a, #monmenu li.sfhover ul.niveau2 li a, #monmenu li li.sfhover ul.niveau3 li a

{
    display: block;
    color:white;
    text-align: center;
    margin:auto;
    width:120px;
    height:25px;
    padding-top: 5px;
}

#monmenu li.plus
{
    float:left;
    width: 120px;
}

#monmenu li.plus a
{
    /*margin-top: 4px*/
}

#monmenu li#menu_prestations ul.niveau2
{
    width: 120px;
    margin-left:190px;
}


#monmenu li#menu_prestations ul.niveau2 li.plus
{
    float:left;
    width: 120px;
}


#monmenu li#menu_maisons ul.niveau2
{
    width: 120px;
    margin-left:90px;
}

#monmenu ul.niveau3#ville, #monmenu ul.niveau3#vallee
{
    width: 120px;
    margin-left:120px;
}

#monmenu ul.niveau3#grands_espaces, #monmenu ul.niveau3#campagne
{
    width: 120px;
    margin-left:120px;
}
/*********************/



/* ------------- PAGE D'ACCUEIL -------------- */


#contenu_index
{
    position:relative;
    margin-top: 34px;
    margin-left: 186px;
    border-right:1px solid #c5c1bb;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url(images/ligne.png);
    border-top:1px solid #c5c1bb;
    height:477px;
    z-index: 200;
    width:857px;
}

#slider-wrapper
{
    position:relative;
    top: 5px;
    margin-left: -1px;
    z-index: 0;
}

#slider-wrapper img
{
    position:relative;
    z-index: 0;
}

#actualites
{
    position:absolute;
    margin-top: 324px;
    margin-left: 651px;
    float:right;
    width:175px;
    height: 130px;
    background-image: url("images/fond_actu.png");
    color:white;
    padding-left: 14px;
    padding-right: 12px;
    padding-bottom: 15px;
    z-index: 500;
}

#actualites p
{
    text-align: left;
    font-size: 10px;
    margin:3px 0;
    line-height: 12px;
}

#actualites img
{    
    margin-top:13px;
}
#actualites p a
{
    color:#fff;
    font-weight: normal;
}

p#lire_suite
{
    text-align: right;
}

p#lire_suite a
{
    color:white;
}

#zoom
{
    position:absolute;
    margin-top:147px;
    margin-left: 653px;
    background-image: url("images/fond_zoom.png");
    width:199px;
    height:145px;
    font-size: 10px;
    color:white;
    text-align: center;
    z-index: 500;
}

#zoom a
{
    color: white;
    display: block;
    margin:2px;
}
#contenu_index #zoom p{
    margin:0;
}
#contenu_index #zoom p img
{
    max-width:165px;
    max-height:105px;
}


/**************************************************************/
/**************************************************************/
/********** FICHE ******************/
#cote
{
    position:absolute;
    width:225px;
    background-color:#c5c1bb;
    min-height:180%;
    float:left;
    margin-top:-100px;
    background-image:url(images/cote.png);
    background-repeat: no-repeat;
    background-position: top;
}


#ban_maison
{
    position:relative;
    top: 4px;
    margin-left: -42px;
    z-index: 10;
}

#ban img
{
    position:relative;
    z-index: 0;
}


#contenu
{
    position:relative;
    margin-top: 34px;
    margin-left: 225px;
    border-right:1px solid #c5c1bb;
    border-top: 1px solid #c5c1bb;
    border-bottom:1px solid #c5c1bb;
    background: #fff;
    border-right: 1px solid #fff;
}

#ariane
{
    position: relative;
    width:500px;
    margin: 20px 0 0 70px;
    font-size: 10px !important;
    top: 10px;
    color:#797979;
    text-align: left;
    z-index: 900;
}

#ariane a
{
    color:#797979;
    font-size: 10px !important;
    font-weight: normal;
}


#article
{
    position:relative;
    width:490px;
    min-height: 630px;
    margin: 20px 0 10px 70px;
    font-size: 10px;    
    color:#797979;
    font-size: 11px;
    z-index: 900;
    text-align: justify;
}

#article p
{
    text-align: justify;
    margin: 5px 0 15px 0;
}

#article img
{
    max-width:480px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}


#article a
{
    font-weight: bold;
    color:#207125;
}


#article h2
{
    color:#797979;
    font-weight: bold;
    font-size: 16px;
    margin:0;
    padding:0;
}

#article textarea
{
    width:400px;
}

#captcha
{
    position:absolute;
    margin-left:300px;
    margin-top: 30px;
    text-align: center;
}

.err
{
    color:red;
    font-size: 12px;
}

#photo_produit
{
    text-align: center;
    margin:auto;
    padding: 7px;
}

span.presentation
{
    color:#c94d1f;
    font-weight: bold;
    line-height: 18px;
}

.legende
{
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

#encarts
{
    float:right;
    margin: 30px 37px 0 0;
    width: 185px;    
    color:#fff;
    padding:0;
}
#encarts h3
{
    font-size: 14px;
    margin: 0;    
}
#encarts p
{
    font-size: 10px;
}
#news
{
    padding: 15px;
    position:relative;
    background-color:#c94d1f;
    height:auto;
    font-size: 10px;
    color:white;
    text-align: center;
    z-index: 500;   
    width: 100%;
    margin-bottom: 20px;
}

#news p
{
    text-align: left;
    color:white;
}

#zoom_fiche
{
    position:relative;
    background-color:#367f3a;
    height:auto;
    font-size: 10px;
    color:white;
    text-align: left;
    z-index: 500;
    width: 100%;
    margin-bottom: 20px;
    padding:15px;
}
#zoom_fiche h3
{
    text-align: center;
}
#zoom_fiche img.photo_maison
{
    width:163px;
    height:109px;
}

#zoom_fiche a
{
    color: white;
}

#illustration
{
    position:relative;
    text-align: center;
    z-index: 500;
    height:auto;
}
#illustration img{
    max-width: 214px;
}
#gris
{
    height:100%;
    background-color: #c5c1bb;
    width:225px;
    margin-left: -0px;
    margin-top: 0px;
    position: absolute;
    float:left;

}


/*****************************************/
#pied_page
{
    position:relative;
    font-size: 10px;
    margin-left: 270px;
    margin-top: 0px;
    width:725px;
}
#pied_page p
{
    text-align: center;
    font-size: 10px;
    color:#c94d1f;
    line-height: 10px;
    padding:0;
    margin-bottom:0;
}
#pied_page p .ligne
{
    padding:5px 0;
    text-align: center;
    font-size: 10px;
    color:#c94d1f;
    line-height: 10px;
    padding:0;
    margin-bottom:0;
}
#pied_page p .ligne a
{
    color:#c94d1f;
}
#pied_page span{
    margin: 5px 0 15px;
    color:#797979;
    text-align: center;
    width:100%;
    display: block;
}
#pied_page span a{
    color:#797979;
}
.accueil #pied_page{
    width:780px;
}
#pied_page a{
    font-weight: normal;
}
.vignette_plan{
    display:block;
    width:139px;
    height:93px;
    border:1px solid #797979;
}
.plan_maison li{   
    width:139px;
    margin: 0 10px 0 0;
    text-align: center;
    display: inline-block;
}
.plan_maison{
    list-style: none;
    margin:0;
    display: inline;
    padding:0;
}
.plan_maison .titre{
    color:#797979;
    font-weight: bold;
    font-size: 11px;
    text-align: center !important;
}

.down_plaquette{    
    padding-top: 10px;
}
#blanc{
    width:66%;
    background: #fff;
    position:absolute;
    right:0;
    top:0;
    min-height: 180%;
}
#maison_qualite{
   width:215px;
   text-align: center;
   margin-bottom: 20px;
}
#gallery {
    position:relative;
    background-color:#367f3a;
    height:auto;
    font-size: 10px;
    color:white;
    text-align: left;
    z-index: 500;
    width: 215px;
    margin-bottom: 20px;
    padding:0 0 1px 0;
    text-align:center;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {		
	}
	#gallery ul a:hover img {		
	}
	#gallery ul a:hover { color: #fff; text-decoration: none; }
	#gallery ul a { display:none; }
        #gallery a
        {
            color: white;
            outline: none;
        }
        #gallery a:hover{
            text-decoration: none;
        }
        #gallery img
        {
            padding:0 0 3px 0;
        }

.Autre_mod{
     text-align: left;
     width: 215px;
     border-top: 1px solid #c94d1f;
     border-bottom: 1px solid #c94d1f;
     padding :10px 0;
}
.Autre_mod span{
    width: 100%;
    font-weight: bold;
    color:#c94d1f;
    font-size: 14px;
    text-align: center;
    display: block;
    padding-bottom:8px;
}
.Autre_mod a{
    width: 100%;
    color:#c94d1f;
    font-size: 11px;
    padding: 0 0 0 50px;
    font-weight: normal;
    color:#000;
    display:block;
    height:15px;
}
.Autre_mod a:hover{
   color:#c94d1f;
   text-decoration: underline;
}
#upline{
    background: none repeat scroll 0 0 #797979;
    color: #FFFFFF;
    display: block;
    font-size: 9px;
    margin-bottom: 5px;
    margin-left: 162px;
    margin-right: 1px;
    position: relative;
    text-align: right;
}