@charset "utf-8";
/************************************************
# fonction : Fichier CSS principal de l'admin
# description : Défini les styles principaux de l'admin
# version : 16/11/2012
************************************************/

@import "menu_nav.css";
@import "menu_style.css";

@import "admin_formulaires.css?v=1";

@import "ddmenu.css";

body
 {text-align:left; background-image:none}
a, 
a:visited {
	color: #FF9900;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
}

h1
 {color:#555555; font-size:1.35em; line-height:1.2em; text-transform:uppercase; border-bottom:1px solid #DE7010; margin:0px 0 10px -10px; font-style:normal}

h2
 {color:#DE7010; font-size:1.25em; line-height:1.2em; margin: 0 0 2px 0; background-position:0pt 50%; background-repeat:no-repeat; min-height:18px; padding:10px 0 3px 0px; font-style:italic}

.notification
 {color:#dbbe5a; margin-bottom:7px}

.invisible
 {display:none}

.DHTMLSuite_contextMenu
 {background-image:url(../img/context-menu-gradient.gif)!important}

.breadcrumb_h2
 {display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; font-weight:normal; margin:-3px 0 5px 0}

	.breadcrumb_h2 a
	 {color:#999999; text-decoration:none}
	
		.breadcrumb_h2 a:hover
		 {color:#666666; text-decoration:underline}

/*###############################*/
/*--o    header                --*/
/*###############################*/
.header
 {margin:0; padding:0 0 3px 0; background-image:url(../img/simple_container_bg.gif); background-position:bottom; background-repeat:repeat-x}

	.header .header-top
	 {border-width:1px; border-style:solid; border-color:#5f767f #6e8891 #6e8891 #657d86; background:url(../img/header_top_bg.gif) repeat-x #496670; padding-left:30px}
	 
		.header-top a
		 {text-decoration:none; font-family:Tahoma, Arial, Georgia; font-size:24px; line-height:52px; color:#FFFFFF}
		
		.header-top .liens_header_droite
		 {position:absolute; top:14px; right:14px; color:#DDD}
		
			.header-top .liens_header_droite a
			 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#EEE}
			
				.header-top .liens_header_droite a:hover
				 {text-decoration:underline}

/*###############################*/
/*--o    Footer                --*/
/*###############################*/
.time
 {color:#777777; font-family: Arial, Helvetica, sans-serif; font-size:9px}

/*###############################*/
/*--o    Notifications         --*/
/*###############################*/
#barreEtat
 {position:fixed; top:0; left:0; width:100%; margin: 0; overflow:hidden; z-index:1000}
* html #barreEtat
 {position:absolute}

#etat
 {padding:7px 20px 9px 20px; background-image:url(../img/barre_etat_bg.png); background-position:bottom; background-repeat:repeat-x; color:#bb4411; }

#etat2
 {padding:7px 20px 9px 20px; background-image:url(../img/barre_etat_bg.png); background-position:bottom; background-repeat:repeat-x; color:#bb4411; }

/*###############################*/
/*--o    Blocs                 --*/
/*###############################*/
.columns
 {}

div.side-col
 {float:left; padding-bottom:25px; width:220px;}

div.main-col
 {margin-left:220px; min-height:450px; padding:0pt 0pt 25px 25px;}

/*###############################*/
/*--o    Modules               --*/
/*###############################*/
.modules{
	/*background-color:#FFFFFF;
	background-image:url(../img/middle_bg.gif); 
	background-position:bottom; 
	background-repeat:repeat-x; */
	/*padding:25px 30px 80px 40px; */
	/*margin:0 !important*/
	width:950px;
	margin: 0 auto;
}

/*###############################*/
/*--o    Bas de page           --*/
/*###############################*/
.footer
 {background-image:url(../img/footer_bg.gif); background-repeat:repeat-x; background-color:#E6E6E6; padding:14px 26px 30px 26px; margin:0 !important}


/*###############################*/
/*--o    Formulaires           --*/
/*###############################*/

input{
	color: #999999;
	font-family: Arial;
	font-size: 10px;
	line-height: 12px;
}

input[type=text]{
	border-radius: 5px;
	border: 1px solid #cccccc;
	padding: 2px 8px;
	/*height: 16px;*/
	width: 100%;
	margin-bottom: 5px;
}

.row label{
	color: #999999;
	font-family: Arial;
	font-size: 10px;
	line-height: 12px;
	margin: 5px 0 0;
	padding: 0;
}

div.text{
	margin-right: 16px;
}

/*###############################*/
/*--o    Filtres               --*/
/*###############################*/

.panel{
	width: 200px;
	float: left;
}

.panel .filtres{
	border-radius: 5px;
	background-image:url(../img/deg_gris_blanc.jpg);
	background-repeat:repeat-x;
	display: block;
	padding: 14px;
	margin: 8px 0;
}

.panel .filtres h2{
	background-image:url(../img/ico_search.png);
	font-family: Arial;
	font-size: 11px;
	font-style: bold;
	color: #333333;
	border: none;
	padding-left: 45px;
	margin-bottom: 5px;
}

.main_frame{
	margin-left: 225px;
	border-radius: 5px;
	background-image:url(../img/deg_gris_blanc.jpg);
	background-repeat:repeat-x;
	padding: 15px;
	width: 697px;
}


/*###############################*/
/*--o    Tableaux              --*/
/*###############################*/
.criteres
{}

 .criteres td:first-child {
 	border-left: 1px solid #D9DBDC;
}
 .criteres td {
 	border-collapse: collapse;
 	border-right: 1px solid #D9DBDC;
 	border-bottom: 1px solid #D9DBDC;
 	padding: 0px 5px;
}

	.entete
	{background-image:url(../img/sort_row_bg.gif); background-position:center; border-bottom:1px solid #939797; border-top:1px solid #d1cfcf; color:#2F2F2F; font-weight:bold;}
	
		.entete .enteteTableau
		{border:1px solid #f9f9f9; border-right-color:#d1cfcf; cursor:default}
			
			.entete .titre
			{line-height:22px; padding:0 8px 1px 8px;}

	.cell
	{border:1px solid #d9dbdc; border-left:none; border-top:none; padding:4px 4px}
	
		.cell.actions
		{padding:4px 0px}

	.boutonsAction
	{padding:6px 10px 2px 10px}

	.c1
	{background-color:#f4f4f4}

	.c2
	{background-color:#FFFFFF}

	.c3
	{background-color:#DDDDDD; font-weight:bold}

	.c10
	{background-color:#444; color:#FFFFFF}

	.bouton
	{text-decoration:none}

	.celluleVideTableau
	{font-size:1px; width:1px; height:1px; overflow:hidden; margin-left:-1px}

table.tabloSimple
{

}

	.tabloSimple th:first-child {
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		border-top-left-radius: 5px;
		border-left: 1px solid #C6D598;
	}

	.tabloSimple th:last-child {
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		border-top-right-radius: 5px;
	}

	.tabloSimple th
	{
		background-color: #EBF5D7;
		border-right: 1px solid #C6D598;
	 	border-top: 1px solid #C6D598;
	 	border-bottom: 1px solid #C6D598;
	}

	.tabloSimple th .titre {
		height		: 30px;
		display		: block;
		padding		: 0px 4px;
		line-height	: 30px;
	}
	.tabloSimple th .titre .sortDesc a,
	.tabloSimple th .titre .sortAsc a{
		padding-right: 10px;
	}
	.tabloSimple th .titre .sortDesc {
		width: 100%;
		display: inline-block;
		background-image: url("../img/grid_sort_desc.gif");
		background-repeat: no-repeat;
		background-position: right;
	}

	.tabloSimple th .titre .sortAsc {
		display: block;
		background-image: url("../img/grid_sort_asc.gif");
		background-repeat: no-repeat;
		background-position: right;
	}

	.tabloSimple th .titre a {
		display: block;
	}
	.tabloSimple th .titre a,
	.tabloSimple th .titre a:visited {
		color: #666;
	}
	.tabloSimple th .titre a:hover{
		color: #873333;
	}
	.tabloSimple th .c{text-align: center;}
	.tabloSimple th .g{text-align: left;}
	.dataListTablo td:first-child {
		padding-right: 1px;
		border-left: 1px solid #D9DBDC;
	}
	.dataListTablo:last-child td:first-child {
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-left-radius: 5px;
	}
	.dataListTablo:last-child td:last-child {
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-right-radius: 5px;
	}
	.dataListTablo td .c1 {
		border-left: 1px solid #F4F4F4;
	}
h2 span.classement
 {float:right; font-size:11px; color:#666666}

	h2 span.classement a
	 {text-decoration:none; color:#666666}
	
		h2 span.classement a:hover
		  {text-decoration:underline}

.cake-sql-log
 {font-family:Verdana, Geneva, sans-serif; font-size:10px}

/* Grid - Filter */
.tabloSimple tr.filter { background:url(../img/filter_row_bg.gif) repeat-x #e3eff1; cursor:default; }
.tabloSimple tr.filter th { padding:2px 3px; border:1px solid #bdbdbd; border-width:0 1px 1px 0; white-space:normal; vertical-align:middle}
.tabloSimple tr.filter th.last { border-right:0; }
.tabloSimple tr.filter input.input-text { width:85%; }
.tabloSimple tr.filter select { width:100%; }
.tabloSimple tr.filter .range .range-line { margin-bottom:3px; width:100px; }
.tabloSimple tr.filter .range div.date { min-width:121px; }
.tabloSimple tr.filter .range input { float:right; width:50px !important; margin-top:0; }
.tabloSimple tr.filter .range select { float:right; width:56px !important; margin-top:0; }
.tabloSimple tr.filter .range .label { display:block; width:36px; float:left; padding-left:2px; }
.tabloSimple tr.filter .date img { width:15px; height:15px; cursor:pointer; vertical-align:middle; }
.tabloSimple .head-massaction select { width:50px !important; } 

.picto_bool
 {margin-top:3px}

 
/*###############################*/
/*--o    Boîte de légende      --*/
/*###############################*/
.Tips1
 {cursor:pointer}

.tool-tip
 {color: #fff; width: 139px; z-index: 13000;  background-color:#000000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75; font-family:Arial, Helvetica, sans-serif; text-align:left}
	 
.tool-title
 {font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 2px 3px 2px 3px; margin:0 1px 0 1px; border-bottom:1px solid #666; text-align:left}
 
.tool-text
 {font-size: 11px; padding: 2px 4px 2px 4px; text-align:left; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}

.image-tip
 {border:1px solid black}

.image-title
 {background-color:#000000; color:#FFFFFF; text-align:center; padding:1px}
	 

/*-----------------------------------------------------------------*/

table#admin
 {height:100%; width:100%; text-align:left}

	table#admin td.entete
	 {background-color:#333333; color:#FFFFFF; padding:8px}
	
	table#admin td.menu
	 {padding:8px; background-color:#dddddd}
	
		table#admin td.menu a
		 {display:block; border-bottom:1px solid #888; border-left:0px solid #999; padding:2px 0 2px 5px; color:#333333}
		
			table#admin td.menu a:hover
			 {background-color:#c9c9c9; text-decoration:none}
			
			table#admin td.menu a.actif
			 {background-color:#888; color:#fff}
	
	table#admin td.modules
	 {padding:8px 8px 30px 20px}
	
	table#admin td.modules form
	 {background-color:#dddddd; padding:12px; margin-bottom:40px}
	
		table#admin td.modules form h2
		 {color:#000000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin: -2px -4px 12px -4px; padding:0 0 2px 4px}


/*-------- Page d'accueil --------------------------------*/

div#accueil
 {margin:20px 0 30px 10px; line-height:13px}

	div#accueil p
	{margin:0 0 12px 0; clear:both}
	
		div#accueil p u
		{display:block; float:left; width:80px; text-decoration:none; margin-left:10px; margin-bottom:4px}
		
	div#accueil img
	{margin-bottom:10px}

/*###############################*/
/*--o    Tables                --*/
/*###############################*/

.ensembleTabs
 {border:0px solid #ccc; position:relative}

	.ensembleTabs .menuTabs{
		width: 205px;
		margin-top: 35px;
		float: left;
	}
	
		.ensembleTabs .menuTabs .ongletTab{
			text-align: right;
			width: 100%;
			font-family: Georgia;
			font-size: 14px;
			display: block;
			color: #6f8c1e;
			float: left;
			border-left: 1px solid #C7D698;
			padding: 10px 10px 10px 20px;
			text-decoration: none;
			margin-bottom: -1px;
			cursor: pointer;
			background-image: url("../img/sous-menu-dotted.png");
			background-repeat: no-repeat;
			background-position: bottom;
		}
		.ensembleTabs .menuTabs .ongletTab:first-child{
			border-top: 1px solid #C7D698;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-top-left-radius: 5px;
		}
		.ensembleTabs .menuTabs .ongletTab:last-child{
			border-bottom: 1px solid #C7D698;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-bottom-left-radius: 5px;
			background-image: none;
		}
			
			.ensembleTabs .menuTabs .ongletTab:active{
				background-color: #86AC1F;
			}
			.ensembleTabs .menuTabs .ongletTab:active{
				color: #FFFFFF;
			}

			.ensembleTabs .menuTabs .ongletTab:hover {
				text-decoration: none;
			}
		
		.ensembleTabs .menuTabs .active
		 {background-color:#86AC1F; color: #FFF; background-image: none;}
		
			.ensembleTabs .menuTabs .active:hover
			 {cursor:default}
	
	.ensembleTabs .contenuTabs
	 {width: 695px; min-height: 400px; float: right; padding:10px 10px 16px 10px; background-color:#FFF; border-radius: 5px; border:1px solid #c7d698;}



/*###############################*/
/*--o    Ajax                  --*/
/*###############################*/
.ajax-loading
 {background-image:url(../img/ajax-loader-bar.gif); background-repeat:no-repeat; background-position:center 20px; width:250px; height:100px}

/*###############################*/
/*--o   Système de pagination  --*/
/*###############################*/
.navigationParPages
 {display:block; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin: -1px 1px 2px 14px;}

	.navigationParPages .suite, .navigationParPages span
	 {text-decoration:none; display:block; float:left; margin:0 1px 0 2px; padding-top:1px}
	
		.navigationParPages span a
		 {text-decoration:none;}
	
	.navigationParPages a:hover
	 {text-decoration:underline}
	
	.navigationParPages .suite
	 {font-size:8px; margin-top:2px;}
	
	.navigationParPages a.actuel, .navigationParPages span.current
	 {border:1px solid #DE7010; line-height:11px; margin-top:3px; padding:0 2px 1px; color:#DE7010}

.infoPage
 {font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#999}


/*###############################*/
/*--o   Système de recherche   --*/
/*###############################*/
.zone_recherche
 {display:block; float:right; margin:1px 0 1px 14px;}

	.zone_recherche .input_recherche
	 {border:1px solid #DE7010; height:14px; color:#111; margin-right:2px; background-color:#FFF; width:200px; font-size:11px}
	
	.zone_recherche .submit_recherche
	 {border:1px solid #DE7010; height:16px; color:#EEE; font-weight:bold; background-color:#DE7010; cursor:pointer; font-size:11px}


/*###############################*/
/*--o   Multi select Xtrem     --*/
/*###############################*/
.msxDIV
 {display:block; width:400px}
 
.msxUL
 {display:block; clear:both; margin:3px 0 12px 0; width:400px; border-bottom:1px solid #CCC}

.msxLI
 {background-color:#EEE; padding:2px 6px 2px 6px; border:1px solid #CCC; border-bottom:none; cursor:n-resize}

.msxSUPPR
 {display:block; float:right}

.option_disabled
 {color:#cccccc;}

/*###############################*/
/*--o   Multi select Xtrem     --*/
/*###############################*/
.msxDIV, .liste_box
 {display:block; width:400px}
 
.msxUL, .liste_box ul
 {display:block; clear:both; margin:3px 0 12px 0; width:400px; border-bottom:1px solid #CCC}

.msxLI, .liste_box ul li
 {background-color:#EEE; padding:2px 6px 2px 6px; border:1px solid #CCC; border-bottom:none; cursor:n-resize}

.msxSUPPR, .liste_box ul li span a
 {display:block; float:right}

.option_disabled
 {color:#cccccc;}


 /* ------------- NEWS CSS -------------- */

 /* --- Default theme --- */

body {
	width: 100%;
	background-color: #FFF;
	font-family: Arial;
	font-size: 11px;
	color: #666;
	margin: 0px;
	padding: 0px;
}

.hidden{
	display: none;
}

h1 {
	font-family: "Georgia";
	font-size: 18px;
	color: #FF9900;
}

h2 {
	font-family: "Georgia";
	font-size: 16px;
	color: #FF9900;
}

.round_5 {
	border-radius: 5%;
}
/* --- Styles Divs --- */
div#main_page {
	width: 950px;
	margin: 0px auto;
}

div#header {
	z-index: 89;
	width: 950px;
	height: 129px;
	margin: 0px auto;
	position: relative;
}

#header a.logo{
	height: 110px;
}

div#header_nav {
	z-index: 88;
	width: 744px;
	height: 42px;
	background-image: url("../img/ombre_menu.jpg");
	background-repeat: repeat-x;
	background-position: bottom left;
	top: 63px;
	position: absolute;
	left: 206px;
}

div#header_profil{
	position: relative;
	width: 500px;
	height: 20px;
	float: right;
}

div#header_profil .profil {
	width: 400px;
	padding-top: 11px;
	padding-right: 40px;
	float: right;
	font-size: 11px;
	color: #666;
}

div#header_profil .account {
	width: 75px;
	height: 30px;
	padding-top: 15px;
	padding-left: 10px;
	background-image: url("../img/default/dots.png");
	background-repeat: repeat-y;
	float: left;
}

div#header_profil .flags {
	width: 75px;
	height: 30px;
	padding-top: 15px;
	padding-left: 10px;
	background-image: url("../img/default/dots.png");
	background-repeat: repeat-y;
	float: left;
}

div#footer {
	width: 934px;
	font-size: 9px;
	color: #AAA;
	background-image: url("../img/default/dots.png");
	background-repeat: repeat-x;
	margin: 10px auto;
	padding: 8px 0px;
	text-align: center;
}

/* --- Styles ul li ---*/
#header ul {
	height: 42px;
	margin: 0px 7px;
	padding: 0px;
}

#header ul li {
	height: 22px;
	font-family: "Georgia", Times, serif;
	font-size: 14px;
	color: #AAA;
	list-style: none;
	padding: 8px 0 0 0;
	margin-top: 6px;
	float: left;
}

#header ul li span {
	padding: 8px 14px;
}

/*#header ul li:hover,*/
#header ul li.active {
	background: #86ac1f;
	/*border-radius: 2px 2px 0 0;*/
}

#header ul li.active ul li {
	border-radius: 0;
}

/*#header ul li:hover span a,*/
#header ul li.active span a.active {
	color:#FFF;
}

#header ul li .sous_menu li.active {
	background: #86ac1f;
	height: 37px;
	z-index: 65;
	margin-bottom: -1px;
}

#header ul li .sous_menu li.active:first-child {
	border-radius: 0;
}

#header ul li .sous_menu li.active:last-child {
	border-radius: 0 0 5px 5px;
}

#header ul li.menu_administration{
	float: right;
	margin-right: 3px;
}

#header ul li.menu_administration a{
	color: #D9504D;
}

#header ul li.menu_administration ul.sous_menu a{
	color: #7e992e;
}

#header ul li.menu_administration ul.sous_menu span.active a{
	color: #FFFFFF;
}

#header_nav ul li.img_accueil{
	margin-left: 10px;
	margin-top: 2px;
}

#header ul li:hover ul li ul,
#header ul li ul li:hover ul li ul,
#header ul li ul li ul li:hover ul li ul,
#header ul li ul li ul li ul li ul li ul{
	display: none;
}

#header ul li:hover ul,
#header ul li ul li:hover ul,
#header ul li ul li ul li:hover ul {
	display: block;
}

#header_nav ul li{
	position: relative;
}

#header_nav a{
	cursor: pointer;
	text-decoration: none;
	color: #7e992e;
}

#header_nav a:hover, #header_nav ul li.menu_administration a:hover{
	color: #555555;
}

#header_nav ul li ul.sous_menu{
	z-index: 80;
	background: #FFF;
	border-radius: 0 0 5px 5px;
	border: 1px solid #e5e5e5;
	border-top: 0;
	margin-top: 0; 
	position: absolute;
	top: 31px;
	left:0;
	margin: 0;
	padding: 0;
	width: 217px;
	height: auto;
	box-shadow: 2px 2px 10px #ddd;
}

#header_nav ul li ul.sous_menu ul{
	z-index: 67;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
}

#header_nav ul li ul.sous_menu li:first-child span:first-child,#header ul li .sous_menu li.active span.active{
	background-image: none;
}

#header_nav ul li ul.sous_menu li span{
	background-image: url("../img/default/dots.png");
	background-repeat: repeat-x;
	width: 188px;
	display: block;
	height: 10px;
	padding: 12px 10px 14px;
}


#header_nav ul li ul.sous_menu li{
	float: left;
	width: 209px;
	margin:-1px 0 0 -1px;
	padding: 0 5px;
	height: 36px;
	position: relative;
}

#header_nav ul li ul.sous_menu li ul.sous_menu{
	left: 200px;
	top: -10px;
}

#header_nav ul li.menu_administration ul.sous_menu{
	left: -100px;
}

#header_nav ul li.menu_administration ul.sous_menu li ul.sous_menu{
	left: -210px;
	top: -10px;
}

.onglet_ss_menu{
	height: 32px;
	width: auto;
	display: block;
	border-bottom: 1px solid #C6D598;
	margin-bottom: 15px;
	position: relative;
}

.onglet_ss_menu .onglet_ss_menu_marges{
	overflow: hidden;
	margin: 0 10px;
	height: 32px;
	position: relative;
}

.onglet_ss_menu ul{
	width: 9999px;
	height: 32px;
	display: block;
	position: absolute;
	top: 0;
	left: 0px;
}

.onglet_ss_menu ul li{
	float: left;
	background-color: #EBF5D7;
	border-radius: 5px 5px 0 0;
	border: 1px solid #BFCE91;
	padding: 5px 10px 5px;
	margin: 5px 1px;
}

.onglet_ss_menu ul li.active{
	background-color: #FFF;
	margin: 0px 1px 5px;
	padding: 7px 10px 8px;
}

.onglet_ss_menu ul li.active span a{
	font-weight: bold;
}

.onglet_ss_menu ul li span{
	color: #FFF;
}

.onglet_ss_menu ul li span a{
	color: #666;
}

.onglet_ss_menu ul li span a:hover{
	color: #000;
}

.onglet_ss_menu a.btn_ss_menu_g, .onglet_ss_menu a.btn_ss_menu_d{
	width: 11px;
	height: 11px;
	background-image: url("../img/default/fleche_g_menu.png");
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 15px;
	cursor: pointer;
}

.onglet_ss_menu a.btn_ss_menu_g{
	left: -9px;
}

.onglet_ss_menu a.btn_ss_menu_d{
	background-image: url("../img/default/fleche_d_menu.png");
	right: -9px;
}

.main_frame h2{
	font-family: "Georgia";
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	padding: 5px 0px;
	line-height: 14px;
	color: #6F8C1E;
	border: none;
	margin: 0 0 4px;
	float: none
}

.tab_compte {
	width: 100%;
	height: 40px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.tab_compte li {
	margin: 0px 23px;
	list-style: none;
	float: left;
}

table ul {
	margin: 0px;
	padding: 0px;
}

table ul li {
	text-align: left;
	list-style: none;
}

table ul .titre {
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #cfcfcf;
	padding: 2px 5px;
}

table ul .right {
	text-align: right;
	padding: 2px 5px;
}

.produits_liste {
	margin: 0px;
	padding: 0px;
}

.produits_liste li {
	width: 150px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

.paiement-list {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.paiement-list li {
	text-align: center;
	margin-right: 5px;
	list-style: none;
	float: left;
}

.commandes_etapes {
	margin: 0px 0px 0px 13px;
	padding: 0px;
	clear: both;
}

.commandes_etapes li {
	margin-right: 20px;
	list-style: none;
	float: left;
}
/* --- Styles column ---*/
.column_small_up {
	/*width: 330px;*/
	height: 38px;
	background: url("../img/default/column_up.png") no-repeat;
}

.column_small_up .inner {
	width: 300px;
	height: 28px;
	font-family: "Georgia", Times, serif;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
	background: url("../img/default/column_up.png") no-repeat 100% -38px;
	padding: 5px 15px;
}

.column_small {
	width: 322px;
	min-height: 100px;
	background: #F2F2F2;
	border-radius: 5px;
	margin: 5px 4px;
}

.column_small .inner {
	padding: 8px;
}

.column_middle_up {
	width: 660px;
	height: 38px;
	background: url("../img/default/column_up.png") no-repeat;
}

.column_middle_up .inner {
	width: 630px;
	height: 28px;
	font-family: "Georgia", Times, serif;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
	background: url("../img/default/column_up.png") no-repeat 100% -38px;
	padding: 5px 15px;
}

.column_middle {
	width: 652px;
	min-height: 100px;
	background: #F2F2F2;
	border-radius: 5px;
	margin: 5px 4px;
}

.column_middle .inner {
	padding: 8px;
}

.column_big_up {
	width: 950px;
	height: 38px;
	background: url("../img/default/column_up.png") no-repeat;
}

.column_big_up .inner {
	width: 960px;
	height: 28px;
	font-family: "Georgia", Times, serif;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
	background: url("../img/default/column_up.png") no-repeat 100% -38px;
	padding: 5px 15px;
}

.column_big {
	width: 982px;
	min-height: 100px;
	background: #F2F2F2;
	border-radius: 5px;
	margin: 5px 4px;
}

.column_big .inner {
	padding: 8px;
}

.column_small_container {
	width: 330px;
	float: left;
}

.column_middle_container {
	width: 660px;
	float: left;
}

.column_big_container {
	width: 950px;
	float: left;
}

/* --- Forms --- */
.row .avertissement,
.row_radio .avertissement {
	font-family: "Georgia";
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	padding: 5px;
}

/*.row label {
	margin: 5px 0px;
	display: block;
}*/

.row_radio label {
	margin: 5px 0px;
	display: inline;
}



.btn {
	font-family: "Georgia";
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	padding-right: 11px;
	cursor: pointer;
}

.btn span {
	display: block;
	text-align: center;
	padding: 6px 15px 10px 25px;
}

.btn:hover {
	color: #FFF;
	text-decoration: underline;
}


.btn:visited {
	color: #FFF;
}

.btn_grey,
.recuppass_annuler,
.menu_compte_infos,
.menu_compte_commandes,
.menu_compte_selection,
.menu_compte_livraison,
.commande_continuer_achats,
.commande_retourner_panier,
.etapes {
	background: url("../img/default/form_btn_grey.png") no-repeat 100% -38px;
}

.btn_grey span,
.recuppass_annuler span,
.menu_compte_infos span,
.menu_compte_commandes span,
.menu_compte_selection span,
.menu_compte_livraison span,
.commande_continuer_achats span,
.commande_retourner_panier span,
.etapes span {
	background: url("../img/default/form_btn_grey.png") no-repeat;
}

.btn_grey:hover,
.menu_compte_infos:hover,
.menu_compte_commandes:hover,
.menu_compte_selection:hover,
.menu_compte_livraison:hover,
.commande_continuer_achats:hover,
.commande_retourner_panier:hover {
	background: url("../img/default/form_btn_orange.png") no-repeat 100% -38px;
}

.btn_grey:hover span,
.menu_compte_infos:hover span,
.menu_compte_commandes:hover span,
.menu_compte_selection:hover span,
.menu_compte_livraison:hover span,
.commande_continuer_achats:hover span,
.commande_retourner_panier:hover span {
	background: url("../img/default/form_btn_orange.png") no-repeat;
}

.btn_orange, 
.gestion_envoyer,
.actualites_lire_suite,
.recuppass_envoyer,
.compte_connexion,
.inscription_envoyer,
.mon_compte_modifier,
.adresses_ajouter,
.adresses_valider,
.adresses_modifier,
.contact_envoyer,
.commande_passer,
.etapes.active,
.commande_verifier,
.commande_terminer {
	background: url("../img/default/form_btn_orange.png") no-repeat 100% -38px;
}

.btn_orange span,
.gestion_envoyer span,
.actualites_lire_suite span,
.recuppass_envoyer span,
.compte_connexion span,
.inscription_envoyer span,
.mon_compte_modifier span,
.adresses_ajouter span,
.adresses_valider span,
.adresses_modifier span,
.contact_envoyer span,
.commande_passer span,
.etapes.active span,
.commande_verifier span,
.commande_terminer span {
	background: url("../img/default/form_btn_orange.png") no-repeat;
}
/* --- TABLES --- */
table {
	width: 100%;
	border-spacing:0;
}

table .first {
	font-size: 12px;
	color: #FFF;
	background-color: #df6919;
	border-left: 1px solid #df6919;
	border-right: 1px solid #df6919;
	border-bottom: 2px solid #FF9419;
}

table .first th {
	padding: 5px 0px;
}

table tr .first {
	text-align: center;
	color: #666;
	font-size: 12px;
	background-color: #dcdcdc;
	border: 1px solid #cfcfcf;
}

table tr .second {
	text-align: center;
	color: #666;
	font-size: 12px;
	background-color: #e6e6e6;
	border: 1px solid #cfcfcf;
}

/* --- MODE LISTING --- */
.mode_liste{
	width: 680px;
	border-radius: 5px;
	border: 1px solid #BFCE91;
	background-color: #FFF;
	padding: 12px;
	margin-bottom: 8px;
	float: right;
}

.mode_liste .liste_button{
	width: 40px;
	/*min-height: 100px;*/
	margin-right: 10px;
	float: left;
}
.mode_liste .liste_button img {
	width: 40px;
	height: 40px;
	margin: 0px;
}

.mode_liste .photo {
	width: 125px;
	margin-right: 10px;
	float: left;
}

.mode_liste .photo img {
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #CCC;
}

.mode_liste .description {
	width: 385px;
	/*min-height: 100px;*/
	float: left;
}

.mode_liste .description h1 {
	font-size: 18px;
	line-height: 1.4em;
	text-transform: none;
	border-bottom: 0px;
	font-weight: 100;
	margin: 0px;
}

.mode_liste .boolpictos {
	width: 100px;
	min-height: 25px;
	text-align: center;
	float: left;
}

.mode_liste .boolpictos .bool_green {
	color: #669900;
}

.mode_liste .boolpictos .bool_red {
	color: #9d131b;
}

/* --- CORRECTION ADMIN --- */
#ProfilEmail,
#ProfilPassword {
	border-radius: 5px;
	border: 1px solid #CCC;
	padding: 2px 8px;
	width: 150px;
	margin-bottom: 5px;
}

/****  OPERATIONS EN COURS *******/
#operations_en_cours{
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
}
#operations_en_cours .montrer,
#operations_en_cours .masquer{
	cursor: pointer;
	display: block;
	position: absolute;
	top: -26px;
	left: 0;
	width: 50px;
	height: 26px;
	text-align: left;
	line-height: 26px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 12px;
}
#operations_en_cours.ouvert .montrer{
	display: none;
}
#operations_en_cours.ferme .masquer{
	display: none;
}
#operations_en_cours .liste{
	color: white;
}
#operations_en_cours.ferme .liste{
	display: none;
}
#operations_en_cours .liste > div{
	padding: 3px 6px 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	border-radius: 2px;
	font-size: 13px;
}
#operations_en_cours .liste .info{
	background-color: #08c0ce;
}
#operations_en_cours .liste .succes{
	background-color: #41b915;
}
#operations_en_cours .liste .echec{
	background-color: #ff8c0a;
}