body {
	margin: 0px;
	padding: 0px;
	color: #2B271D;
	font-family: Helevetica,Arial,sans-serif;
	font-size: 13px;
	line-height:1.5em; 
	background-color: #8FC4FA;
	background-image: url(/../images/BIOS_bckg.jpg);
	background-repeat: repeat-x;
}
/*
a, a:link, a:visited
{
	color: #CCCC66;
}

a:hover
 {
	color: #CCFF00;
	text-decoration: none;
}*/

p { margin: 0px; padding: 0 0 10px 0; }
img { border: none; }

h1 { font-size: 30px; font-weight: bold; margin: 0 0 30px 0; padding: 5px 0; color: #372312; }
h2 { font-size: 25px; font-weight: normal; line-height: 28px; margin: 0 0 30px 0; padding: 0; color: #372312; }
h3 { font-size: 18px; font-weight: normal; margin: 0 0 20px 0; padding: 0; padding: 0; color: #372312; }
h4 { font-size: 16px; margin: 0 0 20px 0; padding: 0; }
h5 { font-size: 14px; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 11px; margin: 0 0 5px 0; padding: 0;}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.margin_r35 { margin-right: 35px; }

.vertical_divider
 {
 /*background: url(images/BIOStpl_vertical_divider.png) right repeat-y;*/
 }
.horizon_divider
 {
 /*background: url(images/BIOStpl_horizontal_divider.png) bottom repeat-x;*/
 }

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.image_wrapper
 {
	display: inline-block;
	padding:8px;
	  margin-left: 10%;
	  margin-right: 10%;

	
	/*border: 1px solid #000;*/
	/*background: #211f1b;*/
	margin-bottom: 10px;
		-webkit-box-shadow:1px 1px 12px #555;
	   -moz-box-shadow:1px 1px 12px #555;
			box-shadow:1px 1px 12px #555;
}
.image_wrapperCont
 {
	display: inline-block;
	padding:8px;
	
	margin-bottom: 10px;
		-webkit-box-shadow:1px 1px 12px #555;
	   -moz-box-shadow:1px 1px 12px #555;
			box-shadow:1px 1px 12px #555;
}
.fl_img
 {
	float: left;
	margin: 3px 30px 15px 0;
}
.fr_img
 {
	float: right;
	margin: 3px 0 15px 15px;
}

blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; }
cite span { color: #fff; }
em { color: #CCCC66; }

.BIOStpl_list 
{
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

.BIOStpl_list li 
{
	/*background: transparent url(images/BIOStpl_list.png) no-repeat scroll 0 0px;*/
	margin:0 0 20px;
	padding:0 0 0 25px;
	line-height: 1em;
}
/*
.button a {
	clear: both;
	display: block;
	width: 102px;
	height: 25px;
	padding: 3px 0 0 0;
	margin-top: 15px;
	background: url(images/BIOStpl_button.png) no-repeat;
	color: #333;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.button a:hover {
	color: #000;
	background: url(images/BIOStpl_button_hover.png) no-repeat;
}*/

#BIOStpl_header
{
	width: 976px;
	padding: 0 0px;
	margin: auto;  height: 125px;
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
 background: url(../images/testhead.jpg) no-repeat;

}

#BIOStpl_menu
 {
	  float: right;
	  width: 750px;
	  height: 39px;
	  margin-top: 95px;
	  margin-right: 0px;
	  margin-bottom: 0px;
	  margin-left: 0px;
	  padding-top: 0px;
	  padding-right: 0px;
	  padding-bottom: 0px;
	  padding-left: 0px;
	/*background: url(../images/BIOS_menu.png) repeat-x;*/
}

#BIOStpl_logo_area
{
  float: left;
  /*font-family: "Times New Roman",Times,serif;
  color: #ffffff;*/
  width: 181px;
  height: 102px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
 /*	-webkit-box-shadow:1px 1px 5px #555;
	   -moz-box-shadow:1px 1px 5px #555;
			box-shadow:1px 1px 5px #555;
	background-color:#FFF;		*/

}

#BIOStpl_wrapper
{
	width: 976px;
	padding: 0 0px;
	margin: auto;
	-webkit-box-shadow:1px 1px 12px #555;
	   -moz-box-shadow:1px 1px 12px #555;
			box-shadow:1px 1px 12px #555;
	-webkit-border-radius:5px 5px;
	   -moz-border-radius:5px 5px;
			border-radius:5px 5px;
	background-color:#FFF;		
	/*background: url(../images/BIOS_fond.png) repeat-y;*/
}

#BIOStpl_subheader
{
	width: 976px;
	height: 300px;
	background: url(../images/riviere-bios-milieu-naturel-environnement.jpg) no-repeat;
	-webkit-border-radius:3px 3px;
	   -moz-border-radius:3px 3px;
			border-radius:3px 3px;
}

#BIOStpl_main
 {
	width: 910px;
	padding: 30px;
	border-bottom: 1px solid #7a766d;
	/*background: #FFFFFF url(../images/BIOS_content_top.png) top repeat-x;*/
}

#BIOStpl_content
{
	float: left;
	width: 560px;
}
#BIOStpl_contentMain
{
	float: left;
	width: 910px;
}

#BIOStpl_sidebar
 {
	float: right;
	width: 290px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	/*text-shadow:0 1px 2px black;*/
	background:#CED3D4;
	/*box-shadow*/
	-webkit-box-shadow:1px 1px 12px #555;
	   -moz-box-shadow:1px 1px 12px #555;
			box-shadow:1px 1px 12px #555;
	color:#000000;
	/*outline-color: #9A9A9A;	*/	
	margin-bottom:20px;	

}

.two_column_ws 
{
	width: 250px;
}

.two_column 
{
	width: 250px;
}

.three_column 
{
	float: left;
	width: 250px;
	padding-right: 30px;
}

.news_box
 {
	margin-bottom: 20px;
}
.news_box .date
 {
	color: #FF9900;
}

.services_section
 {
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.services_section .ss_left 
{
	float: left;
	width: 200px;
}

.services_section .ss_left img 
{
	width: 200px;
	height: 200px;
}

.services_section .ss_right 
{
	float: right;
	width: 330px;
}

.partner_section
 {
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.partner_section .ss_left
 {
	float: left;
	width: 200px;
}

.partner_section .ss_left img
 {
	width: 180px;
	height: 180px;
}

.partner_section .ss_right
 {
	float: right;
	width: 330px;
}

.post_box
 {
	clear: both;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.post_box h2
{
	margin-bottom: 10px;
}

.post_box .post_info
 {
	font-style: italic;
	margin-bottom: 20px;
}

.post_box .post_info a
 {
	color: #CCCC66;
}

.post_box .comment_tab
 {
	padding: 10px 0;
	margin: 40px 0 20px 0;
	border-bottom: 1px dashed #666;
	font-size: 20px;
	font-weight: bold;
}


#BIOStpl_footer 
{
	width: auto;
	padding: 20px 30px;
	text-align: center;
	color: #000000;
	background: #757062 url(../images/BIOS_footer.png) top center no-repeat;
}

#BIOStpl_footer a
 {
	color: #272D38;
}

/* ########################## SLIDESHOW ###################*/
@-webkit-keyframes AutoSlide {
	0%, 15%, 100% {
		left: 0px; /* première image et dernière*/
	}
	35%, 50% {
		left: -160px; /*2ème image*/
	}
	70%, 85% {
		left: -320px; /*3ème image*/
	}
}
@-moz-keyframes AutoSlide {
	0%, 15%, 100% {
		left: 0px; /* première image et dernière*/
	}
	35%, 50% {
		left: -160px; /*2ème image*/
	}
	70%, 85% {
		left: -320px; /*3ème image*/
	}
}
@keyframes AutoSlide {
	0%, 15%, 100% {
		left: 0px; /* première image et dernière*/
	}
	35%, 50% {
		left: -160px; /*2ème image*/
	}
	70%, 85% {
		left: -320px; /*3ème image*/
	}
}

#slideshow {
	position: relative;    /*le parent positionné*/
	width: 160px;          /*limite en largeur (1 élément du slideshow)*/
	height: 134px;         /*limite en hauteur*/
	margin:  20px auto;
	overflow: hidden;      /*on cache ce qui déborde*/
}
#sContent li {
	display: inline;      /*on aligne les éléments du slideshow*/
}
#sContent {
	position: absolute;   /*on sort l'élément du flux*/
	top: 0;               /*on le positionne précisément dans ...*/
	left: 0;              /*l'angle haut gauche de son parent positionné*/
	width: 480px;
	margin: 0;            
	padding: 0;
	
	/*CSS3 webkit keyframes animation*/
	-webkit-animation-name: AutoSlide;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	
	/*CSS3 moz keyframes animation*/
	-moz-animation-name: AutoSlide;
	-moz-animation-duration: 10s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	
	/*CSS3 W3C keyframes animation*/
	animation-name: AutoSlide;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}


/* ########################### INFOBULLE #############################""*/

a.info 
{
	position: relative;
	color: black;
	text-decoration: none;

	/*border-bottom: 1px gray dotted; /* on souligne le texte */

}
a.info span 
{
	display: none; /* on masque l'infobulle */
	z-index: 0; /* on définit une valeur pour l'ordre d'affichage */
}
a.info:hover
{
   background: none; /* correction d'un bug IE */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
   z-index: 20; /* on définit une valeur pour l'ordre d'affichage */
}
a.info:hover span 
{
   display: block; /* on affiche l'infobulle */ /*block*/
   position: absolute;
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: -30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: #826A23;
   padding: 3px;

   border: 1px solid #E2C56F;
   border-left: 4px solid #E2C56F;
}

a:link 
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FF9900;
	text-decoration: none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

a.en_savoir_plus:link, a.en_savoir_plus:visited
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration-line: none;
	text-decoration-style: solid;
	color: #7a9f2f;
}
a.en_savoir_plus:hover, .en_savoir_plus:active
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration-line: none;
	text-decoration-style: solid;
	color: #ffffff;
	padding:5px;
	background:#7a9f2f;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
}

.en_savoir_plus span
{
	font-size: 11px;
	text-decoration-line: none;
	text-decoration-style: solid;
	color: #ffffff;
	padding:5px;
	background:#7a9f2f;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;

}


/*TEST MENU*/

.menuV2
{
	color:#15152F;
	background:#D4D4D4;
	-webkit-border-radius:1px;
	   -moz-border-radius:1px;
			border-radius:1px;
	padding:0px 15px;
	font-size: 11px;
	font-weight: bold;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.mv2:link, a.mv2:visited
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;
	background:#D4D4D4;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
	padding:0px 0px;	
	font-size: 11px;
	font-weight: bold;	
}
a.mv2:focus, a.mv2:hover, a.mv2:active
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;
	background:#D5D1BD;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
	padding:0px 0px;	
	font-size: 11px;
	font-weight: bold;	
}

.menuV2:hover,.menuV2:focus
{
	/*text-shadow:0 1px 2px black;*/
	background:#D5D1BD;
	/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4);
	   -moz-box-shadow:0 1px 0 rgba(255,255,255,.4);
			box-shadow:0 1px 0 rgba(255,255,255,.4);
	color:#FFFFFF;
	outline-color: #000000;
}

.menuV2 span a:link
 {
	height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000158;
	text-decoration: none;
	background:#FFF;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
	padding:0px 0px;	
}
.menuV2 span a:visited
{
	height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000158;
	text-decoration: none;
	background:#FFF;
	
}
.menuV2 span a:hover
 {
	height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FF9900;
	text-decoration: none;
	background:#FFF;

}
.menuV2 span a:active
 {
	height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	background:#FFF;

}
.menuV2 span
{
	position:absolute;
	padding:15px;
	margin-top:0px;
	margin-left:-200px;
	width:auto;
	min-width:200px;
	background:rgba(255,255,255,1);
	opacity:0;
	color:#402520;
	/*transform*/
	-webkit-transform:scale(0) rotateZ(-12deg);
	   -moz-transform:scale(0) rotate(-12deg);
		-ms-transform:scale(0) rotateZ(-12deg);
		 -o-transform:scale(0) rotate(-12deg);
			transform:scale(0) rotateZ(-12deg);
	/*transition*/
	-webkit-transition:all .5s;
	   -moz-transition:all .5s;
		-ms-transition:all .5s;
		 -o-transition:all .5s;
			transition:all .5s;

			
	/*border-radius*/
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	/*box-shadow*/
	-webkit-box-shadow:0 0 2px rgba(0,0,0,.5);
	   -moz-box-shadow:0 0 2px rgba(0,0,0,.5);
			box-shadow:0 0 2px rgba(0,0,0,.5);
	
			
}
.menuV2:hover span,.menuV2 :focus span
{
	opacity:1;
	/*transform*/
	-webkit-transform:scale(1) rotateZ(0);
	   -moz-transform:scale(1) rotate(0);
		-ms-transform:scale(1) rotateZ(0);
		 -o-transform:scale(1) rotate(0);
			transform:scale(1) rotateZ(0);
}


/* ########################### MENU HORIZONTAL ADMIN  #############################""*/

#pcm{display:none;}
ul.cssmenu ul{display:none}
ul.cssmenu li:hover>ul{display:block}
ul.cssmenu ul{position: absolute;left:-1px;top:98%;}
ul.cssmenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssmenu,ul.cssmenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#333333;
	background-repeat:repeat;
	border-color:#cccccc #111111 #111111 #cccccc;
	border-width:1px;
	border-style:solid;
}
ul.cssmenu table {border-collapse:collapse} ul.cssmenu {
	display:block;
	zoom:1;
	float: left;
	margin-left : 5px;/* marg gauche du mene */
}
ul.cssmenu ul /* largeur colonne*/
{
	width:200px;
}
ul.cssmenu li
{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.cssmenu a:active, ul.cssmenu a:focus 
{
outline-style:none;
}
ul.cssmenu a, ul.cssmenu li.dis a:hover, ul.cssmenu li.sep a:hover 
{
	display:block;
	vertical-align:middle;
	background-color:#333333;
	border-width:1px;
	border-color:#333333;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:2px 5px 2px 10px;
	_padding-left:0;
	font:normal 12px Trebuchet MS,Tahoma;
	color: #cccccc;
	text-decoration:none;
	cursor:default;
}
ul.cssmenu span
{
	overflow:hidden;
}
ul.cssmenu li 
{
	float:left;
}
ul.cssmenu ul li 
{
	float:none;
}
ul.cssmenu ul a 
{
	text-align:left;
	white-space:nowrap;
}
ul.cssmenu li.sep
{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssmenu li.sep span
{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#cccccc #111111 #111111 #cccccc;	background-image:none;
	}
ul.cssmenu ul li.sep span
{
	width:100%;
	height:3px;
}
ul.cssmenu li:hover
{
	position:relative;
}
ul.cssmenu li:hover>a
{
	background-color:#377D9F;
	border-color:#377D9F;
	border-style:solid;
	font:normal 12px Trebuchet MS, Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}
ul.cssmenu li a:hover{
	position:relative;
	background-color:#377D9F;
	border-color:#377D9F;
	border-style:solid;
	font:normal 12px Trebuchet MS, Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}
ul.cssmenu li.dis a {
	color: #666 !important;
}
ul.cssmenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.cssmenu ul img {width:16px;
height:16px;
}
ul.cssmenu img.over{display:none}
ul.cssmenu li.dis a:hover img.over{display:none !important}
ul.cssmenu li.dis a:hover img.def {display:inline !important}
ul.cssmenu li:hover > a img.def  {display:none}
ul.cssmenu li:hover > a img.over {display:inline}
ul.cssmenu a:hover img.over,ul.cssmenu a:hover ul img.def,ul.cssmenu a:hover a:hover ul img.def,ul.cssmenu a:hover a:hover a:hover ul img.def,ul.cssmenu a:hover a:hover img.over,ul.cssmenu a:hover a:hover a:hover img.over,ul.cssmenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssmenu a:hover img.def,ul.cssmenu a:hover ul img.over,ul.cssmenu a:hover a:hover ul img.over,ul.cssmenu a:hover a:hover a:hover ul img.over,ul.cssmenu a:hover a:hover img.def,ul.cssmenu a:hover a:hover a:hover img.def,ul.cssmenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssmenu a:hover ul,ul.cssmenu a:hover a:hover ul,ul.cssmenu a:hover a:hover a:hover ul{display:block}
ul.cssmenu a:hover ul ul,ul.cssmenu a:hover a:hover ul ul{display:none}
ul.cssmenu span{
	display:block;
	background-image:url(./images/arr_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.cssmenu li:hover>a>span{	background-image:url(./images/arrv_white.gif);
}
ul.cssmenu a:hover span{	_background-image:url(./images/arrv_white.gif)}
ul.cssmenu ul span,ul.cssmenu a:hover table span{background-image:url(./images/arr_white.gif)}



/* ########################### MENU DEROULANT  #############################""*/
.marquee
{
	font-family:  Times, Arial, "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
	font-size:0.9em;
	width:100%;
	font-weight: bold;
	color:black;
}




/*General tools*/
/* ########################### MISE EN PAGE #############################""*/
body
{
	width: 1000px;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;

	/*background-image: url(""); /* le background */
}

.container
{
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 15px;	
	width:900px;
	float:none;
	display:block;
}

.containerCol1
{
	margin-left: 10px;
	margin-top: 10px;
	display:block;
	float:left;
	width:450px;
}

.containerCol2 
{
	margin-top: 10px;
	margin-right: 15px;	
	display:block;
	float:right;
	width:350px;
}

/*########################## LAYER ##################################"*/
.layercontainer
{
	position: absolute;
}

.layer1
{
	position: absolute;
	z-index:1;
	top:-13px;
	height:25px;
	width:25px;
	

}

.layer2
 {
	position: absolute;
	z-index:2;
	top:-13px;
	height:25px;
	width:25px;
}


/*######################### TABLEAU ####################################"*/

.col2
{
	color: black;
	font-size: 1.0em;
	text-align: center; 
	border-collapse: collapse;
	padding: 2px;
	width:350px;
	border:0px;

}

.TableContainer /*used*/
{
	font-size: 0.7em;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;	
	padding-left :15px;
	width:950px;
}

.TableCol0 /*used*/
{
	vertical-align:top;
	width:950px;
}

.TableCol1 /*used*/
{
	vertical-align:top;
	width:550px;
}

.TableCol2 /*used*/
{
	vertical-align:top;
	width:350px;
}

.TableCol3 /*used*/
{
	vertical-align:top;
	width:420px;
	line-height: 20px; 
}
.TableCol4 /*used*/
{
	vertical-align:top;
	width:550px;
	line-height: 20px; 
}
.ImgTable /*used*/
{
	width:420px;
	text-align:center;
}

.TitleT1 /*used*/
{
	border:1px solid #E17C00;
	margin-bottom:15px;
	padding-left:10px;
	padding-bottom:15px;
	padding-right:5px;	
}

.TitleSBord /*used*/
{
	margin-bottom:15px;
	padding-left:10px;
	padding-bottom:15px;
	padding-right:5px;	
}

.TitleT2 /*used*/
{
	border:1px solid #E17C00;
	margin-bottom:15px;
	padding-bottom:15px;
}


/*############################# TITLE ###################################*/
V2_2
{
	color:#FFFFFF;
	font-size: 1em;
	font-weight:bold;
	font-family: Arial, Times;

}

/*######################## IMAGE ########################################*/
.leftbase /*used*/
{
	float: left;
	padding-right:10px;
	padding-bottom:5px;	
}

.leftico /*used*/
{
	/*float: left;*/
	height:19px;
	margin-top:0px;
}

/* ########################### FORMULAIRES  #############################""*/

input[type=text],input[type=password],textarea,select  /*used*/
{
   	padding:1px;
   	margin:1px;
   	border:1px solid #FF9933;
    background-color: #FFCC99;
    padding-left: 3px;
    font-family: Arial,Helvetica,"Trebuchet MS",Tahoma;
   	font-size: 10pt;
	color: #000000;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus /*used*/
 {
	border:1px solid #FF9933;
	background-color: #FFCC99;
	padding-left: 3px;
	color: #000000;
}

input[type=submit],input[type=reset],input[type=button],button /*used*/
 {
	background-color:#FFCC99;
	border-color:#FF9933;
	border-style:solid;
	border-width:1px;
	color:#000000;
	cursor:pointer;
	font-weight:bold;
    font-family: Arial,Helvetica,"Trebuchet MS",Tahoma;
    font-size: 10pt;
}

/* ########################### MESSAGES  #############################""*/

.messageInfo /*used*/
{ 
    /*background: url(/images/info.png) no-repeat; */
    background-position: 10px center;
	margin-top : 10px;
	margin-left : 130px;
    padding-left : 10px;
    padding-right : 10px;
    margin-bottom: 5px;
	text-align : center;
	width: 500px;
    font: normal 10pt Arial,"Trebuchet MS",Tahoma,Helvetica;
	display:block;

	border: 1px dashed #3366CC;
    background-color: #E5ECF9; 
    color: #3366CC;
	
}

.messageValid /*used*/
{
   /* background: url(/images/valid.png) no-repeat; */
    background-position: 10px center;
	margin-top : 10px;
	margin-left : 130px;
    padding-left : 10px;
    padding-right : 10px;
    margin-bottom: 5px;
	text-align : center;
	width: 500px;
    font: normal 10pt Arial,"Trebuchet MS",Tahoma,Helvetica;
	display:block;
	border: 1px dashed #006600;
    background-color: #B0E57C;	
    color: #006600;

}

.messageWarning /*used*/
 { 
    background-position: 10px center;
    background-position: 10px center;
	margin-top : 10px;
	margin-left : 130px;
    padding-left : 10px;
    padding-right : 10px;
    margin-bottom: 5px;
	text-align : center;
	width: 500px;
    font: normal 10pt Arial,"Trebuchet MS",Tahoma,Helvetica;
	display:block;

   /* background: url(/images/warning.png) no-repeat; */

    color: #FFA500;
	border: 1px dashed #FFA500;
    background-color: #FFFF80; 
}

.messageErreur /*used*/
 { 
    background-position: 10px center;
	margin-top : 10px;
	margin-left : 130px;
    padding-left : 10px;
    padding-right : 10px;
    margin-bottom: 5px;
	text-align : center;
	width: 500px;
    font: normal 10pt Arial,"Trebuchet MS",Tahoma,Helvetica;
	display:block;

   /* background: url(/images/error.png) no-repeat; */
    background-color: #FEBDBA;
    color: #D40000;
	border: 1px dashed #D40000;
}


/* ------Textes --------*/

.cligno
{
	text-decoration:blink;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.left
{
	text-align: left;
}

.justify
{
	text-align: justify;
}

.vim
{
	color:  #E15A00;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}

/* ------Aucun passage a la ligne lors d'un DIV --------*/

.nodiv
{
	display: inline;
	position: relative;
}


ptt
{
	color:  #000000;
	font-size: 0.85em;
}
gros
{
	font-size: 1.5em;
}

ptt2
{
	color:  #000000;
	font-size: 0.70em;
}

gtext_v2
{
	color:#FFFFFF;
	font-size: 1em;
	font-weight:bold;
	font-family: Arial, Times;
}

strong
{
	color:  #802F00;
	font-size: 18px;
}

.pt
{
	font-size: 1em;
	/*font-weight: bold;	*/
}


.TA
{
	background-color:#917400;
	color:#000000;
	font-size: 1.1em;
	
}

.TB
{
	background-color:#C9976C;
	color:#000000;
	font-size: 1.1em;

}

.TC
{
	background-color:#00691C;
	color:#000000;
}

.LA
{
	background-color:#E6D5C6;
	color:#000000;
	font-size: 1.1em;
}

.LB
{
	background-color:#E5C471;
	color:#000000;
	font-size: 1.1em;
}

.LC
{
	background-color:#B7B198;
	color:#000000;
	font-size: 1.1em;
}

.Green
{
	color:#006900;
	font-weight: bold;	

}

.Red
{
	color:#E10000;
	font-weight: bold;	

}



/*Le bandeau cookie*/
.cookie-banner {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;

  &.active {
    display: block;
  }
}

/* Overlay de la boite de dialogue*/
.cookie-inform-and-ask {
  background-color: $semi-transparent-black;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;

  &.active {
    display: block;
  }

/*La vraie boîte de dialogue*/
  .cookie-dialog {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
  }
}