/*STRUCTURE*/
BODY {
  font-family: arial;
  font-size: 12px;
  margin : 0;
  padding : 0;  	 
  margin-top: 0;
  margin-left: 0;
  width:100%;   
  text-align: center;
  background-image: url(images/degrade.png);   
}

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


/* UPLINE */
.upline {
  color: #676767;
  font-size:10px;
  height:35px; 
  margin-top:5px;
  text-align: center;  
}
/* FIN DE UPLINE */


/*BANDEAU HAUT*/
.haut {
  height:100px;
  width:906px;
  background-color: #000000;
}

.contact{
  color: #FFFFFF;
  float:left;
  margin-left:100px;
  font-size:15px;
  margin-top:20px;  
}

.logo{
  border:0px;
  float:left;
  margin-left:10px;
  margin-top:8px;
}

.sigle {
  float:right;
}

.image{ 
  border:0px; 
}

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

.offre-essai {
  float:right;
  margin-top:-150px;
  margin-right:60px;	
} 

.offre-essai2 {
  float:right;
  margin-top:-135px;
  margin-right:40px;	
}

.offre-essai3 {
  float:right;
  margin-top:-125px;
  margin-right:10px;	
}

.txt-essai-gratuit{
  margin-top:-400px;
  color: #FFFFFF;
  font-size: 19px;
  font-weight: bolder;
  margin-left:250px;  
}

.etape{
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-left:-250px;
  padding-left:35px; 
  margin-top:-40px;   
}

.liste-essai-gratuit{
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  text-align: justify;
  margin-left:95px;
  padding-left:35px;    
}

.inscription{
  margin-top:75px;
  margin-left:200px;  
}
  
/*FIN DE BANDEAU HAUT*/


/* CENTRE */
.centre {
  width:735px;
  height:100%;
  float:left;
  background-color: #FFFFFF;
  background-image: url(images/fond.png);
}

.centre2 {
  width:735px;
  height:750px;
  float:left;
  background-color: #FFFFFF;
  background-image: url(images/fond.png);
}

.centre3 {
  width:735px;
  height:550px;
  float:left;
  background-color: #FFFFFF;
  background-image: url(images/fond.png);
}

.centre4 {
  width:735px;
  height:700px;
  float:left;
  background-color: #FFFFFF;
  background-image: url(images/fond.png);
}

.centre5 {
  width:735px;
  height:800px;
  float:left;
  background-color: #FFFFFF;
  background-image: url(images/fond.png);
}

.centre6 {
  width:735px;
  height:600px;
  float:left;
  background-color: #FFFFFF;
  background-image: url(images/fond.png);
}

.cheminfer {
  color: #676767;
  font-size:10px;
  margin-top:5px;
  text-align: justify;
  margin-left:15px;    
}

.contenu{
  width:700px;
  /*height:800px;*/
  margin-left:15px;
  margin-top:40px;
} 
/* FIN DE CENTRE */


/* MENU */ 
.cadre-menu {
  background-color: #000000;
  float:right;
  width:170px;
  height:100%;
}

.cadre-menu2 {
  background-color: #000000;
  float:right;
  width:170px;
  height:750px;
}

.cadre-menu3 {
  background-color: #000000;
  float:right;
  width:170px;
  height:550px;
}

.cadre-menu4 {
  background-color: #000000;
  float:right;
  width:170px;
  height:700px;
}

.cadre-menu5 {
  background-color: #000000;
  float:right;
  width:170px;
  height:800px;
}

.cadre-menu6 {
  background-color: #000000;
  float:right;
  width:170px;
  height:600px;
}

.menu {
  margin-left:10px;
  margin-right:10px;
  margin-top:20px;  
}

.titre-menu {
  color: #2cb7cd;
  font-size:14px;
  font-weight:bold;
  text-decoration:underline ;
  margin-top:10px;
  text-align: left;  
}

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


/* 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 INSCRIPTION */
.lien-inscription:link {  
  color: #ffffff;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
}
.lien-inscription:visited { 
  color: #ffffff;
  font-size:16px;  
  font-weight:bold;
  text-decoration:none; 
}

.lien-inscription:hover {
  color: #0097af;
  font-size:16px;  
  font-weight:bold;
  text-decoration:none;
}

.lien-inscription:focus {
  color: #ffffff;
  font-size:16px;  
  font-weight:bold;
  text-decoration:none;   
}
.lien-inscription:active {
  color: #ffffff;
  font-size:16px;  
  font-weight:bold;
  text-decoration:none; 
}
/* FIN LIEN INSCRIPTION*/

/* LIEN CHEMIN DE FER*/
.txt-chemin:link {  
  color: #676767;
  font-size:10px;
  text-decoration:none;
}
.txt-chemin:visited { 
  color: #676767;
  font-size:10px; 
  text-decoration:none; 
}

.txt-chemin:hover {
  color: #0097af;
  font-size:10px;  
  text-decoration:none;
}

.txt-chemin:focus {
  color: #676767;
  font-size:10px;  
  text-decoration:none;   
}
.txt-chemin:active {
  color: #676767;
  font-size:10px; 
  text-decoration:none; 
}
/* FIN LIEN CHEMIN DE FER*/

/* LIEN FORMULAIRE CONTACT*/
.txt-contact:link {  
  color: #ffffff;
  font-size:14px;
  text-decoration:none;
}
.txt-contact:visited { 
  color: #ffffff;
  font-size:14px;  
  text-decoration:none; 
}

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

.txt-contact:focus {
  color: #ffffff;
  font-size:14px;  
  text-decoration:none;   
}
.txt-contact:active {
  color: #ffffff;
  font-size:14px;  
  text-decoration:none; 
}
/* FIN LIEN FORMULAIRE CONTACT*/


/* LIEN EN SAVOIR PLUS*/
.lien-savoir-plus:link {  
  color: #FFFFFF;
  font-size:12px;
  font-weight:bold;
  font-style: italic;
  text-decoration:none;
  margin-left:80px;  
}
.lien-savoir-plus:visited { 
  color: #FFFFFF;
  font-size:12px;  
  font-weight:bold;
  font-style: italic;
  text-decoration:none; 
}

.lien-savoir-plus:hover {
  color: #006f9f;
  font-size:12px;  
  font-weight:bold;
  font-style: italic;
  text-decoration:none;
}

.lien-savoir-plus:focus {
  color: #FFFFFF;
  font-size:12px;  
  font-weight:bold;
  font-style: italic;
  text-decoration:none;   
}
.lien-savoir-plus:active {
  color: #FFFFFF;
  font-size:12px;  
  font-weight:bold;
  font-style: italic;
  text-decoration:none; 
}
/* FIN LIEN EN SAVOIR PLUS*/


/* LIEN CLIQUEZ ICI*/
.txt-cliquer:link {  
  color: #01a2bc;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
}
.txt-cliquer:visited { 
  color: #01a2bc;
  font-size:16px;  
  font-weight:bold;
  text-decoration:none; 
}

.txt-cliquer:hover {
  color: #FFFFFF;
  font-size:16px;  
  font-weight:bold;
  text-decoration:none;
}

.txt-cliquer:focus {
  color: #01a2bc;
  font-size:16px;  
  font-weight:bold;
  text-decoration:none;   
}
.txt-cliquer:active {
  color: #01a2bc;
  font-size:16px;  
  font-weight:bold;
  text-decoration:none; 
}
/* FIN LIEN CLIQUEZ ICI*/

/* LIEN CLIQUEZ ICI 2*/
.txt-cliquer2:link {  
  color: #01a2bc;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
}
.txt-cliquer2:visited { 
  color: #01a2bc;
  font-size:16px;  
  font-weight:bold;
  text-decoration:none; 
}

.txt-cliquer2:hover {
  color: #00437c;
  font-size:16px;  
  font-weight:bold;
  text-decoration:none;
}

.txt-cliquer2:focus {
  color: #01a2bc;
  font-size:16px;  
  font-weight:bold;
  text-decoration:none;   
}
.txt-cliquer2:active {
  color: #01a2bc;
  font-size:16px;  
  font-weight:bold;
  text-decoration:none; 
}
/* FIN LIEN CLIQUEZ ICI*/


/* LIEN INTERNE*/
.txt-interne:link {  
  color: #0097af;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}
.txt-interne:visited { 
  color: #0097af;
  font-size:14px;  
  font-weight:bold;
  text-decoration:none; 
}

.txt-interne:hover {
  color: #00437c;
  font-size:14px;  
  font-weight:bold;
  text-decoration:none;
}

.txt-interne:focus {
  color: #0097af;
  font-size:14px;  
  font-weight:bold;
  text-decoration:none;   
}
.txt-interne:active {
  color: #0097af;
  font-size:14px;  
  font-weight:bold;
  text-decoration:none;
}
/* FIN LIEN INTERNE*/

/*BASELINE*/
.baseline{ 
  margin-top:20px;
  height:10px;
  color: #676767;
  font-size:10px;   
}

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

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

h3
{
  font-family:Arial;
  margin-top:10px;
  margin-bottom:10px;  
  color:#0097af;
  font-size:24px;
  margin-top:25px;    
}


h4
{
  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;
}

.bleu-clair
{  
  color:#0097af;             
  font-size:14px;
  font-weight: bold;
}

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

.prix
{  
  color:#0097af;             
  font-size:24px;
  font-weight: bold;
}

.prix2
{  
  color:#00437C;             
  font-size:24px;
  font-weight: bold;
}

.mise-en-place
{  
  color:#FFFFFF;             
  font-size:12px;
  font-style: italic;
}

.num-tel
{  
  color:#2cb7cd;             
  font-size:22px;
  font-weight: bolder;
}

.texte-offre-speciale
{  
  color:#FFFFFF;             
  font-size:14px;
  font-weight: bolder;
}

.texte-offre-speciale2
{  
  color:#FFFFFF;             
  font-size:12px;
  font-style: italic;
}


.explication
{  
  color:#000000;             
  font-size:14px;
  text-align: justify;
}

.explication2
{  
  color:#000000;             
  font-size:14px;
  text-align: justify;
  width:400px;
}

/*FIN DE STYLE TEXTE*/


/* TABLEAU */
.tableau
{  
  width:700px;
}

.tableau-tarif
{  
  width:550px;
  margin-left:80px;
  margin-right:80px;
}

.titre-tableau
{  
  width:320px; 
  text-align:center;
  color:#006f9f; 
  border: 2px;
  font-weight: bold;  
  border-color: #00437c;
  border-style: solid;
}

.titre-tableau-offre
{  
  width:700px; 
  text-align:center;
  color:#00437c; 
  border: 2px;
  font-weight: bold;  
  border-color: #00437c;
  border-style: solid;
  font-size:22px;  
}

.titre-tableau-tarif
{  
  text-align:justify;
  color:#00437c; 
  border: 2px;
  font-weight: bold;  
  border-color: #00437c;
  border-style: solid;
  font-size:18px;
  padding-left:40px;  
}

.titre-tableau-offre-tarif
{  
  text-align:justify;
  color:#00437c; 
  border: 2px;
  font-weight: bold;  
  border-color: #00437c;
  border-style: solid;
  font-size:18px;
  padding-left:20px;  
}

.prix-service
{  
  width:300px; 
  text-align:center;
  font-size:18px;
}

/* FIN TABLEAU */


/*FORMULAIRE*/
.formulaire{ 
  text-align: justify; 
}

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

.titre{
  font-family: Arial;
  font-size: 14px;
  color: #00437b;
  font-weight: bold;
  text-decoration:underline; 
}

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

}

.obligatoire{
  color: #fc091a;
}

.itallique{
  font-family: Arial;
  font-size: 12px;
  color: #595b5d;
  font-style: italic;
}


/* FIN DE FORMULAIRE */


/* ROND */

.rond-perm{
  margin-top:-400px;
  margin-left:-250px;
}

.txt-rond-perm{
  font-size: 16px;
  color: #FFFFFF;
  font-weight: bolder; 
} 

.liste-perm{
  font-size: 13px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: justify;
  margin-left:80px;       
}

.rond-stand{
  margin-top:-340px;
  margin-left:280px;
}

.txt-rond-stand{
  font-size: 16px;
  color: #FFFFFF;
  font-weight: bolder; 
} 

.liste-stand{
  font-size: 13px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: justify;
  margin-left:340px;       
}

.savoir-plus{
  margin-left: -350px;   
} 

.savoir-plus2{
  margin-left:200px;   
}

.txt-cadre-offre{
  color: #FFFFFF;
  font-size: 19px;
  font-weight: bolder;
  margin-left:160px;
  margin-top:110px;
}

.txt-geo{
  color: #00437b;
  font-size: 16px;
  font-weight: bolder;
  text-align: center;
}

.permanence-telephonique{
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bolder;
  margin-left:-250px;
  margin-top:-360px;
} 

.cadre-offre{
  margin-top:15px;
  margin-left:155px;
}

.txt-plus-aabalia{
  margin-top:-400px;
  color: #FFFFFF;
  font-size: 19px;
  font-weight: bolder;
  margin-left:265px;    
} 

.txt-plus-aabalia2{
  margin-top:-440px;
  color: #FFFFFF;
  font-size: 19px;
  font-weight: bolder;
  margin-left:380px;    
}

.liste-rond-stand{
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  text-align: justify;
  margin-left:75px;
  padding-left:35px;    
}

.liste-rond-stand2{
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  text-align: justify;
  margin-left:290px;
  padding-left:35px;    
}

.txt-rond-perm-tel{
  margin-top:-350px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bolder;
  margin-left:75px;  
}

.cadre-offre2{
  margin-top:160px;
  margin-left:-65px;
}

.txt-cadre-offre-stand{
  color: #FFFFFF;
  font-size: 19px;
  font-weight: bolder;
  margin-left:180px;
  margin-top:-160px;
  text-align: center;
}

.txt-tarif{
  margin-top:-180px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bolder;
  margin-left:10px;
  text-align: center;    
} 

.txt-tarif2{
  margin-top:-240px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bolder;
  margin-left:10px;
  text-align: center;    
} 

.image-tarif{
  float:right;
  margin-top:15px;
  margin-right:-5px;
} 
 
.image-tarif2{
  float:right;
  margin-top:-20px;
  margin-right:-5px;
}


.txt-permanence{
  float:left;
  /*margin-top:-250px;
  margin-right:-5px;*/
}

.txt-formulaire{
  margin-top:-230px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bolder;
  margin-left:10px;
  text-align: center;    
}

/* FIN DE ROND */

/* VIDEO */

.video{
  border: 4px #00437b solid;  
  width:700px;
  height:400px; 
} 

/* FIN DE VIDEO */