/* Les boutons */
/* Toujours ajouter ces lignes pour fixer les valeurs par d�faut*/
* 
{ 
   margin: 0;
   padding: 0;
   border: none;
	font-family: Arial, Verdana, sans-serif;
   /*font: 12px tahoma;
   text-align:left;
   font-style:normal;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   line-height:200%;*/
}
.TextInput:focus {
    background-color: yellow;
}
.TextInput {
    background-color: transparent;
}
.btAcceuilEUBtCareer{
	background-image: url('img/menu/btAcceuilEUBtCareer.png')
}
.btAcceuilEUBtMetiersInactive {
	background-image: url('img/menu/btAcceuilEUBtMetiers.png?v=1');
	filter: grayscale(100%);
	opacity : 0.60;
}
.btAcceuilEUBtMetiers{
	background-image: url('img/menu/btAcceuilEUBtMetiers.png')
}
.btAcceuilEUBtEurope{
	background-image: url('img/menu/btAcceuilEUBtEurope.png')
}

.btAcceuilEUBtLangues{
	background-image: url('img/menu/btAcceuilEUBtLangues.png')
}
.btAcceuilEUTxt{
	background-color: #fff;
}
.btAcceuilEUOff{
	cursor: not-allowed;
}
.btAcceuilEUOn{
	cursor: pointer;
}
.btAcceuilEUOn,.btAcceuilEUOff, .btAcceuilEUTxt{
	border-radius: 50%;
	color: #156082;
	text-align: center;
	vertical-align: bottom;
	border : solid 1px #fff;
	line-height:230px;
	width:230px;
	height:230px;
	margin:20px auto; 
	-webkit-box-shadow: 2px 3px 7px 1px #000000; 
	box-shadow: 2px 3px 7px 1px #000000;

	padding : 0 20px;
	transition: opacity 0.5s ease-in-out;
	&:hover {
			.btAcceuilEUspanSwp {
				 opacity : 1;
			}
	  }

}
.btAcceuilEUOff,.btAcceuilEUOn{

	margin:20px auto; 
	-webkit-box-shadow: 2px 3px 7px 1px #000000; 
	box-shadow: 2px 3px 7px 1px #000000;
	background-size: contain;
	background-color :#fff;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0);
	background-blend-mode: overlay;
	&:hover {
			.btAcceuilEUspanSwp {
				 opacity : 1;
			}
	  }

}
.btAcceuilEUOn:hover,.btAcceuilEUOff:hover {
	background-color: rgba(255, 255, 255, 0.9);
}
.btAcceuilEUOff:hover .btAcceuilEUspanSwp,.btAcceuilEUOn:hover .btAcceuilEUspanSwp{
	opacity : 1;
}
.btAcceuilEUspanSwp{
	transition: opacity 0.5s ease-in-out;
	opacity : 0;
}
.btAcceuilEUspanSwp{
	display : none;
}
.btAcceuilEUspanSwp
{
	 
    line-height: normal;
    display:inline-block;
    vertical-align: middle;
	font-size: 1.5em;
	font-weight: bold;
}
.btAcceuilEUspan, .btAcceuilEUspanSwp
{
	 
    line-height: normal;
    display:inline-block;
    vertical-align: middle;
	font-size: 1.3em;
}
#header{
   margin: 0;
   padding: 0;
   border: none;
   color:black;
   font: 14px tahoma;
   text-align:left;
   font-style:normal;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   line-height:200%;
   position:relative;
   left: 0px ;
   top: 0px;
   z-index:1;
   height: 65px ;
   margin: 0 ;
   /* IE10+ */ 
   background-image: -ms-linear-gradient(bottom, #0F87FF 0%, #182F75 100%);

   /* Mozilla Firefox */ 
   background-image: -moz-linear-gradient(bottom, #0F87FF 0%, #182F75 100%);

   /* Opera */ 
   background-image: -o-linear-gradient(bottom, #0F87FF 0%, #182F75 100%);

   /* Webkit (Safari/Chrome 10) */ 
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0F87FF), color-stop(100, #182F75));

   /* Webkit (Chrome 11+) */ 
   background-image: -webkit-linear-gradient(bottom, #0F87FF 0%, #182F75 100%);

   /* W3C Markup */ 
   background-image: linear-gradient(to top, #0F87FF 0%, #182F75 100%);
   /*background: url(./img/page-entete.png) no-repeat left top ;
   background: url(./img/page-enteteBKBleusd.png) repeat-x;*/
}
a{
   font: 11px tahoma;
}
.CssConnect, .CssConnect a{
   font: 11px tahoma;
   color:gray;
}
.CssConnect a{
   text-decoration:underline;
}
label{
   padding-left:0px;
   padding-right:6px;
}
.TmTable tr {
   vertical-align : top; 
}
.TmTable  th{
   background : url('./cssTables/table/table-head.png') repeat-x top left;
   border-right : 1px solid black;
   height : 24px;
   border-left : 1px solid #fad36a;
   padding-left : 10px;
   font : 12px tahoma;
   font-weight : normal;
   color : black;
   vertical-align : middle;
}
.TmTable tr .impair{
   background : #f2f2f2;
} 
.TmTable tr .pair{
   background : #ffffff; 
} 
.TmTable td {
   border : 0px;  
   padding : 0px; 
   font-size : 12px; 
   font-family : arial; 
   text-decoration : none; 
   font-weight : normal; 
   font-style : normal; 
   color : #4d4d4d; 
}
.TableTdCoche
{
   background: url(./img/icones/CocheVertI.gif) no-repeat center center ;
}
.CssFieldset{
   border-style:solid;
   border-color:blue;
   border-width:1px;
   padding:5px;
   border-color:#EBE8FC;
   bacskground:#EBE8FC;
}
.CssLegend{
   font-size : 12px;
   font-family : arial;
   border-style:solid;
   border-color:blue;
   border-width:1px;
   background:#EBE8FC;
   padding : 0 10px 0 10px;
}
.TitreGros{
   color : #163264;
   font:26px georgia ;
   font-weight:bold;
}
.TitreMoyen{
   color : #163264;
   font:20px georgia ;
   font-weight:bold;
}
.TextMoyen
{
   color : black;
   font:16px georgia ;
   font-weight:bold;
}
.TitreMoyen
{
   color : #163264;
   font:16px georgia ;
   font-weight:bold;
}
.GrosTitreBalade{
   font: 16px tahoma;
   font-weight:bold;
   color:#9E3D2A;
   text-decoration:underline;
}
.TitreBalade{
   font-weight:bold;
   color:#9E3D2A;
}
/*a {color:green; font-size:12px; font-decoration:underline}*/
span.checkbox {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(./img/general/checkbox.png) no-repeat;
   display: block;
   clear: left;
   float: left;
}
span.radio {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(./img/general/radio.png) no-repeat;
   display: block;
   clear: left;
   float: left;
}
span.select {
   position: absolute;
   width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 0 24px 0 8px;
   color: #000;
   font: 12px/21px arial,sans-serif;
   background: url(./img/general/select.png) no-repeat;
   overflow: hidden;
}
span.select-0 {
   position: absolute;
   width: 20px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 0 24px 0 8px;
   color: #000;
   font: 12px/21px arial,sans-serif;
   background: url(./img/general/select-0.png) no-repeat;
   overflow: hidden;
}
select {
   border : solid 1px #4D4D4D;
   background:#CCCCCC;
   padding:2px 2px 2px 2px ;
   color:#666666;
   font:11px Helvetica, Arial, sans-serif;}

.buttonGris{
   border:none;
   background:none;
   padding:0;
   margin:0;
   width:auto;
   overflow:visible;
   text-align:center center;
   white-space:nowrap;
   height:22px;
   cursor:pointer;
   line-height:18px;
}
.buttonGris span, button em{
   display:block;
   height:22px;
   line-height:15px;
   margin:0;
   color:#5A5A5A;
}	
.buttonGris span{
   padding-left:16px;
   background:url(./img/general/buttonGris.png) no-repeat  0 0;
}	
.buttonGris em{
   font: 11px arial;
   font-style:normal;
   font-weight:bold;
   padding-right:16px;
   padding-top:3px;
   background:url(./img/general/buttonGris.png) no-repeat 100% 0;
}	


/*#####################################################################*/

rbody
{
   padding: 0 ;
   /*text-align: center ;*/
   font-family:"Trebuchet MS", helvetica, sans-serif, Optima,"Lucida Grande",Futura,Verdana,"Bitstream Vera Sans",Tahoma,Geneva,Lucida,Helvetica,Arial,sans-serif;
   font-size : 0.8em  ;
   background-color: #808080 ;
   line-height:1.5;
   /*background-color: grey !important;
   background-image:url(./img/general/z2cfond.jpg) !important;
   background-size: contain;*/
}
#conteneur
{
   position:relative;
   width: 100% ;
   margin: auto;
   line-height:1.5;
   /* IE10+ */ 
   background-image: -ms-linear-gradient(left, #A1A1A1 0%, #F0F1F2 100%);

   /* Mozilla Firefox */ 
   background-image: -moz-linear-gradient(left, #A1A1A1 0%, #F0F1F2 100%);

   /* Opera */ 
   background-image: -o-linear-gradient(left, #A1A1A1 0%, #F0F1F2 100%);

   /* Webkit (Safari/Chrome 10) */ 
   background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #A1A1A1), color-stop(100, #F0F1F2));

   /* Webkit (Chrome 11+) */ 
   background-image: -webkit-linear-gradient(left, #A1A1A1 0%, #F0F1F2 100%);

   /* W3C Markup */ 
   background-image: linear-gradient(to right, #A1A1A1 0%, #F0F1F2 100%);
}
#pied
{
   width: 100% ;
   z-index:0;
   height: 20px ;
   font: 10px tahoma;
   font-style:normal;
   color:gray;
   margin: 0 auto ;
   text-align: right ;
   padding : 0 15px 15px 0;
   border: 0px solid #ab4 ;
   background: #F2F2F2 ;
}

#pied a{
   font: 11px tahoma;
   font-style:normal;
   color:#B3B3B3;

}
#fond{
   z-index:0;
   padding: 0 ;
   width:100%;
   min-width: 100%;
   background-color: #808080 ;
   /*background-image: url(./img/page-fond.png) ;
   background-repeat:repeat-y;
   background-position: center;*/
}
#menu_block{
   z-index:0;
   position:relative;
   left: 0px ;
   top: 1px;
   width:100%;
   sheight:135px;}

#Application{
   width:100%;
   margin:0px;
   height:100%;
   /*min-width: 900px;

   position:relative;
   left: 0px ;
   top: -15px;
   /*zy-index:120;
   background:green;*/
   /*z-index=0;*/
}
#ApplicationMini{
   width:100%x;
   margin:0px;
   position:relative;
   left: 0px ;
   top: -15px;
   zy-index:120;
   background:#F2F2F2;
   display:block;
   padding-bottom:50px;
   padding-left:40px;
   padding-right:40px ;
   /*z-index=0;*/
}
.Css120BoutonSimple {
  
   font: 11px tahoma;
   font-weight: bold;
   color: #0076C8;
   text-align: center;
   border-bottom: solid 1px #0076C8;;;
   cursor:pointer;
   background-color: transparent;
   /*-webkit-box-shadow: -4px 4px 6px 2px rgba(0,0,0,0.2) inset;
   box-shadow: -4px 4px 6px 2px rgba(0,0,0,0.2) inset;
   text-shadow: 0 0 9px rgba(255,255,86,0.7) ;*/
}
.Css120Bouton, .Bouton {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   

   
   /*font: normal 16px/1 "trebuchet", Times, serif;*/
   color: rgba(255,255,255,1);
   text-align: center;
   background: #0096ff;
   -webkit-transition: background 0.1s ease-in;
   -moz-transition: background 0.1s ease-in;
   -ms-transition: background 0.1s ease-in;
   -o-transition: background 0.1s ease-in;
   transition: background 0.1s ease-in;
   cursor:pointer;
   /*-webkit-box-shadow: -4px 4px 6px 2px rgba(0,0,0,0.2) inset;
   box-shadow: -4px 4px 6px 2px rgba(0,0,0,0.2) inset;
   text-shadow: 0 0 9px rgba(255,255,86,0.7) ;*/
}
.Css120Bouton{
   font: 12px tahoma;
   font-weight: bold;
   width: auto;
   height: 25px;
   border: none;
   padding-left:5px;
   padding-right:5px ;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
.Css120Bouton:hover ,.Bouton:hover{

   background: #0076C8;
   -webkit-transition: background 0.1s ease-in;
   -moz-transition: background 0.1s ease-in;
   -ms-transition: background 0.1s ease-in;
   -o-transition: background 0.1s ease-in;
   transition: background 0.1s ease-in;
   /*-webkit-box-shadow: -4px 4px 6px 2px rgba(0,0,0,0.2) inset;
   box-shadow: -4px 4px 6px 2px rgba(0,0,0,0.2) inset;
   text-shadow: 0 0 9px rgba(255,255,86,0.7) ;*/
}
.BtPoub, .BtPoub:hover{
   width: 30px;
   height: 30px;
   background:url(./img/icones/poubelle.png) no-repeat center center !important;
}
.Bouton
{
   -webkit-border-radius: 7px;
   border-radius: 7px;
   font: 12px tahoma;
   font-weight: bold;
   width: auto;
   border: none;
   padding:7px;
   /*padding :  0 5px 0 5px;
   font : 10px tahoma;
   font-weight:bold;
   cursor : pointer;
   color : black;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:4px;
   border:0px solid #969696;   
   background-color: #2C83B0;
    Anciens navigateurs */
  /*background: -webkit-gradient(
	  linear,
	  left top, left bottom,
	  from(#aaeeff),
	  to(#2C83B0)
	  );
   background: -webkit-linear-gradient(
	  top,
	  #aaeeff,
	  #2C83B0
	  );
   background: -moz-linear-gradient(
	  top,
	  #aaeeff,
	  #2C83B0
	  );
   background: -o-linear-gradient(
	  top,
	  #aaeeff,
	  #2C83B0
	  );
   background: linear-gradient(
	  top,
	  #aaeeff,
	  #2C83B0
	  );*/
}
/*################### D�but  menu utiles###########################*/
#SiteTitre{
   text-align: left;
   z-index:1;
   position:relative;
   /*left: 200px ;*/
   width:650px;
   height:30px;
   top: 30px;
   font-family: georgia;
   font-style: normal;
   font-weight: normal;
   font-size: 32px;
   line-height: normal;
   font-stretch: normal;
   color:white;
}
.Logo120{
   background-color: white;
   position:absolute;
   /*margin-left: 15px;*/
      /* IE10+ */ 
   background-image: -ms-linear-gradient(left, #fff 0%, #ccc 100%);

   /* Mozilla Firefox */ 
   background-image: -moz-linear-gradient(left, #fff 0%, #ccc 100%);

   /* Opera */ 
   background-image: -o-linear-gradient(left, #fff 0%, #ccc 100%);

   /* Webkit (Safari/Chrome 10) */ 
   background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(100, #ccc));

   /* Webkit (Chrome 11+) */ 
   background-image: -webkit-linear-gradient(left, #fff 0%, #ccc 100%);

   /* W3C Markup */ 
   background-image: linear-gradient(to right, #fff 0%, #ccc 100%);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.AccUtiles{
   float:left;
   text-align:center;
   padding:5px 5px 5px 7px;
   font: 10px tahoma;
   font-style:normal;
   font-weight:normal;
   text-decoration:none;
   height:18px;
   color:#999999;
}   
.AccUtiles a{
   font: 11px tahoma;
   font-style:normal;
   font-weight:normal;
   text-decoration:underline;
   color:#999999;
}
.AccUtilesSepar{
   background:url(./img/icones/utilseparat.png) no-repeat left center;
}
#menu_recherche{
   display:none;
   position:relative;
   left: 648px ;
   width:310px;
   height:30px;
   top: 0px;
}
.AccRecherche{
   float:left;
   text-align:center;
   padding:5px 5px 5px 7px;
   font: 10px tahoma;
   font-style:normal;
   font-weight:normal;
   text-decoration:none;
   height:18px;
   color:#999999;
}   
/*################### Fin sous-menu utiles  ###########################*/

#ou_suis_je {
   position:relative;top:0px; 	font: 11px tahoma;
   font-style:normal;
   font-weight:normal;
   text-decoration:none;
   font-weight:normal;
   background-color:transparent;
   color:#8E8E8E;
   zx-index:99;
   padding:0 0 0 11px;}
#ou_suis_je a{
   font: 11px tahoma;
   font-style:normal;
   font-weight:normal;
   text-decoration:none;
   font-weight:normal;
   color:#8E8E8E; }
/*################### D�but onglet menu principal###########################*/
#menu_comm{
   zx-index:101;
   position:relative;

   height:30px;
   top: 0px; }
.ClassNew{color:green;}
.ClassMAJ{color:#EB8C05;}
.AccInfoUser a{
   font: 11px tahoma;
   font-style:normal;
   font-weight:normal;
   text-decoration:underline;
   color:#999999;
}
.AccNomUser{
   font: 11px tahoma;
   font-style:normal;
   font-weight:bold;
   text-decoration:none;
   color:#000000;
}
.AccInfoUser{
   float:left;
   text-align:center;
   width:340px;
   padding: 5px;
   font: 11px tahoma;
   font-style:normal;
   font-weight:normal;
   text-decoration:none;
   height:18px;
   text-align: right ;
   color:#999999;
}
.AccBtnCom{
   float:left;
   text-align:center;
   padding: 4px;
   font: 11px tahoma;
   font-style:normal;
   font-weight:normal;
   text-decoration:none;
   height:18px;
   width:26px;
   text-align: center ;
   color:#999999;
   background:url(./img/icones/iconseparat.png) no-repeat left center;
}

.AccBtnComPrem{
   float:left;
   text-align:center;
   padding: 4px;
   font: 11px tahoma;
   font-style:normal;
   font-weight:normal;
   text-decoration:none;
   height:18px;
   width:26px;
   text-align: center ;
   color:#999999;
}

.BtBarrePetit{
   background-color : transparent ;
   cursor:pointer;
   border: 0px ;
   border:solid 0px black;
   height:16px;
   width:16px;
   text-align:center;
   background-repeat:no-repeat;
   background-position: center center;

}
.BtBarre50{
   background-color : transparent ;
   cursor:pointer;
   border: 0px ;
   border:solid 0px black;
   height:50px;
   width:50px;
   text-align:center;
   background-repeat:no-repeat;
   background-position: center center;
}
.FlecheD50{background-image:url(./img/icones/AroRight50x50.png);}
.FlecheG50{background-image:url(./img/icones/AroLeft50x50.png);}
.BtBarre20, .BtBarre25{
   background-color : transparent ;
   cursor:pointer;
   border: 0px ;
   border:solid 0px black;
   text-align:center;
   background-repeat:no-repeat;
   background-position: center center;

}
.BtBarre20{
   height:20px;
   width:20px;
	
}
.BtBarre25{
   height:25px;
   width:25px;
	
}
.BtZoom20{background-image:url(./img/icones/BT_Zoom20.png);}
.BtInfos20{background-image:url(./img/icones/BT_Infos20.png);}
.BtLogout20{background-image:url(./img/icones/logout.png);}


.BtImgeLove-1,BtImgeLove-2 ,.BtImgeLove-9 {
	background-color: transparent;
	background-repeat:no-repeat;
	background-position: center;
	background-size: contain;
}

.BtImgeLove-1{background-image:url(./img/icones/BT_love-max.png?v=3);}
.BtImgeLove-2{background-image:url(./img/icones/BT_love-mid.png?v=3);}
.BtImgeLove-9{background-image:url(./img/icones/BT_love-none.png?v=3);}

.BtBarre32{
   background-color : transparent ;
   cursor:pointer;
   border: 0px ;
   border:solid 0px black;
   height:32px;
   width:32px;
   text-align:center;
   background-repeat:no-repeat;
   background-position: center center;

}
.BtDiscrete{
   -khtml-opacity:.3; 
   -moz-opacity:.3; 
   -ms-filter:"alpha(opacity=30)";
	filter:alpha(opacity=30);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.3);
	opacity:.3; 
}
.BtDiscrete:hover{
   -khtml-opacity:1; 
   -moz-opacity:1; 
   -ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	opacity:1; 
}
.BtRond32{
   -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;
}
.BtTranslate20{background-image:url(./img/icones/translate20.gif);}
.BtTranslate16{background-image:url(./img/icones/translate16.gif);}
.BtTranslate32{background-image:url(./img/icones/translate.gif);}
.FlecheD32Gris{background-image:url(./img/icones/ArrowRight32Gris.png);}
.FlecheG32Gris{background-image:url(./img/icones/ArrowLeft32Gris.png);}
.FlecheD32{background-image:url(./img/icones/ArrowRight32.png);}
.FlecheG32{background-image:url(./img/icones/ArrowLeft32.png);}
/*################### Boutons ###########################*/
.FlecheDroite{background-image:url(./img/icones/audio2.png);}
.FlecheDroite{background-image:url(./img/icones/FlecheDroite.png);}
.AccBtnAideContext{background-image:url(./img/icones/aide.png);}
.AccBtnComChat{background-image:url(./img/icones/chat.png);}
.AccBtnComForum{background-image:url(./img/icones/forum.png);}
.AccBtnComMafiche{background-image:url(./img/icones/mafiche.png);}
.AccBtnComMsg{background-image:url(./img/icones/messagerie.png);}
.AccBtnComMsgYa{background-image:url(./img/icones/messageya.png);height:16px; width:34px;}
.BT_aide{background-image:url(./img/icones/aide.png);}
.BT_ajouter{background-image:url(./img/icones/ajouter.png);}
.BT_ajout-utilisateur{background-image:url(./img/icones/nouveau.png);}/*./img/icones/ajout-utilisateur.png);}*/
.BT_annuler{background-image:url(./img/icones/annuler.png);}
.BT_attention{background-image:url(./img/icones/attention.png);}
.BT_audio{background:url(./img/icones/audio.png);}
.BT_upload32{background:url(./img/icones/upload32.png);}
.BT_audio32{background:url(./img/icones/audio2.png);}
.BT_audio32Inactif{background:url(./img/icones/audio2Inactif.png);}
.BT_bibliotheque{background:url(./img/icones/bibliotheque.png);}
.BT_calendrier{background:url(./img/icones/calendrier.png);}
.BT_chat{background:url(./img/icones/chat.png);}
.BT_ci{background:url(./img/icones/ci.png);}
.BT_dossier{background:url(./img/icones/dossier.png);}
.BT_edit-profil{background:url(./img/icones/edit-profil.png);}
.BT_email{background:url(./img/icones/email.png);}
.BT_excel{background:url(./img/icones/excel.png);}
.BT_explorer{background:url(./img/icones/explorer.png);}
.BT_reload{background:url(./img/icones/remplacer.png);}
.BT_fiche-documentaire{background:url(./img/icones/fiche-documentaire.png);}
.BT_forum{background:url(./img/icones/forum.png);}
.BT_importer{background:url(./img/icones/importer.png);}
.BT_logiciel{background:url(./img/icones/logiciel.png);}
.BT_loupe{background:url(./img/icones/loupe.png);}
.BT_multimedia{background:url(./img/icones/multimedia.png);}
.BT_nouveau_msg{background:url(./img/icones/nouveau_msg.png);}
.BT_photo{background:url(./img/icones/photo.png);}
.BT_supprimer{background:url(./img/icones/supprimer.png);}
.BT_enregistrer{background:url(./img/icones/enregistrer.png);}
.BT_url{background:url(./img/icones/url.png);}
.BT_valider{background:url(./img/icones/valider.png);}
.BT_word{background:url(./img/icones/word.png);}
.BT_imprimer{background:url(./img/icones/printer.png);}
.BT_modifier{background:url(./img/icones/edit.png);}
.BT_retourliste{background:url(./img/icones/retour-liste.png);}
.BT_retourlisteVide{background:url(./img/icones/retour-liste-vide.png);}
.BT_ListeUsageOui{background:url(./img/icones/valider.png);}
.BT_ListeUsageNon{background:url(./img/icones/supprimer.png);}
.BT_sauvegarder{background:url(./img/icones/sauvegarder.jpg);}
.BT_info-new{background:url(./img/icones/info-new.png);}
.BT_associer{background:url(./img/icones/associer.png);}
.BT_dissocier{background:url(./img/icones/dissocier.png);}
.BT_copier{background:url(./img/icones/copier.png);}
.BtPlus , .BtMoins{ 
   background-color : transparent ;
   cursor:pointer;
   border: 0px ;
   border:solid 0px black;
   height:22px;
   text-align:center;
   width:22px;
   background-position:center center;
   background-repeat: no-repeat;
}
.BtPlus {background-image: url(./img/plus.gif);}
.BtMoins {background-image: url(./img/moins.gif);}

/*##### Styles g�n�raux ######*/
.input,.InputStyle,.InputStyle2{
   border : solid 1px #4D4D4D;
   background:#EBE8FC;
   padding:2px 10px 2px 10px ;
   color:#000000;
   font:11px Helvetica, Arial, sans-serif;}
.InputStyleGros{
   border : solid 1px #4D4D4D;
   background:#EBE8FC;
   padding:2px 10px 2px 10px ;
   color:#00148C;
   font-weight:bold;
   font:16px  tahoma;}
.InputStyle2{background:#CCCCCC;border : solid 2px #4D4D4D;color:#000;padding:2px;}
.BtnRecherche{	background:url(./img/icones/recherche.png);	}

#footer {
   width:100%;
   margin:0 auto;
   clear:both;
   background:url('../imgs/footer.png') #010b32 top left repeat-x;
   padding:2em 0 1.2em 0;
   font:.9em Helvetica, Arial, sans-serif;
   text-align:center;
   color:#fff;}

#footer * {text-decoration:none;}

#footer a:link {color:#a8cbff;}
#footer a:visited {color:#a8cbff;}
#footer a:hover {color:#fff;}
#footer a:active {color:#fff;}

#footer hr {
   margin:.8em;
}
.table-head{
   /* background:url('./cssTables/table/table-head.png') top left repeat-x;*/
   background:url('./cssTables/table/table-head-tri.png') top left repeat-x;
   border-right : 1px solid black;
   height : 24px;
   border-left : 1px solid #fad36a;
   padding-left : 10px;
   font : 12px tahoma;
   font-weight : normal;
   vertical-align : middle;
   font-weight : bold;
   text-decoration:underline;
   color:blue;
}
.table-head-sel{
   background:url('./cssTables/table/table-head-sel.png') top left repeat-x;
   border-right : 1px solid black;
   height : 24px;
   border-left : 1px solid #fad36a;
   padding-left : 10px;
   font : 12px tahoma;
   font-weight : bold;
   text-decoration:underline;
   vertical-align : middle;
   color:blue;

}
.table-img-tri-asc{
   display:inline;
   height:25px;
   width:24px;
   padding: 5px;
   background:url('./cssTables/table/table-tri-asc.png') center top no-repeat;
}
.table-lig-paire, .table-lig-imppaire, .table-lig-paire a, .table-lig-imppaire a  {
   font-family: arial;
   font-size: 12px;
   vertical-align: middle;
   text-decoration: none;
   text-align :left;
   color : #4A4646;
   padding-left: 10px;
   height:25px;

}
.lienAplha, .lienAplha a, .lienAplha a:visited
{
   font-family: arial;
   font-size: 10px;
}
.lienAplha{font-size:11px;font-weight:bold;text-decoration:none;}
.lienAplha a{text-decoration:underline;color:#008000;}
.table-lig-paire td, .table-lig-imppaire td {}
.table-head-cursor{cursor:pointer;}
.table-lig-paire{background:#FFFFFF;}
.table-lig-imppaire{background:#F2F2F2;}
.EuTableXX{border-collapse: collapse;}
.EuTableXX td{border:solid 1px black !important; }

.EuTableXX tr:hover{background:#107FF3;}
.TbLig2{background:#F2F2F2;}
.TbLig1{background:#fff;}
.table-img-tri-desc{
   display:inline;
   height:25px;
   width:24px;
   padding: 5px;
   background:url('./cssTables/table/table-tri-desc.png')  center top no-repeat;
}
.table-head-img{
   padding-left:10px;
   padding-right:10px;
}
.InfoAccChoix
{
   background:url('./img/menu-onglets/MenuContextSep.png') top repeat-x;
}
.InfoAccChoixBas
{
   background:url('./img/menu-onglets/MenuContextSep.png') bottom repeat-x;
}
.InfoAccChoix, .InfoAccChoix1, .InfoAccChoixG
{
   height:33px;
   padding-left:0px;
   font: 11px tahoma;
   font-weight:normal;
   color:gray;
}
.InfoAccChoixG {font-weight:bold;	}

.MenuCtxtChoixHoriz,.MenuCtxtChoixHoriz1
{
   cursor:pointer;
   height:15px;
   width:35px;
   font: 10px tahoma;
   font-weight:normal;
   color:gray;
   text-align:center;
}
.MenuContextChoix, .separateur_h
{
   background:url('./img/menu-onglets/MenuContextSep.png') top repeat-x;
}
.MenuContextChoix, .MenuContextChoix1, .MenuContextChoixG
{
   cursor:pointer;
   height:41px;
   padding-left:10px;
   font: 11px tahoma;
   font-weight:normal;
   color:gray;
}
.MenuContextChoixG {font-weight:bold;	}
.MenuContext-lib{
   /*width:150px;*/
   background:transparent;
   padding:10px;
   vertical-align:top;
}
.MenuContext-td
{
   padding-bottom:20px;
   background:#808080;
   color:#CCCCCC;
   width:100%;
   padding: 6px 8px 6px 8px;
   display:block;
}
.MenuContext-div
{
   text-align:left;
   width:auto;
   height:20px;
   font: arial 12px;
   font-weight:bold;
   padding-bottom:20px;
   background:#808080;
   color:#CCCCCC;
   padding: 6px 8px 6px 8px;
   display:block;
   float:left;
}

.MenuContext
{
   font-family: tahoma;
   font-size:12px ;
   font-weight:bold;

}
.MenuContextInf
{
   font-family:tahoma;
   font-size: 8px ;
   font-weight:normal;
   color:white;
   width:100%;
   background:transparent;
   color:#AAAAAA;
}


/*######## NEWS ##########*/
.news-table-titre{
   color:#8F9637; line-height:30px;
   font: 15px georgia;
   font-weight:bold;
   padding : 0 0 4px 0;
}
.news-info{
   color:#B6B6B6;
   font: 10px arial;
   font-weight:normal;
}
.debugTxt{
   font-size:11px;
   color:#0000ff;
}
.news-table-texte .news-table-texte a{
   font: 11px georgia;
   font-weight:normal;
   padding : 0 0 4px 0;
}
.news-table-texte a{
   color:#666666;
   text-align:right;
   font-style: italic ;
   text-decoration: underline ;
}
.news-table-texte{
   color:#8F9637;
}

.PlanSite, .PlanSite a, .PlanSiteKey
{
   font-face: georgia;
   font-weight:bold;
   color:#000;
}
.PlanSiteKey{
   font-face: georgia;
   font-weight:bold;
   color:#999;
}
.PlanSite a
{	font-decoration:underline;
}

/*background-repeat: no-repeat; background-color: transparent; }*/
.arr-haut-gauche{background-image: url("./img/table/arr-haut-gauche.png");}
.arr-haut-droit{background-image: url("./img/table/arr-haut-droit.png");}
.arr-bas-gauche{background-image: url("./img/table/arr-bas-gauche.png");}
.arr-bas-droit{background-image: url("./img/table/arr-bas-droit.png");}
.arr-milieu-droit, .arr-milieu-gauche{ width: 6px;background-repeat: repeat-y;}
.arr-milieu-droit{background-image: url("./img/table/arr-milieu-droit.png");}
.arr-milieu-gauche{background-image: url("./img/table/arr-milieu-gauche.png");}
.arr-haut, .arr-bas{ height: 6px;background-repeat: repeat-x;}
.arr-haut{background-image: url("./img/table/arr-haut.png");}
.arr-bas{background-image: url("./img/table/arr-bas.png");}


/*######## NEWS ##########*/
.news-table-titre{
   color:#8F9637; line-height:30px;
   font: 15px georgia;
   font-weight:bold;
   padding : 0 0 4px 0;
}
.news-info{
   color:#B6B6B6;
   font: 10px arial;
   font-weight:normal;
}

.news-table-texte .news-table-texte a{
   font: 11px georgia;
   font-weight:normal;
   padding : 0 0 4px 0;
}
.news-table-texte a{
   color:#666666;
   text-align:right;
   font-style: italic ;
   text-decoration: underline ;
}
.news-table-texte{
   color:#8F9637;
}

.PlanSdsite, .PlanSdsite a
{
   font-face: georgia;
   font-weight:bold;
   color:#000;
}
.PlanSdsite a
{	font-decoration:underline;
}

/*###  Pagination ###*/ 
.LstPagePrece, .LstPageSuiv, .LstPagePrece a , .LstPageSuiv a{
   font-size:10px;
   height:19px;
   color:#ccc;
   /*padding-left:20px;*/
   text-align:center;
   background-repeat:no-repeat;
   background-color:#666666;

}
.LstPagePrece	{
   background-image: url(./img/icones/img_precedent.png);
   background-position: left ;
}
.LstPageSuiv {
   background-image: url(./img/icones/img_suivant.png);
   background-position: right ;
}
.LstPagePrece	a, .LstPageSuiv a {color:#fff;}
.InfoAide{
   font-family: verdana;
   font-size:11px;
   text-decoration: none;
   color:#CC0066;
   padding-left: 0px;
}
.legende{
   font-family: verdana;
   font-size:11px;
   text-decoration: none;
   color:#999;
   padding-left: 0px;
}
.img_bas{
   vertical-align:bottom;
   margin-bottom:-1px;
}
.InfoText{
   font-family: verdana;
   font-size:13px;
   font-weight:bold;
   color:#0083B1;
   padding-left: 0px;
}
.table_paginat{
   width:100%;
   height:100%;
   background:#CCCCCC;
   padding:5px;
}
.table_paginat_nav{
   font:arial 11px;
   width:100%;
}
.table_paginat_nbRes{
   background:#E6E6E6;
   vertical-align:middle;
   text-align:center

}

.LigneCadreTexte{
   font-family: verdana;
   font-size:11px;
   font-weight:bold;
   vertical-align:top;
   text-align:left;
   color:#4D4D4D;
   padding-left: 0px;
}
.DialogText{
   font-family: verdana;
   font-size:11px;
   font-weight:normal;
   padding:10px;
   vertical-align:top;
   text-align:left;
   color:#4D4D4D;
   padding-left: 0px;
}

div.table { 
   display:table;
   /* Joindre les bords des cellules */
   border-collapse:collapse;
   /* Forcer le tableau � prendre la largeur �cran */
   width:100%;
}
div.caption { 
   /* Ffox n'affiche pas le caption dans la table
		   il faut le d�clarer bloc */
   display:block;
   /* Si d�clar� bloc, lui donner la largeur des
		   td cumul�s */
   width:400%; /* 100 % x 4 colonnes */
   /* Aligner le titre au centre */
   text-align:center;
}
/* tbody optionnel */
div.tbody { 
   display:table-row-group;
}
div.tr { 
   display:table-row;
}
div.td { 
   display:table-cell;
   padding:0px;

}
div.end { 
   width:auto;
}

<!--[if lte IE 7]>

div.table { 
   /* 100 % fait sortir le tableau de la fen�tre */
   width:auto;
}
div.caption { 
   /* table-caption est reconnu/interpr�t� par IE */
   display:table-caption;
   width:auto;
}
div.td { 
   /* table-cell ne passe pas pour IE, oblig� bloc et float */
   display:block;
   float:left;
}
div.end { 
   /* derni�re cellule */
   width:auto;
   float:none;
}

.paragraph-div
{
   text-align:left;
   width:auto;min-width:150px;
   height:20px;
   font: arial 12px;
   font-weight:bold;
   padding-left:6px;padding-right:6px;
   background:#808080;
   color:#CCCCCC;

   display:block;
   float:left;
}
.tr-paragraph
{
   background:url('./img/menu-onglets/MenuContextSep.png') top repeat-x;
   vertical-align:top;
}

.TableAffichage
{
   border-collapse:collapse;
}
.TableAffichage tr {
   vertical-align:top;
}
.TableAffichage td {
   padding:5px;
}

.FormTable
{
   border-collapse:collapse;
}
.FormTable tr {
   vertical-align:top;
}
.FormTable td {
   padding:5px;
   font: arial 16px;
   font-weight:bold;
   color:#101010;
}
.DataDebugDiv
{
   width:100%;
   height:auto;
   border: solid 2px green;
   color:red;
   bachground-color:gray;
}
#InfoOperation{
   font: 18px tahoma;
   display:block;
   visibility: hidden;
   /*set the div in the center of the screen*/
   height:auto;
   position : fixed;
   top:0px;
   left:35%;
   width:400px;
   text-align:center;
   padding:15px;
   border:solid 2px gray;
   z-index:20;
   background:#29EF4A;
   border-radius: 0 0 15px 15px;
   -moz-border-radius: 0 0 15px 15px;
   -webkit-border-bottom-right-radius: 15px;
   -webkit-border-bottom-left-radius: 15px;
}
.TrombiNom{
   font: 14px tahoma;
   font-weight:bold;
   color:black;
}
.TrombiTypeMembre{
   font: 11px tahoma;
   color:grey;
}
.TextInfoTitre
{
   font: 18px georgia;
   font-weight:bold;
   width:100%;
   color : #5A5A5A;
   border-bottom : solid 1px gray;
}
.cSSBold{font-weight: bold;}
.Z2CDivEditable{
   border:solid 2px #8B8A8B;
   background-color: #fff;
   height:100%;
   min-height:50px;
}
.cssWaitFond{
   filter:alpha(opacity=70);
   -moz-opacity:0.70;
   background : url('./img/wait.gif') no-repeat center center;}
.cssWait{
   filter:alpha(opacity=70);
   -moz-opacity:0.70;
   background-color:blue;
   width:100%;
   height:140px;
   background : url('./img/wait.gif') no-repeat center center;}
.cssWaitMoyen{
   background-color:transparent;
   width:52px;
   height:52px;
   background : url('./img/waiting.gif') no-repeat center center;}
.cssWaitMini{
   background-color:transparent;
   width:16px;
   height:16px;
   background : url('./img/witingmini.gif') no-repeat center center;}
input.btn {
   color:#0082F0;
   font: bold 70% 'trebuchet ms',helvetica,sans-serif;

   background-color:#FFC569;
   border:1px solid;
   border-color:  #0057A0 #0082F0 #0082F0 #0057A0;
}
.zzBouton
{
   padding :  0 5px 0 5px;
   font : 10px tahoma;
   font-weight:bold;
   cursor : pointer;
   color : black;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:4px;
   border:0px solid #969696;   
   background-color: #2C83B0;
   /* Anciens navigateurs */
  /*background: -webkit-gradient(
	  linear,
	  left top, left bottom,
	  from(#aaeeff),
	  to(#2C83B0)
	  );
   background: -webkit-linear-gradient(
	  top,
	  #aaeeff,
	  #2C83B0
	  );
   background: -moz-linear-gradient(
	  top,
	  #aaeeff,
	  #2C83B0
	  );
   background: -o-linear-gradient(
	  top,
	  #aaeeff,
	  #2C83B0
	  );
   background: linear-gradient(
	  top,
	  #aaeeff,
	  #2C83B0
	  );*/
}
.TexteGris{font-color:grey;}
#CR_DEBUG{
   font: 11px tahoma;
}

.GraphoInputExoTrou,
.GraphoInputExoTrouRep,
.GraphoInputExoTrouNO,
.GraphoInputExoTrouOK
{
   border : solid 1px #04A8C6;
   color:#000000;
   font:1em Helvetica, Arial, sans-serif;

}
.GraphoInputExoTrouRep{
  padding:0px 0px 0px 0px;
  background-color :#CDF6FF;
}
.GraphoInputExoTrou,.GraphoInputExoTrouOK,.GraphoInputExoTrouNO{
   background-color :#CDF6FF;
   padding:2px 16px 2px 5px ;
}
.GraphoInputExoTrouOK{
   background-position: right top;
   background-repeat: no-repeat;
   background-image:url('./img/icones/IconeOK16.png');}
.GraphoInputExoTrouNO{
   background-position: right top;
   background-repeat: no-repeat;
   background-image:url('./img/icones/IconeNO16.png');
}

.GraphoTxtExoTrou{
   line-height: 200%; font-size:1.5em;}
.GraphoSpanPhrsExoTrou {
   -moz-border-radius:4px 4px 4px 4px; // rounds corners for firefox
   border-radius:4px 4px 4px 4px; //rounds corners for other browsers
   border:solid 1px transparent;
   background-color:transparent;
   padding:4px;

}
.GraphoSpanPhrsExoTrou:hover {
   -moz-border-radius:4px 4px 4px 4px; // rounds corners for firefox
   border-radius:4px 4px 4px 4px; //rounds corners for other browsers
   border:solid 1px #000;
   background-color:#CDE1FF;
   padding:4px;
}
.GraphoSpanPhrsExoEnLecture {
   -moz-border-radius:4px 4px 4px 4px; // rounds corners for firefox
   border-radius:4px 4px 4px 4px; //rounds corners for other browsers
   border:solid 1px transparent;
   background-color:#FFCF91;
   padding:4px;

}
button.GRAPHObutton {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight:bold;
   cursor: pointer;
   text-align: center;
   vertical-align: middle;
   color: #fff;
   height : 40px;
   padding: 5px 20px;
   background: -moz-linear-gradient(
	  top,
	  #388ABE 0%,
	  #5CA3D0);
   background: -webkit-gradient(
	  linear, left top, left bottom, 
	  from(#388ABE),
	  to(#5CA3D0));
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border: 1px solid #000000;
   -moz-box-shadow:
	  0px 1px 3px rgba(000,000,000,0.5),
	  inset 0px 0px 1px rgba(255,255,255,0.5);
   -webkit-box-shadow:
	  0px 1px 3px rgba(000,000,000,0.5),
	  inset 0px 0px 1px rgba(255,255,255,0.5);

}

.Bt_TableExo{
   margin: 0 auto;
   padding: 0;
}
.Bt_TabExoTDEnCours{
   font-face:trebushet;font-size:14px;
   width:32px;height:28px;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   background-color: #2E55A8;
   color : #fff;
   font-weight:bold;
}
.Bt_TabExoTD{
   font-face:trebushet;font-size:14px;
   width:32px;height:28px;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   background-color: #DDDDDD;
   color : #8B8A8B;
   font-weight:bold;
}
.Bt_TabExoTDTermine{
  border-bottom: solid 4px #30CE00;
}
.Bt_TabExoTDNonCommence{
   border-bottom: solid 4px #698DD7;
}
.SiteTitre
{
   padding-top:10px;vertical-align: middle;width:50%;
   font-size:32px;color:#fff;font-weight: bold;
}
span.GRAPHOUserRepTxt{
   cursor:pointer;
   padding-left: 5px;
   padding-right: 5px;
   color : #000000;
   background-color: #CA9DF3;
}
.BTsActif, .BTsInactif
{
	  
}
.GraphScoreTable{
   border-collapse: collapse;
   
}
.GraphScoreTable td{
   border : solid 1px #AAAAAA;
   font-weight: normal;
   font-size: 1em !important;
}
.GraphScoreTable th
{   
   background-color: #4BABFD;
   border : solid 1px #AAAAAA;
   font-weight: bold;
}
.GraphScoreTable tr:hover
{   
   background-color: #bbb;
}
.GraphScoreTable td.scoreOK,
.GraphScoreTable td.scoreVIDE,
.GraphScoreTable td.scoreNO{
   cursor: pointer;
   background-color: #ddd;
   padding:5px;
   width:25px;
   background-repeat: no-repeat;
   background-position: center;
}
.GraphScoreTable td.scoreOK{
    background-image:url('./img/icones/IconeOK16.png');
}
.GraphScoreTable td.scoreNO{
   background-image:url('./img/icones/IconeNO16.png');   
}
.GraphScoreTable td.scoreVIDE{
   background-image:url('./img/icones/IconeVIDE16.png');   
}
.GraphParcPuceNum{
   color : #000;
   background-repeat: no-repeat;
   background-position: center;
   background-image:url('./img/icones/ParcPuceNum.png');
}
.GraphTitreParcours
{
   font-family:"Trebuchet MS", helvetica, sans-serif, Optima,"Lucida Grande",Futura,Verdana,"Bitstream Vera Sans",Tahoma,Geneva,Lucida,Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  font-weight: bold;
}
.CopyRight{
   color:white;cursor:pointer;color:grey;font-style: italic;
}
.ConsigneTxt
{
   font-weight: bold;;font-face :trebushet;font-size:1.2em;
}
.ConsigneTitre{
   width:100%;font-size:1.7em;font-weight: bold;
}
.LangNoTxt{
   background-color: #FF8080;
}
input[type="data-autosize-input"] {
  max-width: 300px;
  transition: width 0.25s;    
}
.zGraphoDivAccueil{
   background-repeat: no-repeat;
   background-position: center;
   /*background-image:url('./img/BienvenueGraphoville960.jpg');*/
   -khtml-opacity:.15; 
   -moz-opacity:.15; 
   -ms-filter:"alpha(opacity=15)";
	filter:alpha(opacity=15);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.15);
	opacity:.15; 
}
.UsrRepClass, .SysRepClass{
   text-decoration: underline;
   font-weight: bold;
   color : #05418B;
}
.TrouPosLink
{
   cursor:pointer;
   font-weight: bold;
   background-color: #aaaaaa;
   /*text-decoration: underline;*/
   color:blue;
   border:solid 1px black;
}
.IconOK25{
   width:50px;
   height:50px;
   background-image:url('./img/icones/IconeOK25.png');
   background-repeat: no-repeat;
   background-position: center top;
}
.IconNO25{
   width:50px;
   height:50px;
   background-image:url('./img/icones/IconeNO25.png');
   background-repeat: no-repeat;
   background-position: center top;
}
.GraCalClick{
   cursor:pointer;
}
/* the footer*/
.horiz_list li
{
display: inline;
list-style-type: none;
padding-right: 10px;

}
.horiz_list li a{
  color:grey; 
}
.footer_Left
{
float: left;
width:30%;
}
.footer_right
{
float: right;
width:auto;
}
/* end footer*/

.LangTxtComplete2
{
   background-color:transparent;
}
.LangTxtComplete1{
   background-color:#FFEDC5;
}
.LangTxtComplete0{
   background-color:#FFEBEB;
}
.TxtComplete1,.TxtComplete2,.TxtComplete3{
   padding : 0px;
   border : solid 1px grey
}
.TxtComplete0,.TxtComplete {
}
.TxtComplete1 {
	width: 24px;
	height: 24px;
	background-position: 0 0;
	background-image:url(img/icones/TXTVOVALIDE.png);
	background-repeat: no-repeat;
}
.TxtComplete2 {
	width: 24px;
	height: 24px;
	background-position: -24px 0;
	background-image:url(img/icones/TXTVOVALIDE.png) ;
	background-repeat: no-repeat;
}
.TxtComplete3 {
   width: 48px;
	height: 24px;
   background-position: 0 0;
	background-image:url(img/icones/TXTVOVALIDE.png);
	background-repeat: no-repeat;
}
/*.TxtComplete.VocalComplete{
   background-position: 0 0;
}
.TxtComplete.TextComplete{
   background-position: -32px 0;
}
LangTxtCompleteAll
{
   width: 64px;
   height: 32px;
   background:url(img/icones/TXTVOVALIDE.png) no-repeat
}*/
.SysPtit{
   font-size:9px;
}
.euBouton, .euBouton:hover
{
	/* Anciens navigateurs */
	    background: -webkit-gradient(
	        linear,
	        left top, left bottom,
	        from(#aaeeff),
	        to(#57AAD5)
	    );
	    background: -webkit-linear-gradient(
	        top,
	        #aaeeff,
	        #57AAD5
	    );
	    background: -moz-linear-gradient(
	        top,
	        #aaeeff,
	        #57AAD5
	    );
	    background: -o-linear-gradient(
	        top,
	        #aaeeff,
	        #57AAD5
	    );
	    background: linear-gradient(
	        top,
	        #aaeeff,
	        #57AAD5
	    );
}
#DivDestZoneInfo{
   margin : auto !important;
   text-align: center !important;
   font-size:3em ;
}
.ListSectLib{
   font-size: 14px;
   font-weight: bold;
}
.TextMetier{
   font-size: 1.1em;
   text-align: justify;
   /*color:gray;*/
}
.NomPerson{
   font-size: 1.1em;
   color:#5E5E6A;
   font-weight: bold;
}
.MetierTitre{
   font-size: 1.5em;
   color:#000;
   font-weight: bold;
}
.MetierDivStd{
   width:100%;
}
.MetierDivCont{
   padding:25px;
   width:600px;
   padding:15px 15px 15px 15px;
   text-align: justify;
   border: solid 1px gray;
   height:auto;
   -webkit-box-shadow: #B3B3B3 12px 12px 12px;
   -moz-box-shadow: #B3B3B3 12px 12px 12px; 
   box-shadow: #B3B3B3 12px 12px 12px
}
.ImgMetierImage{
   max-height: 100%; max-width: 100%;
}
.DivMetierImage1{
   width:400px;
   text-align: center;

}
.MetierImage{
   width:100%;
   text-align: center;
}
.MetierImage img{
   width:80%;
   height: auto;
}
.MetierQCMEtiquettes{
   width:72%;
   height: auto;
   padding : 0 15px;
   float:left;
}
.QCMEtiq{
   width:auto;
   /*height: 22px;*/
   vertical-align: middle;
   padding: 0 3px;
   background-color: #C0FFFF;
   float: left;
   margin:2px;
   cursor:move;
   border:solid 1px gray;
}
.Z2CTrouAuteur{
   padding: 0 10px;
   border: 0px solid black;
   background-color: #31D1FF;
   
   border-radius: 3px 3px 3px 3px;
   -moz-border-radius: 3px 3px 3px 3px;
   -webkit-border-radius: 3px 3px 3px 3px;
}
.MetierImagette{
   width:20%;
   height: auto;
   float:left;
}

.MetierImagette img{
   max-width:200px;
   max-height: 250px;
   width: auto;
   height: auto;
}
.MetierTrou, .MetierTrouMsk{
   display: inline-block;
}
.MetierTrou, .MetierTrouMsk{
   color:blue;
   font-size: 1.1em;
   font-weight: bold;
}
.MetierTrou{
   color:blue;
}
.MetierTrouMsk  {
   color:blue;
   text-decoration: underline;
}
/*.MetierTrouMsk  {
   color:transparent;
   border-bottom: solid 1px blue;
}
.MetierTrouMsk::first-letter {
  color:blue;
}*/
.MetierAnnot{
   font-style:italic;
}
.MetierAnnotMet{
   font-style:italic;
   font-weight: bold;
}
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 60px;
    margin-right: 60px;
    border-style: inset;
    border-width: 1px;
	border-color: blue;
}
.MetierDivContPg
{
   min-height: 550px;
   padding: 5px;
   border: solid 0px #bbb;
}
.TextMetierTbMots table{
   width:98% !important;
}
.TextMetierTbMots td{
   width:auto !important;
}
.TxtSlcted{
   background-color: yellow;
}
.SectSearch{
   font-size: 0.7em;
   font-style: italic;   
}
.CSSSousInfo{
   font-size: 14px;
   font-weight: bold;
   color:#05C1FF;
   font-style: italic;
}

.lang-ul {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
   column-count: 3;
   list-style-type: none;
}

@media(max-width: 640px) {
  .lang-ul {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
     column-count: 2;
  }
}

@media(max-width: 360px) {
  .lang-ul {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
     column-count: 1;
  }
}
.paginationBtComplete{
	background-color : rgba(255, 0, 0, 0.0) !important;
	color : rgba(12, 168, 0, 1.0)    !important;
	font-weight: bold !important;
}