body {
background:#BC3700;
font-family:Georgia, Trebuchet MS, Times;
font-size:12px;
color: #005b8e;
}
* {
margin:0;
padding:0;
}
.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: #993300;
text-decoration:underline;
}

h1, h2, h3 {
font-family: Georgia, Trebuchet MS, Times;
background-repeat:no-repeat;
color:#FF6600;
font-size:19px;
letter-spacing:-1px;
margin:10px;
border-bottom: #ff6600 1px dotted;
}
h4 {
font-family: Georgia, Trebuchet MS, Times;
margin:10px 10px 0 10px;
color: #990000;
letter-spacing:-1px;
font-size:15px;
}
h5 {
margin:30px 10px 0 10px;
color: #339900;
font-size:15px;
border-bottom:#FFCC00 1px dotted;
display:block;
}

h6 {
display:none;
}

h4 li, h4 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;
}


#bottom {
color: #f9ecdf;
text-align:center;
/*padding-left:55px;*/
font-size:10px;
float:left;
}

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

#flash {
width:920px;
height:202px;
background-image: url(../herail/images/flash.jpg);
background-repeat:no-repeat;
}

/*#gauche {
margin:0;
padding:0;
width:174px;
float:left;
height:361px;
background:#000 url(../herail/images/gauche.gif) 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(../herail/images/puce-li2.gif) inside;
}
#milieu {
width:920px;
background: url(../herail/images/repeaty.gif) repeat-y;
height:auto;
overflow:auto;
}
#contenu {
float:left;
margin:0 auto;
padding:0;
width:570px;
text-align:left;
min-height:361px;
}

#contenu ul {
padding-left:25px;
}

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

/*#gauchetxt2 a:hover {
display:block;
width:195px;
height:27px;
text-decoration:none;
color:#ee7f01;
background-image: url(images/boutonfondsurvol.jpg);
background-repeat:no-repeat;
}*/
/* MENU VERTICAL DIV PRINCIPAL "#gauchetxt"*/

table {
margin:10px auto;
padding:5px;
}
/*#gauchetxt li, #gauchetxt ul {
font-size:10px;
text-decoration:none;
list-style:none;
text-align:left;
float:left;
margin:3px 0 0 3px;
padding:0;
}*/
#gauchebottom {
background:url(images/sousmenu2.png) no-repeat;
height:10px;
}	

/* MENU VERTICAL DIV PRINCIPAL "#MENU"*/
#nav {
color:#0066CC;
background: url(images/gauche-menu-fond-y.gif);
font-family: Georgia, Trebuchet MS, Times;
letter-spacing:-1px;
font-size:11px;
text-decoration:none;
list-style:none;
text-align:left;
float:left;
line-height:20px;
width:186px;
margin:0 0 0 52px;
padding:0;
font-weight:bold;
}
#gauche {
padding-left:5px;
margin-left:18px;
width:150px;
}

#gauchefooter {
background: url(images/gauche-menu-footer-y.gif);
width:186px;
height:25px;
}

/**************************************************************************************************/
/* on définit le FOND (couleur ou backgroundimage) par défaut de menulevel1 */
#gauche .menulevel1 .doc {
/*border-top: #fff 1px dotted;*/
text-transform: normal;
display:block;
width:100%;
}

#gauche .menulevel1 .docs {
/*border-top: #fff 1px dotted;*/
text-transform: normal;
display:block;
width:100%;
}
#gauche .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) */
#gauche .menulevel1 .sdoc {
text-transform: normal;
display:block;
margin:0;
padding:0px;
width:100%;
}

/* on définit le TEXTE (a)  par défaut de menulevel1 */
#gauche .menulevel1 .doc a {
display:block;
text-decoration:none;


}
#gauche .menulevel1 .doc a:hover {
padding-left:3px;

display:block;
}
#gauche .menulevel1 li.sdoc {
display:block;
text-align:left;
font-weight:bold;

margin:0px;
padding:0 0 0 10px;
width:100%;
}
/*ATTENTION, "sdocs" contient tout le menulevel2 !!! */
#gauche .menulevel1 li.sdocs {
text-align:center;
display:block;

font-weight:bold;

margin:0px;
padding:0px;
width:100%;
}

/* docs ressemble fortement à doc, conseillé de le laisser identique */
#gauche .menulevel1 .docs a {

text-decoration:none;

}
#gauche .menulevel1 .docs a:hover {

display:block;

}
#gauche .menulevel2 {
color: #FF6633;
padding-left:3px;
}

/* idem pour menulevel2 - concerne les sous rubriques type H2 (cmsimple) */
#gauche .menulevel2 .doc {
text-align:left;
text-transform:none;
color: #CC6666;
display:block;
width:100%;
}

#gauche .menulevel2 .sdoc { /* ACTIVE sous MENU */
text-align:left;
text-transform:none;
padding:0;
margin:0;
display:block;
width:100%;
color:#FF6633;
}
#gauche .menulevel2 .doc a {
font-size:11px;
padding-left:5px;
color:#CC6666;
}
#gauche .menulevel2 .doc a:hover {
}

#locator {
text-align:right;
color: #fff;
font-size:10px;
position:relative;
top:30px;
right:75px;
/*border-top:1px white dotted;
border-bottom:1px white dotted;*/
}
#locator a:link, #locator a:visited {
color: #FFCC66;
}
#locator a:hover {
color: #FF9900;
}
#footer {
height:117px;
width:920px;
margin:0 auto;
padding:0;
}

#bherailusite {
width:920px;
height:117px;
}
#bottomhaut {
background:url(images/bottomhaut.gif) no-repeat;
height:50px;
width:920px;
}
#bottom1 {
background:url(images/bottom1.gif) no-repeat;
height:67px;
width:920px;
text-align:center;
font-size:11px;
line-height:17px;
padding:65px 0 0 0;
}
#bottom1 p {
color:#FFF;
}
#bottom1 a:link, #bottom1 a:visited, #bottom1 ul a:link, #bottom1 ul a:visited {
color: #FFF;
text-decoration:none;
}
#bottom1 a:hover, #bottom1 ul a:hover {
color: #DDB349;
text-decoration:underline;
}
#rch {
background:url(images/rch.gif) no-repeat;
height:61px;
width:201px;
float:left;
padding-top:20px;
border:0px;
}
#bottom3 {
background:url(images/bottom3.gif) no-repeat;
height:61px;
width:106px;
float:left;
}
#searchbox {
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-size:14px;
color:#7a5a27;
border:0px;
}
#textementions {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
height:20px;
margin-top:0;
padding-top:5px;
}
#textementions a:link, a:visited {
text-decoration:none;
color: #993300;
}
#textementions a:hover {
text-decoration:underline;
color:#CCC;
}
.prosformat, .prosformat a:link, .prosformat a:visited {
color: #CCFF00;
cursor:url(../herail/images/logo.gif) ,text;
}
.prosformat a:hover:before {
content: open-quote;
}
.prosformat a:hover:after {
content: close-quote;
}