/* toutes les marges et padding zero */
* {
margin:0;
padding:0;
font-family:'Trebuchet MS', 'Verdana',sans-serif;
}

a {
text-decoration: none;
color: #c92929;
}
a:visited {
color:#af4328;
}
a:hover {
text-decoration: underline;
color:#fcc212;
}

img{
behavior: url(win_png.htc);
}

/*****************************/
/*     Page                  */
/*****************************/
html {
height: 100%;
width: 100%;
}

body {
height: 100%;
width: 100%;
margin:0;
padding:0;
border: 0;
background-color:  #efeded;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

#page {
height: 100%;
width: 750px;
margin: 0 auto;
border: 0;
}

#pageHaut {
padding-bottom:1px;
border-bottom: 1px dashed #a2a2a2;
}
#pageBorder {
width: 100%;
margin:0;
padding:0;
background-color: white;
text-align: left;
border-left: 1px dashed #a2a2a2;
border-right: 1px dashed #a2a2a2;
}

.separation{
clear:both;
height:0px;
overflow; hidden;
visibility: hidden;
}
.separationRight{
clear:right;
height:0px;
overflow; hidden;
visibility: hidden;
}
/*****************************/
/*         logo              */
/*****************************/
#entete {
width:100%;
height:132px;
text-align: center;
border-bottom: 1px dashed #a2a2a2;
margin-bottom:1px;
}

#entete p{
text-align: right;
position:relative;
margin-top: -20px;
margin-right:5px;
color:#c92929;
font-style:italic;
}

/*****************************/
/*        Menu               */
/*****************************/
#menu {
text-align: left;
font-size:14px;
width:100%;
}

/* MENU SECONDAIRE */
#menu div#menuSec {
overflow: hidden;
height:65px;
text-align: left;
width:400px;
margin-left:1px;
background-color:#E67800;
}

#menu div#menuSec ul {
margin-top: 1px;
width:190px;
list-style-type: none;
}

#menu div#menuSec ul li {
margin-left: 5px;
height:19px;
}

#menu div#menuSec ul li img{
float:left;
margin-left: 1px;
margin-right: 3px;
}

#menu div#menuSec ul li a {
display: block;
text-decoration:none;
color: white;
font-weight:normal;
}
#menu div#menuSec ul li a:hover {
color: #E8FF00;
text-decoration:none;
}
#menu div#formRecherche {
position: absolute;
margin-top: -89px;
margin-left: 6px;
width: 150px;
text-align: center;
font-size:14px;
}

#menu div#formRecherche img{
float:left;
margin-top: 2px;
}

#menu div#formRecherche form{
text-align:right;
margin:3px 2px;
}

#menu div#formRecherche input {
width:124px;
border: 1px solid #a0a0a0;
margin: 0px;
background-color: #fffff5;
}
#menu div#formRecherche label {
display:none;
}

/* MENU MAIN */
#menu div#menuMain {
text-align: center;
font-size:15px;
text-align: left;
}
#menu div#menuMain ul {
margin-left:1px;
margin-right:1px;
list-style-type: none;
height:22px;
}

#menu div#menuMain ul li {
float: right;
height:22px;
}

#menu div#menuMain ul li a {
 /* rajouter 5 pour la taile de #menuMain */
display: block;
overflow:hidden;
margin-left:1px;
margin-right:1px;
width:150px;
height:100%;
color: #CF6608;
text-decoration: none;
text-align: center;
background-color: #efefef;
-moz-border-radius-topright: 2px;
-moz-border-radius-topleft: 7px;
}
#menu div#menuMain ul li#secteur11 a { width:130px; }
#menu div#menuMain ul li#secteur4 a { width:140px; }
#menu div#menuMain ul li#secteur5 a { width:130px; }
#menu div#menuMain ul li.on a {
background-color: #C92929;
color: white;
}
#menu div#menuMain ul li a:hover {
color:#C92929;
background-color: #FCC212;
}
#menu div#menuMain ul li.on a:hover {
font-weight:normal;
color: white;
background-color: #C92929;
}
/* info supplementaire */
#menu div#menuMain ul li div.info {
display:none;
position: absolute;
z-index: 2;
height: 65px;
overflow: hidden;

background-color:#FCC212;
background-repeat:repeat-y;
background-image:url('orange-jaune.png');

text-align:right;
}

#menu div#menuMain ul li.on div.info {
display: none;
position: absolute;
top: -1000px;
width: 0px;
height: 0px;
}

#menu div#menuMain ul li div.info p.description {
text-indent:0;
padding-top:4px;
margin-right:70px;
margin-left:80px;
text-align:right;
font-size:15px;
color:#C92929;
}

#menu div#menuMain ul li div.info div.logoMenu {
float: right;
margin:0;
padding:0;
border: 0px;	
margin-top:7px;
margin-right:10px;
}

#menu div#menuMain ul li div.info div.logoMenu img{
behavior: url(win_png.htc);
margin:0;
padding:0;
}

/*****************************/
/*   Titre Page              */
/*****************************/

div#titrePage {
height:65px;
width:578px;
position: absolute;
z-index: 1;
float:none;
margin-left:170px;
margin-top:-65px;
text-align: right;
background-color:#C92929;
background-repeat:repeat-y;
background-image:url('orange-rouge.png');
}


div#titrePage h2 img{
float: right;
margin:0;
padding:0;
border: 0px;	
margin-top:7px;
margin-right:10px;
margin-left:8px;
behavior: url(win_png.htc);
}

#titrePage h2 {	
margin-right:5px;
margin-top:1px;
font-size:33px;
font-variant:small-caps;
font-weight:bold;
color: white;
}

#titrePage small, #titrePage #hierarchie {
margin-top:1px;
padding-right:35px;
font-size:13px;
color:black;
margin-right:0px;
color: #ffcc44;
}

#titrePage #hierarchie a{
color: #ffcc44;
text-decoration:none;
}

#titrePage #hierarchie a:visited{
color: #ffcc99;
}

#titrePage #hierarchie a:hover{
color: white;
}


/*****************************/
/*    Bandeau                */
/*****************************/
#bandeau {
float:left;
width:150px;
text-align: left;
margin-top:0px;
padding-top: 0px;
}
/*****************************/
/*     Corps                 */
/*****************************/
#corps {
margin-top:0px;
padding-top:1px;
border-left: 1px dashed #a2a2a2;
margin-left:150px;
text-align:left;
}

/*** Boite d'erreur ***/
#pageBas div.erreur{
width: 550px;
margin: 50px auto;
}
#pageBas div.erreur h3{
font-size: 28px;
color: #c92929;
margin-bottom: 10px;
}
#pageBas div.erreur img.puce{
float: left;
margin-right: 20px;
}
#pageBas div.erreur p{
font-size: 120%;
}
#pageBas div.erreur ul{
margin: 10px;
}
#pageBas div.erreur li{
margin: 8px 35px;
}
/*****************************/
/*     Pied de Page          */
/*****************************/

#pied {
border-top: 1px dashed #a2a2a2;
border-left: 1px dashed #a2a2a2;
margin-left:150px;
text-align:center;
font-size:0.9em;
}