/* Gabarit Largeur fluide 2 colonnes - jimro - 07/11/2005 */
/* Feuille de style inspirıe des tutoriels css.alsacreations.com */


/* Initialisation CSS */

html, body { /* OU * { MAIS CA PEUT ETRE ASSEZ PERTURBANT ;-) */
   margin: 0;
   padding: 0;
   border: 0;
}


/* police par dıfaut de tout le site */

html, body {height:100%;
   background-color: #BFAD47;
   margin: 0;
   padding: 0;
	background-image: url(img/bg_body.png);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center top;
}
body {
	font-size: 0.8em;
	font-family: Georgia;
	color: #000000;
	font-weight: normal;

}


/* lien par dıfaut */

a {
   color: #000000;
   text-decoration: none;
}
a:hover {
   background: transparent;
   text-decoration: underline;
}


/* liste par dıfaut */

ul {
   list-style-type: square;
   margin: 0;
   padding-left: 0.5em;
}


/* titres par dıfaut */

h1 {letter-spacing: 5px;
	vertical-align: text-top;
   font-size: 1.6em;
font-weight: bold;
border-bottom:#006699 1px dashed;
}
h1, h1 a {
   color: #006699;
}
h2 {
   font-size: 1.1em;
}
h2, h2 a {
   color: #669900;
   font-weight: bold;
}

h3 {
   font-size: 1.2em;
}
h3, h3 a {
   color: darkred;
   font-weight: bold;
}
h1, h2, h3 {
   margin: 0;
   padding: 0.5em 0;
}


/* image par dıfaut */

img {
   border: 0;
}


/* Agencement des pages */
#bgaccueil {position:absolute;
 width:1095px; height:100%;
 left:-50px;
  margin:auto;
   
   border: 0;
}
#conteneur {position:relative;
overflow: visible;
	width:995px; height:100%;
margin:auto;
   background-color:transparent;
   border: 0;
}

#header {
	width:995px;
	height: 85px;
margin:auto;
}
#haut {
   width:995px;
   height: 85px;
background: url(img/bg_header.gif);
   position: fixed;
   border: 0;
   z-index:500;
}
#header1 {
	width:995px;
	height:85px;
   background-color: #FFFFFF;
   border: 0;
   padding: 0.5em;
   z-index:500;
}

#logo {
   float: left;
   width: 91px;
   padding: 5px 10px ;
   text-align: center;
   font-size: 2em;
   font-weight: bold;
}

#banniere {
   float: right;
   width: 884px;
   margin: 0;
   text-align: center;}
#baniere1 {
   float: left;
   width: 700px;
   margin-top: -25px;
   text-align: center;
}

#menuhfixe {
width: 700px;
   float: left;
   margin-left: 0;
}

#liensdurs { /* 1er ul */
   color: #ABAE20;
   position: relative;
   float: right;
   padding: 0 0;
   margin: 0;

}


#liensdurs a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #5A280A;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0em 0.6em;
	margin: 0;
	line-height: 18px;
	padding: 4px;
	background-image: url(img/bg_liensdurs.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#liensdurs a:hover {
line-height: 18px;
   color : #FFFFFF;
   background : #C9BF47;
}

#centre {
width: 515px;
	height:auto;
background: url(img/bg_centre.gif);
background-position: 50% 0;
	margin-left: 0px;
margin-right: 0px;
padding: 0x;
float: left;
}
#centre1 {
        width: 499px;
	margin-left: 8px;

}

* html #centre {
   height: 400px; /* hack uniquement interprıtı par IE Win+Mac */
} 

#gauche {
   float: left;
   width: 300px;
padding:0;
margin: 0;
}
#gauche1 {
float: left;
height: auto;
   width: 300px;
background: url(img/bg_gauche1.gif);
background-repeat:no-repeat;
}
#gauche1bas {padding:0;
float:left;
   width: 300px;
height: 20px;
background: url(img/bg_gauche1bas.gif);
}
#gauche2 {
float: left;
height: auto;
   width: 300px;
background: url(img/bg_gauche2.gif);
background-repeat:no-repeat;
}
#gauche2bas {
float:left;
   width: 300px;
height: 20px;
background: url(img/bg_gauche2bas.gif);
}
#droite {HEIGHT:300px;

   float: right;
   width: 180px;
}
#droite1 {
position:fixed;
   width: 180px;
padding: 0;
   background: url(img/bg_droite1.gif);
}
div.menudroitcontenu {
   clear: left;
   width:180px;
}


#bas {width: 500px;
   clear: both;
   position:relative;
   background-color: #DFDFDF;
   border: 0;
   margin-left: 0;
   padding: 0.5em;
   text-align: center;
font-size: 0.8em;
}
	#bas ul {
      display: inline;
      border-right: 2px solid #000000;
   }
	#bas ul li {
      border-left: 2px solid #000000;
      display: inline;
      padding-right: 0.6em;
      padding-left: 1em;
   }
	#bas a {
      color: #006699;
   }
	#bas a:hover {
      color: #FF8000;
   }

#conception {
   display:inline;
   position:absolute;
   right:10px;
   top:3px;
   color:#006699;
   font-size:0.7em;
}


/* temp.html */

div.menugauchetitre {
   clear: left;
   width:100%;
   color: #006699;
   font-weight: bold;
   height: 45px;
   margin-bottom: 0;
   padding-left: 0;
   text-align: center;
}

div.menugauchecontenu {
   clear: left;
   width:286px;
margin-left: 7px;
}
   div.menugauchecontenu a {}
   div.menugauchecontenu a:hover {}

#imgjour {float: left;
   width: 290px;
   height: auto;
margin: -10px 0 3px -0px;
background-color: #BFAD47;
padding: 15px 4px 0px 2px;
}
#imgjour img {border:#D1CA92 1px solid;}

/* pages.html */

#mentete {
   width: 100%;
   height: 1.6em;
   background: transparent;
}
#entete {
display: none;
   float: left;
   padding-top: 0.2em;
   padding-left: 1em;
   color: #FFFFFF;
   font-weight: normal;
   background: #006699;
}
   #entete a {
      color: #FFFFFF;
   }
   #entete a:hover {
      color: #FF8000;
   }

#entetepage {	
   float: right;
   padding-top: 0.2em;
   padding-right: 0em;
   color: #333;
   font-size: 0.8em;
   font-weight: bold;
   text-align: right;
   background: transparent;
border-bottom: #000 1px solid;
border-top: #000 1px solid;
}
   #entetepage a {color: #333; font-weight: normal;}
   #entetepage a:hover {color: #000; font-weight: normal;}


/* page accueil */

#accueil {width: 995px;
}
#acchaut {position: relative;
z-index:5;
   width: 995px;
   heigt: auto;
margin: 0; padding:0;
}

#acchautgauche {
   width: 670px;
height: 418px;
   background-color: #CBF19E;
margin: 0;
   padding: 0;
float: left;
}

#editoacc {
   width: 100%;
height: 304px;
overflow: hidden;
margin: 0;
padding: 0;
vertical-align: text-bottom;
}

#acclogo {
height: 114px;
margin: 0;
padding: 0;
background:url(img/acclogo.gif);
  background-repeat:no-repeat;
  background-position:right top;
}

#acclogo1 {
float:left;
width: 150px;
height: 114px;
padding:0;
margin: 0
}
#acclogo1 img {border: 0; padding: 0; margin: 0;}

   #acchautdroit1 {position: relative;
width:320px;
height: 226px;
float: right;
padding: 20px 0 0 0;
margin-right:3px;
margin-left:2px;
z-index: 11;
background: url(img/bg_acchautdroit1.gif) no-repeat;
}
   #acchautdroit2 {
width:157px;
height: 160px;
float:left;
z-index:10;
text-align: center;
margin: -2px 2px 2px 2px;
padding-top: 12px;
background: #D8B057;
}

#accbas {position: relative;
z-index:4;
   width: 100%; height;100%; margin: 0; padding: 0;
}

#rubriques1 {
   width: 314px;
height: 100%;
float: left;
margin:0 2px 0 2px;
padding-top:2px;
background-color: #9A8F40;
}

#rubriques1 h1 {display: inline; padding:2px; border:0px;}

#rubriques2 {
   width: 511px;
height: 100%;
float: left;
background-color: #B79E4C;
}
#rubriques2 h1 {height:15px; padding:2px; border:0px; }
	#rubriques2 ul {list-style-type: none; margin: 0; padding-left: 0.5em;}
	#rubriques2 a {color: #000000;}
	#rubriques2 a:hover {}
	#rubriques2 img {}
#rubriques2 h2 a {color:#FFFBD5;}
#rubriques2 h2 a:hover {color:#FFFBD5;}

div.rubriques3 {
position: relative;
z-index:10;
width: 161px;
height: 600px;
float:left;
text-align: center;
margin:-176px 0 0 2px;
padding-top:16px;
background-color:#B95A2E;
background-image: url(img/bg_rubriques3.gif);
background-position:20px 200px;
background-repeat:no-repeat;
}
div.rubriques3 a {color: #FFF;
text-decoration: underline;
font-size: 15px;
padding: 0px 3px 0px 3px;
margin-bottom: 0px;
margin-top: -4px;
display: block;}

div.rubriques3 a:hover {background:#9E4E27;}

#accsearch {margin-top:105px;}
/* autres ılıments par dıfaut */

input {
   background-color: #EEEEEE;
   border: #000000 1px solid; 
   text-indent: 1px;  
   font-size: 9px;
}

textarea {   
   font-size:10pt;
   color:#000000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color: #000000;
   background-color:#FFFFFF;
}

select {  
   font-size:9px;
   color:#000000;
   background-color:#FFFFFF;
}

hr {
   color:#000000;
}


/* sıparation par lignes verticales */

.nePasAfficher {
  display: none !important;
}

.clearBoth {
  clear: both;
}