/**************************************************************************************************
 REWRITE
**************************************************************************************************/
*		{margin:0;padding:0}
body	{background:#333;color:#333;font:12px Arial,Verdana,sans-serif}
table	{border-spacing:0;border-collapse:collapse}
th,td	{padding:2px 5px}
ul		{list-style-type:none}
img		{border:none}
input, textarea, select	{outline:none}
header, nav, section, footer {display:block}

a:link,a:visited,a:hover,a:active {text-decoration:none;color:#333}


/* LOGIN */
#login				{color:#fff;margin-top:15%;text-align:center}
#login img			{margin-bottom:60px}
#login label		{display:block;font-size:14px;margin:0 auto 15px;position:relative;width:322px}
#login label span	{line-height:38px;position:absolute;left:-115px;text-align:right;width:100px}
#login input		{background:#333;border:1px solid #777;color:#fff;font-size:14px;padding:10px;vertical-align:middle;width:300px;}
/*#login input:focus	{border-color:#fff}*/
#login [type=submit]{background:#777;border:none;color:#333;cursor:pointer;font-weight:bold;margin-bottom:30px;padding:10px;text-transform:uppercase;width:150px}
#login [type=submit]:hover{background:#fff}
#login .infos		{color:#777;line-height:10px;margin-top:90px}
#login .infos a		{color:#777}

#login #msg-login	{}
#login #msg-login span {display:block;line-height:20px}


/* HEADER */
header				{padding:50px 0 15px}
#logo				{display:block;float:left;padding-top:12px;text-align:center;width:220px}
#intro				{color:#999;font-size:16px;margin-left:235px}
#intro a			{color:#fff;font-size:32px;font-weight:bold}
#intro .infos		{background:#222;color:#777;font-size:12px;line-height:24px;margin-top:10px;padding:5px 15px}
#intro .infos span	{float:right;color:#fff}
#deconnexion		{margin-left:15px;line-height:initial}


/* FOOTER */
footer				{background:#222;color:#999;clear:both;margin:15px 0 15px 235px;overflow:hidden;text-align:right}
footer p			{font-size:10px;line-height:17px;margin:6px 55px 7px 0;text-transform:uppercase}
footer span			{color:#fff;display:block;font-size:12px;text-transform:none}
footer span i		{font-family:Times;font-size:14px}
footer img			{float:right}


/* MAIN */
#centraleAffiche	{background:#fff;margin-left:235px;padding-bottom:35px;position:relative;width:965px}
#navFlag			{position:absolute;top:25px;right:25px;z-index:900}
#navFlag img		{margin-left:10px}







/**************************************************************************************************
 SHARED
**************************************************************************************************/

/* CLASSES GENERIQUES */
.wrapper 	{margin:0 auto;position:relative;width:1200px}
.border-5	{border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.align-C	{text-align:center}
.height0px	{height:0px;overflow:hidden}
.noBorder	{border:0px solid #000 !important}

.error	{color:#ee0000}
.warn	{color:#ff7700}
.infos	{color:#44aaff}
.legende{color:#777}

/* LOADER */
.masque_waiting {position:absolute;z-index:201;background:url('../pics/waiting/black-70.png');color:#fff;font-weight:bold;width:100%;height:100%;top:0;left:0}
.loader_waiting {background:url('../pics/waiting/loader.gif');background-repeat:no-repeat;background-position:center center;width:100%;height:100%}
div.globalMask{position:fixed;top:0px;left:0px;z-index:1001;background:url('../pics/waiting/black-70.png');color:#fff;font-weight:bold}
.globalMaskWaiting{background:url('../pics/waiting/loader.gif');background-repeat:no-repeat;background-position:center center;width:100%;height:100%;z-index:1002}
div.globalMask #upload_progress{background-color:#fff;color:#000;position:absolute;margin-top:-100px;opacity:0;padding:20px;width:300px;left:50%;top:50%;transform:translate(-50%, -50%);transition:opacity ease-in-out 1s}
div.globalMask #upload_progress p{text-align: center;font-size:17px;margin-bottom:10px}
div.globalMask #upload_progress div{background-color:#000;height:20px;width:0%;transition:width ease-in-out 0.2s}
div.globalMask #upload_progress input{margin:0 auto;display:block;margin-top:10px;}

/* PAGES && LISTES */
div.entete_rubrique	{border-bottom:15px solid #333;color:#777;font-size:18px;padding:15px;position:relative;text-transform:capitalize;overflow:hidden}
div.entete_rubrique img.preview {float:left;height:50px;margin-right:15px}
div.entete_rubrique span#retourListe {float:right;margin-right:15px}
div.entete_rubrique p.legende_entete_rubrique {font-size:22px;font-weight:bold;text-transform:none;color:#000}

/* FOLIO */
div.folio {border-bottom:1px solid #222;font-size:11px;text-transform:uppercase;position:relative;overflow:hidden}


div.folio span.active{color:#fff !important;background-color:#222 !important;border-left:1px solid #fff !important}

div.folio p {float:left}
div.folio p span {background-color:#fff;text-align:center;font-weight:bold;font-size:14px;cursor:pointer;width:15px;float:left;border-right:1px solid #E4E4E4;padding:10px 10px 8px 10px}
div.folio p span.activeFolio {background-color:#222;color:#fff}
div.folio p span:hover{background-color:#000;color:#fff}
div.folio p span.suite:hover{background-color:transparent;color:#000}
div.folio p span.suite{cursor:default;border:0px;background-color:transparent}
div.folio span.bouton{border-left:1px solid #E4E4E4;color:#000;cursor:pointer;float:right;font-weight:bold;padding:11px;background-color:#fff}
div.folio span.bouton_ok{border-left:1px solid #E4E4E4;color:#fff;cursor:pointer;float:right;font-weight:bold;padding:11px;background-color:green}
div.folio span.recherche_on {}
div.folio span.recherche_off {}

#retourListe		{color:#fff;cursor:pointer;float:left;line-height:10px;font-size:12px;padding:10px 15px;text-transform:capitalize}
#retourListe:hover	{color:#777}
div.folio #ajouterFiche,
div.folio #rechercherFiche {border-left:1px solid #E4E4E4;color:#000;cursor:pointer;float:right;font-weight:bold;padding:11px;position:relative;width:150px;background-color:#fff}
div.folio #ajouterFiche span,
div.folio #rechercherFiche span {font-size:16px;position:absolute;right:15px;top:9px}
div.folio span.bouton:hover,
div.folio #ajouterFiche:hover,
div.folio #rechercherFiche:hover {background:#000 !important;color:#fff}
/* ??? */
/*div.folio #ajouterFiche.active {background:url("../pics/edition/ajouter_on.png") no-repeat scroll 138px center transparent}
div.folio #rechercherFiche.active {background:url("../pics/edition/rechercher_on.png") no-repeat scroll 128px center transparent}*/

/* LISTES */
div#ajouterFicheContent, form#ajouterFicheContent{background-color:#222;overflow:hidden;position:relative;text-align:right}
div#ajouterFicheContent form,form#ajouterFicheContent  {overflow:hidden}
div#ajouterFicheContent ul,form#ajouterFicheContent ul {padding:15px;float:right;text-align:left}
div#ajouterFicheContent li,form#ajouterFicheContent li{margin-bottom:5px;display:block;clear:both;position:relative}
div#ajouterFicheContent span, form#ajouterFicheContent span{margin:3px 0 0 5px}
div#ajouterFicheContent label, form#ajouterFicheContent label{color:#fff;display:block;float:left;font-weight:bold;margin-right:15px;text-transform:uppercase;width:100px}
div#rechercherFicheContent, form#rechercherFicheContent 			{text-align:right;background-color:#222}
div#rechercherFicheContent form, form#rechercherFicheContent 		{overflow:hidden}
div#rechercherFicheContent span, form#rechercherFicheContent span	{float:right;margin:3px 0 0 5px}
div#rechercherFicheContent label, form#rechercherFicheContent label	{text-transform:uppercase;color:#fff;font-weight:bold;margin-right:15px}
div.occListe{position:relative}
div.occListe p.occListe,div.occListe div.occurenceListe,div.occListe div.occurenceCategorie{overflow:hidden;padding:15px;color:#777;border-bottom:1px solid #ccc}
div.occListe div.occurenceCategorie{border-bottom:0px solid #000;border-top:1px solid #ccc;cursor:pointer}
div.occListe div.occurenceCategorie div.occSousListe {background:url('../pics/background/30-100.png');margin:30px -15px 0 30px;display:none}
div.occListe div.occurenceCategorie div.occSousListe span.etat{}
div.occListe p.hover:hover,div.occListe div.hover:hover{background-color:#ccc;cursor:pointer}

/* ETAT */
div.occListe p.occListe span.etat,div.occListe div.occurenceListe span.etat,div.occListe div.occurenceCategorie span.etat{width:30px;height:30px;float:right}
div.occListe p.occListe span.online,div.occListe div.occurenceListe span.online,div.occListe div.occurenceCategorie span.online{background:url('../pics/etats/online.svg')}
div.occListe p.occListe span.offline,div.occListe div.occurenceListe span.offline,div.occListe div.occurenceCategorie span.offline{background:url('../pics/etats/offline.svg')}

/* PETIT ETAT */
div.occListe ol li div span.petitEtat,
div.occListe span.petitEtat,
div.occListe div.sousRubriqueContent  span.petitEtat,
div.occListe p.occListe span.petitEtat,
div.occListe div.occurenceListe span.petitEtat,
div.occListe div.occurenceCategorie span.petitEtat,
div.titreModule span.petitEtat {width:21px;height:21px;float:right;margin-left:5px;cursor:pointer}
div.occListe p.occListe span.sousRubrique span.petitEtat{margin-top:-4px}
div.occListe ol li div span.petitOnline, div.occListe span.petitOnline,div.occListe p.occListe span.petitOnline,div.occListe div.occurenceListe span.petitOnline,div.occListe div.occurenceCategorie span.petitOnline,div.titreModule span.petitOnline{background:url('../pics/etats/petitOnline.png')}
div.occListe ol li div span.petitOffline, div.occListe span.petitOffline,div.occListe p.occListe span.petitOffline,div.occListe div.occurenceListe span.petitOffline,div.occListe div.occurenceCategorie span.petitOffline,div.titreModule span.petitOffline{background:url('../pics/etats/petitOffline.png')}
div.occListe p.occListe span.titre,div.occListe div.occurenceListe span.titre,div.occListe div.occurenceCategorie span.titre{display:block}
div.occListe p.occListe label,div.occListe div.occurenceListe label,div.occListe div.occurenceCategorie label{width:120px;display:block;float:left;padding-top:2px}
div.occListe p.occListe span.reference,div.occListe div.occurenceListe span.reference,div.occListe div.occurenceCategorie span.reference{font-size:11px;font-weight:normal;display:block}
div.occListe p.occListe span.label,div.occListe div.occurenceListe span.label,div.occListe div.occurenceCategorie span.label{font-size:12px;font-weight:normal;display:block}
div.occListe p.occListe span.titre,div.occListe div.occurenceListe span.titre,div.occListe div.occurenceCategorie span.titre{font-size:14px;font-weight:bold;display:block}
div.occListe p.occListe span.date,div.occListe div.occurenceListe span.date,div.occListe div.occurenceCategorie span.date{font-size:11px;font-weight:bold;display:block;text-transform:none}
div.occListe p.occListe span.soustitre,div.occListe div.occurenceListe span.soustitre,div.occListe div.occurenceCategorie span.soustitre{font-size:13px;font-weight:normal;display:block}

/* BOUTIQUE */
div.occListe p.occListe span.stock{float:right;margin-right:10px;height:18px;min-width:50px;text-align:right;background:url('../pics/boutique/caddie.png') 5px 5px no-repeat;display:block;font-weight:bold;color:#fff;font-size:14px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:6px;text-transform:uppercase}
div.occListe p.occListe span.stock.green{background-color:#00CC33}
div.occListe p.occListe span.stock.red{background-color:#FF0000}
div.occListe p.occListe span.stock.orange{background-color:#FF9900}

/* THUMB */
img.thumb{display:block}
span.thumb{background:url("../pics/noPics.gif") no-repeat scroll center center #EAEBE6;display:table;float:left;height:60px;margin-right:15px;padding:2px;width:90px}
span.thumb.img{height:auto}
span.thumbVide{	background-color:#EAEBE6;display:table;float:left;margin-right:15px;padding:2px;width:90px}
span.diese{color:#FF0066}

/* TIPS & HELP */
span.tips{
	cursor:pointer;
	background:url('../pics/help_information.png') top center;
	width:16px;
	height:16px;
	display:none !important;
}
span.tips:hover{
	background:url('../pics/help_information.png') bottom center;
}
span.tips.left{float:left}
span.tips.right{float:right}

/* FADE */
#fade {
	display:none;
	background:#000;
	position:fixed;left:0;top:0;
	width:100%;height:100%;
	opacity:.80;
	z-index:999;
	filter:alpha(opacity=80);
}
span.urlLock{
	cursor:pointer;
	width:25px;
	height:25px;
	display:block;
	position:absolute;
	top:2px;
	left:200px;
}
span.urlLock_on{
	background:url('../pics/etats/lock_on.png') no-repeat;
}
span.urlLock_off{
	background:url('../pics/etats/lock_off.png') no-repeat;
}



/**************************************************************************************************
 SKIN
**************************************************************************************************/

/* MENU PRINCIPAL */
nav 					{background:#fff;cursor:pointer;float:left;width:220px}
nav p					{display:block;font-size:18px;color:#777;text-transform:capitalize;padding:10px 35px 10px 15px;line-height:20px}
nav p.open				{background:#000;color:#fff !important}
nav p:hover				{color:#000}

nav p:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family:'icomoon' !important;
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;

  font-size:20px;
  margin-right:10px;
}
nav p.menu_1_rubrique:before	{content:"\e9c9"}
nav p.menu_2_rubrique:before	{content:"\e9bd"}
nav p.menu_3_rubrique:before	{content:"\e992"}
nav p.menu_4_rubrique:before	{content:"\e92e"}
nav p.menu_5_rubrique:before	{content:"\e972"}
nav p.menu_6_rubrique:before	{content:"\e998"}
nav p.menu_7_rubrique:before	{}
nav p.menu_8_rubrique:before	{}
nav p.menu_9_rubrique:before	{content:"\e991"}
nav ul					{display:none ;background-color:#CCC}
nav ul li				{display:block;color:#777 !important;text-transform:capitalize;font-weight:bold;font-size:12px;border-top:1px solid #fff;position:relative}
nav ul li.menu:hover	{background-color:#000;color:#fff !important}
nav ul li.active:hover	{background-color:#000;color:#fff !important}
nav ul li.hover,
nav ul li.hover a,
nav ul li.hover:hover 	{background-color:#222 !important;color:#ccc !important}
nav ul li.hover a:hover	{color:#fff !important}
nav ul li.open			{background-color:#222 !important;color:#fff}
nav p.borderTop			{border-top:1px solid #CCC}

nav ul li span.smenu	{border-top:1px solid #fff;margin:0 10px;padding:10px 0;font-weight:normal;line-height:21px;position:relative}
nav ul li span.smenu span {font-size:12px;font-weight:bold;word-wrap:normal}
nav ul li span.smenu a:link {color:#CCC}	  /* unvisited link */
nav ul li span.smenu a:visited {color:#CCC}  /* visited link */
nav ul li span.smenu a:hover,nav ul li span.menu a:hover {color:#fff}  /* mouse over link */
nav ul li span.smenu a:active {color:#CCC}  /* selected link */
nav ul li span.menu		{margin:10px 10px 0 15px;padding-bottom:10px;display:block}
nav ul li span.smenu a	{display:block}
nav ul li span.smenu div	{position:relative}
a.transversalLink	{color:#fff;display:none;font-size:16px;position:absolute;z-index:50;top:8px;right:10px;cursor:pointer}
.smenu a.transversalLink{display :none;top:2px;width:15px;height:15px}
nav ul li.menu:hover > a.transversalLink,
nav ul li span.smenu div:hover a.transversalLink{display :block}
nav ul li a.active,
nav ul li span.active,
nav ul li a.menu:hover	{color:#fff !important;font-weight:bold}
nav ul li a.menu 		{display:block;padding:10px;color:#777}

/* OPENCLOSE */
span.arrowOpenClose {display:block;float:left;height:16px;margin-right:15px;width:16px;cursor:pointer}
span.arrowOpenClose.none {background:url('../pics/arrows/arrowOpenClose.png') 0px 0px no-repeat}
span.arrowOpenClose.block {background:url('../pics/arrows/arrowOpenClose.png') 0px -16px no-repeat}

/* MEMO */
nav p.memo_red	{position:relative;background:url("../pics/memo/puce_on.png") no-repeat scroll 10px 8px transparent}
nav p.memo_gray	{position:relative;background:url("../pics/memo/puce_off.png") no-repeat scroll 10px 8px transparent}
nav p.memo span	{color:#fff;display:block;height:20px;left:10px;line-height:20px;position:absolute;text-align:center;top:8px;width:20px}
nav ul#memo li span#newMemo	{margin:5px 0px}
nav ul#memo		{background-color:#fff;border-top:1px solid #ccc}
nav ul#memo li	{color:#777;padding:5px 10px;margin-bottom:2px}
nav ul#memo li span {display:block;font-size:11px;font-weight:normal;text-transform:none}
nav ul#memo li span b{color:#000}



/**************************************************************************************************
 MODULES
**************************************************************************************************/

/* ENTETE ********
 * orange = F29400;
 * rose = ff0066
 *
 * */
div.enteteModule_on {padding:10px 15px;color:#fff;font-size:16px;cursor:pointer;position:relative;background:#000}
div.enteteModule_off {padding:10px 15px;color:#777;border-bottom:1px solid #fff;font-size:16px;cursor:pointer;position:relative;background:#ccc}
div.enteteModule_off:hover{background-color:#000;color:#fff}
div.enteteModule_on span,
div.enteteModule_off span {font-weight:normal;position:absolute;right:15px;text-transform:none}
div.enteteModule span.ico {font-size:9px;position:relative;right:auto}
div.enteteModule_on span.icomoon-play3:before {display:inline-block;transform:rotate(90deg)}
div.enteteModule span.nbOcc{right:15px;line-height:19px}

/* CORPS */
div.corpsModule{overflow:hidden;position:relative;border:5px solid #000;border-top:0px solid #000}

div.titreModule{color:#777;background-color:#222;font-weight:normal;font-size:12px;padding:5px 10px 5px 10px;text-transform:lowercase;overflow:hidden;position:relative}
div.titreModule span{display:block;font-weight:normal;font-size:11px;text-transform:none}

div.titreModuleAjouter{color:#777;background-color:#eee;font-weight:normal;font-size:12px;padding:5px 11px 5px 11px;text-transform:uppercase;overflow:hidden}

/* SUPER MODULE */
div.titreSuperModule					{color:#fff;background-color:#222;font-weight:bold;font-size:14px;padding:15px;text-transform:uppercase;overflow:hidden;border-bottom:1px solid #fff}
div.titreSuperModule span.visibilite	{display:block;font-size:16px;font-weight:normal;line-height:30px;text-transform:capitalize;text-align:right}
div.titreSuperModule span.etat			{width:30px;height:30px;float:right;cursor:pointer;margin-left:15px}
div.titreSuperModule span.online		{background:url('../pics/etats/online.svg')}
div.titreSuperModule span.offline		{background:url('../pics/etats/offline.svg')}

div.titreSuperModule span.preview		{color:#fff;float:right;cursor:pointer;font-size:30px;line-height:30px;margin-left:15px}
div.titreSuperModule span.preview:hover	{color:#777}

/* COMPOSANTS */
div.listElementSortable{clear:both;position:relative;overflow:hidden;border-top:1px solid #fff;background-color:#fff}
div.listElementSortable span.MoveOcc{cursor:pointer;background-image:url('../pics/arrows/move.png');width:18px;height:18px;float:right;margin-left:10px}
div.listElementSortable img.onlineOffline{cursor:pointer}
div.listElementSortable p.itemTitle img.edition{float:right;margin-left:10px;cursor:pointer}
div.listElementSortable p.itemTitle img.previewTitleImg{position:absolute;height:25px;top:9px;left:10px}
div.listElementSortable p.itemTitle span.etat{width:20px;height:20px;float:right;margin-left:1px}
div.listElementSortable p.itemTitle span.online{background:url('../pics/etats/online_small.svg')}
div.listElementSortable p.itemTitle span.offline{background:url('../pics/etats/offline_small.svg')}
.listElementSortable img.onlineOffline{cursor:pointer}
.listElementSortable p.itemTitle{background-color:#ccc;font-size:13px;color:#777;font-weight:bold;padding:15px}
.listElementSortable p.itemTitle span.titre span{font-weight:normal;text-transform:none;color:#999}
/* MODULE DE RECHERCHE */
ul.Recherche{
	padding:15px;
	float:left;
}
ul.Tri{
	padding:15px;
	float:right;
}
ul.Recherche li,ul.Tri li{
	position:relative;
	clear:both;
	line-height:35px;
	margin-bottom:5px;
	overflow:hidden;
}
ul.Tri li.bouton,ul.Ajouter li.bouton{
	text-align:right;
	height:30px;
	padding-top:25px;
	position:relative;
	overflow:hidden;
}
ul.Tri li.bouton span, span#AnnulerAjouterBouton, span#AjouterBouton{
	position:relative !important;
	margin-left:15px;
}
ul.Recherche li label ,ul.Tri li label,ul.Ajouter li label{
	float:left;
	width:100px;
	text-transform:uppercase;
	font-size:10px;
	color:#ccc;
	font-weight:bold;
}
/* NB occ */
div.enteteModule span.nbOcc span{
	background:url("../pics/gen/puce_FFF.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:right;
	font-size:14px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	margin-left:5px;
	position:relative;
	right:0;
	text-align:center;
	width:20px;
}

div.enteteModule_on span.nbOcc span{color:#000}
div.enteteModule_off span.nbOcc span{color:#777}

/* deleteModule */
div.deleteModule ul 					{margin:15px}
div.deleteModule ul li 					{padding-bottom:5px}
div.deleteModule ul li label			{width:150px;color:#888;text-transform:uppercase;font-weight:bold}
div.deleteModule span.legendeGlobale	{display:block;font-size:14px;color:#444;margin-bottom:15px;margin-top:15px}



/**************************************************************************************************
 LISTES
**************************************************************************************************/

span.navigCategorie{
	display:block;
	float:left;
	height:16px;
	margin-right:15px;
	width:16px;
	cursor:pointer;
}
span.navigCategorie_off{
	background:url('../pics/arrows/arrowOpenClose.png') 0px 0px no-repeat;
}
span.navigCategorie_on{
	background:url('../pics/arrows/arrowOpenClose.png') 0px -16px no-repeat;
}
div.divListe{
	position:relative;
}



/**************************************************************************************************
 FORMS
**************************************************************************************************/

/* BOUTONS */
.bouton_on {background-color:#777;color:#fff;cursor:pointer;font-size:12px !important;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:5px 10px;text-transform:uppercase}
.bouton_on:hover {background-color:#000;color:#fff}
.bouton_on_red {background-color:#000;color:#fff;cursor:pointer;font-size:12px !important;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:5px 10px;text-transform:uppercase}
.bouton_on_red:hover {background-color:red;color:#fff}
.bouton_red {background-color:red;color:#fff;cursor:pointer;font-size:12px !important;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:5px 10px;text-transform:uppercase}
.bouton_green {background-color:green;color:#fff;cursor:pointer;font-size:12px !important;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:5px 10px;text-transform:uppercase}
.bouton_off {background-color:#ccc;color:#fff;font-size:12px !important;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:5px 10px;text-transform:uppercase}
.bouton_on_black {background-color:#777;color:#fff;cursor:pointer;font-size:12px !important;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:5px 10px;text-transform:uppercase}
.bouton_on_black:hover {background-color:#000;color:#fff}

span.width100{width:100px}

/* FORM TYPE GENERAL */
/*div.module ul.MakeForm{margin:0px -4px 0px -4px}*/
ul.MakeForm{padding:15px 0 15px 10px;overflow:hidden}
ul.MakeForm li{line-height:35px;position:relative;clear:both;margin-bottom:10px;overflow:hidden}
ul.MakeForm li label{color:#ccc;float:left;font-size:12px;font-weight:bold;line-height:35px;text-transform:uppercase;width:228px}
ul.MakeForm div label{color:#ccc;float:left;font-size:12px;font-weight:bold;line-height:35px;text-transform:uppercase;width:228px}
ul.MakeForm li input[type="checkbox"] {margin-top:4px;vertical-align:middle}

ul.shortLabel{padding-top:10px !important}

ul.shortLabel li label{width:150px !important}

ul.MakeForm li.boutonSlim{
	overflow:visible;
	margin-top:5px;
	text-align:right;
	margin-right:15px;
}
ul.MakeForm li.bouton{
	overflow:visible;
	margin-top:5px;
	text-align:right;
}
ul.MakeForm li.bouton60{
	overflow:visible;
	margin-top:5px;
	text-align:right;
	height:60px;
}
/* FORM INPUT */
input[type=text],input[type=password]{
	font-size:12px;
	padding:10px;
	font-weight:normal;
	border:1px solid #ccc;
}
.input_text{width:680px}
.input_text_500{width:500px}
.input_text_350{width:350px}
.input_text_250{width:250px}
.input_text_200{width:200px}
.input_text_150{width:150px}
.width70{width:70px}

/* TEXT AREA */
textarea,.input_area{
border:none;
width:680px;
font-size:11px;
padding:10px;
font-weight:normal;
border:1px solid #ccc;
overflow-x:hidden;
overflow-y:auto;
}
.input_area_450{height:450px}
.input_area_150{height:150px}
.input_area_70{height:70px}
.input_area_50{height:50px}
.input_area_100x500{width:500px;height:100px}
.input_area_100x350{width:350px;height:100px}

/* REDACTOR WYSIWYG*/
div.redactor_box			{width:700px}
ul.redactor_toolbar li		{clear:none}
input[type=submit],input[type=button]{border:none}
#redactor_form_image_align	{width:320px}

/* SELECT */
select{
	font-size:12px;
	font-weight:normal;
	height:36px;
	width:702px;
	padding:10px;
	border:1px solid #ccc;
	vertical-align:top;
}
select option {padding:10px}
.width50{width:50px !important}
.width100{width:100px !important}
.width150{width:150px !important}
.width250{width:250px !important}
.width350{width:350px !important}

.input_select_250{width:272px !important}
.input_select_200{width:200px !important}
.input_select_150{width:150px}
.input_select_100{width:100px}
.input_select_75{width:75px}
.input_select_50{width:50px}
.input_select_jour_ref{width:50px}
.input_select_mois_ref{width:110px}
.input_select_annee_ref{width:70px}

/* WYSIWYG */
div.wysiwyg{margin-bottom:10px}

/* IFRAME UPLOAD */
#iframeUploader{
	display:none;
	width:100%;
	height:550px;
	border:1px solid red;
}