* {
margin: 0;
padding: 0;
}
table {
color:#cccccc;
}
body {
background: #DDE5F8 url(images/repeatx.gif) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
/*color: #f0b698;*/
}
.text, .submit {
border: 1px red;
}
img {
border: 0px;
/*display: block;
margin: 0 auto;
padding: 5px 5px 9px 5px;
background: white url(images/sousimg.gif) repeat-x bottom left;*/
}
a:link, a:visited, ul a:link, ul a:visited {
color: #ff6600;
text-decoration: none;
}
a:hover, ul a:hover {
color: #666;
text-decoration: underline;
}
h1, h2, h3 {
background-repeat: no-repeat;
color: #005b8e;
font-size: 19px;
letter-spacing: -1px;
margin: 10px;
border-bottom: #ff6600 1px dotted;
}
h4 {
margin: 30px 10px 0 10px;
color: #005b8e;
letter-spacing: -1px;
font-size: 18px;
border-bottom: #ff6600 1px dotted;
}
h5 {
margin: 30px 10px 0 10px;
color: #339900;
font-size: 15px;
border-bottom: #FFCC00 1px dotted;
display: block;
}
h6 {
display: none;
}
h4 li, ul {
list-style: none;
list-style-image: none;
}
p {
padding-top: 10px;
/*line-height: 16px;*/
padding-left: 10px;
padding-right: 10px;
color: #005b8e;
}
td {
vertical-align: top;
/*line-height: 16px;*/
font-size: 11px;
}
#all {
padding: 0;
margin: 0 auto;
width: 885px;
}
#flash {
margin: 0;
padding: 0;
width: 885px;
height: 178px;
background-image: url(images/flash.jpg);
background-repeat: no-repeat;
}
#submenu {
float: left;
width: 60%;
margin: 20px 0 0 10px;
/*border-top: #666666 1px solid;
border-bottom: #666666 1px solid;*/
}
#submenu h4 {
/*display: none;*/
border-bottom: none;
text-align: left;
font-size: 18px;
color: #005b8e;
letter-spacing: -1px;
padding-left: 8px;
margin: 0;
} 
#submenu li a:link, #submenu li a:visited {
font-weight: bold;
text-decoration: none;
color: #ef8301;
} 
#submenu li a:hover {
font-weight: bold;
text-decoration: none;
color: #005b8e;
} 
#submenu ul {
list-style: none;
line-height: 16px;
text-align: left;
margin: 0;
padding: 10px 0 0 10px;
}
#submenu ul.submenu a:hover {
list-style: url(images/puce-li2.gif) inside;
}
#milieu {
width: 885px;
background: url(images/repeaty.gif) repeat-y;
height: auto;
overflow: auto;
}
#contenu {
float: left;
margin-left: 60px;
padding: 0;
width: 550px;
text-align: left;
min-height: 361px;
height: auto !important;
height: 361px;
}
var {
font-weight: bold;
font-style: normal;
color: #ff6600;
}
table {
margin: 10px auto;
padding: 5px;
}
/* MENU VERTICAL DIV PRINCIPAL "#MENU"*/
#nav {
color: #0066CC;
background: url(images/menufondrepeaty.gif);
/*letter-spacing: -1px;*/
font-size: 11px;
text-decoration: none;
list-style: none;
text-align: center;
float: right;
line-height: 20px;
width: 250px;
margin: 0 24px 0 0;
-margin: 0 0 0 0;
padding: 0;
font-weight: bold;
}
#nav a:link, #nav a:visited, #nav ul a:link, #nav ul a:visited {
color: #0C4E24;
text-decoration: none;
}
#nav a:hover, #nav ul a:hover {
color: #541250;
text-decoration: underline;
}
#droite {
margin: 0 0 0 8px;
width: 230px;
}
#droitefooter {
background: url(images/menufootery.gif) no-repeat;
width: 250px;
height: 30px;
}
/**************************************************************************************************/
/* on définit le FOND (couleur ou backgroundimage) par défaut de menulevel1 */
#droite .menulevel1 .doc {
border-top: #C4CEE8 1px dashed;
text-transform: normal;
display: block;
width: 100%;
}
#droite .menulevel1 .docs {
border-top: #C4CEE8 1px dashed;
text-transform: normal;
display: block;
width: 100%;
}
#droite .menulevel1 .sdocs {
display: block;
width: 100%;
}
/* SDOC c'est quand je clique sur un menu (H1) qui n'a pas de sous rubriques (H2 H3) */
#droite .menulevel1 .sdoc {
border-top: #C4CEE8 1px dashed;
text-transform: normal;
display: block;
width: 100%;
}
/* on définit le TEXTE (a)  par défaut de menulevel1 */
#droite .menulevel1 .doc a {
display: block;
text-decoration: none;
}
#droite .menulevel1 .doc a:hover {
display: block;
}
#droite .menulevel1 li.sdoc {
display: block;
font-weight: bold;
width: 100%;
}
/*ATTENTION, "sdocs" contient tout le menulevel2 !!! */
#droite .menulevel1 li.sdocs {
border-top: #C4CEE8 1px dashed;
display: block;
font-weight: bold;
margin: 0px;
padding: 0px;
width: 100%;
}
/* docs ressemble fortement à doc, conseillé de le laisser identique */
#droite .menulevel1 .docs a {
text-decoration: none;
}
#droite .menulevel1 .docs a:hover {
display: block;
}
#droite .menulevel2 {
color: #666666;
padding-right: 3px;
}
/* idem pour menulevel2 - concerne les sous rubriques type H2 (cmsimple) */
#droite .menulevel2 .doc {
border-top: #C4CEE8 0px dashed;
text-transform: none;
color: #666666;
display: block;
width: 100%;
}
#droite .menulevel2 .sdoc { /* ACTIVE sous MENU */
border-top: #C4CEE8 0px dashed;
text-transform: none;
padding: 0;
margin: 0;
display: block;
width: 100%;
color: #0066CC;
}
#droite .menulevel2 .doc a {
font-size: 11px;
padding-right: 5px;
color: #666666;
}
#droite .menulevel2 .doc a:hover {
}
#locator {
text-align: center;
color: #0066CC;
font-size: 10px;
position: relative;
/*border-top: 1px white dotted;
border-bottom: 1px white dotted;*/
}
#footer {
height: 117px;
width: 885px;
margin: 0 auto;
padding: 0;
}
#bottomhaut {
background: url(images/bottomhaut.gif) no-repeat;
height: 50px;
width: 885px;
}
#bottombas {
background: url(images/bottombas.gif) no-repeat;
height: 67px;
width: 885px;
text-align: left;
font-size: 11px;
line-height: 15px;
padding: 0 0 0 50px;
}
#textementions {
font-size: 9px;
color: #005b8e;
height: 20px;
margin-top: 0;
padding-top: 5px;
}
#textementions a:link, a:visited {
text-decoration: none;
color: #ff6600;
}
#textementions a:hover {
text-decoration: underline;
color: #CCC;
}
.prosformat, .prosformat a:link, .prosformat a:visited {
color: #CCFF00;
cursor: url(../zard/images/logo.gif) ,text;
}
.prosformat a:hover:before {
content: open-quote;
}
.prosformat a:hover:after {
content: close-quote;
}