@charset "iso-8859-1";	 

/*////////////////charte de couleurs///////////////////////*/
/*haut de page marron glacé foncé = #a4948d = 164,148,141
marronglacé clair : #efe8e5 = 232, 239, 225
fond externe : #f5f2f2 245 242 242*/


/* ///////////////////// Organisation de la page //////////////////////////////
 pour obtenir une occupation de toute la hauteur avec entête et pied de page fixe */

html, body {margin:0; padding:0; height:100%; background-color: #F5F2F2; color: #560000; font-family:  "trebuchet MS", verdana "Lucida Grande", Lucida, Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 90%; text-align: justify; min-height: 100%;
height: auto; height: 100%}

html>body #wrap {height:100%;}

#wrap {width:775px; margin:0 auto;}

/* ///////////////////// En tête////////////////////////////// */
#header {background: url(../images/fonds/top800.gif) top left no-repeat; width:775px; height:150px;}

/* Prevent certain problems with form controls */
html>body #header {position:fixed; z-index:10;}

#header a {color:#F5F2F2;}

#header ul {list-style-image: none; list-style-type: none; margin-top: 0px; margin-left:40px; padding-left:0px; padding-top: 30px; color: #F5F2F2;}

/* ///////////////////// Corps de la page ////////////////////////////// */
html>body #content-wrap {height:100%;}

/* 150px = height of #header and #footer + 1em, 1em = give the content some breathing space */
html>body #content {padding-top:150px; padding-bottom: 100px; padding-left: 1em; padding-right: 1em;}

#content-wrap, #content {background-color: #FFFFFF;}


/* ///////////////////// Pied de page////////////////////////////// */
#footer {background: url(../images/fonds/bas800.gif) bottom left no-repeat; width:775px; height:150px;}
#valid{margin-top:138px; font-size:0.8em; color:#F5F2F2;}

/* Prevent certain problems with form controls */
html>body #footer {position:fixed; bottom:0; z-index:10;}

#footer a {color:#F5F2F2;}

/* ///////////////////// Balises communes ////////////////////////////// */
h1 {color: #C80000; font-size: 2em; text-align: right; margin-right: 50px; margin-top:-30px;}

h2 {color: #A58A7B; font-size: 1.6em;}

h3 {color: #969696; font-size: 1.6em; margin-left: 1.6em;}

h4 {font-weight: bold;}

ul {list-style-image: url('../images/boutons/puce-rouge.gif'); max-width: 650px; list-style-position: inside}

ul ul {list-style-image: url('../images/boutons/puce-bleue.gif'); max-width: 650px}

ul ul ul {list-style-image: url('../images/boutons/puce-brune.gif'); max-width: 650px}

p {margin: 1em 15px 0 20px;}

a:link,a:visited {text-decoration:none;  color:#A58A7B;}

a:focus,a:hover {text-decoration:underline;  color: #C80000;}

table {text-align: justify;}

#error404 {font-size:1.6em; color:#C80000; margin-top:100px;}

/* ///////////////////// Info Bulles ////////////////////////////// */
/*vraies infobulles, temps d'affichage court = <span title="ce qui s'affiche" >mot lien</span>*/ 
/*Infobulles personnalisées
<a class="info" href="#">mot lien<span>texte lien</span></a> 
*/ 
a.info{
    position:relative;
    z-index:24; 
	border-bottom: 1px dotted; border-color:#C80000;
    text-decoration:none;
	color:#560000;}

a.info:hover{z-index:25;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:25em;
    border:1px solid #F5F2F2;
    background-color:#a4948d; color:#F5F2F2;
	padding:0.5em;
    text-align: left;}



/* ///////////////////// Page accueil////////////////////////////// */
#global {position:absolute; left: 50%; width: 1000px; margin-top: 50px; margin-left: -500px; background-color: #EFE8E5;}
#pavecentral {margin-left:112px; height:405px; width:794px;}
#home1 {margin-left:112px; background: url(../images/fonds/home1.gif);width:794px; height:101px;}
#home2 {margin-left:112px; background: url(../images/fonds/home3b.gif);width:794px; height:405px;}
#home3 {float: left; background: url(../images/fonds/home2.gif);width:313px; height:405px;}
#home4 {margin-left:112px;background: url(../images/fonds/home4.gif);width:794px; height:81px;}

#texteindex {padding-top:110px; margin-right: 20px; text-align:justify; margin-left:313px;}
#menuindex {margin-top: 250px; width: 150px; height: 125px;}  
#menuindex ul {list-style-image: none; list-style-type: none; margin-top: 0px; margin-left:50px; padding-left:0px; padding-top: 30px;}

/* ///////////////////// autres pages////////////////////////////// */
#menupage ul {list-style-image: none; list-style-type: none; margin-top: 0px; margin-left:40px; padding-left:0px; padding-top: 30px; color: #F5F2F2;}
#menupage A {color: #F5F2F2;}
#textepage {margin-left: 50px; margin-right: 30px; margin-top: 30px; text-align:justify;}
#imagegauche {float:left; margin: 10px 20px 30px 10px;}
#illustration {text-align: center; background-color: #F2F2F2; margin: 20px 0px 20px 0px; font-style:italic; color: #A58A7B}
#imagedroite {float:right; margin: 10px 10px 30px 20px;}
#baspage {margin-left: 50px; text-align: center; margin-top: 50px}
.instruction {font-size: 0.7em; text-align:center;padding-top: 5px;}