/* ================================================= */
/* This file created by Aivah                        */
/* Dated: 3rd Feb 2009	                             */
/* Copyright : 2009 Aivah.com                        */
/* Stylesheet: common.css                            */
/* ================================================= */


html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, b, p {
border : 0;
font-size : 100%;
font-family : inherit;
}
img,  input { behavior: url("iepngfix.htc") }
body {
background : #d5d5d5;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 1.5em;
color : #000000;
margin : 0;
}
.clearfix:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
.clearfix {
display : inline-block;
}
html[xmlns] .clearfix {
display : block;
}
* html .clearfix {
height : 1%;
}
#wrapper {
width : 100%;
height : auto;
margin : auto;
}
#toppart {
width : 100%;
height : auto;
margin : auto;
}
#footer {
width : 100%;
height : 100px;
margin : auto;
background : #414141;
}
p.copyright {
color : #cecece;
font : 1em Arial, Helvetica, sans-serif;
margin : auto;
padding : 10px 20px;
}
#header {
background : #ffffff url(../images/header.gif) repeat-x bottom left;
height : 75px;
width : 100%;
}
.logo {
margin : auto;
padding : 0 0 0 0;
}

.preloader{background:url(../images/prealoader.gif);width:64px;height:64px;margin:auto;}

#header span {
padding : 30px 30px;
font : bold 1em Arial, Helvetica, sans-serif;
color : #484848;
}
#header span small {
font : 11px Arial, Helvetica, sans-serif;
color : #f64e40;
}
.logo a:link {
color : #484848;
}
.logo a:hover {
color : #ffffff;
}
/* ================================================= */
/* 	 COLUMN CSS                               */
/* ================================================= */
#middlepart {
overflow : auto;
height : 100%;
background : #d5d5d5;
margin : auto;
padding : 20px 20px;
min-height:580px;
}

#leftcolumn {
width : 70%;
padding : 15px;
background : #ffffff;
float : left;
min-height:480px;
}

#leftnewsletter {
width : 800px;
padding : 15px;
background : #ffffff;
float : left;
min-height:480px;
}

#centercolumn {
padding : 15px;
background : #ffffff;
}

#rightcolumn {
width : 25%;
padding : 10px;
background : #ffffff;
float : right;
min-height:480px;
}

#newsletter
{
margin:20px 0 0 0;	
}

.chiffre{background:url("../images/menu.gif") repeat-x 0 0 #414141;border-radius:5px;width:200px;height:110px;margin-left:10px; padding : 0 10px;}
    .chiffre h4{font-size:16px;font-weight:bold;color:#FFF;}
    .chiffre span{color:#FFF;font-size:42px;margin-top:15px;display:inline-block;}
    .chiffre span.petit{color:#FFF;font-size:18px;margin-top:10px;}
    
    .chiffre:hover {cursor : default; border-bottom : 5px solid #A5C021; height : 105px;}
    .chiffre:hover * {color : #A5C021 !important;}


/* ================================================= */
/* 	 ToP MENU CSS                               */
/* ================================================= */
#menu {
background : #414141 url(../images/menu.gif) repeat-x;
height : 31px;
width : 100%;
}
#menu .topmenu {
width : 900px;
margin : auto;
}
/* ================================================= */
/* 	 Settings MENU   CSS                               */
/* ================================================= */
.settingsblock
{
width:auto;
background : #414141 url(../images/settingsbg.gif) top left repeat-x;
padding:0px 10px 5px 10px;
height:70px;
margin:auto 0 0px 0;
clear:both;
}
.settingsblock div
{
float:left;
font:normal 2em Arial, Helvetica, sans-serif;
color:#CCCCCC;
padding:20px 0 0 10px;
}
.settingsblock div a:visited, .settingsblock div a:active, .settingsblock div a:link
{
background :url(../images/arrow.gif) 0% 50% no-repeat;
padding:10px 10px;
float:left;
}
.settingsblock img
{ vertical-align:middle;}

.settingsblock a:link, .settingsblock a:visited, .settingsblock a:active
{ border:0px solid #d9d9d9;
display:inline-block;
margin:0 5px 0 0;
float:right;
padding:5px;
color:#fff;
font:normal 10px tahoma, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
}
.settingsblock a:hover
{ 
color:#f64e40;
}
/* ================================================= */
/* 	 SUB MENU   CSS                               */
/* ================================================= */
#submenu {
background : #fff URL(../images/submenu.gif) top left repeat-x;
/*padding : 1px 10px;*/
}
#submenu ul {
margin : 0;
padding : 5px;
}
#submenu li {
list-style : none;
display : inline;
font-weight : bold;
margin : 0 3px 0 0;
padding : 4px 10px;
}
#submenu li a {
color : #ececec;
}
#submenu li:hover {
color : #fff;background:URL(../images/menutop.gif) 50% 0% no-repeat;
}
#submenu li.iehoversm {
color : #fff;background:URL(../images/menutop.gif) 50% 0% no-repeat;
}

#submenu li a:hover {
color : #fff;
}

/* ================================================= */
/* 	 SIDEBAR MENU CSS                              */
/* ================================================= */
#sidebarmenu {
background : #fff;
padding : 1px 0px;
}
#sidebarmenu ul {
margin : 0;list-style : none;
padding : 0px;
}
#sidebarmenu li {
list-style : none;
font-weight : bold;
line-height:25px;
margin : 0 0px 1px 0;
padding : 4px 10px;
border-left:5px solid #414141;
background : #ededed;
}
#sidebarmenu li a {
color : #414141;
}
#sidebarmenu li:hover {
color : #f64e40;
}
#sidebarmenu li a:hover {
color : #f64e40;
}
#sidebarmenu .activesub
{
color:#f64e40;
}


/* ================================================= */
/* 	 SEARCH BAR CSS ITEMS                          */
/* ================================================= */
.searchbar
{
float:right;
padding: 3px 20px 0 0;
text-transform:uppercase;
color:#fff;
}
.searchbar input
{
padding:0px 10px;
}
#submenu img
{
vertical-align:middle;
}
/* ================================================= */
/* 	 Login Box CSS ITEMS                              */
/* ================================================= */
/*.loginform {
border-top : 0px solid #414141;
padding : 10px;
}
#login form .remember {
float : left;
}
form.loginform label { float:left;}
form.loginform input { clear:left;}
#login .forgot {
clear : both;
float : left;
}
#login form .submit input {
padding : 3px 8px;
border : none;
background : #39b54a;
text-transform : uppercase;
text-decoration : none;
color : #ffffff;
}
#login form .submit input:hover {
padding : 3px 8px;
border : none;
color : #ffffff;
background : #007236;
text-decoration : none;
text-transform : uppercase;
}
form .submit {
float : right;
}
#login {
width : 550px;
margin : 1em auto;
}
#userpass, #userlogin, #useremail {
font-size : 12px;
width : 97%;
padding : 3px;
}
.vmiddle 
{
 vertical-align:middle;
}
*/
/* ================================================= */
/* 	 COMMON CSS ITEMS                              */
/* ================================================= */
a:link, a:visited, a:active {
color : #484848;
text-decoration : none;
}
a:hover {
color : #f64e40;
text-decoration : none;
}
h1 {
font-size : 250%;
margin : 10px 0;
font-weight : normal;
}
h2 {
font-size : 210%;
margin : 8px 0;
font-weight : normal;
}
h3 {
font-size : 180%;
margin : 7px 0;
font-weight : normal;
}
h4 {
font-size : 140%;
margin : 5px 0;
font-weight : normal;
}
h5 {
font-size : 110%;
margin : 5px 0;
font-weight : normal;
}
h6 {
font-size : 92.5%;
margin : 5px 0;
font-weight : normal;
}
pre, code {
font : 1em/1.4em "Courier News", monospace;
color : #484848;
line-height : 1.5em;
}
/* ================================================= */
/* 	 MESSAGE BOX CSS                               */
/* ================================================= */
.success {
background : #e0ecd1 url(../images/success.gif) no-repeat 12px 50%;
border : 1px solid #60a400;
border-width : 5px 0 0 0;
color : #60a400;
}
.error {
background : #ffe3e1  no-repeat 12px 50%;
border : 1px solid #f14545;
border-width : 5px 0 0 0;
color : #f14545;
}
.notice {
background : #fff0db url(../images/warning.gif) no-repeat 12px 50%;
border : 1px solid #e7a74c;
border-width : 5px 0 0 0;
color : #e7a74c;
}
.notice, .success, .error {
font-size : 100%;
padding : 10px;
width : auto;
margin : 0 0 20px 0;
text-align : left;
}
.notice span, .success span, .error span {
font-weight : bold;
font-size : 18px;
padding : 2px 40px;
}
.success p, .error p, .notice p {
margin : 0;
padding : 0 40px;
color : #333333;
}
/* ================================================= */
/* 	 LIST ITEMS CSS                                   */
/* ================================================= */
.nums ul {
margin : 0;
padding : 0 10px;
}
.nums li {
list-style : decimal;
}
.squares ul {
margin : 0;
padding : 0 10px;
}
.squares li {
list-style : square;
padding : 0;
}
.circles ul {
margin : 0 10px;
padding : 0 10px;
float : right;
}
.circles li {
list-style : circle;
vertical-align : top;
}
/* ================================================= */
/* 	 RIGHTCOLUMN BOX CSS                               */
/* ================================================= */
.notes, .notes2{
background : #e8e8e8;
border : 1px solid #c5c5c5;
border-top : 7px solid #414141;
}
.notes {
font-size : 100%;
color : #484848;
padding : 20px;
width : auto;
margin : 0 0 10px 0;
text-align : left;
}

.notes2{
margin: 0 0 1% 1%;
color : #484848;
padding : 20px;
width : 28%;
text-align : left;
}

.notes p, .notes2 p {
margin : 0;
padding : 0;
clear : both;
}
.notes span, .notes2 span {
font-weight : bold;
font-size : 1.2em;
padding-bottom : 2px;
margin-bottom : 10px;
}
/* ================================================= */
/* 	 PAGINATION CSS                               */
/* ================================================= */
.pagelink {
width : 10px;
background : #e7e8e8 url(../images/page.gif) repeat-x bottom left;
border : 1px solid #b2b2b2;
color : #787878;
clear : both;
line-height : 35px;
text-decoration : none;
}
a.pagelink:active, a.pagelink:visited, a.pagelink:link {
width : 10px;
background : url(../images/page.gif) repeat-x bottom left;
border : 1px solid #b2b2b2;
color : #787878;
padding : 6px;
}
a.pagelink:hover {
width : 10px;
background : #fff url(../images/page.gif) repeat-x bottom left;
border : 1px solid #b2b2b2;
color : #f64e40;
padding : 6px;
}
.pagecurrent {
width : 10px;
background : #fff url(../images/page.gif) repeat-x bottom left;
border : 1px solid #b2b2b2;
color : #f64e40;
padding : 6px;
}
/* ================================================= */
/* 	 Small Box CSS                               */
/* ================================================= */
.mainbox {
width : auto;
}
div.boxcontainer {
color : #888;
width : 30%;
float : left;
min-height:100px;
font : normal 10px Tahoma, Arial, Helvetica, sans-serif;
background : #ffffff url(../images/boxb.gif) repeat-x top left;
padding : 5px;
margin : 0 0 1% 1%;
border : 1px solid #c6c6c6;
}
.boxcontainer h4 {
float : none;
font-size : 18px;
margin : 0;
font-family : Arial, Tahoma, Verdana, Sans-serif;
padding-bottom : 2px;
}
.boxcontainer h4 {
padding : 5px 0 5px 0;
}
a img.box_thumb, a:visited img.box_thumb {
float : left;
margin-right : 10px;
padding : 5px;
border : 1px solid #7a7a7a;
background : #7a7a7a;
}
a:hover img.box_thumb {
background : #fff;
}



/* ================================================= */
/* 	 TABLE BUTTONS CSS                               */
/* ================================================= */

a.submit:visited,a.submit:active,a.submit:link,   
a.add:visited,a.add:active,a.add:link,   
a.publish:visited,a.publish:active,a.publish:link,   
a.edit:visited,a.edit:active,a.edit:link,   
a.delete:visited,a.delete:active,a.delete:link,
a.reset:visited,a.reset:active,a.reset:link,
input.submit, input.add,input.publish, input.delete,button.delete, button.publish,input.edit
					{
	width:auto;
	margin: 0 2px 0 0;
	padding: 2px 8px;
	text-transform: uppercase;
	font:bold 10px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fff;
	white-space:nowrap;text-decoration:none;
}
	
a.publish 	{ background: #afd2ea; color:#ffffff; }
a.publish:hover { background: #0072bc; color:#ffffff;}

a.edit { background: #949ca1; color:#000000;}
a.edit:hover { background: #727c82; color: #ffffff; }

a.delete { background: #ffb5b5; color:#ffffff; }
a.delete:hover { background: #d80047; color:#ffffff;}

a.add { background: #99d177; color:#ffffff; }
a.add:hover { background: #00a651; color:#ffffff;}

a.reset { background: #96aabf; color:#ffffff; }
a.reset:hover { background: #6f7f90; color:#ffffff;}

a.submit { background: #12486b; color:#ffffff; }
a.submit:hover { background: #000000; color:#ffffff;}


input.submit { background: #464646; color: #FFF; border: none; padding: 8px 15px; font-size: 16px; cursor: pointer; outline : none; }
input.submit:hover { background: #707070; color: #FFF; border-bottom: 4px solid #333; padding-bottom: 6px; padding-top: 6px;}
input.submit:active {background: #5D5D5D; color: #FFF; border-top: 4px solid #3C3C3C; padding-bottom: 6px; padding-top: 6px; border-bottom : none;}

input.delete { background: #ffb5b5; color:#ffffff;border:none; }
input.delete:hover { background: #d80047; color:#ffffff;}

input.add { background: #99d177; color:#ffffff;border:none; }
input.add:hover { background: #00a651; color:#ffffff;}

input.publish 	{ background: #afd2ea; color:#ffffff;border:none; }
input.publish:hover { background: #0072bc; color:#ffffff;}

button.delete { background: #ffb5b5; color:#ffffff;border:none; }
button.delete:hover { background: #d80047; color:#ffffff;}

button.publish 	{ background: #afd2ea; color:#ffffff; }
button.publish:hover { background: #0072bc; color:#ffffff;}


input.edit { background: #949ca1; color:#ffffff;border:none;}
input.edit:hover { background: #727c82; color: #ffffff; }


.title-separator {color : #333; font-weight: bold; border-top: 2px solid #858585; border-bottom: 2px solid #858585; text-align: center; padding: 15px 0; background: #ECECEC; margin: 28px 0 16px 0;}
.title-campagne {color : #5E5E5E; font-weight: bold; border-bottom: 2px solid #858585; text-align: center; padding: 15px 0; text-transform : uppercase;}
.title-campagne .title-mailing { font-size: 18px; font-style: italic; color: #8C8C8C; text-transform: none; }


.error_message {color : #ec4524; text-align : center; font-size : 20px; margin : 5px 0; }


/******************************************************/
/***                    SESSIONS                    ***/
/******************************************************/
#notifications-container {}
#notifications-container .notif {
    text-align: center;
    padding: 4px 10px;
    background: #999;
    color : white;
    font-size: 1.6em;
    margin-bottom : 10px;
}
#notifications-container .notif-valid {
    background : rgb(98, 173, 15);
}
#notifications-container .notif-error {
    background : rgb(206, 70, 7);
}
#notifications-container .notif-warning {
    background : rgb(214, 192, 27);
}
#notifications-container .notif p {
    margin : 7px 0;
}


form .row-form {
    padding : 10px;
}
form .row-form:hover {
    background : #F1F1F1;
}
form .row-form label {
    padding : 5px 0px;
}
form .row-form label.checkbox-label {
    width: auto;
    float: none;
    display: inline;
    padding : 0px;
    padding-right : 14px;
}
form .row-form input {
    width : 360px;
}
form .row-form input.datepicker {
    width : 70px;
}
form .row-form input[type=checkbox], form .row-form input[type=radio] {
    width : auto;
}
form .row-form input, form .row-form select {
    padding : 3px 6px;
    margin : 0px;
}
form .row-form input.submit {
    padding : 8px 15px;
    width : auto;
}
form .row-form input.submit:hover {
    padding-bottom: 6px;
    padding-top: 6px;
}
form .row-form .required {
    font-weight : normal;
}
form .row-form .form-error {
    color : #D81515;
    padding : 20px;
    font-style : italic;
}

#filtres {
    float : right;
    text-align : right;
}/*****************************************************/
/***          SURCHARGE APERCU NEWSLETTER          ***/
/*****************************************************/
.apercu_newsletter table{ mso-table-lspace:0pt; mso-table-rspace:0pt; margin: 0;width:auto;line-height: 16px;}
.apercu_newsletter #menu-visunews{position:fixed;background:#000;color:#FFF;font-size:13px;padding:5px;}
.apercu_newsletter #menu-visunews a{color:#FFF; text-decoration: none;}
.apercu_newsletter a{text-decoration:none;margin: 0;}			
.apercu_newsletter{
    width: 780px;
    margin: auto;
}
.apercu_newsletter td{
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    border: none;
}
.apercu_newsletter td a{
    display: inline-block;
}
.apercu_newsletter img{
    padding: 0!important;
}
.apercu_newsletter .txt{
    margin-top: 20px;
}
.apercu_newsletter .txt td{
    text-align: left;
    text-align: -webkit-left;
    text-align: -moz-left;            
    width: 33%;
}
.div_chaleur_zone{
    font-size: 16px;
    z-index:9999;
    border:solid 2px white;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 0px 5px #000000;
}
.div_chaleur_zone:hover{
    cursor: pointer;
}
.infos_lien{
    border-radius: 5px;
    text-align: center;
    padding: 5px 5px 15px 5px;
    display: none;
    position: absolute;            
    background-color: rgba(230,230,230,0.6);
    z-index: 99999;
}
.legende_newsletter{
    border-radius: 5px;
    padding: 15px 5px;
    position: absolute;
    height: 110px;
    background-color: rgba(230,230,230,0.6);
    color: rgb(100,100,100);
    text-align: center;
    font-weight: bold;
}
.ligne_legende_newsletter{
    width: 90%;
    height: 20px;
    margin: 2px auto;
    color: #ffffff;
}
.btn_close_info_bulle{
    float:right;
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
}
.btn_close_info_bulle img{
    width: 20px;
    height: 20px;
}
.btn_close_info_bulle:hover{
    cursor: pointer;
}/******************************************************/
/***                    CALENDRIER                  ***/
/******************************************************/
/* Remise en forme calendrier par défaut */
.calendar_content{
    margin-top: 10px;
}
.calendar_content table{
    padding: 0;
    margin: 0;
}
.calendar_content tr,
.calendar_content td,
.fc-content-skeleton table{
    background-color: transparent!important;
}
/* Fin remise en forme du calendrier par défaut */
#info_popup{
    display: none;
    width: 320px;
    height: 80px;
    background-color: #ffffff;
    position: absolute;
    z-index: 9999;
    border: solid 1px gainsboro;
    padding: 5px 10px;
    border-radius: 5px;
}
.close_button{
    width: 25px;
    height: 25px;
    background: url('../images/close-button.png') no-repeat;
    background-size: 100%;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}
.calendar_content label{
    max-width: 305px;
    width: auto;
}
.titre{
    font-weight: bold;
}
.calendar_legend{
    height: 50px;
    width: 855px;
    margin: auto;
}
.legende_evenement_termine_marketing,
.legende_evenement_termine_transactionnel,
.legende_evenement_planifie_marketing,
.legende_evenement_planifie_transactionnel{
    color: #ffffff;
    float: left;
    border-radius: 3px;
    padding: 3px 3px;
    cursor: pointer;
}
.legende_evenement_termine_marketing,
.legende_evenement_termine_transactionnel,
.legende_evenement_planifie_marketing{
    margin-right: 15px;
}
.evenement_actif{
    border: solid 2px #ffffff;
}
.legende_evenement_planifie_marketing.evenement_actif{
    background-color: #2189AB;
}
.legende_evenement_planifie_transactionnel.evenement_actif{
    background-color: #4EBBD5;
}
.legende_evenement_termine_marketing.evenement_actif{
    background-color: #208443;
}
.legende_evenement_termine_transactionnel.evenement_actif{
    background-color: #33C265;
}
.evenement_inactif{
    background-color: #ffffff;
}
.legende_evenement_planifie_marketing.evenement_inactif{
    border: solid 2px #2189AB;
    color: #2189AB;
}
.legende_evenement_planifie_transactionnel.evenement_inactif{
    border: solid 2px #4EBBD5;
    color: #4EBBD5;
}
.legende_evenement_termine_marketing.evenement_inactif{
    border: solid 2px #208443;
    color: #208443;
}
.legende_evenement_termine_transactionnel.evenement_inactif{
    border: solid 2px #33C265;
    color: #33C265;
}.bandeau_maintenance{
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #46b8da;
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
}
.bandeau_maintenance p{
    margin: 0;
}
.highlight-badge {
    font-weight: bold;
    color: #007bff;
    background-color: #ffffff;
    border: solid 1px #007bff;
    padding: 3px 5px;
    border-radius: 3px;
}