* {margin:0; padding:0;}
body,html
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin:0;
	color: #666;
	width:100%;
	background:url('images/bg_content.png');
	height: 100%;
}


#SurHeader
{
	background:#232323;
	height:15px;
	padding:7px 10px 5px 10px;
	z-index:5;
	position:relative;
}
#SurHeader h1 {font-size:10px; margin:0; padding:0;}
#SurHeader h2 {font-size:10px; margin:0; padding:0;}
#SurHeader h6 {font-size:10px; text-align:right; margin:-12px 0 0 0;}


#Header
{
	background: url(images/bg_header.png) repeat-x #D8D8D8;
	overflow: hidden;
	height:56px;
	z-index:2;
	position:relative;
}
#Header img {margin:-45px 0 0 10px;}
#Header .Menu li {display:inline;}

ul.Menu {overflow: hidden;}
ul.Menu li {float: left;margin: -2px 0 0 0; width:109px;  cursor:pointer; background:url('images/menu.png') no-repeat; padding:18px 0 0 0; text-align:center; height:58px;}
ul.Menu li:hover{color: #4b537a; background:url('images/menu_hover.png') no-repeat;}
ul.Menu li.selected {background:url('images/menu_hover.png') no-repeat;}
ul.Menu a li {text-decoration:none; color:#FFFFFF;}
ul.Menu a li:hover {text-decoration:none; color:#FFFFFF;}

.Menu .logo {width:226px; background:none; margin: 0 5px 0 -5px; padding:0 5px 0 0;}
.Menu .logo:hover {background:none;}

.headerMenu {background:url('images/sidemenu_header.png') no-repeat; height:38px; list-style-type:none; padding:10px 10px 10px 20px; margin:0 0 -20px 0; color:#EAEAEC; font-weight:bold; text-shadow:1px 1px 0 #606062;}
.headerMenu:hover {background:url('images/sidemenu_header_hover.png') no-repeat;}
.middleMenu {background:url('images/sidemenu.png') no-repeat; height:38px; list-style-type:none; padding:10px 10px 10px 20px; margin:0 0 -20px 0;}
.middleMenu:hover {background:url('images/sidemenu.png') no-repeat;}
.middleMenuSelected {background:url('images/sidemenu_selected.png') no-repeat; height:38px;}
.middleMenuSelected:hover{background:url('images/sidemenu_selected.png') no-repeat;}

#SideMenu {position:fixed; left:0; top:0; border-right:1px solid #4E4F50; width:231px; background:url('images/sidemenu.png'); height:100%; z-index:1;}
#SideMenu ul {margin:83px 0 0 0;}
#SideMenu a {color:#FFFFFF; text-decoration:none;}
#SurHeader h6 img {cursor:pointer; text-decoration:none;}

#Content
{
	margin: 0 0 0 231px;
	padding:0 20px 20px 20px;
}

#Content h3 {margin:0 0 20px 0; padding:20px 0 0 0;}
#Content h4 {font-size:13px; margin:0 0 20px 0;}
#Content form table tr td {padding:10px 20px 10px 10px; min-width:120px;}

#Footer
{
	text-align: center; 
	position:fixed;
	left:30px;
	bottom:15px;
	color:#FFFFFF;
	font-size:11px;
	z-index:5;
}
#Footer a {color:#A9002F; text-decoration:none; font-weight:bold;}




 h6 a {text-decoration:none;}
.Notifications 
{
	font-size: 9px; 
	padding: 1px 2px; 
	color: #f5f5f5; 
	background: #cc0000; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	border: 1px solid rgba(0,0,0,0.50); 
	z-index: 1;
	margin:0 0 0 -8px;
	cursor:pointer;
	text-decoration:none;
}

.update_valide, .update_erreur {width:100%; margin:0 0 20px -20px; height:25px; padding:13px 25px 0 15px;}
.update_valide input, .update_erreur input {float:right; margin:-7px -17px 0 0;}
.update_valide form input, .update_erreur form input {float:right; margin:-22px 10px 0 0;}
.update_valide {background-color:rgba(0,128,0,.3);}
.update_erreur {background-color:rgba(128,0,0,.3);}



/* Styles */
/*.option {border:1px solid #777; padding:2px;}*/
.input_select, .input_text, .area_text {background-color:#FFFFFF; padding:8px; font-family:Arial; font-size:12px; width:100%; margin-bottom:15px; margin:0; -webkit-box-shadow: 0 0 0px 1000px white inset;}
.input_text_mini {border:1px solid #777;background-color:#FFFFFF; padding:3px; width:76px; font-family:Arial; font-size:12px;}
.area_text {width:500px; height:250px;}
.input_button
{        
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;
	padding: 0 1.5em;
	font: bold 1em/2em Arial, Helvetica;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	margin:18px 0 18px 0;
	height:27px;
}

.input_button:hover
{
	background-color: #ddd;        
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.input_button:active
{
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

.input_button:focus
{
	background: #fafafa;
}    

.input_button:before
{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
}

/* Formulaire */
/*
#option_table a {text-decoration:none; color:#666666;}
#option_table td {border:1px solid #5EB2DC; padding:3px; height:34px;}
#option_table td:hover {padding:3px; background-image:none; background-color:#FFFFFF; height:34px;}
.div_unique1 {float:left; border:1px solid #5EB2DC;width:184px; margin:0 0 30px 20px; height:237px; padding:20px;}
*/


/* Boutons */
.erreur {color:darkred; font-weight:bold;}
.valide {color:green; font-weight:bold;}
/*
.input {border:1px solid #219AD2;}
#add_but  {background:url(images/icones/ajout.png) no-repeat; padding:4px 0px 4px 17px; border:none; background-position:left center; font-size:12px; font-family:Arial; color:#A60000; cursor:pointer;}
#apply_but {background:url(images/icones/apply.png) no-repeat; padding:4px 0px 4px 17px; border:none; background-position:left center; font-size:12px; font-family:Arial; color:#666666; cursor:pointer;}
#save_but  {background:url(images/icones/save.png) no-repeat; padding:4px 0px 4px 17px; border:none; background-position:left center; font-size:12px; font-family:Arial; color:#666666; cursor:pointer;}
*/
											
/* Icones */
/*
.icon {margin:0 4px -2px 0;}
.petit_decalage {margin:0 5px 0 5px;}
.decalageBas {margin:0 0 -10px 0;}
*/


/* Bases */
ul{margin-left: 0; padding-left: 0; list-style-position: inside;}
a{color: #b70034;}
h6 {font-size:14px; margin:10px 0 5px 0;}
/*
.text_left {text-align:justify; padding:10px;}
.link {text-decoration:none;}
.gauche {float:left;}
.gauche50 {float:left; margin:0 50px 0 0;}
*/
a img {border:0;}

input[type="text"], input[type="password"], textarea, select {outline: none;}
*:focus { outline:none; }


/* ToolTip */
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span 
{
    z-index:10;display:none; padding:14px 20px;
    margin-top:-25px; margin-left:-310px;
    width:240px; line-height:16px;
}
a.tooltip:hover span
{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;
}

a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 2px 2px 8px #CCC;
    -webkit-box-shadow: 2px 2px 8px #CCC;
    box-shadow: 2px 2px 8px #CCC;
}
.tooltipi {z-index:20;position:absolute;top:20px;border:0;right:-12px;}

/* owEditor */
.owEditor
{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;

}

.owEditor textarea {width:100%; height:220px;}

.owEdit-panel 
{
	padding:11px 15px 12px 15px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.owEdit-panelContain{}
#owEdit-main, .owEdit-main {width:100%;}

/* Tableaux / Input / Textarea / Select*/

input[type=text], input[type=password] {min-width:400px;}
input, select, textarea
{
	border:none;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;

}

input, select 
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

select, textarea
{
	min-width:100%;
	min-height:33px;
	margin:0 0 20px 0;
	background:#FFFFFF;
	
	/*Against the Shadow*/
	-webkit-appearance: none; 
	appearance: none;
	padding:7px 5px;
}

table td a img {margin:0 0 -3px 5px;}

table.Full a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table.Full a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table.Full a:active,
table.Full a:hover {
	color: #bd5a35;
	text-decoration:underline;
}

table.Full {
	
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	
	width:100%;
	
	margin-bottom:20px;
}
table.Full th {
	padding:11px 15px 12px 15px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.Full th:first-child{
	text-align: left;
	padding-left:20px;
}
table.Full tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.Full tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.Full tr{
	text-align: center;
	padding-left:20px;
}
table.Full tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table.Full tr td {
	padding:10px 20px 10px 20px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.Full tr.darkRow td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.Full tr:last-child td{
	border-bottom:0;
}
table.Full tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.Full tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.Full tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

.ZoneTexte 
{
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
	
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	
	border:#ccc 1px solid;
	
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	
	margin-bottom:20px;
}

#Content .ZoneTexte h4
{
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	
	padding:11px 15px 12px 15px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}

.ZoneTexte p {padding:0 20px 10px 20px;}
.ZoneTexte ul {margin:0 0 0 40px;}
.Center {width:100%;}



.NotificationZone {display:inline; text-align:left;}
.NotificationZone li 
{
	position: relative;
	list-style: none;
	display:inline;
	padding:5px;
	width:250px;
}

.NotificationZone li ul li
{	
	background:rgba(0,0,0,0.80); 
	border-bottom: 1px solid #4F4F4F;
}

.NotificationZone li ul li:hover
{	
	background:rgba(20,140,180,0.80); 
	border-bottom: 1px solid #4F4F4F;
}


.NotificationZone li a 
{	
	text-decoration: none;	
	font-size: 12px;
	font-weight:200;
	color: #FFFFFF;
}




.NotificationZone ul 
{
	position: absolute;
	margin:4px 0 0 -105px;
	display: none;
	width:250px;
	z-index:3;
}

.NotificationZone li:hover > ul { display: block; }



.NotificationZone ul li a 
{
	padding:0 15px 0 15px;
	margin: 0;
	border: none;
	line-height:30px;
}

.NotificationZone ul li {display:block;}
.NotificationZone ul li ul li img {margin:0 0 0 50px;}
.NotificationZone ul li:last-child a { border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.NotificationZone ul li:last-child  
{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/* ====== Admin BOX ======= */
#Administration
{
	width:350px;
	position:absolute;
	top:30%;
	left:50%;
	margin:-175px 0 0 -175px;	
}
#Administration a {color:#FFFFFF;}
#Administration h6 {margin:3px 0 20px 0;}
#Administration p {margin:0 0 20px 0;}
#Administration h1, #Administration h6, #Administration p {font-size:12px; text-align:center; color:#EAEAEC; font-weight:bold; text-shadow:1px 1px 0 #606062;}
#Administration input {min-width:200px;}
#Administration .input_button, #Administration .input_text {width:235px; height:35px;}

#Layout
{
	width:350px;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -175px;
	background:url(images/sidemenu.png);
	border-right:1px solid #4E4F50;
	border-left:1px solid #4E4F50;
}