/* ----------------------------------------------------------------------------------- */

/* -------------------------------------- RESET -------------------------------------- */

/* ----------------------------------------------------------------------------------- */

 html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, form, fieldset, table, th, tr, td 

 {

 margin:0;

 padding:0;

 }

 

img {border:0;}

/* ----------------------------------------------------------------------------------- */

/* ---------------------- Ajout de style à quelques balises html --------------------- */

/* ----------------------------------------------------------------------------------- */ 



body {

font-family: Trebuchet MS, Verdana, Arial, sans-serif;

font-size:14px; 

color:#c4b3a1;

background: #7f7061 url('../images/bg-page.jpg') top left repeat-x;

}



p {

text-align:justify;

line-height:20px;

}



h1, h2, h3 {

font-family:Georgia, "Times New Roman", Times, serif;

color:#deda0f;

font-weight:lighter;

}





h1 {

font-size:28px;

margin-bottom:20px;

}



h2 {

font-size:26px;

margin-bottom:18px;

}



h3 {

font-size:22px;

margin-bottom:16px;

}





a {

color:#deda0f;

}



a:hover {

color:#deda0f;

}



/* ----------------------------------------------------------------------------------- */

/* ---------------------------- NAVIGATION PRINCIPALE--------------------------------- */

/* ----------------------------------------------------------------------------------- */ 

#navigation-principale {

height:37px;

width:977px;

background: transparent url('../images/bg-menu.png') top right no-repeat;

position:absolute;

top:407px;

left:0;

}



#navigation-principale ul {

float:right;

list-style:none;

}



#navigation-principale li {

float:left;

height:37px;

background: transparent url(../images/menuSep.png) 0 0 no-repeat;

padding-left:2px;

}



#navigation-principale ul li span {

float:left;

display:block;

height:37px;

line-height:37px;

padding:0 15px 0 29px;

cursor:pointer;

background: transparent url(../images/puce.gif) 9px 12px no-repeat;

}



#navigation-principale ul li a {

float:left;

display:block;

color:#452b10;

font-weight:900;

font-size:14px;

text-transform:uppercase;

text-decoration:none;

}



#navigation-principale ul li a:hover  {
background: transparent url('../images/bg-menu-over.png') -400px 0 no-repeat;
color:#fff;
}

#navigation-principale ul li.last a:hover  {
background: transparent url('../images/bg-menu-over.png') top right no-repeat;
color:#fff;
}

#navigation-principale ul li.selected a  {
background: transparent url('../images/bg-menu-over.png') -400px 0 no-repeat;
color:#fff;
}



#navigation-principale ul li.selectedLast a  {
background: transparent url('../images/bg-menu-over.png') top right no-repeat;
color:#fff;
}



#navigation-principale ul li a:hover {

text-decoration:none;

}



/* ----------------------------------------------------------------------------------- */

/* -------------------------------------- STRUCTURE ---------------------------------- */

/* ----------------------------------------------------------------------------------- */ 

#contenu {
width:977px;
margin-left:auto;
margin-right:auto;
padding:0 90px;
background: transparent url('../images/arabesque.png') top right no-repeat !important;
background:none; /**/
}





/* le contenu principal de la page / le pied de page */

#header, #footer {
overflow:hidden;
}



/* le haut de page */

#header {
background: transparent url('../images/bg-header.jpg') top center no-repeat;
height:465px;
position:relative;
}

/* le content du haut de page */
#header-content {
position:relative;
}



#content {
min-height:410px;
height:auto !important; /* hack ie6 */
height:410px; /* hack ie6 */
padding-right:25px;
}



#footer {



}



/* menu du bas de page + cpyrirhtt */

#ours {



}



/* ----------------------------------------------------------------------------------- */

/* --------------------------------- DETAIL HEADER ----------------------------------- */

/* ----------------------------------------------------------------------------------- */ 



#logo {

position:absolute;

top:0;

left:0;

z-index:1;

}



#logo img {

width:500px;

height:150px;

}



#tel {

position:absolute;

top:90px;

right:0;

font-size:16px;

font-weight:900;

z-index:2;

}



#adr {

position:absolute;

top:120px;

left:365px;

color:#493016;

font-weight:900;

}



/* ----------------------------------------------------------------------------------- */

/* --------------------------------- DETAIL CONTENT ---------------------------------- */

/* ----------------------------------------------------------------------------------- */ 

/* structure accueil */

#c1 {

width:325px;

float:left;

background-color:#FF0000;

margin-right:25px;

background: transparent url('../images/bg-adresse.png');

}



#c2 {

float:left;

width:602px;

}



/* structure autre page*/

#c1_2  {

width:452px;

float:left;

margin-right:25px;

overflow:hidden;

}



#c2_2  {

width:475px;

float:left;

overflow:hidden;

}



/* ----------------------------------------------------------------------------------- */

/* --------------------------------- DETAIL FOOTER ----------------------------------- */

/* ----------------------------------------------------------------------------------- */ 



#footer {
clear:both;
padding:20px 0;

}



#ours {

color:#deda0f;

height:25px;

line-height:25px;

font-size:12px;

}



#ours a{

color:#deda0f;

}



#ours #oursMenu {

float:left;

width:450px;

}



#ours #oursInfos {

float:right;

}



/* ----------------------------------------------------------------------------------- */

/* ---------------------------------     FORMULAIRE---------------------------------- */

/* ----------------------------------------------------------------------------------- */ 

.form label {

display:block;

width:200px;

float:left;

margin-right:20px;

text-align:right;

}

 

.form div {

padding-bottom:5px;

}

 

.form textarea {

width:300px;

height:100px;

}

 

.form input[type="text"] {

width:300px;

}

 

.form .submit {

margin-left:220px;

}





/* ----------------------------------------------------------------------------------- */

/* --------------------------------- TOOLS ------------------------------------------- */

/* ----------------------------------------------------------------------------------- */ 



.important {

font-weight:900;

color:#deda0f;

}



.separation {

width:76px;

height:25px;

background:transparent url('../images/arabesque2.png') top left no-repeat;

margin:20px 0;

}



.erreur {

border:red solid 2px;

padding:5px;

background-color:pink;

color:#000;

margin-bottom:15px;

}



.ok {

border:orange solid 2px;

padding:5px;

background-color:#f9e4b8;

color:#000;

margin-bottom:15px;

}



.margin_bottom {

margin-bottom:10px;

}



.center {

text-align:center;

}



.bold {

font-weight:900;

}



/*

Liste

*/

.liste {

margin-left:30px;

}



.liste li {

list-style-type:square;

}



/*

Tableau

*/

.tableau {

border: 2px solid #000;

border-collapse:collapse;

}



.tableau th {

background-color:#95f3c2;

color:#000;

}



.tableau td, .tableau th {

border:2px solid #000;

width:250px;

padding:2px;

}



/*

galerie

*/

#gallery td {

padding-bottom:25px;

} 



#gallery a {

display:block;

border-right:solid 5px #deda0f;

border-bottom:solid 5px #deda0f;

width:200px;

height:150px;

 }



#gallery a:hover {

border-right:solid 5px #bebb19;

border-bottom:solid 5px #bebb19;  

}



#gallery a img{

width:200px;

height:150px;

}

* html img,
* html .png {
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "../images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

