@import url("reset.css");

body{font-family:Helvetica, Arial, sans-serif;color:#FFF;background-color:#272727;text-align:center;}

p,a,li,dd,dt,h1,h2,h3,h4,h5,address,span,td{font-size:14px;line-height:150%;}
.big{font-weight:bold;}
.small{font-size:0.75em;}
h1, h2, h3, h4{}
a{color:#FFF;}
a:hover{text-decoration:none;}
sup{font-size:0.6em;}
acronym{}
hr.clear{clear:both;visibility:hidden;}
div.clear{clear:both;}

.hidden, #nav-home li a span, #galerie-photos li a span{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

#page{position:relative;width:750px;min-height:550px;margin:20px auto 10px auto;padding:50px 100px;border:1px solid #000;background:#272727 url(bg-page.jpg) no-repeat 0 0;}
#doc3 #page{background-image:url(bg-page-valeurs.jpg);}
#doc12 #page{background-image:url(bg-page2.jpg);}
#home #page{padding-left:200px;width:650px;background-image:url(bg-home.jpg);}


/* ________________________
__/        CONTENU          \__*/
#contenu{float:left;width:530px;text-align:left;}
#home #contenu{float:none;width:650px;text-align:center;}

#logo{display:block;margin:0 auto 30px auto;border:none;}
#home #logo{margin-top:30px;margin-bottom:25px;}


h1{font-size:17px;color:#c4bc96;margin-bottom:5px;letter-spacing:1px;}
h2{font-size:16px;color:#c4bc96;margin-bottom:25px;font-weight:normal;}

p.couleur{color:#c4bc96}
img{border:1px solid #c4bc96}
#doc2 p.couleur, #doc2 h1, #doc2 h2, #doc2 #contenu a, #doc2 #contenu strong{color:#C2D69B}
#doc3 p.couleur, #doc3 h1, #doc3 h2, #doc3 #contenu a, #doc3 #contenu strong{color:#E46C0A}
#doc4 p.couleur, #doc4 h1, #doc4 h2, #doc4 #contenu a, #doc4 #contenu strong, #doc9 p.couleur, #doc9 h1, #doc9 h2, #doc9 #contenu a, #doc9 #contenu strong{color:#B8CCE4}
#doc5 p.couleur, #doc5 h1, #doc5 h2, #doc5 #contenu a, #doc6 #contenu strong, #doc8 p.couleur, #doc8 h1, #doc8 h2, #doc8 #contenu a, #doc8 #contenu strong{color:#E08CB6}

#contenu p{text-indent:15px;margin-bottom:5px;}
#doc6 p, #doc12 p{text-indent:0;}
#contenu p.couleur1{color:#7F7F7F;text-align:center;font-size:1.1em;margin:15px 0}
#home p{color:#c4bc96;}

#nav-home{margin-top:40px;}
#nav-home li{float:left;width:128px;list-style:none;text-align:center;}
#nav-home li h3{font-size:13px;margin-bottom:10px;font-weight:normal;}
#nav-home li a{display:block;margin:0 auto;}

#nav-home li#navhome-agence h3{color:#C2D69B}
#nav-home li#navhome-agence a{width:105px;height:70px;background:transparent url(agence.jpg) no-repeat 0 0;border:5px solid #C2D69B}
#nav-home li#navhome-agence a:hover{background-position:0 -70px;}

#nav-home li#navhome-galerie h3{color:#C4BC96}
#nav-home li#navhome-galerie a{width:104px;height:88px;margin-top:30px;background:transparent url(picto-galerie.jpg) no-repeat 0 0;border:5px solid #C4BC96}
#nav-home li#navhome-galerie a:hover{background-position:0 -88px;}

#nav-home li#navhome-valeurs h3{color:#E46C0A}
#nav-home li#navhome-valeurs a{width:88px;height:117px;margin-top:30px;background:transparent url(valeurs.jpg) no-repeat 0 0;border:5px solid #E46C0A}
#nav-home li#navhome-valeurs a:hover{background-position:0 -117px;}

#nav-home li#navhome-boutique h3{color:#E46C0A}
#nav-home li#navhome-boutique a{width:104px;height:80px;margin-top:30px;background:transparent url(picto-boutique.jpg) no-repeat 0 0;border:5px solid #E46C0A}
#nav-home li#navhome-boutique a:hover{background-position:0 -80px;}


#nav-home li#navhome-pro h3{color:#B8CCE4}
#nav-home li#navhome-pro a{width:100px;height:133px;background:transparent url(evenements-pro.jpg) no-repeat 0 0;border:5px solid #B8CCE4}
#nav-home li#navhome-pro a:hover{background-position:0 -133px;}

#nav-home li#navhome-part h3{color:#E08CB6}
#nav-home li#navhome-part a{width:93px;height:120px;margin-top:30px;background:transparent url(evenements-part.jpg) no-repeat 0 0;border:5px solid #E08CB6}
#nav-home li#navhome-part a:hover{background-position:0 -120px;}

/* Formulaire de contact */
#doc12 h3, #doc12 h2{clear:both;}
#doc12 h2{margin-top:15px;}
.champ{text-align:left;clear:both;margin-bottom:7px;}
.checkbox{margin-left:180px;}
.ambiances{width:148px;text-align:center;float:left;display:inline;margin-top:40px;}
#doc6 .champ{width:460px;}
.champ label{display:block;float:left;font-size:13px;margin-right:10px;text-align:right}
.checkbox label{font-size:13px;}
#doc6 .champ label{width:100px;}
#doc12 .champ label{width:200px;}
#doc6 .vericode label{font-size:13px;margin-bottom:5px;}
#contenu input, #contenu textarea, #contenu select{width:300px;padding:1px 2px;background-color:#FFF;border:1px solid #C4BC96;font-family:Helvetica, Arial, sans-serif;color:#272727;font-size:13px;}
div.buttons{text-align:center;margin-top:10px;clear:both;}
#contenu div.buttons input.button{width:auto;}
.checkbox input, .radio input, input.button{border:none;}
#contenu .checkbox input, #contenu .ambiances input{width:auto;}
select{padding:0}
.req{color:#C4BC96;font-size:1.2em;}
.errors{width:460px;background-color:#FFF;color:#272727;border:1px solid #C4BC96;padding:5px;margin-bottom:10px;font-size:12px;}

/* Photos */
#galerie-droite{float:right;width:180px;}
#doc2 #galerie-droite img{border:1px solid #C2D69B}
#doc4 #galerie-droite img{border:1px solid #B8CCE4}
#doc5 #galerie-droite img{border:1px solid #E08CB6}
.managecontainer{float:none;clear:both;}

#galerie-photos{margin-top:40px;}
#galerie-photos li{float:left;width:150px;list-style:none;text-align:center;}
#galerie-photos li h2{font-size:14px;margin-bottom:10px;font-weight:normal;}
#galerie-photos li a{display:block;margin:0 auto;border:1px solid #C4BC96}

#galerie-photos #navgal-boheme a{width:110px;height:73px;margin-top:35px;background:transparent url(mini-boheme.jpg) no-repeat 0 0;}
#galerie-photos #navgal-feerie a{width:110px;height:164px;background:transparent url(mini-feerie.jpg) no-repeat 0 0;}
#galerie-photos #navgal-fois a{width:110px;height:164px;background:transparent url(mini-fois.jpg) no-repeat 0 0;}
#galerie-photos #navgal-lune a{width:110px;height:73px;margin-top:40px;background:transparent url(mini-gouter.jpg) no-repeat 0 0;}
#galerie-photos #navgal-amour a{width:110px;height:164px;background:transparent url(mini-histoire.jpg) no-repeat 0 0;}

#galerie-centre li{float:left;width:117px;height:117px;overflow:hidden;text-align:center;margin-right:5px;}

/* ________________________
__/         FOOTER         \__*/
#footer{text-align:center;margin-bottom:10px;}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer a{color:#c4bc96}
#doc2 #footer a{color:#C2D69B}
#doc3 #footer a{color:#E46C0A}
#doc4 #footer a, #doc9 #footer a{color:#B8CCE4}
#doc5 #footer a, #doc8 #footer a{color:#E08CB6}
#footer2 span, #footer2 a{font-size:12px;}