@charset "utf-8";
/* commun */
body									{	font-family:Arial, Helvetica, sans-serif;font-size:11px;margin:0px;background: url(fond.jpg);background-size: 100%;	}
.nowrap									{	white-space:nowrap;	}
.clearer								{	font-size:0px;line-height:0px;clear:both;height:0px;	}
#global_col_g							{	float:left;padding: 20px 0;width: 314px;	}
#global_col_d							{	float:left;padding-left:20px;padding-right:20px;background: #ffffff;border-top:6px solid #cd2c04;width: 846px;padding-top: 20px;padding-bottom: 40px; 	}

/* footer */
.footer                                 {   background: url("fond_bas.jpg");height: 58px;position: fixed;bottom:0px;left: 0px;width: 100%;text-align: center;padding-top: 20px;color: #fff;    }
.footer a                               {   color: #fff;    }
.footer a:hover                         {   color: #000;    }

/* connexion */
.connexion								{	/*background:url(fd_accueil.jpg) 0 100px repeat-x;*/	}
.connexion .encart						{	background:url(LogoOz-generique-CMYN.png) no-repeat center top;width:496px;margin:0 auto;position:relative;padding-top: 330px;	}
.connexion .btn_connexion				{	background:url(btn_connecter.png) no-repeat;width:166px;height:50px;display:block;	}
.connexion table						{	/*position:absolute;right:50px;bottom:18px;*/	}
.connexion input						{	border:none;height:25px;width: 166px;	}
#connexion label                        {   color: #fff;font-size: 18px;    }

/* page type */
#global									{	position:relative;padding-bottom: 88px;	}
#global .entete							{	background:url(LogoOz-generique-CMYN.png) left 15px no-repeat;background-size: 14%;width:1166px;margin:0 auto;height:146px;position:relative;	}
#global .entete a.btn_disconnect		{	color: #cd2c04;display: inline-block;font-size: 17px;font-weight: bold;position: absolute;right: 5px;text-decoration: none;text-transform: uppercase;top: 5px;	}

.entete2                                 {   position: absolute;top: 20px;right: 0px;text-align: right;    }
.entete2 h1                              {   font-size: 23px;color: #000;  }

/*#global .entete div.qui					{	top:7px;right:26px;position:absolute;color:#fff;font-size:12px;font-weight:bold;	}*/
div.qui					                {	display: block;color:#fff;font-size:12px;font-weight:bold;padding: 0 20px 20px 20px;	}
div.qui a                               {   margin-left: 7px;color: #cd2c04;    }

#global .menu							{	height:27px;text-align:left;width:920px;position: absolute;top: 106px;left: 282px;	}
#global .menu #menu						{	margin:0 auto;	}
#global .menu ul						{	padding:0px;margin:0px;	}
#global .menu ul ul                     {   display: none;position: absolute;top: 20px;left: 0;background: #CD2C04;    }
#global .menu ul li:hover  ul               {   display: block;    }
#global .menu ul ul li                  {   display: block;    }
#global .menu ul ul li                  {   border: 0px;border-bottom: 1px solid #fff;text-align: left;    }
#global .menu ul ul li a                {   display: block;text-align: left;    }
#global .menu ul ul li:hover            {   background: #fff;    }
#global .menu ul li						{	display:inline-block;list-style-type:none;border-left: 1px solid #edcb1e;position: relative;	}
#global .menu ul li:first-child         {   border-left: none;    }
#global .menu ul li a					{	text-decoration:none;color:#FFF;font-size:14px;font-weight:bold;display:inline-block;position:relative;padding:0 15px;line-height:22px;text-align: center;	}

#global .menu > div > ul > li > a.selected,#global .menu ul li a:hover	{	color:#cd2c04;	}

/* modules */
#contenu_module							{	width:1200px;margin:0 auto;background: url(fd_colg.gif) #fff repeat-y;	}

/* titres */
h1										{	font-family:DINLightRegular,Arial, Helvetica, sans-serif;font-size:36px;color:#696969;text-transform:uppercase;line-height:20px;margin-top:3px;	}
h2										{	font-family:DINLightRegular,Arial, Helvetica, sans-serif;font-size:24px;color:#696969;text-transform:uppercase;line-height:20px;	}
h3										{	font-family:DINLightRegular,Arial, Helvetica, sans-serif;font-size:20px;color:#d73800;text-transform:uppercase;line-height:20px;	}
h4										{	font-family:DINLightRegular,Arial, Helvetica, sans-serif;font-size:20px;color:#2e2721;text-transform:uppercase;line-height:20px;	}
.nomargin h3,.nomargin h4               {   margin: 0px;    }

/* tableaux */
.tableau								{	padding:0px;margin:0px;border-collapse:collapse;	}
.tableau thead 							{	height:25px;	}
.tableau tfoot 							{	height:25px;	}
.tableau td								{	padding:6px;font-size:11px;color:#666;background: #fff;border-color:#E6E6E6;	}
.rapport_bar .tableau td                {   border-color: #000;    }
.separate td		                    {	border-bottom-style:solid;border-bottom-width:1px;	}
.separatev td		                    {	border-right-style:solid;border-right-width:1px;	}
.tableau thead td						{	background:#cd2c04;color:#FFF;text-transform:uppercase;font-weight:bold;padding:0px 6px;line-height:25px;	}
.rapport_bar .tableau thead td          {   line-height: 16px;background:#ccc;color:#000; }
.tableau tfoot td						{	background:#cd2c04;color:#FFF;text-transform:uppercase;font-weight:bold;padding:0px 6px;line-height:17px;	}
.rapport_bar .tableau tfoot td		    {	background:#ccc;color:#000;	}
.tableau tr.rose td						{	background:url(fd_tr_rose.jpg);	}

/* principe de colonne à base de ul et li */
div.ul_colonne							{	clear:both;display:inline-block;margin-right:10px;	}
div.ul_colonne .titre					{	display:block;border-bottom:1px solid #999;line-height:20px;margin-bottom:3px;	}
div.ul_colonne ul						{	margin:0px;padding:0px;list-style-type:none;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#666666;float:left;	}
div.ul_colonne ul li					{	margin:0 0 0px 0;color:#666666;padding-right:5px; }
div.fancyupload div.image				{	display:inline-block;position:relative;margin-right:3px;margin-top:3px;	}
div.fancyupload div.image img			{	padding:5px;border:1px solid #999999;background-color:#FFF;	}
div.fancyupload div.image a 			{	right:8px;bottom:8px;position:absolute;width:14px;height:16px;}

/* les tailles de textes */
.txt_10									{	font-size:10px;	}
.txt_11									{	font-size:11px;	}
.txt_12									{	font-size:12px;	}
.txt_13									{	font-size:13px;	}
.txt_14									{	font-size:14px;	}
.txt_15									{	font-size:15px;	}
.txt_16									{	font-size:16px;	}

/* les couleurs de textes */
.txt_noir								{	color:#000000;	}
.txt_blanc								{	color:#ffffff;	}
.txt_gris								{	color:#666666;	}
.txt_orange								{	font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #506d13;	}
.txt_bleu								{	color:#004b91;	}
.txt_rouge								{	color:#cd2c04;	}
.txt_vert								{	color:#009900;	}
.txt_jaune								{	color:#d2c853;	}

/* les liens */
.fleche_rose_off						{	background:url(fleche_rouge_off.gif) 5px center no-repeat;padding-left:18px;text-decoration:none;color:#666;text-transform:uppercase;font-size:11px;line-height:15px;	}
.fleche_rose_on							{	background:url(fleche_rouge_on.gif) 2px center no-repeat;padding-left:18px;text-decoration:none;color:#666;text-transform:uppercase;font-size:11px;line-height:15px;	}

/* les icones */
.ico_pub_off							{	background:url(icone/publier_off.png) no-repeat 0px 3px;width:16px;height:17px;display:inline-block;text-decoration:none;margin-left:4px;	}
.ico_pub_on								{	background:url(icone/publier_on.png) no-repeat 0px 3px;width:16px;height:17px;display:inline-block;text-decoration:none;margin-left:4px;	}
.ico_mod								{	background:url(icone/modifier.gif) 0px 1px no-repeat;width:15px;height:17px;display:inline-block;text-decoration:none;margin-left:4px;	}
.ico_sup								{	background:url(icone/supprimer.gif) 0px 0px;width:14px;height:17px;display:inline-block;text-decoration:none;margin-left:4px;	}
.ico_img								{	background:url(icone/images.gif);width:18px;height:17px;display:inline-block;text-decoration:none;margin-left:4px;	}
.ico_dupl								{	background:url(icone/dupliquer.gif) no-repeat;width:13px;height:16px;display:inline-block;text-decoration:none;margin-left:4px;	}
.ico_droit								{	background:url(icone/droit.png) no-repeat;width:17px;height:16px;display:inline-block;text-decoration:none;margin-left:4px;	}
.ico_all_user							{	background:url(icone/droit_user.gif) no-repeat;width:16px;height:16px;display:inline-block;text-decoration:none;margin-left:4px;	}
.ico_link								{	background:url(icone/link.gif) no-repeat;width:21px;height:20px;display:inline-block;text-decoration:none;margin-left:4px;	}
.ico_unlink								{	background:url(icone/unlink.gif) no-repeat;width:21px;height:20px;display:inline-block;text-decoration:none;margin-left:4px;	}

/* les loaders */
.big_loader 							{	display:block;height:25px;background:url(loader_big.gif) top center no-repeat;font-family:DINMediumRegular,Arial, Helvetica, sans-serif;text-align:center;vertical-align:bottom;padding-top:64px;font-size:18px;color:#999999;}
.small_loader							{	display:block;height:17px;background:url(loader_small.gif) top center no-repeat;font-family:DINLightRegular,Arial, Helvetica, sans-serif;text-align:center;vertical-align:bottom;padding-top:21px;font-size:12px;color:#999999;}

/* les droits */
.push									{	height:15px;display:block;	}

/* les boutons */
.btn									{	padding:0px 8px 2px 8px; line-height:20px;display:inline-block;margin:3px 0;color:#d53e35;font-weight:bold;font-size:16px;font-family:DINMediumRegular,Arial, Helvetica, sans-serif;	}
.F_form input.btn_small                 {   color: #cd2c04;font-family: DINMediumRegular,Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold;line-height: 14px;padding: 3px;   }
.btn:hover								{	color:#333;	}
#global_col_g .btn:hover								{	color:#fff;	}
.btn_ajout								{	background:url(icone/add.gif) 5px center #fff no-repeat;display:inline-block;margin:4px 0; padding:0px 5px 0px 24px;font-size:11px;line-height:15px;border:1px solid #fff;font-weight:bold;color:#cd2c04;	}
.btn_ajout:hover						{	color:#333; 	}
.btn_moins                              {   background:url(icone/moins.gif) 5px center #fff no-repeat;display:inline-block;margin:4px 0; padding:0px 5px 0px 24px;font-size:11px;line-height:15px;border:1px solid #fff;font-weight:bold;color:#cd2c04;white-space: nowrap;	}
.btn_moins:hover	                    {	color:#333; 	}
.btn_mod                                {   background:url(icone/mod.gif) 5px center #fff no-repeat;display:inline-block;margin:4px 0; padding:0px 5px 0px 24px;font-size:11px;line-height:15px;border:1px solid #fff;font-weight:bold;color:#cd2c04;white-space: nowrap;	}
.btn_mod:hover	                        {	color:#333; 	}

.ico_print                              {   background: url(ico_print.png) no-repeat right center;padding-right: 35px;line-height: 24px;margin-top: 20px;    }

/*.btn_disconnect							{	background:url(icone/lock.png) no-repeat;height:16px;display:block;	}*/
.btn2									{	background:#999999;padding:0px 8px 2px 8px; line-height:20px;display:inline-block;border:1px solid #999999;margin:3px 0;border-radius:1ex;  -webkit-border-radius:1ex;color:#FFFFFF;font-weight:bold;font-size:12px;font-family:DINMediumRegular,Arial, Helvetica, sans-serif;	}
.btn2:hover								{	background:#0080D0;color:#FFFFFF;	}
.btn3									{	background:#e8e8e8 no-repeat;display:inline-block;margin:4px 0; padding:0px 5px 0px 8px;font-size:11px;line-height:14px;border:1px solid #999999;border-radius:1ex;  -webkit-border-radius:1ex;font-weight:bold;color:#929292;	}
.btn3:hover								{	background:#929292 no-repeat;color:#FFFFFF; 	}

/* les boites */
.boite									{	margin-bottom:10px;padding:0 6px;color: #fff;	}
.boite h2								{	font-size:14px;line-height:27px; padding:0px;color:#fff;text-transform:uppercase;margin:0px -6px 4px -6px;position:relative;text-indent:10px;font-family:DINMediumRegular,Arial, Helvetica, sans-serif;	}
.boite.open 							{	padding-bottom:4px; }
.boite.close							{	height:36px;overflow:hidden;	}

.boite.rouge.open h2					{	background:#C3191C no-repeat;	}
.boite.rouge.close h2					{	background:#b6b6b6 no-repeat;	}
.boite.verte.open h2					{	background:#a2c237 no-repeat;color:#FFF;	}
.boite.verte.close h2					{	background:#a2c237 no-repeat;color:#FFF;	}

/* liste à puce */
.menu_options,.menu_options ul			{	margin:0px;padding:0px;list-style-type:none;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#666666;	}
.menu_options li						{ 	margin:0 0 0px 0;padding:0 0 0 16px;background:url(puce_tri_orange.gif) no-repeat 3px 2px;color:#666666; }

/* les liens */
a										{	text-decoration:none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666666	}
a:hover			 						{	color: #C3191C;	}
a.titre									{	font-family:DINLightRegular,Arial, Helvetica, sans-serif;font-size:16px;color:#696969;text-transform:uppercase;	}

/* gestion des espaces */
.espace_5								{	display:inline-block;width:5px;	}
.margin_left_5							{	margin-left:5px;	}
.margin_right_5							{	margin-right:5px;	}
.margin_top_5							{	margin-top:5px;	}
.margin_bottom_5						{	margin-bottom:5px;	}

/* les formulaires */
.F_form select							{	font-family: Arial, Helvetica, sans-serif;font-size: 11px;color:#333;background-color:#dad6d2;border:1px solid #dad6d2;padding:2px;   /*border-radius:0.8ex;  -webkit-border-radius:0.8ex;*/	}
.F_form									{	margin:0px;	font-size:11px;}
.F_form	label							{	font-size:12px;white-space:nowrap;	}
.F_form	label input						{	margin-left:3px;	}
.F_form input, .inputType1 				{	font-family: Arial, Helvetica, sans-serif;font-size: 12px;color:#333;background-color:#dad6d2;border:none;padding:4px; /*border-radius:0.8ex;  -webkit-border-radius:0.8ex;*/	}
.F_form textarea						{	font-family: Arial, Helvetica, sans-serif;font-size: 12px;color:#333;background-color:#dad6d2;border:none;padding:4px;  /*border-radius:0.8ex;  -webkit-border-radius:0.8ex;*/	}
#global_col_g .F_form input, #global_col_g .inputType1 {background: #fff;color: #333;}
.F_form input:focus,.F_form select:focus,.F_form textarea:focus	{	background-color:#cd2c04;color:#fff;	}
.F_form input.ffError, .inputType1.ffError{	color:#ffffff;background-color:#e28888;/*border-radius:0.8ex;  -webkit-border-radius:0.8ex;*/	}
.divError 								{	width: auto; margin:5px 0;padding:10px 12px; color:#ffffff;background-color:#e28888; font-weight: bold;}
.divOK 									{	width: auto; margin:5px 0;padding:10px 12px; color:#3f6a16;background-color:#b3e285; font-weight: bold;}
.F_form input.required					{	background-image:url(ff_skin1_required.gif);background-repeat:no-repeat;background-position:99% center;}
.F_form textarea.required				{	background-image:url(ff_skin1_required.gif);background-repeat:no-repeat;background-position:99% 5px;}
.F_form select.required					{	background-image:url(ff_skin1_required.gif);background-repeat:no-repeat;background-position:93% center;}

/* curvy corner */
.roundAll			{	-webkit-border-radius: 6px; border-radius: 6px; }
.roundTop			{	border-radius:0px;-webkit-border-radius:0px;-webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-radius-topleft: 6px; border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.roundBottom		{	border-radius:0px;-webkit-border-radius:0px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-radius-bottomright: 6px; border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.roundBottomLeft	{	-webkit-border-bottom-left-radius: 6px; border-radius-bottomleft: 6px; border-bottom-left-radius: 6px;	}
.roundBottomRight	{	-webkit-border-bottom-right-radius: 6px; border-radius-bottomright: 6px; border-bottom-right-radius: 6px; }
.roundTopRight		{	-webkit-border-top-right-radius: 6px; border-radius-topright: 6px; border-top-right-radius: 6px; }
.roundTopLeft		{	-webkit-border-top-left-radius: 6px; border-radius-topleft: 6px; border-top-left-radius: 6px; }
.roundbAll			{	-webkit-border-radius: 4px; border-radius: 4px; border-radius: 4px; }

/* pagination */
.pagination 							{	width: 100%; height: 30px; margin-left: auto; margin-right: auto; }
.pagination img 						{	position: relative; top: 1px; }
.pagination ul 							{	list-style: none; float: right; margin: 2px 0px 0 0;padding:0px; }
.pagination ul li 						{	font-size: 11px; float: left; display: block; padding: 0; margin-right: 3px; position: relative; }
.pagination ul #selected 				{	background: #ffffff; padding: 2px 5px; color: #0080D0; display: inline-block;border-color:#0080D0; }
.pagination .numbers,.pagination .numbers_next,.pagination .numbers_next2,.pagination .numbers_prev,.pagination .numbers_prev2 { border: 1px solid #cccccc;background:#FFF; padding: 2px 5px; color: #999999; display: inline-block; font-weight: bold; }
.pagination .numbers_prev,.pagination .numbers_prev2,.pagination .numbers_next,.pagination .numbers_next2 {	padding:0px 5px 2px 5px;font-size:16px;line-height:17px;	}
.pagination .numbers_prev2,.pagination .numbers_next2{padding:0px 3px 2px 3px;}
.pagination .numbers_next:hover,.pagination .numbers_next2:hover,.pagination .numbers_prev:hover,.pagination .numbers_prev2:hover { background-color: #ffffff; color: #0080D0;border-color:#0080D0; }
.pagination a, .pagination a:link, .pagination a:visited { color: #999999; text-decoration: none; }
.pagination .numbers:hover, .pagination .numbers:visited:hover {  color: #0080D0; padding: 2px 5px; display: inline-block;border-color:#0080D0; }
.pagination .results 					{	font-size: 12px; font-weight: bold; margin: 5px 0 0 0px; display: inline-block; }

/* grid */
.gridbox								{	overflow:hidden01;	}

/* Din Medium Regular */
@font-face {
	font-family: 'DINMediumRegular';
	src: url('/_css/embed/din_medium-webfont.eot');
	src: local('☺'), url('/_css/embed/din_medium-webfont.woff') format('woff'), url('/_css/embed/din_medium-webfont.ttf') format('truetype'), url('/_css/embed/din_medium-webfont.svg#webfontQEmuVPQO') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Din Light Regular */
@font-face {
	font-family: 'DINLightRegular';
	src: url('/_css/embed/din_light-webfont.eot');
	src: local('☺'), url('/_css/embed/din_light-webfont.woff') format('woff'), url('/_css/embed/din_light-webfont.ttf') format('truetype'), url('/_css/embed/din_light-webfont.svg#webfontWcdT3TfH') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Din Black Regular */
@font-face {
	font-family: 'DINBlackRegular';
	src: url('/_css/embed/din_black-webfont.eot');
	src: local('☺'), url('/_css/embed/din_black-webfont.woff') format('woff'), url('/_css/embed/din_black-webfont.ttf') format('truetype'), url('/_css/embed/din_black-webfont.svg#webfontfvYi3jWN') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* problème fancy uopload */
.swiff-uploader-box	{margin-top:8px;}

/* Medias */
.mediasListImg                              { list-style: none; padding: 10px 0 0; margin: 0; }
.mediasListImg li                           { /*margin-right: 10px;*/ margin-bottom: 10px; position: relative; }
.mediasListImg .mediasBoxImg                { margin-bottom: 6px; }
.mediasListImg li textarea                  { font-size: 10px; resize: none; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
.mediasListImg li textarea:focus, .mediasListImg li:hover textarea { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
.mediasListImg li:first-child 				{ background: url(_css/icone/gondole.png) right bottom no-repeat #FFFACE; }
.mediasBoxImg                               { display: block; width: 70px; height: 70px; float: left; border: 1px solid #DEDEDE; background: #ffffff; padding: 4px; -moz-box-shadow: 0 0 4px #ADADAD; -webkit-box-shadow: 0 0 4px #ADADAD; box-shadow: 0 0 4px #ADADAD; }
.mediasBoxImgHover                          { width: 150px; height: 150px; display: none; position: absolute; top: 0; left: 0; z-index: 100; }
.mediasBoxZoom                              { width: 32px; height: 32px; background: url(_css/icone/search.png) center center no-repeat; display: block; position: absolute; top: 0; left: 0; }
.mediasListImg .mediasBoxImgs:hover .mediasBoxImgHover { display: block; }
.mediasBoxFileImg                           { width: 76px; height: 76px; padding: 4px; float: left; }
.mediasBoxImgDesc                           { margin-left: 90px; padding: 5px 0; }
.mediasBoxImgTitre                          { font-size: 13px; display: block; font-weight: bold; margin-bottom: 6px; padding-right: 50px; }
.mediasBoxFileTitre a                       { color: #333333; }
.mediasBoxImgLegende                        { width: 300px; font-size: 10px; }
.mediasBoxImgBtnsAction                     { position: absolute; top: 3px; right: 3px; }
.mediasListLeft                             { width: 100%;}
.mediasListRight                            {  }
.mediasListFiles li:first-child             { background: none; }

/* boite */
.boite_saisie                               {  width: 45%;float: left;margin-bottom: 20px;margin-left: 10px;     }
.boite_saisie td                            {  padding: 4px;     }

.box_erreur                                 {  background: url("icone/attention.png") no-repeat 15px center #4d4136;padding: 15px;padding-left: 55px; font-size: 16px;line-height:20px;color: #f8e120;text-transform: uppercase;display: inline-block;    }

.no_screen {display: none;}

.off {display: none;}

td.loading                                  {   background: url("icone/loader_03.gif") center center no-repeat;    }
td.loading input                            {   display: none;    }
.loading2                                   {   background: url("icone/loader_03.gif") center center no-repeat;width: 16px;height: 16px;display: inline-block;    }


.tableau td.inp                                        {   font-size: 9px;padding: 6 2px;    }
.inp input                                  {   border: none;width: 43px;font-size: 9px;text-align: right;    }