html
{
	font-family: arial;
	font-size: 100%;
}

body
{
	list-style-position: outside;
	font-size: .83em;
	background-image: none;
	list-style-type: square;
	position: static;
	padding: 0px;
	margin-top: 0px;
}

a
{
	color: black;
}

.objectif
{
	background-color:#fff;
	
}

ul.listeSansPuce
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.BOLD
{
	font-weight: bold;
}

/* style des combobox Multiselection */
.SelectionMulticritere .QDCMBS_IMG { height: 25px; width: 17px; border: 0px; cursor: pointer; }
.SelectionMulticritere .QDCMBS_TXT { border: #EAE5CA 1px solid; height: 25px; cursor: pointer; }
.SelectionMulticritere .DDMS { border: #000000 1px solid; width: 100%; margin: 0 1px 0 1px; }
.SelectionMulticritere .DDMS_UL { margin: 0px; margin: 0px; background-color: #E5EDFF; }
.SelectionMulticritere .DDMS_LI { font-size: 0.8em; }
.SelectionMulticritere .DDMS_LI:hover { background-color: #B7BECC; }

.MargeHaut
{
	margin-top: 10px;
}

.CHECK
{
	background-color: transparent;
}

input, textarea, select
{
	font-family: inherit;
	font-size: 1em;
}

.TAT /* Libellé du type d'attachement affiché au dessus de la miniature */
{
	font-weight: bold;
	color: black;
}

.HPLNK /* Hyperlien */
{
	padding-right: 3px;
	padding-left: 3px;
	color: blue;
	font-variant: small-caps;
	/*text-decoration: underline;*/
}

.GROUPBOX
{
	font-weight: bold;
	color: #4c63a8;
}

INPUT, SELECT, textarea, .CONTROLE
{
	background-color: #e5edff;
}

.INDICATEUR /* Indicateur utilisé sur l'écran de planning pour indiquer Option / Blocage / ... */
{
	font-weight: bold;
	border: inset 2px #eae5ca;
	color: red;
	background-color: #cff5cf;
}

INPUT.BUTTON /* Style pour les boutons dans la page */
{
	font-weight: bold;
	border-style: double;
	border-color: #000000;
	background-color: #4c63a8;
	color: #ffffff;
	cursor: pointer;
}

/* Etat de l'accordéon des parutions presse */
.AccordionStatut
{
	display: none;
}

/* Gestion des boutons d'action */
.BUTTONENTETE, .BUTTONCOURANT /* Boutons d'action de l'entête */
{
	font-size: .69em;
	border: solid 1px #595957;
	width: 100px;
	cursor: pointer;
	margin-right: 2px;
	background-color: #f2e1df;
}
.BUTTONENTETE:active,
.BUTTONENTETE:hover
{	
	background-color: #f1a19f;
}

.BUTTONCACHE
{
	visibility:hidden;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.BUTTONCOURANT /* Bouton correspondant à un objet courant */
{
	color: #000000;
	background-color: #d4b2db;
}
/* Fin Gestion des boutons d'action */

.LEGENDE /* Utilisé pour la légende de couleur du planning et de l'écran de réseau */
{
	font-size: .83em;
	height:20px;
}

.MODIFIE /* Modifié dans le bloc ControleWeb */
{
	border: 0;
	font-weight: bold;
	font-size: 1.3em;
	color: Red;
	background-color:Transparent;
}

INPUT.IMAGE /* Type des imagesbuttons */
{
	border: 0;
	background-color: transparent;
}

.APOSTBACK /* Change le fond des composants qui provoque un postback */
{
	background-color: #ffff99;
}

.RED /* Utilisé pour mettre en rouge ..... pas top */
{
	border: 0;
	background-color: red;
}

/* Debut styles spécifiques à D_Commande */
.DMDP /* Demande de planning */
{
	background-color: #ff99ff;
	border: 0;
}
.DMDR /* Etat retour envoyé */
{
	background-color: #ffd98c;
	border: 0;
}
/* Fin styles spécifiques à D_Commande */

.FONDENTETE
{
	background-color:#edf1fd;
}

.PIEDECRAN
{
	background-color:#edf1fd;
	float : left;
	width : 98%;
	margin-top :1%;
}

.DROITE
{
	float : right;
}

.GAUCHE
{
	float : left;
}

.OBLIG
{
	color:Red;
}

.MINIATURE /* Minitatures d'attachements */
{
	border: outset 1px black;
	background-color: #e5edff;
}

/* Début Classes pour le planning */
.L, .O, .O2, .B, .RE, .RO, .N, .FA, .CA,.FO, .LP
{
	border: gray 1px solid;
}

.L
{
	background-color: white;
}
.O
{
	background-color: #ffff99;
}
.O2
{
	background-color: #66cc00;
}
.B
{
	background-color: #ffcccc;
}
.RE
{
	background-color: #ff3300;
}
.FA
{
	background-color: #ee82ee;
}
.RO
{
	background-color: #6699ff;
}
.N
{
	background-color: #e6e6e6;
}
.CA
{
	background-color: white;
}
.FO
{
	background-color: orange;
}
.LP
{
	background-color: #fedcba;
}
.BOR /* Utilisé pour la bordure autour du nombre de face libre */
{
	border: gainsboro 1px double;
	text-align: center;
	background-color: #edf1fd;
}

.SR /* classe du div qui entoure la table représentant la répartition des faces par disponibilité dans le planning */
{
	font-size: .83em;
}
/* Fin Classes pour le planning */	

.ORANGE
{
	border: 0;
	background-color: #fff090;
}

/* Styles pour la release Note */

.LABELINFOGRPPROGRAMME
{
	font-weight: bold;
	color: purple;
}

.LABELTITRE
{
	font-size: 1.5em;
	border-top: solid 1px black;
}

.noBorder
{
	border : 0px;
}


/* Fin Styles pour la release Note */


input[type='text']:focus, textarea:focus, .colorierFocus
{
	background-color: #ccccff;
}

.DGTOTALISATION
{
	background-color:#ffffff;
	color : #000000;
	font-size: 1em;
	font-weight: normal;
}

/* entete */
.grpEnteteV2
{
	border: none;
	padding: 0px;
	margin: 0px;
}
.tableEntete
{
	padding: 0px;
	width: 100%;
}
.enteteDroite
{
	border: none;
	float: right;
	vertical-align: middle;
}
.enteteGauche
{
	border: none;
	float:left;
}
.enteteLibelleSociete
{
	border-right: solid 1px #d3d3d1;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
}
.enteteDeconnexion
{
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
}
.enteteImageUtilisateur
{
	padding-left: 15px;
	vertical-align: middle;
}
.enteteLibelleTaches
{	
	border-right: solid 1px #d3d3d1;
	padding-right: 15px;
	vertical-align: middle;
}
.enteteLibelleUti
{
	vertical-align: middle;
}
.hplVersion
{
	color: #000000;
	font-size: 0.8em;
	font-weight: bold;
}
.hplUtilisateur
{
	color: #438432;
	font-size: 0.8em;
	font-weight: bold;
	margin-right: 10px;
	text-decoration: none;
}
.hplTaches
{
	font-size: 0.8em;
	text-decoration: none;
}
.hplTaches:hover,
.hplUtilisateur:hover
{	
	text-decoration: underline;
}
.titreAgence
{
	font-size: 1.3em;
	font-weight: bold;
}
.titreSociete
{
	font-size: 1.5em;
	font-weight: bold;
}
.lblDeconnexion
{
	color: #0b55c4;
	font-size: 0.8em;
}
/* menu deroulant && barre de bouton */

fieldset.grpMenuV2,
fieldset.grpBarreBoutonV2
{
	background-color: #f1f1f0; /* empeche d'avoir les bords non arrondis sous ie */
	padding: 0px;
}
fieldset.grpBarreBoutonV2
{
	margin-top: 5px;
}
fieldset.grpMenuV2
{
	margin-top: 0px;
}
.tableQmenu
{
	border: 1px;
	float: left;
}
.contacterSupport
{
	float: right;
	font-size: 0.9em;
	font-weight: bold;
}

.boutonSeparationGauche
{
	border-right: solid 1px #d3d3d1;
	padding-left: 5px;
	padding-right: 5px;
}
.boutonSeparationDroite
{
	border-left: solid 1px #d3d3d1;
	padding-left: 5px;
	padding-right: 5px;
}
.menuActualiser
{
	width: 55px;
}
.menuBoutonsFixes
{
	width: 250px;
}
.menuBoutonsMobiles
{
	width: 160px;
}
.imageMenuV2
{
	background-color: #f1f1f0;
}
.imageMenuV2:hover
{
	background-color: #d3d3d1;
}
span.titreEcran
{
	float: right;
	font-size: 1.5em;
	color: Black;
}
table.titreEcran
{
	float: right;
}
.tableBarreBouton
{
	float:left;
	width: 100%;
}
.menuSeparationGauche
{
	border-right: solid 1px #d3d3d1;
	padding-left: 10px;
	padding-right: 10px;
}
.menuSeparationDroite
{
	padding-left: 10px;
}
/* general */

/*  group box */
fieldset
{	
	-moz-border-radius: 5px; /* pour nav gecko */
	border-radius: 5px; /* css3 */
	-webkit-border-radius: 2px; /* pour chrome like*/
}

/* datagrid */
.DG /* table du datagrid */
{
	border: #919181 thin solid;
	background-color: transparent;
}
.HeaderDG /* Entête de datagrid */
{
	font-weight: bold;
	color: #ffffff;
	background-color: #4c63a8;
	background-image: none;
	text-align: center;
	font-variant: small-caps;
}

/* menu */

.QMENU 
{
	width: 100%;
	float: left;
	color: #000000;
	position: relative;
	text-align: center;
}
.QMENU span
{
	font-size: .83em;
	text-align: center;
	background-color: transparent;
	cursor: pointer;
}
.QMENU span.AvecEnfant
{
	text-align: center;
	border-top: none;
	border-bottom: none;
	background: none;
}
.QMENU a.AvecEnfant
{
	background: none;
	height: 20px;
	vertical-align: middle;
}
.QMENU a
{	
	font-size: 0.9em;
	text-decoration: none;
	height: 20px;
	vertical-align: middle;
}
.QMENU a.AvecEnfant:hover,
.QMENU a:hover
{	
	background-color: #4c63a8;
	color: #ffffff;
}
.QMENU ul {
	width: 110px;
	font-weight: bold;
}
.QMENU li 
{
	position: relative;
	text-align: left;
}

.QMENU ul ul 
{
	border: solid 1px #9f9f9d;
	font-weight: normal;
	width: 200px;
	height: auto;
	position: absolute;
	z-index: 500;
}
.QMENU ul ul ul 
{
	text-align: left;
}
.QMENU a.AvecEnfant,
.QMENU a
{
	background-color: #fbfbf9;/* #4c63a8; */
	color: #000000;
}

.QMENU ul:hover
{
	background-color: #4c63a8;
	color: #ffffff;
}

/* onglet */
.QOngletFond
{
	border: double 2px #d3d3d1;
	overflow: auto;
	clip: rect(10px, 10px, 10px, 10px);
	background-color: #ffffff;
	text-align: left;
	width:98%;
	padding: 10px;
}

.QOngletGhost
{
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 0px #000000;
	border-top: solid 0px #000000;
	background-image: url(Images/ongletDroit.png);
	background-position: right top;
	color: #ffffff;
	font-size: .8em;
}

.QOngletCurrent
{
	border-left: solid 1px #000000;
	border-right: solid 0px #000000;
	border-bottom: solid 2px #5063a8;
	color: #ffe200;	
	background-image: url(Images/ongletDroitCurrent.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.QOngletCurrent,
.QOngletGhost
{
	padding-left: 15px;
	padding-right: 15px;
}
.QOngletCurrent:hover
{
	color: #ffe200;	
}
.QOngletGhost:hover
{
	color: #ffffff;
}
.lienQuadra
{
	float: left;
	top: 500px;
	width: 100%;
	text-align: center;
}
/* bouton impression */
.QIBFond
{
	background-color: #ffffff;
}

/* usercontrol datagrid */
.DGCB
{
	border-radius: 5px; -moz-border-radius: 5px;
	font-size: 1em;
	background-color: #ffffff;
	padding: 10px;
}

.DGCBF
{
	background-color: #222222; 
	filter:alpha(opacity=50);
	-moz-opacity:0.6;
	opacity: 0.6;
}

.DG .DGCB 
{
	font-size: 1.2em;
}

/* groupBox Login */
.grpLogin
{
	border: none;
}

.INLINEBLOCK, .LiIntervenant, .DIVBOUTTONCALLBACK
{
	display: inline-block;
}

.AvenantCourant
{
	background-color: #FFD9DF;
}

.FONDGRPCOURANT
{
	background-color: #d4b2db;
}

.PlanningLCMoins2Mois
{
	background-color: #ff5252;
	/*#ff0000;*/
}

.PlanningLCMoins3Mois
{
	background-color: #ffc000;
}

.PlanningLCMoinsXMois
{
	background-color: #ffff00;
}

.PlanningSansMarge
{
	margin: 0px;
	padding:0px;
	border-left : 0px;
	border-right : 0px;
	
}



/* style des combobox Multiselection */
.SelectionMulticritere .QDCMBS_IMG { height: 25px; width: 17px; border: 0px; cursor: pointer; }
.SelectionMulticritere .QDCMBS_TXT { border: #EAE5CA 1px solid; height: 25px; cursor: pointer; }
.SelectionMulticritere .DDMS { border: #000000 1px solid; width: 100%; margin: 0 1px 0 1px; }
.SelectionMulticritere .DDMS_UL { margin: 0px; margin: 0px; background-color: #E5EDFF; }
.SelectionMulticritere .DDMS_LI { font-size: 0.8em; }
.SelectionMulticritere .DDMS_LI:hover { background-color: #B7BECC; }



/* Instruction de pose */

	/* date picker pour InstructionPose */
	.divUcIPLigneG INPUT.BUTTONDT { background-color: #000000; border: 0; color: #ffffff; height: 20px; margin: 0; padding: 0; width: 20px;}
	.divUcIPLigneG INPUT.TEXTDTP { background-color: #ffffff; border: #000000 1px solid; color: black; height: 18px; margin: 0; padding: 0; }
	.divUcIPLigneG .DTP { background-color: #dae8dd; border: 1px dashed; color: black; font-size: 10px; position: absolute; width: 250px; z-index: 10000;}
	.divUcIPLigneG .LI { background-color: #dfe8f8; border: 0; color: black; }
	.divUcIPLigneG .LO { background-color: transparent; border: 0; color: black; font-family: inherit; font-size: 1em; }
	.divUcIPLigneG .LA { background-color: #edf1fd; border: 0; color: black; }
	
	/* D_InstructionPose */
	.divDInstructionPoseLegende { border: solid 1px #000000; height: 50px; margin: 20px 10px 0 0; padding: 10px; position: relative; width: 250px;}
	.divDIPLegende1 { background-color: #ff9593; border: solid 1px #ff403d; height: 20px; position: relative; width: 30px}
	.divDIPLegende1, .lblDIPLegende1 { float: left; line-height: 20px; margin: 5px; } 
	
	/* C_InstructionPose.ascx */ 
	.cmbUcIPLigneG { width: 200px; }
	.divUcIP { border: solid 1px #111111; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; height: 300px; position: relative; padding-top: 20px; width: 100%; }
	.divUcIPBlocDroit { float: right; width: 200px;}
	.divUcIPBlocGauche { float: left; width: 650px; }
	.divUcIPLigneG { height: 25px;}
	.divUcIPLigneG, .divUcIPLigneG2 { border: solid 1px transparent; position: relative; width: 650px; }
	.divUcIPLigneG select, .divUcIPLigneG .OBLIG, .divUcIPLigneG textarea, .divUcIPLigneG input, .divUcIPLigneG div { float: left; }
	.divDemiLigne { width: 50%;}
	.divTiersLigne { width: 33%;}
	.divUcIPLigneD { height: 70px; }
	.lblUcIPLigneG { float: left; font-size: 12px; line-height: 25px; margin-left: 10px; position: relative; min-width: 100px; }
	.lblUcIPLigneD { float: left; font-size: 12px; line-height: 25px; margin-left: 10px; position: relative; min-width: 130px; }
	.lucListeInstructionPoseLi { list-style-type: none; margin-bottom: 10px; width: 900px;}
	.lucListeInstructionPose .DivChk { float: left; left: 10px; position: relative; top: 5px; z-index: 10;}
	div.SI { z-index: 11; }
	
	/* C_GenererInstructionPose.ascx */ 
	.divUcGenererIP{ height: 120px; margin: auto; position: relative; width: 700px; }
	.divUCGenererIPLigne { border: solid 1px transparent; font-size: 12px; position: relative; width: 700px;}
	.lblUcGenererIPLigneG { float: left; font-size: 12px; margin-left: 10px; position: relative; min-width: 110px; }
	
	.divUCGenererIPLigne .QDCMBS_TXT { border-bottom: solid 1px #d4d0c8; border-left: inset 2px #d4d0c8; border-right: solid 1px #d4d0c8; border-top: inset 2px #d4d0c8; 
	              cursor: pointer; display: inline-block; height: 16px; padding: 0px; vertical-align: top;	}
	.divUCGenererIPLigne .QDCMBS_BTN { border-style: none; display: inline-block; overflow: hidden; }
	.divUCGenererIPLigne .QDCMBS_IMG { background: url(./Images/btnCombo.png) no-repeat;border-width: 0px; cursor: pointer; display: inline-block; height: 20px; width: 16px; }
	.divUCGenererIPLigne .DDMS { background-color: #fffdf4; border: solid 1px #48337F; color: black; display: block; font-size: 12px; overflow-y: auto; position: absolute; top: 20px; visibility: hidden; z-index: 10000;}
	.divUCGenererIPLigne .DDMS_CKALL { background: url(./Images/CheckAll.gif) no-repeat; cursor: pointer; display: inline-block; }
	.divUCGenererIPLigne .DDMS_UCKALL { background: url(./Images/UncheckAll.gif) no-repeat; cursor: pointer; display: inline-block; }
	.divUCGenererIPLigne .DDMS_UL { display: block; list-style: none; padding: 0; }
	.divUCGenererIPLigne .DDMS_LI { cursor: pointer; float: left; padding: 0 5px 0 5px; position: relative;  width: 450px;}
	.divUCGenererIPLigne .DDMS_LI:hover { background-color: #fff5c6; }
		
	.divUcIPLigneG .QDCMBS_TXT { border-bottom: solid 1px #d4d0c8; border-left: inset 2px #d4d0c8; border-right: solid 1px #d4d0c8; border-top: inset 2px #d4d0c8; 
	              cursor: pointer; display: inline-block; height: 16px; padding: 0px; vertical-align: top;	}
	.divUcIPLigneG .QDCMBS_BTN { border-style: none; display: inline-block; overflow: hidden; }
	.divUcIPLigneG .QDCMBS_IMG { background: url(./Images/btnCombo.png) no-repeat; border-width: 0px; cursor: pointer; display: inline-block; height: 20px; width: 16px; }
	.divUcIPLigneG .DDMS { background-color: #fffdf4; border: solid 1px #48337F; color: black; display: block; font-size: 12px; overflow-y: auto; position: absolute; top: 20px; visibility: hidden; z-index: 10000;}
	.divUcIPLigneG .DDMS_CKALL { background: url(./Images/CheckAll.gif) no-repeat; cursor: pointer; display: inline-block; }
	.divUcIPLigneG .DDMS_UCKALL { background: url(./Images/UncheckAll.gif) no-repeat; cursor: pointer; display: inline-block; }
	.divUcIPLigneG .DDMS_UL { display: block; list-style: none; padding: 0; }
	.divUcIPLigneG .DDMS_LI { cursor: pointer; float: left; padding: 0 5px 0 5px; position: relative; width: 450px; }
	.divUcIPLigneG .DDMS_LI:hover { background-color: #fff5c6; }
	
/* R_PLanning */

.divRPlanningFiltre .divOption span, .divRPlanningFiltre .divBlocage span, .divRPlanningFiltre .divLibre span { text-align: center; width: 70px;}
.divRPlanningFiltre .divOption, .divRPlanningFiltre .divBlocage, .divRPlanningFiltre .divLibre { background-position: center center; cursor: pointer; float: left;  height: 36px; margin-right: 20px;  position: relative;  width: 74px; }
.divEstCliquable, .lblAfficherImage { height:  0; position: absolute; visibility: hidden; width: 0; }
.divRPlanningFiltre { position: relative; width: 300px;}
.divRPlanningFiltre .divBlocage { background:transparent url("Images/dmdBlocage2.png") no-repeat; background-size: 100%; }
.divRPlanningFiltre .divOption { background:transparent url("Images/dmdOption2.png") no-repeat; background-size: 100%;}
.divRPlanningFiltre .divLibre { background:transparent url("Images/dmdDispo.png") no-repeat; background-size: 100%; }
div.dmdBlocage{ background:transparent url("Images/dmdBlocageMini.png") no-repeat;     -ms-interpolation-mode: bicubic;  }
div.dmdOption { background:transparent url("Images/dmdOptionMini.png") no-repeat;    -ms-interpolation-mode: bicubic;  }
div.dmdLibre { background:transparent url("Images/dmdDispoMini.png") no-repeat;     -ms-interpolation-mode: bicubic;  }
.spanVisible { display: none; }
.spanInvisible { display: none; }
.divImgReservation { width: 100%; position: absolute;  text-align: center; }
.spanReservationBloc { vertical-align: middle; height: 14px; border: solid 1px #444; padding: 5px; color: #444; background: url("Images/dmdFondBlancTr.png") }
.spanReservationDispo { vertical-align: middle; height: 14px; border: solid 1px #444; padding: 5px; color: #444; background:url("Images/dmdFondBlancTr.png") }
.spanReservationOpt { vertical-align: middle; height: 14px; border: solid 1px #444; padding: 5px; color: #444; background: url("Images/dmdFondBlancTr.png")}
div.dmdBlocage, div.dmdOption, div.dmdLibre { background-size: 20px 20px; background-position: center center; height: 100%;  position: absolute; width:100%; }
div.dmdSelected { border-left: solid 3px #e5bf00; border-right: solid 3px #e5bf00;}

td.positionRel { position: relative; }
.lblPlanning1 { color: #777777; line-height: 40px; }
.INDICATEUR2 { border: none; background-color: transparent; color: red;}
.divConteneurPourGestionBorder { height: 28px; position: absolute;  width: 140px; }

.RPLanningSelectionTD { background-color: #555;}
.control ,.controlTaille
{
  width:39px;
  height:35px;
  text-indent:-10000px;
  cursor: pointer;
}
.controlSlide
{ 
  height:35px;
  text-align:center;
}

.infoHtmlFace {z-index:10;width:425px;height:400px;overflow:hidden;}
.image {position:relative; margin:5px auto;}
.image img { display:block;position:relative;max-width:95%;max-height:300px;margin:0 auto;}
.indispo { position:relative; background-image :url('./Images/logo.png'); width:113px;height:113px;margin:0 auto;}
.infos { position:relative;margin:5px auto;color: #19256b; font-size: 12px; width: 95%;text-align:justify; }
.infos .premiereLigne{ display:block;}
.infos .deuxiemeLigne{ display:block;float:left;}
span.nomFace { position:relative;margin:0px auto;background-color: #d2d8be; border: solid 1px #aaaf9a; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: block; 
font-family: Arial; font-weight: bold; height: 30px;  line-height: 30px;margin-bottom: 10px; text-align: center; width: 94%; vertical-align:middle;}
.lienStreetView, .lienImage { text-align:center;cursor:pointer;text-decoration:underline;font-size: 12px;font-weight: bold;color:Black;float:right;margin:0 10px; }
 .lienImage {display:none;}
.streetViewContainer { position:relative;height:300px;margin:0 auto;font-size: 11px; text-align: center; z-index:11;  opacity: 0;filter: alpha(opacity = 0);}
#streetView{ position:relative;width: 95%;height: 300px; text-align:center;z-index:11;margin:2px auto;}

.userScroll {overflow:scroll;}

.FontRed
{
	color: Red;
}

#leftControlTaille
{
    float:left;
}

#rightControlTaille
{
    float:right;
}

#leftControl 
{
    background:transparent url(Images/RetourRapide.png) no-repeat 0 0;
}
#rightControl 
{
  background:transparent url(Images/AvanceRapide.png) no-repeat 0 0;
}

#numeroPage
{
    font-weight:bold;
    width : 20px;
}


#slideshow .slidesContainer
{
  margin:0 auto;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}


.slidesContainer 
{
    background-color : #eee;
    border : 2px #bbb solid;
    position:relative;
}

.DGCBF
{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	display: block;
	background-color: #C0C0C0;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.page
{
    border: 1px black solid;
}

.pageUtil
{
    border: 1px black dashed;
    background-color : #ddd;
}

.tablePage
{
    float:left;
    margin : 5px;
}

.CoordX, .CoordY, .txtHauteur, .txtLargeur
{
    font-size :10px;
    width : 35px;
    visibility:hidden;

}

.coordonnee
{
    position:absolute;
    top:20px;
    z-index:10;
}


.btnSuppLigneFer
{
    left:0; 
    cursor: pointer;
    position : relative;
    z-index : 100;
}

.LiIntervenant
{
	border: 1px solid #C0C0C0;
	margin: 5px;
}

.boutonSlide,.boutonSlideNbPage
{
    margin-bottom:5px;
    margin-top:5px;
    margin-left :12px;
}

.lblMinNbPage,.lblMaxNbPage, .lblMaxZoom, .lblMinZoom
{
    padding-left:13px;
}

.txtNbPage, .txtNBPageAAfficher, .txtLargeurPage, .ratioPage, .txtLargeurPapier
{
    visibility:hidden;
    width:10px;
    height:10px;
}

#zoom
{
    cursor: pointer;
}

		
.draggable
{
    display:block;
    overflow : hidden;
    font-size: 1em;
    cursor: pointer;
    position:relative;
    border: 1px black solid;
     background-color : #fff;
}


.aAjouter
{
    width:100%;
    height:80px;
    font-size : 8px;
}	

.reserve
{
    background-image : url("./Images/resize.gif");
    background-position:right bottom;
    background-repeat:no-repeat;
    background-color : #F00;
    margin : 1px;
    margin-left:3px;
    height:26px;
    width:32%;
}

.contenu
{
    text-align:center;
    vertical-align:middle;
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.detail
{
    font-size:  1.2em;
    margin : 0px;
    margin-left:0px;
}

.contenu h2
{
    font-size:  1.1em;
    margin : 0px;
    margin-left:0px;
}


.listeAAfficher
{
     position : absolute;
     z-index : 1;
     font-size: 1em; 
     border : 2px #bbb solid;
}

.txtDescription
{
    position:absolute;
    bottom:2px;
    left:2px;
    background-color:#FFFFFF;
}

.LiLigneCommande
{
	border-bottom: 2px solid #C0C0C0;
	padding-bottom : 5px;
	margin: 15px;
}

/* quand on utilise l'option disable pour la fonction de redimentionnement*/
.ui-state-disabled
{
    opacity: 1.0;
    filter: Alpha(Opacity=100);
}

.commentaire
{
    position : absolute;
    left : 5px ;
    font-size : 1.2em;
}

.vertical
{
    height:100%;
    border-right : 1px solid #bbb;
    position: absolute;
    top:0;
    left :0;
    z-index : 0;
}

.horizontal
{
    width:100%;
    border-bottom: 1px solid #bbb;
    position: absolute;
    top:0;
    left :0;
    z-index : 0;
}

.h50
{
    height:50%;
}

.h25
{
    height:25%;
}

.h75
{
    height:75%;
}

.l50
{
    width:50%;
}

.l25
{
    width:25%;
}

.l75
{
    width:75%;
}

.dimenssion
{
    position:absolute;
    bottom:40px;
    right:20px;
    z-index:10;
}

.CDmdTvx
{
	font-size: 1.2em;
	background-color: #ffffff;
	overflow: scroll;
	top: 250px;
}

.CIMP
{
	font-size : 0.8em;
}

.CCOM
{
	font-size : 0.8em;
}

.cdfJaune
{
    background-color:#ffff00;
}

.cdfOrange
{
    background-color:#ffa800;
}

.divChargement{ background-color:rgba(0,0,0,.5); display:none; height:100%; position:fixed; top:0; width:100%; z-index:99; }
.divBarreChargement { background-color:white; background-position: center; background-repeat:no-repeat; border-style:solid; border-width:2px; border-radius:10px; border-color:black; display: none; margin: auto; margin-top:250px; min-height: 40px; min-width: 120px; padding:20px; position:relative; width:220px; z-index:100;}
.progressbar
{
  width:200px;
  padding:1px;
  background-color:white;
  border:1px solid black;
  height:28px;
}
.indicator
{
  width:0px;
  background-color: Blue;
  height:28px;
  margin:0;
}

.WebMail { margin-top : 100px; width : 850px; }

.divInfoHtmlFace { height: 280px; width: 600px;z-index:10;}
	.divInfoHtmlGauche { float: left; width: 200px; }
	    .imgPhotoFaceCarto { max-width:190px;max-height:190px;}
		.divInfoHtmlImgPhotoFace { float: left; margin-bottom: 25px; max-width: 190px; max-height:190px; }
		.divInfoHtmlImgPhotoFace img {  display: block; margin: auto;}
		.divInfoHtmlInfoFace { float: left; width: 190px; }
		.divInfoHtmlPhotoIndispo { background-image :url('./Images/logo.png'); width:113px;height:113px;}
		.spanInfoHtmlInfoFace { color: #19256b; float: left; font-size: 12px; line-height: 20px; width: 190px; }
	.divInfoHtmlDroit { float: left; width: 385px; }
		.divInfoHtmlNomFace { }
		.spanInfoHtmlNomFace { background-color: #d2d8be; border: solid 1px #aaaf9a; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: block; 
		                       font-family: Arial; font-weight: bold; height: 30px; line-height: 30px; margin-bottom: 10px; text-align: center; width: 380px;}
		.spanInfoHtmlNomFaceLienStreetView { text-align:center;cursor:pointer;width:380px;text-decoration:underline;font-size: 0.9em;font-weight: bold; }
		.divInfoHtmlFaceStreetView { position:relative;font-size: 11px; height: 250px; text-align: center; width: 380px;  opacity: 0;filter: alpha(opacity = 0); z-index:10;}
		.divStreetView{ position:relative;width: 380px;height: 250px; text-align:center;z-index:9;}
		
.ulLien
{
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

.BORDUREGRISE
{
    border: gray 1px solid;}
    
.fondVert
{
	background-color: #96CA2D;
}




/* ********* */
/*   ALBUM   */
/* ********* */
           
.athAlbum .DG { visibility: hidden; position: absolute;}
.divAlbumLienExterne { margin-top: 25px;  }
.divAlbumLienExterne div { margin-left: 15px; }
.divAlbumLienExterne input { font-size: 10px; }
.divAlbumLienExterne div, .divAlbumLienExterne span, .divAlbumLienExterne input { float: left; line-height: 25px;  }
.divLucListePhotoAlbum { position: relative; }
.divLucListePhotoAlbum ul { }
.divLucListePhotoAlbum ul li { background-color: #F5F8FA; border: solid 1px #c8c8c8; float: left; height: 180px; margin: 10px; text-align: center; width: 152px;}
.divLucListePhotoAlbum ul li .DivChk { position: absolute;}
.divLucListePhotoAlbum ul li .divCouverture, .divLucListePhotoAlbum ul li .divPlan { display: table-cell;} 
.divLucListePhotoAlbum ul li .divCouverture span, .divLucListePhotoAlbum ul li .divPlan span { background-color: #2d4072; border: solid 1px #1d2949; color: #ffffff; display: inline-block; width: 150px;} 
.divLucListePhotoAlbum ul li .lblCodeFace { border: none; float: left; line-height: 25px; margin: auto; width: 152px; }
.divLucListePhotoAlbum ul li .txtCodeFace { float: right; width: 132px; }
.divLucListePhotoAlbum ul li .lblAdresseFace { float: right; font-size: 10px; height: 32px; width: 152px; }
.divLucListePhotoAlbum ul li .OBLIG, .grpAlbum .OBLIG { display: none; }
.divLucListePhotoAlbum .QListeUcUl { float: left;}
.divPhotoAlbum { display: inline-block; background-color: #F5F8FA;  height: 105px; line-height: 105px; width: 150px; }
.divPhotoAlbum img { vertical-align: middle; }

.grpAlbum { float: left; }
.grpAlbum .spanGrpAlbum { float: left; width: 130px; }
.grpAlbum #MP_CPL_athAlbum_btnSupprimer {  display: none; }
.grpAlbum .divAjoutFaceLC { width: 500px;}
.grpAlbum .divAjoutFaceLC input { margin: auto; }
.grpAlbum .TBCB { margin: 0;}

.divAlbumGauche, .divAlbumDroit { float: left; min-height: 600px; width: 50%; }

.divAlbumDiaporamaPhoto { background-color: #222; height: 100%; left: 0; position: fixed; top: 0px; width: 100%; z-index: 1000; }
.divAlbumDiaporamaPhoto li .divDiapoPhoto { max-height: 90%; margin: auto; position: relative; width: 50%; }

.divAlbumAjoutReseau1 div { float: left; }

.divLancerDiaporama { background-color: #f5f8fa; border: solid 1px #e1e1e1; cursor: pointer; padding:15px; text-decoration:none; height: 50px; position: relative; text-align: center; width: 160px; z-index: 1001;}
.divLancerDiaporama span { line-height: 50px; }
.divFermerDiaporama { background-image: url("Images/fermerDiapoTrans.png");cursor: pointer;  float: right; height: 70px;  margin-left: 92%;position: fixed; top: 10px; width: 70px; z-index: 1001;}
.divFermerDiaporama:hover { background-image: url("Images/fermerDiapo.png"); }

.divDiapoCarte { margin: auto; position: relative;  width: 1020px;}
.divDiapoCouv { background-color: #f5f5f5; height: 700px; margin: auto; position: relative; width: 500px;}
.divDiapoCouvInfoCompl { font-size: 15px; height: 110px; margin: 10px auto; padding: 10px; text-align: center;  width: 400px;}
.divDiapoCouvLogo { margin: 10px auto; width: 70px; }
.divDiapoCouvLogo img { width: 70px; }
.divDiapoCouvPhoto { margin: auto; width: 350px;}
.divDiapoCouvPhoto img {  box-shadow: 1px 1px 12px #555; max-width: 100%;}
.divDiapoCouvTitre {  font-size: 25px; font-weight: bold; color: #222; height: 100px; line-height: 50px; margin: 10px auto; padding: 10px; text-align: center;  width: 400px;}
.divDiapoCouvTop { height: 30px; width: 100%;}
.divDiapoPageFace {  float: left; height: 700px; margin-left: 30px; margin-right: 10px; position: relative; width: 500px; }
.divDiapoFace { background-color: #f5f5f5; border: solid 1px #e1e1e1; border-radius: 2px; float: left; height: 30%; margin: 4px; padding-top: 7px;  width: 239px; }
.divDiapoFace img { display: block; margin: auto; max-height: 100%; max-width: 85%; }
.divDiapoFaceInfoCompl { font-size: 11px; padding: 10px 15px 5px 15px;}
.divDiapoFacePhoto { }
.divDiapoFin { margin: auto; position: relative; width: 500px;}
.divDiapoFin img { }
.divDiapoFinInfoContact { color: #777; font-size: 24px; font-weight: bold; line-height: 35px; margin: 10px; text-align: center; }
.divDiapoFinLogo { display: table-cell; height: 400px; text-align: center; vertical-align: middle; width: 500px; }
.divDiapoNext, .divDiapoPrev { bottom: 0px; cursor: pointer; height: 40px; position: absolute; width: 40px;}
.divDiapoNext { right: 0px; }
.divDiapoPrev { left: 0px; }
.divDiapoNext:hover { background-image: url("Images/coinNext.png"); }
.divDiapoPrev:hover { background-image: url("Images/coinPrev.png"); }
.divDiapoPage { background-image: url("Images/reliure.png"); background-position: center top	; background-repeat: no-repeat; height: 100%; margin: auto; width: 1100px; min-height: 900px;}

.divDiapoFin, .divDiapoPageFace, .divDiapoCarte { background-color: #fff; height: 700px; }

.imgDiapoCouvPhoto { }
.imgDiapoFacePhoto { }
.imgDiapoLogoFin { }
.imgDiapoCarte { margin: 20px 10px; width: 1000px;}

.spanDiapoFaceInfoCompl { }
.spanDiapoCouvInfoCompl { }
.spanDiapoCouvTitre { }
.spanDiapoFinInfoContact { }


/* ********* */
/* Bx slider */
/* ********* */

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1;}

/** THEME
===================================*/

.bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc;	-webkit-box-shadow: 0 0 5px #ccc;	box-shadow: 0 0 5px #ccc;	border: solid #222 5px;	left: -5px;	background: #222;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {	position: absolute;	bottom: -30px;	width: 100%;}

/* LOADER */

.bx-wrapper .bx-loading {	min-height: 50px;	background: url(images/bx_loader.gif) center center no-repeat #fff;	height: 100%;	width: 100%;	position: absolute;top: 0;	left: 0;	z-index: 2000;}

/* PAGER */

.bx-wrapper .bx-pager {	text-align: center;	font-size: .85em;	font-family: Arial;	font-weight: bold;	color: #666;	padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {	display: inline-block;	*zoom: 1;	*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {	background: #666;	text-indent: -9999px;	display: block;	width: 10px;	height: 10px;	margin: 0 5px;	outline: 0;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {	background: #000;}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {	left: 10px;	background: url(Images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {	right: 10px;	background: url(Images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {	background-position: 0 0;}
.bx-wrapper .bx-next:hover {	background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {	position: absolute;	top: 50%;	margin-top: -16px;	outline: 0;	width: 32px;	height: 32px;	text-indent: -9999px;	z-index: 9999}
.bx-wrapper .bx-controls-direction a.disabled {	display: none;}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {	text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;	text-indent: -9999px;	width: 10px;	height: 11px;	outline: 0;	background: url(Images/controls.png) -86px -11px no-repeat;	margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {	background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {	display: block;	text-indent: -9999px;	width: 9px;	height: 11px;	outline: 0;	background: url(Images/controls.png) -86px -44px no-repeat;	margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {	background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {	text-align: left;	width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {	right: 0;	width: 35px;}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {	position: absolute;	bottom: 0;	left: 0;	background: #666\9;	background: rgba(80, 80, 80, 0.75);	width: 100%;}
.bx-wrapper .bx-caption span {	color: #fff;	font-family: Arial;	display: block;	font-size: .85em;	padding: 10px;}



/******************/
/* Multi uploader */
/******************/
          
@charset 'UTF-8';
/*
 * jQuery File Upload UI Plugin CSS 5.0.6
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://creativecommons.org/licenses/MIT/
 */

.fileupload-buttonbar .ui-button input {position: absolute;  top: 0;  right: 0; margin: 0;  border: solid transparent;  border-width: 0 0 100px 200px;  opacity: 0;  filter: alpha(opacity=0);  -o-transform: translate(250px, -50px) scale(1);  -moz-transform: translate(-300px, 0) scale(4); direction: ltr;  cursor: pointer;}
.fileinput-button {  overflow: hidden;}

/* Fix for IE 6: */
*html .fileinput-button {  padding: 2px 0;}

/* Fix for IE 7: */
*+html .fileinput-button {  padding: 2px 0;}

.fileupload-buttonbar {  padding: 0.2em 0.4em;}
.fileupload-buttonbar .ui-button {  vertical-align: middle;}
.fileupload-content {  padding: 0.2em 0.4em;  border-top-width: 0;}
.fileupload-content .ui-progressbar {  width: 200px;  height: 20px;}
.fileupload-content .ui-progressbar-value {  background: url(/images/pbar-ani.gif);}
.fileupload-content .fileupload-progressbar {  width: 400px;  margin: 10px 0;}
.files {  margin: 10px 0;  border-collapse: collapse;}
.files td {  padding: 5px;  border-spacing: 5px;}
.files img {  border: none;}
.files .name {  padding: 0 10px;}
.files .size {  padding: 0 10px 0 0;  text-align: right;  white-space: nowrap;}
.ui-state-disabled .ui-state-disabled {  opacity: 1;  filter: alpha(opacity=100);}
.ui-state-disabled input {  cursor: default;}

.files .ui-button-text{ border:none; background-image : url('../../Images/16-red-delete.gif'); width:4px; height:5px; position:relative; background-repeat:no-repeat; margin-left:auto; margin-right:auto; }
.files .preview img{    width:35px;    height:35px;}
.ui-widget-header{    background-color: white;    border:0px;}
.fileupload-buttonbar, .fileupload-content{    border:0px;}
.fileupload-buttonbar .ui-button{    background-color: #e1e1e1;}


.btnAjoutCommissionVendeur
{ 
	cursor: pointer;
	padding-right: 3px;
}


/***************/
/* D_SuiviTaxe */
/***************/

.dgrSuiviTaxeExePrecedent { background-color: #f0c6ff;}
.dgrSuiviTaxeExeCourant { background-color: #c0ffe8;}

.grpSuiviTaxeExePrecedent { background-color: #faedff;}
.grpSuiviTaxeExeCourant  { background-color: #effff9;}

.SI .dgrSuiviTaxeExePrecedent { background-color: #aa8db5;}
.SI .dgrSuiviTaxeExeCourant  { background-color: #93c1b0;}

.divSuiviTaxe { float: left; min-width: 1000px; width: 100%; }
.grpSuiviTaxeExePrecedent, .grpSuiviTaxeExeCourant, .grpSuiviTaxeTri { float: left; height: 150px; min-width: 330px; width: 30%;}
.grpSuiviTaxeExePrecedent legend, .grpSuiviTaxeExeCourant legend, .grpSuiviTaxeTri legend { background-color: #ffffff; }
.grpSuiviTaxeTri table { float: left;}

#divCentraleAffixe
{
	
	-moz-border-radius: 100px; /* pour nav gecko */
	border-radius: 100px; /* css3 */
	-webkit-border-radius: 100px; /* pour chrome like*/
	margin:auto;
	background-color:#fff;
	width:500px;
	padding:5px;
	margin-top:10%;
}


#quadraLogo
{
	background-image:url(./images/qdsolution.png);
	background-position: right bottom;
	width:222px;
	height:125px;
	position:absolute;
	bottom:0px;
	right:0px;
}
.grpSuiviTaxeTri table { float: left;}


.TITLE_SITUATION
{
	text-align: center;
	color: #0066FF;
	font-size: xx-large;
}

.BORDER_SITUATION
{
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #0066FF;
}

.EcritureBlanche
{
	color:#fff;
}

.ObjetCache
{
	visibility: hidden;
}

.Mauve
{
	background-color:#efbfff;
}

.ColorBox
{
	margin:0;
	padding:0;
	border:0;
	width:70px;
	height:20px;
	border-right:20px solid;
	line-height:20px;
}

.faceDemontee { background-color:#FFA530; }
.divLegendeLigneCommandeLC1 { background-color:#FFA530; border: solid 1px #965F1C; float: left; height: 20px; position: relative; width : 20px; }
.spanLegendeLigneCommandeLC1 { color: #444; float: left; line-height: 20px; margin-left: 10px;}


.gbxInfosTarifReseau
{
	font-weight: bold;
	color: #f00;
}

.NODECORATION
{
	text-decoration: none;
}

.QDSolutionNoel
{
	background-color:#223761;
	background-image:url(./images/affixe_noel.jpg);
	background-position: 50% bottom;
	background-repeat: no-repeat;
	background-attachment:fixed;

}

.PIED
{
	display: inline-block;
	background-color: #D5E3FF;
	margin: 10px;
	padding: 5px;
	vertical-align:top;
}

.PANNEAU
{
	display: inline-block;
	background-color: #AECBFF;
	margin: 5px;
	padding: 3px;
	vertical-align:top;
}

.FACE
{
	display: block;
	background-color: #FFE5AE;
	margin: 5px;
	padding: 3px;
}

.COTE
{
	font-size: large;
	font-weight: bold;
}

.BLOCK
{
	display:block;
}

.FACNUMSEL
{
	visibility:hidden;
}

.AFFECTATION
{
	display: block;
	font-size: smaller;
	font-style: italic;
	padding-top: 2px;
}
.FLOATL
{
	float:left;
}

.PADR5
{
	padding-right:5px;
}