/* CSS Document */
* {margin:0; padding:0;}
html {font-size: 100%;}
body {font-size: 12px; background:url(../images/layout/bg_body.jpg) repeat-x left top #c4c5c6; margin:0; padding:0;
    font-family:Arial, Helvetica, sans-serif; color: #5c646e;
}

/******************************/
/* STRUCTURE GLOBAL DU LAYOUT */
/******************************/
#leasyweb_header {height:100px; position:relative;}
#leasyweb_menu {margin:0 0 0 0; padding:0 0 0 200px; min-height:21px; min-width:780px;}
#leasyweb_leftFrame {position:relative;width:185px; float:left;}
#leasyweb_mainFrame {position:relative; width:auto;
    background-color:#FFF;  margin-left:190px;
    min-width:790px;
    -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
}
#leasyweb_footer {color:#5c646e; text-align:right; font-weight:bold; padding:5px 5px 0 0;}
#leasyweb_footer a {color:#5c646e;}


/******************************/
/* HEADER                     */
/******************************/
#leasyweb_header h1 {position:absolute; top:0; left:0; z-index:1; width:104px; height:97px; display:block; background:url(../images/logo_leasyweb.png) left top no-repeat; margin:0 0 0 10px;}
#leasyweb_header h1 span {display:none; visibility:hidden;}
#header_toolbar {position:absolute; right:5px; top:0px; color:#fff;}
#header_toolbar span {font-weight:bold;}
#leasyweb_header #flare {position:absolute; z-index:0; top:0; left:0; height:100px; width:902px; display:block; background: url(../images/flare.png) no-repeat left top;}


/******************************/
/* MENU PRINCIPAL (ONGLETS)   */
/******************************/
#leasyweb_menu ul {list-style:none;}
#leasyweb_menu ul li {
    float:left; background-color: #787c83; margin: 0 2px 0 2px;
    -webkit-border-radius: 4px 4px 0px 0px; 
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}
#leasyweb_menu ul li a { 
    margin:1px 1px 0 1px; padding:2px 3px 2px 3px;
    display:block;
    background:#adafb3 url(../images/bg_greyButton.gif) repeat-x left top;
    -webkit-border-radius: 4px 4px 0px 0px; 
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    color: #666; text-decoration: none;
    font-family: Arial; font-size: 13px;
}
#leasyweb_menu ul li.selected a, #leasyweb_menu ul li.selected a:hover,
#leasyweb_menu ul li.vert.selected a, #leasyweb_menu ul li.vert.selected a:hover {
	color: #787c83; background:#fff url() repeat-x left top; font-weight: bold;
}
#leasyweb_menu ul li a:hover {color: #787c83; background: url(../images/bg_greyButton_over.gif) repeat-x left top;}
#leasyweb_menu ul li.vert a {color: #68743e; background: url(../images/layout/bg_degrade2.gif) repeat-x left top;}
#leasyweb_menu ul li.vert a:hover {color: #68743e; background: url(../images/layout/bg_degrade2-2.gif) repeat-x left top;}


/******************************/
/* LIENS TEXTE                */
/******************************/
a.link_white {color:#fff; text-decoration:none;}
a.link_white:hover {text-decoration:underline;}
a.link_blue {color:#5c646e; text-decoration:none; font-weight: bold;}
a.link_blue:hover {text-decoration:underline;}
/*a.add {
    position:relative; top:6px;
    background: url(../images/add.png) no-repeat 0 0;
    padding:1px 0 0 18px;
    color:#798f31; font-weight:bold;
    text-decoration: none;
}
a.add:hover {color:#409b28;}
a.cancel:hover {color:#3f5765;}*/

/******************************/
/* CHARGEMENT PRINCIPAL       */
/******************************/
#mainLoading {
    position: absolute; top: 45px; right: 0px; 
    background-color: #fff; color: #333;
    padding: 2px 4px 2px 4px; margin: 0 auto 0 auto;
    font-weight: bold;
    -webkit-border-radius: 2px 0px 0px 2px; -moz-border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px;
}

/*******************************/
/* CHAPMS RETOUR ERREUR        */
/*******************************/
ul.error_list {margin:0; padding:0; list-style: none;}
ul.error_list li {margin:0; padding:0; color:#ff0000;}
.rouge {color: red;}
#successReturn {
    position: absolute; top: 45px; right: 0px; 
    background-color: #96be10; color: #333;
    padding: 2px 4px 2px 4px; margin: 0 auto 0 auto;
    font-weight: bold;
    -webkit-border-radius: 2px 0px 0px 2px; -moz-border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px;
}

/******************************/
/* FIL D'ARIANNE              */
/******************************/
#arianne {margin:0 0 0 8px; position:relative; top:3px;color:#787c83;}
#arianne a {color:#787c83; text-decoration: none;}
#arianne a:hover {text-decoration: underline;}


/*******************************/
/* FRAMEWORK TITLE & CONTENT */
/*******************************/
td {vertical-align: top;}
.frameworkToolbar {
    position:relative;
    background:#787c83 url(../images/bg_frameworkToolbar.gif) repeat-x;
    padding:0px 0px 0 0px;
    margin:8px 6px 0 6px; min-height:22px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.frameworkToolbar h3 {
    background: none;
    margin:0 0 0 0;
    padding:3px 0 0 4px;
    color:#fff;
    font-variant: small-caps;
    font-size:14px;
}
.frameworkContent {
    margin:0 10px 0px 10px; padding:0; 
    border:1px solid #5c646e; border-top:0; 
    background: #f1f1f1; position: relative;
}
.frameworkContent p {padding: 4px;}
/* frameworkContent vert */
.frameworkToolbar.green {background:#96be10 url(../images/layout/bg_degrade2.gif) repeat-x;}
.frameworkContent.green {background: #eaefda; color: #68743e; border: 1px solid #96be10; border-top:0; }

/*******************************/
/* FRAMEWORK CONTENT TOOLBAR   */
/*******************************/
.frameworkContentToolbar,
.frameworkContentToolbar2 {background-color: #d1d4da;}

.frameworkContentToolbar table,
.frameworkContentToolbar2 table {width: 100%;}
.frameworkContentToolbar ul {list-style: none;}
.frameworkContentToolbar ul li {margin:0 10px 0 0; float:left;}
.frameworkContentToolbar ul li a {
    color: #666; text-decoration: none; margin: 0 0 0 0; padding: 3px 8px 3px 8px; display: block;
    font-weight: bold; font-family: Arial; font-size: 13px;
}
.frameworkContentToolbar a:hover {text-decoration: none;}
.frameworkContentToolbar a.buttonSubToolbarNormal {background-color: #d1d4da; color: #666; text-decoration: none;}
.frameworkContentToolbar a.buttonSubToolbarSelected {background-color: #f1f1f1; color: #666;}
.frameworkAjaxContent {position: relative; top: 0; left: 0;}



/*******************************/
/* FRAMEWORK BUTTONS           */
/*******************************/
/* Bouton Toolbar classique */
.toolbarButtonNormal, .toolbarButtonSelected, .toolbarButtonDisabled  {
    background: #939393; margin: 0px 4px 2px 4px; height: 22px; display: block; float: left;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.toolbarButtonDisabled {
    filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6; 
}
.toolbarButtonNormal:hover {background-color: #5c646e;}
.toolbarButtonNormal a, .toolbarButtonDisabled a, .toolbarButtonSelected a {
    background:#e3e3e3 url(../images/bg_greyButton.gif) repeat-x left top; 
    padding: 3px 6px 3px 6px; margin: 1px; position: relative;  
    color: #5c646e; display: block; 
    text-decoration: none; font-weight: bold; font-family: Arial; font-size: 11px;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;
    border-radius: 2px;    
}
.toolbarButtonDisabled a {cursor: default;}
.toolbarButtonNormal a:hover {color:#3e434c;}
.toolbarButtonNormal a:active {background:#939393 url(../images/bg_greyButton_over.gif) repeat-x left top;}
.toolbarButtonSelected a {background:#e3e3e3 url(../images/bg_greyButton_selected.gif) repeat-x left top; color: #fff;}

/* Bouton Toolbar pour menu */
.toolbarButtonMenuNormal, .toolbarButtonMenuSelected, .toolbarButtonMenuDisabled {
    width: 150px;
    background: #bbbbbb; 
    margin: 0px 4px 0px 4px; height: 22px; display: block; float: left;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.toolbarButtonMenuNormal .linkContainer, .toolbarButtonMenuSelected .linkContainer, .toolbarButtonMenuDisabled .linkContainer {
    height: 20px; background:#e3e3e3 url(../images/bg_greyButton.gif) repeat-x left top; 
    padding: 0px 0px 0px 0px; margin: 1px; position: relative;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.toolbarButtonMenuDisabled  {filter : alpha(opacity=60); -moz-opacity : 0.6; opacity : 0.6; }
.toolbarButtonMenuSelected .linkContainer {background:#e3e3e3 url(../images/bg_greyButton_selected.gif) repeat-x left top;}
.toolbarButtonMenuNormal:hover {background-color: #939393;}
.toolbarButtonMenuNormal a, .toolbarButtonMenuSelected a, .toolbarButtonMenuDisabled a {
    background:url(../images/bg_toolbarButton_menu.gif) no-repeat 132px 0; 
    margin: 0px 0px 3px 0px;  position: relative; padding: 3px 15px 2px 6px;  
    color: #3e434c; display: block; 
    text-decoration: none; font-weight: bold; font-family: Arial; font-size: 11px;
}
.toolbarButtonMenuSelected a { background:url(../images/bg_toolbarButton_menu.gif) no-repeat 132px -20px; color: #fff;}
.toolbarButtonMenuDisabled a {cursor: default;}

/* Bouton Toolbar Image */
.toolbarButtonImageNormal {    
    background: #bbbbbb; 
    margin: 0px 4px 0px 4px; height: 22px; display: block; float: left;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.toolbarButtonImageNormal .linkContainer {
    height: 20px; background:#e3e3e3 url(../images/bg_greyButton.gif) repeat-x left top; 
    padding: 0px 0px 0px 0px; margin: 1px; position: relative;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.toolbarButtonImageNormal:hover {background-color: #939393;}
.toolbarButtonImageNormal a {
    margin: 0 0 3px 0;  position: relative; padding: 0 0 0 0;  
    display: block; 
    height: 20px;width: 33px;
    text-decoration: none;
}
.toolbarButtonImageNormal a span {display: none;}
.toolbarButtonImageNormal a.addContacts {background:url(../images/toolbarButtonImage_add-contacts.png) no-repeat 2px 0;}
.toolbarButtonImageNormal a.addGroup {background:url(../images/toolbarButtonImage_add-groupe.png) no-repeat 2px 0; width: 33px;}
.toolbarButtonImageNormal a.removeContacts {background:url(../images/toolbarButtonImage_remove-contacts.png) no-repeat 2px 0;}
.toolbarButtonImageNormal a.search {background:url(../images/toolbarButtonImage_search.png) no-repeat 2px 0; }
.toolbarButtonImageNormal a.order {background:url(../images/toolbarButtonImage_order.png) no-repeat 2px 0; }

/* Menu bouton toolbar*/
.toolbarButtonMenuContainer {
    position: absolute; right: 2px; top:22px;
    background-color: #cccccc; max-height: 250px; overflow: auto;
    width: 143px;
    border:1px solid #888888; border-top: 0;
}
.toolbarButtonMenuContainer ul {list-style: none;}
.toolbarButtonMenuContainer ul li {margin: 0 0 1px 0; background-color: #f7f7f7;}
.toolbarButtonMenuContainer ul li.last {margin: 0}
.toolbarButtonMenuContainer ul li a {
    display: block; padding: 2px 2px 2px 2px; margin-right: 1px;
    background-color: #f7f7f7;
    text-decoration: none;
    color: #666;
}
.toolbarButtonMenuContainer ul li a:hover {background-color: #f0f1f3; }

/* Bouton classique */
a.buttonNormal {
    background:#e3e3e3 url(../images/bg_greyButton.gif) repeat-x left top; 
    border:1px solid #939393;
    font-size: 11px;
    padding: 3px 4px 3px 4px;  position: relative;  
    color: #5c646e; 
    text-decoration: none; font-weight: bold; font-family: Arial; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;    
}
a.buttonNormal:hover {text-decoration: none; border:1px solid #939393;}

/*******************************/
/* FORMUALAIRE TABLE           */
/*******************************/
.formulaire {width: 99%;}
.formulaire th {width: 175px; font-weight: normal; vertical-align: top; text-align: left;}
.formulaire td.button {width: 40px;}
.formulaire td input[type=text], 
.formulaire td textarea, 
.formulaire td select {padding: 1px; width: 100%; border:1px solid #5c646e; background: #fff; margin: 2px; font-family: Arial; font-size: 11px;}
.formulaire td input[type=text]:focus,
.formulaire td textarea:focus {border:2px solid #787c83;margin: 1px;}
.formulaire td.date select, .formulaire td select.date {width:80px;}
input[type=submit], input[type=button] {border: 1px solid #939393; background-color: #fff; color: #5c646e; font-weight: bold;
    -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px; padding: 1px 3px 1px 3px; cursor: pointer;
    background: url(../images/bg_greyButton.gif) repeat-x;
}
input[type=submit]:hover, input[type=button]:hover {border: 1px solid #5c646e; color: #3e434c;}
input[type=submit]:active, input[type=button]:active {border: 1px solid #939393; background: url(../images/bg_greyButton_over.gif) repeat-x left top;}
.frameworkContent h3 {font-size:12px; font-variant: small-caps; border-bottom:1px solid #5c646e; margin:0 3px 2px 3px; padding-top: 6px;}

/*******************************/
/* FIELDSET UPLOAD FICHIERS    */
/*******************************/
fieldset.upload {
    background: #fff; border:1px solid #787c83;
    margin:5px; width:480px;
}
fieldset.upload legend {
    margin:0 0 0 10px; padding:1px 4px 2px 4px;
    font-weight: normal; color:#fff; font-variant: small-caps; 
    background: #787c83;
}
fieldset.upload p {margin:0 3px 0 3px;}
fieldset.upload p.help {font-size: 10px;}


/******************************/
/* SLIDER  NEWS               */
/******************************/
.link {cursor:pointer; color:#666}
.link:hover {color:#000}
.newsSlider {position:relative; overflow:hidden; height:125px; min-width:390px; margin-bottom:0px}
.newsSliderContent {position:absolute}
.newsSliderContent .upper {border-bottom:0px solid #5c646e}
.newsSection {padding:0px; height:125px;}
.newsSliderContent a {color:#5c646e; text-decoration: none; font-weight: bold;}
.newsSliderContent a:hover {text-decoration: underline;}

.pluginSlider {position:relative; overflow:hidden; height:165px; min-width:390px; margin-bottom:0px}
.pluginSliderContent {position:absolute}
.pluginSliderContent .upper {border-bottom:0px solid #5c646e}
.pluginSection {padding:0px; height:165px;}
.pluginSliderContent a {color:#5c646e; text-decoration: none; font-weight: bold;}
.pluginSliderContent a:hover {text-decoration: none;}
.pluginSliderContent a.buttonNormal:hover {text-decoration: none; border:1px solid #939393; color: #3e434c;}

/* Bouton infos */
a.buttonInfos {
    background:#e3e3e3 url(../images/bg_toolbar3.gif) repeat-x left top; 
    border:1px solid #939393;
    font-size: 11px;
    padding: 3px 4px 3px 4px;  position: relative;  
    color: #66772d; 
    text-decoration: none; font-weight: bold; font-family: Arial; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: default; 
}


/******************************/
/* PREVIEW ABONNEMENT         */
/******************************/
.previewAbo {width: 100%;}
.previewAbo th { text-align: left;}
.previewAbo td.point {background:url(../images/bg_point.gif) repeat-x; }
.previewAbo td.prix {width: 70px; text-align: right; font-weight: bold;}
.pluginImage {float: left; margin: 0 4px 4px 0; border: 1px solid #66772d;}

.ht {font-size: 10px;}