#global{width: 900px; margin: auto; padding: 0px; height: 800px;}

#haut{float: left; width: 100%; height: /*211px*/190px; margin: 0px; padding: 0px;}

#pied{float: left; height: 15px; width: 900px; background-color: #5CACEE; text-align: center; color: white;
 margin: 0px; padding: 0px; border-bottom: 2px solid #FFD700 /*000099*/;}

#pied_admin{float: left; height: 15px; width: 900px; background-color: #FFA500; text-align: center; color: white;
 margin: 0px; padding: 0px; border-bottom: 1px solid #990000;}

#ensemble{float: left; width: 900px; margin: 0px; padding: 0px; height: 575px; background-color: white;
 border-top: 2px solid #FFD700  /*000099*/; text-align: justify;}

body{background-image: url('./images/bati2.JPG'); background-color: #8FC5FF; background-attachment: fixed; 
background-repeat: no-repeat; background-position: center center; overflow: auto; 
/*scrollbar-arrow-color :#FFD700;
scrollbar-face-color: #27408B;
scrollbar-track-color:#FFD700;
scrollbar-highlight-color: Forestgreen;
scrollbar-shadow-color: black;*/ font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif; font-size: 10pt; margin: auto; 
text-align: center; margin-top: 10px; margin-bottom: 20px;}  

/* MENU */
#menu {float: left; width: 150px; height: 575px; background: #5CACEE; padding: 0px; margin: 0px;}
#menu ul {float: left; margin: 0px; padding: 0px; list-style: none;}
#menu ul li {width: 147px; margin-top: 10px; margin-bottom: 10px; border-top: 2px solid #FFD700 /*000099*/;
 border-bottom: 2px solid #FFD700 /*000099*/; padding: 2px;}
#menu ul li a {display: block; color: white; font-weight: bold; background: #0066CC; padding: 2px; text-align: center;
 letter-spacing: 1px; height: auto; text-decoration: none; font-size: 10pt;}
#menu ul li a:hover {background: #000066;}

/* MENU ADMIN*/
#menu_admin {float: left; width: 150px; height: 575px; background: #990000; padding: 0px; margin: 0px;}
#menu_admin ul {float: left; margin: 0px; padding: 0px; list-style: none;}
#menu_admin ul li {width: 150px; margin-top: 10px; margin-bottom: 10px; border-top: 1px dashed #FFD700; 
border-bottom: 1px dashed #FFD700; padding: 2px;}
#menu_admin ul li a {display: block; color: white; font-weight: bold; background: #FFA500; padding: 2px; 
text-align: center; letter-spacing: 1px; height: auto; text-decoration: none; font-size: 10pt;}
#menu_admin ul li a:hover {background: #FFCC20;}

/*CORPS*/	
#corps{float:left; width: 750px; margin: 0px; padding: 0px; background-color: white; height: 575px; 
text-align: center; overflow: auto;}

/*SOUS-CORPS*/ 
#sous-corps{float: left; padding-top: 20px; padding-bottom: 20px; height: 515px; padding-left: 50px;
 padding-right: 50px; width: 630px; margin: 0px; text-align: left;}
#sous-corps ul li{text-align: left;}
/*#sous-corps a {font-weight: bolder; text-decoration: none}*/

/* Bas de page */
#bas{height: 40px; width: 100%; padding-bottom: 10px; text-align: center;}

/* News */
#news{width: 85%; margin: auto; border: 1px solid Forestgreen; overflow: auto; padding: 4px;}
.piednews{color: grey; font-size: 10px; text-align: center; float: left; width: 100%; border: none}
#photo_news{float: right; border-left: 2px}
.titrenews{text-align: center; font-weight: bolder; font-size: 15pt; background: #FFD700/*#FFFF60*/; border: none; 
color: #5CACEE; height: 30px;}

/* Formulaire */
input {text-align: left; border: 2px solid #FFD700; width :150px;}
input.bouton{text-align: center;  background: #B22222; color: white; width: 100px; border: 1px solid #003300;}
input.bouton:hover{background-color: #FFCC20;}
input.clair{border: 0px solid white;}
textarea{text-align: justify; border: 2px solid #FFD700 ; overflow: auto; width: 300px;}
.bouton_camoufle{border: none; text-align: center; background-color: white; color: #B22222; width: 110px; 
font-weight: bolder;}
.bouton_camoufle:hover{cursor: pointer; color: forestgreen;}

img {display: block; text-align: center; border-color: white; margin: 10px;}
img.tour{border: 3px solid #FFD700; text-align: right;}
img.bloc{width: 150px; display: block; margin: auto;}

/* Titres */
h1{font-weight: bold; text-align: center; color:#0066CC /*#000066*/; font-size: 18pt;}
h2,h3 {color: #5CACEE; font-weight: bold; text-align: left; font-size: 14pt;}
h3.jaune{color: #FFD700;}
h5{font-size: 10pt; color: black; text-align: justify;}
h4{color: forestgreen; font-style: italic; text-align: center;}
h4.jaune{color: #FFD700; font-style: italic; text-align: center;}

/* Paragraphes */
p {text-align: left; text-indent: 3%;}
p.para {text-align: justify;}
p.titre{text-align: left; color: #FFCC20; text-indent: 1%; font-weight: bold;}
p.separation{font-size: 12pt; text-align: center; color: #FFD700; font-weight: bolder; text-indent: 0%;}
/* Puces */
li.formation {list-style: url('./images/formation.gif');}
li.puce {list-style: url('./images/puce2.gif');}

/* Liens */
a{color: #B22222; text-align: center; text-decoration: none; font-weight: bolder;}
a:hover{color: forestgreen;}
a img{border-style: none;}

/* Span */
.msg{color: red; font-weight: bolder;}
.intro{font-style: italic; font-weight: bolder;}

/* Tableaux */
table{text-align: center; border: 1px solid #000099; margin: auto;}
table.transparent{text-align: center; border: none; margin: auto;}
table.activite{text-align: left; border: none; margin: auto;}
td{border: 1px solid #5CACEE; font-size: 10pt; padding: 5px;}
td.tarifs{border: 1px solid #FFD700;}
td.transparent{border: none; text-align: left;}
th{text-align: center; font-size: 11pt;}
th.entete{font-size: 120%; background: #FFD700; color: white;}
th.transparent{border: none; text-align: left;}
.image{background: url('./images/bati.JPG'); text-align: center; border: none; margin: auto; 
background-position: 62% 55%;}