/* Start of CMSMS style sheet 'style' */
/* Remise à zéro de tous les styles*/
*{text-align:left;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
body{
   background-color:#004684;
   font-family:verdana,arial,sans-serif; 
   text-align : center;
}

#page-container {
   width:900px;
   margin:0px auto;
   margin-top:10px;
   margin-bottom:10px;
   text-align:left;
   }
#header {
   width:900px;
   height:150px;
   font-family:arial,sans-serif;
   background-color: #FF9837;
   background-image: url(../images/bandeau.jpg);
   background-repeat: no-repeat;
   }
#logo{
width:150px;
text-align: left;
float: left;
}



#titre{
   float: right;
   width:700px;
   text-align:left;
}   

#titre h1 {
   font-size:22px;
   color:#004684;
   font-weight:bold;
     padding-top:20px;}
#titre h2 {
   font-size:16px;
   color:#004684;
   font-weight:bold;
   padding-top:10px;
   }
#blanc{
   background-color: white;
   height: 50px;
   background-image: url(../images/fond.jpg);
   width:900px;
}   
#chemin{
      width:560px;
   padding: 10px 0 0 10px;
   font-size:12px;
}
#chemin ul {
   float:left;
   list-style:none;
   padding:10px 0 0 15px;
   font-family:verdana,arial,sans-serif;
}
#chemin ul li {
   display:inline;
   padding:0 0 0 10px;
   background:transparent url(../images/bg_bullet_arrow.gif) no-repeat 0 50%;
   font-weight:bold;
   color:rgb(125,125,125);
   font-size:12px;
}
#chemin ul a {
   color:rgb(70,122,167);
   text-decoration:none;
}
#chemin a:hover {
   color:rgb(42,90,138); 
   text-decoration:underline;
}
#chemin a{
   padding:0 0 0 10px;
   background:transparent url(../images/bg_bullet_arrow.gif) no-repeat 0 50%;
   font-weight:bold;
   color:rgb(70,122,167);
   font-size:12px;
   text-decoration:none;
}
#langue{
   width:150px;
   text-align: center;
}
#searchform {
   width:185px;
   padding:10px 17px 0px 0px !important /*Non-IE6*/;
   padding:10px 12px 0px 0px /*IE6*/;
}

#principal {
   background-color: white;
   background-image: url(/images/fond.jpg);
   color:#004684;
height:300px;
}

#gauche{
margin-left:10px;
padding-left:10px;
width:170px;
background: transparent;
vertical-align: top;
}
/* ---------------------------menu------------------------------*/
.menu{
    position:absolute;
    /* solve a Opera7/IE display bug */
   width:200px;*/
   width/**/:198px;
    /*border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;*/
    margin:0;
    padding:0;
    z-index:100;
}
    
.menu span{
    display:none;
    }
    
.menu ul{
    border: 1px solid #ffffff;
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:220px;
    width/**/:218px;
}
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:130px; /* be careful */
    margin-top:-10px;
    }
    
.menu a{
    text-decoration: none;
    display: block;
    text-align: left;
    font-size:12px;
    /*font-weight:bold;*/
    background-color:#FF9837;
    /*width:130px;*/
    padding-left:20px;
    border-top: 1px solid #ffffff;
    line-height:24px;
}
.menu a:hover{
    	  color:#fff;
}
    
/* for a mozilla better display with key nav */
.menu a:focus{
    /*background-color: #fff;*/
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
}        
.menu li{
    width:150px;
    width/**/:148px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    
   
}

.menu li ul li {
	width:220px;
}  



/* ----------------------------fin menu -------------------------------*/
#droite{
width:720px;
margin-right:10px;
margin-left:10px;
background: transparent;
vertical-align: top;
}
#droite h2{
   font-size: 14px;
   padding-bottom: 14px;
}
#droite p{
   font-size: 11px;
   padding-bottom: 11px;
   padding-right:10px;
}
#droite td{
   font-size: 11px;
   color:#004684;
}
#droite ul{
	padding-top:6px;
}
#droite ul li{
	list-style: disc;
	margin-left:15px;
	padding-left:10px;
	font-size:12px;
}
#droite ol{
	padding-top:6px;
}
#droite ol li{
   list-style: decimal;
	margin-left:33px;
	padding-left:3px;
	font-size:12px;
}
.texte{
   padding:0 10px 0 0;
   vertical-align: top;
}  
.nouvelle{
   width:200px;
   border-left-width: 1px;
   border-left-color: black;
   border-left-style: solid;
   padding:0 10px 0 10px;
   vertical-align: top;
}             
#footer{
background-image: url(../images/bg_footer.jpg);
background-repeat: no-repeat;
width: 900px;
height: 50px;
padding:5px 10px 0 10px;
text-align:center;
color:#004684;
   font-size:9px;
}
#footer a{
   color: #004684;
   text-decoration: none;
}

#signature{
   color: #fff;
   text-align:center;
   font-size: 9px;
}
#signature a{
   color: #fff;
   text-decoration: none;
}
#signature img{
   vertical-align: middle;
   margin-right:20px;
}
/* End of 'style' */