body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#555555;
}

html body {
position: absolute;
width: 770px;
left: 50%;
margin-left: -385px;
margin-top: 0px;
background:#E9E8D3 url(images/bck.gif) fixed 50% 0 repeat-y;
}

.menu {color : #000; text-decoration:none;}
.menu:visited {color : #000; text-decoration:none;}
.menu:hover {color : #CE0225; text-decoration:none;}
.menu:active {color : #000; text-decoration:none;}

a {color : #CE0225; text-decoration:none;}
a:visited {color : #CE0225; text-decoration:none;}
a:hover {color : #FF6600; text-decoration:none;}
a:active {color : #CE0225; text-decoration:none;}

.small {font-family:Verdana,Arial,Helvetica; color:#555555; font-size: 10px; line-height: 14px}
.legende {font-family:Verdana,Arial,Helvetica; color:#555555; font-size: 11px; line-height: 14px}
.medium {font-family:Verdana,Arial,Helvetica; color:#555555; font-size: 12px; line-height: 16px}
td {font-family:Verdana,Arial,Helvetica; color:#555555; font-size: 12px; line-height: 16px}

.mincho {font-family : "Arial Unicode MS", "MS Mincho"; color:green; font-size: 12px; line-height: 16px}

.etape {
font-family: Verdana,Arial,Helvetica;
font-size: 12;
font-weight:bolder;
padding-bottom : 6px;
color : #FF0000;
}

p {
margin:0px;
padding-bottom:10px;
line-height:1.5em;
}

h1 {
font-family: Georgia, Serif;
font-size: 34px;
padding: 6px 0px 10px 0px;
margin:0px;
color : #4A443A;
letter-spacing:-0.1em;
}

h2 {
font-size:20px;
font-family: Georgia, Serif;
margin:0px;
padding: 15px 0px 10px 0px;
color : #4A443A;
line-height:1em;
}

.first {
padding: 0px 0px 10px 0px;
}

h3 {
font-size:10px;
font-weight:normal;
padding: 0px 0px 6px 0px;
margin: 0px;
border-bottom:1px solid #F0F0F0;
}

h4 {
font-family:Arial,Helvetica;
font-size:10px;
font-weight:normal;
padding: 0px 0px 0px 0px;
margin: 0px;
color:#fff;
}

.notprinted { 
}

h3 a {color : #8C8C8C; text-decoration:none;}
h3 a:visited {color : #8C8C8C; text-decoration:none;}
h3 a:hover {color : #FF6600; text-decoration:none;}
h3 a:active {color : #8C8C8C; text-decoration:none;}

/* --------------top------------- */

#mission {
position: absolute;
margin-top: 12px;
margin-left: 660px;
}

h4 a {color : #E9E8D3; text-decoration:none;}
h4 a:visited {color : #E9E8D3; text-decoration:none;}
h4 a:hover {color : #FF6600; text-decoration:none;}
h4 a:active {color : #E9E8D3; text-decoration:none;}


/* --------------form------------- */
#top form {
margin: 0px;
padding: 0px;
}

/* --------------left------------- */
#left {
position: absolute;
width: 140px;
}

/* --------------middle------------- */
#middle {
position: absolute;
width: 455px;
float:left;
margin-top: 192px;
margin-left: 140px;
margin-bottom: 20px;
padding: 0px;
}



/* -----------------right--------------------- */
#right {
position: absolute;
width: 150px;
margin-top: 210px;
margin-left: 620px;
}

.small {
padding-left:2px;
}

.post_it td {
padding-bottom:20px;
background: url(images/separateur.gif) bottom right no-repeat;
background-color: #FEB70A;
}


/* -----------footer--------------------------- */
#footer {
border-top:1px solid #EAE9E7;
margin-bottom: 20px;
padding-top: 4px;
font-size:10px;
}

#footer_home {
position: absolute;
width: 455px;
margin-top: 480px;
margin-left: 140px;
border-top:1px solid #EAE9E7;
margin-bottom: 20px;
padding-top: 4px;
font-size:10px;
}

/* -----------cartouche recherche Alkaline--------------------------- */

.inputbox {
float:right;
padding: 2px;
margin: 0px;
border:solid 1px #EAE9E7;
background-color: #D0CFB2;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #555555;
font-size:10px;
width : 150px;
}

.inputbox2 {
padding: 2px;
margin: 0px;
border:solid 1px #ffffff;
background-color: #F4F3E7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.inputbox3 {
padding: 2px;
margin: 0px;
border:solid 1px #ffffff;
background-color: #F4F3E7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width : 210px;
}


.textaera {
padding: 2px;
margin: 0px;
border:solid 1px #ffffff;
background-color: #F4F3E7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.bouton {
padding: 0px;
border:solid 1px #7C7A7A;
background-color: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}

.dropmenu {
font-size : 11px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
} 

#scroll{
background-color : #F4F3E7; 
width:445px;
height:300px;
overflow:auto;
padding:4px;
scrollbar-3d-light-color:#BDBDBD;
scrollbar-3dlight-color:#BDBDBD;
scrollbar-arrow-color:#000000;
scrollbar-dark-shadow-color:#BDBDBD;
scrollbar-darkshadow-color:#BDBDBD;
scrollbar-face-color:#BDBDBD;
scrollbar-track-color:#EFEFEF;
scrollbar-highlight-color:#BDBDBD;
scrollbar-shadow-color:#BDBDBD;
line-height:1.4em;

}

/* -----------menu--------------------------- */
#menu {
width: 140px;
}

dl, dt, ul, li {
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
font-weight: normal;
font-size:11px;
line-height : 16px;
color : #000;
}

li {
margin-left: 7px;
text-decoration : none;
text-align: left;
list-style-type: none;
}

dt {
text-decoration : none;
text-align: left;
font-weight: bold;
padding-top: 1px;
padding-bottom: 1px;
margin: 0px;
}

.margin_dt {
margin-left: 3px;
}

.backmenu01 {
background-image : url(images/backmenu01.gif);
background-repeat : no-repeat;
background-position : 0% 0%;
}

.backmenu02 {
background-image : url(images/backmenu02.gif);
background-repeat : no-repeat;
background-position : 0% 0%;
}

blockquote {
font-size:17px;
font-family: Georgia, Serif;
color : #4A443A;

margin : 0 0 0 0;
padding : 30px 0 0 10px;
background:url(images/quote_open.gif) top left no-repeat;
}

blockquote p {
padding : 0 0 30px 0;
margin:0;
background:url(images/quote_close.gif) bottom right no-repeat;
}

/* --------------sous_menu sur 1 ligne ------------- */
#smenu {
margin:0 0 10px 0;
padding:0 0 0 0;
border-top:1px solid #E9E8D3;
border-bottom:1px solid #E9E8D3;
background: #F4F3E7;
}

/* --------------sous_menu sur X lignes ------------- */
#exergue {
margin:2px 6px 0 0;
padding:2px 4px 2px 22px;
border-top:1px solid #E9E8D3;
border-bottom:1px solid #E9E8D3;
background: #F4F3E7 url(images/right.gif) left top no-repeat;
}

/* -----------cartouche page accueil école--------------------------- */
#exergue02 {
margin:0 0 0 0;
padding:0 4px 2px 12px;
border-top:1px solid #E9E8D3;
border-bottom:1px solid #E9E8D3;
background: #F4F3E7;
}

#cartouche {
padding-bottom: 0.3em;
padding-top:2px;
background: #E9E8D3;
margin:0 0 10px 0;
}

#cartouche form {
padding:0.2em 0.1em 0 0;
margin:0 0 0 0.3em;
}

.horizon {
padding-bottom:4px;
margin-bottom:10px;
background:bottom repeat-x url(images/1dot.gif);
} 

.horizon_ap td {
border-top:1px solid #E9E8D3;
padding:4px 0 0 0;
}

.img_border {
border: 1px solid;
border-color: #E9E8D3;
} 

.ethav td {border-top:1px solid #E9E8D3; padding-bottom:2px; padding-top:2px;}
.musinfo td {border-top:1px solid #E9E8D3;padding:0 0 0 1px;}

.ligne {
border-top:1px solid #EAE9E7;
border-bottom:1px solid #EAE9E7;
} 

list {
display : list-item;
margin:0 0 0 14px;
padding:0 0 0 0;
} 

#print { 
display:none;
}

.hidden {
   display: none;
}

.visible {
   display: inline;
}