@charset "utf-8";
/* CSS Document */
/*************** IMPORTANT > JQUERY ***************************/
/* Pour les classes utilisées en JQuery, se référrer à index et*/
/* la zone d'appel aux fonctions javascript */
/************************************************************/
*		{margin:0;padding:0;border:0}
body 	{font: 12px Tahoma, Verdana, Helvetica, sans-serif;margin:0px;padding:0px;background-color:#F4F4F4;
		 background-repeat:repeat-x;color: #666666}
body.popup	{background:#F4F4F4;margin:15px}
/*--------------------------- LES BALISES MAJEURES -----------------------------------------------------------------*/
.clear 			{clear:both}
.floatLeft		{float:left;width: 48%}
.floatRight 	{float:right;width: 48%}
.flexRow		{display: flex; flex-direction:row; align-items: center;justify-content: space-between}
.invisible		{height:0; width:0; display:none}
.tresGrand		{font-size:36px}
.marge5			{margin-bottom:5px}
.marge10		{margin-bottom:10px}
.marge30		{margin-bottom:30px}
.marge0			{margin:0}
.margeTop5			{margin-top:5px}
.margeLeft10 		{margin-left:10px}
.margeLeft15 		{margin-left:15px}
.margeLeft20 		{margin-left:20px}
.margeRight10 		{margin-right:10px}
.margeRight5 		{margin-right:5px}
.margeLeftCheckbox 	{margin-left:18px} /*pour positionner des elements sous une checkbox et rester aligné*/
.bleu			{color:#002B54}
.bleuClair  	{color:#4996E2}
.bleuRoi	 	{color:#024DA1}
.vert			{color:#9FC48A}
.vert3			{color:#336600}
.rouge			{color:#D40000}
.blanc			{color:#FFFFFF}
.grisFonce		{color:#666666}
.grand			{font-size:12px}
.plusgrand		{font-size:14px}
.plusgrand2		{font-size:16px}
.tresgrand		{font-size:20px}
.borderRight	{border-right:1px dotted #002B54}
.fondBleuClair2	{background-color:#D8E7FE}
.fondPointilles		{background: url("images/fond-pointille-bleu.gif") 0 50% repeat-x}
.petitTexte		{font-size:10px}
.small { font-size:11px}
.important 		{color:#D00000; font-weight:bold;font-style:normal}

p 				{color: #666666;font-size: 13px;margin-bottom:5px;line-height:1.45em}
a				{color:#003366;text-decoration:none}
a:hover			{color:#0461BE}
a.dotted		{border-bottom:1px dotted #003366}
a.dotted:hover	{border-bottom:1px transparent}
.lienactu,.lienReload,.lienFlecheSimple,.lienFermer,.lienPDF	{display:block;text-decoration:none;cursor:pointer}
a.lienactu		{color:#FFCC00}
a.lienactu:hover{color:white}
hr { color:#ccc}
.lienPDF		{background: url("images/picto-pdf-pour-li.png") top left no-repeat;padding-left:18px;color:#333333;
				  	 height:13px;font-weight:bold;border:0}
.lienFermer		{position: relative;top: -15px;left: 15px;width:30px;height:30px; background:url(images/picto-fermer-popup.png) top left no-repeat; display:block; cursor:pointer}
.lienReload		{background: url("images/picto-actualiser.gif") left center no-repeat;padding-left:16px;height:11px}
.lienFlecheSimple	{background: url("images/fleche-droite-simple.gif") top left no-repeat;padding-left:18px;color:#333333;
				  	 height:13px;font-weight:bold;border:0}
.lienFlecheDr	{background: url("images/fleche-fine-droite.gif") left center no-repeat;padding-left:10px;color:#BC1D95;
				  height:13px;margin-left:5px;font-family:Arial, Helvetica, sans-serif}
.lienPgSuivante	{color:white;padding:2px 3px 2px 3px;background-color:#003366;text-align:center}
.lienPgSuivante:hover	{color:#000000;background-color:#FFCC00}
.lienDownload	{font-size:16px;margin-bottom:10px}
.lienDownload .fa {color:#D40000;font-size:18px;margin-right:20px}
.pageActive		{color:#000000;background-color:#FFCC00}

label			{color:#024DA1;margin-right:5px}
label.filtre	{font-size:1.1em;font-weight:bold;width: 120px;display:inline-block;margin-right:20px;margin-left: 32px}

input,select,textarea	{background-color:white; border:1px solid #CCCCCC;padding:1px 0 0 2px}
select			{padding:0 0 0 2px}
.login			{width:170px;padding:3px 0 3px 2px}
.public			{width:250px;padding:3px 0 3px 2px}
select.public	{font-size:11px;min-width:250px}
textarea.public	{height:150px}
input.qte 		{width:25px;height:15px;border:1px solid #FFFFFF;font-size:12px;text-align:center;padding:1px 0 0 0}
input.qte.bordure 	{border:1px solid #CCCCCC} /*dans le tableau recap du panier*/
input.ticket		{width:395px}
.bouton_cal		{background-image:url('images/picto-calendrier-public.gif');height:20px;width:19px;border:0px;cursor:pointer;
				 float:left;margin-right:5px} /*le calendrier*/
.alerte			{border:2px solid #D40000}
.radio   			{border:none 0;background-color:transparent}
.checkbox   		{float:left;width:13px;border:0;height:13px;margin-right:5px;padding:0;background-color:transparent}
.boutonGenerique	{background: url("images/bouton-generique.png") top left no-repeat;padding:0 0 7px 0;text-align:center;
					 font-size:11px;
					 color:#FFFFFF;border:0;width:110px;height:35px;font-weight:bold;margin-top:5px;cursor:pointer;padding-bottom:5px}
.boutonGenerique:hover	{color:#FFCC00}
.boutonPanier		{border:0;background:url("images/bouton-panier.gif") top left no-repeat;width:23px;height:21px;
					 padding:0;cursor:pointer}
.boutonPanier:hover	{background-position: left -21px}
.boutonPanierLong,.boutonPanierLong2	{border:0;background:url("images/bouton-panier2.gif") top left no-repeat;width:112px;
										 height:22px;padding:0;cursor:pointer}
.boutonPanierLong:hover,.boutonPanierLong2:hover	{background-position: left -23px}
.boutonPanierLong2		{background:url("images/bouton-panier3.gif") top left no-repeat}
.boutonSuiv,.boutonPrec 	{border:0;text-align:left;vertical-align:top;padding:0 0 8px 10px;width:156px;height:35px;
							 font-size:14px;font-weight:bold;color:#FFCC00;
					  		 background:url("images/bouton-suivant.jpg") top left no-repeat;cursor:pointer}
.boutonPlus,.boutonPlus:hover		{background:url("images/picto-plus.jpg") left center no-repeat;padding:0 0 0 12px;margin-top:5px}
.boutonMoins,.boutonMoins:hover		{background:url("images/picto-moins.jpg") left center no-repeat;padding:0 0 0 12px}
.boutonRechercher		{height:28px;width:89px;color:#FFFFFF;font-size:11px;border:0;cursor:pointer;
					 	 background: url("images/picto-chercher.gif") 92% center no-repeat #0461BE;padding:0 25px 0 7px}
.boutonRechercher:hover	{background-color:#034A92}

.boutonCreerTicket	{background:url("images/picto-ajouter-ticket.png") center left no-repeat; width:32px; height:32px; padding:10px 10px 10px 32px}
.boutonRevenirTicket	{background:url("images/picto-back.png") bottom left no-repeat; width:auto; height:10px; padding:0px 5px 2px 18px}
.boutonRepondreTicket	{background:url("images/picto-reponse.png") bottom left no-repeat; width:auto; height:20px; padding:4px 5px 4px 22px}
.boutonRepondreTicket:hover	{ cursor:pointer}

h1		{font-size:20px;font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;font-weight:bold}
h2 		{font-size:20px;font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#333; padding: 20px 0 10px 0;margin-top: 20px}
#aideAuChoix .AccordionPanelTab h2	{color:#E7F2FE;margin:0 5px 0 5px;padding-left:5px;font-size:14px;font-weight:normal}
.AccordionPanelTabHover h2,.AccordionPanelOpen .AccordionPanelTabHover h2,.AccordionFocused .AccordionPanelOpen .AccordionPanelTab h2	{background-color:transparent}
h3 		{font-size:15px;font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;font-weight:bold}
h4		{font-size:13px;font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;font-weight:bold}
table 		{border-collapse: collapse;width:100%;margin-top:5px}
table.mesDonnees	{width:100%}
table.mesDonnees.admin	{width:100%}
tr.entete 	{color:#003366;font-weight:bold;border-bottom:2px solid #003366}
tr.entete th {padding:5px;text-align:center;border:1px solid #CCC;background-color:#F2F2F2}
tr.lignearticle:hover	{background-color:#9FC48A}
tr.actif			{background-color:#9FC48A}

td 				{padding: 10px;vertical-align:top;border:1px solid #E6E3BF;border-right:0;border-left:0}
td.sansBorder	{border:0}
table.sansBorder td	{border:0}
td.avecBorder	{border:1px solid #E6E3BF}
td.avecBorderL	{border-left:1px solid #E6E3BF}
td.avecBorderR	{border-right:1px solid #E6E3BF}
td.tdtarif 		{width:70px; text-align:right}
td.article		{width:70px}
td.left			{font-weight:bold;color:#666666;text-align:right}
.fond_clair 	{background-color:#FFFFFF}/*#EEF8F8*/
.fond_clair2	{background-color:#F4F4F4}/*#DFEDF3*/
.fond_clair3	{background-color:#E6E3BF}
.fond_clair4	{background-color:#EFEED6;color:#003366}
.fondjaune		{background-color:#FFCC00}
.fond_article	{background-color:#F8F8F8;color:#003366}
.arrondi		{-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;border-radius-bottomleft: 5px}
.fondjaune2		{background-color:#FFE681;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;height:auto}
.sansArrondi	{-moz-border-radius:0x;-webkit-border-radius:0;border-radius:0}
.information	{border:1px solid #ccc;background-color:white;padding:7px;width:90%} /*infos complementaires (modele balise RTK)*/
.traitGris		{width:100%;height:1px;background-color:#ccc}
.traitJaune		{width:1px;height:1px;background-color:#FFCC00}
.traitBleuRoi	{border-bottom:1px solid #0461BE;margin-bottom:10px}
.traitPacks		{border-bottom:1px solid #695436;margin:5px 0 5px 0;padding-bottom:2px;color:#003366;font-weight:bold}

img				{}
.pictoSelection	{margin-right:10px}
.vignette		{border:2px solid #CCCCCC;width:47px;height:30px;background-color:white;vertical-align:middle;
				 text-align:center;overflow:hidden;margin-bottom:5px;display:table-cell;padding:2px}
.vignette:hover	{border:2px solid #9FC48A}


/*--------------------------- CSS ADMIN -----------------------------------------------------------------*/
#pageadmin 			{ color: #000000; font-size: 11px; padding-left: 5px; position: relative; z-index: 10}
#pageadmin h1		{font-size: 16px;color: #3D3D3D;margin-bottom:5px;margin-top:10px}
#pageadmin h2		{font-size: 14px;font-weight:bold;color:white;margin:0 0 5px 0;padding:5px; background-color:#003366}

#pageadmin p		{line-height:1.45em}
#pageadmin table 	{border-collapse:collapse;margin:0}
#pageadmin table	{}
#pageadmin td		{padding:2px;vertical-align:top;color:#000000;border:0}
#pageadmin th		{font-size:12px; font-weight:bold; text-align:left;color:#684667;margin-bottom:10px;border-bottom:1px dotted #a7d360}
#pageadmin tr.entete td		{color:#003366;font-weight:bold;border-bottom: 3px solid #003366;padding-top:15px}/*006699*/
#pageadmin .left	{font-weight:bold;color:#666666;text-align:right; padding-right:15px;width:25%}
#pageadmin td.left	{padding-top:6px}
#pageadmin .right	{text-align:left; width:80%}
#pageadmin input 	{background-color:white; border:1px solid #CCCCCC;width:500px;height: auto;padding: 6px 0 6px 6px;margin-bottom: 10px}
#pageadmin input.boutonGenerique	{width:120px; border:0}
#pageadmin input.petit 	{width:480px}
#pageadmin input.etroit {width:50px}
#pageadmin .radio   {float:left;width:13px;height:13px;border:none 0;vertical-align: middle;background-color:transparent}
#pageadmin .validbutton {float:left;font-size:11px; font-weight:bold;background-color:#0053A6;border: 1px solid #003366;color: white;width:auto; padding:12px 20px;cursor:pointer;margin-right: 15px;border-radius: 30px}
#pageadmin .validbutton:hover {background-color:#003366}
#pageadmin input.file {position: relative;text-align: right}
#pageadmin .checkbox 	{float:left;width:13px;border:0;height:13px;margin-right:5px;padding:0;background-color:transparent}
#pageadmin .checkbox2 	{width:13px;border:0;height:13px;margin-right:5px;padding:0;background-color:transparent}
#pageadmin select	{width:506px; background-color:white; border:1px solid #CCCCCC;height: auto;padding: 6px 0 6px 6px;margin-bottom: 10px}
#pageadmin textarea {width:500px;height:100px;border:1px solid #CCCCCC;padding: 6px 0 6px 6px;margin-bottom: 10px}
#pageadmin textarea.haut	{height:500px}
#pageadmin #ordre option	{width:30px}/* ????? */
#pageadmin .decalage {margin-left:20px;font-size:0.9em}
#pageadmin a 		{color:#003366;border-bottom:1px dotted #003366;text-decoration:none}/*#006699    465840*/
#pageadmin .fond_fonce a {color:white}
#pageadmin .important {color:#D00000; font-weight:bold;font-style:normal} /*remis ici car si .important applique à <a>, #pageadmin a prend le dessus*/
#pageadmin .commentaire {font-style:italic;font-size:11px;font-weight:normal;color:#666666}
#pageadmin .right .commentaire {width:500px}
#pageadmin .instructions {border:1px solid #666;padding:10px;background-color:#FBF7BD;line-height:1.45em}
#menu  							{ float: left; padding: 30px 10px; width: 165px}
#pageadmin tr.fond_clair		{background-color:#c2c2c2}
#pageadmin tr.fond_clair2		{background-color:#d9d7d7}
#pageadmin tr.fond_clair3		{background-color:#e5e5e5d1}
#pageadmin tr.fond_clair4		{background-color:#f8f8f8}
#pageadmin .fond_fonce			{background-color:#D40000;color:white}/*Applique sur td pour montrer les pages non publiees dans lister-pages*/
#pageadmin ul    			{padding:0; margin-left:20px}
#pageadmin ul.none    		{padding:0; margin:0}
#pageadmin li.none    		{color:black;list-style:none; list-style-image:none;background-color:transparent; padding:0; margin:0}
#MenuBarAdmin li.none    	{color:black;list-style:none;list-style-image:none;background-color:transparent;padding-bottom:2px; margin:0}
#MenuBarAdmin li.none:hover	{background-color:transparent}
#MenuBarAdmin li    		{list-style-type:none;padding:3px 0 3px 3px;border-bottom:1px dotted #003366}
#MenuBarAdmin li:hover   			{background-color:#003366}
#MenuBarAdmin li a  				{color:#003366;text-decoration:none;display:block}
#MenuBarAdmin li:hover a  			{color:white}
#MenuBarAdmin li.adminactif 		{background-color:#003366}
#MenuBarAdmin li.adminactif a		{color:white}
#MenuBarAdmin li.adminactif:hover 	{background-color:#0053A6}
.menuhead    {font-weight:bold; white-space:nowrap }
#pageadmin .bouton_cal	{background-image:url('images/picto-calendrier.gif');height:24px;width:21px;border:0px;cursor:pointer; float:left;margin-right:5px} /*le calendrier*/
#pageadmin .center	{text-align:center}
#pageadmin .suggestion	{display:none;height:auto;border:1px solid #CCCCCC;border-top:0;width:405px;
						 background-color:white;margin-left:18px}
#pageadmin div.suggestion div		{padding:2px 5px 2px 5px}
#pageadmin div.suggestion div:hover {background-color:#0053A6}
#pageadmin div.suggestion div:hover a {color:white}
#pageadmin div.suggestion a			{display:block;text-decoration:none;border:0}



/*--------------------------- STRUCTURE GENERALE -----------------------------------------------------------------*/
#fondpopupJQuery {position: absolute;height:auto;left:50%;margin-left:-275px;top:15%;width:550px;z-index:500;display:none;
				 background-color:#0461BE;border:10px solid #0461BE;-moz-border-radius:5px;-webkit-border-radius:5px;
				 padding:10px}
#popupAlerte	{background-color:#F4F4F4;padding:20px;margin:auto;font-size:12px;font-weight:bold;line-height:1.45em}
#masqueObscur	{height:100%;width:100%;z-index:100;filter:alpha(opacity=60);opacity:0.60;-moz-opacity:0.60;
				background-color:black;position:fixed;top:0%;left:0%;display:none}
#container		{position:relative;top:0;margin:0 auto; width:970px}
#ombreCadre		{width:1000px; position:relative; top:0;margin:0 auto; background-image:url(images/ombre_cadre.png)}
/* Les absolues pour popup zoom photo*/
#fondBlancImage {position: absolute;height:auto;left:50%;margin-left:-275px;top: 3%;width:550px;z-index: 500;display:none;
				 background-color:#0461BE;border:10px solid #0461BE;-moz-border-radius:5px;-webkit-border-radius:5px;
				 padding:10px}
#imageAgrandie 	{display: block;margin: 0 auto;position: relative;max-width:600px;padding:5px;border:2px solid #FFFFFF}

#haut			{position:relative;top:0;left:0;width:100%;height:20px;padding-top:5px;color:#FFFFFF;background-color:#002448;
				text-align:left}
  #haut a 		{color:#FFFFFF;text-decoration:none}
  #hautDroite	{margin-right:10px;float:right}
  #hautDroite select	{font-size:10px;color:#DFEFFF;background-color:#002448;margin-left:20px}
#bandeau		{ background-image:url(images/pattern.jpg); background-repeat:repeat-x repeat-y; color: white;left: 0;height: 124px;position: relative;top: 0;width: 100%}
	#logo2			{position:relative;float:right;padding:23px 20px 0 0px;font:Verdana, Geneva, sans-serif 12px normal}
    #logo			{position:relative;float:left;padding:10px 0 0 20px;font:Verdana, Geneva, sans-serif 12px normal}
  	#logo a 	{text-decoration:none;color:#FFF}
  #espaceClient	{position:absolute;top:65px;left:0px;width:515px;text-align:right;font-size:18px;color:#CDDAE9;letter-spacing:1px;font-family:Verdana, Geneva, sans-serif}
#menuTop 		{border-top:1px solid #6f91b3;width: 100%;background-color:transparent;height:37px; position:absolute}
#boxRechercher 	{/*voir plus bas*/}
.chemin 		{}
#menugauche 	{position:relative;top:0px;left:15px;float:left;width:185px;font-size:11px;margin-right:30px}
#sideMenu 		{width:185px; position:relative;top:10px;margin-bottom:20px}
#texteAdmin 	{float:left;border-left:#CCCCCC solid 1px;min-height:980px;width:760px;padding-left:10px}
#texte 			{background-image: url("images/fond_texte.jpg");background-repeat: repeat-x; float: right; min-height: 690px; padding: 30px 18px; width: 96%; z-index: 1}
#texte.accueil	{padding:0;width: 100%}
#texte.admin	{padding:0;width: 80%}
  #aideAuChoix {background-color:#FFFFFF;background-image: url(images/fondConteneur.jpg);background-repeat: repeat-x;
			  background-position: left bottom;padding:10px;border: 1px solid #CCCCCC;position: relative;top:0px;left:10px;
			  width:550px;min-height:630px;margin-bottom:20px;z-index:1}
  #aideAuChoix.large		{width:745px}
#piedpage 		{ background-image:url(images/fond_footer.png); background-repeat:repeat-x; clear:both;padding:0px;width:100%;border-top:1px solid #CCCCCC;color:#003366; height:136px}
  #piedpage a	{border-bottom:1px dotted}
  #contenufooter { padding:25px 0px 0px 25px; color:#fff; }

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



/* ------------ Rechercher ------------------------------------------ */
#boxRechercherConteneur {position:relative;top:0;width:450px;margin:10px auto 10px auto}
#boxRechercher 			{border:1px solid #CCCCCC;width:330px;background-color:white;padding:0 0 0 10px;border-right:0}
.boxRechercherInput		{width:260px;border:0;padding-top:0;margin:5px 0 5px 0}
.boxRechercherSelect 	{background: url("images/fleche-fine-bas.gif") center right no-repeat;padding:0 15px 0 5px;
					 	 height:17px;font-size:12px;color:#666666;bottom:50px;border-left:1px solid #CCCCCC;
						 cursor:pointer;margin:5px 10px 5px 0}
#boxRechercherType		{width:140px;border:1px solid #CCCCCC;background-color:#FFFFFF;position:absolute;top:29px;display:none;
					 	left:272px;min-height:100px;z-index:2;border-top:0}
.choixRech				{text-align:left;cursor:pointer;padding:5px 0 5px 15px}
.choixRech:hover		{background-color:#F4F4F4}

/* ------------ Boxs de droite ------------------------------------------ */
.boxTitre			{width:185px;right:10px;position:relative;background:url("images/fond-titre-box.jpg") top left no-repeat;
					 height:25px;padding:5px 0 0 15px;color:#FFCC00}
.boxTitre a 		{text-decoration:none; color:#FFCC00}
.boxTitre.panier	{background:url("images/fond-titre-box-panier.jpg") top left no-repeat;color:white;
					 padding-top:15px;margin-top:-10px}
.box 				{max-height:215px;right:10px;position:relative;top:0;width:200px;margin-bottom:25px;overflow:hidden}
.actu 				{height:180px;border:1px solid #CCCCCC;right:0}
.boxContenu			{border:1px solid #CCCCCC;border-top:0;padding:10px;width:178px;
			 		background: url(images/fond-box.jpg) left bottom repeat-x #FFFFFF}
.boxContenu	a		{}
.box div.boutonactu	{position:relative;top:125px;left:0px;width:200px;padding:10px 0 10px 7px;
					font-size:12px;font-weight:bold;background:url(images/fond-liens-actus.jpg) top left repeat-y}
.boxDeconnexion		{top:165px;right:10px;position:absolute;color:#BC1D95;text-align:right}

/* ------------ Box module : ATTENTION .boxModule utilisé par JQuery  -------------------------------------- */
.boxModule			{width:266px;background-color:#FFE681;height:180px;cursor:pointer;border:2px solid #FFFFFF}
.boxModule:hover	{background-color:#F2F2F2;width:266px;border:2px solid #BC1D95}
.boxModule:hover .lienFlecheSimple {font-weight:bold}
#aideAuChoix .boxModule:hover h3 {color:#FFFFFF}
.boxModuleTitre 	{height:32px;padding-left:7px;background-color:#FFCC00}
.boxModuleTexte		{width:125px;margin-left:10px}
.boxModuleIntro 	{margin-top:7px;color:#0461BE;font-weight:bold;font-size:12px}
.boxModuleAccroche 	{margin-top:15px;color:#333333}
.boxModuleTrait		{position:relative;top:150px;left:122px;height:1px;width:144px;background-color:#FFCC00;z-index:3}
.boxModule .lienFlecheSimple {position:relative;bottom:23px;left:128px;width:130px;z-index:3}

.boxPresentationPanier	{width:266px;border:2px solid #CCCCCC;padding:7px;height:auto;margin-bottom:5px;
						 background: url(images/fond-box.jpg) left bottom repeat-x #FFFFFF}

/* ------------ Box recap selection d'aide au choix ------------------------------------------ */
.boxSelection		{position:relative;width:185px}
.boxSelection p 	{margin:7px 0 5px 0;line-height:1.45em}
.boxSelectionTitre 	{background:url(images/fond-titre-box-aide-au-choix.jpg) top left no-repeat;height:65px;text-align:center;padding:20px 0 0 0}
.boxSelectionTitre2	{background:url(images/fond-titre-box.jpg) top left no-repeat;height:25px;padding:5px 0 7px 0}
.boxSelectionIntro	{line-height:1.45em;color:#0461BE;padding:0 15px 15px 15px;font-weight:bold}
.boxSelectionIntro2	{line-height:1.45em;color:#002B54;padding:0 15px 15px 15px}
.boxSelectionResume {line-height:1.45em;color:#002B54;padding:0 10px 10px 10px}
.boxSelectionResume .floatRight	{width:120px}
.nouvelleSelection 	{background:url(images/fond-nouvelle-selection.gif) top left no-repeat;padding:7px 0 0 10px;
						 width:175px;height:29px}

/* ------------ Box centrale ---------------------------------------------------------------------- */
.boxCentraleTitre 	{padding-left:7px;background-color:#FFFFFF;height:32px;border:1px solid #CCC;border-bottom:1px solid #FFCC00}
.boxCentraleContenu		{border:1px solid #CCCCCC;border-top:0;padding:10px;margin-bottom:20px;
			 		background: url(images/fond-box.jpg) left bottom repeat-x #FFFFFF}

/* ------------ MENU PRINCIPAL ------------------------------------------ */

/* Le menu de droite en haut*/
ul#topnav2 {float:right;list-style: none}
ul#topnav2 li.famille {float:left;position: relative; /*--Important--*/padding:0;z-index:100}
ul#topnav2 li.famille a {color: #fff;float:left;font-size:11px;padding:13px 10px 5px 10px;text-decoration: none;border:0;height:13px}
ul#topnav2 li.famille a:hover 			{color:#FFCC00;text-decoration: none}
ul#topnav2 li.famille a.actif 			{color:#FFCC00}
ul#topnav2 li.famille a.lienPanierMenu	{background:url("images/picto-panier-menu.gif") top left no-repeat;
										 padding:13px 10px 5px 28px}
ul#topnav2 li.famille a.lienPanierMenu:hover{background-position: left -28px;color:#FFCC00}
ul#topnav2 li.famille a.actif.lienPanierMenu{background-position: left -28px;color:#FFCC00}

/* Le menu principal*/
ul#topnav 				{left: 19px;list-style: none outside none;position: relative}

ul.accueil#topnav 		{left:10px;top:10px; font-size:16px}
ul#topnav li.famille 	{float: left;position: relative; /*--Important--*/padding:0;/*margin-left:5px;*/z-index:100}
ul#topnav li.famille a 	{color: #FFFFFF;float:left;font-size:16px;text-decoration:none;border:0; padding:5px 15px;
						 text-align:center;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
ul#topnav li.famille.last {margin-right: 30px}
ul#topnav li.famille.compte {padding:5px 15px}
ul#topnav li.famille.separateur { margin: 0;  padding-top: 5px}
ul#topnav li.famille a.actif {color:#0461BE;background:url("images/fond_bouton_menu.png") left repeat-x}
ul#topnav li.famille a.actif:hover {color:#0461BE;background:url("images/fond_bouton_menu.png") left repeat-x}
ul#topnav li.famille a.menuactif {color:#0461BE;background:url("images/fond-menu-moyen.png") left 5px no-repeat}/*JQuery*/
ul#topnav li.famille a:hover {background:url("images/fond_bouton_menu_hover.png") left repeat-x}
ul#topnav li.famille a.lienGrand		{width:106px}
ul#topnav li.famille a.lienGrand:hover	{background-image:url("images/fond-menu-onglet.png")}
ul#topnav li.famille a.actif.lienGrand	{background-image:url("images/fond-menu-onglet.png")}
ul#topnav li.famille a.lienHome		{background:url("images/picto-home.png")  left -5px no-repeat; width:80px;padding: 10px 10px 10px 30px;text-align:left}
ul#topnav li.famille a.actif.lienHome{background:url("images/picto-home.png") left -38px no-repeat;color:#0461BE;width:83px;padding: 10px 10px 11px 27px}
ul#topnav li.famille a.lienHome:hover{background:url("images/picto-home.png") left -38px no-repeat;color:#0353A3;width:83px;padding: 10px 10px 11px 27px}

ul#topnav li div.sub	{position: absolute;width:972px;height:auto;top:38px;z-index:100;left:-123px;border:5px solid #0461BE;
						 background:url("images/fond-div-sub.jpg") top left repeat-x #FFFFFF;padding: 10px 0px 10px 0px;display: none;border-top:0}
ul#topnav li .sub .col	{float:left;width:170px;border-right:1px solid #CCCCCC;min-height:280px;padding:0 9px 0 9px}
ul#topnav li .sub .colInt	{margin-bottom:15px}
ul#topnav .sub h2 		{font-size: 11px;font-family:Tahoma, Verdana, Helvetica, sans-serif;margin:0;color:#0461BE;margin-bottom:5px}
ul#topnav li .sub .menuProd a 		{font-size: 11px;padding:0 0 2px 0;display:block;text-decoration: none;color:#000;text-align:left;
									 line-height:1.25em;margin-bottom:3px;border-bottom:1px solid #FFFFFF;display:block;width:auto}
ul#topnav li .sub .menuProd a:hover {border-bottom:1px solid #0461BE;color:#0461BE;background:transparent}

/* ------------ MENU DE GAUCHE ------------------------------------------ */
#sideMenu h1		 			{margin-bottom:10px;color:#002B54}
#sideMenu ul		 			{list-style:none}
#sideMenu ul li.rub 			{margin:0 0 4px 0;cursor:pointer;padding:2px 0 2px 15px;
								 background:url(images/fleche-droite-menu.png) left 5px no-repeat}
#sideMenu ul li.rub:hover		{background:url(images/fleche-droite-menu-on.png) left 5px no-repeat #0461BE;color:#FFFFFF}
#sideMenu ul li.rub:hover a			{color:#FFFFFF;display:block}
#sideMenu ul li.rub.actif a			{color:#0461BE}
#sideMenu ul li.rub.actif:hover a	{color:#FFFFFF}
#sideMenu ul li.ssrub			{background-color:transparent}
#sideMenu ul li.ssrub a			{padding:0 3px 0 0;color:#666666;display:block;text-decoration:none;min-height:38px}
#sideMenu ul li.ssrub a:hover	{color:#000000;background-color:#FFCC00}
sideMenu ul li.ssrub a:hover .vignette	{border:2px solid #FFCC00}
#sideMenu ul li.ssrub.actif a	{color:#0461BE;font-weight:bold}
#sideMenu ul li.ssrub.actif .vignette	{border:2px solid #9FC48A}

/* ------------ Zone centrale ------------------------------------------ */
#aideAuChoix h1	{margin-bottom:20px}
#aideAuChoix h2	{font-size:20px}
#aideAuChoix h3 {margin:3px;color:black;font-size:15px;font-weight:normal}
#aideAuChoix ul	{padding:0; margin:0 0 10px 17px}
#aideAuChoix li	{padding:0 0 7px 0;margin:0}

	.description {max-width:350px}
	.description p,.description li 	{margin:0 0 10px 0;line-height:1.65em}

	#conteneurEtapes {width:100%;height:60px;background: url("images/fond-pointilles-etapes.gif") -10px 12px repeat-x;margin-bottom:10px}
  	#conteneurEtapes a	{color:#FFFFFF}
	.cercle {display: block;width: 20px;height: 20px;background:#FFCC00;-moz-border-radius: 10px;
  		   -webkit-border-radius: 10px;border-radius: 10px;margin: 10px auto}/*#BD9E38*/
	.etape {height:25px;width:75px;float:left;position:relative;text-align:center;font-size:12px;font-weight:bold;color:#336600}
  	.etape .numeroEtape {color:white;display: block;left:32px;position:absolute;top:11px;z-index:50;
  										font-size:14px;font-weight:bold}
  	.etapeActive {}
  	.etapeInactive {color:#FFFFFF;font-size:11px;font-weight:normal}
  	.etapeInactive .cercle{background-color:#336600}

    .navigation {cursor:pointer} /*ATTENTION : utilisé par JQuery pour document.forms.submit()*/
	.navigation.blanc:hover	{color:#0461BE}
    #conteneurEtapes .navigation:hover span.cercle { background-color:#888}

    .choix,.choix2,.modeleBalise,.choix3 {width:100%;text-align:left;cursor:pointer}
	.encadre 		{text-align:center;width:95px;border:1px solid #ccc;background-color:white;min-height:165px;
					 padding:5px 0; margin:0 0 20px 10px}
	.encadre:hover 	{border:1px solid #002B54}
	#elementsSelection			{position:relative;float:left;left:0px;right:0px;width:530px;padding:0 10px 10px 10px;min-height:400px}
	#elementsSelection.home		{min-height:400px;padding:0;width:550px}/*plus large lorsqu'il n'y a pas de fond jaune clair*/
	#elementsSelection .encadre {margin-left:25px}
	#elementsSelection h2		{margin-bottom:10px}

	.choix p,.choix2 p,.information p,.choix3 p {color:#666666;font-weight:bold;padding:5px;margin-bottom:5px;font-size:11px} /*ATTENTION : utilisé par JQuery*/
	.choix p.vert,.choix2 p.vert,.information p.vert,.choix3 p.vert {color: white;background-color:#9FC48A}
	.choix:hover p,.choix2:hover p,.choix3:hover p {background-color:#0F3860;color:#fff}
	.modeleBalise:hover p {background-color:#9FC48A;color:#fff}
	.conteneurCheckBox {height:15px;padding-top:5px}
	.conteneurPhoto {}
	.detailApplis	{display:none;position:relative;left:-70px;width:220px;text-align:left;
	padding:15px;color:#666666;background-color:white;cursor:pointer;border:1px solid #CCCCCC;margin-top:5px}
	.detailPack		{display:none;position:absolute;width:500px;text-align:left;z-index:50;
	padding:15px;color:#002B54;background-color:white;cursor:pointer;border:10px solid #002B54}

	.contVehicule	{}
	.contVehicule select,.contVehicule input.champtexte	{min-width:300px; background-color:white; border:1px solid #CCCCCC;
	  padding:1px 0 0 3px;margin-bottom:15px} /*Toutes les div suivantes seront dans contVehicule*/
	.lblVehicule 	{color:#00284E;display:inline-block;font-size:12px;font-weight: bold;width:170px;text-align:right;
	  margin:0 20px 15px 0}
	.contSerie 		{width:330px}

	.contArticle	{background-color:white;border:1px solid #2D6498;padding-left:10px;vertical-align:middle;
					 margin-bottom:15px}
	.contArticle:hover	{background-color:#D8E7FE}
		.contTarif	{position:relative;float:right;color:#FFFFFF;background-color:#0353A3;width:20%;padding:7px;
							 height:100%;min-height:70px;line-height:1.85em;font-size:12px}
		.tarif		{color:#FFCC00;font-size:16px}
		.dispo		{font-size:11px;line-height:1.25em;margin-bottom:3px}
		.contDesignation {float:left;width:76%;padding:7px 0 7px 0;line-height:1.45em}
			.refArticle	{color:#FFCC00;font-weight:bold;width:100px;margin-right:10px}
			.refArticle2{width:80px;margin:0 10px 0 15px}
	.contRech		{line-height:1.85em}
	.contRechDroite	{width:180px;margin:0 0 10px 20px;text-align:right;font-weight:bold}

.scrollable {position:relative;overflow:hidden;width:202px;height:200px;right:10px}
.scrollable .items {width:20000em;position:absolute;clear:both}




/******* Accueil ***********************/
.calendrierImage {position: relative; top: 5px}
.pictoTel { display:inline-block;  background-image:url(images/picto-telephone.png); width:40px; height:21px; background-repeat:no-repeat;background-position: 50% 0}
.pictoMail {  display:inline-block;  background-image:url(images/picto-mail.png); width:40px; height:20px;background-repeat:no-repeat;background-position: 50% 0}
.pictoCompte { background-image: url("images/picto_compte.png");
    background-position: 50% 2px;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    height: 20px;
    margin-right: 5px;
    width: 18px}
.pictoDeco {display:inline-block;  float: left; background-image:url(images/picto_deco.png); width:18px; height:20px;background-repeat:no-repeat;background-position: 50% 2px; margin-right:5px}
#conteneurFields {padding:20px 20px 0px 35px}
#conteneurFields a {margin-top:20px;  font-size:20px; color:#F75600}
#conteneurFields h2 {color:#013269; font-size:20px}
#conteneurFields input {width:220px; height:36px; font-size:25px; color:#999; margin-top:20px; padding-left:10px}
input#boutonConfLogin	{ cursor:pointer; background-color:transparent; border:0; padding: 0;width:54px; height:45px; background-image:url(images/fond_bouton_login.png); background-repeat:no-repeat; color:#fff; font-size:22px; padding: 5px 5px 14px}
input#boutonConfLogin:hover { background-position:0 -51px}
#conteneurConnexion { }
#conteneurPass {margin-bottom: 15px}
#conteneurTabs	{float: left; width: 100%}
#illustrationAccueil {position:relative; left:86px; top:30px}
#loginAccueil { background-image:url(images/fond_login.png); width:344px; height:230px; position:absolute; top:165px; right:45px; }
#telephone {margin-top:12px; }
#contactAccueil {position:absolute;   top: 410px; left:615px; font-size:20px}
#contactAccueil h2 {font-size:20px; font-weight:bold; margin-bottom:20px}
#contactAccueil p {font-size:20px}


#btnNbBon, #btnSelectProd { cursor:pointer; background-image: url("images/fond_bouton_ok.png");background-position: 0 3px;border: 0 none;color: #FFFFFF;height: 26px;padding: 0;width: 37px}
/* ribbon style */

table.mesDonnees {	}
.floatLeft table.mesDonnees {margin-top: 28px}
table.mesDonnees td { padding:0; border:1px solid #000; text-align:center;vertical-align: middle}
table.mesDonnees tr.selectDate {
	background-color: #f3f3f3;
	background-image: url("images/fond_tableau_select_date.png");
	background-repeat: repeat-x;
	height: auto;

}
table.mesDonnees tr.selectDate  td {
	padding:5px 11px 5px 5px; border:1px solid #999;
	text-align:left}
 .ribbon-wrapper {
	position: relative;
	top:78px;
}
tr.navDate {
	 background-color: #cfcfcf;
    background-image: url("images/fond_nav_date.png");
    background-repeat: repeat-x;
    text-align: center;
}
tr.navDate td {
	border:1px solid #333;
	padding:8px;
	font-size:14px;
	font-weight:bold;
}


#conteneurSuiv,  .suiv {
	margin-right:15px;
}
#conteneurPrec,  .prec{
	margin-left:15px;
}
#conteneurSuiv,
#conteneurPrec,
.prec,
.suiv 						 {cursor:pointer}
#conteneurSuiv:hover,
#conteneurPrec:hover,
.prec:hover,
.suiv:hover 				 {color:#111}

#flecheprec {
	height:14px;
	width:11px;
	display:inline-block;
	background-image:url(images/flecheGauche.png);
	background-position:0px 6px;
	background-repeat:no-repeat;
}
.ui-datepicker-trigger { margin-left: 5px; position: relative; top: 5px}
#conteneurSuiv:hover .fleche, #conteneurPrec:hover .fleche, .prec:hover .fleche, .suiv:hover .fleche  {
	background-position:0 -10px;
}
#flechesuiv {
	height:14px;
	width:11px;
	display:inline-block;
	background-image:url(images/flecheDroite.png);
	background-position:0px 6px;
	background-repeat:no-repeat;
}
.rien {
	background-image:url(images/fond_cell_vide.png); background-repeat:repeat-x;
}
.mesResultats {
	background-image:url(images/fond_entete_mes_resultats.png); background-repeat:repeat-x;
	color:#000;
	font-style:italic;
	font-weight:bold;
	text-align:center;
}
.coop {
	background-image:url(images/fond_entete_coop.png); background-repeat:repeat-x;
	color:#fff;
	font-style:italic;
	font-weight:bold;
	text-align:center;
}
.enteteGenerale td{
	background:url(images/fond_entete.png) top left repeat-x #045BBC;
	color:#fff;
	font-weight:#fff;
	text-align:center;
}

.categorie {
	color:#fff;
	background-color:#888;
	font-size:14px;
	font-weight:bold;
	text-align:left !important;
	padding-left:15px !important;
	padding-top:2px !important;
	padding-bottom:2px !important;
}
.titreTotal {
	text-align:left !important;
	padding-left:15px !important;
}
.mesresultats {
	text-align:center;
	font-size:12px;
	color:#d40000;
	background-color:#EBDFB8;
	font-weight:bold;

}
.VL span{
	height:14px;
	width:14px;
	background-image:url(images/picto-vl.png);
	display: inline-block;
	float:right;
	position:relative;
	right:5px;
}
.BL span {
	height:14px;
	width:14px;
	background-image:url(images/picto-bl.png);
	display: inline-block;
	float:right;
	position:relative;
	right:5px;
}
.VL-VT span{
	height:14px;
	width:14px;
	background-image:url(images/picto-vl-vt.png);
	display: inline-block;
	float:right;
	position:relative;
	right:5px;
}
.VE span{
	height:14px;
	width:14px;
	background-image:url(images/picto-ve.png);
	display: inline-block;
	float:right;
	position:relative;
	right:5px;
}

.resultCoop {
	text-align:center;
	font-size:12px;
	color:#d40000;
	background-color:#F3DBCF;
	font-weight:bold;

}

.info {
	text-align:left;
	font-size:12px;
	color:#024DA1;
	background-color:#F2F2F2;
	margin-bottom:20px;
    line-height:1.42em
}
.info strong {font-weight:700}

.pasDeDonnees {
	text-align:center;
	font-weight:bold;


}
tr.pasDeDonnees td {
	height:35px;
	vertical-align:middle;
}
#conteneurBon {
    margin: 10px 0;
    width: 375px;
}
  .ribbon-front {
	background-color: #024DA1;	height: 46px;
	width: 1010px;
	position: absolute;
	left:-20px;
	z-index: 2;
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 46px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -20px;
	border-color: transparent #012B58 transparent transparent;
}

  .ribbon-edge-topleft {
	top: 0px;
	border-width: 0px 20px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 20px 10px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 970px;
	border-color: transparent transparent transparent #012B58;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 20px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 10px 20px;
}

  .ribbon-back-left {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 0px;
	height: 46px;
		z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 0px;
	height: 46px;
		z-index: 0;
}
#conteneurExportXls{
	width: auto;
}
.conteneurActions {
	min-width: 220px;
}
#btnExportXls {
		padding:5px;
    display: inline-block;
		color:#fff;
		font-size:12px;
		font-weight:bold;
		line-height:30px;
}
#btnExportXls:hover .icon-XLS {
	background-position: 0 -21px;
}

table.mesDonnees tr.selectDate td.exportBtnSmallContainer {
		padding: 2px;
    vertical-align: bottom;
		text-align:center;
}
.exportBtnSmallContainer h5 {
	font-weight:bold;
}
.icon-XLS {
	background-image: url("images/icon-xls.png");
	background-position: 0 0;
	display: inline-block;
	height: 20px;
	width: 18px;
	vertical-align:middle;
	padding-right:5px;
}
.icon {
	background-repeat:no-repeat;

}
.btnExportXlsSmall {
	background-image: url("images/btn-export-sm.png");
	background-position: 0 0;
	display: inline-block;
	height: 23px;
	width: 20px;
}

.exportBtnSmallContainer a:hover .btnExportXlsSmall {
	background-position: 0 23px;
}
.btn-degrade1 {
	border:1px solid #662400;
	background: #ff9e6a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWU2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3NTYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYjQyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff9e6a 0%, #f75600 50%, #bb4200 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9e6a), color-stop(50%,#f75600), color-stop(100%,#bb4200));
	background: -webkit-linear-gradient(top,  #ff9e6a 0%,#f75600 50%,#bb4200 100%);
	background: -o-linear-gradient(top,  #ff9e6a 0%,#f75600 50%,#bb4200 100%);
	background: -ms-linear-gradient(top,  #ff9e6a 0%,#f75600 50%,#bb4200 100%);
	background: linear-gradient(to bottom,  #ff9e6a 0%,#f75600 50%,#bb4200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9e6a', endColorstr='#bb4200',GradientType=0 );
}

.btn-degrade1:hover {
	border:1px solid #913300;
	background: #ff6a1a;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNmExYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I3NDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNzQwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff6a1a 0%, #b74000 50%, #b74000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6a1a), color-stop(50%,#b74000), color-stop(100%,#b74000));
background: -webkit-linear-gradient(top,  #ff6a1a 0%,#b74000 50%,#b74000 100%);
background: -o-linear-gradient(top,  #ff6a1a 0%,#b74000 50%,#b74000 100%);
background: -ms-linear-gradient(top,  #ff6a1a 0%,#b74000 50%,#b74000 100%);
background: linear-gradient(to bottom,  #ff6a1a 0%,#b74000 50%,#b74000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a1a', endColorstr='#b74000',GradientType=0 )}

.btn-shadow {-webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.15);-moz-box-shadow:    0px 10px 5px 0px rgba(50, 50, 50, 0.15);box-shadow:         0px 10px 5px 0px rgba(50, 50, 50, 0.15)}

.btn-link		 		{color: #024DA1; text-decoration: none}
.btn-link:hover 		{color: #024DA1; font-weight:bold; text-decoration: none}
.conteneurListePDF		{margin-top:20px}

.nav-tabs              {border-bottom: 1px solid #ddd;list-style: none;margin-top:20px}
ul.nav li              {width: auto}
.nav-tabs>li           {margin-bottom: -1px;position: relative; display: inline-block}
ul.nav li.active a     {background-color: #fff !important;color: #000;cursor: pointer}
ul.nav li a            {margin-left: 20px}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover
                       {color: #555;cursor: default;background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent}

.nav-tabs>li>a         {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0}
.nav>li>a              {position: relative;display: block;padding: 10px 15px;cursor:pointer;font-size: 1.07rem;}

.tab-content           {clear: both;position: relative;margin:0;padding: 20px}
.item                  {display:none}
.item:first-child      {display:block}

#from,
#to,
#textDateUnique        {width:100px}
#textParSemaine        {width:120px}

.mesdonnees #texte.admin
                       {width:100%}
.mesdonnees #menu      {display:none}

#contenurSelectProd	   {margin: 30px 0}

/*Navigation documents*/
.nav-tabs.documents				{font-size: 15px}
ul.nav.nav-tabs.documents li a	{margin-left: 0}

	/*Card documents*/
.flex 							{display :flex; justify-content: space-evenly;flex-wrap: wrap;align-content: center;align-items: stretch}
.flex a 						{transition: ease all 0.5s;cursor: pointer}
.flex a:hover 					{text-decoration: none}
.flex a:hover .block-element 	{background: #f2f2f2;}
.block-element 					{color: #555;background: #fff;padding: 20px 25px 10px 25px;transition: ease all 0.2s}
.block-element					{box-shadow: 0 0 7px rgba(0, 0, 0, 0.25)}
.block-element-padding0 		{padding: 0}
.block-element 					{width: 270px;margin: 20px 0}
.element-documents-box			{display: flex;height: 80px;align-items: center}
.element-documents-box 			{min-height: 95px;align-items: center;height: auto;padding-left: 20px}
.element-documents-box-download {color: #cb3b3b;font-size: 2.6rem;border-right: 1px solid #e6e6e6;display: flex;justify-content: center;align-items: center}
.element-documents-box-txt 		{padding: 10px 20px}
.element-documents-box-txt h2 	{color: #0461BE;margin-bottom: 0;font-size: 1rem;padding: 0;text-align: left}
.element-documents-box-txt p 	{color: #8b8b8b;margin: 0}

/*Checklist*/
.custom-checkbox 				{display:flex; align-items: center; margin: 2px 0px;font-size: 0.8rem;}
ul.nav.nav-tabs.checklist li	{width : 50%}
ul.nav.nav-tabs.checklist li a::before {font-family: "FontAwesome";content: "\f073";font-size: 22px;color: #f36f23;margin-right: 15px}
ul.nav.nav-tabs.checklist li a 	{margin-left: 0px}
.tab-content.checklist .picto   {padding: 1rem !important;box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; position: absolute;
								left: 42%;top: -23px;border-radius: 50%;width: 45px;height: 45px;color: #F36F23 !important;
								background: #fff;/*border: 1px solid #F36F23;*/display: flex;align-items: center;justify-content: center;}
.tab-content.checklist .picto i {text-align: center;font-size: 16px}

.tab-content.checklist h1 		{margin: 15px 0}
.tab-content.checklist .card	{margin: 30px 5px;flex: 0 0 32%}
.tab-content.checklist label    {color:#fff}

.bleuClair  	{color:#4996E2}
.bleuRoi	 	{color:#024DA1}
.vert			{color:#4DA102}
.violet			{color:#A1024D}
.rouge			{color:#A10702}
.orange			{color:#f36f23}

.bg-bleuClair  		{background-color:#4996E2; color: #ffffff}
.bg-bleuRoi	 		{background-color:#024DA1; color: #ffffff}
.bg-vert			{background-color:#4DA102; color: #ffffff}
.bg-violet			{background-color:#A1024D; color: #ffffff}
.bg-rouge			{background-color:#A10702; color: #ffffff}
.bg-orange			{background-color:#f36f23; color: #ffffff}

.bg-bleuRoi .picto 		{border:1px solid #024DA1}
.bg-vert .picto 		{border:1px solid #4DA102}
.bg-violet .picto 		{border:1px solid #A1024D}
.bg-orange .picto 		{border:1px solid #f36f23}
.bg-bleuClair .picto 	{border:1px solid #4996E2}

.nav-link.bleuClair.active		{background-color:#4996E2; color: #ffffff}
.nav-link.bleuRoi.active		{background-color:#024DA1; color: #ffffff}
.nav-link.vert.active			{background-color:#4DA102; color: #ffffff}
.nav-link.violet.active			{background-color:#A1024D; color: #ffffff}
.nav-link.rouge.active			{background-color:#A10702; color: #ffffff}
.nav-link.orange.active			{background-color:#f36f23; color: #ffffff}

/*Cacher defs permet de voir les lignes du graphique highcharts (Mathilde mars 2022)*/
.highcharts-container svg defs{display: none;}