body 
	{ margin: 0; background-color: #FFF; }
*
	{ font-family: Verdana; }
label, input, select, textarea
	{ font-size: 12px; }
#Central
	{
	width: 100%; margin: 0; padding: 0 5px 0 5px; background-color: #FFF;
	border-top: 1px solid #E1002E;
	}


/* -----------------------------------
		TABLEAU DATA CENTRAL 
------------------------------------ */
#Msg {
	background-color: #fff49a; 
	border: 1px solid red; 
	padding: 10px; 
	font-weight: bold; 
	color: black;
}
#Data_Table
	{
	width: 100%;  margin: 15px auto; empty-cells: show;
	border: 1px solid #CCC; border-collapse: collapse;
	}

#Data_Table th
	{
	background-color: #E1002E; color: #FFF; font-size: 12px; height: 20px;
	vertical-align : middle; text-align: left;
	}
#Data_Table th a
	{ color: #FFF; text-decoration: none; }

#Data_Table td.Add
	{ text-align: right; font-size: 10px; }
#Data_Table td.Add a
	{ text-decoration: none; color: #333; }
#Data_Table td.Add img
	{ vertical-align : middle; margin-left: 5px; }

#Data_Table tr
	{ height: 25px; background-color: #EEE; }
#Data_Table tr.Actif
	{ background-color: #FFF; }
#Data_Table td.IntRow
	{ font-weight: bold; text-align: center; }
#Data_Table td, #Data_Table th
	{ padding-left: 5px; }
#Data_Table td
	{ font-size: 10px; border-bottom: 1px solid #CCC; vertical-align : middle; }
#Data_Table td td
	{ border: 0; }
#Data_Table a
	{ color: #333; text-decoration: none; font-weight: bold; }

#Data_Table .icone
	{ text-align: right; }
#Data_Table .icone img
	{ border: 0; }
#Data_Table td.Inter
	{ background-color: #FFF; border: 0; }

#Data_Table tr.SubTh th, #Form_Table tr.SubTh th
	{ background-color: #333; color: #FFF; }
#Data_Table tr.SubTh th input.radio, #Form_Table tr.SubTh th input.radio
	{ background-color: #333; border: 0; }

#Data_Table td.no_result, #Form_Table td.no_result
	{
	text-align: center; font-style: italic; height: 150px;
	background-color: #FFF; font-size: 12px;
	}

#Data_Table .Menu
	{
	background-color: #E1002E; color: #FFF; font-size: 12px; height: 20px;
	vertical-align : middle; text-align: left;
	}

#Data_Table .Menu td
	{ 
	text-align: right; padding-right: 10px; font-size: 12px; font-weight: bold;
	border: solid #CCC; border-width: 0 0 2px 0px; 
	}

#Data_Table .Menu th
	{ 
	text-align: center; cursor: pointer;
	border: solid #CCC; border-width: 0 0 2px 2px; 
	}

#Data_Table .Menu th.Actif
	{ 
	background-color: #FFF; color: #E1002E;
	}
	
#Data_Table .Statistique
	{ border-collapse: collapse; margin: 20px 20px; }

#Data_Table .Statistique th, #Data_Table .Statistique td
	{ 
	padding-top: 3px; font-size: 11px; color: #000; text-align: left; vertical-align: middle;
	border: solid #DDD; border-width: 1px 1px 1px 1px; 
	}

#Data_Table .Statistique th
	{ font-weight: bold; background-color: #DDD; border: solid #CCC;}

#Data_Table .Statistique td
	{ padding-left: 20px; }
#Data_Table .Statistique tr
	{ background-color: #EEE; }
#Data_Table .Statistique tr.actif
	{ background-color: #FFF; }

#Data_Table .Statistique .Graph
	{ width: 100%; border-collapse: collapse; margin: 0;}
#Data_Table .Statistique .Graph th
	{ background-color: #0C5; padding: 0 10px; color: #FFF }
#Data_Table .Statistique .Graph td
	{ background-color: #E1002E; padding: 0 10px; color: #FFF }
	
#Img_Preview div
	{ margin: 5px; float: left; width: 120px; text-align: center; border: 2px solid #CCC; padding: 5px 0; }
#Img_Preview div.active
	{ border-color: #FFF; }
	
#Img_Preview div table
	{ border: 0; border-collapse: collapse; width: 80%; margin: 0 auto; }
#Img_Preview div table td
	{ height: 40px; padding: 0; }

/* --------------------------------
				TABLEAU STAT
--------------------------------- */
#Table_Stat
	{ width: 400px; border: solid 1px #CCC;}
#Table_Stat td, #Table_Stat tr, #Table_Stat th,
	{ font-size: 11px; padding: 0; padding-left: 10px; height: 20px; background-color: #F9F9F9; }
#Table_Stat th	
	{ color: #333; font-size: 12px; background-color: #ccc; font-weight: bold; }
#Table_Stat a
	{ color: #E1002E; text-decoration: none; font-weight: normal; }
#Table_Stat a:hover
	{ color: #A0001D; text-decoration: underline; }
	
/* -----------------------------------
		TABLEAU FORM CENTRAL 
------------------------------------ */
#Form_Table
	{
	width: 90%; margin: 25px auto; empty-cells: show;
	border-left: 1px solid #CCC; border-right: 1px solid #CCC;
	border-top: 3px solid #CCC;
	}
#Form_Table th
	{
	background-color: #E1002E; color: #FFF; font-size: 12px; height: 20px;
	vertical-align : middle; text-align: left;
	}

#Form_Table td.Back
	{ height: 20px; background-color: #EEE; vertical-align: middle; }

#Form_Table tr
	{ background-color: #EEE; }
#Form_Table tr.Actif
	{ background-color: #FFF; }

#Form_Table td, #Form_Table th
	{ padding: 0 0 0 5px; }
#Form_Table td
	{ font-size: 10px; border-bottom: 1px solid #CCC; vertical-align : top; }
#Form_Table td.data
	{ padding-top: 5px; }
#Form_Table a
	{ color: #333; text-decoration: none; font-weight: bold; }

#Form_Table .icone
	{ text-align: right; }
#Form_Table .icone img
	{ border: 0; }
#Form_Table td.Inter
	{ background-color: #FFF; border: 0; }

#Form_Table p
	{ margin: 5px 0; font-size: 12px; }

#Form_Table td.field textarea, #Form_Table td.field input, #Form_Table div.Preview
	{ width: 450px; margin: 2px 2px 2px 0; }
#Form_Table select
	{ margin: 3px 3px 3px 0; }
#Form_Table textarea, #Form_Table input, #Form_Table div.Preview
	{ color: #000; background-color: #FFF; border: 1px solid #A3A3A3; }

#Form_Table div.Preview p
	{ margin: 0 0 10px 0; }
	
#Form_Table td.field input.radio, #Form_Table td.field input.checkbox
	{ width: 20px; border: 0; background-color: #EEE; display: inline;  }

#Form_Table td.field textarea, #Form_Table div.Preview
	{ height: 100px; padding: 3px; overflow: auto; font-size: 12px; }

#Form_Table input.bouton, #Data_Table input.bouton
	{
	font-size: 12px; font-weight: bold; margin: 10px 10px 10px 0; width: auto;
	background-color: #EEE; border: 1px solid #A3A3A3; color: #333;
	}

a.bouton
	{
	font-size: 12px; font-weight: bold; padding: 2px 5px 2px 5px;
	background-color: #EEE; border: 1px solid #A3A3A3; color: #333;
	}
a.bouton:hover
	{ background-color: #FFF; }
	
#Form_Table input.Fake, #Data_Table input.Fake
	{
	font-size: 12px; font-weight: bold;
	background-color: #EEE; border: 0; color: #333;
	}

/* --------------------------------
			  HEADER
--------------------------------- */
#Arborescence
	{
	font-size: 12px; font-weight: bold; height: 20px;
	background-color: #E1002E; color: #FFF; width: 100%; margin: 0 0 20px 0;
	}
#Arborescence td
	{ vertical-align: middle; padding-left: 32px;  }
#Arborescence, #Arborescence a
	{ color: #FFF; }

#Logo
	{ text-align: right; }
#Logo img
	{ margin: 10px; }

/* --------------------------------
			  HEADER
--------------------------------- */
#Header
	{ width: 100%; height: 60px; border: 0; padding: 0; background-color: #FFF; }
#Header td
	{ vertical-align: middle; }

/* --------------------------------
			  MENU TOP
--------------------------------- */
#Menu_top
	{ width: 100%; border: 0; padding: 0; }
#Menu_top td.onglet { 
	background-color: #FFF; 
	color: #E1002E; 
}
#Menu_top td.ongletActif { 
	background-color: #E1002E; 
	color: #FFF; 
}
#Menu_top td.ongletActif, #Menu_top td.onglet {
	cursor: pointer; font-size: 11px;
	text-align: center; font-weight: bold;
	width: 140px; height: 20px; border: 1px solid #E1002E; border-bottom: 0;
/*	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;*/
	padding:4px 0 4px 0;
}
#Tools
	{ text-align: right; vertical-align: top; padding-right: 10px; }

/* --------------------------------
			  MENU LEFT
--------------------------------- */
#Menu_left { 
	width: 150px; margin: 15px 7px; border: 1px solid #E1002E; vertical-align: top; text-align: left;
/*	webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;*/
}
#Menu_left td 
	{ font-size: 10px; height: 15px; padding-left: 7px;}
#Menu_Left td a:link, #Menu_Left td a:visited, #Menu_Left td a:active
	{ text-decoration: none; color: #000; }
#Menu_Left td a:hover
	{ text-decoration: underline; color: #E1002E; font-weight: bold; }
#Menu_left th 
	{ font-size: 11px; height: 20px; padding-left: 7px; background-color: #E1002E; color: #FFF;}
	
/* --------------------------------
				FOOTER
--------------------------------- */
#Footer
	{
	height: 15px; width: 100%; border: solid #E1002E;  border-width: 1px 0 1px 0; padding: 0; font-size: 12px;
	}
#Footer a
	{ color: #E1002E; text-decoration: none; font-weight: bold; }
#Footer p
	{ color: #000000; float: right; font-size: 10px; }

/* --------------------------------
				MENU
--------------------------------- */
#Menu
	{ width: 80%;  margin: 30px 0 30px 50px; }
#Menu td
	{ background-color: #999999; height: 20px; font-size: 12px; font-weight: bold; }
#Menu tr.inter_rub_menu td
	{ background-color: #FFF;}
#Menu td.Rubrique
	{ color: #FFF; padding-left: 20px; }
#Menu td.Bt_Rubrique
	{ cursor: pointer; width: 70px; text-align: center; background-color: #CCC; color: #333; }

img
	{ border: 0; }

tr.IntRub
	{ border: 0 ;background-color: #E1002E; color: #FFF; height: 20px; }

td.Inter
	{ background-color: #FFF; }

/* -----------------------------
		UPLOAD IMAGE
------------------------------ */
#ImageArt
	{ border: 0; background-color: transparent; }

/* ---------------------------
 		CALL TO ACTION
---------------------------- */

#Call_To_Action
	{ width: 80%;  margin: 30px 0 30px 50px; empty-cells: show; border: 1px solid #A3A3A3; }
#Call_To_Action th
	{
	background-color: #E1002E; color: #FFF; font-size: 12px; height: 20px;
	vertical-align : middle; text-align: left; padding: 0 0 0 5px;
	}
#Call_To_Action tr
	{ background-color: #EEE; }

#Call_To_Action table
	{ width: 500px; border: 0; margin: 0 0 0 20px; }

#Call_To_Action td.field input, #Call_To_Action select
	{ width: 250px; margin: 5px 5px 5px 0; }
#Call_To_Action td.field input
	{ color: #000000; background-color: #FFF; border: 1px solid #A3A3A3; }


#Form_Table td.field input.radio, #Form_Table td.field input.checkbox
	{ width: 20px; border: 0; background-color: #EEE; display: inline;  }

#Call_To_Action, #Call_To_Action td
	{ border: 0; }
#Call_To_Action td.data
	{ width: 150px; }
#ArtFile, #ArtInfo, #ArtLink
 	{ width: auto; margin: 0; display: none; border: 0; }
#ArtFile table, #ArtInfo table, #ArtLink table
 	{ width: auto; margin-bottom: 20px; }

#CSV_Preview_Div
	{
	border: 1px solid #A3A3A3; height: 300px; overflow: auto;
	border-right-width: 0; margin : 0 20px 20px 0;
	}
#CSV_Preview
	{ border: 0; }
#CSV_Preview td
	{
	padding: 3px; border: 1px solid #A3A3A3;
	border-width: 0 1px 1px 0; border-right-style: dashed; 
	}
#CSV_Preview select
	{ width: 140px; font-size: 10px; }
	
	
#OkMsg{
	font-size:12px;
	color:green;
	width:100%;
	height:20px;
	text-align:center;
	padding-top:10px
}
#ErreurMsg{
	font-size:12px;
	color:red;
	width:100%;
	height:20px;
	text-align:center;
	padding-top:10px

}

#Legende{
	
	border:solid 1px #CCC;
	width:90%;

}
#Legende .titre{
	font-size:10px;
	font-weight:bold;
	text-align:left;
}
#Legende .explication{
	font-size:10px;
	padding-right: 15px;
}
#Legende .icone{
	font-size:10px;
	width:20px;
}

#Form_Table .SubmitImage {
	border:0px;
	background-color:#EEE;
}