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

/* ELEMENTS BLOCK */
body, div, ul, dl, table, tr, img, form {margin:0; padding:0; border:0px none; background:0 0;}

body {height:100%;}
table {border-collapse:collapse;}


/* PARAGRAPHES */
/* font-style font-variant font-weight font-size/line-height font-familyÊ*/

p, li, dt, dd, td, h1, h2, h3, h4, h5, h6, input, textarea {margin:0; padding:2px; border:0px none; 
background:0 0; color:#111111; font:normal normal normal 11px Geneva;}
p {text-align:justify;}

/* ELEMENTS TEXTE */
a:link, a:visited {color:#804C00; text-decoration:none;}
h1 {font:bold 16px Century Gothic; color:#DD0000; line-height:18px;}
h2 {margin:10px 0 5px 0; font:bold 12px Verdana;}
h3 {margin:5px 0 5px 0; font:bold 11px Verdana;}
h4 {margin:5px 0 0 0; font:bold 10px Verdana; color:#804C00;}
h4 a:link, h4 a:visited {color:#804C00; text-decoration:underline;}
h5 {font:bold 12px Geneva; color:#EE0000; text-transform:uppercase; letter-spacing:1px;}
h6 {}

/* LISTES */
dt {margin:10px 0 0 0; font-weight:bold;}
dd {margin:0;}

/* FORMULAIRES */
input, textarea {background-color:#FFFFFF; font:normal 10px Verdana; border:1px solid #777777; 
border-left-color:#AAAAAA; border-top-color:#AAAAAA;}

/* PARTICULARITES */
.u {text-decoration:underline;}
.vert {color:#009900;}
.rouge {color:#BB0000;}
.fondrouge {background-color:#990000;}
.right {float:right;}

.t1 {margin:20px; padding:10px; background-color:#CFC; border:1px solid #999999;}







/* ********************  ZONES  ******************** */



#global {position:relative; width:840px; margin:30px auto 30px auto; overflow:hidden;
border:1px solid #777777; background-color:#FFFFFF; border-bottom:0;}


#frise {width:850px; height:45px; background:transparent url('img/frises/frise_h.png') repeat-x top right; overflow:hidden;}



#tb1 td {width:80px; border:1px solid #000000; text-align:center;}
#tb1 td:first-child {text-align:left; font-weight:bold;}
#tbpc td {width:100px; height:80px; font-size:10px;}




/* ********************  MENU  ******************** */

#titre {margin:22px 0 6px 10px; font:bold 12px Century Gothic;}




/* ********************  MENU  ******************** */

#menu1 {height:43px; list-style-type:none; overflow:hidden;}
#menu1 li {float:left; width:261px; padding:0; font:bold 14px Century Gothic; text-align:center; letter-spacing:2px;
border:1px solid #888888;}
#menu1 li a:link, #menu1 li a:visited {display:block; height:29px; color:#FFFFFF; padding:9px 0 0 0; text-decoration:none;}
#menu1 li.actuel a:link, #menu1 li.actuel a:visited {}



/* ********************  CENTRE  ******************** */

#centre {clear:both; width:800px; margin:20px 0 20px 20px;}


#tbaccueil {position:relative;}
#tbaccueil td {padding:0;}
#tbaccueil p, #tbaccueil li {font:normal 12px Geneva; color:#FFFFFF;}
#tbaccueil h2 {color:#FFFFFF;}
#tbaccueil ul {margin:20px; list-style-position:outside; list-style-image:url('img/puces/puce1b.png');}


#centreaccueil {position:relative; padding:10px; background: url('img/fonds/g8_80.png'); border:1px solid #FFFFFF}
#centreaccueil p {font:normal 12px Geneva; color:#FFFFFF;}
#centreaccueil h2 {color:#FFFFFF;}

#centreaccueilblanc {position:relative; padding:10px; }




/* ********** TEXTE ********** */
.texte {padding:10px;}
.texte ul {margin:0 50px 0 50px; list-style-type:disc;}




/* ********** DEBUT ********** */
#tbdebut {position:relative; clear:both; width:799px; margin:10px 0 0 1px;}
.h1 {width:241px; padding:5px 10px 10px 10px; font:bold 18px Century Gothic; color:#DD0000; line-height:23px; 
border:1px solid #EE0000; border-bottom:0;}

.intro {vertical-align:bottom; padding:0 0 0 0; border-bottom:1px solid #EE0000;}/* background: transparent url("img/fonds/gris_50b.png") repeat; */
/* .intro p, .intro h3 {background:url('img/fonds/b_30.png');} */

.intro div {float:left; width:253px; margin:0 0 5px 5px; padding:4px; text-align:center;  
border:1px solid #BBBBBB; color:#804C00; background-color:#884C00;
font:normal normal bold 12px Century Gothic; letter-spacing:1px;}
.intro div a {color:#FFFFFF;}
.intro div {background:transparent url('img/fonds/gD_70.png') repeat; border-color:#804C00; color:#804C00;}
.intro div a {color:#804C00;}
.intro div.menuderouleactuel {background:#DD0000;}
.intro div.menuderouleactuel a {color:#FFFFFF;}



/* ********** DEROULE ********** */
.deroule {clear:both; border-left:1px solid #EE0000; border-right:1px solid #EE0000; 
border-bottom:1px solid #EE0000; position:relative; border-top:0px none;}
.deroule2 {clear:both; border:1px solid #EE0000; position:relative; border-top:0;}
.deroule2 p, .deroule2 dt, .deroule2 dd {font-size:11px;}
.deroule2 li {font-size:11px; margin-bottom:4px; padding:1px;}

.tbderoule p {font-size:11px; text-align:left;}
.tbderoule li {font-size:11px; text-align:left; color:#FFFFFF; margin-bottom:5px;}
.tbderoule h5 {font-size:12px;}
.tbderoule td {width:248px; padding:5px;}
.tbderoule ul {margin:0; list-style-position:inside; list-style-image:url('img/puces/puce1b.png');}
.tr1 {vertical-align:bottom;}
.tr2 {vertical-align:top;}



/* ********** REFERENCES ********** */
.references {width:200px;}
.references p {font:normal 9px Verdana; color:#FFFFFF;}
.cache h4, .cache a, .cache a:visited {color:#FFFFFF;}
.references ul, .references dl {}
.references li, .references dt, .references dd {font-size:9px; font-family:Verdana; color:#FFFFFF;}
.references dt {margin:0;}
div.cache {display:none; width:600px; height:100px; overflow:auto; background-color:#990000;}
div.references:hover > div.cache {display:block;}
div.references:hover > h4.premier {display:none;}




/* ********************  BAS  ******************** */

#bas {position:relative; width:850px; height:22px; background-color:#777777;}
#bas div {float:left; height:14px; padding:4px 0 4px 8px; color:#FFFFFF;}
.bas1 {width:120px; border-right:1px solid #FFFFFF; font:bold 10px Verdana;}
.bas1:hover {background-color: #804C00;}
.bas1:active {background-color: #F2462E;}
.bas2 p {color:#CC0000; font:normal 9px Verdana}



#bas0 {position:relative; width:850px; height:45px; vertical-align:middle;}
#bas0 p {padding-top:15px; font:bold 14px Century Gothic; color:#222222;}


/* ********************  EXCEPTIONS  ******************** */