/* CSS Document */

body {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
color: #000088;
padding: 0;
margin: 0;
text-align: center;
}

#conteneur {
position: absolute;
left: 0;
width: 100%;
height: auto;
text-align: center;
margin: 0;
padding: 0;
}

/*bannière haute globale __________________________________________________________*/

#haut {
height: 130px;
margin: 0;
padding: 0;
background: url(img/b_h2.gif) left top repeat;
border: 1px solid #660066;
z-index: 10;
}

/*bannière haute détails en 3 parties _______________________________________________*/

#ban_centre {
position: absolute;
left: 230px;
top: 1px;
height: 100px;
background: url(img/123_tel.gif) 20px 15px no-repeat;
z-index: 40;
margin: 0;
padding: 0;
}

#ban_centre p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 0;
text-align: left;
background-color: #EFEFFF;
margin : 80px 0px 0px 0px;
color: #00008C;
}

#ban_gauche {
position: absolute;
left: 0px;
top: 1px;
height: 100px;
width: 250px;
background:  url(img/g5.gif) left bottom no-repeat;
z-index: 30;
margin: 0;
padding: 0;
}

#ban_droit {
position: absolute;
top: 1px;
right: 0px;
height: 100px;
width: 300px;
margin: 0;
padding: 0;
background-color: #EEEEFF;
background: url(img/d5.gif) right bottom no-repeat;
z-index: 20;
}

/*menu de navigation _______________________________________________*/

#menu {
position: absolute;
top: 104px;
z-index: 40;
left: 0;
height: 25px;
margin: 0;
/*padding: 3px 0px 0px 110px;*/
padding: 3px 0px 0px 30px;
text-align: left;
font-family: arial, helvetica, sans-serif;
/*background: url(img/g_men.gif) left top no-repeat;*/
}

#menu ul { 
margin: 0;
padding: 0;
} 

#menu li { 
list-style-type: none;
float: left;
margin: 0;
padding: 0;
}

/*navigation _______________________________________________*/

#menu ul li.smc {
height: 20px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FF6600;
text-align: left;
margin: 0px 5px 0px 5px;
padding: 0px 7px 0px 25px;
background: url(img/bout_2on.gif) left bottom no-repeat;
background-color:#FFF ;
}

#menu ul li.smc a {
text-decoration: none;
color: #FF6600;
}

#menu ul li.sm {
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #3333FF;
text-align: left;
margin: 0px 5px 0px 5px;
padding: 0px 7px 0px 25px;
background: url(img/bout_1on.gif) left bottom no-repeat;
background-color:#ddddff ;
}

#menu ul li.sm a {
text-decoration: none;
color: #3333FF;
}

#menu ul li.sm a:hover {
color: #FF6600;
}

/*sous-menus___________________*/


/*organisation contenu des pages _______________________________________________*/

#gauche_ac {
position: absolute;
float: left;
left:0;
top: 130px;
width: 210px;
padding: 1px 5px 1px 5px;
margin: 20px 0px 10px 0px;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000088;
text-align: center;
border-right: 1px solid #660066;
}

#centre_ac {
top: 130px;
background-color:#Fff;
margin-bottom: 0px;
margin-left: 220px;
margin-right: 220px;
padding: 20px 15px 10px 15px;
text-align: center;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000088;
}

#droit_ac {
position: absolute;
right:0;
top: 130px;
width: 210px;
padding: 1px 5px 1px 5px;
margin: 20px 0px 10px 0px;
text-align: center;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000088;
border-left: 1px solid #660066;
}

#page {
width: 100%;
background-color:#Fff;
margin: 0;
padding: 0;
text-align: center;
}

#gauche_page {
position: absolute;
left:0;
top: 130px;
width: 200px;
padding: 1px 5px 1px 5px;
margin: 20px 0px 10px 0px;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000088;
text-align: center;
border-right: 1px solid #660066;
}

#centre_page {
top: 130px;
background-color:#Fff;
margin-bottom: 20px;
margin-left: 210px;
padding: 20px 10px 10px 20px;
text-align: center;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000088;
}

/*organisation et style du pied de page _______________________________________________*/
#pied {
background-color: #E7E7FF ;
color: #00008C;
text-align: center;
padding: 5px 5px 5px 5px;
margin: 0px 5px 0px 5px;
border: 1px solid #660066;
}

#pied p{
font-size: 11px;
font-weight: bold;
color: #00008C;
text-align: center;
margin: 5px 0px 0px 0px;
padding: 0;
}

#pied a{
font-size: 10px;
font-weight: normal;
color: #00008C;
text-align: center;
padding: 0px 5px 0px 5px;
margin: 0;
}

#pied a:hover{
font-size: 10px;
font-weight: normal;
color: #00008C;
text-decoration: none;
text-align: center;
padding: 0px 5px 0px 5px;
margin: 0;
background-color: #FFFFFF ;
}

/*styles de paragraphes _______________________________________________*/

.titre1 {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000088;
text-align: left;
margin: 2px 0px 2px 5px;
padding: 2px 5px 2px 27px;
background:  url(img/vertical3.gif) left bottom no-repeat;
background-color:#ddddff ;
}

.titre1ligne {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000088;
text-align: left;
margin: 2px 0px 2px 5px;
padding: 2px 5px 2px 27px;
background:  url(img/vertical3.gif) left bottom no-repeat;
background-color:#ddddff ;
border-bottom: 1px solid #660066;
}

.titflash {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
text-align: center;
padding : 5px 5px 0px 0px;
color: #660066;
background-color: #eeeeff;
}

.titre1 a{
text-decoration: none;
}

.texte1 {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
padding : 5px 5px 5px 5px;
color: #000088;
}

.texte1g {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
padding : 5px 5px 5px 5px;
color: #000088;
}

.texte2 {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
padding : 5px 5px 5px 5px;
color: #000088;
border-bottom: 1px solid #660066;
}

.texte2orange {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
padding : 5px 5px 5px 5px;
color: #FF6600;
border-bottom: 1px solid #660066;
/*a:link: #FF6600;
a:visited: #FF6600;*/
}

.textegras_centre {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #000088;
}

.horaire {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
text-align: center;
padding : 5px 5px 0px 0px;
color: #660066;
}

.surligne {
background-color: #FFFF00;
}

.alerte {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
padding : 5px 5px 5px 5px;
color: #FF6600;
background-color: #FFFF00;
}

* a:visited {
color: #000088;
}