@import url("cms_tinyMCE.css");
@import url("../js/highslide/highslide.css");
/* CMS GLOBAL STYLES *******************************************************************************/
*,
html,
body { font-family:Verdana, Helvetica, Arial, Geneva; font-size:11px; color:#333; }
h1 { color:#333; font-size:12px; padding:0; margin:0; }
hr { color:#ccc; background:#ccc; border:none; height:1px; }
ul,
li { padding:0; margin:0; list-style-type:none; }
a { color:#333; text-decoration:none; }
a, div, ul, li {outline:none;}
a:hover {color:#A02014; text-decoration:none;}
fieldset { padding:5px 20px 20px 20px; margin:0; }
label { width:150px; float:left; padding:3px; }
p{margin:0; padding:0;}
input,
select,
textarea { margin:0 10px 0 0; padding:3px; font-size:11px; border:solid 1px #aaa; }
img { border:none; padding:0; margin:0; }
body { margin:0; background-color:#fff; }
/***************************************************************************************************/


/* CMS COMMON OBJECTS ******************************************************************************/

/* DIV CMScontent (le DIV CONTENU!) ******************/
/* Fieldset */
.CMS_fieldset { margin:0 0 20px 0; padding:0 10px 0 10px; border:solid 1px #999; text-align:left; }
.CMS_legend { padding:0 5px 0 5px; font-weight:bold; }
.CMS_fieldset form { margin:20px 0 10px 0; padding:0; }
fieldset p, fieldset.CMS_fieldset p { margin:0 0 7px 0!important; padding:0; }
/* Titres, infos, etc. */
.CMS_txt_bold { font-weight:bold; }
.CMS_txt_italic { font-style:italic; }
.CMS_txt_blue { font-weight:bold; color:#0066CC; }
.CMS_txt_red { color:#C00; }
.CMS_txt_green { color:#009933; }
.CMS_txt_normal { font-weight:normal; }
.message { color:#C00; font-weight:bold; text-align:center; }
/* INPUT / SELECT */
.input_small { width:20px; text-align:center; margin-right:20px; }
.input_normal { width:200px; }
.input_medium { width:250px; }
.input_large { width:300px; }
.input_extra_large { width:400px; }
.select_normal { width:200px; color:#555; }
.select_large { width:300px; }
/* SUBMIT */
.submit_small { background-color:#f5f5f5; padding:0; margin:0; }
.submit_normal { background-color:#f5f5f5; padding:1px 5px 2px 5px; margin:10px 0 0 0; }
.submit_large { background-color:#f5f5f5; width:100px; }
/* DIVs de séparation verticale */
div.CMSsep5 { height:5px; }
div.CMSsep10 { height:10px; }
div.CMSsep20 { height:20px; }
div.CMSsep30 { height:30px; }
div.CMSsep40 { height:40px; }
div.CMSsep50 { height:50px; }
div.CMSsep60 { height:60px; }
div.CMSsep70 { height:70px; }
div.CMSsep80 { height:80px; }
div.CMSsep100 { height:100px; }
/***************************************************************************************************/


/* GLOBAL SETTINGS *********************************************************************************/
fieldset.CMS_fieldset_settings { margin:0 0 20px 0; padding:0 10px 0 10px; border:solid 1px #999; }
fieldset.CMS_fieldset_settings label{width:180px;}
fieldset.CMS_fieldset_settings form { margin:20px 0 20px 0; padding:0; }
fieldset.CMS_fieldset_settings div { width:100%; margin-bottom:5px; }
fieldset.CMS_fieldset_settings input { width:300px; }
fieldset.CMS_fieldset_settings textarea { width:305px; }
fieldset.CMS_fieldset_settings .submit_large { width:100px; }
fieldset.CMS_fieldset_settings select { margin-bottom:5px; }
div.CMS_info_settings label { padding:0; }
div.CMS_info_settings p { padding:3px; }
fieldset.CMS_fieldset_settings hr { margin:0 0 15px 0; }
#loading { display:none; }
span.info_loading { color:#C00; }
/*HELP ICON*/
#help { margin:0 0 0 20px; }

fieldset.CMS_fieldset_settings div.readonly_settings{margin:0 0 15px 0;}
/***************************************************************************************************/


/* EDIT CONTENU ***********************************************************************************/
.CMS_fieldset div#submitBut { margin-top:10px; text-align:center; }
.CMS_fieldset #submitBut input { background:#f5f5f5; }
.CMS_fieldset #submitBut input:hover { background:#fff; }
/**************************************************************************************************/


/* UPDATE ITEM (for update inline) *****************************************************************/
form.CMS_form_edit_item { background-color:#fff; border:solid 1px #aaa; margin:10px 0 10px 0; padding:10px 0 10px 12px; }
form.CMS_form_edit_item input { margin:0 10px 0 0; padding:3px 0 3px 5px; }
form.CMS_form_edit_item select { width:207px; }
/***************************************************************************************************/


/* EDIT MENUS **************************************************************************************/
/*CHECK FORM MSG ___________________________________________________________________________________________*/
#msg {display:none; position:absolute; z-index:2000; background:url(../img/error_msg_bg.png) left center no-repeat; padding-left:7px; width:266px; height:66px;}
#msgcontent{display:block; background:none; padding:12px 5px 5px 5px; border:none; font-size:11px; color:#009EE0;}
/*__________________________________________________________________________________________________________*/

div.CMS_menu_item { background-color:#e5e5e5; border:solid 1px #aaa; width:99%; padding:0; margin:5px 0 5px 2px; overflow:auto; }
a.CMS_EM_L1,
a.CMS_EM_L2,
a.CMS_EM_L3 { margin-right:5px; padding:5px 0 5px 0; display:block; text-decoration:none; border-right:solid 1px #aaa; width:80%; float:left; }
a.CMS_EM_L1 { font-weight:bold; color:#069; text-indent:10px; }
a.CMS_EM_L2 { font-weight:bold; color:#777; text-indent:40px; }
a.CMS_EM_L3 { color:#666; text-indent:70px; }
a.CMS_EM_L1:hover,
a.CMS_EM_L2:hover,
a.CMS_EM_L3:hover { text-decoration:none; background-color:#fff; }
/* Ligne UPDATE Menu */
form.CMS_FEML1,
form.CMS_FEML2,
form.CMS_FEML3 { background-color:#fff; border:solid 1px #aaa; margin:0; padding:3px 0 3px 0; }
form.CMS_FEML1 { padding-left:12px; font-weight:bold; }
form.CMS_FEML2 { padding-left:42px; }
form.CMS_FEML3 { padding-left:72px; }
form.CMS_FEML1 input,
form.CMS_FEML2 input,
form.CMS_FEML3 input { margin:0 10px 0 0; padding:3px 0 3px 5px; }
form.CMS_FEML1 .submit_normal,
form.CMS_FEML2 .submit_normal,
form.CMS_FEML3 .submit_normal { margin:0; padding:1px 0 1px 0; }
#div_edit_menu { overflow:auto; width:100%; }
a.CMS_menu_delete { width:20px; height:20px; margin:1px 10px 0 0; display:block; float:right; background:url(../img/icon_delete.gif); }
a.CMS_menu_delete:hover { background:url(../img/icon_delete_over.gif) }
/* DIV Menu Show/Hide */
div.CMS_show_hide { float:left; overflow:auto; margin:0; }
div.CMS_show_hide form { margin:0; padding:0; }
div.CMS_show_hide input { vertical-align:middle; margin:2px 0 0 5px; border:none; }
/* DIV Menu Tools */
div.CMS_menu_tools { width:60px; text-align:right; overflow:auto; margin:7px 0 0 0; float:right; }
div.CMS_menu_tools a.CMS_arrow_up { background:url(../img/icon_up.gif) no-repeat; }
div.CMS_menu_tools a.CMS_arrow_down { background:url(../img/icon_down.gif) no-repeat; }
div.CMS_menu_tools a.CMS_arrow_up:hover { background:url(../img/icon_up_over.gif); }
div.CMS_menu_tools a.CMS_arrow_down:hover { background:url(../img/icon_down_over.gif); }
div.CMS_menu_item img,
div.CMS_menu_tools a.CMS_arrow_up,
div.CMS_menu_tools a.CMS_arrow_down { width:18px; height:14px; float:right; margin:0 5px 0 5px; }
/* SELECT New Menu */
form.CMS_form select#parent_id { height:23px; color:#C00; font-weight:bold; }
form.CMS_form option#level0 { padding-left:5px; color:#C00; }
form.CMS_form option#level1 { padding-left:21px; }
form.CMS_form option#level2 { padding-left:35px; font-weight:normal; }
option#level0,
option#level1,
option#level2 { padding:2px 0; }
option#level0,
option#level1 { font-weight:bold; text-transform:uppercase; margin-top:3px; }
option#level3 { padding-left:55px; font-weight:normal; } /* pour tinyMCE siteLinks select */

a#delete_link{position:absolute; right:20px; top:-25px;}
/**************************************************************************************************/



/*EDIT MENUS ***************************************************************************************/
/*SELECT New Menu*/
option.level0{padding-left:5px; color:#C00;}
option.level1{padding-left:21px;}
option.level2{padding-left:35px;}
option.level0, option.level1{margin-top:3px;}
option.level3{padding-left:55px; font-weight:normal;} /* pour tinyMCE siteLinks select */

/*UL LIST MENUS*/
.js #menus .menusL1{display:none;} /*To block the flash list apparition on load*/
ul.menusL1 li{display:block; position:relative; margin-bottom:2px; clear:both;}

/*a trigger*/
ul.menusL1 li a{display:block; background-repeat:no-repeat!important;}
ul.menusL1 li a.trigger{margin:0 0 2px 0; padding:8px 0 0 0; height:20px; color:#333!important; border:solid 1px #ccc; background:#e5e5e5 url(../img/menus_plus.png)}
ul.menusL1 li a.trigger:hover, ul.menusL1 li a.trigger.segment:hover{background-color:#fff;}
ul.menusL1 li a.trigger, ul.menusL1 li a.trigger.open{background-position:8px center;}
ul.menusL2 li a.trigger, ul.menusL2 li a.trigger.open{background-position:38px center;}
ul.menusL3 li a.trigger, ul.menusL3 li a.trigger.open{background-position:58px center;}

ul.menusL1 li a.trigger.open{background-image:url(../img/menus_minus.png);}
ul.menusL1 a.trigger.active, ul.menusL1 span.menu_tools.active, span.menu_tools:hover{background-color:#fff; border-color:#777; color:#C00;}
ul.menusL1 .last-child a.trigger{background-image:none!important; cursor:default;}

/*Expand All Switch*/
ul.menusL1 li.switch{width:150px; float:right; margin:-32px 21px 0 0;}
ul.menusL1 li.switch a, ul.menusL1 li.switch a.trigger{padding:0 20px 0 0; font-size:12px; text-align:right; background:url(../img/menus_expand.png) no-repeat right 1px!important; border:none; cursor:pointer!important;}
ul.menusL1 li.switch a.open{background:url(../img/menus_collapse.png) no-repeat right 1px!important;}

a.trigger.L1{font-weight:bold; color:#333; text-indent:30px;}
a.trigger.L2{color:#000; text-indent:60px;}
a.trigger.L3{color:#666; text-indent:90px;}


/*Home Icon*/
span.home_icon {display:block; width:20px; height:20px; background:url(../img/icon_home_page.png) no-repeat; float:right; margin:-2px 200px 0 0;}

/*MENU TOOLS _______________________*/
span.menu_tools{display:block; height:28px; width:180px; position:absolute; right:0; top:1px;/*height of parent's border*/ border-left:solid 1px #ccc; background-color:transparent!important;}
span.menu_tools.active{background:none!important;}

a.icon_edit,
a.icon_edit_text,
a.menus_is_article,
a.eye,
a.handle
{display:block; margin:4px 0 0 20px; cursor:pointer; width:20px; height:20px; float:left;}

span.menu_tools a.icon_edit:hover,
span.menu_tools a.icon_edit_text:hover,
span.menu_tools a.menus_is_article:hover,
span.menu_tools a.menus_is_article.ye,
span.menu_tools a.eye.close,
span.menu_tools a.eye:hover,
span.menu_tools a.handle:hover
{background-position:-20px;}

/*HIDE SOME ICONS IF HOME*/
.vishidden{visibility:hidden;}

/*Edit Icon*/
a.icon_edit{background:url(../img/icon_edit.png);}

/*Edit Text Icon*/
a.icon_edit_text{background:url(../img/icon_edit_text.png);}

/*ARTICLE ICON*/
a.menus_is_article{background:url(../img/icon_is_article.png);}

/*Show/Hide Menus ICON*/
a.eye{background:url(../img/icon_eye.png);}

/*MOVE ICON*/
span.menu_tools a.handle{background:url(../img/icon_move.png); cursor:move;}
/*__________________________________*/

/*Delete Dialog DIV*/
div.dialog{padding:20px 10px 10px 10px;}
div.dialog .left{float:left; width:5%; height:100px; padding:0 0 0 5px;}
div.dialog .right{float:right; width:90%;}
div.dialog .right p{}
div.dialog .items{margin:10px 0; padding-left:20px; color:#CD1612; font-weight:bolder;}
div.dialog ul.children_list{margin:10px 0 10px 20px;}
div.dialog ul.children_list li{color:#CD1612; font-weight:bolder;}

/*Delete menu*/
a.delete.menu {position:absolute; right:20px; top:-42px;}
/***************************************************************************************************/





/* TEXT AS IMAGE ***********************************************************************************/
fieldset.CMS_fieldset_settings .CMS_link_mod { color:#333; margin-bottom:15px; }
fieldset.CMS_fieldset_settings .colorArea { width:306px; height:20px; border:solid 1px #999; }
/***************************************************************************************************/


/* UPLOAD OPTIONS *********************************************************************************/
fieldset.CMS_fieldset_settings .upload_mod_name{font-weight:bold; border-bottom:dotted 1px #333;}
/**************************************************************************************************/


/* EDIT MEMBERS ************************************************************************************/
div.CMS_list_item{background-color:#e5e5e5; border:solid 1px #aaa; width:99%; margin:0 0 5px 0; overflow:auto;}
a.CMS_lien_edit_item{font-weight:bold; color:#555; text-indent:10px; padding:5px 0 5px 0; display:block; text-decoration:none; border-right:solid 1px #aaa; width:90%; float:left;}
a.CMS_lien_edit_item:hover{text-decoration:none; background-color:#fff;}
a.CMS_lien_delete{width:20px; height:20px; margin:4px 0 0 20px; display:block; float:left; background:url(../img/icon_delete.gif);}
a.CMS_lien_delete:hover{background:url(../img/icon_delete_over.gif);}
/***************************************************************************************************/


/* ADMIN PANEL *************************************************************************************/
div#CMS_admin_panel{width:160px; border:solid 1px #999; position:absolute; z-index:100; right:5px; top:5px; padding:10px; background:#fff; }
div#CMS_admin_panel h1{color:#333; border-bottom:solid 1px #fff;}
/*LINK TO REDUCE PANEL***********/
div#CMS_admin_panel h1 a{background:#e5e5e5; padding:3px; text-align:center; margin:0;}
div#CMS_admin_panel h1 a:hover{background:#ccc;}
div#CMS_admin_panel_content{}
/*********************************/

div#CMS_admin_panel p { margin:0 0 5px 0; padding:0; }
div#CMS_admin_panel p.CMS_titre_panneau { margin:15px 0 5px 0; padding:3px 0 3px 0; color:#CC0000; border-bottom:solid 1px #ccc; }
div#CMS_admin_panel a {
display:block; margin:0 0 5px 0;
padding-left:15px;
background:url(../img/arrowMenu.gif) no-repeat left center;
color:#666;
text-decoration:none;
}
div#CMS_admin_panel a:hover { color:#333; text-decoration:none; background:url(../img/arrowMenu_current.gif) no-repeat left center; }
div#CMS_admin_panel .current { color:#333; font-weight:bold; text-decoration:none; background:url(../img/arrowMenu_current.gif) no-repeat left center; }
/***************************************************************************************************/


/* MODULES LIST ************************************************************************************/
#CMS_list_mod,
#CMS_list_mod li { margin-bottom:10px; }
#CMS_list_mod li div { }
a.CMS_link_mod { margin:3px 0; padding:5px; display:block; text-align:left; background-color:#e5e5e5; border:solid 1px #aaa; color:#333; font-weight:bold; }
a.CMS_link_mod:hover { background-color:#fff; text-decoration:none; }
.CMS_info_mod { width:60%; margin-top:10px; }
#CMS_list_mod img { float:right; border:solid 1px #aaa; margin-top:10px; }
.CMS_install_link_mod { display:block; padding:5px; background:#f5f5f5; width:100px; margin-top:20px; text-align:center; text-decoration:none; border:solid 1px #aaa; color:#333; }
.CMS_install_link_mod:hover { background:#fff; text-decoration:none; }
/***************************************************************************************************/
