<script>top.location.replace('../index.php');</script>


 #container {
	top:0px;
	left:0px;
  	position: absolute;
	width:100%;
}

 #div_header_haut {
	text-align : center;
	padding: 0px 5px 0px 5px;
	position:relative;
	top:0px;
	font : 12px  arial, serif;
}

 #div_header_haut img {
	height: 12em; /* DOORMOD max-height incompatible IE */
}

 #div_header_bas{
	position:relative;
	bottom:0px;
	border-radius: 8px 8px 0px 0px;
	margin-top: 5px;
	float:left;
	width: 100%;
	border:1px outset;
}

 #acces_direct {
	position:absolute; /* DOOR 03/08/2013 */
	/*background-color :#F6F6F6; /* DOOR 11/05/2013 */
    background-color :rgba(5, 5, 5, 0.4); /* door 03/08/2013 background + opacity */
	/*bottom: 0; DOOR 03/08/2013 */
	float:left;
	width: 100%;
	height: auto;
	padding-top: 0px;
	/*padding-left: 25px;*/
	border-top: 1px solid #9EA0A1;
	display: none;
    z-index:100; /* DOOR 03/08/2013 */
}

 #acces_sav {
	position:relative;
	float:left;
	width: 100% ;
	height: auto;
	min-height: 50px;
	background-color :#FFAFAF;
	bottom: 0;
	padding-top: 17px;
	border-top: 1px solid #9EA0A1;
	display: none;
    z-index:100; /* DOOR 17/08/2013 */

}


/* Categories de boutons => menu style tactile */
 .categorie-bouton {
	position:relative; 
	width: 150px;
}

 .bouton_acces_direct{
    /*height: 15px;
    width: 24px;*/
    padding: 4px;
    z-index: 1000;
}

 .bloc_sav { 
	margin-left : 50px; 
	margin-bottom: 5px; 
	width: 50%; 
	background-color: #FFF; 
	padding: 5px; 
	border: 1px solid #999; 
}

 #acces_direct_bouton {
	position:absolute;
	z-index:501;
	/*background-color :#F3FDFC; DOOR 11/05/13 */
	width: 25px;
	height: 15px;
    border-bottom: 1px solid #9EA0A1;
    border-right: 1px solid #9EA0A1;
    border-radius: 0px 0px 13px 0px;
}

 #acces_sav_bouton {
	position:absolute;
	left: 0px;
	z-index:500;
	width: 25px;
	background-color :#F00;
	height: 15px;
	padding-left: 28px;
    margin-top: 27px;
    border-bottom: 1px solid #9EA0A1;
    border-right: 1px solid #9EA0A1;
    border-left: 1px solid #9EA0A1;
    border-radius: 0px 0px 13px 5px;
}

 #div_footer{
	position:relative;
	bottom:0px;
	margin-top: 5px;
	float:left;
	text-align: center;
	width: 100%;
	font : 11px  arial, serif;
	color: #9EA0A1;
	border-top: 1px solid #9EA0A1;
}

 .div_header_bas_droite {
	float : right;
	margin: 0px 4px 0px 4px;
}

 .div_header_bas_droite img{
	margin: 2px 2px 2px 2px;
	/*max-height: 23px; // DOORMOD 17/02/2013 incompatible IE */
	height: 23px;
	vertical-align: bottom;
}

 #div_main {
	width: auto;
	min-height: 700px;
	/*float: left;*/
}

 #div_contenu {
	/*border: 1px solid #9EA0A1;*/
  	position: relative;
  	margin-top: 10px;	

	float: left;
	width: 80%;
}

 #div_navigation {
  	position: relative;
  	margin-top: 25px;
}

 #div_frame {
    /*border: 1px solid #9EA0A1;*/
    float : left;
    width: 100%;
  	position: relative;
}

 #version {
	float:left;
	padding: 5px 5px 5px 5px;
	color: #333333;
}

 #sel_societe {
	float : right;
}

 #div_onglets {
	float:left;
}

 #div_onglets_appli {
	display: inline-block;
}

 #div_portail_liens {
	float: left;
	width: auto;
	margin-top: 2em;
}

ul#onglets_appli {

	font: normal 11px verdana, arial, sans-serif;
	padding-bottom: 24px;
	line-height: 1.9em;
   line-height: 1.9em;
   list-style-type: none;
   padding-bottom: 24px;
   border-bottom: 1px solid #9EA0A1;
   margin: 0;
   width: 100%;
}

 #result {}

 #onglets_appli li {
    float: left;

	height: 21px;
	margin: 2px 2px 0 2px;
    background-color: #9E9E9E;
    border: 1px solid #9EA0A1;;
    padding: 0px 5px 0px 5px;
}

 #onglets_appli li.onglet_active {
	border-bottom : 1px solid #E4F0EF;
	background-color: #E4F0EF;
}

 #onglets_appli .onglet_active a {

	font: bold 11px verdana, arial, sans-serif;
}

 #onglets {
    font : bold 11px  arial, serif;
    list-style-type : none;
    /*padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l\'onglet dans #onglets li */
    /*border-bottom : 1px solid #9EA0A1;*/
    margin : 1px;
    padding: 0px;
    left: 250px;
}

 #onglets li {
    float : left;
    height : 22px; /* à modifier suivant la taille de la police pour centrer le texte dans l\'onglet */
    background-color: #EDEDED; /* DOOR 11/05/13 */
    margin : 2px 1px 0 1px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 1px 0 1px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
    border-bottom : 0px;
    border-radius: 3px 3px 0px 0px;
    padding-bottom: 0px;
}

 #onglets li.active{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

 #onglets a{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 3px;
    position: relative;
    height:17px;
}

 #onglets a:hover{
    background : #507CAF;
    color : #FFF;
    border-radius: 3px 3px 0px 0px;
    /*border-bottom : 1px solid #9EA0A1;*/
}

 #login {
  position:relative;
  left: 50%;
  width: 500px;
  margin-left: -250px; /* moitié de la largeur */
  margin-top: 50px;
  border: 1px solid #9EA0A1;
  float: left;
  background-color: #F6F6F6;
  box-shadow:6px 6px 12px #888;
}

 td#login_haut ,select#login_haut ,input#login_haut {
  font-size: 0.9em
}

 #login_bas{
  text-align: center;
  border-top: 1px dashed #9EA0A1;
  padding-top: 7px;
  height: 27px;
}

 .div_bloc {
	box-shadow:6px 6px 12px #888;
	border: 1px solid #9EA0A1;
	float : left;
	margin : 30px 50px 50px 0;
	/*min-height: 100px;*/
	/*min-width: 400px;*/
	min-width: 400px; /* DOORMOD */
	max-width: 700px;
	border-radius: 10px;
	background-color: #F6F6F6; /* DOORTODO */
}

 .div_bloc_titre {
	/*	background-color: #808080; /* DOOR 11/05/13 */
	position: relative;
	/* border-radius:2px 2px 0px 0px; /* Door 02/06/2013 */
	border-radius:8px 8px 8px 8px;
	padding: 0px 4px 0px 4px;
	font : bold 12px  arial, serif;
	color:#fff;
}

 .div_bloc_titre hr /* Door 02/06/2013 */{
	background-color: BLUE;
	color:BLUE;
	height: 3px;
    margin: 10px 0 10px;	
    width: 100%;
}

 .div_bloc_titre img{
	float:right;
}

 .div_bloc_bas { /* Door 02/06/2013 */
	background-color: #808080; /* DOOR 11/05/13 */
	position: absoltute	;
	border-radius:2px 2px 0px 0px;
	padding: 0px 4px 0px 4px;
	font : bold 12px  arial, serif;
	bottom : 0;
	color:#fff;
}

 .div_bloc_bas hr {/* Door 02/06/2013 */
	background-color: BLUE;
	color:BLUE;
	height: 3px;
    width: 100%;
}

 .result {
	border-radius: 8px;
}

 .gradient {
	/* Anciens navigateurs */
	background: WHITE url("gradient-bg.png") repeat-y center;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	background: #ADD8E6;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#FF0000FF, endColorstr=#FFADD8E6);
}

@media all and (min-width: 0px) {
	  .gradient {
		/* Opera */
		background: #ADD8E6 url("gradient-bg.svg");
		/* Navigateurs récents */
		background-image: -webkit-gradient(
			linear,
			left top, right top,
			from(#ADD8E6),
			to(WHITE)
		);
		background-image: -webkit-linear-gradient(
			left,
			#ADD8E6,
			WHITE
		);
		background-image: -moz-linear-gradient(
			left,
			#ADD8E6,
			WHITE
		);
		background-image: -o-linear-gradient(
			left,
			#ADD8E6,
			WHITE
		);
		background-image: linear-gradient(
			left,
			#ADD8E6,
			WHITE
		);
	}
}

 .div_categorie a {
	color: #0076DE;
	font : italic 13px  arial, serif;
	text-decoration: underline;
}

 .div_categorie li {
	list-style-type: none;
}

 span.commentaire_lien {
	font : italic 13px  arial, serif;
}

 .div_categorie { }

 #bloc_1 {}

 .div_bloc_lien_titre {
	background-color: #EDEDED;
	position: relative;
	padding: 0px 4px 0px 4px;
	font : bold 12px  arial, serif;
	color:#141415;
	border-top: 1px solid #9EA0A1;
	box-shadow: 0 2px 5px #888888;
}

 .div_bloc_lien_titre img {
	float:right;
}

 .bouton {
	background-color : #fff;
	min-height : 150px;
	border: 1px solid #9EA0A1;
	border-radius: 3px;
	margin: 5px;
	float: left;
	width: 150px;
	background-size: 100% 100%;
	box-shadow: 1px 1px 4px #888888;
	border-radius: 8px;
}
        
 .categorie {
	/*background-color : #7093DB;*/
    /*background-color :rgba(0, 0, 16, 0.9);  door 03/08/2013 background + opacity*/

    background-color : rgba(0, 0, 16, 0.8) ;
    	text-align: left;
    color: LIGHTGREY;
	min-height : 70px;
	border: 0px solid #9EA0A1;
	border-radius: 3px 3px 0px 0px;
	margin: 5px;
	float: left;

	width: 150px;
		background-size: 100% 100%;
	box-shadow: 1px 1px 4px #888888;
}

 .categorie img{
   width: 30px;
}
  
 .categorie_pointe{
	/*background-color : #7093DB; */
	position: relative;
    top: 75px;
    left: 5px;
	margin-bottom: 80px;
	font-size: 0px; line-height: 0%; width: 0px;
	border-top: 20px solid rgba(0, 0, 16, 0.8) ;
	border-left: 75px solid;
    border-left-color:transparent;
	border-right: 75px solid;
    border-right-color:transparent;
	background-size: 100% 100%;
}

 .categorie_pointe_fin {
	/*background-color : #7093DB; */
	position: relative;
	float: left;
    top: -5px;
    left: 5px;
	margin-bottom: 80px;
	font-size: 0px; line-height: 0%; width: 0px;
	border-top: 20px solid rgba(0, 0, 16, 0.8) ;
	border-left: 75px solid;
	border-left-color:transparent;
	border-right: 75px solid;
    border-right-color:transparent;
	background-size: 100% 100%;
}

 .categorie p {
  	padding: 5px;
}

 .bouton:hover {
	background-color: #507CAF;
}

 .bouton:hover a {
	display:block;
	color: #fff;
	height:30px;
}

 .bouton:hover .bouton_lien {
	background: #000000; 
	background: linear-gradient(#4C4C4C, #000000);
	border-radius: 0 0 8px 8px;	
}

 .bouton_image {
	z-index: 1001;
	margin: 4px;
	float: left;
	width:30px;
	height:50px;
}

 .bouton_logo {
	max-width:130px;
	max-height:110px;
	width:130px;
	height:110px;
}

 .bouton_lien {
	width: 100%;
	text-align: center;
	font : bold 13px  arial, serif;
	margin-top: 115px;
	height:40px;
	/*background-color: BLACK;*/
    /*opacity:0.7; // Door 31/07/2013 LUGU mod 19/06/2015*/
    border-radius: 0 0 8px 8px;
    color: #222; 
	background: #555; 
	background: linear-gradient(#7F7F7F, #000000); 
   /* LUGU fin mod  */
}

 .bouton_lien a {
	/*color: #333333;*/
	/*color: LIGHTGREY;  Door 31/07/2013*/
	color:#E1E1E1 ;
}

 .bloc_voir {}

 .bloc_cacher{
	display:none;
}

/* DOOR 10/09/2013 */
 .cacher {
	display:none;
}

 .voir {
	display:bloc;
}

 span.titre_portail {
	color: #FEFEFE;
}

 span.sous_titre_portail {
	color: #2F5287;
}

 #erreur {
	font-weight:bold;
	color: brown;
	box-shadow: 6px 6px 12px #888;
	background: none repeat scroll 0 0 #F2F5F9;
    border: 1px solid #FA7676;
    margin: 3px;
    padding: 3px;
}

/*=== CSS MENU ===*/
 div#div_menu {
	position: relative;
	float: left;
	margin-left: 15px;
	margin-right: 25px;
    margin-top: 25px;
	z-index: 1;
}

 div#div_menu ul {
	padding: 0;
	margin:0px;
}

 div#div_menu ul.menu1 {
	width: 150px;
}

 div#menu_lien {
	float:left;
	box-shadow:6px 6px 12px #888;
	border: 1px solid #9EA0A1;
	padding-bottom: 1px;
}

 div#cacher_menu {
	position: relative;
}

 div#div_menu ul li {
	position:relative;
	list-style: none;
	min-height: 20px;
}

 .sous_menu1,.sous_menu3 {
	background-color: #F6F6F6; /* DOORTODO */
	font :  12px  arial, serif;
	border: none;
	color: #333333;
	padding: 4px 4px 0 7px;
}

 .sous_menu1:hover,.sous_menu3:hover {
	background-color:#507CAF;
	color:#fff;
}

 .sous_menu3:hover a {
	background-color:#507CAF;
	color: #fff;
}

 .sous_menu3 a {
	color: #333333;
	display:block;
}

 .sous_menu2 {
	background-color: #507CAF;
	width: 200px;
	padding: 4px 0px 0 5px;
}

 .sous_menu2 > a {
	color:#fff;
	font : 12px  arial, serif;
	width: 200px;
	display:block;
}

 li.fleche {
	background: url("../image/fleche.gif") no-repeat scroll 185px 4px #507CAF;;
}

 li.cat_active {
	background-color: #C1CFEB;
}

 ul.menu2,ul.menu3 {
	box-shadow:6px 6px 12px #888;
	border: 1px solid #9EA0A1;
}

 .menu2 ul {
	width: 200px;
}

 .sous_menu2:hover > a {
	text-decoration: underline;
	background-color:#F6F6F6;
	color: #333333;
}

 .sous_menu2:hover {
	background-color:#F6F6F6;
}

 ul.menu2 {
	position: absolute;
	top: 0;
	left: 150px;
	display:none
}

 ul.menu3 {
	position: absolute;
	top: 0;
	left: 205px;
	display:none
}

 .sous_menu1:hover .menu2, .sous_menu2:hover .menu3 {
	display:block;
}

 div#div_menu .isparam a {
	color: #FE4B4B;
}

 div#div_menu span.valign {
	vertical-align: top;
}

 .img_menu {
	vertical-align: middle;
	height:20px;
	max-width: 20px;
	margin-right: 5px;
	margin-top: -2px;
}

 .div_sav {
	position : absolute;
	display : inline-block;
	z-index: 1000;
	background-color :#FFF;
	color: #000;
	border : 1px solid #F00;
	box-shadow : 6px 6px 12px #F55;
	border-radius : 5px 5px 5px 5px;
	width : 200px;
	padding : 5px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

/*=== FIL D'ARIANE ====*/
 #breadcrumbs-one {  
    display: inline-block;
    border-radius: 5px;
    padding-top: 5px;
    padding-left: 10px;
}

 ul{
	margin: 0;
	padding-top: 5px;
	list-style: none;
}

 #breadcrumbs-one li {
	float: left;
}

 #breadcrumbs-one a {
	padding: .7em 1em .7em 2em;
	float: left;
	text-decoration: none;
	color: white;
	position: relative;
	padding-left: 20px;
	background: #d4e4ea;
    background: linear-gradient(to right, #d4e4ea, #6189b7);
}

 #breadcrumbs-one li:first-child a {
	padding-left: 1em;
	border-radius: 5px 0 0 5px;
	background: #d4e4ea;
	background: linear-gradient(to right,#d4e4ea, #6189b7);
	color: white;
	font-weight: bold;
}

 #breadcrumbs-one li:first-child a:hover:after {
	border-left-color: #698fba;
}

 #breadcrumbs-one a:hover {
	background: linear-gradient(135deg, #F7F7F7,#B9B9B9);
	color: #FF7F20;
}

 #breadcrumbs-one a::after, 
 #breadcrumbs-one a::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.4em;   
	border-top: 1.5em solid transparent;
	border-bottom: 1.3em solid transparent;
	border-left: 1em solid;
	right: -0.9em;
	border-left-color: #ffffff; 
}

 #breadcrumbs-one a::after { 
	z-index: 2;
	border-left-color: #698fba;
}

 #breadcrumbs-one a::before {
	border-left-color: #ffffff;  
	right: -1.1em;
	z-index: 1; 
}

 #breadcrumbs-one a:hover::after {
	border-left-color:#B9B9B9;
}

 #breadcrumbs-one .active,
 #breadcrumbs-one .active:hover{
	font-weight: bold;
	color: black;
	background: linear-gradient(135deg,#eeeeee, #eeeeee);*/
	z-index: 1;
	border-left-color: #eeeeee;
}

 #breadcrumbs-one .active:hover::after {
	border-left-color:#eeeeee;
}

 #breadcrumbs-one .active::after,
 #breadcrumbs-one .active::before{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.4em;   
	border-top: 1.5em solid transparent;
	border-bottom: 1.3em solid transparent;
	border-left: 1em solid;
	right: -0.9em; 
	z-index: 2;
	/*border-left-color: #E0E0E0;*/ 
	border-left-color: #eeeeee;
}

 #breadcrumbs-one .active::before {
	border-left-color: #ffffff;  
	right: -1.1em;
	z-index: 1; 
}


#div_header_haut_deconnexion img, img.bigicone, img.bigicon  
{ 
	height: 3em;
	margin-right: 1em;
	margin-bottom: 1em; 
}

/*=== MAIN CSS ===*/
 html { margin: 5px; padding: 0; border: 0; font-family: Luxi sans,Lucida Grande,Lucida,Lucida Sans Unicode,sans-serif; font-size: 100%; }
 body{ font-size: 0.8em; }
 h2 { font-size: 1.3em; color: #000; margin: 0px;  }
 hr { width: 60%;  color: #000; SIZE: 1; NOSHADE; }
 img { margin: 0; padding: 0; border: 0; vertical-align: middle; }
 fieldset { padding-top: 10px; border: 1px solid #555; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
 a {	color: #000; text-decoration: none; }
 a:hover { color: orange; cursor: pointer; }

 body {
	background-color: #;
	background-image: -moz-linear-gradient(30deg, #, #);
	background-image: -webkit-linear-gradient(30deg, #, #);
	background-image: -o-linear-gradient(30deg, #, #);
	background-image: linear-gradient(60deg, #, #);
}
		
 #div_header{
	background-color: #;
	background-image: -moz-linear-gradient(30deg, #, #);
	background-image: -webkit-linear-gradient(30deg, #, #);
	background-image: -o-linear-gradient(30deg, #, #);
	background-image: linear-gradient(60deg, #, #);
	left: 0px;
    position: relative;
    /* float:	left; DOORMOD */
    top: 0px;
    width: 100%;
    border-bottom: 1px solid #9EA0A1;
	box-shadow:1px 1px 12px #888;
}

/*=== BLOC DETAIL ====*/
 .left  { float: left;}
 .titre { color: #FFF; /*color: #06B;*/ font-weight: bold; margin-bottom: 5px;}
 .titreBlack { color: #000; font-weight: bold; }
 .etat_modif { /*border: 2px solid #F01010; background-color: #FF9E9E;*/ }
 .etat_new { /*border: 2px solid #6000F0; background-color: #FF9E9E;*/ }

/*--- bloc ---*/
 .bloc { padding: 5px; padding-left: 1px; background-color: #FFF; width: auto; }
 .cadre { margin: 0px; margin-top: 5px; border-top: 1px solid #AAA;  border-bottom: 1px solid #AAA; }

/*--- bloc action ---*/
 .blocAct { float: right; display: block-inline;  background-color: #EEE;  padding: 3px; text-align: center; }
 .cadreAct { margin-left: 5px; margin-top: 5px; border: 1px solid #999; box-shadow: 2px 2px 4px #888888; }
 .bloc2 { margin-bottom: 10px; padding-bottom : 5px; border: 1px solid #AAA; }

/*--- bloc action resultView ---*/
 .blocAct2 { position: relative; top: 0px; float: left; width:auto; display: block-inline;  background-color: #EEE;  padding: 3px; text-align: center; margin-bottom: 3px;}
 .cadreAct2 { margin-left: 2px; border: 1px solid #999; box-shadow: 2px 2px 4px #888888; }

/*--- bloc interne ---*/
 .blocIn { padding: 0px; padding-top: 5px;  padding-bottom: 5px; /*background-color: #EEE;*/ width: 100%;}
 .cadreIn { margin: 0px; margin-bottom: 10px; margin-top: 5px; border: 1px solid #AAA; box-shadow: 2px 2px 4px #888888; }
 .blocIn .titre { color: #666; font-weight: bold; }

/*--- principale ---*/
 .blocMain { padding: 0px 0px 0px 0px; width: 100%; }
 .cadreMain { margin: 0px; margin-bottom: 10px; margin-right: 5px;}

/*--- titre ---*/
 .blocTitre { padding: 5px; background-color: #507CAF; width: auto; }
 .cadreTitre { margin: 0px; margin-bottom : 10px; border: 1px solid #EEE; border-left: 0; border-top: 0; box-shadow: 2px 2px 4px #888888; }

/*--- multiDetail ---*/
 .blocMulti { padding: 0px; padding-right: 10px; /*background-color: #FFF;*/ }
 .cadreMulti { margin: 0px; margin-top: 0px; margin-bottom: 15px; border: 1px solid #AAA; border-bottom: 2px solid #999; width:100%}
 .multidetail { margin-bottom: 15px; background-color: #FFF; padding: 5px; padding-top: 2px; padding-bottom: 2px; border-top: hidden; border-right:hidden; border-bottom: 1px solid #AAA; box-shadow: 0px 2px 3px #888888; width: 100%; }
 .blocMulti .titre { color: #000; font-weight: normal; }
 .blocMulti .blocIn { /*background-color: #EEE;*/ border-left: 0px;}

/*--- resultView ---*/
 .blocResu { padding: 5px; width: auto; background-color: #FFF; min-height: 33px;}
 .cadreResu{ margin: 0px; margin-top: 5px; border-top: 1px solid #AAA;  border-bottom: 1px solid #AAA; }

 .blocaide { position:absolute; padding: 2px; background-color: #FFF; border: 1px solid #000; }

 .bouton_resultview { background-color: #FFF; margin-bottom: 15px; border: 1px outset #000; -moz-border-radius : 5px 5px 5px 5px; padding: 3px;}

/*=== BLOC PRINCIPAL DETAIL ===*/
 .conteneur_detail { position: relative; display: block; width: 100%; margin: 0; padding: 0; /*border: 2px solid #F00;*/}
 .conteneur_detail_main { float: left; display: block; /*border: 2px solid #00F;*/}
 .conteneur_detail_action{ float: left; display: block; margin-left: 20px; padding: 0; }

/*=== GESTION DES CHAMPS FORMULAIRE ===*/
 input { margin: 0; padding: 2px; padding-left: 5px; border: 1px solid #999;  font-size: 1em;}
 input[type='button'], input[type='submit'] { 
	margin-left: 5px; 
	padding: 2px; 
	border: 1px outset #999; 
	-moz-border-radius : 5px 5px 5px 5px; 
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-border-radius:5px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	border-radius:5px;
	background-color: #F6F6F6;
}

 input[type='checkbox'] { margin: 5px; }
 select { width: inherit; padding: 1px; padding-left: 2px; }
 textarea { white-space: pre; overflow: auto; text-align: left; }

/*=== result ===*/
 table.mainTable { border-collapse: collapse;	box-shadow: 6px 8px 10px #888888; background: #507CAF;}
/*table.mainTable { border-collapse: collapse; box-shadow: 6px 8px 10px #888888; opacity: 0.9;}*/
 .mainTable td { text-align: center; white-space: nowrap; border-style: solid; border-color: #ddd;}
	
/*--- detail ---*/
/* DD0025 */
 .divscroll_disable {overflow:auto;height:74px;}
 .divscroll {overflow:auto;border:1px outset GREY;}

/*=== GESTION DES CHAMPS FILTRE ===*/
 .filtre input[type='text'] { margin: 0 0 0 0; border: 1px solid #999;  font-size: 1em; height: 20px;}

/*=== GESTION DES TABLEAUX ===*/
 table { border-spacing: 0px; border-radius:5px;}
 tr, td {	border-color: #fff;	vertical-align: middle; }

/*=== result ===*/
 tr.ligne_titre { background-color: #507CAF;}
 .ligne_titre { color: #FFF; }
 .ligne_titre a{ color: #FFF; }
 .ligne_titre a:hover{ color: orange; }
 .ligne_titre td { white-space: normal; }


 tr.group { vertical-align: middle; background-color: #B1CBC8; padding: 1px; margin: 0; height: auto; }
 tr.group td {padding-top: 2px; vertical-align: middle; padding-bottom: 2px;}
 tr.filtre { background-color: #B1CBC8; padding: 0; margin: 0; }
 tr.filtre td { text-align: center;	min-width: 0; padding: 0; margin: 0; }
 tr.ligne_result:hover{ background-color: #535795; }
 .ligne_result { background: #F7FEFD; white-space: nowrap;}
 .ligne_result:nth-child(odd) { background: #EAFAFE}
 .ligne_result input[type='text'] { margin-top: 2px; margin-bottom: 2px; margin-right: 1px; border: 0px solid; }
 .ligne_result textarea { margin-top: 2px; margin-bottom: 2px; margin-right: 2px; border: 0px solid; }
 tr.coche, tr.coche:nth-child(odd) { background: #009900; }
 tr.surligne, tr.surligne:nth-child(odd) {background:#F9A82E;}
 td.surligne {background:#F9A82E;}
 td.entete {	text-align: center;	min-width: 50px; font-weight: bold; }

 .mainTable td { text-align: center; white-space: nowrap; border-style: solid; border-color: #ddd;}
 .mainTable thead tr.ligne_titre { border-radius:5px; -moz-border-radius : 5px 5px 5px 5px;  -webkit-border-radius:5px; }

/*=== GESTION DES LIENS ===*/
 .imglien { 
	border: 0; 
	vertical-align: text-bottom; 
	margin-left: 1px; 
	margin-right:1px;

	max-height: 24px;
	/*height: 16px;*/
		}

 .imgtrans { border: 0; vertical-align: text-bottom; margin-left: 4px; margin-right:2px; opacity:0.2; }
 .ongletlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666768; text-decoration: none; }
 .ui-datepicker-trigger { border: 0; vertical-align: middle; margin-left: 2px; margin-right: 1px; }
 .ui-dialog { -moz-box-shadow: 15px 15px 15px #555;-webkit-box-shadow: 15px 15px 15px #555;box-shadow: 15px 15px 15px #555; }
 .ui-datepicker{ -moz-box-shadow: 8px 8px 8px #555;-webkit-box-shadow: 8px 8px 8px #555;box-shadow: 8px 8px 8px #555; }

/*=== GESTION DES TEXTES ==*/
 .bold {	font-weight: bold; }
 .text_right { text-align: right;}

/*=== GESTION DES COULEURS ===*/

/*=== GESTION DES BLOCS/ID ===*/
 #div_main_action { width: 815px; padding: 2px; }
 #msg-div { position: absolute;	width: 200px;z-index: 20000; }
 #retour_bouton { max-height: 1000px; overflow: auto; background-color: #F2F3F3; border: 2px groove red; }
 #bloc_table { display: table; width:100%;}
 #bloc_ligne { display:table-row; width:100%; height:100%;  }
 #bloc_cell_text { display: table-cell; width:auto; vertical-align: middle; white-space: normal;}
 #bloc_cell_tri { display: table-cell; width:17px; vertical-align: middle; white-space: normal;     background-color: #999999; border-left: 1px solid #DDDDDD;}
 #div_tri { padding: 0; width: 15px; min-height: 20px;}
 #div_tri .tri_down { margin-top :5px; margin-bottom :5px;}
 #div_tri .tri_up { margin-top :5px;}
	
/*=== bloc login ===*/
 #bloc_login { width: auto; margin-top: 4px; margin-bottom:0; padding-left: 0.5em; padding-right: 0.5em;}
 #bloc_login table { font-size: 0.8rem; }
 #bloc_login form { margin-bottom: 4px; }
 #bloc_login .login_cel { display: inline; } 


 .div_sav_main{ position : relative; display : inline-block; z-index: 0; background-color :#FFF; border : 1px solid #F00; box-shadow : 6px 6px 12px #F55; border-radius : 5px 5px 5px 5px; width : 815px;	padding : 5px; text-align: justify;	text-decoration: none;}
/*=== GESTION SPECIAL ===*/
 .right { float: right; }
 .nettoyeur { clear: both; height: 0; margin: 0; padding: 0;	border: 0; line-height: 1px; font-size: 1px; }
 .hidden { display: none; }
 .readonly { background-color: #D3D3D3; color: #555; border: 1px solid #999; }
 .disabled {	background-color: #D3D3D3; color: #555; border: 1px solid #999; }
 .readonlyonmodif { background-color: white;	color: #555; border: 1px dashed #999; }
 .change { background-color: #CAC; }
 .debug { position: relative; display: block; float: right; z-index: 2000; width: auto; margin : 5px; background-color: yellow; border: 1px solid red; padding: 5px; }

/*=== SPECIAL DETAIL ==*/
 .conteneur { float: left; width: 100%; }
 .contenu_detail { float: left; display: inline; width: auto; }
 .contenu_bouton { float: left; top:0; display: inline; width: 25%; }
 .bloc_detail { padding: 2px; padding-left: 4px;}
 .ligne_detail { display: block; padding: 2px; }
 .bloc_champ { float: left; display: inline; min-height: 25px; padding: 2px; vertical-align: middle; }
 .titre_champ { font-style: normal; font-weight: bold; margin: 0; padding: 0; padding-left: 2px; }
 .champ { float: left; display: inline; min-height: 25px; padding: 2px; vertical-align: middle; }
 .navigation { float: left; display: inline; width: 49%; min-height: 28px; padding: 2px; text-align: center; vertical-align: middle; }
 .navigation_fleche { float: left; display: inline; width: 100%; min-height: 28px; padding: 2px;	text-align: center;	vertical-align: middle; }
 .detail_titre_ligne { padding-left: 10px; text-decoration: underline; color: #999;}

/*=== SPECIAL RESULT ===*/
/*=== Special Jquery Validator ===*/
 .obligatoire { border: 1px solid #ff8a00; }
 .facultatif { border: 1px solid #000; }
 .normal { border: 1px solid #000; }
 .erreurchamps { border: 1px solid #f00; }
 .ok { border: 1px solid #000; }
 .titremessage { text-align: center; font-size: 1em; font-weight: bold;	text-decoration: underline;	font-family: arial, sans serif; color: #000;}
 .descriptionmessage { text-align: justify; font-size: 1em; font-weight: bold; font-family: arial, sans serif; color: #FFF;}
 .detailmessage, ul.detailmessage { padding-left: 1em; text-align: left; font-size: 1em; font-weight: bold; font-family: arial, sans serif; color: #FFF;}
ul.detailmessage { margin-left: 1em; font-size: 1em; }

/*--- cas particulier checkbox ---*/
 input[type='checkbox'].readonlyonmodif { outline-color: #999; outline-style: dashed; outline-width: 1px; }
 input[type='checkbox'].obligatoire { outline-color: #ff8a00;	outline-style: solid; outline-width: 1px; }
 input[type='checkbox'].facultatif { outline-color: #000; outline-style: solid; outline-width: 1px; }
 input[type='checkbox'].normal { outline-color: #000; outline-style: solid; outline-width: 1px; }
 input[type='checkbox'].erreurchamps { outline-color: #F00; outline-style: solid; outline-width: 1px; }
 input[type='checkbox'].ok { outline-color: #000; outline-style: solid; outline-width: 1px; }


 .portofolio-main{
	display: block;
	width: 400px;
	height: auto;
}

 .portofolio-div{
	display: inline-block;
	width: 180px;
	margin: 5px;
	padding: 5px;
}

 .portofolio-img{
	height: 100px;
	border: 1px solid #AAA;
	margin: 5px;
	padding: 5px;
}

 .navi-bloc{
	display: bloc;
	position: relative;
	width: auto;
	text-align: right;
	padding: 0.5em;
	padding-right: 1em;
}

input[type='button'].navi-bloc-button{
	display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #000;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
}

input[type='button'].hidden{
	display: none;
}


 .grise{
	opacity: 0.4;
    filter: alpha(opacity=40);	
}


/*=== FIN MAIN CSS ===*/