body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F5F6F9;
}

td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #18244E;
	text-align: justify;
}


li{
	letter-spacing: 1px;
	list-style: url('images/contenu/puce.gif');
	list-style-image: url('images/contenu/puce.gif');
}
img{
	border: 0 none;
	vertical-align: -3px;
}
p{
	letter-spacing: 1px;
}

button{
  border: 0 none; 
  font-weight: bold; 
  background-color: white; 
  font-size: 11px; 
  font-family: arial; 
  cursor: pointer;
}
button:hover{
  color: #D60030;;
}
textarea{
	font-size: 11px; 
  	font-family: arial;
  	border: 1px solid #B1C0CD;
	background-color: #F5F6F9;
}

.middle{
	vertical-align: -3px;
}
.center{
  text-align: center;
} 
.legende{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #18244E;
	text-align: justify;
	font-weight: bold;
}

.titrerubrique{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
}

.titresousrubrique{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #C32A2A;
	padding: 3px;  
	margin: 1px;
}


.titre{
	font-size: 12px;
	font-weight: bold;
	color: #C32A2A;
	padding: 3px;
	margin: 1px;
}
.titreacc
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #D60030;
	padding: 3px 3px 3px 3px;  
	margin: 1px 1px 1px 1px;
}
.titreblanc
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 3px 3px 3px;  
	margin: 1px 1px 1px 1px;
}
	
A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #061042;
	text-decoration: none;
	text-align: left;
	margin:0px;
	padding:0px;
}

A:Hover {
  font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #C32A2A;
	text-align: left;
	margin:0px;
	padding:0px;
}

a.menu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #949AAE;
	text-decoration: none;
	text-align: left;
}

a.menu2:hover {
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;	
	color: #C32A2A;
	text-align: left;
}

a.menu2:active {
   	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;	
	color: #D60030;
	text-align: left;
}


.textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #18244E;
	border: 1px solid #B1C0CD;
	background-color: #F5F6F9;
	}
	
.textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #18244E;
	border: 1px solid #B1C0CD;
	background-color: #F5F6F9;
	}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #18244E;
	border: 1px solid #B1C0CD;
	background-color: #F5F6F9;
	}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #18244E;
	border: 1px solid #B1C0CD;
	background-color: #F5F6F9;
	}
	
td.row_bg1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #061042;
	background-image: url('/images/admin/bg_tab1.jpg');
	text-align: justify;
}
td.row_bg2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #061042;
	background-image: url('/images/admin/bg_tab2.jpg');
	text-align: justify;
}
.avertissement{
	color: #FF0000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}

tr.rhover:hover>td{
	background-image: url('/images/interieur/fond_bleu_60.png');
	/*background-image: url(/admin/img/bgr.jpg); */
}
tr.mhover:hover>td{
	/*background-color: #EBEEF2;*/
	background-image: url('/images/interieur/fond_bleu_60.png');
}
tr.fond_formation{
	background-image: url('/images/interieur/fond_bleu_60.png');
	color: #D60030;
	font-weight: bold;
}

a.tab{
	display: block;
	width: 100%;
}
.imagevoir { background-image: url('voir.gif'); } 
.imagecacher { background-image: url('cacher.gif'); } 
.montrer { display: block; } 
.cacher { display: none;  margin: 0 0px; height:1px;} 
.cachetoutvoir { display: none; } 
.cachetoutcacher { display: none; } 
.toutcacher { background-image: url('cachertout.gif'); cursor: pointer; display: block; background-repeat: no-repeat; } 
.toutvoir { background-image: url('voirtout.gif'); cursor: pointer; display: block; background-repeat: no-repeat; } 

/*--------------*/
/*  Popup ajax  */
#global{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-image: url('/images/interieur/fond_noir_50.png');
	
}
#popup_ajax{
  position: fixed;
  float: left;
  top: 300px;
  left: 35%;
  background-color: #F5F6FA;
  border: 3px solid #8F9FB6;
  text-align: center;
  vertical-align: middle;
  width: 450px;
  height: 120px;
  padding-top: 10px;
}

/*--------------*/

.bouton{
	display: block;
	width: 200px;
	height: 22px;
	background: url('/images/boutique/bouton_plein.gif') no-repeat;
	text-align: center;
	padding-top: 4px;
}
.bouton:hover{
	background: url('/images/boutique/bouton_plein_bis.gif') no-repeat;
	color: white;
	text-align: center;
	padding-top: 4px;
}

.bouton_droite{
	width: 175px;
	height: 22px;
	background: url('/images/boutique/droite.gif') no-repeat;
	padding: 0px 0px 3px 10px;
	margin: 10px 0;
}
.bouton_droite:hover{
	background: url('/images/boutique/droiter.gif') no-repeat;
	color: white;
}

table#liste_formation{
	border: 0 none;
}
td.separation{
	border-bottom: 1px solid #F5F6F9;
}

.bloc{
	background-color: white;
	border: 1px solid #BBC7D5;
}

/* Boutons arrondis avec rollover */
a.bouton_droite{
	display: block;
	float: right;
	width: 175px;
	height: 22px;
	background: url('/images/boutique/droite.gif') no-repeat;
	padding: 4px 0px 0px 10px;
	margin: 10px 0;
}
a.bouton_droite:hover{
	background: url('/images/boutique/droiter.gif') no-repeat;
	color: white;
}
a.bouton_gauche{
	display: block;
	float: left;
	width: 175px;
	height: 22px;
	background: url('/images/boutique/gauche.gif') no-repeat;
	padding: 4px 0px 0px 25px;
	margin: 10px 0;
}
a.bouton_gauche:hover{
	background: url('/images/boutique/gaucher.gif') no-repeat;
	color: white;
}

/* Bouton connexion */
button.connexion{
	width: 150px;
	height: 22px;
	background: url('/images/boutique/connexion.gif') no-repeat;
	padding: 0px 0px 3px 10px;
	margin: 5px 0;
}
button.connexion:hover{
	background: url('/images/boutique/connexionr.gif') no-repeat;
	color: white;
}

/* Lien se déconnecter */
a.connexion{
	display: block;
	width: 150px;
	height: 22px;
	background: url('/images/boutique/connexion.gif') no-repeat;
	padding: 4px 0px 0px 30px;
	margin-right: -30px;
}
a.connexion:hover{
	background: url('/images/boutique/connexionr.gif') no-repeat;
	color: white;
}

#bt_etape.bouton_droite{
	float: right;
	width: 175px;
	height: 22px;
	background: url('/images/boutique/droite.gif') no-repeat;
	padding: 0px 0px 3px 10px;
	margin: 10px 0;
}
#bt_etape.bouton_droite:hover{
	background: url('/images/boutique/droiter.gif') no-repeat;
	color: white;
}
/*--------------------------*/
.cadre_total{
	float: right; 
	text-align:right;
	font-weight:bold; 
	font-size: 13px; 
	border: 1px solid #BBC7D5; 
	background-color: #F5F6F9; 
	width: 260px;
	padding: 10px;
}
a.bt_suppression{
	display: block;
	width: 29px;
	height: 22px;
	background: url('/images/boutique/supprimer.gif') no-repeat;
}
a.bt_suppression:hover{
	background: url('/images/boutique/supprimerr.gif') no-repeat;
}
a.bt_panier{
	display: block;
	width: 80px;
	height: 22px;
	color: black;
	padding: 4px 0px 3px 28px;
	background: url('/images/boutique/votrepanier.gif') no-repeat;
}
a.bt_panier:hover{
	color: white;
	background: url('/images/boutique/votrepanierr.gif') no-repeat;
}
a.bt_compte{
	display: block;
	width: 82px;
	height: 22px;
	color: black;
	padding: 4px 5px 3px 26px;
	background: url('/images/boutique/votrecompte.gif') no-repeat;
}
a.bt_compte:hover{
	color: white;
	background: url('/images/boutique/votrecompter.gif') no-repeat;
}

td.arrondi_gh{
	background: url('/images/boutique/angle_gauche.gif') no-repeat; 
	width: 18px;
}
td.arrondi_dh{
	background: url('/images/boutique/angle_droite.gif') no-repeat -18px 0px; 
	width: 18px;
}
.arrondi{
	background: url('/images/boutique/titre_arrondi.gif') no-repeat; 
	width: 322px;
	padding-left: 20px;
}
td.fin_tableau{
	border-top: 1px solid #BBC7D5;
}
.ligne_tr_blanc{
	background-color: white;
}
td.border_bleu{
	border-left: 1px solid #BBC7D5;
	border-right: 1px solid #BBC7D5;
}
td.border_bleu_droite{
	border-right: 1px solid #BBC7D5;
}
td.border_bleu_gauche{
	border-left: 1px solid #BBC7D5;
}