@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

/* --- STYLES DE BASE --- */

/* Page */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7.  */
}
body {
    margin: 0;
    padding: 0em; /* Remettre à zéro si nécessaire. */
    /* Pensez à utiliser une collection de polices, par ex:
    font-family: Arial, Helvetica, FreeSans, sans-serif; */
    font-size:14px; /* À adapter pour la police choisie.  */
    line-height: 1.1; /* À adapter au design.  */
    color: #041127;
    background: #3399ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.space{ clear:both}
.cache {font-size:1px;letter-spacing: -5px;position: absolute;top: -5000px;}
.left60 {float:left; width:55%; margin-right:5px}
.left40 {float:left; width:40%; margin-right:5px}
.right60{float:right; width:55%}
.right40{float:right; width:40%}

/* Titres */
h1, h2, h3, h4, h5, h6 {margin: 1em 0 .5em 0; /* Rapproche le titre du texte.  */line-height: 1.2;font-weight: bold; /* Valeur par défaut.  */font-style: normal;}
h1 {font-size: 20px; margin-left:50px;}
h2 {font-size: 18px;margin-left:75px;}
h3 {font-size: 16px;margin-left:100px;}
h4 {font-size: 14px;margin-left:125px;}
h5 {font-size: 14px;}

.vert {background:url(../picts/puce_vert.gif) no-repeat left  center; padding-left:30px}
.jaune {background:url(../picts/puce_jaune.gif) no-repeat left  center; padding-left:30px}
.orange {background:url(../picts/puce_orange.gif) no-repeat left  center; padding-left:30px}
.rouge {background:url(../picts/puce_rouge.gif) no-repeat left  center; padding-left:30px}
.violet {background:url(../picts/puce_violet.gif) no-repeat left  center; padding-left:30px}
.blanc{color:#f6f4f4; font-size:0.1em}

/* Listes */
ul, ol {margin: .75em 0 .75em 32px;padding: 0; }
li {list-style-type:circle}

/* Paragraphes */
p {margin: .75em 0; /* Marges plus faibles que par défaut. */}
address {margin: .75em 0;font-style: normal;}

/* Liens */
a {text-decoration: none;}
a:link {color:#ff33cc;}
a:visited {color:#ff33cc;}
a:hover, a:focus, a:active {color:#9fde00;}
a img {border: none;}

.imgvert {border: #9fde00 2px solid; padding: 8px; margin:5px 0 10px 0}
.imgjaune {border: #ffff00 2px solid; padding: 8px;margin:5px 0 10px 0}
.imgorange {border: #ffa500 2px solid; padding: 8px;margin:5px 0 10px 0}
.imgrouge {border: #ff0000 1px solid; padding: 8px;margin:5px 0 10px 0}
.imgviolet {border: #ff33cc 1px solid; padding: 8px;margin:5px 0 10px 0}
.bordure {border: #041127 1px solid;}


/* Divers éléments de type DIV  */
#page{background:url(../images/bg_header.jpg) no-repeat center top;position: relative;margin: 0 auto; background-color:#f6f4f4;}

#top{}
#header {height:273px; }
/*body#menu1 #menu_h { background:url(../images/bg_menu_01.jpg) no-repeat center top; height:268px; }
body#menu2 #menu_h { background:url(../images/bg_menu_02.jpg) no-repeat center top; height:268px; }
body#menu3 #menu_h { background:url(../images/bg_menu_03.jpg) no-repeat center top; height:268px; }
body#menu4 #menu_h { background:url(../images/bg_menu_04.jpg) no-repeat center top; height:268px; }
body#menu5 #menu_h { background:url(../images/bg_menu_05.jpg) no-repeat center top; height:268px; }top:-225px;
*/

#menu_vert{position:relative;margin:-7px 0 0 155px;height:75px; width:120px;float:left}
#menu_jaune{position:relative;margin:10px 0 0 28px;height:75px; width:120px;float:left}
#menu_orange{position:relative;margin:30px 0 0 20px;height:75px; width:120px;float:left}
#menu_rouge{position:relative;margin:47px 0 0 22px;height:75px; width:120px;float:left}
#menu_violet{position:relative;margin:60px 0 0 23px;height:75px; width:120px;float:left}

body#menu1 #corps{background:url(../images/bg_menu_01.jpg) no-repeat center top;position:relative;left:50%;width:1000px;margin-left:-501px; padding-top:43px; overflow: auto;  }
body#menu2 #corps{background:url(../images/bg_menu_02.jpg) no-repeat center top;position:relative;left:50%;width:1000px;margin-left:-501px; padding-top:43px; overflow: auto;  }
body#menu3 #corps{background:url(../images/bg_menu_03.jpg) no-repeat center top;position:relative;left:50%;width:1000px;margin-left:-501px; padding-top:43px; overflow: auto;  }
body#menu4 #corps{background:url(../images/bg_menu_04.jpg) no-repeat center top;position:relative;left:50%;width:1000px;margin-left:-501px; padding-top:43px; overflow: auto;  }
body#menu5 #corps{background:url(../images/bg_menu_05.jpg) no-repeat center top;position:relative;left:50%;width:1000px;margin-left:-501px; padding-top:43px; overflow: auto;  }




#gauche { background:url(../images/bg_pli.jpg) no-repeat right top; height:630px; width:170px; float:left; padding:0 0 0 5px; margin-top:115px }
#promo{ height:141px; width:127px;position: relative;top:-90px;margin-left:47px;}
#menu_v a {color: #041127; font-weight:bold; font-size:15px}
#menu_v a:hover, #menu_v a:focus, #menu_v a:active{background:url(../images/bg_menu_v.jpg) no-repeat center top; }
.puce{padding:5px}

#droite{ width:820px ; float:right;margin-top:200px}
#pathway { font-size:11px; font-weight:bold; margin-bottom:50px}
#titre {margin: 0 0 20px 50px;}
#contenu {padding:5px 15px 50px 0px; text-align:justify}



#foot{background:url(../images/bg_foot.jpg) repeat-x center bottom;height:123px;position: relative;}
#footer {position:relative;left:50%;margin-left:-551px;width:1100px;}
#menu_bas {font-size:11px;color:#f6f4f4; text-align:center; margin-bottom:25px;background-color:#3399ff}
#menu_bas a {color: #f6f4f4;}
#menu_bas a:hover, #menu_bas a:focus, #menu_bas a:active{color: #ff33cc;}


#copy {font-size:10px;color:#f6f4f4;margin-bottom:10px;}
#copy a:hover,#copy a:focus,#copy a:active{color: #f6f4f4;}



/* Divers éléments de type en-ligne  */
em {font-style: italic;}
strong {font-weight: bold;}
.petit{font-size:10px}
.gras {font-weight: bold; color: #002f7f; font-size:12px}
.info{font-size:12px}
.grasR {font-weight: bold; color: #ff0000; font-size:12px}

/* Formulaires */
form, fieldset {margin: 0;padding: 0;border: none;}
input, button, select {vertical-align: middle; /* Solution pb. d'alignement.  */
}

/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */

/* Met en évidence les abréviations */
abbr, acronym {border-bottom: 1px dotted;cursor: help;}

/* Met en évidence les citations 
blockquote {margin: .75em 0 .75em 20px;padding: 0 0 0 10px; border-left: solid 2px #ddd;}*/
q {font-style: italic;quotes: none; /* Supprime les guillemets automatiques */}
cite {font-style: italic;}
q cite, q q {font-style: normal}

/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p {margin: .5em 0;}

/* Styles de base pour les listes de définition */
dl {margin: .75em 0;}
dt {margin: .75em 0 0 0;font-weight: bold;}
dd {margin: .25em 0 .25em 32px;}


/* couleur pour Resa.net */
.possible{BACKGROUND: #64ff96;}
.dispo {BACKGROUND: #40cf70;}
.complet {BACKGROUND: #df3140;}
.attention{BACKGROUND: #9d7500;}
.orangeClair {BACKGROUND: #ff9000;}
.arrive {BACKGROUND: #ffff80;}
.depasse{BACKGROUND: #50c2ff;}