/*STRUCTURE*/
BODY {
  font-family: arial;
  font-size: 12px;
  margin : 0;
  padding : 0;  	 
  margin-top: 0;
  margin-left: 0;
  width:100%;
  text-align: center;    
}

.main {
  margin-left:auto;
  margin-right:auto;
  width:906px;
  height:100%; 
}
/*FIN DE STRUCTURE*/

/*BANDEAU HAUT*/
.haut {
  height:100px;
  width:900px;
  margin-top:50px;
}

.logo{
  border:0px;
  height:100px;
  width:180px;  
  float:left; 
}
/*FIN DE BANDEAU HAUT*/

/*CENTRE*/  
.centre {
  width:900px;
  height:400px;
  margin-top:20px;
} 

.centre-formulaire {
  width:900px;
  height:850px;
  margin-top:20px;
}

.centre-formulaire-contact {
  width:900px;
  height:400px;
  margin-top:20px; 
} 

.centre-formulaire-desinscription {
  width:900px;
  height:550px;
  margin-top:20px;
}

.centre-mention {
  width:900px;
  height:700px;
  margin-top:20px; 
}

.centre-perm-tel {
  width:900px;
  height:600px;
  margin-top:20px;
}

.centre-annexe {
  width:900px;
  height:350px;
  margin-top:20px;
}

.centre-standardiste {
  width:900px;
  height:650px;
  margin-top:20px;
}

.contenu{
  float:left;
  width:724px;
  height:400px;  
}

.contenu-index{
  float:left;
  width:705px;
  height:400px;
} 

.contenu-texte{
  float:left;
  width:700px;
  height:400px;  
}

.contenu-perm-tel{
  float:left;
  width:700px;
  height:600px;  
}

.contenu-annexe{
  float:left;
  width:700px;
  height:350px;  
}

.contenu-standardiste{
  float:left;
  width:700px;
  height:650px;  
}

.contenu-formulaire{
  float:left;
  width:720px;
  height:850px;  
}

.contenu-formulaire-contact{
  float:left;
  width:730px;
  height:400px;  
}

.lien-formulaire{
  float:right;
  width:278px;
  height:30px; 
}

.menu {
  background-color: #000000;
  float:right;
  width:170px;
  height:400px;
}  

.menu-mention {
  background-color: #000000;
  float:right;
  width:170px;
  height:740px;
}

.menu-perm-tel{
  background-color: #000000;
  float:right;
  width:170px;
  height:600px;
}

.menu-annexe{
  background-color: #000000;
  float:right;
  width:170px;
  height:350px;
}

.menu-standardiste{
  background-color: #000000;
  float:right;
  width:170px;
  height:650px;
}

.menu-formulaire {
  background-color: #000000;
  float:right;
  width:170px;
  height:850px;
}  

.menu-formulaire-contact {
  background-color: #000000;
  float:right;
  width:170px;
  height:400px;
}

.menu-formulaire-desinscription {
  background-color: #000000;
  float:right;
  width:170px;
  height:550px;
}  

.titre-menu {
  color: #ffffff;
  font-size:13px;
  font-weight:bold;
  text-decoration:underline ;
  margin-top:10px;
}

.rubrique {
  margin-left:5px;
  text-align: justify;
}
/*FIN DE CENTRE*/

/*SOUS MENU*/ 
.sousmenu{ 
  background-color: #000000;
  width:900px;
  height:70px; 
}

.rubrique-sousmenu{ 
  float: left;
  margin-top:28px;
  margin-left:150px;
} 

.sigle {
  float:right;
  padding-left:55px;
}

/*FIN DE SOUS MENU*/

/*BASELINE*/
.baseline{ 
  width:900px;
  height:30px;  
}

.txt-baseline{ 
  color: #676767;
  margin-top:5px; 
}
/*FIN DE BASELINE*/

/*IMAGE*/
.image{ 
  border:0px; 
} 

.image-sousmenu{ 
  border:0px;
  position:absolute;
  margin-left:-50px;
  margin-top:-10px;
}

.imageoffre {
  float:right;
  margin-top:-50px;
  margin-right:50px;  	
} 

.imageoffre2 {
  float:right;
  margin-top:-230px;
  margin-right:70px;  	
} 

/*IMAGE*/

/* LIEN MENU DROIT*/
.txt-menu:link {  
  color: #ffffff;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}
.txt-menu:visited { 
  color: #ffffff;
  font-size:12px;  
  font-weight:bold;
  text-decoration:none; 
}

.txt-menu:hover {
  color: #0097af;
  font-size:12px;  
  font-weight:bold;
  text-decoration:none;
}

.txt-menu:focus {
  color: #ffffff;
  font-size:12px;  
  font-weight:bold;
  text-decoration:none;   
}
.txt-menu:active {
  color: #ffffff;
  font-size:12px;  
  font-weight:bold;
  text-decoration:none; 
}
/* FIN LIEN MENU DROIT*/

/* LIEN SOUS MENU*/
.txt-sousmenu:link {
  color: #ffffff;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}
.txt-sousmenu:visited {
  color: #ffffff;
  font-size:14px;  
  font-weight:bold;
  text-decoration:none; 
}

.txt-sousmenu:hover {
  color: #0097af;
  font-size:14px;  
  font-weight:bold;
  text-decoration:none;
}

.txt-sousmenu:focus {
  color: #ffffff;
  font-size:14px;  
  font-weight:bold;
  text-decoration:none;   
}
.txt-sousmenu:active {
  color: #ffffff;
  font-size:14px;  
  font-weight:bold;
  text-decoration:none; 
}
/* FIN LIEN SOUS MENU*/

/* LIEN BASELINE*/
.txt-baseline:link {
  color: #676767;
  font-size:12px;
  font-weight:normal;
  text-decoration:none;
}
.txt-baseline:visited {
  color: #676767;
  font-size:12px;  
  font-weight:normal;
  text-decoration:none; 
}

.txt-baseline:hover {
  color: #0097af;
  font-size:12px;  
  font-weight:normal;
  text-decoration:none;
}

.txt-baseline:focus {
  color: #676767;
  font-size:12px;  
  font-weight:normal;
  text-decoration:none;   
}
.txt-baseline:active {
  color: #676767;
  font-size:12px;  
  font-weight:normal;
  text-decoration:none; 
}
/* FIN LIEN BASELINE*/

/*FORMULAIRE*/
.formulaire{ 
  width:450px; 
  float:left; 
}

.formulaire-contact{ 
  width:700px; 
}

.tableau{
  width:450px;
  height:620px;
  border-right-color: #00437b;
  border-style: none dotted none none;  
}

.tableau2{
  width:450px;
  border-right-color: #00437b;
  border-style: none dotted none none       
}

.tableau-contact{
  width:450px;
  height:300px;
  margin-left:200px;
}

.titre-formulaire{
  font-family: Arial;
  font-size: 16px;
  color: #00437b;
  font-weight: bold; 
}

.titre{
  font-family: Arial;
  font-size: 12px;
  color: #00437b;
  font-weight: bold; 
}

.champ{
  font-family: Arial;
  font-size: 11px;
  color: #595b5d;
  font-weight: normal;
}

.bleu-formulaire{
  font-family: Arial;
  font-size: 11px;
  color: #00437b;
  font-weight: bold; 
}

.obligatoire{
  color: #fc091a;
}

.recap{ 
  width:250px; 
  float:right;
  text-align: left;
  margin-top:38px; 
}

.erreur{
  font-family: Arial;
  font-size: 12px;
  color:#fc091a; 
}

.signalisation_err{
  color:red; 
  font-weight: bold;
}  
/*FIN DE FORMULAIRE*/

/*STYLE TEXTE*/
h1
{
  font-family:Arial;
  margin-top:10px;
  margin-bottom:10px;  
  color:#00437C;
  font-size:24px;
  margin-top:25px;
}

h2
{
  margin-top:10px;
  margin-bottom:10px;  
  color:#00437C;
  font-size:16px;
  margin-top:25px;
  font-family:Arial;
}


h3
{
  font-family:Arial;
  color:#000000;
  font-size:14px;
  line-height: 15px;
  text-align: justify;
  font-weight: normal;;
}

.liste
{
  font-family:Arial;
  color:#000000;
  font-size:14px;
  line-height: 15px;
  text-align: justify;
}

.bleu
{  
  color:#00437C;             
  font-size:16px;
  font-weight: bold;
}

/*FIN DE STYLE TEXTE*/

/*LIEN*/

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #00437C;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #00437C;
	text-decoration: none;
}

/*FIN DE LIEN*/