@font-face {
    font-family: 'AgendaCustom';
    src: url('fonts/agenda_light-Agenda.eot');
    src: url('fonts/agenda_light-Agenda.eot?#iefix') format('embedded-opentype'),
         url('fonts/agenda_light-Agenda.woff') format('woff'),
         url('fonts/agenda_light-Agenda.ttf') format('truetype'),
         url('fonts/agenda_light-Agenda.svg#AgendaLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { margin: 0; background-color:#FFFFFF; color:#5f5e5e; background-repeat:no-repeat; background-position:top center; font-family:Arial, sans-serif; font-size:12px; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

#bg_wrap { background:url(../img/bg_wrap.jpg) center top repeat-x #e0e0e0; width:100%; }
#wrap { margin: 0 auto; width: 960px; padding:0 0 50px; }
#bg_gestion_image {background:url(../img/bg_image_gestion.jpg) repeat;}
#slogan { float:left; font-family:"AgendaCustom", Arial, sans-serif; font-size:16px; line-height:20px; }

.resize { color:#5f5e5e; text-decoration:none; position:absolute; right:15px; font-size:10px; }
.resize:hover { text-decoration:underline; cursor:pointer; }
#deconnexion { text-align:right; font-size:12px; float:right; line-height:20px; }

#deconnexion span { color:#5f5e5e; }
#deconnexion span strong{ color:#8f8f8f; }

#deconnexion a{ color:#5f5e5e; text-decoration:none; margin-left:50px }
#deconnexion a:hover{ text-decoration:underline; }

#back_head { background-color:#FFFFFF; width:100%; }

#main_header { width:960px; margin:0 auto; }
#header { overflow:hidden; position:relative; width:930px;  padding:0px 15px; margin:0 auto; }
#header_small { overflow:hidden; position:relative; width:930px;  padding:0px 15px; height:37px; display:none; margin:0 auto; }
#header_small #slogan{ line-height:40px; margin-left:10px;}
#header_small #deconnexion { line-height:40px; }
#back_menu { background:url(../img/back_menu.jpg) 0 top repeat-x; height:45px; background-repeat:repeat-x; width:100%; }

#resizer { float:right; margin:20px 38px 0 0; }
#resize_down { cursor:pointer; display:block; width:16px; height:9px; background:url(../img/arrow_down.png) 0 0 no-repeat; }
#resize_up { cursor:pointer; display:block; width:16px; height:9px; background:url(../img/arrow_up.png) 0 0 no-repeat; }
#menu { width:950px; margin:0 auto;}

#back_foot { background-color:#4C9742; height:5px; margin-top:10px; }

#footer { width:950px;  margin:0 auto 10px; }

img { border:none; }
.opaque {
		opacity: .5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		z-index:1000; 
		background: black; 
		position:absolute;
			border-radius: 10px 10px 10px 10px;
		box-shadow: 8px 10px 10px -7px #000000;
	}
.opaque_item {
		opacity: .5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		z-index:1000; 
		background: black; 
		position:absolute;
			border-radius: 10px 10px 10px 10px;
		box-shadow: 8px 10px 10px -7px #000000;
	}
.left { float:left; }
.right { float:right; }
.clear { clear:both; height:0px; font-size:0px; }

/* Top Menu */

#menuh { float:left; width:90%; font-size:14px; color:#FFFFFF; }
	
#menuh span { font-weight:bold; background:url(../img/back_menu_item.png); text-align: center; display:block; white-space:nowrap; margin:0; padding: 1px 10px; cursor:default; height:43px; line-height:43px; text-transform:uppercase; }

#menuh ul:hover { color:#5f5e5e; background-color:#FFFFFF; }
#menuh ul:hover span { background-position:0 -45px; }
#menuh ul li a { font-weight:bold; background-image:url(../img/back_menu_item.png); color:#FFFFFF; text-align: center; display:block; white-space:nowrap; margin:0; padding: 1px 10px; height:43px; line-height:43px; text-transform:uppercase; }

#menuh ul li a:link, #menuh a:visited, #menuh a:active { text-decoration:none; }

#menuh ul li a:hover { color:#5f5e5e; text-decoration:none; background-position:0 -45px; background-color:#FFFFFF; }

#menuh ul li a img { height:30px; margin-top:5px; vertical-align:top; }	
#menuh ul li span img { height:30px; margin-top:5px; vertical-align:top; }	

#menuh ul { list-style:none; margin:0; padding:0; float:left; }

#menuh li { position:relative; min-height: 1px; vertical-align: bottom; }

#menuh ul ul { position:absolute; z-index:500; top:auto; display:none; cursor:default; }

#menuh ul li ul li a { background:url(../img/back_sousmenu_item.png) 0 0 repeat-x #FFFFFF; color:#5F5E5E; text-align:center; display:block; white-space:nowrap; margin:0; padding: 1px 10px; height:40px; line-height:40px; text-align:left; text-transform:none; *width:100%; border-width:0 1px 1px 1px; border-style:solid; border-color:#cdcdcd; }

#menuh ul li ul li a:link, #menuh a:visited, #menuh a:active { text-decoration:none; }

#menuh ul li ul li a:hover { background-position:0 -40px; background-color:#4e4e4e; color:#FFFFFF; }	

#menuh ul li ul li ul li a { border-left: 1px #000000 solid; }

#menuh ul li ul li a img { height:20px; margin-top:5px; vertical-align:top; }	

#menuh ul ul ul { left:100%; top:0px; }

div#menuh li:hover { cursor:pointer; z-index:100; }

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{ display:none; }

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{ display:block; }

/* Login page */

body.login { }

#logo_nenuphar { display:block; float:left; line-height:100px; text-decoration:none; width:220px; text-align:center; }
#logo_nenuphar img { vertical-align:middle; }
#logo_nenuphar_small { display:block; float:left; line-height:37px; text-decoration:none; text-align:center; }
#logo_nenuphar_small img { vertical-align:middle; }
#logo_client { float:right; line-height:100px; }
#logo_client img { vertical-align:middle; }

#login_msg { font-size:18px; font-family:"AgendaCustom",Arial,Sans-serif; margin-bottom:12px; }

#top_shadow { width:960px; height:15px; margin:0 auto; background:url(../img/top_shadow.png) 0 0 no-repeat; }
#bottom_shadow { width:960px; height:15px; margin:0 auto; background:url(../img/bottom_shadow.png) 0 0 no-repeat; }
table#logo_box { margin:10px auto; }
table#logo_box tr td { height:113px; width:422px; vertical-align:middle; text-align:center; background-color:#FFFFFF; background-image:url(../img/box_logo.png); background-repeat:no-repeat; }

#login_box { margin:0 auto; padding: 100px 0 100px; width:315px; color:#5f5e5e; }
#login_box #submit { text-align:center; }

.login_input { width:307px; height:20px; margin-top:2px; line-height:20px; background:url(../img/bg_input.jpg) center top repeat-x; padding:3px; border:#bababa 1px solid; }

.info_msg{	font-size: 11px; color: #990000; float:right;}
#err_msg { margin:10px 0; color:#FF0000; height:15px; }
.err_msg {color:red;}
.login_link { font-size:11px; color:#666666; text-decoration:underline;}
.login_link:hover { text-decoration:none;}

.error_link { color:#990000; font-size:11px; text-decoration:underline;}
.error_link:hover { text-decoration:none;}

input.on { border:#FF0000 1px solid; }

#aide_contact { padding-top:5px; font-size:11px; line-height:normal; color:#5f5e5e; float:left; text-align:left; width:375px; }
#copyright { font-size:11px; color:#5f5e5e; float:right; text-align:right; }

/* Module */
.sfont { font-size:18px;  font-family:"AgendaCustom",Arial,Sans-serif; }
.input { width:313px; height:20px; margin-top:2px; line-height:20px; background:url(../img/bg_input.jpg) center top repeat-x; padding:3px; border:#bababa 1px solid; }
.center { text-align:center; }
.close { font-size:20px; float:right; padding:2px; cursor:pointer; }
.textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px;  width:313px; height:63px; background:url(../img/bg_input.jpg) center top repeat-x #FFFFFF; border:#bababa 1px solid; padding:3px; resize:none; }
#overlay { display:none; width:100%; height:100%; position:fixed; background:url(../img/bg_overlay.png) 0 0 repeat; z-index:6; }
#popup_ctn { margin:0 auto; width:372px; position:relative; }
#popup { width:340px; height:425px; position:fixed; z-index:7; top:140px; padding:0px 5px 22px 22px; border:1px solid #bababa; background-color:#ffffff; border-radius:10px; box-shadow:0 2px 1px #d9d9d9; }
#msg_support { color:#C55A5A; text-align:center; }
h1 { font-size:14px; width:933px; margin:15px auto; }

.msg_info { float:right; font-size:12px; color:#C55A5A; padding:0 6px; line-height:18px; }

.btn { background-image:url(../img/back_btn.png); background-repeat:repeat-x; height:21px; padding:2px 5px; color:#FFFFFF; line-height:21px; text-align:center; background-color:#4C9742; margin-right:9px;}
.btn img{ height:25px; line-height:25px; margin-left:5px; margin-right:-18px; vertical-align:middle;}

#main { width:913px; padding:10px; border:1px solid #bababa; background-color:#ffffff; border-radius:10px; box-shadow:0 2px 1px #d9d9d9; margin:0 auto; }
#main_head { margin-bottom:10px; }
#main_content { }
#main_foot { margin:10px 0 0; text-align:right; }

.main_module { width:110px; float:left; text-align:center; margin-right:25px; margin-bottom: 15px; }
.main_module.last { margin-right:0px; }
.main_module a { margin:0 auto; width:100px; height:100px; background:url(../img/bg_module.png) 0 0 no-repeat; display:block; border-radius:10px; }
.main_module a:hover { background-position:0 -100px; box-shadow:0 0 5px #FFC6c7;  } 

.mini_btn_add {float:left;width:19px;height:19px; display:block; background:url(../img/add.gif);}
.mini_btn_del {float:left;width:18px;height:24px; display:block; background:url(../img/del.gif);}
.mini_btn_view {float:left;width:22px;height:23px; display:block; background:url(../img/view.gif); background-repeat: no-repeat;}
.mini_btn_edit {float:left;width:19px;height:22px; display:block; background:url(../img/edit.gif);}
.mini_btn_export {float:left;width:19px;height:22px; display:block; background:url(../img/export.png);}
.mini_btn_import {float:left;width:19px;height:22px; display:block; background:url(../img/import.png);}
.mini_btn_continue {float:left;width:19px;height:22px; display:block; background:url(../img/arrow_green.png);}
.mini_btn_duplicate {float:left;width:21px;height:25px; display:block; background:url(../img/duplicate.png);}

a.edit_btn { font-size:18px; cursor:pointer; text-decoration:none; display:inline-block; height:39px; color:#5f5e5e; font-family:"AgendaCustom",Arial,Sans-serif; }
a.edit_btn span { float:left; display:block; }
a.edit_btn span.back { width:40px; height:35px; background:url(../img/edit_btn_back.png) 0 0 no-repeat; }
a.edit_btn span.visual { width:41px; height:35px; background:url(../img/edit_btn_visual.png) 0 0 no-repeat; }
a.edit_btn span.save { width:43px; height:35px; background:url(../img/edit_btn_save.png) 0 0 no-repeat; }
a.edit_btn span.mid { padding:0 10px 0 15px; background:url(../img/edit_btn_mid.png) 0 0 repeat-x; line-height:35px; height:35px; }
a.edit_btn span.right { background:url(../img/edit_btn_right.png) 0 0 repeat-x; width:10px; height:35px; }
a.edit_btn:hover span { background-position:0 -35px; }


a.big_btn { font-size:18px; cursor:pointer; text-decoration:none; display:inline-block; height:39px; color:#5f5e5e; font-family:"AgendaCustom",Arial,Sans-serif;}
a.big_btn span { float:left; display:block; }
a.big_btn span.left {  background:url(../img/big_btn_left.png) 0 0 no-repeat; width:10px; height:39px; }
a.big_btn span.mid { padding:0 20px; background:url(../img/big_btn_mid.png) 0 0 repeat-x; line-height:35px; height:39px; }
a.big_btn span.mid img { vertical-align:middle; margin-right:10px; }
a.big_btn span.right { background:url(../img/big_btn_right.png) 0 0 no-repeat; width:10px; height:39px;}
a.big_btn:hover span { background-position:0 -39px; }

a.small_btn { font-size:12px; cursor:pointer; text-decoration:none; display:inline-block; height:25px; color:#5f5e5e; font-family:Arial,Sans-serif; vertical-align:middle; margin-left: 15px;}
a.small_btn span { float:left; display:block; }

a.small_btn span.action.add { background:url(../img/small_btn_add.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn span.action.back { background:url(../img/small_btn_back.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn span.action.browse { background:url(../img/small_btn_browse.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn span.action.edit { background:url(../img/small_btn_edit.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn span.action.view { background:url(../img/small_btn_view.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn span.action.movie { background:url(../img/small_btn_movie.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn span.action.del { background:url(../img/small_btn_del.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn:hover span.action { background-position:0 -25px; }

a.small_btn span.mid { padding:0 5px; background:url(../img/small_btn_mid.jpg) 0 0 repeat-x; line-height:25px; height:25px; }
a.small_btn span.right { background:url(../img/small_btn_right.png) 0 0 no-repeat; width:10px; height:25px;}
a.small_btn span.right.flip { background:url(../img/small_btn_right.png) 0 0 no-repeat; width:10px; height:25px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

select#addxmlelement { width: 300px; margin-left: 10px;}

table.module { width:100%; border:0 none; border-collapse:collapse; }
table.module thead { background-color:#4e4e4e; color:#FFFFFF; }
table.module thead tr th{ line-height:30px; height:30px; font-weight:normal; }
table.module thead tr th a{ text-decoration:none; color:#FFFFFF;}
tr.color { background-color:#ccc; }
tr.sub_color { background-color:#f3f2f2; }

table.module td.l, table.module th.l{ text-align:left; padding-left:10px;}
table.module td.c, table.module th.c{ text-align:center;}
table.module td.r, table.module th.r{ text-align:right; padding-right:10px;}
table.module tbody tr { height:35px; }
table.module tbody tr.hover:hover{ background-color:#B6B6B6; cursor:pointer; }
table tbody tr td a.img_row img{ vertical-align:middle; margin:10px 5px; }
tr.space {height:2px;}
table.innermodule { width:100%; border-collapse:collapse; }
table.innermodule tr td{ padding:10px 0; }

#tbody_cat .fix { width:320px; } 

.input_small { text-align:center; width:25px; margin-right:10px; float:right; }

#form input, #form select { border:1px #000000 solid; width:150px; }
#form .radio-container{
    display: inline-block;
    min-width: 100px;
    text-align: left;
}
#form .radio-container input{
    margin-right: 15px;
    width: auto;
}
#form select#chapitre, #form select#section, #form select#type, #form select#motscles { width:200px; margin-bottom:5px;}
#form select.addElementXML { width:200px; margin:0 0 10px 0; }

#greyTinyMCE { background:none repeat scroll 0 0 #000000; display:block; height:100%; opacity:0.5; filter: alpha(opacity = 50); position:absolute; width:100%; z-index:2; }
.box_acces_rapide {padding: 10px; margin:0 0 5px 0;
border: 1px solid #BABABA;
background-color: white;
border-radius: 10px;
box-shadow: 0 2px 1px #D9D9D9;}

#soumission th {
    text-align:left;
    padding:0 0 0 20px;
}

#soumission tr td {
    text-align:left;
    padding:0 0 0 20px;
}

#soumission tr.tablerow:nth-child(odd) {
    background-color:#ccc;
}

#soumission tr.tablerow:nth-child(even) {
    background-color:#fff;
}

.cke_skin_kama .cke_contents iframe {
    background-color: #FFF;
    max-width: 100% !important;
}

.nenu_module {
    display: block;
    font-size: 20px;
    width: 933px;
    margin: 15px auto;
    color: #575150;
    font-weight: normal;
}

.nenu_module .filet_title, h2 .filet_title {
    display: block;
    width: 92px;
    height: 1px;
    background: #D3D3D3;
}

.nenu_thumb, .nenu_thumb_hover {
    width: 105px;
    height: 105px;
}

.main_module a .nenu_thumb_hover {
    display: none;
}

.main_module a:hover .nenu_thumb_hover {
    display: block;
}

.main_module a:hover .nenu_thumb {
    display: none;
}

.sec_produits_promos {  }
.sec_produits_promos .div_produit_promo {
	margin:10px 0 0 1%;
	width: 23%; 
	display:inline-block;
}