/* la barre d'affichage album photo*/
.alb_barre {
    width: 600px;
    height: 80px;
    /*overflow-x: scroll;
    overflow-y: hidden;*/
	overflow:auto;
    white-space: nowrap;
	scrollbar-track-color: #808080;	/* to simulate webkit for IE*/
  	scrollbar-arrow-color: #404040;
	scrollbar-base-color: #404040;
	scrollbar-shadow-color: #505050;
}

.alb_barre::-webkit-scrollbar {
	height: 12px;
	/*behavior: url("css3_pie/PIE.htc");*/	/*  ca casse dans Chrome */
}

.alb_barre::-webkit-scrollbar-button {
	background: rgba(50,50,50,0.9);
}  

.alb_barre::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.7);
	 background: #808080;/*rgba(140,140,140,0.9);*/
    border-radius: 10px;
	/*behavior: url("css3_pie/PIE.htc");*/
}

.alb_barre::-webkit-scrollbar-thumb {
    border-radius: 10px;
	 background: #404040;/*rgba(0,0,0,0.6);*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7);
	/*behavior: url("css3_pie/PIE.htc");*/
}

/* Texte défilant IDs */
#cadre_txt_defil { position:relative; width:700px; height:26px;  
          color:inherit; overflow:hidden; border:0px inset white; } 
#txt_defil { position:absolute; margin-top:1px; background-color:transparent;}
	
#sticky {
	position : absolute;
	/*top:300px;*/
}
#sticky.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
}

@font-face {
    /*font-family: 'gigi';*/
	font-family: 'test';
    src: url('agencyr.ttf')format('truetype');
}

@font-face {
    font-family: 'kaili';
	src: url('Kaili.eot?#iefix') format('embedded-opentype'),
	 	url('Kaili.woff') format('woff'),
		url('Kaili.ttf') format('truetype');
}

/*.f_gigi { font-family: gigi,arial; font-size:16px} */
.f_gigi { font-family: test,arial; font-size:16px} 
/*  mettre un  class="f_gigi"  ,  ne marche sous IE !!! */

A { text-decoration: none; 
	FONT-SIZE:10PT;TEXT-DECORATION:none;COLOR:#c0c0c0;	
}
A:hover { text-decoration: none; 
	FONT-SIZE:10PT;TEXT-DECORATION:none;COLOR:#ffffff;	
}

.vscreen {		/*  cadre diaporama accueil */
		background-color:#DAEBF2;
		border-radius: 10px;
		/*box-shadow: 6px 6px 14px rgba(0,0,0,0.2);*/
		-moz-box-shadow: 15px 15px 50px 0px #bfbfbf;
		-webkit-box-shadow: 15px 15px 50px 0px #bfbfbf;
		-o-box-shadow: 15px 15px 50px 0px #bfbfbf;
		box-shadow: 15px 15px 50px 0px #bfbfbf;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#bfbfbf, Direction=134, Strength=50);
		behavior: url("css3_pie/PIE.htc");
		border-color:e00000;
		border: 2px;
		width : 660px;
		height : 500px;
		align:center;
		padding-top:8px;
	}

input {
	border-radius: 3px;
	font-size : 10pt;
	font-family : Verdana;
	height: 22px;
	color: #305080;
	/*background-image: url(../img/input_bg.gif);*/
}

input[type='text'], textarea {
  background-color : #d1d1d1;
}

textarea {
	font-size : 9pt;
	font-family : Verdana;
	color: #305080;
	/*background-image: url(../img/input_bg_2.gif);*/
}

.trans{
	vertical-align:middle;
	width:16px;
	background:transparent;
}

input[type=radio] {
	vertical-align:middle;
	width:16px
}
input[type=checkbox] {
	vertical-align:middle;
	border-radius:10px;
	width:16px
}

input[type='file']{
	/*margin-left: 30px;*/
	cursor:hand;
	color:404040;
}


.main_color {
	color : #c0c0c0;
}
.rectangle {
	font-family : verdana;
	font-size : 10pt;
	color : #404040;
    border: solid 1px #d0d0d0;
	border-radius: 6px;
}

.no_decoration {
	TEXT-DECORATION:none;
}

.texte_b_menu_h  { 
	font-family : verdana;
	font-size : 13pt;
	color : #c0c0c0;
}

.texte_bl_menu_g  { 
	font-family : verdana;
	font-size : 13pt;
	color : #c0c0c0;
}

.texte_bl_menu_g_1  { 
	font-family : verdana;
	font-size : 10pt;
	color : #c0c0c0;
}

.texte_bl_menu_g_2  { 
	font-family : verdana;
	font-size : 8pt;
	color : #c0c0c0;
}

.texte_bl_menu_g_x  { 
	font-family : verdana;
	font-size : 10pt;
	color : #c0c0c0;
}

/* foncé */
.texte_f {
	font-family : verdana;
	font-size : 10pt;
	color : #b02020;
}

/* couleur générale */
.texte  {
	font-family : verdana;
	font-size : 10pt;
	color : #c0c0c0;
}

.texte_admin  {
	font-family : verdana;
	font-size : 10pt;
	color : #c0c0c0;
}

.table_title  {
	font-family : verdana;
	font-size : 10pt;
	color : #c0c0c0;
	background-color: #404040;
}
.table_line_1  {
	font-family : verdana;
	font-size : 10pt;
	color : #305080;
	background-color: #f3faff;
}
.table_line_2  {
	font-family : verdana;
	font-size : 10pt;
	color : #305080;
	background-color: #f9f9f9;
}

.hi {FONT-SIZE:10PT;TEXT-DECORATION:none;COLOR:#c0c0c0;}	
.hi:hover {FONT-SIZE:10PT;TEXT-DECORATION:none;COLOR:#ffffff;}

.hi_bleu {FONT-SIZE:10PT;TEXT-DECORATION:none;COLOR:#c0c0c0;}	
.hi_bleu:hover {FONT-SIZE:10PT;TEXT-DECORATION:none;COLOR:#ffffff;}

.hi_bleu_2 {FONT-SIZE:11PT;TEXT-DECORATION:none;COLOR:#ffffe0;}	
.hi_bleu_2:hover {FONT-SIZE:11PT;TEXT-DECORATION:none;COLOR:#ffe000;}	

.hi_gris_bleu {FONT-SIZE:10PT;TEXT-DECORATION:none;COLOR:#c0c0c0;}	
.hi_gris_bleu:hover {FONT-SIZE:10PT;TEXT-DECORATION:none;COLOR:#ffffff;}	

/*.hi_blanc {FONT-FAMILY:test;FONT-SIZE:10PT;TEXT-DECORATION:none;COLOR:#006000;}	
.hi_blanc:hover {FONT-FAMILY:test;FONT-SIZE:10PT;TEXT-DECORATION:none;COLOR:#505050;}	

.hi_blanc_h {FONT-FAMILY:kaili;FONT-SIZE:12PT;TEXT-DECORATION:none;COLOR:#006000;}	
.hi_blanc_h:hover {FONT-FAMILY:kaili;FONT-SIZE:12PT;TEXT-DECORATION:none;COLOR:#505050;}	*/

.hi_blanc {FONT-SIZE:10PT;TEXT-DECORATION:none;COLOR:#c0c0c0;}	
.hi_blanc:hover {FONT-SIZE:10PT;TEXT-DECORATION:none;COLOR:#ffffff;}	

.hi_blanc_h {FONT-SIZE:12PT;TEXT-DECORATION:none;COLOR:#c0c0c0;}	
.hi_blanc_h:hover {FONT-SIZE:12PT;TEXT-DECORATION:none;COLOR:#ffffff;}	



body {
	background-color: #000000;
	/*scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;*/
	font-size : 10pt;
	font-family : Verdana;	
	margin-top : 0px;
	margin-left : 5px;
}

.no_br {
	margin-bottom : 0; 
	margin-top : 0; 
	}
table {
	margin-bottom : 0; 
	margin-top : 0; 
	}
	
ul {
	margin-bottom : 0; 
	margin-top : 0; 
	}
	
select {
	font-size : 8pt;
	font-family : Verdana;
	color: #305080;
	background-image: url(../img/input_bg_2.gif);
}
.medium_field {
	font-size : 9pt;
	font-family : Verdana;
	height: 20px;
	color: #305080;
	background-image: url(../img/input_bg.gif);
}


.input_trans {
	border: none;
	font-family : verdana;
	font-size : 10pt;
	color : #008000;
	height:16px;
	text-align:right;
}

.input_shadow {
	background-image: url(../img/input_bg.gif);
}



.very_Small_but
              {
              	BACKGROUND-COLOR: #7989d0;
              	BORDER-BOTTOM: #304080 1px solid;
              	BORDER-LEFT: #a0c0e0 1px solid;
              	BORDER-RIGHT: #304080 1px solid;
              	BORDER-TOP: #a0c0e0 1px solid;
              	COLOR: white;
              	CURSOR: hand;
              	FONT-FAMILY: Arial;
              	FONT-SIZE: 10px;
              	TEXT-DECORATION: none;
              	WIDTH: 40px;
				HEIGHT: 18px;
				TEXT-ALIGN: center;
              }
			  
.Small_but
              {
              	Background : url(../img_perso/bouton.jpg);
              	border : none;
              	COLOR: e0e0e0;
              	CURSOR: hand;
              	FONT-FAMILY: Arial;
              	FONT-SIZE: 10px;
              	TEXT-DECORATION: none;
              	WIDTH: 70px;
				HEIGHT: 18px;
				TEXT-ALIGN: center;
              }
			  
.medium_but
              {
			  	Background : url(../img_perso/bouton.jpg);
              	border : none;
              	COLOR: e0e0e0;
              	CURSOR: hand;
              	FONT-FAMILY: Arial;
              	FONT-SIZE: 11px;
              	TEXT-DECORATION: none;
              	WIDTH: 110px;
				HEIGHT: 18px;
				TEXT-ALIGN: center;
              }
			  
.large_but
              {
				Background : url(../img_perso/bouton_large.jpg);
              	border : none;
              	COLOR: e0e0e0;
              	CURSOR: hand;
              	FONT-FAMILY: Arial;
              	FONT-SIZE: 11px;
              	TEXT-DECORATION: none;
              	WIDTH: 180px;
				HEIGHT: 18px;
				TEXT-ALIGN: center;
              }
			  
.Thin_Border
	{
       	BORDER : thin;
       	FONT-FAMILY: Arial;
       	FONT-SIZE: 10px;
       	WIDTH: 150px;
	}
	
.shareButtons{font-style:italic;margin-top:10px;overflow:hidden;width:250px;text-align:center;box-shadow:0 20px 20px -10px #aaa}
.shareButtons a{position:relative;top:10px}
.shareButtons a:hover{top:3px;transition:top .2s linear}