/* ATTENTION si vous changez un style, pensez, si besoin, à le répercuter dans la rubrique d'envoi de mail)*/

* {margin: 0px; padding: 0px;}
* {outline: none;}


blockquote{
  margin-left:40px;
  margin-top:5px;
  margin-bottom:5px;
}

html{  
  background-color:#FFFFFF;
}

html, body {  
  padding:0px;
  font-family:  Times New Roman, Arial;
	font-size: 11px;
	
	color: #333333;
  margin:0px auto; 
}
h1,h2,h3,h4,h5{
  display:inline;  
  font-weight:normal; 
}
h1{
  display:inline;  
  font-weight:bold; 
}

body * {
  font-family:  Times New Roman, Arial;
	font-size: 11px;
	color: #000000;
}

p{
  font-family: Times New Roman, Arial;
  font-size: 11px;	
  color: #434343;	text-decoration: none;
}

div.left{
  float:left;
}

div.clear{
  clear:both;
  font-size:0.01px;
  max-height:0.01px;
  height:0.01px;  
  margin:0px;
}
br.clear{
  clear:both;  
  font-size:0.01px;
  max-height:0.01px;
  height:0.01px;
  margin:0px;
}

.normal{
  font-weight:normal;  
}
.mav{
  font-weight:bold;
}


.couleur{
  color:#FF3399;
}

select{
  border-left:1px solid #3F6699;
  border-right:1px solid #3F6699;  
  border-top:1px solid #718EB4;    
  border-bottom:1px solid #718EB4;
  font-size:10px;
  padding-top:2px;
  padding-left:1px;
}
textarea{
  border-top:1px solid #AFADB0;  
  border-left:1px solid #AFADB0;  
  border-right:1px solid #AFADB0;
  border-bottom:1px solid #AFADB0;
  font-size:10px;
  padding-top:2px;
  padding-left:1px;
}


#global {  
  margin:auto;
  width:1004px;
  height:768px;
  overflow:hidden;
}

#central{  
  min-height:600px;
  height:auto !important;     /* --- /!\ IE6 min height /!\ --- */
  height:600px;               /* --- /!\ IE6 min height /!\ --- */
}


div#glasspaint{
 
  /*width:1px; 
  height:1px; 
  
  background-color:#FFFFFF;   
  position:absolute;
  z-index:599; 
  top:0px;
  left:0px;*/
  
  
	width:1px; 
  height:1px;   
  position:absolute;
  z-index:10; 
  background-color:#FFFFFF; 
  top:0px;
  left:0px;
}



/*=============================================================*/
/*===================HOME PAGE=================================*/
/*=============================================================*/

div#home{
  padding:0px 0px 0px 0px; 
  position:relative;
  z-index:1; 
}

div#home .top{
  position:absolute;
  z-index:2; 
  width:1004px;
  height:335px;
  background:url(../img/imgtop.jpg) no-repeat top left;
  top:0px;
  left:0px;
  overflow:hidden;
  
}

div#home .top .enter{
  position:absolute;
  z-index:3; 
  font-size:10px;
  font-weight:bold;
  top:265px;
  left:778px;
  color:#FFFFFF;
  font-family:  Arial;
}

div#home .top .enter a:link, div#home .top .enter a:active, div#home .top .enter a:visited, div#home .top .enter a:hover{ 
  font-size:10px;
  font-weight:bold;  
  color:#FFFFFF;
  text-decoration:none;
  font-family:  Arial;
}

div#home .top .flash{
  margin:auto;
  padding-top:131px;
  width:121px;
  height:206px;
}

div#home .top img.barres_top_right{
  position:absolute;
  top:278px;
  left:1010px;
}


div#home .center{
  position:absolute;
  z-index:2; 
  width:1004px;
  height:98px;
  background-color:#FFFFFF;
  top:336px;
  left:0px;
  text-align:center;
  overflow:hidden;
}

div#home .center img.logo{
  margin-top:5px;
}

div#home .center .accroche_left{
  position:absolute;
  top:35px;
  left:-400px;
  vertical-align: middle;
  color: #9ca1a3;
  font-size: 19px;
  font-weight: bold;
}

div#home .center .accroche_right{
  position:absolute;
  top:35px;
  left:1010px;
  vertical-align: middle;
  color: #9ca1a3;
  font-size: 19px;
  font-weight: bold;
}

div#home .bottom{
  position:absolute;
  z-index:2; 
  width:1004px;
  height:335px;
  background:url(../img/imgbottom.jpg) no-repeat top left;
  top:433px;
  left:0px;
  overflow:hidden;
}

div#home .bottom img.barres_central{
  position:absolute;
  top:13px;
  left:0px;
}

div#home .bottom img.barres_bottom_left{
  position:absolute;
  top:290px;
  left:-400px;
}

div#home .bottom img.barres_bottom_right{
  position:absolute;
  top:296px;
  left:1010px;
}


/*=============================================================*/
/*===================PAGE INTERIEURE===========================*/
/*=============================================================*/

div#interieur{
  padding:0px 0px 0px 0px; 
  position:relative;
  z-index:1; 
  width:1004px;
  height:768px;
  overflow:hidden;
}

div#interieur .top{
  position:absolute;
  z-index:2; 
  width:1004px;
  height:335px;
  background:url(../img/imgtop.jpg) no-repeat top left;
  top:0px;
  left:0px;
  overflow:hidden;
  
}

div#interieur .enter{
  position:absolute;
  z-index:3; 
  font-size:10px;
  font-weight:bold;
  top:265px;
  left:778px;
  color:#FFFFFF;
  font-family:  Arial;
}

div#interieur .enter a:link, div#interieur .enter a:active, div#interieur .enter a:visited, div#interieur .enter a:hover{ 
  font-size:10px;
  font-weight:bold;  
  color:#FFFFFF;
  text-decoration:none;
  font-family:  Arial;
}

div#interieur .ariane{
  position:absolute;
  z-index:3; 
  font-size:10px;
  font-weight:bold;
  top:317px;
  left:615px;
  color:#FFFFFF;
  font-family:  Arial;
  text-transform:uppercase;
}

div#interieur .ariane a:link, div#interieur .ariane a:active, div#interieur .ariane a:visited, div#interieur ariane a:hover{ 
  font-size:10px;
  font-weight:bold;  
  color:inherit;
  text-decoration:none;
  font-family:  Arial;
  text-transform:uppercase;
}





div#interieur .center{
  position:absolute;
  z-index:2; 
  width:1004px;
  height:98px;
  background-color:#FFFFFF;
  top:336px;
  left:0px;
  text-align:center;  
}

div#interieur .center img.logo{
  margin-top:5px;
  
}



div#interieur .bottom{
  position:absolute;
  z-index:2; 
  width:1004px;
  height:335px;
  background:url(../img/imgbottom.jpg) no-repeat top left;
  top:433px;
  left:0px;
  overflow:hidden;
}


div#interieur .flash{ 
  width:121px;
  height:206px;
  position:absolute;
  z-index:3; 
  top:131px;
  left:442px;
}

div#interieur img.barres_top_right_on{
  position:absolute;
  z-index:3; 
  top:278px;
  left:1010px;
}

div#interieur img.barres_top_right{
  position:absolute;
  z-index:3; 
  top:278px;
  left:1010px;
}

div#interieur img.barres_central{
  position:absolute;
  z-index:3; 
  top:445px;
  left:0px;
}

div#interieur img.barres_bottom_left{
  position:absolute;
  z-index:3; 
  top:719px;
  left:-400px;
}

div#interieur img.barres_bottom_right{
  position:absolute;
  z-index:3; 
  top:725px;
  left:1010px;
}

div#interieur .afficheDoc{
  position:absolute;
  z-index:2; 
  height:433px;
  width:1004px;
  background-color:#FFFFFF;
  top:768px;
  left:0px;
}

div#interieur  div.menugauche{
  position:absolute;
  z-index:4; 
  left:110px;
  top:375px;
  width:194px;
  background-color:#FFFFFF;
  
}
div#interieur  div.menudroit{
  position:absolute;
  z-index:4; 
  left:700px;
  top:375px;
  width:194px;
  background-color:#FFFFFF;
  
}
div#interieur  div.menudroit div.titre, div#interieur  div.menugauche div.titre{
  margin-bottom:20px;
  font-size:20px;
  color:#9ca1a3;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
}

div#interieur  div.menudroit div.element, div#interieur  div.menugauche div.element{  
  font-size:15px;
  color:#9ca1a3;
  font-weight:bold;
  text-align:center;
  margin-bottom:20px;
}
div#interieur  div.menudroit div.element a:link,
div#interieur  div.menudroit div.element a:active,
div#interieur  div.menudroit div.element a:visited,
div#interieur  div.menudroit div.element a:hover,
div#interieur  div.menugauche div.element a:link,
div#interieur  div.menugauche div.element a:active,
div#interieur  div.menugauche div.element a:visited,
div#interieur  div.menugauche div.element a:hover{  
  font-size:15px;
  color:#9ca1a3;
  font-weight:bold;
  text-align:center;
  margin-bottom:20px;
  text-decoration:none;
}


/*=============================================================*/
/*===================DOCUMENT==================================*/
/*=============================================================*/

div#document{
  font-size:12px;
}

div#document div.sousMenu div.element{
  font-size:20px;
  color:#9ca1a3;
  font-weight:bold;
  text-align:center;
  float:left;
  display:inline;
  margin-left:20px;
  margin-right:20px;
  margin-top:15px;
  margin-bottom:15px;
}
div#document div.sousMenu div.element a:link, 
div#document div.sousMenu div.element a:active, 
div#document div.sousMenu div.element a:visited, 
div#document div.sousMenu div.element a:hover{
  font-size:20px;
  color:#9ca1a3;
  font-weight:bold;  
  text-decoration:none;
}

div#document .contenu{
  height:383px;
  padding-left:25px;
}

div#document .contenu .logo{
  float:left;
  display:inline;
  width:135px;
  margin-top:10px;
}
div#document .contenu .elevator{
  float:left;
  display:inline;
  width:800px;
  height:340px;
  padding-left:15px;
  padding-right:15px;
  text-align:justify;
  /*border:1px solid #345c57;*/
  overflow-y:auto;
}




/*=============================================================*/
/*===================WAIT PANEL================================*/
/*=============================================================*/

div#divAjaxWaitPanel {
  color: 1px solid #008AA3;
  top: 100px;
  left: 100px;
  width: 220px;
  height: 50px;
  border: 1px solid #008AA3;
  padding-top: 5px;
  padding-bottom : 5px;
  padding-left: 5px;
  padding-right : 5px;
  vertical-align: middle;
  background-color: white;
  text-align: center;
  position: absolute;
}

div#divAjaxWaitPanel div.stateWait {
  height: 48px;
  width: 48px;
  background:url(img/wait.gif) no-repeat left top;
  border: 0px solid red;
  float:left;
}

div#divAjaxWaitPanel div.stateFinish {
  height: 10px;
  width: 4px;  
  border: 0px solid red;
  float:left;
}

ul.listeLien {
  list-style-type: none;
  margin: 0px auto;
  width: 450px;
}

ul.listeLien li {
  float: left;
  width: 150px;
  text-align: center;
}

ul.listeLien li a {
  font-family: Times New Roman, Arial;
  font-size: 13px;
  color: #345C57;
  text-decoration: none;
}