@charset "utf-8";

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

# fonction : Fichier CSS principal de l'admin

# description : Défini les styles principaux de l'admin

# version : 04/03/2008

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



@import "menu_nav.css";

@import "menu_style.css";



@import "admin_formulaires.css";



@import "ddmenu.css";



body

 {text-align:left; background-image:none}



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;

  border-bottom:4px solid #dfdfdf; padding:10px 0 3px 0px; font-style:normal}



.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

 {background:transparent url(../img/side_col_bg.gif) repeat-y scroll 217px 0pt;}



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}



/*###############################*/

/*--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    Tableaux              --*/

/*###############################*/

.cadreTableau

 {border-left:1px solid #d1cfcf;}



	.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 10px}

	

		.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

 {border-top:1px solid #d1cfcf}



	.tabloSimple th

	 {border-bottom:1px solid #939797}

	

		.tabloSimple th .titre

		 {display:block; height:24px; background-image:url(../img/sort_row_bg.gif); background-position:center; border:1px solid #f9f9f9; border-right-color:#d1cfcf; cursor:default; color:#2F2F2F; font-weight:bold; line-height:25px; padding: 0 8px}

		

			.tabloSimple th .titre a

			 {display:block; text-decoration:none; padding-top:2px; line-height:22px; color:#2F2F2F;}

				.tabloSimple th .titre a:hover

				 {color:#EA7601}

		

			.tabloSimple th span.titre span

			 {display:block; background-image:url(../img/sort_on_bg.gif); padding-left:4px; padding-right:3px; margin:2px -5px 2px -4px; border:1px solid #ffffff; border-left:none; border-top:none}

			

				.tabloSimple th span.titre span a

				 {color:#EA7601; padding-top:2px; padding-right:10px; line-height:17px; background-position:right 5px; background-repeat:no-repeat}

				

					.tabloSimple th span.titre span.sortAsc a

					 {background-image:url(../img/grid_sort_desc.gif);}

					

					.tabloSimple th span.titre span.sortDesc a

					 {background-image:url(../img/grid_sort_asc.gif);}

		

		.tabloSimple td

		 {border:1px solid #d9dbdc; border-left:none; border-top:none; padding:2px 9px;}

		

		.tabloSimple td.mini

		 {font-family:Arial,Helvetica,sans-serif; font-size:10px; padding:0 9px; line-height:11px}

			 

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; } 



 

/*###############################*/

/*--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}



	.ensembleTabs .menuTabs

	 {height:35px; border-bottom:1px solid #ccc}

	

		.ensembleTabs .menuTabs .ongletTab

		 {display:block; float:left; background-color:#e2e2e2; border:1px solid #ccc; padding:3px 20px 3px 20px; margin:10px 0 -1px 8px; text-decoration:none; color:#222222; cursor:pointer}

			

			.ensembleTabs .menuTabs .ongletTab:hover

			 {background-color:#c9c9c9}

		

		.ensembleTabs .menuTabs .active

		 {border-bottom:1px solid #ffffff; background-color:#f8f8f8; font-weight:bold}

		

			.ensembleTabs .menuTabs .active:hover

			 {background-color:#f8f8f8; cursor:default}

	

	.ensembleTabs .contenuTabs

	 {padding:10px 10px 16px 10px; background-color:#F8F8F8; border:1px solid #ccc; border-top:none}







/*###############################*/

/*--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     --*/

/*###############################*/

.msxUL

 {margin:3px 0 12px 0; width:340px; 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;}