/* Menu des rubriques (inclus la version Dynamique) 
@import "menuRubrique.css";*/
/**
----------------------------------
Boites principales 
----------------------------------
*/
html {
	height: 100%;
	border:0;
	padding:0;
	margin:0;
}

body {
    font-family : Century Gothic, futura, arial, geneva, sans-serif;
    font-size:          100%;
    color:              #000000;
    height:		auto;
    text-align:         center; /* Pour IE 5 et 5.5 */
    border:0;
    padding:0;
    margin:0;
/*    background: url(../images/fondBando.jpg) center top  no-repeat; */
    background: url(../images/bandeauHaut.jpg) center top  no-repeat; 
    background-repeat:  no-repeat;
}

#application {
    display:block;
    margin:0;
    margin:             auto;
    padding:            0;
    border:0;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    width:              80%;
    text-align:         left;   /* Pour IE 5 et 5.5 */
}

a{
 color:#ebab00;
}
a:hover{
 color:#004375;
}
/**
----------------------------------
Bandeau haut
----------------------------------
*/
#entete{

    height : 233px;
    padding : 0;
    margin :0;
/*    width:              750px;*/
    text-align:right;
    display:block;
}
#bottom{
    background: url(../images/fondBandoBas.gif) repeat-x;
    width:100%;
    height:50px;
    padding : 0;
    margin :auto;
    display:block;
    text-align:right;
    color:#FFFFFF;
    padding-top:10px;
    padding-right:10px;
}
#bottom a{
 padding-right:10px;
 padding-left:10px;
 font-size:70%;
 color:#FFFFFF;
}
#bottom a:hover{
 text-decoration:none;
}
#entete h1{
 display:none;
 padding:0;
 margin:0;
}

#mainNavi {
    display:block;
    padding:            0;
    padding-left:            0;
    margin:             0;
margin:auto;
    border:             0;
    list-style:         none;
/*    width : 		100%;*/
    padding-top : 182px;

}
/* Ts les li*/
#mainNavi li {
    background: url(../images/separation.gif) left top  no-repeat; 
    position:           relative;
    z-index: 		10;
    margin : 		0;
    padding:            0;
    border:		0;
    width:              120px;		/*IE*/
    height:42px;
    float:              left;
    font-size:          75%;
    text-align : center;

}
#mainNavi > li {
   height:32px;
   padding-top:10px;
}

#mainNavi li.selected{
    background-color:   #FFF5D2;
}

#mainNavi li a{
    color : #004175;
    text-decoration:none;
    border:0;
    font-weight:bold;
    width:118px;
    height:42px;
    padding-top:10px;
}
#mainNavi li.selected a{
 height:41px;
}
#mainNavi > li a{
    color : #004175;
    text-decoration:none;
    border:0;
    font-weight:bold;
    padding-top:0px;
}
#mainNavi li a:hover{
    color : #004175;
    text-decoration:none;
    border:0;
    background-color:   #FFF5D2;
}
#mainNavi li:hover{
    background-color:   #FFF5D2;
}
#mainNavi li.search{
 padding-top:10px;
 width:230;
}
#mainNavi li.search:hover{
    background-color:FED851;
}
.btnOk {
/*    float:left;*/
    background: url(../images/OK.gif) left top  no-repeat; 	
    height:18px;
    width:25px;
    border:0;
    font-size:0px;
}
/***
Main Window
***/
#mainWindow{

 margin:auto;
 padding-top:20px;
 display:block;
}
.photoMain{ 
 float:left;	
  display:block;
  margin:10px;
  margin-top:0;
 // border:1px solid   #004175;
  border:1px solid  #999999;
}
#mainWindowLeft{
  padding-right:10px;
  float:left;
  width:70%;
  /*height:100%;*/
 display:block;
 margin-bottom:20px;
 }

#mainWindowLeft .textContent{
 padding:10px;
 font-size:80%;
 display:block;
 }
#mainWindowRight{
  border-left:1px solid  #CED8E2;
  float:right;
  width:20%;
  height:100%
 display:block;
 margin-bottom:20px;
}
h2{
 padding:0;
 margin:0;
 padding-left:10px;
 color:#ebab00;
 font-weight:bold;
 font-size:100%;
}
h3{
 padding:0;
 margin:0;

 color:#ebab00;
 padding-left:0px;
 font-size:90%;
}
.actus {
 padding-left:20px;
 font-size:80%;
}
.actus .dateActu{
 font-size:80%;
 display:block;
 padding-top:20px;
 color:  #004175;
}
#mainWindowLeft p{
 padding-top:0;
 margin-top:0;
}
#mainWindowLeft h2{
 padding:0;
}
hr.sepaMain{
 margin:0;
 padding:0;
 padding-top:30px;
 margin-bottom:30px;

 height:1px;
 color:#FFF;
 background-color:#FFF;
 border:0;
 border-bottom:1px solid #CED8E2;
 
}
hr.nl{
    display:block;
    padding:            0;
    margin:             0;
    height:             0;
    clear:              both;
    border:             none;
    visibility:         hidden;

}
.savoirPlus{
 float:right;
 display:block;
 padding-left:30px;
 background: url(../images/flecheSuite.gif) left  6px  no-repeat; 	
 
}