BODY { 
 background-color: #ffffff; color: black;
     margin-left: auto;
     margin-right: auto;
     width: 800px; 
 border: 1px solid #2e7684;
clear:both;
}



body, p, td, li, input, select, textarea { font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3; }



h1 { font-size: 14px; border: 1px solid #000000; text-align: center;}
h2 { font-size: 14px; margin: 0px; padding: 0px; border-bottom: 2px solid #000000; text-align: left;}
h3 { font-size: 13px; margin: 0px; padding: 0px; border-bottom: 1px solid #000000; font-weight: bold; }
h4 { font-size: 12px; margin: 0px; padding: 0px;}
h5 { font-size: 11px; margin: 0px; padding: 0px; }
.page ul {margin-left: 30px;}
.page ol {margin-left: 30px;  list-style-type: decimal;}

a { color: #2e7684; text-decoration:none; }
a:hover {color: red;}
a.noir  { color: #000000; text-decoration:none; }
a.noir:hover {color: red;}
li {margin:4px;}
ul {margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
ol {margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; list-style-type: decimal;}

tt { color: Navy; }
hr { border: 0px; color: Black; /* Internet Explorer */ background-color: Black; height: 1px; }
form {text-align:left;}

.blanc { background-color: #FFFFFF;} /* fond blanc */
.bleu {background-color: #2e7684; color: #ffffff}
.nomdusite
{
 margin: 0px;
 border:1px;
 color: #00c488;
 text-align:right;
 vertical-align: bottom;
 font-weight:normal;
 padding: 0px;
height:70px;
 background-color: #2e7684;
}
.nomdusite h1 { 
 padding: 0px;
 margin: 0px;
margin-left: 0px;
 margin-right: auto;
 width:35%;
 text-align: center;
 background: #2e7684;
 border: 0px solid #ffffff;
 border-top: 0px;
 border-left: 0px;
 color: #ffffff;
 font-size: 200%;
}
.logo
{
float: left;
margin-left: 4px;
margin-top: 4px;
}
.MenuHaut
{
 margin-top: 20px;
 float: right;
 text-align: right;
 border-bottom: 1px solid #FBAF5D;
}
.MenuHaut a
{
 padding:2px;
 margin-right: 4px;
background: #ffecce;
 font-weight: bold;
 border: 1px solid #FBAF5D;

 border-bottom: 0px;
}
.chemin
{
 margin-left: 140px;
 background-color: #2e7684;
background-image: url("style/images/DegradeHorizontal.gif");
}
.MenuGauche
{
float: left;
background: #2e7684;
width: 140px;
}
.MenuGauche a
{
display: block; 
text-align: left; 
padding: 3px 10px; 
margin: 0 0 2px; 
border-width: 0; 
text-decoration: none; 
color: #2e7684; 
background: #ffffff;
border-right: 5px solid #2e7684;
}
.MenuGauche a:hover
{
color: #ffffff; 
background: #2e7684;
border-right: 5px double white;
}
.MenuGauche h4 a.secteur
{
 color: #000000;
 margin-left: 0px;
 margin-right: 0px;
 padding: 0px;
border-right: 5px double white;
 text-align: center;
 background-image: url("style/images/PetitDegradeHorizontal.gif");
}
.MenuGauche h4 a.secteur:hover
{
border-right: 5px solid #2e7684;
}
.MenuGauche h4 span {display: none;}
.MenuGauche h4 a:hover span{
display: block;
position:absolute;
margin-left: 140px;
background-color: #ffffff;
border: 1px solid #2e7684; 
border-left: 0px; 
padding:4px;
width: 200px;
color: #000000; 
font-size: 90%;
font-weight: normal;
}
.MenuGauche h5 span {display: none;}
.MenuGauche h5 a:hover span{
display: block;
position:absolute;
margin-left: 130px;
background-color: #ffffff;
border: 1px solid #2e7684; 
border-left: 0px; 
padding:4px;
width: 200px;
color: #000000; 
font-size: 90%;
}

.MenuGauche h5 a 
{ 
 font-weight: normal;
 background: #ffecce;
 color: #000000;
}
.MenuGauche h5 a:hover span{}

.breves
{
border: 1px dashed #00c488;
border-right: 0px; 
}

.titre h2
{
border: 0px;
border-bottom: 2px solid #FF0000;
text-align: center;
}

div#page
{
background-color: #ffffff;
margin: 0px;
margin-left: 140px;
min-height: 600px;
text-align: justify;
padding:10px;
}
.chapo
{
 font-weight: bold;
}
p .texte
{
padding-left:10px;
padding-right:10px;
}

.flottantgauche { float: left;}
.flottantdroite { float: right;}

.encart
{
width: 25%;
float:right;
margin:0px;
margin-left: 10px;
margin-bottom: 10px;
background-color: #ffffff;
 border: 1px solid #2e7684;
 border-right: 0px;
 border-top: 0px;
 padding:10px;
 padding-top:0px;
}
.encart h3
{
 margin-left: auto;
 margin-right: auto;
 width:75%;
 text-align: center;
 border: 1px solid #2e7684;
 border-top: 0px;
 background-color: #ffffff;
}
.encart h4
{
 border-bottom:1px solid #FBAF5D;
 margin-top: 10px;
 margin-bottom: 4px;
}
.encart ul { margin-left: 20px; padding: 0px;}

.cadre { 
border:1px solid #FBAF5D;
padding:4px;
}

.cadre_centre { 
border:1px solid #FBAF5D; 
width:50%;
margin-left:auto; 
margin-right:auto; 
padding:20px;
}

.cadre_large { 
border:1px solid #FBAF5D; 
padding:4px;
margin:4px;
}

.petit { font-size: 9px;}
.formulaires{ 
padding-top: 10px;
padding-bottom: 10px;
background-color: #ffffff;
border: 0px;
border-right: 1px solid #2e7684;
}
.spip_bouton {font-size: 80%; width: 140px; left:0px;}
.formrecherche { width: 100px; margin-left:10px;}

div.footer
{
margin: 0px;
margin-top: 10px;
padding:0px;
border: 0px;
border-top: 1px solid #2e7684;
text-align: right;
font-size: 80%;
}
.hr_clear { clear: both; visibility: hidden; }

@media print {
BODY { 
font-size: 14px; 
background-color: #FFFFFF; 
color: black; 
border:0px;
}
.nomdusite
{
 margin: 0px;
 border:1px;
 color: #00c488;
 text-align:right;
 vertical-align: bottom;
width:100px;
}
.chemin {margin-left:0px;}
div.titre {margin-left: 0px; }
.header { padding: 10px; padding-top: 0px;}
div#page
{ 
font-size: 14px;
font-size: 130%; 
background-color: #FFFFFF; 
border: none; 
margin: 0px; 
width: 100%; 
}
.MenuHaut{display:none;}
.MenuGauche {display:none;}
.encart{display:none;}
}