h1 {font-size:18px; margin-top:0px; margin-bottom:0px;}
h2 {font-size:16px; margin-top:0px; margin-bottom:0px;}

.fondmenus {background : url(images/fondmenus.gif);color:white;font-weight:bold;} /* entetes de tableaux */
.fondmenusbis {text-decoration : none; margin : 0; width : 100%; background : #446ed8 url(images/fond-bleu.jpg) repeat-x top left; 
border:solid 1px #446ed8; border-collapse:collapse; vertical-align:middle; color:#FFF;} /* entetes secondaires de tableaux */
.fondmenus a:link {color:#fff;font-weight:bold;}
.fondmenus a:visited {color:#fff;font-weight:bold;}

.overflow_on_off {margin-left:auto;margin-right:auto;overflow-y:scroll;overflow-x:hidden; max-height:400px;
border-bottom:solid;border-width:1px;border-color:#ACA899;} /*Permet de désactiver l'overflow pour version imprimable*/

.erreur {border-style:solid; border-width:1px; margin-top:15px; border-color:red; padding:12px; border-radius: 5px;}
.erreur li {list-style-type : square; margin-left:-20px}

.icones {vertical-align:middle; border-style:none; margin-left:5px;}

body 
{
margin : 0; padding : 0; font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px; line-height : 17px; background : #ffe; color : #0000ff;
}

b {letter-spacing : 0.2pt; font-size : 12px;}
th {letter-spacing : 0.2pt;}
a:link {text-decoration : underline; color : #000088;}
a:visited {text-decoration : underline; color : #000088;}
a:active {text-decoration : underline;}
a:hover {color : #d00; text-decoration : underline;}

input, select {border-radius: 5px; border:solid 1px #aaa; padding:2px; cursor:default; color:blue;}
input[type="submit"] {cursor:pointer;padding:5px;background: rgb(28, 184, 65);  color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
input[type="reset"] {cursor:pointer;padding:5px; background: rgb(223, 117, 20); color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
input[type="checkbox"] {cursor:pointer; vertical-align:middle;}
input[type="image"] {cursor:pointer;}
input[type="file"] {cursor:pointer;}


/* Bordures */
.bordure_rouge {border:solid 1px #bc1e24; border-collapse:collapse; vertical-align:middle;}
.bordure_hdb {border-top:solid 1px #bc1e24; border-right:solid 1px #bc1e24; border-bottom:solid 1px #bc1e24; 
border-collapse:collapse;vertical-align:middle;} /* bordure cýtýs haut-droit-bas */
.bordure_ghb {border-top:solid 1px #bc1e24; border-left:solid 1px #bc1e24; border-bottom:solid 1px #bc1e24; 
border-collapse:collapse;vertical-align:middle;} /* bordure cýtýs gauche-haut-bas */
.bordure_h {border-top:solid 1px #bc1e24; border-collapse:collapse;vertical-align:middle;} /* bordure côté haut */
.bordure_b {border-bottom:solid 1px #446ed8; border-collapse:collapse;vertical-align:middle;} /* bordure côté bas */
.bordure_bleue {border:solid 1px #446ed8; border-collapse:collapse; vertical-align:middle;}

/* Fonds de lignes */
.bleu_light {background-color:#e8e8ff;}

/******** Tableau suivi budget ********/
.td_montant {text-align:right; width:100px}

/**************** INFOBULLES ******************/
a.info {position:relative; z-index:24; background-color:#ffe; color:#00f; text-decoration:underline;}
a.info:hover{z-index:50; background-color:#ffffee;}
a.info span{display: none}
a.info:hover span
{
display:block; position:absolute; top:-60px; left:-60px; border:1px solid #00f; white-space:nowrap; text-decoration: none;   border-radius: 5px;
background : #446ed8 url(images/fond-bleu.jpg) repeat-x top left; border-bottom : 1px solid #00f; color:#FFF; text-align: justify; padding:8px;
}

/*************** SHADOWBOX *******************/

.shadowbox {background : #cacaca;}
.shadowcontent {position : relative; top : -4px; left : -4px; background : #ffe; color : blue; border : 1px solid #008; border-radius: 5px;}
.shadowcontent ul {list-style : none; text-align : justify; margin-bottom : 5px; padding-bottom : 0;}
.shadowcontent li {margin-left : -25px; margin-bottom : 2px; padding-left : 10px; background : url(images/carre-li.gif) no-repeat 0 58%; height : 17px;}
.titreshadowbox 
{
border-bottom : 1px solid #008; background : url(../images/fondmenu.gif); text-align : center; font-weight : bold; 
margin-top : 0; margin-bottom : 0; height : 18px; padding : 5px; letter-spacing : 0.2px;
}

/******** MENU ********/

/* Contenant du menu */
#outerwrapper {width : 990px; margin : 0 auto; margin-bottom : 18px; border-left : 1px solid #666666; border-right : 1px solid #666666;}

/* Fond menu niveau 1 */
#nav-container {margin : 0; width : 100%; background : #446ed8 url(images/fond-menu-deroulant.jpg) repeat-x top left; border-bottom : 1px solid #16369a;}

.clearfix:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;}
#nav ul {position : relative; margin : 0; padding : 0; list-style : none; z-index : 50;}
#nav li {float : left; position : relative;}

/* Menu niveau 1 */
#nav a {display : block; width : 154px; padding : 5px; border-right : 1px solid #163699; border-bottom : 1px solid #446ed8; color : #d0dfff; font-size : 11px; text-decoration : none;}

#nav li:hover a, #nav li.sfhover a {color : #ffffff;}
#nav li:hover ul a, #nav li.sfhover ul a {color : #003cc2;}

/* Sous-menu 1 (largeur = largeur #nav + padding de #nav a * 2) */
#nav ul ul 
{
position : absolute; top : 100%; left : -1px; width : 164px; background-color : #b0c8ff; border-left : 1px solid #16369a; 
border-right : 1px solid #16369a; border-bottom : 1px solid #16369a; display : none;
}

#nav ul ul li {border-top : 1px solid #16369a;}
#nav li:hover ul, #nav li.sfhover ul {display : block;}
#nav li:hover ul ul, #nav li.sfhover ul ul {display : none;}
#nav ul ul li:hover, #nav ul ul li.sfhover {background-color : #7aa4ff;}
#nav ul ul a {border : none; width : 154px; border : none;}
#nav ul ul ul {display : none; border-left : 1px solid #16369a;}
#nav ul ul li:hover ul, #nav ul ul li.sfhover ul {display : block; top : -1px; left : 120px;}

#nav ul ul li:hover ul ul, #nav ul ul li.sfhover ul ul {
display : none;
}
#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul {
display : block;
}
#nav ul ul ul li:hover ul ul, #nav ul ul ul li.sfhover ul ul {
display : none;
}
#nav ul ul ul ul li:hover ul, #nav ul ul ul ul li.sfhover ul {
display : block;
}
#nav ul ul ul ul li:hover ul ul, #nav ul ul ul ul li.sfhover ul ul {
display : none;
}
#nav ul ul ul ul ul li:hover ul, #nav ul ul ul ul ul li.sfhover ul {
display : block;
}
#nav ul ul ul ul ul li:hover ul ul, #nav ul ul ul ul ul li.sfhover ul ul {
display : none;
}
#nav ul ul ul ul ul ul li:hover ul, #nav ul ul ul ul ul ul li.sfhover ul {
display : block;
}
#nav ul ul ul ul ul ul li:hover ul ul, #nav ul ul ul ul ul ul li.sfhover ul ul {
display : none;
}