/* Général */
pre.xdebug-var-dump {
	background:		none;
	background-color:	#FFFFFF;
	text-align:		left;
}

body {
	behavior:url(ressources/css/csshover.htc);
	margin: 0;
	padding: 70px 0 0 0;
	font: 1em 'arial','verdana', 'serif';
	text-align:center;
}

body#parametrage	{padding-top: 	165px;}
body#rubriques 		{padding-top: 	105px;}
body#catalogue		{padding-top: 	115px;}
body#commandes		{padding-top: 	105px;}
body#actualites		{padding-top: 	105px;}

/* Entete / menu */
div#entete {
	position: 		fixed;
	top:			0;
	left:			0;
	width:			100%;
	text-align: 		center;
	background-color:	#555;
	z-index:99;
}
div#entete h1 {
	color:		#d8da2f;
	letter-spacing:	0.05em;
	font-size:	2em;
	font-variant:	small-caps;
}

/* *** niveau 0 : menu général */
ul#nav_1 {
	list-style:	none;
	margin:		0 auto 10px auto;
	padding:	0;
	width:		960px;
}
#nav_1 li {
	display:	inline;
}
#nav_1 a {
	position:		relative;
	display:		inline-block;
	width:			40px;
	margin:			20px;
	margin-bottom:		0px;
	margin-top:		5px;
	height:			45px;
	background:		url(../images/icones_menu_general.png) top center no-repeat;
	text-indent:		-12000px;
	text-decoration:	none;
	font-size:		0.8em;
}

#nav_1 a#recherche		{background-position:	-40px 10px;}
#nav_1 a#recherche:hover	{background-position:	-40px 5px;}
#nav_1 a#alerte			{background-position:	-160px 10px;}
#nav_1 a#alerte:hover		{background-position:	-160px 5px;}
#nav_1 a#nouveau		{background-position:	-280px 10px;}
#nav_1 a#nouveau:hover		{background-position:	-280px 5px;}
#nav_1 a#clavier		{background-position:	-400px 10px;}
#nav_1 a#clavier:hover		{background-position:	-400px 5px;}
#nav_1 a#graph1			{background-position:	-520px 10px;}
#nav_1 a#graph1:hover		{background-position:	-520px 5px;}
#nav_1 a#parametrage		{background-position:	-640px 10px;}
#nav_1 a#parametrage:hover	{background-position:	-640px 5px;}
#nav_1 a#utilisateur            {background-position:   -760px 10px;}
#nav_1 a#utilisateur:hover      {background-position:   -760px 5px;}
#nav_1 a#groupe                 {background-position:   -880px 10px;}
#nav_1 a#groupe:hover           {background-position:   -880px 5px;}
#nav_1 a#outils                 {background-position:   -1000px 10px;}
#nav_1 a#outils:hover           {background-position:   -1000px 5px;}
#nav_1 a#catalogue		{background-position:	-1120px 10px;}
#nav_1 a#catalogue:hover	{background-position:	-1120px 5px;}
#nav_1 a#aide			{background-position:	-1120px 10px;}
#nav_1 a#aide:hover		{background-position:	-1120px 5px;}
#nav_1 a#quitter		{background-position:	-1240px 10px;}
#nav_1 a#quitter:hover		{background-position:	-1240px 5px;}
#nav_1 a#personnalisation	{background-position:	-1360px 10px;}
#nav_1 a#personnalisation:hover	{background-position:	-1360px 5px;}
#nav_1 a#graph2			{background-position:	-1480px 10px;}
#nav_1 a#graph2:hover		{background-position:	-1480px 5px;}
#nav_1 a#actualites		{background-position:	-1600px 10px;}
#nav_1 a#actualites:hover	{background-position:	-1600px 5px;}
#nav_1 a#rubriques		{background-position:	-1720px 10px;}
#nav_1 a#rubriques:hover	{background-position:	-1720px 5px;}
#nav_1 a#graph3			{background-position:	-1840px 10px;}
#nav_1 a#graph3:hover		{background-position:	-1840px 5px;}
#nav_1 a#accueil 		{background-position:	-1960px 10px;}
#nav_1 a#accueil:hover		{background-position:	-1960px 5px;}
#nav_1 a#mdp			{background-position:	-2080px 10px;}
#nav_1 a#mdp:hover		{background-position:	-2080px 5px;}
#nav_1 a#outils_stat 		{background-position:	-2200px 10px;}
#nav_1 a#outils_stat:hover	{background-position:	-2200px 5px;}
#nav_1 a#mail 			{background-position:	-2320px 10px;}
#nav_1 a#mail:hover		{background-position:	-2320px 5px;}
#nav_1 a#commandes 		{background-position:	-2440px 10px;}
#nav_1 a#commandes:hover	{background-position:	-2440px 5px;}
#nav_1 a#catalogue 		{background-position:	-2560px 10px;}
#nav_1 a#catalogue:hover	{background-position:	-2560px 5px;}
#nav_1 a#voyages 		{background-position:	-2680px 10px;}
#nav_1 a#voyages:hover		{background-position:	-2680px 5px;}
#nav_1 a#motos 			{background-position:	-2800px 10px;}
#nav_1 a#motos:hover		{background-position:	-2800px 5px;}
#nav_1 a#video 			{background-position:	-2920px 10px;}
#nav_1 a#video:hover		{background-position:	-2920px 5px;}

/* *** niveau 1 : sous-menu */
div#div_nav_2 {
	background:	#d8da2f;
	width:100%;
	text-align:	center;
}
ul#nav_2 {
	display:	block;			/* menu horizontal */
	position:	relative;
	list-style:	none;
	margin:		0 auto;
	width:		100%;
	height:		35px;
	font-size:	0.75em;
}
ul#nav_2 li {
	float:		left;
	width:		125px;
	z-index:	5;
}
ul#nav_2 li a {
	display:		block;
	padding:		0 5px 7px 0;
	margin:			5px;
	border-right:		solid 1px #000;
	background:		#d8da2f;
	color:			#333333;
	text-decoration:	none;
	text-align:		center;
}
ul#nav_2 li a.menu_actif {
	color:		#000000;
	font-weight:	900;
}
ul#nav_2 li a:hover {
	color:		#000000;
	font-weight:	bold;
}

/* *** niveau 2 : sous-sous-menu (s'affichent au survol => Cf. ci-dessous) */
ul#nav_2 li:hover ul {			/* Affichage des sous-sous-menu au survol */
	display:	block;
	z-index:	9;
}

ul.nav_3 {
	list-style:		none;
	position:		absolute;
	top:			28px;
	left:			0;
	margin:			0 auto;
	text-align:		center;
	display:		none;
	width:			100%;
	height:			35px;
	background-color:	#d8da2f;
	border-top:		solid 1px #555;
	padding:		0;
}
ul.nav_3 li {
	float:	left;
	width:	105px;
}
ul.nav_3 li a {
	text-align:center;
}

/* *** niveau 3 : sous-sous-sous-menu (s'affiche au survol => Cf. ci-dessous */
ul#nav_2 li:hover ul li ul {
	display:	none;
}
ul#nav_2 li:hover ul li:hover ul {
	display:	block;
}

ul.nav_4 {
	list-style:		none;
	position:		absolute;
	top:			28px;
	left:			0;
	margin:			0 auto;
	text-align:		center;
	display:		none;
	width:			100%;
	height:			30px;
	background-color:	#d8da2f;
	border-top:		solid 1px #555;
	padding:		0;
}
ul.nav_4 li {
	float:	left;
	width:	105px;
}
ul.nav_4 li a {
	text-align:center;
}

/* Boutons généraux */
a#bt_nouveau,
a#bt_enregistrer,
a#bt_retablir,
a#bt_valider,
a#bt_supprimer,
a#bt_retour,
a#bt_export,
a#bt_debut,
a#bt_fin,
a#bt_precedent,
a#bt_suivant {
	display:	block;
	width:		35px;
	height:		35px;
	margin:		10px;
	text-indent:	-6000px;
	background:	url(../images/bt_generaux.png) no-repeat;
	cursor:		pointer;
}

input#bt_nouveau,
input#bt_enregistrer,
input#bt_retablir,
input#bt_valider,
input#bt_supprimer,
input#bt_retour,
input#bt_export,
input#bt_debut,
input#bt_fin,
input#bt_precedent,
input#bt_dupliquer,
input#bt_suivant {
	border:		none;
	width:		35px;
	height:		40px;
	margin-right:	10px;
/*	text-indent:	-12000px;*/
	background:	url(../images/bt_generaux.png) no-repeat;
	cursor:		pointer;
}

a#bt_nouveau,			input#bt_nouveau		{background-position:	-100px 5px;}
a#bt_nouveau:hover,		input#bt_nouveau:hover		{background-position:	-100px 0px;}
a#bt_enregistrer,		input#bt_enregistrer		{background-position:	0px 5px;}
a#bt_enregistrer:hover,		input#bt_enregistrer:hover	{background-position:	0px 0px;}
a#bt_retablir,			input#bt_retablir		{background-position:	-500px 5px;}
a#bt_retablir:hover,		input#bt_retablir:hover		{background-position:	-500px 0px;}
a#bt_valider,			input#bt_valider		{background-position:	-450px 5px;}
a#bt_valider:hover,		input#bt_valider:hover		{background-position:	-450px 0px;}
a#bt_supprimer,			input#bt_supprimer		{background-position:	-150px 5px;}
a#bt_supprimer:hover,		input#bt_supprimer:hover	{background-position:	-150px 0px;}
a#bt_retour,			input#bt_retour			{background-position:	-50px 5px;}
a#bt_retour:hover,		input#bt_retour:hover		{background-position:	-50px 0px;}
a#bt_export,			input#bt_export			{background-position:	-200px 5px;}
a#bt_export:hover,		input#bt_export:hover		{background-position:	-200px 0px;}
a#bt_debut,			input#bt_debut			{background-position:	-250px 5px;}
a#bt_debut:hover,		input#bt_debut:hover		{background-position:	-250px 0px;}
a#bt_fin,			input#bt_fin			{background-position:	-350px 5px;}
a#bt_fin:hover,			input#bt_fin:hover		{background-position:	-350px 0px;}
a#bt_precedent,			input#bt_precedent		{background-position:	-300px 5px;}
a#bt_precedent:hover,		input#bt_precedent:hover	{background-position:	-300px 0px;}
a#bt_suivant,			input#bt_suivant		{background-position:	-400px 5px;}
a#bt_suivant:hover,		input#bt_suivant:hover		{background-position:	-400px 0px;}
a#bt_dupliquer,			input#bt_dupliquer		{background-position:	-649px 5px;}
a#bt_dupliquert:hover,		input#bt_dupliquer:hover		{background-position:	-649px 0px;}

/* Divison de la page */
div#centre {
	text-align:		center;
	background-color:	#ffffff;
	z-index:		1;
	width:			95%;
	margin:			0 auto;
}

div#centre div#gauche {
	float:		left;
	width:		20%;
}
div#centre div#droite {
	float:		right;
	width:		75%;
	text-align:	center;
}

/* Listes gauche */
ul#liste_gauche {
	width:		80%;
	height:		400px;
	list-style:	none;
	margin:		20px 0 0 0 /*20px*/;
	padding:	5px;
	overflow-x:	hidden;
	overflow-y:	auto;
	border:		solid 1px #d8da2f;
}
ul#liste_gauche li {
	background-color:	#f1f1f1;
	margin:			5px;
	padding:		5px;
	text-align:		left;
	cursor:			pointer;
	overflow:		hidden;
	text-overflow:	ellipsis;
	white-space:	nowrap;
}
ul#liste_gauche li:hover {
	background-color:	#d8da2f;
}
ul#liste_gauche li a {
	margin:			0px;
	padding:		0px;
	text-decoration:	none;
	color:			#333333;
	font-size:		0.8em;
}

div#pagination {
	margin: 5px auto 0;
	text-align: center;
	width: 90%;
}
div#pagination select {
	width:	auto;
}
div#pagination p {
	color: #555555;
	font-size: 0.8em;
	margin: 5px 0;
}
div#pagination_gauche {
	float: left;
	width: 33%;
}
form#pagination_centre {
	color: #555555;
	float: left;
	margin-top: 15px;
	width: 33%;
}
form#pagination_centre select {
	margin: 0 10px;
}
div#pagination_droite {
	float: right;
	width: 33%;
}

/* Les formulaires */
form#form_seul {
	margin:	0 auto;
	width:	960px;
}
/*
fieldset#bouton_fin {
	margin: 0 auto;
}
fieldset#bouton_fin ul {
	width:		250px;
	list-style:	none;
	margin:		0 auto;
	padding:	0;
}
fieldset#bouton_fin ul li {
	list-style:none;
	display:inline-block;
	zoom: 1;
	*display:inline;
}
*/

ul#bouton_fin li{
	list-style:none;
	display:inline-block;
	zoom: 1;
	*display:inline;
	}

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


form#form_id{ width:350px; margin:0 auto; padding:0 50px 30px 50px;}
form#form_id label{width:150px;}

ul#nav_id {width:200px; list-style:none; margin:0 auto;}
ul#nav_id li{float:left; margin:10px;}

form#bas_centre{float:left; margin-top:15px; width:320px; color:#555;}
form#bas_centre select{margin:0 10px;}

p{margin:0; padding:0}

#centre_accueil{padding:50px 0 75px 0; text-align:center; background-color:white;}
#centre_accueil p{margin-top:75px;}
/*#centre_accueil p span#date{font-size:0.8em;}*/
#centre_accueil h1{color:#555; font-size:1.5em;}
/*#centre_id{text-align:center;}*/


form#form_centre{margin:0 auto; width:90%}
form#form_droite{margin:0 auto;}


form p{margin:5px; padding-top:5px; text-align:left; border-top:dotted 1px #ccc;}
fieldset{text-align:center; padding:10px 0; border:none; color:#ccc; margin:0 auto; width:100%;}
fieldset.colonnes{
	float:left;
	color:red;
	width:49%;
}
fieldset.colonnes > div {
	border-top:1px dotted #CCCCCC;
	clear:both;
	height:20px;
	margin:10px 5px;
	padding-top:5px;
	text-align:left;
}
fieldset.colonnes p{height: 20px;}
fieldset.colonnes label {width: 85px;}
/*fieldset#bouton_fin p{border:none; margin:0; padding:0;}*/
fieldset p{color: #000000;}
fieldset p span.image_optimale {margin-left: 120px; margin-top: 5px; display: block; font-size: 0.5em;}
legend{margin:5px 0 20px 0; padding:0 0 0 125px; font-weight:bold; text-align:left; color:#ccc;}
label{display:block; width:100px; text-align:right; float:left; padding-right:15px; margin-right:5px; color:#333; font-size:0.8em;}
.form_col{float:left;}
label.obligatoire{background:url(../images/obli.gif) no-repeat 0 5px; color:#c00;}



/*#form_droite #champ { min-height : 420px; }*/
/*#form_droite #bouton_fin { margin-left:-360px;}*/
/*
#form_droite #bouton_fin #nav_3 li{ float:none; display:inline;}
#form_droite #bouton_fin #nav_3 a { display:inline-block;}
*/
/*#form_seul #bouton_fin { margin-left:-230px;}*/
/*
#form_seul #bouton_fin #nav_3 li{ float:none; display:inline;}
#form_seul #bouton_fin #nav_3 a { display:inline-block;}
*/

.affichage{text-align:center; width:200px; height:100%; float:left; padding:5px;}
.affichage_bt{width:96px; height:100%; float:left; margin-top: 100px;}
a.ajouter, a.tout_ajouter, a.retirer, a.tout_retirer, a.haut, a.bas{display:block; width:44px; height:44px; float:left; text-indent:-12000px; margin:1px;}
a.ajouter{background:url(../images/ajouter.gif) no-repeat right bottom;}
a.tout_ajouter{background:url(../images/tout_ajouter.gif) no-repeat left bottom;}
a.retirer{background:url(../images/retirer.gif) no-repeat right top;}
a.tout_retirer{background:url(../images/tout_retirer.gif) no-repeat left top;}
a.haut{background:url(../images/haut.gif) no-repeat center bottom;}
a.bas{background:url(../images/bas.gif) no-repeat center top;}

a.calendrier{display:block; width:25px; height:25px; float:left; background:url(../images/calendrier_0.gif) 0 -4px no-repeat; text-indent:-12000px;}

/*form input[type="text"]*/
/*textarea {font-family: "Sans"; font-size: 0.85em;}*/
textarea, select, input{margin:0; padding:0; border:solid 1px #d8da2f; font-family: 'arial','verdana','serif'; font-size: 0.875em;}
input[type="checkbox"], input[type="radio"]{border:none;}
input[type="text"], input[type="password"]{padding-left:1px;}
select {width:	45%;}

select.entree_dictionnaire {
	text-overflow:	ellipsis;
}
select.entree_dictionnaire option {
	width:		400px;
	overflow:	hidden;
	text-overflow:	ellipsis;
}



div#bas_gauche{float:left; width:320px;}
div#bas_droite{float:right; width:320px;}
/*
div#bas_gauche a{display:block; float:left; width:35px; height:35px; margin:10px; text-indent:-12000px; background:url(../images/pictos_nav_3_555.gif) no-repeat;}
div#bas_droite a{display:block; float:right; width:35px; height:35px; margin:10px; text-indent:-12000px; background:url(../images/pictos_nav_3_555.gif) no-repeat;}
div#bas_gauche a#debut{background-position:-250px 5px;}
div#bas_gauche a:hover#debut{background-position:-250px 0px;}
div#bas_gauche a#precedent{background-position:-300px 5px;}
div#bas_gauche a:hover#precedent{background-position:-300px 0px;}
div#bas_droite a#suivant{background-position:-400px 5px;}
div#bas_droite a:hover#suivant{background-position:-400px 0px;}
div#bas_droite a#fin{background-position:-350px 5px;}
div#bas_droite a:hover#fin{background-position:-350px 0px;}
 */

/* Pagination */
#conteneur_pagination_gauche{width:100%; margin-top:10px; padding-left:20px;}
#pagination_col_gauche{margin:0 auto; /*width:210px;*/ padding:0px;}
form#pagination_centre{/*width:75px;*/ margin-right:5px; float:left; padding-top:8px;}

form#elmt_page{font-size:0.7em; text-align:center; width:195px; margin:0 auto; padding-top:10px; border-top:solid 1px #ccc;}
form#elmt_page label{width:50%; margin:0 5px 0 0; padding:3px 0 0 0; width:100px;}
div#bas{width:960px; margin:5px auto 0 auto; text-align:center;}
div#bas p{color:#555; font-size:0.8em; margin:5px 0;}

.table_paginee{border:solid 1px #555; border-bottom:none; width:90%; margin:10px auto; text-align:left;}
.table_paginee th{color:#d8da2f; background-color:#555; padding:5px; font-size:0.7em; }
.table_paginee th a{color:#d8da2f; }
.table_paginee td{padding:3px 5px; font-size:0.7em; border-bottom:solid 1px #555;}
.table_paginee tr:hover{background-color:#d8da2f;}







/* ckeditor */
.cke_skin_kama { margin-left: 120px; }
div[role=application].cke_reset { margin-left: 190px; }
/* jquery date */
.ui-datepicker-trigger {margin-left:2px;}
/* dialog erreur */
.dialog-erreur .ui-dialog-titlebar {
        background-image:none;
        background-color:red;
}
/* dialog warning */
.dialog-warning .ui-dialog-titlebar {
        background-image:none;
        background-color:#555555;
}

div#tree_rubriques .rub_level_1 {
    color: red;
}
div#tree_rubriques .rub_level_2 {
    color: green;
}
div#tree_rubriques .rub_level_3 {
    color: blue;
}
div#tree_rubriques .rub_level_hidden {
    color: gray;
}