/*-------------------------typo---------------------------*/
.rouge12gras {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 12px;
font-weight:bold;
color: #cc0000;
padding: 0 0 0 0 ;
}
/*-------------------------PAGE---------------------------*/

html, body {
	margin: 0; /* pour éviter les marges */
	padding: 0;
	height: 100%;
	text-align: center; 
 }

.site {
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
    width: 682px;
	text-align: left;
 }
 
 .principale {
	float: left;
	width: 682px;
	height:100%;
	
	
  }
.liste li {
	/*display : list-item;*/
 list-style-image : url(../images/fleche_grise.gif);
 /*list-style-position: outside;*/
} 
  /*-------------------------header------------------------------*/
  
 .header {
 /*position: absolute;*/
 float:left;
 background: url(../images/header_print.jpg) no-repeat top left;
 width: 682px;
 height: 104px;
 padding-bottom:25px;
}

 .contenu_page {
 /*position: relative;*/
 float:left;
 width:682px;
  }
  
 .centre_page {
 float:right;
 width:682px;
 }

 
.centre {
 float:right;
 width:682px;
 padding: 8px 0 30px 0;
 /*background-color:#ececec;*/
 }
 
 .fil_ariane {
 float:left;
 /*width:673px;*/
padding: 0 0 15px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.625em;
color: #000;
text-decoration:none;
 }
 

.fil_ariane a {
color: #000;
text-decoration:none;
}

.fil_ariane a:hover {
color: #000;
text-decoration:none;
border-bottom: 1px dotted black;
}

  .titre_page {
float:left;
padding-left:30px;
padding-top:0px;
margin-top:0px;
margin-bottom:18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 1em;
color: #ff9900;
background: url(../images/puce_jaune.gif) no-repeat top left;
 }
 
   .titre_page_modele {
float:left;
padding-left:30px;
padding-top:0px;
margin-top:0px;
margin-bottom:18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 1em;
color: #000;
background: url(../images/puce_rouge.gif) no-repeat top left;
 }
 
    .erreur {
padding-top:0px;
margin-top:0px;
margin-bottom:15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size: 20px;
font-weight:bold;
color: #d30000;
 }
 
   .titre {
float:left;
width:674px;

 }

 .page_modele {
float:left;
width:628px;
padding: 0 25px 0 30px ;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.750em;
color:#000;
}

 .page_modele li {
	 list-style-image : url(../images/fleche_grise.gif);
	 list-style-position:inside;

}

 .page_modele a {
color:#cc0000;
text-decoration:none;
}
.page_modele a:hover {
color:#cc0000;
text-decoration:none;
border-bottom: 1px dotted #cc0000;
}

blockquote {
	margin: 8px 15px 12px 10px;
	color: #000000;
	border-left: 5px solid #a2adb8;
	border-bottom: 1px solid #d2dee4;
	padding: 10px;
		}
		

 .droits {
	float: left;
	width:682px;
	padding-top:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 9px;
color: #000000;
font-style:italic;
text-align: center;
	
	
 }
 
 .bton_handicap a {
float:right;
width:100px;
font-size: 0.750em;
padding: 10px 25px 0 5px;
margin-left:16px;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align: right;
color: #000;
text-decoration:none;
background:url(../images/handicape.gif) no-repeat bottom right;
border-top:1px solid #ffffff;
}

.bton_handicap a:hover {
float:right;
width:100px;
font-size: 0.750em;
padding: 10px 25px 0 5px;
margin-left:16px;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align: right;
color: #cc0000;
text-decoration:none;
background:url(../images/handicape.gif) no-repeat bottom right;
border-top:1px solid #ffffff;
}

.liens_nos_centres {
float:left;
padding-top:10px;
padding-bottom:10px;
width:248px;
border-top:1px solid #ffffff;
}

.bton_formations a {
float:left;
display:block;
width:88px;
font-size: 0.750em;
padding: 2px 2px 0 16px;
margin-left:16px;
height:13px;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align: left;
color: #fff;
text-decoration:none;
background:url(../images/fd_bton_imprimer.gif) no-repeat top left;
}

.bton_formations a:hover {
float:left;
display:block;
width:88px;
padding: 2px 2px 0 16px;
height:13px;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align: left;
color: #fff;
background:url(../images/fd_bton_imprimer.gif) no-repeat bottom left;
text-decoration:none;
}

 .page_nos_centres {
float:left;
width:628px;
padding: 0 25px 0 30px ;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.750em;
color:#000;
} 
 .ensemble_nos_centres {
float:left;
width:628px;
height:100%;
padding: 15px 0 5px 0 ;
color:#000;
border-bottom:1px dotted #000;
}

.titre_nos_centres {
float:left;
/*width:426px;*/
font-size: 1.5em;
font-weight:bold;
margin-left:200px;
border-bottom:1px solid #000;
border-left:1px solid #000;
border-top:1px solid #000;
border-right:1px solid #000;
padding: 0 3px 0 3px ;
}

.bloc_nos_centres {
float:left;
width:628px;
padding: 10px 0 0 0 ;
}

.image_nos_centres {
float:left;
width:200px;
}

.texte_nos_centres {
float:right;
width:426px;
}

.adresse_nos_centres {
float:left;
width:410px;
padding-left:16px;
padding-bottom:5px;
border-bottom:1px solid #b6c1c7;
background:url(../images/position.gif) no-repeat top left;
}

.telephone_nos_centres {
float:left;
width:410px;
padding-left:16px;
padding-bottom:5px;
padding-top:5px;
border-bottom:1px solid #b6c1c7;
border-top:1px solid #ffffff;
background:url(../images/telephone2.gif) no-repeat center left;
}

.mail_nos_centres a {
float:left;
width:410px;
color:#000000;
padding-left:16px;
padding-bottom:5px;
text-decoration:none;
padding-top:5px;
border-bottom:1px solid #b6c1c7;
border-top:1px solid #ffffff;
background:url(../images/enveloppe2.gif) no-repeat center left;
}

.mail_nos_centres a:hover {
float:left;
width:410px;color:#CC0000;
padding-left:16px;
padding-bottom:5px;
padding-top:5px;
border-bottom:1px solid #b6c1c7;
border-top:1px solid #ffffff;
background:url(../images/enveloppe2.gif) no-repeat center left;
}

.responsable_nos_centres {
float:left;
width:410px;
padding-left:16px;
padding-bottom:5px;
padding-top:5px;
border-bottom:1px solid #b6c1c7;
border-top:1px solid #ffffff;
background:url(../images/double.gif) no-repeat center left;
}

.liens_nos_centres {
float:left;
padding-top:10px;
padding-bottom:10px;
width:248px;
border-top:1px solid #ffffff;
}

/*---------------------------FORMULAIRE----------------------------------*/

 .formulaire {
float:left;
width:628px;
padding: 0 25px 0 30px ;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.690em;
color:#000;
}

.montant {
float: right;
text-align:left;
/*width: 314px;*/
height: 20px;
padding: 4px 0 4px 0;
color: #000;
}

.sstitre_formulaire {
float: left;
width: 628px;
padding: 10px 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-weight:bold;
font-size: 1em;
color: #73a620;
}

.connaitre_gauche {
float: left;
width: 195px;
padding: 15px 5px 4px 0;
color: #000;
}

.connaitre_droit {
float: right;
text-align:left;
width: 428px;
padding: 10px 0 4px 0;
color: #000;
}

.long_champ_gauche01 {
float: left;
width: 150px;
height: 14px;
padding: 8px 0 4px 0;
color: #000;
}

.long_champ_droit01 {
float: right;
text-align:right;
width: 478px;
height: 20px;
padding: 4px 0 4px 0;
color: #000;
}

.nom {
float: left;
width: 314px;
height: 20px;
padding: 4px 0 4px 0;
color: #000;
}

.prenom {
float: right;
width: 314px;
height: 20px;
text-align:right;
padding: 4px 0 4px 0;
color: #000;
}

.long_champ_gauche {
float: left;
width: 60px;
height: 14px;
padding: 8px 0 4px 0;
color: #000;
}

.long_champ_droit {
float: right;
text-align:right;
width: 568px;
height: 20px;
padding: 4px 0 4px 0;
color: #000;
}

.selections {
float: left;
width: 628px;
padding: 0 0 4px 0;
color: #000;
}

.selections02 {
float: left;
width: 314px;
padding: 0 0 4px 0;
color: #000;
}

.selection_ville {
float: left;
/*width: 200px;*/
margin-right:20px;
height: 22px;
padding: 0 0 0 0;
color: #000;
}
.selection_date {
float: left;
/*width: 200px;*/
padding-right:20px;
height: 22px;
padding: 0 0 0 0;
color: #000;
}

.selection_bton_titre {
float: left;
/*width: 200px;*/
padding: 13px 0 0 0;
color: #000;
}
.selection_bton {
float: left;
/*width: 200px;*/
margin-left:20px;
padding: 10px 0 0 0;
color: #000;
}

.selection_bton_titre01 {
float: left;
/*width: 200px;*/
height: 11px;
padding: 9px 0 0 0;
color: #000;
}
.selection_bton01 {
float: left;
/*width: 200px;*/
margin-left:20px;
height: 15px;
padding: 5px 0 0 0;
color: #000;
}

.bloc_de_commentaire {
float: left;
width: 628px;
}

.commentaire_gauche {
float: left;
width: 100px;
padding: 15px 0 4px 0;
color: #000;
}

.commentaire_droit {
float: right;
text-align:left;
width: 528px;
padding: 10px 0 4px 0;
color: #000;
}

.parcourir01 {
float: left;
width: 290px;
padding: 15px 0 0 0;
color: #000;
}

.parcourir_txt {
float: left;
padding: 2px 0 8px 0;
color: #000;
}
.parcourir02 {
float: right;
width: 338px;
padding: 15px 0 0 0;
color: #000;
}

.envoyer {
float: left;
width: 628px;
padding: 15px 0 0 0;
color: #000;
text-align:center;

}

.bouton_coche {
float: left;
width: 628px;
padding: 10px 0 0 0;
color: #000;
}

.bouton_coche01 {
float: left;
width: 628px;
padding: 5px 0 5px 0;
color: #000;
}

.bouton_coche02 {
float: left;
width: 628px;
padding: 10px 0 5px 0;
color: #cc6666;
font-weight:bold;
}

.selection_formation {
float: left;
width: 209px;
padding: 0 0 0 0;
color: #000;
}

.poste {
float: left;
width: 628px;
/*height: 14px;*/
padding: 15px 0 10px 0;
color: #000;
}

.renseigner {
float: left;
width: 628px;
padding: 15px 0 0 0;
color: #000;
font-style:italic;
text-align:left;

}

  .titre_page_entreprise {
float:left;
padding-left:30px;
padding-top:0px;
margin-top:0px;
margin-bottom:18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 1em;
color: #73a620;
background: url(../images/puce_verte.gif) no-repeat top left;
 }
 
 /*-----------------FICHE FORMATION-----------------*/
 
 .genre {
float:left;
width:653px;
padding-left: 30px ;
}
 
.genre_gauche {
float:left;
height:29px;
width:32px;
background:url(../images/angle_arr_noir_gauche.gif) no-repeat;
}

.genre_droite {
float:left;
height:29px;
width:18px;
background:url(../images/angle_arr_noir_droit.gif) no-repeat;
}

.genre_texte {
float:left;
/*width:580px;*/
padding-top:4px;
padding-bottom:10px;
margin-top:0px;
margin-bottom:0px;
height:25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.875em;
color: #fff;
background:url(../images/fd_noir_degrade.gif) repeat-x;
 }
 
 .genre_gauche_rouge {
float:left;
height:29px;
width:32px;
background:url(../images/angle_arr_rouge_gauche.gif) no-repeat;
}

.genre_droite_rouge {
float:left;
height:29px;
width:18px;
background:url(../images/angle_arr_rouge_droit.gif) no-repeat;
}

.genre_texte_rouge {
float:left;
padding-top:4px;
padding-bottom:10px;
margin-top:0px;
margin-bottom:0px;
height:25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.750em;
color: #fff;
background:url(../images/fd_rouge_degrade.gif) repeat-x;
 }
 


 .fiche {
float:left;
width:630px;
padding: 0 25px 0 28px ;
}

 .fiche li {
	 list-style-image : url(../images/fleche_grise.gif);
	 list-style-position:inside;

}

 .onglet_off {
float:left;
width:600px;
padding: 10px 15px 0 15px ;
font-weight:bold;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 2 em;
color:#990000;
}
 .contenu_onglet {
float:left;
width:600px;
padding: 10px 15px 0 15px ;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.750em;
color:#000;
}

 .handicap {
float:left;
width:255px;
height:100%;
margin-top:10px;
margin-bottom:20px;
padding: 0 0 0 40px ;
background:url(../images/handicap.gif) no-repeat top left;
color: #000;
}

 .handicap02 {
float:right;
text-align:right;
width:220px;
height:100%;
margin-top:10px;
margin-bottom:20px;
padding: 0 75px 0 0  ;
background:url(../images/pictos_handicap.gif) no-repeat top right;
color: #000;
}

 .handicap a {
color: #000;
text-decoration:none;
}

 .handicap a:hover {
color: #cc0000;
border-bottom: 1px dotted #cc0000;
}
 .contenu_onglet_periodes {
float:left;
width:630px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.750em;
color:#000;
background:url(../images/trait.gif) repeat-x bottom right;
}

 .contenu_onglet_periodes a {
color:#000;
text-decoration:none;
}
 .contenu_onglet_periodes a:hover {
color:#cc0000;
text-decoration:none;
border-bottom: 1px dotted #cc0000;
}

 .colonne_onglet {
float:left;
width:190px;
height:100%;
padding: 10px 5px 10px 15px ;
/*background:url(../images/trait_vertical.gif) repeat-y top right;*/

}