.visible_print_only {display:none}
.not_visible_print_only {}

/*******************************************************************************/
/* MISE EN PAGE */

html, body, form
{
	margin: 0;
	padding: 0;
	height: 100%;
}

body
{
	background-color: #F0EFF2;
	background-repeat: repeat;
}
	/*background-image: url("../img/clouds_0.gif");*/

/* --- BLOC CONTENEUR GLOBAL --- */
div#page
{
	position: relative; /* permet au bloc de servir de référent pour
		   ses descendants positionnés en absolu */
	margin: 0 auto;
	min-height: 100%;
}
/* Ne pas oublier les styles suivants, à appliquer au premier élément
   et au dernier élément (hors pied de page) du bloc conteneur */
div#page #premier-element {
	margin-top: 0; /* évite tout risque de fusion des marges */
}
div#page #dernier-element {
	margin-bottom: 0; /* évite tout risque de fusion des marges */
	padding-bottom: 45px;
		/* ATTENTION : cet espace doit permettre de placer le pied de page! */
}

/* --- PIED DE PAGE --- */
div#piedpage {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
		/* pour que le bloc prenne toute la largeur du bloc de référence
		   Note : le bloc de référence est le plus proche ancêtre positionné
		   en relatif ou en absolu */
	height: 40px;
	
	background-color: #333333;
	color: #FFFFFF;
	min-width: 1000px;
}
div#piedpage p{color:White; text-align:center;}
div#piedpage a{color: White;}
div#piedpage a:hover{color:Orange; text-decoration:underline;}

div .wrap_util
{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	min-width: 1000px;
}

div .wrap_util_print
{
	margin-left: auto;
	margin-right: auto;
	width: 825px;
	min-width: 825px;
	background-color: #FFFFFF;
}

div#top_langue
{
	background-color: #333333; 
	color: #FFFFFF; 
	height: 18px;
	min-width: 1000px;
}

/*
div#header
{
	width: 100%; 
	background-image:url('../img/background.png'); 
	background-repeat: repeat-x;
}
*/
div#header {
	width: 100%;
	background-color: #0077c8;
}

div#header2
{
	position: relative;
	height: 1px;
	width: 100%;
	background-color: #333333; 
}


div#horiz
{
	min-width: 1000px;
	height: 15px;
	background-color: #E1E0E5;

	background-image:linear-gradient(0deg, #E1E0E5, #FFFFFF);
	background-image:-moz-linear-gradient(0deg, #E1E0E5, #FFFFFF);
	background-image:-webkit-gradient(0deg, #E1E0E5, #FFFFFF);
	background-image:-o-linear-gradient(0deg, #E1E0E5, #FFFFFF);
	background-image:-ms-linear-gradient(0deg, #E1E0E5, #FFFFFF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1E0E5',endColorstr='#FFFFFF', GradientType=1);
	}
/*
	background-image:linear-gradient(0deg, #E1E0E5, #FFFFFF);
	background-image:-moz-linear-gradient(0deg, #E1E0E5, #FFFFFF);
	background-image:-webkit-gradient(0deg, #E1E0E5, #FFFFFF);
	background-image:-o-linear-gradient(0deg, #E1E0E5, #FFFFFF);
	background-image:-ms-linear-gradient(0deg, #E1E0E5, #FFFFFF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1E0E5',endColorstr='#FFFFFF', GradientType=1);
*/
div#horiz a {color: #0000FF; text-decoration: underline;}
div#horiz a:hover {color: #00CC00;}


/*******************************************************************************/

div#content
{
	display: table-cell;
	width: 825px;
	padding: 0px 5px 0px 5px;
}

.menu_vertical
{
	display: table-cell;
	width: 170px;
	min-height: 500px;
	height: 100%;
	padding: 2px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	background-color: #23498E;
	
	background-image:linear-gradient(#23498E, #00A8EC);
	background-image:-moz-linear-gradient(#23498E, #00A8EC);
	background-image:-webkit-gradient(#23498E, #00A8EC);
	background-image:-o-linear-gradient(#23498E, #00A8EC);
	background-image:-ms-linear-gradient(#23498E, #00A8EC);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23498E',endColorstr='#00A8EC', GradientType=0);
}
/*
	background-image:linear-gradient(#23498E, #00A8EC);
	background-image:-moz-linear-gradient(#23498E, #00A8EC);
	background-image:-webkit-gradient(#23498E, #00A8EC);
	background-image:-o-linear-gradient(#23498E, #00A8EC);
	background-image:-ms-linear-gradient(#23498E, #00A8EC);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23498E',endColorstr='#00A8EC', GradientType=0);
*/
/*
	background-image:linear-gradient(#BE000C, #F30002);
	background-image:-moz-linear-gradient(#BE000C, #F30002);
	background-image:-webkit-gradient(#BE000C, #F30002);
	background-image:-o-linear-gradient(#BE000C, #F30002);
	background-image:-ms-linear-gradient(#BE000C, #F30002);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BE000C',endColorstr='#F30002', GradientType=0);
*/
.menu_vertical a:hover{text-decoration:underline;}

.menu_vertical ul
{
	padding: 0px;
	margin: 0px;
}

.menu_vertical li
{
	list-style-type: none; /* on annule la puce par défaut */
	background-image: url('../img/puce.png'); /* on affiche l'image souhaitée */
	background-repeat: no-repeat; /* on annule la répétition par défaut */
	background-position: left 5px; /* on positionne où l'on veut */
	padding-left: 10px; /* pour éviter la superposition du contenu */
	margin-left: 5px;
}

.menu_vertical li a
{
	color: #FFFF99;
	font-size: 11px;
}
.menu_vertical li a:hover{text-decoration:underline;}


.menu_groupe
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	margin-left: 2px;
}

.menu_groupe2
{
	color: #FFFFFF;
	font-size: 12px;
	margin-left: 2px;
}

.menu_option
{
	margin-left: 10px;
	font-size: 11px;
	color: #FFCC00;
}

/*******************************************************************************/

div .barre_boutons
{
	padding: 2px;
	background-color: #DBE4ED;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/*******************************************************************************/

div .section1
{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;

	background-image:linear-gradient(#79ABE6, #3B4C66);
	background-image:-moz-linear-gradient(#79ABE6, #3B4C66);
	background-image:-webkit-gradient(#79ABE6, #3B4C66);
	background-image:-o-linear-gradient(#79ABE6, #3B4C66);
	background-image:-ms-linear-gradient(#79ABE6, #3B4C66);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79ABE6',endColorstr='#3B4C66', GradientType=0);
	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/*
	background-image:linear-gradient(#79ABE6, #3B4C66);
	background-image:-moz-linear-gradient(#79ABE6, #3B4C66);
	background-image:-webkit-gradient(#79ABE6, #3B4C66);
	background-image:-o-linear-gradient(#79ABE6, #3B4C66);
	background-image:-ms-linear-gradient(#79ABE6, #3B4C66);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79ABE6',endColorstr='#3B4C66', GradientType=0);
	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
*/

.test_color
{
	color: #79ABE6;
	background-color: #3B4C66;
}

div .section2
{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;

	background-image:linear-gradient(#FF8080, #AA000D);
	background-image:-moz-linear-gradient(#FF8080, #AA000D);
	background-image:-webkit-gradient(#FF8080, #AA000D);
	background-image:-o-linear-gradient(#FF8080, #AA000D);
	background-image:-ms-linear-gradient(#FF8080, #AA000D);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8080',endColorstr='#AA000D', GradientType=0);
	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/*
	background-image:linear-gradient(#FF8080, #AA000D);
	background-image:-moz-linear-gradient(#FF8080, #AA000D);
	background-image:-webkit-gradient(#FF8080, #AA000D);
	background-image:-o-linear-gradient(#FF8080, #AA000D);
	background-image:-ms-linear-gradient(#FF8080, #AA000D);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8080',endColorstr='#AA000D', GradientType=0);
	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
*/


/*******************************************************************************/
/*  font definitions */
body
{
	font-size: 12px;
	font-family: Tahoma;
	color: #333333;
}

p, pre {
margin: 0px; 
padding: 5px 20px 5px 20px; 
}

a
{
	color: #0000FF;
	font-size: 11px;
	background-color: transparent;
	text-decoration: none;
}

/*
h1
{
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	background-color: #EBE7D8;
	border-top: 1px solid #e8e1cf;
	border-bottom: 1px solid #e8e1cf;
	line-height: 20px;
	padding-left: 5px;
	margin: 0 0 1px 0;
}
div .div_titre
{
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	background-color: #EBE7D8;
	border-top: 1px solid #e8e1cf;
	border-bottom: 1px solid #e8e1cf;
	padding-left: 5px;
	margin: 0 0 1px 0;
}
*/
h1
{
	font-size: 15px;
	font-weight: bold;
	color: #B00000;
	border-bottom: 2px solid #e8e1cf;
	margin-bottom: 5px;
}
div .div_titre /* Comme h1 */
{
	font-size: 15px;
	font-weight: bold;
	color: #B00000;
	border-bottom: 2px solid #e8e1cf;
	margin-bottom: 5px;
}

h2
{
	font-size: 15px;
	font-weight: bold;
	color: #003366;
	border-bottom: 1px solid #e8e1cf;
	margin-bottom: 3px;
}


.td_titre
{padding: 0px; margin: 0px;}

/*
.intitule
{
	font-weight: bold;
	color: #003399;
	text-align: left;
}
*/
.intitule
{
	color: #003399;
	text-align: left;
}

.td_intitule
{
	white-space: nowrap;
	width: 1px;
	padding-right: 5px;
	padding-left: 2px;
}

table td{padding: 2px 1px 1px 2px;}

form{font-size : 11px;}
/*
form p{	margin : 1px 0;	margin-bottom : 5px;}
form fieldset{	border-color : #6b7dde;	border-width: 1px;	border-style: solid ;}
form hr{width:95%;color: #6b7dde;background-color: #6b7dde;height: 1px;border: 0;text-align:center;}
form label {	text-align: left;	cursor : pointer;	color : #6b7dde;	font-weight: bold;}
form legend {color : #6b7dde;	font-size : 15px;	padding : 5px;	font-weight: bold;}
*/

form input, form textarea, form select{ font-size: 12px; border : 1px #E7E7E7 solid; padding : 2px 3px; background : #f8f8f8;}
form select{padding : 0px;}
form textarea{	font-size : 12px;	width : 500px;}

form input, form textarea, form select
{
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 0px;
	margin-left: 3px;
}
form input:hover, form textarea:hover, form select:hover{border : 1px #6b7dde solid;}
form input:focus, form textarea:focus, form select:focus{background : #fef4f4;border : 1px #6b7dde solid;}

form input[type=submit]
{
	font-weight: bold;
	background-color: #E6E6E6;
	border: 1px solid #000000;
}
form input[type=submit]:hover
{
	border: 1px solid #808080;
	cursor: pointer;
	color: #555555;
}

form input[type=text], form input[type=password]{border-style: inset;}
form textarea, form select{border-style: inset;}

form select { height: 20px; }

form input[readonly]{color: #5F5F5F;}

form input.onglet_select
{
	border: 1px solid #000000;
	background-color: #3366FF;
	color: #FFFFFF;
	font-weight: bold;
}
form input.onglet_select:hover
{
	border: 1px solid #808080;
	cursor: pointer;
	color: #FFFF99;
}
form input.onglet_unselect
{
	border: 1px solid #000000;
	background-color: #F7F7DE;
	color: #000000;
}


.Label_TextBox
{
	font-size: 12px;
	border: 1px #E7E7E7 solid;
	padding: 2px 3px;
	background: #E1E1E1;
	height: 14px;
	margin-left: 3px;
}

.Label_TextBox2
{
	font-size: 12px;
	margin-left: 1px;
	color: #000000;
}
/*
.Label_TextBox2
{
	font-size: 12px;
	color: #000000;
	background: #f8f8f8;
	border-style: inset;
	border: 1px #E7E7E7 solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 0px;
	margin-left: 3px;
	padding: 2px 3px;
	width: 100%;
	display: inline-block;
	MIN-height: 12PX;
}
*/

.Label_Value_Gris
{
	font-size: 12px;
	margin-left: 1px;
	background: #E1E1E1;
	color: #000000;
}

div .separation
{
	border-top-style: solid;
	border-width: 1px;
	font-weight: bold;
	font-size: 14px;
}

div .ligne_separation
{
	border-top-style: solid;
	border-width: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
}

div .ligne_separation_fine
{
	border-top-style: solid;
	border-width: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
}

div .div_br
{
	margin-top: 3px;
}

.Panel_recherche
{
	background-color: #CECEB5;
	border-style: solid;
	border-width: 1px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/****************************************************************************/


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	padding: 1px 1px 3px 1px;
	width: 250px;
}


.modalPopup .titre
{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
	margin: 0px;

	background-image:linear-gradient(#79ABE6, #3B4C66);
	background-image:-moz-linear-gradient(#79ABE6, #3B4C66);
	background-image:-webkit-gradient(#79ABE6, #3B4C66);
	background-image:-o-linear-gradient(#79ABE6, #3B4C66);
	background-image:-ms-linear-gradient(#79ABE6, #3B4C66);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79ABE6',endColorstr='#3B4C66', GradientType=0);
	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/*
	background-image:linear-gradient(#79ABE6, #3B4C66);
	background-image:-moz-linear-gradient(#79ABE6, #3B4C66);
	background-image:-webkit-gradient(#79ABE6, #3B4C66);
	background-image:-o-linear-gradient(#79ABE6, #3B4C66);
	background-image:-ms-linear-gradient(#79ABE6, #3B4C66);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79ABE6',endColorstr='#3B4C66', GradientType=0);
	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
*/

        
.alerte
{
	background-color: #ffffdd;
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	padding: 1px 3px 3px 3px;
	margin-right: auto; margin-left: auto;
	text-align: center; 
	color: #FF0000; 
	font-weight: bold; 
	font-size: 20px;
}

.HideButton { Display : none} 
/* Cacher les colonnes non désirées dans une GridView */
.ColonneInvisible{ display : none ; }

.text_align_right {text-align: right;}

.background_transparent{background-color: transparent;}

/* GRIDVIEW *************************************************************************/

.GridViewStyle
{
	background-color: White;
	color: Black;
	padding: 0px;
	border-style: solid;
	border-width: 1px;
}
.GridViewStyle a
{
	color: #000000;
}
.GridViewStyle a:hover
{
	text-decoration: underline;
}

.GridViewHeaderStyle
{
	background-color: #DBE4ED;
	color: #000000;
	font-weight: bold;
}

.GridViewFooterStyle
{
	background-color: #DBE4ED;
	color: #000000;
	font-weight: bold;
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
}

.GridViewRowStyle
{
	background-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #C0C0C0;
}

.GridViewAlternatingRowStyle
{
	background-color: #F0F0F0;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #C0C0C0;
}

.GridViewSelectedRowStyle
{
	background-color: #000066;
	color: #FFFFFF;
}

.GridViewPagerStyle
{
	background-color: #5A84AD;
	text-align: right;
	text-indent: 5px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.GridViewPagerStyle a
{
	color: #FFFFFF;
	font-weight: normal;
}
.GridViewPagerStyle span
{
	font-size: larger;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

/*
.GridViewStyle
 {    
     border-right: 2px solid #A7A6AA;
     border-bottom: 2px solid #A7A6AA;
     border-left: 2px solid white;
     border-top: 2px solid white;
     padding: 4px;
 }

 .GridViewStyle a
 {
     color: #FFFFFF;
 }

 .GridViewHeaderStyle th
 {
     border-left: 1px solid #EBE9ED;
     border-right: 1px solid #EBE9ED;
 }

 .GridViewHeaderStyle
 {
     background-color: #5D7B9D;
     font-weight: bold;
     color: White;
 }

 .GridViewFooterStyle
 {
     background-color: #5D7B9D;
     font-weight: bold;
     color: White;
 }

 .GridViewRowStyle
 {
     background-color: #F7F6F3;
     color: #333333;
 }

 .GridViewAlternatingRowStyle 
 {
     background-color: #FFFFFF;
     color: #284775;
 }

 .GridViewRowStyle td, .GridViewAlternatingRowStyle td
 {
     border: 1px solid #EBE9ED;
 }

 .GridViewSelectedRowStyle
 {
     background-color: #E2DED6;
     font-weight: bold;
     color: #333333;
 }

 .GridViewPagerStyle
 {
     background-color: #284775;
     color: #FFFFFF;
 }

 .GridViewPagerStyle table ( to center the paging links )
 {
     margin: 0 auto 0 auto;
 }
*/

/* GRIDVIEW *************************************************************************/


/* DATEPICKER ***********************************************************************/
.DP_TodayStyle {font-family: tahoma; font-size: 12px; border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid; }
.DP_SelectedDayStyle {font-family: tahoma; font-size: 12px; background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid;}
.DP_DisabledDayStyle {font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid;}
.DP_PickerStyle {font-family:Courier New; padding-left:5px; padding-right: 5px;}
.DP_CalendarStyle {background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma;}
.DP_TitleArrowStyle {cursor:hand;}
.DP_DayHoverStyle {font-family: tahoma; font-size: 12px; border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid}
.DP_MonthStyle {font-family: tahoma; font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px}
.DP_TitleStyle {background-color:#9ebef5;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;}
.DP_OtherMonthDayStyle {font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid}
.DP_DayHeaderStyle {font-family: tahoma; font-size: 12px; border-bottom: #aca899 1px solid}
.DP_DayStyle {font-family: tahoma; font-size: 12px; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid}
/* DATEPICKER ***********************************************************************/