/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

body{
background:#fff repeat-x;
color:#000000;
font:76% Georgia,Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

p{
line-height:1.5em;
margin:0 0 15px;
}

a{
font-weight:900;
text-decoration:none;
color:#000000;
}

a:hover{
color:#000000;
}
#plan_du_site{
    font-size:1.2em;
    height:400px;
}

a:visited{
color:#000000;
}

hr{
height:1px;
margin:10px 0;
width:98%;
}

dt{
font-weight:700;
}

dd{
margin:1px 0 12px 15px;
}
/* Diaporama */
#images{
    width:630px;
    height:240px;
    float:left;
}
#image_fixe{
    float:left;
}
#diapo{
    float:right;
}
/* ************** */

#container{
background:#ffffff;
margin:0 auto;
text-align:left;
width:980px;
padding: 0;
}
#header_top{
background:url("http://www.espaceseptarpents.fr/gif/header_bg.jpg") top left repeat-x;
clear:both;
height:14px;
margin:0px;
width:975px;
}

#sitename{
clear:both;
min-height:125px;
_height:125px;
margin:0px;
width:980px;
}

#sitename_gauche{
background:url("../gif/logo.jpg") top left no-repeat;
height:125px;
margin:0px;
padding:0px;
width:275px;
float: left;
}

#sitename_droite{
display: block;
height:125px;
margin:0px;
padding:0px;
width:705px;
float: right;
}

#sitename_gauche a#logo{
margin: 0;
padding: 0;
border: 0;
display: block;
width: 225px;
height: 125px;
background: url("../gif/logo.jpg") top left no-repeat;
}
#container_top{
clear:both;
height:90px;
margin:0px;
width:975px;
}
#container_top_gauche{
background: url("http://www.espaceseptarpents.fr/gif/menu_top.jpg") top left no-repeat;
width:225px;
height:90px;
float: left;
}
#container_top_droite{
background: url("http://www.espaceseptarpents.fr/gif/droite_top.jpg") top right no-repeat;
width:750px;
height:90px;
float: right;
}

#container_content {
  background: url("../gif/background.jpg") top left repeat-y;
  margin: 0;
  padding: 0;
  display: block;
}
#wrap1
{
width:980px;
}
#wrap2{
background: url("../gif/image_maison.jpg") bottom left no-repeat;
}
#wrap3{
min-height:440px;
_height:440px;
margin-top:15px;
width:685px;
float:right;
}

#text-presentation{
text-align:left;
float:left;
height:400px;
width:275px;
}

#text-presentation img{
border:0;
margin-left:20px;
}

#text-presentation2{
color:white;
margin-top:40px;
margin-left:20px;
margin-right:20px;
width:230px;
float:left;
text-align: justify;
}

#menu{
    height:53px;
    width:705px;
    margin-left:275px;
    display:block;
}
#menu1{
    background: url("../gif/menu_decouverte_off.jpg");
    height:53px;
    width: 139px;
    border:0;
    float:left;
}
#menu1:hover{
    background: url("../gif/menu_decouverte_on.jpg");
    height:53px;
    width: 139px;
    border:0;
    float:left;
}

#menu2{
    background: url("../gif/menu_prestations_off.jpg");
    height:53px;
    width: 144px;
    border:0;
    float:left;
}
#menu2:hover{
    background: url("../gif/menu_prestations_on.jpg");
    height:53px;
    width: 144px;
    border:0;
    float:left;
}

#menu3{
    background: url("../gif/menu_locaux_off.jpg");
    height:53px;
    width: 142px;
    border:0;
    float:left;
}
#menu3:hover{
    background: url("../gif/menu_locaux_on.jpg");
    height:53px;
    width: 142px;
    border:0;
    float:left;
}

#menu4{
    background: url("../gif/menu_plan_off.jpg");
    height:53px;
    width: 148px;
    border:0;
    float:left;
}
#menu4:hover{
    background: url("../gif/menu_plan_on.jpg");
    height:53px;
    width: 148px;
    border:0;
    float:left;
}

#menu5{
    background: url("../gif/menu_contact_off.jpg");
    height:53px;
    width: 132px;
    border:0;
    float:left;
}
#menu5:hover{
    background: url("../gif/menu_contact_on.jpg");
    height:53px;
    width: 132px;
    border:0;
    float:left;
}


#content_gauche_photo_1
{
background: url("http://www.espaceseptarpents.fr/gif/photo_1.jpg") no-repeat;
float: left;
width:225px;
margin: 0 auto;
height: 145px;
}
#content_gauche_photo_2
{
background: url("http://www.espaceseptarpents.fr/gif/photo_2.jpg") no-repeat;
float: left;
width:225px;
margin: 0 auto;
height: 148px;
}
#content_gauche_photo_3
{
background: url("http://www.espaceseptarpents.fr/gif/photo_3.jpg") no-repeat;
float: left;
width:225px;
margin: 0 auto;
height: 145px;
}

#nav{
background: url("http://www.espaceseptarpents.fr/gif/nav_bg.jpg") top left repeat-y;
float: right;
width:750px;
min-height: 398px;
_height: 398px;
float: right;
margin-top:5px;
}

#nav_container{
background: url("http://www.espaceseptarpents.fr/gif/nav_top.jpg") top right no-repeat;
color:#000000;
width:750px;
min-height: 398px;
_height: 398px;
float: right;
}
#nav_container_menu{
width:750px;
padding:0px;
float: right;
}

#nav_container_menu_gauche{
background: url("http://www.espaceseptarpents.fr/gif/sous_menu_gauche_bg.jpg") top left repeat-x;
width:531px;
padding:0px;
min-height: 30px;
_height: 30px;
margin-left:10px;
float: left;
}
#nav_container_menu_gauche p{
color:#000000;
font-size:1.3em;
width:530px;
font-weight:400;
margin: 0px auto;
padding: 0px 0px 0px 0px;
text-align:left;
}

#nav_container_menu_droite{
background: url("http://www.espaceseptarpents.fr/gif/sous_menu_droite_bg.jpg") top right no-repeat;
width:209px;
min-height: 30px;
_height: 30px;
padding:0px;
float: right;
}

#nav_container_menu_droite p{
color:#ffffff;
font-size:0.8em;
width:208px;
margin: 0px auto;
padding: 5px 0px 0px 0px;
text-align:left;
}
#nav_container_menu_droite a{
color:#ffffff;
font-weight:600;
margin: 0px 8px;
}

#nav_container_menu_droite a:hover{
color:#ffffff;
text-decoration:none;
}
#nav_container_menu_droite a#francais{
margin: 0;
padding: 0;
border: 0;
display: block;
width: 18px;
height: 14px;
background: url("http://www.espaceseptarpents.fr/gif/drapeau_fr.jpg")  no-repeat;
}
#nav_container_menu_droite a#anglais{
margin: 0;
padding: 0;
border: 0;
display: block;
width: 18px;
height: 14px;
background: url("http://www.espaceseptarpents.fr/gif/drapeau_en.jpg")  no-repeat;
}

#nav_content{
width:680px;
padding:10px 5px 0px 10px;

}
/*
#nav ul{
list-style:none;
margin:0;
padding:0;
}

#nav a{
display: block;
height: 161px;
float: left;
}
*/

/*
#nav a{
background:url(/gif/tabs.gif) no-repeat 100% 0;
color:#808080;
padding:7px 20px 4px 11px;
text-decoration:none;
}

#nav a:hover{
color:#505050;
}

#nav li{
background:url("/gif/tabs.gif") no-repeat 0 0;
float:left;
margin:0 4px 0 0;
padding:0 0 0 9px;
}

#nav #current{
background:url("/gif/tabs.gif") no-repeat 0 -41px;
}


#nav #current a{
background:url("/gif/tabs.gif") no-repeat 100% -41px;
color:#303030;
padding:7px 20px 5px 11px;
}
*/

#header{
height:30px;
position:relative;
width:975px;
}

#header h1{
float:left;
font-size:1.4em;
margin:0;
width:180px;
}

#topbox{
color:#808080;
margin:0 0 4px;
text-align:right;
}

#topbox a{
color:#d04a10;
}

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

#leftside{
float:left;
margin: 10px 0 0 30px;
padding:20px 20px 5px 11px;
width:300px;
}

#leftside h1{
font-size:1.4em;
font-weight:400;
}

#rightside{
float:right;
margin:10px 50px 20px 0;
width:300px;
}

#rightside h1{
font-size:1.4em;
font-weight:400;
margin:0 0 12px;
}

#rightside p{
font-size:0.9em;
margin:2px 0 12px 10px;
}



#footer{
clear:both;
height:55px;
margin:0px;
padding:0px;
width:980px;
/*float: left;*/
display:block;
}
#footer_gauche{
color:white;
font-weight:300;
text-align:center;
height:35px;
width:275px;
margin-top:15px;
margin-left:0px;
float:left;
}
#footer_gauche a{
    color:white;
}

#footer_droit{
color:black;
text-align:center;
height:55px;
width:705px;
float:right;
}
#footer_droit a{
    color:black;
}


#footer p{
color:#000000;
font-size:0.9em;
width:800px;
margin: 0px auto;
padding: 20px 0px 0px 0px;
text-align:center;
}

#footer a{
font-weight:300;
margin: 0px;
}

#footer a:hover{
color:#000000;
text-decoration:underline;
}

.menublock{
margin-bottom:10px;
}
/*
.nav{
color:#d04a10;
display:block;
font-size:1.1em;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 10px;
position:relative;
text-decoration:none;
width:125px;
}

.nav:hover{
border:1px solid #fa9035;
color:#505050;
padding:1px 1px 1px 9px;
}
*/
.sub{
font-size:0.9em;
margin-left:20px;
padding:1px 1px 1px 6px;
width:105px;
}

.sub:hover{
border:1px solid #fa9035;
color:#505050;
padding:0 0 0 5px;
}

.intro{
font-weight:700;
}

.active{
border:1px solid #fa9035;
padding:1px 1px 1px 9px;
}

.box{
background:#f8f8f8 url("http://www.espaceseptarpents.fr/gif/boxbg.gif") top left repeat-y;
border:1px solid #d0d4d4;
color:#505050;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}

.photo{
margin:5px auto 15px;
padding:5px;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:0.75em;
font-weight:400;
line-height:1.2em;
margin:20px 0 10px 8px;
}

.small{
font-size:0.85em;
}

.large{
font-size:1.4em;
}

.soft{
color:#808080;
}

.normal{
font-weight:400;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}

/* BLOCKS INDEX */

div.index_box_left {
  margin-top: 30px;
  
}

div.index_box_left .title {
  background: url("http://www.espaceseptarpents.fr/gif/top_tab.png") top left no-repeat;
  width: 300px;
  height: 20px;
  float: left;
  margin-top: -17px;
  color: #ffffcc;
  padding: 2px 0 0 20px;
  font-weight: bolder;
}

div.index_box_center {
  margin-top: 30px;
}

div.index_box_center .title {
  background: url("http://www.espaceseptarpents.fr/gif/top_tab.png") top left no-repeat;
  width: 180px;
  height: 20px;
  float: left;
  margin-top: -17px;
  color: #ffffcc;
  padding: 2px 0 0 20px;
  font-weight: bolder;
}

div.index_box_right {
  margin-top: 30px;
}

div.index_box_right .title {
  background: url("http://www.espaceseptarpents.fr/gif/top_tab.png") top left no-repeat;
  width: 200px;
  height: 20px;
  float: left;
  margin-top: -17px;
  color: #ffffcc;
  padding: 2px 0 0 20px;
  font-weight: bolder;
}

div.dual_col_center {
  clear: right;
  padding: 2px 0px 0px 0px;
  margin: 0;
}

div.dual_col_center div.col_right {
  float: right;
  padding: 0;
  margin: 0px 0px 0px 0px;
}


#contactez_nous {
  margin-top: 30px;
  background-color: #9366CD;
  border: 1px solid #000065;
  width: 480px;
  min-height: 80px;
  _height: 80px;
}

.clear {
  clear: both;
  width: 100%;
  display: block;
  height: 5px;
  overflow:hidden;
}
input.btn_grand {
margin-right: 400px;
float:right;
color:#ffffff; 
font-size:12pt; 
font-family:Verdana,Arial,sans-serif; 
font-style:normal; 
font-weight:bold;
}
input.btn_petit {
margin-right: 415px;
float:right;
color:#ffffff; 
font-size:8pt; 
font-family:Verdana,Arial,sans-serif; 
font-style:normal; 
font-weight:bold;
}

.titre_page { font-size: 16pt; color: #000000; }
.titre_rub  { font-size: 14pt; color: #000000; }
.titre_art  { font-size: 12pt; color: #000000; }
.texte { color: #000000; font-size:11pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-align:justify; }
.texte_rouge { color:red; font-size:11pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-align:justify; }

.font_sommaire_link {color:#DBC781; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }
.font_article_link {color:#DBC781; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font_titre_prix {color:#111111; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-decoration:underline; }
.font_prix {color:darkred; font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold; }
.font_prix_unite {color:#111111; font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font_contenu {color:#000000; font-size:8pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-align:justify; }
.font_ref {color:#000000; font-size:8pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font_10 {color:#000000; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal;}
.font10_b {color:#000000; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold;}
.font10_n {color:#000000; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold;}
.font12_b {color:#000000; font-size:12pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold;}
.font_photo {color:#000000; font-size:6pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold; }