/* CSS Document */
* {margin:0;padding:0;}
html {
height:100%;
}
body {text-align:center;background :url(../images/fondaccueil.jpg) repeat-x top;background-color:#f7f8f3;font-size:0.8em;color:#444444;font-family: Arial, Helvetica, sans-serif;margin:0 auto;}

table {border-collapse:collapse;font-size:1em;text-align:center;margin:0 auto; }
table td {margin:0; padding:0;}
img {border:0;}

a {text-decoration:none;color:#0A83CB;}
ul, li {list-style:none;}

.clear {visibility:hidden;clear:both;}
/***********SQUELETTE GENERAL AVEC CONTENEUR menu PIED********/
#conteneur {width:100%;height:100%;width:798px;}

#savoirplus {width:100%;background:url('/images/bg_menu_plus_r.gif') repeat-x top;padding:10px 0 0 0;margin:10px 0 0 6px;}
#savoirplus p {border-left:5px solid #99CC00;text-align:left;margin:10px 0 10px;margin !important: 20px 0 0 0;padding:0 0 0 6px;font-size:0.8em;line-height:16px;width:95%}
#savoirplus img {float:right;border:0;margin-left:10px;}
#savoirplus p.logo {border:none;margin:10px 0 0 0;margin !important: 10px 0 0 0;padding:0 }
#savoirplus p.logo img {border-left:5px solid #99CC00;float:left; margin:0; padding-left:20px;}
#bandeau {margin:auto;width:798px; height:210px;}

#contenu { vertical-align:top;width:798px; margin:auto;text-align:left;background:url(../images/fondcontenu.gif) repeat-y center;
}
#contenu table {height:100%;;background:url(../images/fondtable-contenu.jpg) repeat-y top left;}
td#contenu #menu {
width:220px;height:100%;float:left; padding-left:0;background:url(../images/fondmenu.jpg) no-repeat top left;margin-top:0; }
td#contenu #texte {margin-left:250px;text-align:left; width:540px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;}
#intro, #actus {margin:5px 0 0 10px; text-align:left;}
#intro {font-size:0.95em;}
#actus {width:370px;padding-left:50px;font-size:0.95em;}



/*--------------- le menu gauche -------------------*/
#contenu table #menu ul {margin:15px 10px 20px 10px; list-style:none;}
#contenu #menu li {list-style:none;margin:13px 0;height:16px; padding-left:20px; text-align:left; background:url(../images/dtmenu1.gif) no-repeat bottom left}
#contenu #menu li a {color:#D3230A; font-size:1.1em;display:block;height:15px;margin-bottom:1px;padding-left:4px}
#contenu #menu li a:hover {background-color:#DBEDF6;}

/*------------------- le Bienvenue -------------*/
#bienvenue {margin:10px 0 0 0;width:380px;text-align:center;padding:10px}
/*#bienvenue h1 {color:#D3230A;font-size:15px;padding-bottom:10px; margin-left:10px;}*/
#bienvenue h1 {background:url(../images/angledb.gif) no-repeat bottom right;color:#D3230A;font-size:15px;padding-bottom:10px; margin-left:10px;width:380px;line-height:25px;}
/********* le pavé intro***************************/
#intro {margin:5px 25px 0 0;}
#intro img {margin:0 15px 10px 0}
#intro p {margin:5px 0; text-align:justify;width:90%}
#intro p img {margin:0}
#intro p a {color:#48ADFF;color:#0A83CB;}
#intro a {color:#0A83CB;}
/*#contenu a:hover{color:#3480CE}*/
/*------------------- le pavé actus -------------*/
#actus {margin:15px 0 0 20px;width:65%;width !important:370px;}
#actus dl {border-bottom:1px solid #cbcab8; margin-top:5px}
#actus dt {background:url(../images/puceh2.gif) no-repeat top left; padding-left:20px; font-weight:bold}
#actus dd {padding:5px 10px 5px 0}
#actus dd a { color:#444;}
#actus a.lire {display:block; text-align:right; padding-top:3px;color:#0A83CB;}
h2 {font-size:1.3em;color:#CBCAB8;padding:10px 0 3px 20px;background:url(../images/puceh1.gif) no-repeat top left;
border-bottom:9px solid #CBCAB8;margin:0 0 10px 0;width:150px;}
/*---------------le pied de page ---------------*/
#pied ul {margin:0 2px 0 4px;list-style:none;}
#pied ul li {list-style:none;padding:5px 0;float:left;}
#pied ul li a {color:#555555;}
#pied  ul li#novaldi {text-align:left;width:24%;}
#pied  ul li#planlegal {text-align:right;width:24%;float:right;}
#pied  ul li#references{text-align:center; }
#pied {
clear:both;width:789px;margin:auto;;text-align:left;border-right:1px solid #7D7D7B;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:.8em;}
#pied  ul li{text-align:center; }
#pied  ul li#references{text-align:center; }
/*---------------le pied de page copie de pied pages intérieures---------------*/
#pied {width:794px;border-right:1px solid #7d7d7b;font-size:.9em;background:url(/images/fondpied.jpg) repeat-x top; height:30px;}
/*#pied ul {margin:0 8px 0 8px;list-style:none}
#pied ul li {list-style:none;padding:5px 0;float:left;}
#pied ul li a {color:#555555;}
#pied  ul li#references{text-align:center; width:24%}
#pied  ul li#novaldi {text-align:left;width:24%;}
#pied  ul li#planlegal {text-align:right;width:24%;float:right;}
#pied  ul li#references{text-align:center; }*/
#minimap {float:right;margin:40px 20px 0 0;}
#pied ul li {list-style:none;padding:5px 0;float:left;}
#pied ul li a {color:#555555;}
#pied  ul li#novaldi {text-align:left;width:24%;}
#pied  ul li#planlegal {text-align:right;width:24%;float:right;}
#pied  ul li#references{text-align:center; }
#pied {
clear:both;width:789px;margin:auto;;text-align:left;border-right:1px solid #7D7D7B;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:.8em;}
#pied  ul li{text-align:center; }
#pied  ul li#references{text-align:center; }