* {
margin: 0;
padding: 0;
}

body {
background: #FFF url(images/repeatx.gif) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0860A8;
}

.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: #0860A8;
text-decoration: none;
}

a:hover, ul a:hover {
color: #0860A8;
text-decoration: underline;
}

h1 {
background-repeat: no-repeat;
color: #054172;
font-size: 22px;
letter-spacing: -1px;
margin: 10px;
border-bottom: #BAD6F1 1px dotted;
}

h2, h3 {
background-repeat: no-repeat;
color: #054172;
font-size: 19px;
letter-spacing: -1px;
margin: 10px;
border-bottom: #BAD6F1 1px dotted;
}

h4 {
margin: 30px 10px 0 10px;
color: #054172;
letter-spacing: -1px;
font-size: 18px;
border-bottom: #BAD6F1 1px dotted;
}

h5 {
margin: 30px 10px 0 10px;
color: #339900;
font-size: 15px;
border-bottom: #BAD6F1 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: #054172;
}

td {
vertical-align: top;
/*line-height: 16px;*/
font-size: 11px;
}

#all {
padding: 0;
margin: 0 auto;
width: 980px;
}

#flash {
margin: 0;
padding: 0;
width: 980px;
height: 174px;
background-image: url(images/flash.jpg);
background-repeat: no-repeat;
}

ul.sitemaplevel1, ul.sitemaplevel2, ul.sitemaplevel3 {
list-style-type: square;
padding-left:15px;
}

ul.sitemaplevel1 {
font-weight:bold;
}

ul.sitemaplevel2 {
font-weight:normal;
}

#submenu {
float: left;
width: 550px;
margin: 20px 0 0 10px;
font-size: 14px;
}

#submenu h4 {
/*display: none;*/
border-bottom: none;
border-top: #BAD6F1 1px dotted;
text-align: left;
font-size: 18px;
color: #054172;
letter-spacing: -1px;
padding-left: 8px;
margin: 0;
} 

#submenu li a:link, #submenu li a:visited {
font-weight: bold;
text-decoration: none;
color: #fff;
} 

#submenu li a:hover {
font-weight: bold;
text-decoration: none;
color: #fff;
} 

#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: 980px;
background: url(images/repeaty.jpg) repeat-y;
height: auto;
overflow: auto;
}

#contenu {
float: left;
margin-left: 60px;
padding: 0;
width: 670px;
text-align: justify;
min-height: 361px;
height: auto !important;
height: 361px;
color: #054172;
}

#contenu li,#contenu ul {
list-style-type: disc;
list-style-position: inside;
padding: 0 10px 0 20px;
margin: 10px 0 0 0;
}

var {
font-weight: bold;
font-style: normal;
color: #ff6600;
}

table {
margin: 10px auto;
padding: 5px;
}


/* MENU VERTICAL DIV PRINCIPAL "#MENU"*/
#nav {
color: #054172;
background: url(images/menufondrepeaty.jpg) repeat-y;
font-size: 12px;
letter-spacing: -0.1px;
text-decoration: none;
list-style: none;
text-align: center;
float: right;
line-height: 23px;
width: 235px;
margin: 0 0 0 0;
padding: 0 0 0 0;
/*font-weight: bold;*/
}

#nav a:link, #nav a:visited, #nav ul a:link, #nav ul a:visited {
color: #054172;
text-decoration: none;
}

#nav a:hover, #nav ul a:hover {
color: #054172;
text-decoration: underline;
font-weight:bold;
}

#droite {
width: 199px;
margin: 0 0 0 4px;
/margin: 0 27px 0 0;
}

#droitefooter {
background: url(images/menufootery.jpg) no-repeat;
width: 235px;
height: 56px;
}

/**************************************************************************************************/

#droite .menulevel1 {
font-weight: bold;
}

/* on définit le FOND (couleur ou backgroundimage) par défaut de menulevel1 */
#droite .menulevel1 .doc {
background: url(images/bouton.jpg) no-repeat;
text-transform: normal;
display: block;
width: 100%;
}

#droite .menulevel1 .docs {
background: url(images/bouton.jpg) no-repeat;
text-transform: normal;
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 {
background: url(images/bouton.jpg) no-repeat;
text-transform: normal;
display: block;
width: 100%;
}

#droite .menulevel1 .sdocs {
background: url(images/bouton.jpg) no-repeat;
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 {
color: #054172;
display: block;
font-weight: bold;
width: 100%;
}

/*ATTENTION, "sdocs" contient tout le menulevel2 !!! */
#droite .menulevel1 li.sdocs {
color: #054172;
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 {
background: none;
color: #4D91D1;
}

/* idem pour menulevel2 - concerne les sous rubriques type H2 (cmsimple) */
#droite .menulevel2 .doc {
background: none;
border-top: #BAD6F1 0px solid;
text-transform: none;
color: #4D91D1;
display: block;
width: 100%;
}

#droite .menulevel2 .docs {
background: none;
text-transform: normal;
display: block;
width: 100%;
}

#droite .menulevel2 .sdoc { /* ACTIVE sous MENU */
background: none;
border-top: #BAD6F1 0px solid;
text-transform: none;
padding: 0;
margin: 0;
display: block;
width: 100%;
color: #4D91D1;
}

#droite .menulevel2 .sdocs {
background: none;
}

#droite .menulevel2 .doc a {
background: none;
color: #4D91D1;
}

#droite .menulevel2 .doc a:hover {
background: none;
}

#droite .menulevel3 {
border-top: #BAD6F1 1px dotted;
border-bottom: #BAD6F1 1px dotted;
background: none;
font-size: 11px;
line-height: 14px;
font-weight: normal;
color: #4D91D1;
}

#locator {
text-align: center;
color: #0860A8;
font-size: 10px;
position: relative;
padding: 14px 0 0 0 ;
/*border-top: 1px white dotted;
border-bottom: 1px white dotted;*/
}

#footer {
height: 117px;
width: 980px;
margin: 0 auto;
padding: 0;
}

#bottomhaut {
background: url(images/bottomhaut.jpg) no-repeat;
height: 42px;
width: 980px;
}

#bottombas, #bottombas a {
/*background: url(images/bottombas.jpg) no-repeat;*/
color: #0860A8;
height: 67px;
width: 980px;
text-align: center;
font-size: 11px;
line-height: 15px;
}

#textementions {
font-size: 9px;
color: #0860A8;
height: 20px;
margin-top: 0;
padding-top: 5px;
}

#textementions a:link, a:visited {
text-decoration: none;
color: #0860A8;
}

#textementions a:hover {
text-decoration: underline;
color: #0860A8;
}

.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;
}