/* CSS Document */
* {margin:0; padding:0;}

img {
border:0;
}

a:link {
font-family: Times New Roman, Times, serif; color:#000099; text-decoration: none;
font-size:14px;
} 
a:visited {
font-family: Times New Roman, Times, serif; color:#000099; text-decoration: none;
font-size:14px;
}
a:active {
font-family: Times New Roman, Times, serif; color:#000099; text-decoration: none;
font-size:14px;
} 
a:hover { font-family: Times New Roman, Times, serif; color:#000099; text-decoration: none;
font-size:14px;
} 

p {
text-indent:30px;
}

body {
background:#CDCDCD;
} 

#textimportant {
font-family:"Courier New", Courier, mono;
font-size:14px;
font-weight:bold;
color:#FF0000;
letter-spacing:3px;
}

div#conteneur {
width:820px;
height:auto;
margin-left: auto;
margin-right:auto;
font-family:"Courier New", Courier, mono;
font-size:12px;
font-weight:bold;
}
div#header {
width:820px;
height:180px;
background:url(images/newheader.jpg);
}

div#middleconteneur {
width:820px;
height:auto; 
background:url(images/newcontent.jpg);
overflow:hidden;
}
div#footer {
width:820px;
height:55px;
background:url(images/newfooter.jpg);
}
/*  MENU HAUT  */
div#menuhaut {
width:820px;
height:21px;
background:url(images/newmenu.jpg);
color:#FFFFFF;
} 
#menuhaut ul {
width:761px;
margin-left:auto;
margin-right:auto;
font-family:"Courier New", Courier, mono;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
#menuhaut ul li { display: inline;
color:#FFFFFF;
}
#menuhaut ul li a {
padding: 0.2em 1em;
text-decoration: none;
float:right;
border-left: 1px solid #fff;
color:#FFFFFF;
}
#menuhaut ul li a:hover {
background-color: #369;
color:#FFFFFF;
}
#menuhaut ul li a:link, #menuhaut ul li a:visited {
color:#FFFFFF;
text-decoration: none;
color:#FFFFFF;
}
/*  FIN MENU HAUT  */


/*  infobulles */
a.info {
position:relative;
text-decoration:none;
color:#000080;
}
a.info span {
display:none;
}
a.info:hover { /* contournement bogue IE */
background:none;
z-index:600;
}
a.info:hover span {
display:inline;
position:absolute;
z-index:600;
top:-4em;
right:-2em;
background:#FFFF99;
border: #CCCCCC 1px solid;
text-align:center;
color:#993300;
padding:0.2em;
}
/*  fin infobulles */

/*  rubrique OUTILS MENU */
#navlisoutils {
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left:0;/* retrait du bord */
margin-top:15px;
}

#navlisoutils ul, #navlisoutils li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlisoutils a:link, #navlisoutils a:visited {
background: #C5FFC5;
border: 1px solid #ccc;
color: #666;
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlisoutils a:link#current, #navlisoutils a:visited#current {
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlisoutils a:hover { color: #f00; }

body.section-1 #navlisoutils li#nav-1 a,
body.section-2 #navlisoutils li#nav-2 a,
body.section-3 #navlisoutils li#nav-3 a,
body.section-4 #navlisoutils li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlisoutils #subnav-1,
#navlisoutils #subnav-2,
#navlisoutils #subnav-3,
#navlisoutils #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlisoutils ul#subnav-1,
body.section-2 #navlisoutils ul#subnav-2,
body.section-3 #navlisoutils ul#subnav-3,
body.section-4 #navlisoutils ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlisoutils ul#subnav-1 a,
body.section-2 #navlisoutils ul#subnav-2 a,
body.section-3 #navlisoutils ul#subnav-3 a,
body.section-4 #navlisoutils ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlisoutils ul a:hover { color: #f00 !important; }

#contents {
background: #fff;
border:1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
} 
/*    rubrique telechargement   */
div#conteneuroutils {
width:758px;
height:auto;
overflow:hidden;
margin-left:auto;
margin-right:auto;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:justify;
color: #666666;
}

div#containermenu {
width:759px;
height:auto;
overflow:hidden;
margin-left:auto;
margin-right:auto;
margin-top:15px;
}
div#rubrique {
width:700px;
height: auto;
overflow:hidden;
border-left: #CCCCCC 2px solid;
border-bottom:#CCCCCC 1px solid;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:justify;
color: #666666;
padding:5px;
margin-top:35px;
margin-left:auto;
margin-right:auto;
}
div#rubrique img {
float:left;
margin:0 15px 0 0;
text-decoration:none;
}
div#titre {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bolder;
color: #006600;
letter-spacing:2px;
}
/*    effet survol image  */
a img {border:2px solid white;
} /* défini l'encadrement des images dans les liens hors survol */

a:hover img {border:2px #990000 dotted;

} /* défini l'encadrement des images lors du survol */
/*    FIN rubrique telechargement   */