@charset "iso-8859-1";

HTML {width: 100%; }

BODY {width: 100%; margin: 0px; text-align: center;}

IMG {padding:5px;}

.bouton_recherche{height:22px; border:1px outset #FFFFFF; color:#FFFFFF; background-color:#EEB100; font-size:12px;}

#site {width:1000px; margin: 0 auto 0 auto;}

#bandeau_haut{background:url(bandeau_haut.jpg); background-repeat:no-repeat; width:1000px; height:27px; text-align:left;}

#bt_contact{position:relative; display:block; width:92px; height:27px; background:url(bt_contact.gif); left:85%;}

#bandeau{background:url(bandeau.jpg); background-repeat:no-repeat; width:1000px; height:115px; text-align:left; vertical-align:top;}

#bt_accueil{position:relative; display:block; width:67px; height:72px; background:url(bt_accueil.gif); left:85%; top:0;}

#bt_territoire{position:relative; display:block; width:67px; height:67px; background:url(bt_territoire.gif); left:10%; bottom:10%;}

#bt_agenda{position:relative; display:block; width:66px; height:71px; background:url(bt_agenda.gif); left:16%; top:0;}

#bandeau_bas_gauche{float:left; background:url(bandeau_bas_gauche.jpg); background-repeat:no-repeat; width:250px; height:29px;}

#bandeau_bas_droite{float:right; background:url(bandeau_bas_droite.jpg); background-repeat:no-repeat; width:750px; height:29px; text-align:left; margin:0; padding:0; vertical-align:bottom;}

#gauche{float:left; background:url(fond_gauche.jpg); background-repeat:no-repeat; width:250px; height:495px;}


/* **************Menu****************/
.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7, .menu8, .menu9, .menu10, .menu11 {
background-image: url(bt_gauche.jpg); background-repeat: no-repeat;  width: 172px; line-height: 26px; text-align: center; overflow: hidden;
}

.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a, .menu7 a, .menu8 a, .menu9 a, .menu10 a, .menu11 a {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #000000;  font-weight:bold; display: block; margin: 0px; width: 100%;   white-space: nowrap;
}

.menu1 a:hover {
background-image: url(bt1_over.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; width: 100%;
}

.menu2 a:hover {
background-image: url(bt2_over.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; width: 100%;
}

.menu3 a:hover {
background-image: url(bt3_over.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; width: 100%;
}

.menu4 a:hover {
background-image: url(bt4_over.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; width: 100%;
}

.menu5 a:hover {
background-image: url(bt5_over.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; width: 100%;
}

.menu6 a:hover {
background-image: url(bt6_over.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; width: 100%;
}

.menu7 a:hover {
background-image: url(bt7_over.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; width: 100%;
}

.menu8 a:hover {
background-image: url(bt8_over.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; width: 100%;
}

.menu9 a:hover {
background-image: url(bt9_over.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; width: 100%;
}

.menu10 a:hover {
background-image: url(bt10_over.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; width: 100%;
}

.menu11 a:hover {
background-image: url(bt11_over.jpg); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; width: 100%;
}

.menu1_actif{
background-image: url(bt1_over.jpg); background-repeat: no-repeat; text-align: center; line-height: 26px;
}

.menu2_actif{
background-image: url(bt2_over.jpg); background-repeat: no-repeat; text-align: center; line-height: 26px;
}

.menu3_actif{
background-image: url(bt3_over.jpg); background-repeat: no-repeat; text-align: center; line-height: 26px;
}

.menu4_actif{
background-image: url(bt4_over.jpg); background-repeat: no-repeat; text-align: center; line-height: 26px;
}

.menu5_actif{
background-image: url(bt5_over.jpg); background-repeat: no-repeat; text-align: center; line-height: 26px;
}

.menu6_actif{
background-image: url(bt6_over.jpg); background-repeat: no-repeat; text-align: center; line-height: 26px;
}

.menu7_actif{
background-image: url(bt7_over.jpg); background-repeat: no-repeat; text-align: center; line-height: 26px;
}

.menu8_actif{
background-image: url(bt8_over.jpg); background-repeat: no-repeat; text-align: center; line-height: 26px;
}

.menu9_actif{
background-image: url(bt9_over.jpg); background-repeat: no-repeat; text-align: center; line-height: 26px;
}

.menu10_actif{
background-image: url(bt10_over.jpg); background-repeat: no-repeat; text-align: center; line-height: 26px;
}

.menu11_actif{
background-image: url(bt11_over.jpg); background-repeat: no-repeat; text-align: center; line-height: 26px;
}

.menu1_actif a, .menu2_actif a, .menu3_actif a, .menu4_actif a, .menu5_actif a, .menu6_actif a, .menu7_actif a, .menu8_actif a, .menu9_actif a, .menu10_actif a, .menu11_actif a  {
color:#FFFFFF; font-weight:bold; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}


.ssmenu {
border: 1px solid #cccccc; color: #333333; background-color: #FFFFFF; filter: alpha(opacity=85); -moz-opacity: 0.80; opacity: 0.80; font-size: 10px; padding: 1px; margin: 1em; color: #666666; width: 100%; font-weight: inherit; text-align:left;
}

.ssmenu ul, .ssmenu li {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
padding: 0; list-style-type: none; }

.ssmenu a {
width: 250px; padding:5px; border-bottom:1px solid #cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #000000; display: block; margin: 0px; width: 100%;   white-space: nowrap;
}

html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active, html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
width: auto;
}

.ssmenu a:hover, .ssmenu a:focus {background-color: #CCCCCC; padding: 5px; filter: alpha(opacity=90); -moz-opacity: 1; opacity: 1;  font-weight: bold; color:#FFFFFF; width: 250px; }

.ssmenutext_actif {font-weight:bold;}

/* **************Fin Menu****************/


#droite{float:right; background:url(fond.jpg); background-repeat:no-repeat; width:750px;}

.top_contenu{background:url(top_contenu.gif); background-repeat:no-repeat; width:715px; height:36px; color:#FFFFFF; font-family:Arial; font-size:15px; font-weight:bold;}

.contenu{background:url(fond_contenu.gif); background-repeat:repeat-y; width:690px; vertical-align:top; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:10px}


.niv_4_partie_titre{font-family:Arial; font-size:13px; color:#E6924B; font-weight:bold; text-align:left; padding-top:15px;}

.niv_4_partie_intro{font-family:Arial; font-size:12px; color:#000000; font-weight:bold; text-align:left; padding-right:10px; padding-top:10px;}

.niv_4_partie_corps{font-family:Arial; font-size:11px; color:#000000; text-align:left;  padding-top:10px; padding-bottom:10px;}

.niv_4_partie_corps a {font-family:Arial; font-size:11px; color:#000000; text-align:left;}

.libelle_champs{text-align:right; font-size:12px; font-family:Arial;}

.pied_contenu{background:url(pied_contenu.gif); background-repeat:no-repeat; width:715px; height:6px;}


#pied_page{float:left; background:url(pied_page.jpg); background-repeat:no-repeat; width:1000px; height:28px; text-align:left;}

#bt_plan{position:relative; display:block; width:82px; height:26px; background:url(bt_plan.gif); left:90%;}

#bt_infos{position:relative; display:block; width:89px; height:26px; background:url(bt_infos.gif); left:0;}
