/************************
          GENERAL 
************************/
form{margin:0px}
p{margin:8px 0px 8px 0px;text-align:justify}
p:first-letter {margin-left:20px}
ul{margin:5px 20px 5px 20px;padding:0px 0px 0px 0px}
li{margin:5px 0px 5px 0px}
img{border:0px}
a{text-decoration:none;font-weight:bold}
.gauche{float:left}
.droite{float:right}
.centrer {text-align:center}
.both{clear:both}
html {overflow:auto;}
td, tr, table{margin:0px;padding:0px;}
.hidden {display: none;}

/* HEADER */
.imgPerso{width:945px;height:75px;position:absolute;left:25px;}
.menu{	width:986px;height:98px;margin:5px auto 0px auto;z-index:20;position:relative;}
.menu ul{margin:0px 0px 0px 25px;position:absolute;bottom:0px;}
.menu li {position:relative;display:block;padding-left:5px}
.menu li ul{display:none;margin:0px;padding:0px;border-top:2px solid #bbb;width:100px}
.menu li.hover ul{display:block;position:absolute;left:0px;top:18px}
.menu li{display:inline;margin:0px 10px 0px 10px}
.menu li li {display:block;margin:0px;padding:2px 5px}
.menu li li a {padding-left:10px;}

/* CONTENU PAGE */
#espace-haut{margin-top:22px;}
.container {	width:986px;	color:#000000;margin:0px auto 0px auto;padding:0px;position:relative;}
.interieur-bloc{margin:5px 15px 15px 15px;position:relative;height:100%;-height:auto;text-align:left}
.bloc944 {width:944px;margin-left:25px;margin-right:12px;}
.bloc941 {width:941px;margin-left:25px;margin-right:16px;}
.bloc750 {width:730px;margin-left:25px;margin-right:16px;}
.bloc597 {width:597px;float:left;margin-left:25px;_margin-left:12px;}
.bloc330 {width:330px;float:right;clear:right;margin-right:16px;_margin-right:8px;}

/* DIV CACHES */
.div-cache{display:none;}

/* IMAGES */ 
.img_left{margin:10px 20px 10px 0px;float:left;text-align:center;}
.img_right{margin:10px 0px 10px 20px;float:right;text-align:center;}
.legende{	font-size:0.7em;color:#858585;}

/* Boutons */ 

.bouton{float:right;}
.sprite-bouton{background-image:url(../images/formation/sprite_boutons.png);}
.aide{
margin-top:-4px;
background-image:url(../images/formation/sprite_boutons_aide.png);
width:71px;height:35px;float:left;background-position:0px 1px
}
.aide:hover{background-position:0px -37px;}
.fermeture{width:40px;height:40px;float:left;background-position:-398px -14px;}
.fermeture:hover{width:40px;height:40px;float:left;background-position:-398px -71px;}
//#aide{position:absolute;right:0px;background-color:#ffffff;z-index:32001;display:none;}

/* fond transparent */

.info-main {position:absolute;top:0px;left:0px;width:100%;height:100%;display:none;text-align: center;z-index:49;}
.info-bg {top:0px;left:0px;width:100%;height:100%;background:#000;z-index:1;}
.info-box,.info-box2 {width:100%;position:absolute;top:150px;z-index:50;text-align: center}
.info-box2 {top:20px}
body>.info-main {position:fixed;}

/************************
          Messagerie
************************/
.msg-sprite{background-image:url(../images/formation/sprite_boutons.png);}
.bouton .reception{	width:56px;height:56px;background-position:0px -5px;float:left;}
.bouton .reception:hover{background-position:0px -65px;}
.bouton .supprimer{width:56px;height:56px;float:left;background-position:-60px -5px;}
.bouton .supprimer:hover{background-position:-60px -65px;}
.bouton .repondre{width:56px;height:56px;float:left;background-position:-262px -136px;}
.bouton .repondre:hover{background-position:-316px -136px;}
.bouton .ecrire{width:56px;height:56px;float:left;background-position:-120px -5px;}
.bouton .ecrire:hover{background-position:-120px -65px;}
.bouton .envoye{width:56px;height:56px;float:left;background-position:-180px -5px;}
.bouton .envoye:hover{background-position:-180px -65px;}
.bouton .corbeille{width:56px;height:56px;float:left;background-position:-240px -5px;}
.bouton .corbeille:hover{background-position:-240px -65px;}
.bouton .corbeille{width:56px;height:56px;float:left;background-position:-240px -5px;}
.bouton .corbeille:hover{background-position:-240px -65px;}
.message-lu{margin-top:8px;width:35px;height:30px;background-position:-446px -19px;}
.message-nonlu{margin-top:8px;width:35px;height:30px;background-position:-490px -19px;}
.message-fond{width:259px;height:189px;float:left;margin:15px 0px 15px 30px;background-position:-2px -212px;cursor:pointer;}
.message-fond:hover{width:259px;height:189px;float:left;background-position:-264px -212px;}

/************************
          Cours
************************/

#sommaire{	width:330px;position:absolute;right:0px;background-color:#ffffff;z-index:32000;display:none;}

/* Boutons */
.cours-sprite{background-image:url(../images/formation/sprite_boutons.png);}
.pg-precedente-gris{width:40px;height:40px;float:left;background-position:-49px -119px;}
.pg-precedente-gris:hover{background-position:-49px -169px;}
.pg-precedente{width:40px;height:40px;float:left;background-position:-89px -119px;}
.pg-precedente:hover{background-position:-89px -169px;}
.pg-suivante{width:40px;height:40px;float:left;background-position:-129px -119px;}
.pg-suivante:hover{background-position:-129px -169px;}
.pg-suivante-gris{width:40px;height:40px;float:left;background-position:-169px -119px;}
.pg-suivante-gris:hover{background-position:-169px -169px;}
.bt-menu{width:40px;height:40px;float:left;background-position:-209px -119px;}
.bt-menu:hover{background-position:-209px -169px;}

/* Bloc du cours */
.cours{	width:880px;	height:auto;padding:12px;}
.cours .cotegauche{width:420px;float:left;margin-top:5px;}
.cours .cotedroit{width:420px;float:right;margin-top:5px;}
.cours .separateur{border: 0px solid #d6d6d6;background-color:#d6d6d6;width:2px;float:left;height:560px;margin-left:19px;}

/* Textes du cours */
.cours .souligne{text-decoration:underline;}
.cours .gras{font-weight:bold;}
.cours .grassouligne{font-weight:bold;text-decoration:underline;}
.cours .grasitalic{font-weight:bold;font-style:italic;}
.cours .italic{font-style:italic;}
.cours .italicsouligne{font-style:italic;text-decoration:underline;}
.cours .vert{color:#a5b301;}
.cours .bleu{color:#046ab8;}
.cours .rouge{color:#ff0000;}
.cours .exam{background:url('../images/cours/exam.png') no-repeat;width:95px;height:21px;margin:0 auto;}
.cours .titre {font-size:1.3em;	font-weight:bold; }

/* Medias */
.cours .son{float:right;	position:relative;margin-top:-22px;margin-right:-25px;margin-left:8px;}
.cours .video{width:316px;height:273px;display:block;clear:both;margin:auto;margin-top:5px;margin-bottom:10px;text-align:center;}
.imgzOOm .ico {position:absolute;width:30px;height:30px;background:transparent url('../images/cours/zoom.png') no-repeat center center;z-index:2;}
.imgzOOm:hover .ico {background-image:url('../images/cours/zoom_over.png');}

/* Cadres encadrant du contenu */
.cours .normal{width:98%;margin-top:5px;margin-bottom:10px;text-align:justify;color:#000000;font-size:1em;display:block;clear:both;float:left;}
.cours .important{border:1px solid #ff0000;width:96%;padding:5px;margin-top:15px;margin-bottom:10px;background-color:#ffffff;text-align:justify;font-size:1em;color:#ff0000;font-weight:bold;float:left;}
.cours .important .triangle{background:url('../images/cours/triangle.png') no-repeat;width:40px;height:37px;float:right;position:relative;margin-top:-25px;margin-right:-25px;margin-left:8px;}
.cours .important .lim50{background:url('../images/cours/limitation50.png') no-repeat;width:40px;height:37px;float:right;position:relative;margin-top:-25px;margin-right:-25px;margin-left:8px;}
* html .cours .important .triangle {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/cours/triangle.png');}
.cours .definition{border:1px solid #a5b301;width:96%;padding:5px;margin-top:5px;margin-bottom:10px;text-align:justify;color:#000000;font-size:1em;float:left;vertical-align:middle;}
.cours .definition .carredef{background:url('../images/cours/carre.png') no-repeat;width:22px;height:22px;float:left;position:relative;margin-top:-15px;margin-left:-15px;margin-right:8px;}
* html .cours .definition .carredef {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/cours/carre.png');}
.cours .conseil{border:1px solid #046acc;width:97%;padding:5px;margin-top:5px;margin-bottom:10px;text-align:justify;color:#000000;font-size:1em;float:left;}
.cours .conseil .carreconseil{background:url('../images/cours/carre_bleu.png') no-repeat;	width:22px;height:22px;float:left;position:relative;margin-top:-15px;margin-left:-15px;margin-right:8px;}
* html .cours .encadre .carreconseil {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/cours/carre_bleu.png');}

/* Images */
.cours img{border:none;margin-top: 2px;}
.cours .imgleft{float:left;margin-right: 10px;	text-align:center;}
.cours .imgcenter{display:block;clear:both;margin:auto;text-align:center;}
.cours .imgright{float:right;position:relative;margin-left: 10px;text-align:center;}
.cours .legende{display:block;font-size:0.7em;margin-bottom:15px;}

/* Listes */
.cours ul{	margin:0px;list-style:none;margin-bottom:5px;}
.cours .fleche{text-indent:14px;background-image:url('../images/cours/puceliste.png');background-repeat:no-repeat;color:#000000;}
.cours .listemarqueitalic{text-indent:14px;background-image:url('../images/cours/puceliste.png');background-repeat:no-repeat;color:#000000;font-style:italic;}
.cours .listeimage{color:#000000;padding-top:5px;*padding-top:4px;clear:both;margin-left:10px;}
.cours .listeimage img{margin-top:0px;}
.cours .ulgauche{width:200px;float:left;font-size:0.85em;text-align:left;line-height:1.4em;}
.cours .uldroite{width:200px;float:right;font-size:0.85em;line-height:1.4em;text-align:left;border-left:1px solid #000000;}
.cours.test .liright{float:right;width:55%;}
.cours .linormal{float:left;}


/************************
Jquery LightBox Pluggin
************************/
#jquery-overlay {position: fixed;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;margin-top:-75px;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}	
#lightbox-image-details-caption { font-weight: bold;font-size:1.5em;color:#444444; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}

/***************************/
/***  Formation
/***************************/
.special .FormaTabs {width:610px;float:none}
.cadre-module{margin:5px 0px 5px 0px;background:#fff}
.feu-module{width:20px;margin:5px;float:left;}
.vignette{float:right;width:65px;height:65px;margin:5px;}
.entete-module{cursor:pointer;height:77px;}
.chapitre{margin-left:50px;margin-bottom:20px;display:none;}
.cadre-chapitre{width:90%;height:26px;border-top:1px solid #ababab}
.cadre-chapitre a{color:#000000;font-weight:normal;font-size:0.95em;padding:0px 5px 0px 5px;}
.cadre-cours{ float:left;margin:3px 0px 3px 5px;}
.cadre-test{float:right;margin-right:5px;}
.cadre-test-interieur{float:left;margin:3px 5px 3px 0px;}
.cadre-test-interieur a{color:#000000;font-weight:normal;font-size:0.95em;padding:0px 5px 0px 5px;}
.cadre-apprentissage{margin:5px 0px 5px 0px;padding:5px;border:2px solid #5eb776;background:#fff}
.cadre-examen{margin:5px 0px 5px 0px;padding:5px;border:2px solid #5eb776;background:#fff}
.recherche_sub {display:block;width:100px;height:40px;background:#fff url('../images/formation/bt_cours.png') no-repeat 0px 5px;}
.recherche_sub:hover {background-position:0px -35px}
.examen_sub {display:block;margin:auto;width:156px;height:40px;background:#fff url('../images/formation/bt_cours.png') no-repeat -100px 5px;}
.examen_sub:hover {background-position:-100px -35px}
#preconisation {margin-top:10px; margin-bottom:15px; border:2px solid #d01111; background-color:#fff;}
.titre_conseil {color:#d01111;}
.special {width:610px;float:left;position:relative}
.special .bouton {}
.special h1 {padding:5px 5px;background-position:5px 5px}
.special .aide {position:absolute;top:0px;right:0px;z-index:48;background-color:transparent}
.special-examen {position:relative;background:url(../images/bg_examen_seul.jpg) no-repeat 0px 23px;float:left;}
.special-examen #Famille1 {background-color:transparent;}
.special-examen .bouton {}
.special-examen h1 {padding:5px 5px;background-position:5px 5px;background-color:transparent}
.special-examen .aide {position:absolute;top:0px;right:0px;z-index:48;background-color:transparent}
#contenu-cadre{width: 850px;height:230px;}
#contenu-cadre{padding-left:120px;}
#contenu-cadre p{width: 500px;}

/****************************/
/** Preconisation Partie AE */
/****************************/

.preconisation_actif {background:url(../admin/images/actif.png); width:15px; height:15px; float:left;}
.preconisation_inactif {background:url(../admin/images/inactif.png); width:15px; height:15px; float:left;}
.preconisation_courslu {background:url(../admin/images/cours_lu.png); width:20px; height:20px; float:left;}
.preconisation_coursnonlu {background:url(../admin/images/cours_nonlu.png); width:20px; height:20px; float:left;}
.preconisation_liste {float:left; width:100%; clear:both; margin-bottom:2px;}
.preconisation_texteliste {margin-left:8px; margin-top:0px; height:auto;}
.preconisation_choix {float:left; width:400px;}
.preconisation_choixtest {float:left; width:150px; padding-right:10px;}
.preconisation_centrer {font-weight:bold; text-align:center; margin-bottom:8px;}
.preconisation_left {font-weight:bold; text-align:left; padding-left:20px; margin-bottom:8px;}
.preconisation_note {font-style:italic; font-size:0.9em; padding:15px; margin-top:10px;}
.preconisation_fairetest {background:url(../images/formation/bt_testtheme.png) no-repeat; display:block; width:96px;height:29px;background-position:0px 0px; margin:0 auto;}
.preconisation_fairetest:hover {background-position:0px -29px;cursor:pointer; }
.preconisation_fermer {background:url(../images/formation/bt_quitter.png) no-repeat; display:block; width:27px;height:28px;background-position:0px 0px; float:right; margin-top:-30px; margin-right:2px;}
.preconisation_fermer:hover {background-position:0px -28px }
.preconisation_listefin {float:left; width:100%; margin-bottom:2px;}
.preconisation_choixfin {float:left; width:380px; }
.preconisation_choixtestfin {float:left; width:120px; padding-right:10px;}


/***************************/
/***  Recherche
/***************************/

.element_recherche_result {padding:5px;}
.element_recherche_result ul {margin:0px 0px 10px 0px;padding:0px 0px 0px 10px;list-style-type:none;}
.element_recherche_result a {text-decoration:none;color:#333;}
.element_recherche_result a:hover {color:#000;}
.element_recherche_result a span {font-weight:normal;}
.element_recherche_result a .indic {float:left;display:block;padding:1px 2px;font-size:0.7em;font-weight:bold;color:#fff;background:#999;margin-top:2px;margin-right:5px;width:13px;text-align:center;}
.element_recherche_result a:hover .indic {background:#000;}
.element_recherche_liste_contenu {border:2px solid #eee;height:200px;overflow:hidden;overflow-y:scroll;}
.highlight { background-color: yellow }


.imangle {position:absolute;top:0px;left:0px;}
.cours .michelin {border:1px solid #000098;width:96%;padding:5px;margin-top:5px;margin-bottom:10px;text-align:justify;color:#000000;font-size:1em;float:left;vertical-align:middle;}
.cours .michelin .carremichelin{background:url('../images/cours/michelin_mini.png') no-repeat;width:22px;height:30px;float:left;position:relative;margin-top:-15px;margin-left:-15px;margin-right:8px;}
.cours .michelin a {display:block;color:#333398;}
.cours .michelin a:hover {display:block;color:#000098;text-decoration:underline;}
.cours .michelin img {display:block;margin:auto;}


.ResultatListe {border-collapse:collapse;border:1px solid #bbb;margin:auto;}
.ResultatListe th {background:#ddd;padding:3px 5px;border:1px solid #bbb;text-align:center;}
.ResultatListe td {padding:3px 5px;border-bottom:1px solid #bbb;border-right:1px solid #ccc;text-align:center;}
.ResultatListe td.last {border-right:1px solid #bbb;}
.ResultatListe tbody>td {position:fixed}
.ResultatListe .vide {background-color:#efefef;}
.ResultatListe caption {text-align:left}
.abandon td {color:#888;}
.rate td {color:#D22;}
.reussi td {color:#080;}
.detail {text-decoration:none;color:#555}
.detail:hover {text-decoration:underline;color:#000}
.ResultatListe .insec, .ResultatListe small {white-space:nowrap}
.ResultatListe th {background:transparent url('../images/stats/lst_head_bg.png') repeat-x center center;}
.ResultatListe td {background-image:url('../images/stats/lst_cell_bg.png');background-repeat:repeat-x;background-position:bottom center;}
div.limit {width:700px;height:250px;overflow:hidden;overflow-y:scroll;padding:0px;margin:0px}
div.limit table {margin:0px}
#tv_pneu{width:840px; margin:0 auto;}
#tv_pneu img{margin:8px auto;}
#tv_pneu .divvideo{float:left;width:500px;height:auto; margin-left:-10px;margin-top:8px;}
#tv_pneu .divcontent{float:left;width:165px;height:165px;}
#tv_pneu .divimagegrande{float:right;width:350px;height:350px;margin-right:-10px; text-align:center; padding-bottom:20px;}
.titre_videoactu { text-align:center; margin-top:-32px; color:#0D0B86; font-weight:bold;}
.titre_semaineprochaine {text-decoration:underline; }
.div_titre_semaineprochaine {margin-top:10px;}
.btn_archives {background:url(../images/formation/bt_archives.png) no-repeat; display:block; width:97px;height:35px;background-position:0px 0px; margin-left:-10px; margin-top:18px; position:relative;}
.btn_archives:hover {background-position:0px -40px }


form input.error, textarea.error  {position:relative;border: 1px solid #ff8686;}

.bloc input[type=text], .bloc input[type=password], .bloc input[type=submit], .bloc input[type=button],  .bloc textarea{position:relative;padding: 2px 2px;border:1px solid #999999;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);-webkit-box-shadow:	0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);}

form input .required, textarea .required  { 
	position:relative;
	border: 1px solid #ff8686 !important; 
}

.css3button {
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 2px 7px;
	background-color :#D5994E;
	background: -moz-linear-gradient(
		top,
		#f0cb94 0%,
		#b96607);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f0cb94),
		to(#b96607));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #969483;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.4);
}

.css3button:hover {
	background-color :#D4984C;
	background: -moz-linear-gradient(
		top,
		#eddcc5 0%,
		#b87d39);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#eddcc5),
		to(#b87d39));	
	color: #000000;
}

#doubleIP{
    background-color: #DC7272;
    webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #A81C1C;
    margin: 10px auto;
    padding: 10px;
    width: 95%;
}

#alertMessage {
    text-align: center;
    background-color: #DC7272;
    webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #A81C1C;
    margin: 10px auto;
    padding: 10px;
    width: 95%;
}


#Famille1, #Famille2, #Famille3{
	padding:5px;
	margin:15px 0;
	display:none;
}

ul.formationPanel{
	margin-left:0px;
	height: 18px;
	margin: 0px 2px -5px 0px;
}

ul.formationPanel li {
	padding: 4px 20px 4px 15px;
	outline: 0px none;
	line-height: 1.3;
	text-decoration: none;
	font-size: 0.85em;
	list-style: none outside none;
	float: left;
	position: relative;
}

ul.formationPanel li a{
	letter-spacing: 0.1px;
}

a.btCss {
    display:block;  
    line-height:30px;
    padding: 0 0 0 0;
}

*a.btCss {
    display:block;  
    line-height:30px;
    padding: 0 15px 0 15px;
}

.btCss {
    font-family:Arial,sans-serif;
    cursor:pointer;
    min-width:150px;
    *min-width:auto;
    height:30px;
    text-align:center;
    text-transform: uppercase;
    border:none;
    margin:0 5px 0 5px;
    padding: 0 15px 0 15px;
    *padding:0;
    margin-top:7px;
    margin-bottom:7px;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px 8px 8px 8px; 
    
    display:moz-inline-box;
    
    text-decoration:none;
    position:relative;
}

.btActive, .btNeutre {
    color:#eeeeee;
     background: #303030; /* Old browsers */
    background: -moz-linear-gradient(top, #303030 0%, #646464 50%, #6d6d6d 50%, #8f8f8f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(50%,#646464), color-stop(50%,#6d6d6d), color-stop(100%,#8f8f8f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #303030 0%,#646464 50%,#6d6d6d 50%,#8f8f8f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #303030 0%,#646464 50%,#6d6d6d 50%,#8f8f8f 100%); /* Opera11.10+ */
    -webkit-box-shadow: 1px 1px 1px 1px #6e9f80;
    -moz-box-shadow: 1px 1px 1px 1px #6e9f80;
    box-shadow: 1px 1px 1px 1px #6e9f80; 
    position:relative;
}

.btActive:active, .btNeutre:active {
    color:#fefefe;
    background: #404040; /* Old browsers */
    background: -moz-linear-gradient(top, #404040 0%, #747474 50%, #7d7d7d 50%, #9f9f9f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(50%,#747474), color-stop(50%,#7d7d7d), color-stop(100%,#9f9f9f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #404040 0%,#747474 50%,#7d7d7d 50%,#9f9f9f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #404040 0%,#747474 50%,#7d7d7d 50%,#9f9f9f 100%); /* Opera11.10+ */
    -webkit-box-shadow: 1px 1px 1px 1px #6e9f80;
    -moz-box-shadow: 1px 1px 1px 1px #6e9f80;
    box-shadow: 1px 1px 1px 1px #6e9f80; 
    position:relative;
}

.btActive:hover, .btNeutre:hover {
    color:#dedede;
    background: #202020; /* Old browsers */
    background: -moz-linear-gradient(top, #202020 0%, #545454 50%, #5d5d5d 50%, #7f7f7f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#202020), color-stop(50%,#545454), color-stop(50%,#5d5d5d), color-stop(100%,#7f7f7f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #202020 0%,#545454 50%,#5d5d5d 50%,#7f7f7f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #202020 0%,#545454 50%,#5d5d5d 50%,#7f7f7f 100%); /* Opera11.10+ */
    -webkit-box-shadow: inset 1px 1px 1px 1px #6e9f80;
    -moz-box-shadow: inset 1px 1px 1px 1px #6e9f80;
    box-shadow: inset 1px 1px 1px 1px #6e9f80;
    position:relative;
}

.btDesactive {
    color:#555555;
    background: #bcbcbc;
    background: -moz-linear-gradient(top, #bcbcbc 0%, #d6d6d6 50%, #e0e0e0 50%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbcbc), color-stop(50%,#d6d6d6), color-stop(50%,#e0e0e0), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top, #bcbcbc 0%,#d6d6d6 50%,#e0e0e0 50%,#e0e0e0 100%);
    background: -o-linear-gradient(top, #bcbcbc 0%,#d6d6d6 50%,#e0e0e0 50%,#e0e0e0 100%);
    -webkit-box-shadow: 1px 1px 1px 1px #c08e93;
    -moz-box-shadow: 1px 1px 1px 1px #c08e93;
    box-shadow: 1px 1px 1px 1px #c08e93;
    
    position:relative;
}

.btDesactive:active {
    color:#878787;
    background: #cccccc;
    background: -moz-linear-gradient(top, #cccccc 0%, #e6e6e6 50%, #f0f0f0 50%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(50%,#e6e6e6), color-stop(50%,#f0f0f0), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top, #cccccc 0%,#e6e6e6 50%,#f0f0f0 50%,#f0f0f0 100%);
    background: -o-linear-gradient(top, #cccccc 0%,#e6e6e6 50%,#f0f0f0 50%,#f0f0f0 100%);
    -webkit-box-shadow: 1px 1px 1px 1px #c08e93;
    -moz-box-shadow: 1px 1px 1px 1px #c08e93;
    box-shadow: 1px 1px 1px 1px #c08e93; 
    position:relative;
}

.btDesactive:hover {
    color:#666666;
    
    background: #acacac;
    background: -moz-linear-gradient(top, #acacac 0%, #c6c6c6 50%, #d0d0d0 50%, #d0d0d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acacac), color-stop(50%,#c6c6c6), color-stop(50%,#d0d0d0), color-stop(100%,#d0d0d0));
    background: -webkit-linear-gradient(top, #acacac 0%,#c6c6c6 50%,#d0d0d0 50%,#d0d0d0 100%);
    background: -o-linear-gradient(top, #acacac 0%,#c6c6c6 50%,#d0d0d0 50%,#d0d0d0 100%);
    -webkit-box-shadow: inset 1px 1px 1px 1px #c08e93;
    -moz-box-shadow: inset 1px 1px 1px 1px #c08e93;
    box-shadow: inset 1px 1px 1px 1px #c08e93; 
    position:relative;
}

#erreur-oubli, #erreurVerifEmail{color: #ff0000;}