/* Mise en forme globale */
#container {background:url(../themes/default/cadre_connexion.png) no-repeat; width:514px;height:322px; margin:100px auto 0 auto;}
#logo-agoraline {position:center;padding-top:33px;padding-bottom: 18px;}

#admin-bandeau { background-image:url(../themes/default/admin-bandeau-fond.jpg); background-repeat:repeat-x; height:149px;}
#admin-logo { margin:5px 0 0 24px;}


/* Favoris */
#admin-favoris {position:absolute; top:0px; right:225px; cursor:pointer; width:60px; height:51px; z-index:18;}
#admin-aide {position:absolute; top:0px; right:225px; cursor:pointer; width:45px; height:45px; z-index:18;}

/* Languette */
#admin-public-container {position:absolute; top:0px; right:50px; width:162px; height:45px; background:url(../themes/default/languette-voir-site.png) top left no-repeat; z-index:18;}
#admin-public-container a, #admin-public-container a:visited {display:block; height:45px; line-height:45px; text-transform:uppercase; color: #FFF; font-weight:bold; font-size:1.3em; text-align:center; text-decoration:none;}
#admin-public-container a:hover {text-decoration:underline;}

/* Menu */
#admin-menu {height:29px; margin:2px 0px 0px 0px; padding:0px;}
#admin-menu-container {margin-left:30px;}
.admin-menu-element {float:left; height:29px; list-style:none; margin-right:5px; position:relative; top:0px; left:0px; z-index:20; width:120px;}
.admin-menu-lien {display:block; text-decoration:none;}
.admin-menu-element-gauche {float:left; width:10px; height:29px; background:url(../themes/default/admin-menu.jpg) top left no-repeat; cursor:pointer;}
.admin-menu-element-droite {float:right; width:10px; height:29px; background:url(../themes/default/admin-menu.jpg) top right no-repeat; cursor:pointer;}
.admin-menu-element-centre {margin:0 10px; height:29px; display:block; line-height:29px; background:url(../themes/default/admin-menu.jpg) top center no-repeat; color: #fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; min-width:100px; text-align:center; cursor:pointer;}

/* Menu over */
.admin-menu-element:hover .admin-menu-element-gauche {background:url(../themes/default/admin-menu-select.jpg) top left no-repeat;}
.admin-menu-element:hover .admin-menu-element-droite {background:url(../themes/default/admin-menu-select.jpg) top right no-repeat;}
.admin-menu-element:hover .admin-menu-element-centre {background:url(../themes/default/admin-menu-select.jpg) top center no-repeat; color:#76D3F2;}

/* Menu selected */
.admin-menu-element-selected .admin-menu-element-gauche {background:url(../themes/default/admin-menu-select.jpg) top left no-repeat;}
.admin-menu-element-selected .admin-menu-element-droite {background:url(../themes/default/admin-menu-select.jpg) top right no-repeat;}
.admin-menu-element-selected .admin-menu-element-centre {background:url(../themes/default/admin-menu-select.jpg) top center no-repeat; color:#76D3F2;}

/* Sous menu */
.admin-smenu {position:absolute; top:29px; left:0px; z-index:30; margin:0px; padding:0px; background-color: #1480AF; width:200px; display:none;}
.admin-smenu-element {list-style:none;}
.admin-smenu-lien, .admin-smenu-lien:visited  {display:block; font-weight:bold; font-size:12px; color:#FFFFFF; text-decoration:none; padding:3px 5px 3px 10px;}
.admin-smenu-lien:hover {background-color:#072F52; color:#76D3F2;}

#admin-centre {padding: 10px 30px;}

/* Commun */
body { margin:0; padding:0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#555;}
h1 { color:#555; font-weight:bold; font-size:1.6em; margin-top:10px; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
h2{ color:#fda51a; font-weight:bold; font-size:1.3em; margin-top:10px; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
h3 {font-size:13px;}
h4 {font-size:11px;}
p {}
a, a:visited {color:#555;}
a:hover {text-decoration:none;}
img, img a { border:none;}
legend {font-weight:bold;}
.center {text-align:center;}
.italic {font-style: italic;}
.gras { font-weight:bold;}
.gras-rouge, a.gras-rouge  {font-weight:bold; color:#CE2525; font-size:1.3em;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}


/* Boutons */
.bouton2 {height:25px; line-height:25px; font-size:11px; text-transform:uppercase; color: #FFF; text-align:center; border:none;background-image:url(../themes/default/bouton-gauche-bg.jpg), url(../themes/default/bouton-droite-bg.jpg), url(../themes/default/bouton-centre-bg.jpg);background-position: top left, top right, top center;background-repeat: no-repeat, no-repeat, repeat-x;}

.bouton100, .bouton100:visited {display:inline-block; width:100px; height:25px; line-height:25px; font-size:11px; text-transform:uppercase; color: #FFF; text-align:center; cursor:pointer; text-decoration:none; font-weight:normal; border:1px solid #093153; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;  background:#0F72A7;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB4CE', endColorstr='#0F72A7',GradientType=0 ); /* IE6-9 */ background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:-webkit-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:-o-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:linear-gradient(180deg, #6BB4CE, #0F72A7);}
.bouton100:hover {border:1px solid #CB6102; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; background:#FF7C06;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9BD7D', endColorstr='#FF7C06',GradientType=0 );  background-image:-moz-linear-gradient(180deg, #F9BD7D, #FF7C06);  background-image:-moz-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:-webkit-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:-o-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:linear-gradient(180deg, #F9BD7D, #FF7C06); text-decoration:none;}

.bouton150, .bouton150:visited { display:inline-block; width:150px; height:25px; line-height:25px; font-size:11px; text-transform:uppercase; color: #FFF; text-align:center; cursor:pointer; text-decoration:none; font-weight:normal; border:1px solid #093153; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;  background:#0F72A7;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB4CE', endColorstr='#0F72A7',GradientType=0 ); /* IE6-9 */ background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7); background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:-webkit-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:-o-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:linear-gradient(180deg, #6BB4CE, #0F72A7);}
.bouton150:hover {border:1px solid #CB6102; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; background:#FF7C06;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9BD7D', endColorstr='#FF7C06',GradientType=0 );   background-image:-moz-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:-webkit-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:-o-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:linear-gradient(180deg, #F9BD7D, #FF7C06);text-decoration:none;}

.bouton200, .bouton200:visited { display:inline-block; width:200px; height:25px; line-height:25px; font-size:11px; text-transform:uppercase; color: #FFF; text-align:center;cursor:pointer; text-decoration:none; font-weight:normal;border:1px solid #093153; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;  background:#0F72A7;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB4CE', endColorstr='#0F72A7',GradientType=0 ); /* IE6-9 */ background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7); background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:-webkit-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:-o-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:linear-gradient(180deg, #6BB4CE, #0F72A7);}
.bouton200:hover {border:1px solid #CB6102; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; background:#FF7C06;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9BD7D', endColorstr='#FF7C06',GradientType=0 );   background-image:-moz-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:-webkit-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:-o-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:linear-gradient(180deg, #F9BD7D, #FF7C06); text-decoration:none;}

.bouton, .bouton:visited {cursor:pointer;display:inline-block; width:auto; min-height:20px; line-height:20px; font-size:11px; text-transform:uppercase; color: #FFF; text-align:center; cursor:pointer; text-decoration:none; font-weight:normal;border:1px solid #093153; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;  background:#0F72A7;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB4CE', endColorstr='#0F72A7',GradientType=0 ); /* IE6-9 */ background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7); background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:-webkit-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:-o-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:linear-gradient(180deg, #6BB4CE, #0F72A7); text-align:center; display:inline-block; padding:2px 5px; text-decoration:none; cursor:pointer; color:#fff;}
.bouton:hover {border:1px solid #CB6102; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; background:#FF7C06;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9BD7D', endColorstr='#FF7C06',GradientType=0 );  background-image:-moz-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:-webkit-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:-o-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:linear-gradient(180deg, #F9BD7D, #FF7C06); text-decoration:none;}

.bouton-auto, .bouton-auto:visited {cursor:pointer;display:inline-block; width:auto; min-height:25px; line-height:20px; font-size:11px; text-transform:uppercase; color: #FFF; text-align:center; cursor:pointer; text-decoration:none; font-weight:normal;border:1px solid #093153; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  background:#0F72A7;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB4CE', endColorstr='#0F72A7',GradientType=0 ); /* IE6-9 */ background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7); background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:-webkit-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:-o-linear-gradient(180deg, #6BB4CE, #0F72A7);background-image:linear-gradient(180deg, #6BB4CE, #0F72A7); text-align:center; display:inline-block; padding:2px 5px; text-decoration:none; cursor:pointer; color:#fff;}
.bouton-auto:hover {border:1px solid #CB6102; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; background:#FF7C06;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9BD7D', endColorstr='#FF7C06',GradientType=0 );  background-image:-moz-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:-webkit-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:-o-linear-gradient(180deg, #F9BD7D, #FF7C06);background-image:linear-gradient(180deg, #F9BD7D, #FF7C06); text-decoration:none;}


/* Table de base */
.base-grid {border-collapse:collapse; width:100%;}
.base-grid td, .base-grid th {border:1px solid #ccc; padding:5px 10px;}
.base-grid th {background-color:#fff;}
.base-grid tbody tr:hover {background-color:#E8E8E8;}
.base-grid th input, .base-grid td input {border:none;}
.paire {background-color: #FFF;}
.impaire {background-color: #f1f1f1;}
.action {width:75px;}
.clear {clear:both;}

.vert, .orange, .rouge, .bleu {border: 2px solid #ddd; margin-bottom: 1em; padding: 0.8em; font-weight:bold;}
.base-grid .vert, .base-grid .orange, .base-grid .rouge, .base-grid .bleu {margin:0px;}
.vert {
	background-color: #e6efc2;
    border-color: #c6d880;
    color: #264409;
}
.orange {
	background: #fff6bf none repeat scroll 0 0;
    border-color: #ffd324;
    color: #514721;
}
.rouge {
    background: #fbe3e4 none repeat scroll 0 0;
    border-color: #fbc2c4;
    color: #8a1f11;
}
.bleu {
	background: #d5edf8 none repeat scroll 0 0;
    border-color: #92cae4;
    color: #205791;
}
.separation {  margin-top: 30px; padding-top: 20px; width:100%; background:url(../images/boiteaoutils-separation.jpg) repeat-x center top; }


.submit {border:none;}
.lien {cursor:pointer;}
.middle {vertical-align:middle;}
.pointer {cursor:pointer;}
.cleft {clear:left;}
.fleft {float:left;}
.clear {clear:both;}
.clearRight {clear:right;}
.clearLeft {clear:left;}
.clearNone {clear:none !important;}
.floatRight {float:right;}
.floatLeft {float:left;}
#main { margin:0; padding:0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#555;}


/* Paginator */
#paginator {text-align:center; margin:10px 0; padding:5px 0; background-color:#EEE; border:1px solid #CCC;}
#paginator .paginator-page {margin:0 3px; color: #000;}
#paginator a.paginator-page {}
#paginator span.paginator-page {font-weight:bold;}


/* Paginator Ajax*/		
#paginator-ajax {
    margin: 10px auto;text-align:center;
}
#paginator-ajax .pagination-span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #000000;
    border-radius: 7px;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 5px;
    padding: 2px 5px;
    text-align: center;
    color:#000;
}
#paginator-ajax .pagination-lien {
	background:#0F72A7;
    background: -prefixe-linear-gradient(180deg, #6BB4CE, #0F72A7); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB4CE', endColorstr='#0F72A7',GradientType=0 ); 
    background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7);
    background-image:-webkit-linear-gradient(180deg, #6BB4CE, #0F72A7);
    background-image:-o-linear-gradient(180deg, #6BB4CE, #0F72A7);
    background-image:linear-gradient(180deg, #6BB4CE, #0F72A7);
    border:1px solid #093153;
    border-radius: 7px;
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
    color: #ffffff;
    font-size: 1.1em;
    margin: 0 5px;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    cursor:pointer;
}	
#paginator-ajax .pagination-lien:hover {
	background: #FF7C06 none repeat scroll 0 0;
    background: -prefixe-linear-gradient(180deg, #F9BD7D, #FF7C06); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9BD7D', endColorstr='#FF7C06',GradientType=0 );
	background-image:-moz-linear-gradient(180deg, #F9BD7D, #FF7C06);  
	background-image:-moz-linear-gradient(180deg, #F9BD7D, #FF7C06);
	background-image:-webkit-linear-gradient(180deg, #F9BD7D, #FF7C06);
	background-image:-o-linear-gradient(180deg, #F9BD7D, #FF7C06);
	background-image:linear-gradient(180deg, #F9BD7D, #FF7C06);
	border: 1px solid #CB6102;
}

/* List */
.form-list {list-style:none;}
.form-list li {font-size:1.05em; font-weight:bold; margin:5px 0;}
.form-list ul {}
.form-list ul li {font-size:0.95em; font-weight:normal;}


/* Formulaires */
form {margin:0; padding:0;}
select {font-family:Arial, Helvetica, sans-serif; font-size:11px; border: #ccc 1px solid;}
input {border:#ccc 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.input-text {width:400px; height:20px;}
.input-text-court {width:150px; height:20px;}
.input-textarea {width:400px; height:80px;}
.select120, .form .select120 {width:120px;  height:25px;}
.select-heure, .form .select-heure {width:60px;}
.textarea {width:400px; height:50px;}
.submit {border:none;}
.form {margin:10px 0; padding-left:30px;}
.form > div {padding-bottom:15px; clear:left;}
.form > div.clear, .form > div.form { padding: 0;}
.form select {width:400px;}
.form80 {display:block; width:90px; float:left; padding-right:20px; font-weight:bold;}
.form90 {display:block; width:90px; float:left; padding-right:20px;}
.form120 {display:block; width:120px; padding-right:20px; float:left;}
.form130 {display:block; width:130px; padding-right:20px; float:left;}
.form140 {display:block; width:160px; padding-right:20px; float:left;}
.form180 {display:block; width:180px; padding-right:20px; float:left;}
.form200 {display:block; width:200px; padding-right:20px; float:left;}
.margin-auto {margin:0px auto;}
.block {display:block;}

/* Status */
.ok,  {padding:10px 0; font-weight:bold; background-color:#AAFBA8; border-top:1px solid #0A9414; border-bottom:1px solid #0A9414; text-align:center; font-size:16px;}
.okmsg {margin:5px;}
.err, .errs {padding:10px 0; font-weight:bold; background-color:#FAC0CA; border-top:1px solid #C40929; border-bottom:1px solid #C40929; text-align:center; font-size:16px;}
.errs {padding:10px; border:1px solid #C40929; text-align:left;}
.errmsg {margin:5px;}
.warning {padding:5px 30px; font-weight:bold; background:url('../themes/default/warning.png') no-repeat left #F8E76D; border-top:1px solid #ECA613; border-bottom:1px solid #ECA613; text-align:left;}

.reponse-message,
.reponse-erreurs, .ok { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; }
.reponse-message, .ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse-erreur { color: #8a1f11; font-weight:bold; }
.reponse-message, .ok { color: #264409; font-weight:bold; }

.reponseFermer {float:right; padding: 10px; cursor:pointer;}

#reponse-fermer {float:right; padding: 10px; cursor:pointer; font-weight:bold;}

/* Header */
#header {height:70px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color:#eee;}
#logo {float:left; height:70px; width:660px; overflow:hidden; border-right:1px solid #ccc;}
#login-area {margin-left:660px; padding:15px 30px; text-align:right;}
#welcome {font-size:18px; margin-bottom:5px;}
#logout {}
#logout a {text-decoration:none;}
#logout a:hover {text-decoration:underline;}

/* Menu et Sousmenu */
#nav-container {padding:0 30px;}
#nav-right {height:30px; width:20px; background:url(../themes/default/nav-right.png) top right no-repeat; float:right;}
#nav-left {height:30px; width:20px; background:url(../themes/default/nav-left.png) top left no-repeat; float:left;}
#nav {margin-left:20px; margin-right:20px; padding:0 30px; background-color: #FDA51A; height:30px; position:relative;}
.menu-item {float:left; height:25px; padding:5px 15px 0px 15px; cursor:pointer; color:#fff;}
.menu-item:hover {background-color:#fdf5d0; color:#FDA51A;}
.menu-item span{ font-size:14px; font-weight:bold; text-decoration:none;}
.menu-selected {color: #555; /*background-color:#fdf5d0;*/ }
.subnav-container {position:absolute; left:-1000px; top:30px; width:200px;}
.subnav-content {border-left:5px solid #FDA51A; border-right:5px solid #FDA51A; background-color:#fdf5d0; padding:10px 0 5px 0;}
.subnav-list {margin:0; padding:0;}
.subnav-item {list-style:none; padding:3px 30px 3px 15px; font-size:14px; cursor:pointer; margin:0;}
.subnav-item:hover {text-decoration:underline;}
.subnav-bottom {height:9px;}
.subnav-bottom-right {height:9px; width:9px; float:right; background:url(../themes/default/corner-right-bottom.png) right top no-repeat;}
.subnav-bottom-left {height:9px; width:9px; float:left; background:url(../themes/default/corner-left-bottom.png) left top no-repeat;}
.subnav-bottom-center {height:9px; margin-left:9px; margin-right:9px; background:url(../themes/default/center-bottom.png) left top repeat-x;}


/* Main */
/* #main {margin:0 auto; padding:0; width:990px; position:relative; z-index:1} */
#main {margin:0; padding:0; width:100%;}
#main-content {background-color:#fff; padding-top:15px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#site {background:url(../themes/default/site-bg.png) top left repeat-y; color:#fff; font-size:24px; text-align:right;}
#site-header {height:15px; background:url(../themes/default/site-header.png) top left no-repeat;}
#site-content {padding:0px 90px 10px 0; background-color: #999;}
#site-content-name a{color:#fff; text-decoration: none;}
#site-content-subname {font-size:9px;}
#site-content-subname a {color:#fff;}

/* Module */
#module-container {padding:0 30px; min-height:350px;}
.module-options {margin:10px 0; text-align:left; clear:right;}
.module-options-container {text-align:left; padding-bottom:10px;}
.module-options_boutons {margin:10px 0; text-align:left;}

/* Footer */
#footer {margin:0; padding:0; background-color:#eee; border:1px solid #ccc; height:30px;}

/* Layer */
#layer {position:absolute; top:-1000px; left:0px; background-color:#000; z-index:100;}

/* Chargement */
/*#loading {width:445px; position:absolute; top:0px; left:-1000px; z-index:200;}
#loading-top {height:15px; background: url(../themes/default/window-top.png) top left no-repeat;}
#loading-bottom {height:15px; background: url(../themes/default/window-bottom.png) top left no-repeat;}
#loading-text {font-weight:bold; border-left:5px solid #ccc; border-right:5px solid #ccc; background-color:#f7f7f7; text-align:center; font-size:18px; padding:30px 0;}
#loading-image {padding-bottom:15px;}*/

/* Chargement */
#loading, #accueil-stat-loading, #accueil-graphe-loading  {width:445px; position:absolute; top:0px; left:-1000px; z-index:20;}
#loading-top {}
#loading-bottom {}
#loading-text {font-weight:bold; border:5px solid #ccc; background-color:#f7f7f7; text-align:center; font-size:18px; padding:30px 0;border-radius: 25px;}
#loading-image {padding-bottom:15px;}


/* Helper */
#helper {width:445px; position:absolute; top:0px; left:-1000px; z-index:110;}
#helper-top {height:15px; background: url(../themes/default/window-top.png) top left no-repeat;}
#helper-bottom {height:15px; background: url(../themes/default/window-bottom.png) top left no-repeat;}
#helper-container {font-weight:bold; border-left:5px solid #ccc; border-right:5px solid #ccc; background-color:#f7f7f7;}
#helper-content {text-align:center; font-size:15px; padding:15px 0;}
#helper-close-container {font-size:14px; text-align:right; padding-right:15px;}
#helper-close {}
#helper-title-container {padding:0 7px;}
#helper-title-left {height:30px; width:20px; background:url(../themes/default/nav-left.png) top left no-repeat; float:left;}
#helper-title-right {height:30px; width:20px; background:url(../themes/default/nav-right.png) top right no-repeat; float:right;}
#helper-title {margin-left:20px; margin-right:20px; background-color: #FDA51A; height:25px; color:#fff; font-weight:bold; font-size:16px; padding-top:5px;}

/* Module Accueil */
#home-container {width:100%;}
.home-cell{border:1px dashed #ccc; padding: 10px;}

/* Module Alerte produit */
#stockAlerte-conteneur {padding:5px;}
.stockAlerte-declinaison-stock {text-align:right; color:#F90004;}

/* Module Account */
#account-sidebar {width:300px; min-height:300px; float:left; border:1px solid #ccc;}
#account-main-content {overflow:hidden; margin-left:320px;}
.account-area-container {padding:0 0 5px 0; border:1px solid #ccc; background-color:#F7F7F7; margin-bottom:10px;}
.account-area-title {border-bottom:1px solid #ccc; padding:5px; font-weight:bold; font-size:14px; background-color:#eee;}
.account-area-content {margin:0; padding:0;}

/* Module User */
#user-main-content {padding:10px 0px;}
#user-create-container {}
#user-grid {border-collapse:collapse; width:100%;}
#user-grid td, #user-grid th {border:1px solid #ccc; padding:3px 5px;}
.user-options-container {text-align:center;}
.user-options {padding:0 3px; margin:0 7px; cursor:pointer;}
.user-details {}
.user-infos-container {padding:0 10px;}

/* Module Page */
#page-delete-container {float:right; margin:15px 0;}
#page-list-container {margin:15px 0;}
#page-titre {}
#page-titre a {position:relative; top:5px;}
#page-titre span {padding-left:10px; position:relative; top:7px;}

.page-area-container {padding:0 0 5px 0; margin-bottom:10px;}
.page-area-container .language-selected {border-color: #CAE4EE; background-color:#FFF;}
.page-area-title {height:31px; line-height:31px; overflow:hidden;}
.page-area-title-left {background:url(../themes/default/cadre-titre-gauche.png) top left no-repeat; width:8px; height:31px; float:left;}
.page-area-title-right {background:url(../themes/default/cadre-titre-droite.png) top left no-repeat; width:8px; height:31px; float:right;}
.page-area-title-center {margin:0 8px; background:url(../themes/default/cadre-titre-centre.jpg) top left repeat-x; height:31px;}
.page-area-title-center span.page-area-title-name {text-transform:uppercase; color: #FFF; font-weight:bold; font-size:1.2em; padding-left:55px; background:url(../themes/default/cadre-titre-texte-bg.png) center left no-repeat;}
.page-area-title-element {margin-left:15px;}
.page-area-title-see {color: #FFF; font-weight:bold;}
.page-area-title-see a {color: #FFF; text-decoration:none;}
.page-area-title-see a:hover {text-decoration:underline;}
.page-area-content {margin:0; padding:0; border-bottom:1px solid #cae4ee; border-left:1px solid #cae4ee; border-right:1px solid #cae4ee; padding:10px 0; background-color:#F9F9F9;}

#gotourl-container {width:475px; margin-top:10px;}
#gotourl-container > div {margin-bottom:5px;}
#gotourl-container input {margin-left:0;}

#page-languages-content {padding:5px 10px; margin-bottom:5px;}
.page-language {padding:5px 10px; background-color: #FFF; cursor:pointer;}
.page-language-reminder {padding-left:10px;}
.page-language-fieldset {cursor:pointer; border:1px solid #CAE4EE; padding:4px 5px 1px 5px;}
.page-language-current {background-color:#DDD; border:1px solid #999;}

.page-textarea {margin-left:180px; position:relative; top:0; left:0; z-index:10; width:450px;}
.page-textarea-preview {width:390px; background-color:#FFF;border:1px solid #CCCCCC; padding:5px; cursor:pointer; min-height:13px; display:inline-block; float:left;}
.page-textarea-preview-refresh {margin-left:5px; cursor:pointer; position:relative; left:0px; top:5px;}
.page-textarea-preview p {margin:0;}
.page-textarea-container {position:absolute; top:0; left:460px; display:none; z-index:20; width:602px;}
.page-textarea-container-option {text-align:right; margin-top:10px;}
.page-textarea-close {color: #FFF; font-weight:bold; display:block; text-align:right; padding-right:15px; text-transform:uppercase;}
.page-textarea-close, .page-textarea-update {cursor:pointer;}

.page-ranking-title {text-transform:uppercase; font-weight:bold; font-size:1.1em; margin-top:10px;}
#page-ranking-first {}
#page-ranking-second {}

.page-window {}
.page-window-header {height:31px; line-height:31px; overflow:hidden;}
.page-window-header-left {background:url(../themes/default/cadre-titre-gauche.png) top left no-repeat; width:8px; height:31px; float:left;}
.page-window-header-right {background:url(../themes/default/cadre-titre-droite.png) top left no-repeat; width:8px; height:31px; float:right;}
.page-window-header-center {margin:0 8px; background:url(../themes/default/cadre-titre-centre.jpg) top left repeat-x; height:31px;}
.page-window-header-center span.page-window-header-center-name {text-transform:uppercase; color: #FFF; font-weight:bold; font-size:1.2em; padding-left:55px; background:url(../themes/default/cadre-titre-texte-bg.png) center left no-repeat;}
.page-window-content {margin:0; border-bottom:1px solid #cae4ee; border-left:1px solid #cae4ee; border-right:1px solid #cae4ee; padding:10px; background-color:#FFFFFF;}
.page-window-footer {}
.page-window-footer-left {}
.page-window-footer-right {}
.page-window-footer-center {}

.page-refresh {cursor:pointer; vertical-align:middle;}

.ui-datepicker-trigger {position:relative; top:3px; cursor:pointer; margin-left:5px;}
.datetimepicker {width:130px;}

.page-template-main {overflow-x:scroll;}
.page-template, .page-template-disabled {width:150px; height:160px; border:1px solid #ccc; background-color:#eee; overflow: hidden; margin:15px 10px; cursor:pointer; float:left;}
.page-template-disabled {cursor:default;}
.page-template-container {padding:7px 7px 5px 7px;}
.page-template-title {text-align:center;}
.page-template-preview {width:100%; height:120px;}
.page-template-preview td {border:1px dashed #ccc; text-align:center; background-color:#fff; font-weight:bold; font-size:1.2em;}

.page-attributs {display:none;}
.page-attributs div {padding-bottom:5px;clear:left;}

.page-attributs .attribut-colorpicker div,
.page-attributs .attribut-checkboxcolorpicker div  {clear:none; padding:0;}

.page-attributs .attribut-colorpicker {position:relative; height:36px; cursor:pointer;}
.page-attributs .colorPickerDiv {background-color:#ffffff; } 

.page-attributs .attribut-checkboxcolorpicker {height:36px;}
.page-attributs .colorPickerInput {float:left; margin-top:5px;}
.page-attributs .attribut-checkboxcolorpicker label {margin-left:25px; display:block; }
.page-attributs .attribut-checkboxcolorpicker .colorPickerDiv {display:block; float:left; margin-right:10px; width:20px; height:20px; border:1px solid #CCD5DE;}
.page-attributs .attribut-checkboxcolorpicker .colorPickerSpan {display:block; padding-top:4px;}

#attributs-0 {display:block;}

.page-error {text-align:left; padding:3px 15px; font-size:14px;}

.page-article-container {display:none;}

.page-code-erreur {font-weight:bold; padding:0 15px; color:red;}

.page-shortcut-container {padding:10px;}

.page-base-grid {border:1px solid #ccc; border-collapse:collapse; margin-bottom:10px; width: 660px;}
.page-base-grid td, .page-base-grid th {border:1px solid #aaa; padding:2px; background-color: #FFF;}
.page-base-grid th {background-color:#ddd; text-align: center; font-weight:bold;}
.page-base-grid td.action {padding:2px 10px;}

#page-auth-conteneur {}
#page-auth-options-conteneur {}
#page-auth-type {display:none; vertical-align:top; width:180px;}
#page-auth-page {display:none; vertical-align:top; margin-left:25px; padding:0; }


.page-text-container {}
.page-text-container .mceNonEditable {width:880px; height:250px;border:1px solid #ccc; padding:0 10px;overflow-y: auto;}


/* Module Actualités */
.actualite-liaison { margin:0;}
.actualite-align {vertical-align:middle;}
.actualite-container-types .actualite-no-padding{padding:0;}
.actualite-container-types {padding-top:10px;}

/* Module Produit */
#product-pictures-container {padding:10px 0;}
.product-picture-maincontainer {float:left; margin:10px; width:110px; position:relative;}
.product-picture-container {width:90px; height:90px; border:1px solid #ccc; padding:10px; background-color: #fff; cursor:pointer;}
.product-picture-layout {position:absolute; top:90px; left:0px; width:100px; text-align:right;}
.product-picture {width:90px; height:90px; margin:0; padding:0; border-collapse: collapse; text-align: center;}
.product-picture-empty {width:90px; height:90px; text-align: center; font-style: italic; border:1px dashed #ccc;}
.product-picture-url { text-align: center;}
.product-picture-legend {margin-top:10px;}
.product-picture-legend input {width:110px;}
.product-not-registered {text-align:center; font-style:italic;}
.product-declinations-container {padding:10px;}
#product-declinations {}
#product-declinations-grid {border:1px solid #ccc; border-collapse:collapse; margin-bottom:10px;}
#product-declinations-grid td {border:1px solid #aaa; padding:2px;}
#product-declinations-grid td.th {background-color:#ddd; text-align: center; font-weight:bold;}
#product-declinations-grid td.action {padding:2px 10px;}
#product-declinations-grid td .page-textarea-container {bottom: 0; left: 0; top:auto;}
#product-declinations-grid td .page-textarea-container .mceEditor td, 
#product-declinations-grid td .page-textarea-container .mceEditor td.th {border:none;}
#product-declinations-grid .page-textarea-preview {height:16px;width:140px; padding:0; overflow:hidden;}
#product-declinations-grid .declinaison-description {position:relative;}
#product-declinations-grid .declinaison-colorpicker {position:relative; height:36px; cursor:pointer;}
#product-declinations-grid .declinaison-imagemanager {height:45px; width: 160px;}

.product-declinations-error {position:relative;}
.product-declinations-error:hover .product-declinations-error-message {display:block;} 
.product-declinations-error-message {display:none; position:absolute; top:0px; left:20px; padding:5px; border:1px solid #CCC; background-color:#FFFFFF; width:200px;}
.product-declinations-action {margin:0 5px; cursor:pointer; vertical-align:middle;}
#product-similar-container, #product-related-container {}
#product-similar-add, #product-related-add {margin:5px 0;}
.product-similar, .product-related {border:1px solid #CCC; width:150px; padding:5px 10px; background-color:#FFF; float:left; margin:0 10px;}
.product-similar table, .product-related table {border-collapse:collapse; width:150px; height:150px;}
.product-similar-name, .product-related-name {text-align:center;}
.product-similar-delete, .product-related-delete {text-align:right; margin-top:5px;}

/* Module Association */
#association-main-container {padding:10px 0; width:820px; margin:0 auto;}
#association-column-left {width:380px; height:400px; padding:10px; float:left; border: 1px dashed #ccc; overflow-y:scroll;}
#association-column-right { margin-left:410px; width:380px; height: 400px; padding:10px; border:1px dashed #ccc;  overflow-y:scroll;}
.association-page {border:1px solid #ccc; margin-top:4px; margin-bottom:4px; margin-right:4px;}
.association-page-1 {margin-left:0px;}
.association-page-2 {margin-left:30px;}
.association-page-3 {margin-left:60px;}
.association-page-content {height:18px; padding:5px 15px;}
.association-produit {cursor:pointer;}
.association-famille {}

/* Module Famille */

/* Module Liste */
#list-content {}
#list-left-column {float:left;}
#list-right-column {margin-left:600px;}
.list-ranking-container {/*border:1px solid #ccc;*/ margin-bottom:30px;}
/*.list-ranking-header {padding:5px 15px; font-size:14px; font-weight:bold; background-color:#eee; width:990px;}*/
.list-ranking-header {height:31px; line-height:31px; width:1022px;}
.list-ranking-header-left {background:url(../themes/default/cadre-titre-gauche.png) top left no-repeat; width:8px; height:31px; float:left;}
.list-ranking-header-right {background:url(../themes/default/cadre-titre-droite.png) top left no-repeat; width:8px; height:31px; float:right;}
.list-ranking-header-center {margin:0 8px; background:url(../themes/default/cadre-titre-centre.jpg) top left repeat-x;}
.list-ranking-header-center span {text-transform:uppercase; color: #FFF; font-weight:bold; font-size:1.2em; padding-left:55px; background:url(../themes/default/cadre-titre-texte-bg.png) center left no-repeat;}

.list-ranking-slide {position:relative; top:2px; cursor:pointer;}
.list-ranking-content {padding:20px 30px 20px 0; width:990px; border-bottom:1px solid #cae4ee; border-left:1px solid #cae4ee; border-right:1px solid #cae4ee;}
//.list-ranking-content .list-page:hover {background-color:#f7f7f7;}
.list-no-content {font-style:italic; text-align:center;}

.list-page-ariane {padding:10px 0px 0px 15px;}

.list-page {height:27px; line-height:27px;}
.list-page-center {height:27px; padding:0 8px; background: #D8DCDF; border: 1px solid #C9C9C9; margin:0 8px;border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;}
.list-page.nonvisible .list-page-center {background:#EDEDED;} 
.list-page:hover .list-page-center {background:#ADD3EA;}

.list-page-status {float:left; width:27px; height:27px; text-align:center; margin-right:5px;}
.list-page-couleur-ok {background-color:#ff8400;}
.list-page-appartient {position:relative;}
.list-page-modules {display:none; min-width:300px; position:absolute; top: -15px; left:30px; height:50px; padding:15px; background-color:#FFF; border:1px solid #CCC; z-index:10;}
.list-page-modules-header {text-align:right; line-height: normal; font-size:12px;}
.list-page-modules-content {margin-top:10px;}
.list-page-recherche {height:40px; }
#pageRacine {color:#AAAAAA;}
.list-page-type {border:1px solid #ccc; background-color:#eee; float:left; height:18px; padding:5px 0; width:45px; text-align:center;}
.list-page-slide {position:relative; top:2px; cursor:pointer;}
.list-page-content {}
.list-page-option-container {float:right; text-align:right; margin-right:15px; vertical-align:middle;}
.list-page-option {margin-right:15px;}

a.list-page-name, a.list-page-name:visited {padding-left:30px; font-weight:bold; text-decoration:none;}

#list-legend {margin:15px 0;}
#list-legend-grid {}
#list-legend-grid tr {}
#list-legend-grid td {padding:10px;}
#list-search-container {margin-bottom:10px; border:1px solid #CCC; padding:15px; background-color: #EEE; width:500px;}
#list-search-container h3 {}
#list-search-fields {}

/* Module Hierarchie */
#page-hierarchie {position:absolute; top:50px; left:50px; z-index:110; background-color:#ffffff; width:1020px; display:none; border:1px solid #CCC; padding:15px;}
#page-hierarchie div {padding:0px;}
#page-hierarchie .page-hierarchie-conteneur-fermer {text-align:right; padding:10px 20px 10px 0;}
#page-hierarchie .page-hierarchie-fermer, #page-hierarchie .page-hierarchie-valider { cursor:pointer;}
#page-hierarchie-conteneur {height:700px; overflow-y:scroll; padding:15px;}
#hierarchie-content {}
#hierarchie-left-column {float:left;}
#hierarchie-right-column {margin-left:600px;}
.hierarchie-ranking-container {border:1px solid #ccc; margin-bottom:5px;}
.hierarchie-ranking-header {padding:2px 15px; font-size:12px; font-weight:bold; background-color:#eee; width:990px;}
.hierarchie-ranking-slide {position:relative; top:2px; cursor:pointer;}
.hierarchie-ranking-content {border-top:1px solid #ccc; padding:20px 30px 20px 0; width:990px;}
/*.hierarchie-page:hover {background-color:#f7f7f7;}*/
.hierarchie-no-content {font-style:italic; text-align:center;}

/*
.hierarchie-page {height:15px; font-size:0.9em;}
.hierarchie-page-content {border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; height:9px; padding:2px 15px; margin-left:20px;}
*/

.hierarchie-page {height:27px; line-height:27px; margin:6px 0;}
.hierarchie-page-left, .hierarchie-page-left-selected {float:left; height:27px; width:8px; background:url(../themes/default/page-gauche-bg.png) top left no-repeat;}
.hierarchie-page-right, .hierarchie-page-right-selected {float:right; height:27px; width:8px; background:url(../themes/default/page-droite-bg.png) top left no-repeat;}
.hierarchie-page-content, .hierarchie-page-content-selected {height:27px; background:url(../themes/default/page-centre-bg.jpg) top left repeat-x; margin:0 8px;}

.hierarchie-page:hover .hierarchie-page-left {background:url(../themes/default/page-gauche-over-bg.png) top left no-repeat;}
.hierarchie-page:hover .hierarchie-page-right {background:url(../themes/default/page-droite-over-bg.png) top left no-repeat;}
.hierarchie-page:hover .hierarchie-page-content {background:url(../themes/default/page-centre-over-bg.jpg) top left repeat-x;}

.hierarchie-page-left-selected {background:url(../themes/default/page-gauche-over-bg.png) top left no-repeat;}
.hierarchie-page-right-selected {background:url(../themes/default/page-droite-over-bg.png) top left no-repeat;}
.hierarchie-page-content-selected {background:url(../themes/default/page-centre-over-bg.jpg) top left repeat-x;}


.hierarchie-page-name {font-weight:bold; cursor:pointer;}
.hierarchie-page-type {border:1px solid #ccc; background-color:#eee; float:left; height:9px; padding:2px 0; width:20px; text-align:center;}
.hierarchie-page-slide {cursor:pointer;}
.hierarchie-page-option-container {float:right; text-align:right; margin-right:15px;}
.hierarchie-page-option {cursor:pointer;}
#hierarchie-legend {margin:15px 0;}
#hierarchie-legend-grid {}
#hierarchie-legend-grid tr {}
#hierarchie-legend-grid td {padding:10px;}

/* Module Update */
.update-conteneur {border-top:1px solid #ccc;}
.update-conteneur-headline {padding:5px 0; font-size:12px;}
.update-titre {float:left; width:230px;}
.update-titre a {color:#555;}
.update-date {float:left; text-align:right;}
.update-type { text-align:right;}
.update-texte {display:none; padding:15px 0;}

/* Module Connexion */
#connection-container {width:500px; margin:75px auto 0 auto; border:1px solid #ccc; background-color:#F7F7F7; font-size:14px;}
#connection-container h1 { color:#555; background-color:#eee; margin:0; padding:20px 40px;}
#connection-content {border-top:1px solid #ccc; padding:30px 60px 15px 60px;}
#connection-content div{ margin-bottom:3px;}
#connection-content div.connection-field {margin-bottom:15px;}
.connection-validate {text-align:right; margin-right:20px;}
#connection-content #login, #connection-container #password {width:100%;}
#connection-content input { font-size:16px; padding:3px;}
#connection-content label { font-size:16px;}
#connection-footer {background-color:#eee; border-top:1px solid #ccc; padding:20px 30px; font-size:12px;}
#bas {padding: 30px 29px;}
.connection-field {font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; padding-bottom:16px;}
.connection-field label { width:130px; display: inline-block;}
#login { height:21px; width:300px; border-color:#0168a2; }
#password { height:21px;width:300px;border-color:#0168a2;}
#pass { padding-bottom:27px;}
#loginMDP { height:21px; width:250px; border-color:#0168a2; position:relative; top:-8px;} 
#mdpOublie { position:relative; top:-17px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; width:200px; }
#mdpOublie a { color:#FFFFFF;}
#annuleMdpOublie { position:relative; top:54px;  font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
#annuleMdpOublie a { color:#FFFFFF;}
#retour { position:relative; top:60px; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
#retour a { color:#FFFFFF;}

/* Module Deconnexion */
#disconnect-container {width:400px; margin:75px auto 0 auto; text-align:center;}
#disconnect-container h1 {}
#disconnect-content {}

/* Module Config */
.config-area-container {padding:0 0 5px 0; border:1px solid #ccc; background-color:#F7F7F7; margin-bottom:10px;}
.config-area-title {border-bottom:1px solid #ccc; padding:5px; font-weight:bold; font-size:14px; background-color:#eee;}
.config-area-content {margin:0; padding:0;}
.config-description {font-size:14px; font-style: italic;}
.config-groupe {border-bottom:1px solid #ccc;}
.config-groupe .form140 {float:none; width:auto;}


/* Module Template */
#template-previews-container {height:150px; padding:10px 0;}
.template-preview-container, .template-preview-container-selected {height:150px; width:200px; float:left; margin:0 15px; border:5px solid #f7f7f7; cursor:pointer;}
.template-preview-container:hover {border-color:#ccc;}
.template-preview-container-selected {border-color: #999;}
#template-main {padding:0 0 15px 0}
#template-sidebar {width:180px; float:left; border:1px solid #ccc; padding:0 10px 10px 10px;}
#template-content {margin-left:220px;}
.template-sidebar-title {font-size:16px; font-weight:bold; margin:10px 0;}
#template-content-title {font-size:22px; font-weight:bold; margin:15px 0 10px 220px;}
#template-tags-container {display:none;}
ul.template-list {font-size:14px; padding-left:15px;}
ul.template-list li {list-style: none; margin:5px;}
ul.template-list li a {cursor:pointer; text-decoration:underline;}
ul.template-list li a:hover {text-decoration:none;}

/* Module Style */
#style-main {padding:0 0 15px 0}
#style-sidebar {width:180px; float:left; border:1px solid #ccc; padding:0 10px 10px 10px;}
#style-content {margin-left:220px;}
.style-sidebar-title {font-size:16px; font-weight:bold; margin:10px 0;}
#style-content-title {font-size:22px; font-weight:bold; margin:15px 0 10px 220px;}
#style-tags-container {display:none;}
ul.style-list {font-size:14px; padding-left:15px;}
ul.style-list li {list-style: none; margin:5px;}
ul.style-list li a {cursor:pointer; text-decoration:underline;}
ul.style-list li a:hover {text-decoration:none;}

/* Module Navigation */
#navigation-main {}
#navigation-sidebar {width:450px; float:right;}
#navigation-root {margin-right:470px; padding-bottom:10px;}
.navigation-item-container {border:1px dashed #ccc; background-color:#fff; padding:10px; margin:10px 0;}
.navigation-item, .navigation-subitem {border:1px solid #ccc; background-color:#f7f7f7; padding:10px; margin:10px 0;}
.navigation-subitem {margin-left:30px;}
.navigation-selectable {background-color:#f7f7f7;}
.navigation-selected {background-color:#FFF283;}
.navigation-item-add, .navigation-subitem-add {border:1px dashed #ccc; padding:10px; margin:10px 0; text-align:center; font-size:14px; cursor:pointer;}
.navigation-subitem-add {margin-left: 30px;}
.navigation-item-options {float:right;}
.navigation-item-label {font-size:14px;}
.navigation-ranking-container {border:1px solid #ccc; margin-bottom:10px;}
.navigation-ranking-title {padding:5px 15px; font-size:14px; font-weight:bold; background-color:#eee;}
.navigation-ranking-content {border-top:1px solid #ccc; padding:20px 30px 20px 30px;}
.navigation-no-content {text-align:center;}
.navigation-icons {background-image:url(ui-lightness/images/ui-icons_ef8c08_256x240.png); width:16px; height:16px; display:block; float:left; overflow:hidden; cursor:pointer;}
.navigation-item-close {cursor:pointer;}
.navigation-page {border:1px solid #ccc; margin-top:4px; margin-bottom:4px; margin-right:4px;}
.navigation-page-1 {margin-left:0px;}
.navigation-page-2 {margin-left:30px;}
.navigation-page-3 {margin-left:60px;}
.navigation-page-content {height:18px; padding:5px 15px;}
.navigation-page-option-container {float:right; text-align:right;}

/* Module frais de port */
#shipping-grid { border-collapse: collapse; width:100%; margin:10px 0;}
#shipping-grid td, #shipping-grid th {padding:2px 5px; border:1px solid #ccc;}
#shipping-grid-transport, #shipping-grid-weight {border-collapse: collapse; border:none;}
#shipping-grid-weight td {border:none;}

/* Module promotion */
#promotion-creation {display:none;}
#promotion-liste {}
.promotion-grid { border-collapse: collapse; width:100%; margin:15px 0; background-color:#fff;}
.promotion-grid td, .promotion-grid th {padding:2px 5px; border:1px solid #ccc;}
.promotion-grid-container {padding:0 15px;}
.promotion-grid-empty {padding:15px; text-align: center;}
.promotion-grid tr.promotion-deleted td {text-decoration:line-through;}
.promotion-grid tr.promotion-used td {text-decoration:line-through;}
.promotion-delete {cursor:pointer;}
.promotion-assoc-ligne {padding:3px 10px !important; border-top:1px solid #CCC; border-bottom:1px solid #CCC; background-color: #FFF; width: 380px; margin-top:5px;}
#listeProduitLabel {font-weight:bold;}
#promotion-code-conteneur {vertical-align:middle; line-height:15px;}
#promotion-code-conteneur img, #promotion-code-conteneur label, #promotion-code-conteneur input {vertical-align:middle;}
#promotion-code-conteneur span {font-size:0.9em;}

#form-promotion {}
.mfp-inline {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
#treecontainer-add {display:none; margin-top:10px;}
#form-promotion #ajoutProduit .form {padding-left:0px;}
#treecontainer .fa-folder-open-o {font-size:14px;}
#treecontainer .fa-file-o {font-size:13px;}

/* Module affiliation */
#affiliation-creation {display:none;}
#affiliation-liste {}
#affiliation-grid {border-collapse:collapse; width:660px;}
#affiliation-grid td, #affiliation-grid th {border:1px solid #ccc; padding:2px 5px;}

/* Module message */
#message-grid {border-collapse:collapse; width:660px;}
#message-grid td {border:1px solid #ccc; padding:2px 5px;}
.message-header {}
.message-content {}

/* Module Commande */
#commande-div-non-traitee {padding:20px; border:1px solid #CCC; width:800px; min-height:220px; margin-top:10px;}
.commande-num-colis-details, .commande-traitement-details {background-color:#E1E9F4; border: 1px solid #CDD2D8; margin-left:186px; padding:10px 0; min-width:200px;}
.commande-num-colis-details h3, .commande-traitement-details h3 {padding-left:50px;}
#commande-num-colis {height:48px; line-height:48px; padding-left:10px; background-color:#E1E9F4; border: 1px solid #CDD2D8; border-right:none; width:175px;}
#colisRef , #sansReference,  #cancelOrder{margin:0;}
#commande-sans-ref {height:48px; line-height:48px; padding-left:10px; width:175px;}
#commande-cancel-order {height:48px; line-height:48px; padding-left:10px;}
#commande-colis-noms {border-left:none; border-bottom:none; padding-bottom:0px; height:39px;}
#commande-nom-colis{float:left;}
#commande-nom-message{margin-left:200px;}
#commande-num-colis-detail {border-top:none;}
#commande-transport-colis {float:left;  padding-left:15px;}
#commande-num-colis-input {padding-top:10px;}
#commande-num-colis-input #numeroColis {width:180px;}
#commande-message-colis-mail {margin-left:200px;  padding-left:25px;}
#commande-colis-radio {float:left;}
#commande-ok-submit {padding:15px;}


#commande-sansref-conteneur {display:none;}
#commande-sansref-nom {border-bottom:none; padding-bottom:0px; height:39px;}
#commande-nom-envoimail-sansref {float:left;}
#commande-nom-message-sansref {margin-left:200px;}
#commande-sansref-detail {border-top:none;}
#commande-sansref-envoimail {float:left;padding-left:55px;}
#commande-message-sansref-mail {margin-left:200px; padding-left:25px;}

/*
#order-grid {border-collapse:collapse; width:660px;}
#order-grid td, #order-grid th {border:1px solid #ccc; padding:2px 5px;}
*/

/* Module Newsletter */
#newsletter-reponse, #newsletter-erreur {float:left;}
#newsletter-reponse {background: #e6efc2; color: #264409; padding: 0 0.8em; margin-bottom: 1em; border: 2px solid #c6d880; font-weight:bold;}
#newsletter-erreur {color: #8A1F11; font-weight: bold;}
#newsletter-reponseFermer {float:right; padding: 10px 0; cursor:pointer;}

#newsletter-container {/*border:1px solid #ccc;*/ padding:10px;}
#newsletter-ajout-conteneur {margin:10px 0;}
#newsletter-grid {border-collapse:collapse; width:800px;}
#newsletter-grid td, #newsletter-grid th {border:1px solid #ccc; padding:2px 5px;}
#newsletter-recherche {margin: 15px 0; }
#newsletter-recherche-reponse {font-size:1.2em; margin:10px 0;}
#newsletter-attachement-container { width:500px;margin-left:40px;}
.newsletter-bouton-delete {vertical-align:middle; padding-left:5px;}

#newsletter-categorie {width:750px; border: 1px solid #D6E2EE; padding:15px;margin-left:90px; position:relative;}
#newsletter-categorie-grise {background: none repeat scroll 0 0 #C0C0C0; position:absolute; top:0; left:0; height:100%; width:100%; opacity: 0.4; }
.newsletter-groupe { float: left; width:250px; margin:5px 0;}

#newsletter-programme-envoi { margin-left: 50px; margin-top:10px; display:none;}
#newsletter-heure, #newsletter-minutes, #newsletter-intervalenvoi {width:40px;}

.base-grid .newsletter-desinscrit-actions {text-align:center; padding:5px; line-height:5px; cursor:pointer;}
.newsletter-desinscrit-add-categories {display:none;}

/* Newsletter historique */
#historique-masquer-unique {padding:15px;}
#historique-container-detail {padding:15px;}
#historique-detail-newsletter { padding-top:25px;}
#historique-container {}
.newsletter-historique-nbEnvois { display: block;  float: left;  text-align: right; width: 40%;}
.newsletter-historique-total {display: block;  float: right;  text-align: left; width: 40%;}
#statistiques-container-detail {padding:15px;}
.newsletter-envoi-id {width:25px;}
.newsletter-envoi-date {width:150px;}
.newsletter-envoi-objet {}
.newsletter-insertion {width:150px; text-align:center;}
.newsletter-envoi-progression {width:150px; text-align:center;}
.newsletter-envoi-action {width:80px; text-align:center; text-decoration:underline;}

.historique-statistiques-detail-img {cursor:pointer;}
.historique-statistiques-detail {display:none;}

/* Newsletter inscrit */
.newsletter-inscrits-cadre {background-color: #F9F9F9; border: 1px solid #CCCCCC; margin: 0 30px 10px 0; padding: 10px;}
.newsletter-inscrits-export-categorie,
.newsletter-inscrits-recherche-categorie,
.newsletter-inscrits-import-categorie,
.newsletter-inscrits-insert-categorie {float:left; width:150px; padding:15px;}

#mail-multiples {width:650px; height:100px;}

#groupe-actions {width:32px;}
.base-grid .groupe-edit, .base-grid .groupe-delete {width:16px; padding:5px;}
#groupe-adresses-titre {margin:10px; font-weight:bold;}
#groupe-adresses-conteneur {}
.groupes-adresses-ligne {float:left; padding:0 10px;}
.groupes-adresse {float:left;}
.groupes-delete {vertical-align:middle; float:left; padding-left: 10px; cursor:pointer;}
.groupes-adresses-retourligne {clear:left;}


/* Controle session */
.session-inactive {position:absolute; visibility:hidden;  z-index:110; left:600px; top:300px; width:350px; height:150px;}
.session-deconnecte {position:absolute; visibility:hidden;  z-index:110; left:600px; top:300px; width:350px; height:150px;}
#sessionBoutonInactif {margin: 35px 0 0 85px;}
#sessionBoutonReconnexion {margin: 20px 10px 0 100px;}

/* Commentaires */
.commentaire-editer {margin-left:10px; font-weight:bold;}
.commentaire-editer a, .commentaire-editer a:visited {text-decoration:none;}
.commentaire-editer a:hover {text-decoration:underline;}
.commentaire-voir {margin-left:10px; font-weight:normal;}
.commentaire-voir a, .commentaire-voir a:visited{text-decoration:none;}
.commentaire-voir a:hover {text-decoration:underline;}

#commentairedetail-form {}
#commentairedetail-form textarea {width:700px; height:200px;}

/* Publicite */
#publicite-container-image {height:20px; margin:0 15px 10px 0;}
#publicite-container-image input {margin-bottom:10px;}
#publicite-container-image label, #publicite-container-image input, #publicite-container-image a {vertical-align:middle;}
#publicite-creation-container {}	
#create-publicite-nom {margin-bottom:10px;}
#create-publicite-nom, #create-publicite-image, #create-publicite-lien {width:250px;}
#create-publicite-position {width:250px;margin-bottom:10px;}
#create-publicite-lien {margin:0 15px 10px 0;}
#create-publicite-boutons {padding-top:15px;}
#publicite-image-delete {cursor:pointer;}
#create-publicite-save {margin:15px;}
#publicites-container {padding-top:25px;}
#publicite-container {}
#publicite-bouton-retour {padding:10px 0;}
#update-publicite-nom {margin-bottom:10px;}
#update-publicite-nom, #update-publicite-image, #update-publicite-lien {width:250px;}
#update-publicite-position {width:250px;margin-bottom:10px;}
#update-publicite-lien {margin:0 15px 10px 0;}
#update-publicite-boutons {padding-top:15px;}
#update-publicite-save {margin:15px;}
.publicite-statistiques-dates {padding:15px;}
.publicite-statistiques-dates label {font-weight:bold; padding-right:10px;}
#publicite-statistiques-tableau {padding-top:35px;}

/* Carrousel */
#carrousel-produits {display:none;}
#carrousel-texte {display:none;}
#carrousel-page {display:none;}
#carrousel-page h2 {padding:10px 0 0 10px;}
#carrousel-contenu-page {border:1px solid #ccc; margin:0 25px; width:650px; padding:15px;}
#carrousel-choix-container {padding:10px 20px;}
.carrousel-themes { background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    margin: 0 30px 10px 0;
    padding: 10px;}
    
    




/* Partage des informations DDEC94 */
#partageinfo-ajout-container .base-grid td,
#partageinfo-visu-container .base-grid td {padding-bottom:7px; padding-left:10px;}
#partageinfo-ajout-container { margin:20px 0;}
#partageinfo-ajout-ligne {padding: 15px 0;}
#partageinfo-ajout-type-container {width:50%; padding-bottom:15px;}
#partageinfo-ajout-type-container h3{margin-top:0px;}
#partageinfo-ajout-type { padding-left:150px;}
#partageinfo-ajout-metier-container{ display:none; float:right; width:50%; padding-bottom:15px;}
#partageinfo-ajout-metier-container h3 { margin-top:0px;}
.partageinfo-ajout-metier {  padding-left:150px; display:none;}
#partageinfo-ajout-tableau-container { display:none; padding-top:20px;}
.partageinfo-ajout-tableau { display:none;}
.partageinfo-ajout-tableau table{}
.partageinfo-ajout-tableau table tr {height:25px;}
.partageinfo-ajout-tableau-choix table, .partageinfo-ajout-tableau-choix table td,.partageinfo-tableau-ligne table th{ border:none;}

.partageInfo-appreciations-liste {border-bottom-style: solid; border-bottom:dashed; border-width:1px; padding-top:10px;}
.last-appreciation {border-bottom-style: hidden;}


#partageinfo-visu-container { margin:20px 0;}
.partageinfo-visu-nom { border: 1px solid #CCCCCC; min-height: 30px; line-height: 30px; margin-bottom: 5px; padding-left:15px;}
.partageinfo-visu-type-nom{  background-color: #22466C; color: #FFFFFF; font-weight: bold; margin: 0 0 15px 0;}
.partageinfo-visu-metier-nom {background-color:#59A8C9;  color:#FFFFFF; font-weight:bold; margin:0px; width:350px;}
.partageinfo-visu-metier-container {}
.partageinfo-visu-metier {}
.partage-info-visu-metier-table {width:100%;}
.partageinfo-visu-tableau-container {}
.partageinfo-visu-tableau{}
.partageinfo-visu-tableau-choix  {}
.partageinfo-visu-tableau-choix tr {height:25px;}


.partageinfo-submit{padding:15px 15px 15px 30px;}
.partageinfo-detail-appreciations-delete { border: medium none; cursor: pointer; height: 13px; position: relative; top: 3px;}
.partageinfo-detail-new-appreciations-delete {left:4px;}

#partageinfo-detail-add-appreciation { margin-top : 15px;}
.partageinfo-detail-appreciations{ padding-left:180px; margin:10px 0;}
.partageinfo-detail-appreciation-newligne {margin : 10px 0;}


/* Gestion des documents DDEC94 */
#listeDocumentsPartage {}
#documentpartage-message {padding-bottom:0;}
.documentpartage-conteneur {margin-bottom:5px; border:1px solid #CCC; height:30px; line-height:30px;}
.documentpartage-conteneur span {padding-left:5px;}
.documentpartage-cat-title { background-color:#22466C; color:#FFFFFF;   font-weight:bold; margin:0px; width:98%;}
.documentpartage-doc-title {width:98%;}
.documentpartage-boutons {width:100px; float:right;  vertical-align:middle;}
.documentpartage-boutons-categorie {width:70px; float:right;  vertical-align:middle;}
.documentpartage-list-doc {width:98%; height:30px; line-height:30px;}
.documentpartage-image-download{text-decoration:none; position:relative; top:-1px; padding:0 5px;}
.documentpartage-lien-ajout{margin-bottom:10px; height:20px; line-height:20px; width:98%; padding:20px;}
#documentpartage-modifier tr {height:30px; text-align:left;}
#categoriepartage-modifier tr {text-align:left; height:30px;}
#documentpartage-ajout-categorie-nom {width:250px;}
.documentpartage-image-valign {vertical-align:middle;} 
.document-partage-image-delete{top:0px; vertical-align:middle; cursor:pointer;}
.documentpartage-padding {padding:10px;}

/* Etablissements */
.etablissement-boutons {padding:10px 0;}
#etablissement-choix-container {padding:15px 0;}
#etablissement-choix-ville {float:left; width:200px;}
#etablissement-choix-unite {float:left;width:400px;}
#etablissement-choix-unite .bouton100 {margin-top:10px;}
#etablissement-choix-diplome {float:left;width:400px;}
#etablissement-choix-diplome .bouton100 {margin-top:10px;}
.etablissement-bouton-tri {padding:10px 0;}
.etablissements-bouton-delete { vertical-align: middle;}
.etablissements-unites-newligne {} 
.etablissements-newLigne {margin:10px 0; }

/* Statistiques */
#statistiques {width:1000px;}
.stat {padding:0 10px; margin-bottom:5px;}
.stat-gauche{ float:left; display:block; text-align:right; width:200px;}
.stat-droite{ padding-left:10px; width:140px;}
.stat-conteneur{float:left; padding:10px; width:900px; padding-bottom : 50px;}
.stat-conteneur-accueil{float:left; padding:10px; width:455px;  padding-bottom : 50px;}
.stat-conteneur strong, .stat-conteneur-accueil strong {margin-right:5px;}


/* Membres adherents */

.membresadherents-affilies {display:none; }
#membreadherent-ligne .membresadherents-ligne-entete{background-color:#072F52;}
.membresadherents-ligne-entete {padding-left:15px; margin-top:15px;  background-color:#6CB3CF; color:#FFFFFF; min-height: 32px;line-height: 32px; font-weight:bold;}

.membresadherents-ligne-nom {float:left; overflow:hidden; min-height:26px; width:calc(100% - 370px);}
.membresadherents-ligne-nom img {vertical-align:middle; padding-right:5px;}
.membresadherents-ligne-actions {float:right; width:360px; padding:3px; min-height:26px; text-align:right; line-height:26px;}
#membresadherents-ligne-entete .membresadherents-ligne-actions {text-align:center;}
.membresadherents-ligne-actions a,.membresadherents-ligne-actions span {margin-left:5px; cursor:pointer;}
.membreadherent-ligne-supprimer {cursor:pointer;}

.membresadherents-affilies .membresadherents-tableau {padding-left:25px;  margin-top:15px;}



/* Module Membre */
#membre-filtre {padding:0 20px 20px 20px;}

#membre-filtre-nom, #membre-filtre-societe, #membre-filtre-codePostal {width:150px;}
.base-grid .membre-actions-bouton {width:25px;padding:0;}
.base-grid .membre-actions-bouton span {cursor:pointer;}


/* Membre Details */
#membre-detail-carte{float:right; width:400px; padding:15px; }
#membre-detail-informations {overflow:hidden;}
#membre-detail-informations .form {overflow:hidden;}
#membre-supprimer {float:right; margin:15px 0;}
#membre-retour {margin:15px 0;}
#map_canvas {width:400px; height:450px;}

#membre-detail-categories {max-width:760px;}

#container-photo,#container-logo {height:auto;} 

/* Membre documents */
#membre-document-ajout {}
#membresdocuments-tableau {}
#membresdocuments-tableau td {padding: 2px 5px;}
#membredossier-choix {padding-left:210px;}

/* Membre groupes */
#membre-groupes-conteneur {}
#membre-groupes-conteneur .form > div {padding-bottom:0;}
.groupe-conteneur {margin-bottom:5px; border:1px solid #CCC;}
.groupe-conteneur span {padding-left:5px;}
.groupe-title { background-color:#22466C; color:#FFFFFF;   font-weight:bold; margin:0px; }
.groupe-sous-title { background-color:#59A8C9;  color:#FFFFFF; font-weight:bold; margin:0px;}
.groupe-boutons {width:100px; float:right;  vertical-align:middle;}
.groupe-boutons-categorie {width:50px; float:right;  vertical-align:middle;}

/* Membre dossiers */

#membre-dossiers-conteneur {}


/* Membres statistiques */

#membre-statistiques {}
#membre-statistique-annee {margin:20px 130px;}
#membre-statistique-show-annee {font-weight:bold; font-size:1.1em;}
#membre-statistiques table td {width:20px;text-align:center;}

#membre-dossiers-conteneur .form > div {padding-bottom:0;}
#membre-dossiers-conteneur .dossier-conteneur {margin-bottom:5px; border:1px solid #CCC;}
#membre-dossiers-conteneur .dossier-conteneur span {padding-left:5px;}
#membre-dossiers-conteneur .dossier-title { background-color:#22466C; color:#FFFFFF;   font-weight:bold; margin:0px; }
#membre-dossiers-conteneur .dossier-sous-title { background-color:#59A8C9;  color:#FFFFFF; font-weight:bold; margin:0px;}
#membre-dossiers-conteneur .dossier-boutons {width:100px; float:right;  vertical-align:middle;}
#membre-dossiers-conteneur .dossier-boutons-categorie {width:50px; float:right;  vertical-align:middle;}


/* MEMBRE COTISATION / CRM */

#membre-detail-informations .membre-cotisation-conteneur {width: 300px; float: left !important; clear:none;}
#membre-detail-informations .membre-cotisation-conteneur .membre-cotisation-a-jour { text-align:left; font-weight:bold;}
#membre-detail-informations .membre-cotisation-conteneur .membre-cotisation-a-jour span {font-weight:normal;}
.membre-cotisation-conteneur .membre-cotisation-a-jour {/*display:none;*/}

.membre-cotisation-td {text-align:center; width:290px;}
.membre-cotisation-caches-bouton {cursor:pointer; border:1px solid #ccc; padding:3px 5px; }
.membre-cotisation-caches-bouton:hover {background:#BFBFBF;}
.membre-cotisation-caches {display:none;}
.membre-cotisation-bouton-ajout {margin-top:15px; width:200px; cursor:pointer;border:1px solid #ccc; padding:3px 5px; text-align:center; margin:15px auto;}
.membre-cotisation-bouton-ajout:hover {background:#BFBFBF;}
.membre-cotisation {display:none; margin:15px 0;}
.membre-cotisation-ajout {display:none;margin-top:15px; }
.membre-infoscotisation-conteneur {margin:10px;}
.membre-infoscotisation {float:left;}
.membre-cotisation-a-jour {font-weight:bold; font-size:1.1em;}
.cotisation-edit {float:left; cursor:pointer; margin:0 5px;}
.cotisation-montant {margin-left:5px; float:left;}
.cotisation-montant input {width:70px;}
.cotisation-date {float:left; width:60px;}
.cotisation-date input {width:35px; margin-top: 1px;  vertical-align: top;}
.cotisation-date img { top:1px;}
.cotisation-select {margin-left:5px; float:left;}
.cotisation-select select {width:70px;}
.cotisation-cancel {float:left; margin:0 5px; cursor:pointer;}
.cotisation-save {float:left; cursor:pointer;margin:0 5px;}
.cotisation-delete {float:left; cursor:pointer; margin-left:5px;}


/* CRM */
#crm-reponse-import { width:95%;   margin-bottom: 1em; border: 2px solid #ddd;}
#crm-reponse-import p, #crm-reponse-import li {margin:0; margin:0; font-weight:bold; font-size:14px;}
#crm-reponse-import-messages {background: #e6efc2; color: #264409; border-color: #c6d880;padding: 0.8em;}
.crm-reponse-import-message {color: #264409;  }
#crm-reponse-import-erreurs {background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0.8em;}
.crm-reponse-import-erreur { color: #8a1f11;}


#crm-filtres-form {}
#crm-filtres-inscrit {}
.crm-filtres-element {float:left; margin:5px 10px; width:160px;}
.crm-filtres-element-titre {font-weight:bold; text-align:center;}
.crm-filtres-element input, .crm-filtres-element select {width:158px;}
.crm-filtres-element-type {}
.crm-filtres-element-nom {}
.crm-filtres-element-prenom {}
. crm-filtres-element-mail {}
.crm-filtres-element-societe {}
.crm-filtres-groupes-titre {}
.crm-filtres-groupes-titre h2 {display:inline-block;}
.crm-filtres-groupes-titre .groupe-show {display:inline-block; cursor:pointer; margin-left:10px;}
.crm-filtres-groupes-titre .groupe-show img { display: inline-block; margin-bottom: 5px; vertical-align: middle;}
    
.crm-filtres-groupes {margin:0 0 15px 15px;}
.crm-filtres-colonne {float:left; width:250px;}
.crm-filtres-colonne-annee {width:300px;}
.crm-filtres-colonne img { display: inline-block;  vertical-align: top; cursor:pointer; }
.crm-filtres-colonne label {padding:0 10px;}
.crm-filtres-colonne .gras input {margin-top:0;margin-bottom:0;}

.crm-statuts-groupes {}
.crm-statuts-groupes-update {display:none;}
.crm-newsletter-groupes {}
.crm-newsletter-groupes-update {display:none;}
.crm-titre {font-weight:bold; margin:10px 0; }
.crm-edit {cursor:pointer;margin:5px;}
.crm-update {cursor:pointer; margin:5px;}
.crm-cancel {cursor:pointer;margin:5px;}


#crm-popup { }
#crm-popup-contenu #reponse-container-popup {position:relative; width: 100%;}
#crm-popup-contenu #reponse-container-popup .reponse-messages,
#crm-popup-contenu #reponse-container-popup .reponse-erreurs {position:relative;}

#crm-popup-centre {position:relative;}
#crm-popup-centre .mfp-close {font-size: 45px; color:#fff;}

#crm-popup-centre .page-area-content{background:#fff;}
#crm-popup-centre .page-area-content .form {padding:0 10px;}


.crm-popup-titre {display:inline-block; width:100px;}

.crm-popup-div {width:530px; margin-left:45px; float:left;}
.crm-popup-div .form {padding-left:0px;}
.crm-popup-div .input-text,
.crm-popup-div select,
.crm-popup-div .input-textarea {width:98%;}

.crm-popup .formulaire-creation {margin-left:55px;}

#crm-popup-note-form .form {}

#crm-popup-historique {}
#crm-popup-historique-conteneur {max-height:150px; overflow-y:scroll;}
.crm-popup-historique-ligne {border-top:1px solid #ccc; margin:5px 0; padding:5px;}
.crm-popup-historique-nom { font-weight:bold; font-size:1.3em; margin-bottom:3px;}
.crm-popup-historique-date {float:left;font-style:italic;}
.crm-popup-historique-utilisateur {float:right; font-size:1.1em;}
.crm-popup-historique-com {margin-top:5px; }

#crm-resultats-conteneur {}

#filtres-groupes {}
.filtres-colonne {float:left; width:250px;}

.membre-annee-encours {font-size: 20px; font-weight: bold; margin: 10px; text-align: center;}
.membre-annee-encours-modifier {font-size: 15px; font-weight:normal;}


/* Membres facturation */
/* GENERATION FACTURE */
#facturation-membres-liste {}
#facturation-perso-liste {display:none;}

#facturation-contenu table {}
#facturation-contenu .form {padding-left:5px;}
#facturation-informations .form > div {padding-bottom:0px;}
#facturation-informations {border:1px solid #ccc; padding:10px; max-width:1100px;}

.membres-facturation-label {font-weight:bold;}
#membres-facturation-prix {display:inline-block; vertical-align:top;}
#membres-facturation-prix span {display:inline-block; vertical-align:top; margin:5px 0;}
#membres-facturation-cocher-type {margin-left:55px;}
.membres-facturation-generer {margin:20px 0;}
 .membres-facturation-cocher {display: inline-block; margin-left: 40px;}
 
.membres-facturation-titre-td, .liste-facturation-titre-td {width:490px;}
.liste-facturation-titre-td input {height: 20px; margin: 5px 0;}
.liste-facturation-societe { width: 400px;}
.liste-facturation-nom { width: 400px;}
.liste-facturation-prenom { width: 400px;}
.liste-facturation-adresse { width: 400px;}
.liste-facturation-titre-td .liste-facturation-codePostal { width: 70px; margin-right:5px; display:inline-block;}
.liste-facturation-ville { width: 220px; }


.membres-facturation-prix-td, .liste-facturation-prix-td {width:100px;}
.membres-facturation-type-td, .liste-facturation-type-td {width: 360px; vertical-align:top;}
.membres-facturation-type-td .membres-facturation-type-element,
.liste-facturation-type-td .liste-facturation-type-element {margin-bottom:7px;}
.membres-facturation-type-td input,
.liste-facturation-type-td input {vertical-align:top;}
.membres-facturation-type-td span,
.liste-facturation-type-td span {vertical-align:middle; display:inline-block;}
#membres-facturation-recu {display:none;}
#membres-facturation-copier-typeTexte {vertical-align:top;}
.membres-facturation-typeText,.liste-facturation-typeText {display:none;}


.membres-facturation-prix-td, .liste-facturation-prix-td {width:100px;}
#membres-facturation-prix-commun, .membres-facturation-prix, .liste-facturation-prix {width:70px;}

/* FACTURE ENVOI */
#membre-facture-envoi-contenu table {}
#membre-facture-envoi-texteMail {margin-bottom:20px;}
#membre-facture-envoi-container {margin:15px 0;}
.membre-facture-envoi-filtre {float:left; margin:5px;}
.membre-facture-envoi-filtre select {width: 70px;}
.membre-facture-envoi-mails { min-height:30px; padding:5px;  width: 455px;}
.membre-facture-envoi-mails p {margin:5px 0;}
.membre-facture-envoi-mails img {cursor:pointer;}
#membre-facture-envoi-haut-conteneur {width:900px;}
#membre-facture-envoi-sujet-container {float:right;}
#membre-facture-envoi-sujet-container input {width:300px;}
#membre-facture-envoi-sujet-container label {font-weight:bold; font-size:1.2em;}
#membre-facture-envoi-contenu {padding:35px 0;}
.membre-facture-envoi-checkbox {margin:10px; border: 1px solid #ccc; width:400px;}
.membre-facture-envoi-checkbox > div {margin:5px;}


.membre-facture-reponse-messages,
.membre-facture-reponse-erreurs {position:fixed; top:15px;width:95%; margin-bottom: 1em; border: 2px solid #ddd; z-index:2000;}
.membre-facture-reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; }
.membre-facture-reponse-messages { background: #e6efc2; color: #264409; border-color: #c6d880; }
.membre-facture-reponse-erreur { color: #8a1f11; font-weight:bold; }
.membre-facture-reponse-message { color: #264409; font-weight:bold;padding: 0.8em; margin:0; }
#membre-facture-reponse-fermer {float:right; padding: 10px; cursor:pointer; font-weight:bold;}

.facture-envoi-bouton-ajout {cursor:pointer; text-align:center; border:1px solid #ccc; padding:3px 5px; margin:10px; display:block;}
.facture-envoi-bouton-ajout:hover {background:#BFBFBF;}
.facture-envoi {margin:10px 0;}

/* FACTURE SUIVI */

#membre-facture-suivi-contenu table {}
#membre-facture-suivi-container {margin:15px 0;}
.membre-facture-suivi-filtre {float:left; margin:5px;}
.membre-facture-suivi-filtre select {width: 70px;}
#membre-facture-suivi-contenu {padding:35px 0;}
#membre-facture-suivi-contenu form {display:inline-block;}
#membre-facture-suivi-contenu input{border:none;display:inline-block;}


.facture-reglement {width:200px;}
.facture-regle {margin-left:0px; float:left}
.facture-infosenvoi {margin-left:10px; float:left}
.facture-edit {float:left; cursor:pointer; margin:0 5px;}
.facture-date {display:none; width:110px;}
.facture-date input {width:75px;}
.facture-select {display:none;float:left;}
.facture-select select {width:100px;}
.facture-cancel {display:none;float:left; margin:0 5px; cursor:pointer;}
.facture-save {display:none;float:left; cursor:pointer;margin:0 5px;}
.facture-delete {display:none;float:left; cursor:pointer; margin-left:5px;}
.facture-texte {display:none; margin:5px 0;}





/* Formulaire */
#questionnaire-boutons-bas-page {display:none;}
.questionnaire-boutons { margin:15px;}
.questionnaire-boutons-delete {vertical-align:middle; padding-right:5px;cursor:pointer;}
.questionnaire-checkbox {vertical-align:top;}
.questionnaire-champs-details-container {float:left; padding-left:15px;}
.questionnaire-champs-detail {padding:5px 0; clear:left;}
#questionnaire-destinataire-container {float:left; padding-left:15px;}
#questionnaire-erreurs, #questionnaire-erreur-label, #questionnaire-erreur-questions, #questionnaire-erreur-reponses, #questionnaire-erreur-options, #questionnaire-erreur-champs {display:none; }
#questionnaire-champs-obligatoires {font-style:italic; font-size:0.9em; padding:10px; padding-bottom:0;}
#questionnaire-creer-container, #questionnaire-update-container {margin:15px;}
.questionnaire-question-supprimer {float:right; margin:10px;}
.questionnaire-question-container { border:1px solid #AAAAAA; padding: 15px 10px; margin: 10px 0;}
.questionnaire-question {/*float:left;*/}
.questionnaire-question h3 {margin-top:0; margin-right:5px; /*float:left;*/ display:inline;}
.questionnaire-reponses h3 {padding-left:36px; margin-bottom:5px;}
.questionnaire-champ {}
.questionnaire-reponses-container {padding:10px; padding-left:130px;}
.questionnaire-reponses-container img {vertical-align:middle;}
.questionnaire-reponses-container .ui-datepicker-trigger {vertical-align:baseline;}
.questionnaire-reponses-option {margin: 3px 2px;}
.questionnaire-ajoute-bouton {margin:10px 0;}
.questionnaire-ajoute-reponse-bouton {margin-left:35px;}
#questionnaire-liste-reponses {margin:20px;}
.questionnaire-delete{float:left; cursor:pointer; padding-right:20px;}
#questionnaire-contenu {}
.questionnaire-ligne-reponse {margin:5px 0;} 
.questionnaire-select-ajouter-option {display:inline;}
.questionnaire-reponses-select-options { padding-top:10px; padding-left:25px;}
.questionnaire-select-options {padding:2px 15px;display:inline;}
.questionnaire-select-container-options {} 
.questionnaire-select-container-options h4 {margin: 10px 0;}
.questionnaire-update-position {margin-left:15px;}



/* Attribut */
#attribut-detail {}
#attribut-detail .col, #attribut-detail .nom {float:left; clear:none;}
#attribut-detail .nom.select {width:400px; float:none;}
#attribut-detail .supprimer {margin-right:10px;}
#attribut-detail .supprimer > img {vertical-align:middle;}
#attribut-detail .legende {font-weight:bold; text-align:center;}

#attribut-detail .attribut-colorpicker {position:relative; height:36px; cursor:pointer;padding:0; margin-top:0;}
#attribut-detail .colorSelector2 {padding:0;}
#attribut-detail .colorSelector2.couleurDefaut {left:43px;}
#attribut-detail .colorPickerInput {float:left;}
#attribut-detail .colorPickerDiv { padding:0; clear:none; background-color:#ffffff;} 


/* Gestion attributs */
#gestion-attributs-conteneur {padding:15px 0;}
#gestion-attributs-boutons {margin-top:25px;}

/* PICTURE MANAGER */
#pictureManager-main {}
/* Controles */
#pictureManager-controles {}
#pictureManager-controles a,
#pictureManager-controles a:visited {}
#pictureManager-controles .addImage {float:left; margin-left:5px;}
#pictureManager-controles .addDirectory {float:left; margin-left:5px;}
#pictureManager-controles .clearImages {float:left; margin-left:5px;}
/* Contenu */
#pictureManager-conteneur {}
#pictureManager-conteneur .pictureManager-element {border:1px solid #cccccc; background:#ffffff; padding:10px; width:90px; float:left; margin:10px 5px 0px 5px;}
#pictureManager-conteneur .pictureManager-element .supprimer {float:right;}
#pictureManager-conteneur .pictureManager-element .select {}
#pictureManager-conteneur .pictureManager-element .photo {margin:5px 0;}
#pictureManager-conteneur .pictureManager-element .nom {}
#pictureManager-conteneur .pictureManager-element .nom input {width:88px;}





/* DOCUMENTS */
#erreurs-fichiers {display:none; color: #8A1F11; font-weight: bold;}
#erreurs-fichiers .reponseFermer {float:right; padding: 5px 0; cursor:pointer;}
#documents-container .form > div {padding-bottom:0;}
#documents-container .resultats {margin-bottom:10px;}

#dossier-picto-container {clear:none;}

#documents-container .dossier-conteneur {margin-bottom:5px; border:1px solid #CCC; width:100%; height:30px; line-height:30px; overflow:hidden;}
#documents-container .dossier-conteneur span {padding-left:5px;}
#documents-container .dossier-date {}
#documents-container .dossier-title { font-weight:bold;  }
#documents-container .dossier-membre {margin-right:45px; }
#documents-container .dossier-boutons {width:100px; float:right;  vertical-align:middle;}
#documents-container .dossier-boutons-categorie {/*width:350px;*/ float:right;  vertical-align:middle;  margin-right: 10px;}

#documents-container .dossier-image-download img, #documents-container span.dossier-image-download {display: inline-block; margin: 0 10px; }
#documents-container span.dossier-image-download {width:11px;}

#documents-container .dossier-boutons-fichiers {display:inline-block; width:150px; cursor:pointer; margin-right:10px;}
#documents-container .dossier-picto {padding:0; widht:30px; height:30px; display:inline-block;}
#documents-container .dossier-fichiers {min-height:30px; display:none;  margin:5px 0 5px 20px; }

#documents-fichiers-conteneur #uploader {margin:20px 0;}
#documents-fichiers-conteneur .plupload_wrapper {width:95%;}
#documents-fichiers-conteneur .fichiers-container {}
#documents-fichiers-conteneur .fichiers-container .fichier-contenu { margin: 5px 10px; width:270px; min-height:80px;}
#documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-nom {text-align:center; }
#documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-nom img {cursor:pointer; vertical-align:middle;}
#documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-nom span {display:inline-block;}
#documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-legende {}
#documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-legende input {width:245px;}
#documents-fichiers-conteneur .fichier-supprimer {height:80px;}
#documents-fichiers-conteneur .fichier-supprimer img {cursor:pointer; margin-top:30px;}
#documents-fichiers-conteneur .fichiers-boutons-container {margin:20px 10px;}


/* Liste de documents */

#documents-plupload {}
#documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu {width:inherit; min-height:40px; margin:20px 10px;}
#documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu > div {margin: 0 10px;}
#documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-date {padding-top:8px; font-weight:bold;}
#documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-nom {padding-top:8px;}
#documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-titre {padding-top:8px;}
#documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-titre input {width:240px;}
#documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-personne {padding-top:8px;}
#documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-personne .fichier-page {}
#documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-personne .fichier-page select {width:90px;}
#documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .document-label {font-weight:bold; margin-right:5px;}
#documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-type img {cursor:pointer;}
#documents-plupload #documents-fichiers-conteneur .fichier-supprimer {height:40px;}
#documents-plupload #documents-fichiers-conteneur .fichier-supprimer img {margin-top:8px;}
#documents-plupload #documents-fichiers-conteneur .fichier-supprimer.fichier-disabled img {cursor:default;}
#documents-plupload #documents-fichiers-conteneur .vert,
#documents-plupload #documents-fichiers-conteneur .orange,
#documents-plupload #documents-fichiers-conteneur .rouge,
#documents-plupload #documents-fichiers-conteneur .bleu { padding: 0.2em; width:80px; display:inline-block; text-align:center;}

/* Suivi entrées */

.suivi-menu {}
.suivi-menu .suivi-menu-element {cursor:pointer; width:120px; height: 55px; padding:10px; float:left; margin:5px 10px; border:1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  }
.suivi-menu .suivi-menu-element:hover, .suivi-menu .suivi-menu-element.selected {background:rgba(206, 206, 206, 0.9);}
.suivi-menu .suivi-menu-element i {font-size:40px; color:#000;}				
.suivi-menu .suivi-menu-icone {text-align:center;}
.suivi-menu .suivi-menu-nom {text-align:center; font-size:14px;}

#suivi-entree-conteneur, #suivi-base-client-conteneur {margin-top:15px;}
#suivi-entree-conteneur .resultats, #suivi-base-client-conteneur .resultats {margin:10px;}

#suivi-entree-conteneur #suivi-entree-table-body tr.clos {background:#dddada;}

#suivi-rappels-conteneur {padding: 0 10px;}

#suivi-entree-filtres-statuts {margin:15px 0;}
#suivi-entree-filtres-statuts .filtre-statut-checkbox {visibility:hidden; display:block; margin:0;}
#suivi-entree-filtres-statuts .suivi-entree-filtres-statut {margin-right: 5px; display:inline-block; vertical-align:top; font-size:0;}
#suivi-entree-filtres-statuts .suivi-entree-filtres-statut span {height:auto; width:auto; line-height:unset; padding:4px 5px; position:unset; background:#fff; color:#989292; border:1px solid #ccc; font-size:14px; display:inline-block; cursor:pointer; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;  }
#suivi-entree-filtres-statuts .suivi-entree-filtres-statut.selected > span,
#suivi-entree-filtres-statuts .suivi-entree-filtres-statut-enfant.selected > span,
#suivi-entree-filtres-statuts .suivi-entree-filtres-statut-enfant-sous.selected > span {background:#0C6FA8; color:#fff;}
#suivi-entree-filtres-statuts .suivi-entree-filtres-statut-enfants {margin:2px 0;}
#suivi-entree-filtres-statuts .suivi-entree-filtres-statut-enfant {margin-right: 5px; display:inline-block; vertical-align:top; font-size:0;}
#suivi-entree-filtres-statuts .suivi-entree-filtres-statut-enfants-sous {}
 
#suivi-entree-filtres-statuts .suivi-entree-filtres-statut-enfant-sous {margin:5px 0;} 


#suivi-base-client-formulaire {}
#suivi-base-client-formulaire .mfp-close {font-size: 45px; color:#fff;}
#suivi-entree-formulaire {position:relative; }
#suivi-entree-formulaire .mfp-close {font-size: 45px; color:#fff;}
#suivi-entree-formulaire .form {padding-left:0px;}
#suivi-entree-formulaire > .form { font-size:0;}
#suivi-entree-formulaire .form label {font-size:11px;}
#suivi-projet-formulaire {}
#suivi-projet-formulaire .mfp-close {font-size: 45px; color:#fff;}

.suivi-entree-div {min-width:280px; margin:5px; font-size:11px;}
.suivi-entree-div .input-text,
.suivi-entree-div select,
.suivi-entree-div .input-textarea {width:95%; background:#fff; color:#000; border:1px solid #ccc;}

#suivi-entree-informations-details {max-width:380px;}

#suivi-entree-ouverture {position: absolute;right: 220px;top: 45px;font-weight: bold;}
#suivi-entree-clore {position:absolute; right:80px; top:40px; }
#suivi-entree-rouvrir {position:absolute; right:80px; top:40px; }
#suivi-entree-formulaire .suivi-entree-colonnes {display:inline-block; vertical-align:top; margin:15px 15px 0; font-size:0px;}
#suivi-entree-formulaire .suivi-entree-colonne {display:inline-block; vertical-align:top; margin:15px 0 0; font-size:0; min-height:370px;}
#suivi-entree-formulaire #suivi-entree-edit-col2 {background:#f2f2f2; padding:0 15px; font-size:11px;}

#suivi-entree-colonnes {display:none; padding:0; font-size:0,}
#suivi-entree-formulaire #suivi-entree-edit-col3,
#suivi-entree-formulaire .suivi-entree-colonne-preremplie {font-size:11px; display:inline-block; vertical-align:top; background:#f2f2f2; padding:5px 15px; min-height:360px;}


/* Bouton suivi */
.bouton-action {padding:5px;}
.bouton-action.selected {background:#f2f2f2;}
.bouton-suivi > span {height:auto; width:auto; line-height:unset; position:unset; background:#0C6FA8; color:#fff; font-size:16px; display:inline-block; padding:5px 10px; border:1px solid #133B5F; cursor:pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  }
.bouton-suivi:hover > span, .bouton-suivi.selected > span  {background:#133B5F;}
.bouton-action span, .bouton-statut span {display:block; width:200px; }
.bouton-statut {padding:5px 0;}

#suivi-entree-bouton-informations {font-size:11px;}
#suivi-entree-bouton-statut {}
#suivi-entree-bouton-contacts {}
#suivi-entree-bouton-projet {}
.suivi-entree-bouton-element {display:none;}

#suivi-entree-informations {display:block;}
#suivi-entree-statuts {display:block;}
#suivi-entree-statuts .bouton-suivi {margin:2px 0px; position:unset;}

#suivi-entree-rappels {margin:0 10px; display:none;}
#suivi-entree-ajout-rappel {}
#suivi-entree-ajout-rappel-form select {width:50px;}

#suivi-entree-affiche-champlibre {display:none;}
#suivi-entree-affiche-champlibre-form {}
#suivi-entree-affiche-champlibre-form textarea {}

#suivi-entree-affiche-chiffreaffaires {display:none;}


#suivi-entree-dossier {font-size:11px; padding:5px 0;}
#suivi-entree-notes {font-size:11px;}
#suivi-entree-historiqueactions {font-size:11px;}

#suivi-entree-historique {}
#suivi-entree-historique-conteneur {padding:0 10px;}
.suivi-entree-historique-ligne {border-top:1px solid #ccc; margin:5px 0; padding:5px;}
.suivi-entree-historique-nom { font-weight:bold; font-size:1.3em; margin-bottom:3px;}
.suivi-entree-historique-date {float:left;font-style:italic; margin:0 10px 0 0;}
.suivi-entree-historique-utilisateur {float:right; font-size:1.1em;}
.suivi-entree-historique-com {margin-top:5px; }

.suivi-entree-table-actions {width:80px;} 
.suivi-entree-table-dateEntree {width:80px;}
.suivi-entree-table-type {width:280px;} 
.suivi-entree-table-statut {width:200px;} 
.suivi-entree-table-notes {width:67px;}
.suivi-entree-select, .suivi-entree-text, .suivi-projet-select {display:none; }
.suivi-entree-select select, .suivi-projet-select select, .suivi-entree-text input {width:150px;}

.suivi-entree-edit,
.suivi-entree-save,
.suivi-entree-cancel {cursor:pointer; vertical-align:middle; height:16px; display:inline-block; }
.suivi-entree-save {display:none;}
.suivi-entree-cancel {display:none; }

.suivi-entree-appel-en-cours {color:#093154;}
.suivi-entree-appel-manque {color:#CC0000;}
.suivi-entree-duree-appel {color:#1777AA;}
.suivi-entree-duree-appel-court {color:#E5990B;}


/* projet */
#suivi-projet-boutons-conteneur {margin: 15px;}
#suivi-projet-boutons-conteneur div {margin:0 5px;}

.suivi-filtres {}
.suivi-filtres > input {margin:0 0 10px;}
.suivi-filtres > h3 {margin:10px 0;}



/* Base client */
#suivi-base-client-creation-societe {cursor:pointer;}

#reponse-container-popup {position:fixed; width:90%; padding:0;}

#reponse-popup-container {width: 25px; height:25px; position:absolute; right:30px; top:30px; font-size:11px;}
#reponse-popup {padding: 0 0.8em; }
#reponse-popup .reponse-popup-erreur {}
#reponse-popup .reponse-popup-erreur i {vertical-align:middle; font-size:34px; color:#ed2a2a;}
#reponse-popup .reponse-popup-message {}
#reponse-popup .reponse-popup-message i {vertical-align:middle; font-size:34px; color:#45cc45}


#droite-panier-contenu {position:relative;}
#droite-panier-reponse-conteneur {}
#droite-panier-reponse { background: #fff; color: #000; border: 2px solid #E98C14;text-align: center;}
#droite-panier-reponse .droite-panier-reponse-erreur {font-weight:bold;}
#droite-panier-reponse .droite-panier-reponse-erreur i {}
#droite-panier-reponse .droite-panier-reponse-message {}
#droite-panier-reponse .droite-panier-reponse-message i {vertical-align:middle; font-size:34px; color:#45cc45}

input.suivi-filtre-text {width:100%;}
select.suivi-filtre-select {width:100%;}

.suivi-table-td {position:relative; z-index:10;}
.suivi-table-td > a.lien-absolu {position:absolute; width:100%; height:100%; top:0; left:0; z-index:11;}
.suivi-table-td > a.suivi-entree-add {position:relative; z-index:15;  }
.suivi-table-td-actions {text-align:center;}
.suivi-table-td-actions > div {margin:0 5px; }
.suivi-table-td-notes {text-align:center;}


/* Informations */
#suivi-informations-conteneur {}
#suivi-informations-telephones {}
#suivi-informations-telephones .suivi-informations-telephone {margin:5px 0;}
#suivi-informations-telephones .suivi-informations-telephone-label {float:left; font-weight:bold;}
#suivi-informations-telephones .suivi-informations-telephone-telephone {float:left; margin-left:5px;}


/* Stats */
#suivi-stats-resultats .suivi-stats-elements {margin:10px 0 10px 50px; border-bottom:1px solid #ccc; width:400px;}
#suivi-stats-resultats .suivi-stats-element {margin:5px 0;}
#suivi-stats-resultats .suivi-stats-element-titre {font-weight:bold;width: 325px;display: inline-block; font-size:13px;}
#suivi-stats-resultats .suivi-stats-element-sous-titre {font-weight:bold;width: 325px;display: inline-block; font-size:12px;}
#suivi-stats-resultats .suivi-stats-element-nombre {font-size:15px;}


/* Tableau vertical */
.table > thead > tr > th {border-bottom: 2px solid #e0e0e0;    vertical-align: bottom;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align: middle;border-top: 1px solid #e0e0e0;  line-height: 1.5;   padding: 6px 10px;}

.table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {border-top:0 none;}

.table-vertical tr { border: 1px solid #ccc; }
.table-vertical td { min-height:20px; }
.table-vertical td.suivi-cellule-bouton {}


/* Rappels */
#module-rappels-conteneur {}
#module-rappels-conteneur .page-area-content {position:relative; z-index:10;}

.form .rappel-erreur,.form .erreur {font-weight:bold; color:#DD2C2B; margin: 10px 0 0; padding:0;}
.invalide .input-text, .invalide .input-texte-court, .invalide .input-text-court {border-color:#DD2C2B;}

#filtre-rappels-drapeaux {}
.rappel-drapeau-filtre { cursor:pointer; padding:2px 5px; width:25px; height:22px; display: inline-block; vertical-align:top;}
.rappel-drapeau-filtre.selected {border:1px solid #ccc; width: 23px; height:20px; background:#fff; }
.rappel-drapeau-filtre i {font-size:20px; line-height: 19px;}
#rappel-drapeau-filtre-rouge {color: #DD2C2B;}
#rappel-drapeau-filtre-orange {color:#F79219;}
#rappel-drapeau-filtre-jaune {color:#eddc25;}
#rappel-drapeau-filtre-bleu {color:#54B5DF;}
#rappel-drapeau-filtre-vert {color:#77AF3B;}

#filtre-rappels-ajout {margin-left:20px; margin-top:40px;}

#filtre-rappels-affichage {margin-left:60px;}
.filtre-rappels-affichage-element {}

#list-rappels-container {margin-top:20px;}
#list-categories {margin-right:20px;}
#list-categories .list-categorie {cursor:pointer; width:175px; margin-bottom: 10px; display: block; vertical-align:top; text-align:center;}
#list-categories .list-categorie a,
#list-categories .list-categorie .list-categorie-label { border:1px solid #ccc; display:inline-block; min-height:15px; width:135px; padding:2px 5px;}
#list-categories .list-categorie .list-categorie-label.selected {background:#fff; font-weight:bold;}
#list-categories .list-categorie .list-categorie-delete {width:10px;}
#list-categories .list-categorie .list-categorie-delete i {font-size:15px; color:#DD2C2B;}

#list-categories .list-categorie-choix {width:190px;}
#list-categories .list-categorie-choix i {color:#77AF3B;}


#list-rappels {width:610px;}
#list-rappels .list-rappel {cursor:pointer; width:calc(100% - 20px); display: flex; flex-direction: column; justify-content: center; }
#list-rappels .list-rappel.selected {background:#e9e9e9;padding-right: 20px;}
#list-rappels .list-rappel.selected .paire,#list-rappels .list-rappel.selected .impaire {background:none;} 
#list-rappels .list-rappel .list-rappel-contenu{ padding:5px 10px; min-height:20px; }
#list-rappels .list-rappel .list-rappel-contenu.texte-orange {color:#ff6600;}
#list-rappels .list-rappel .list-rappel-date {width:110px;}
#list-rappels .list-rappel .list-rappel-nom {}
#list-rappels .list-rappel .list-rappel-drapeaux {}
#form-rappels {width:460px;background:#e9e9e9; position:relative; z-index:20;}
#form-rappel-boutons { text-align:center; margin: 5px 0 10px;}
#form-rappel-boutons span {display: inline-block; vertical-align:top;}
#form-rappel-supprimer {width:150px; border:1px solid #ccc; margin:5px;}
#form-rappel-supprimer:hover {background:#fff;}
#form-rappel-valider {width:150px; border:1px solid #ccc; margin:5px;}
#form-rappel-valider:hover {background:#fff;}
#form-rappel-annuler {width:360px; border:1px solid #ccc; margin:5px;}
#form-rappel-annuler:hover {background:#fff;}
#form-rappel-fermer {float:right; padding:5px 10px;}
#form-rappel-fermer i {font-size:20px; color:#555555;}
#form-rappels-load {position:absolute; top:40%; left:0; width:100%; height:100%; z-index:15; text-align:center; display:none;}
#form-rappels-load i {font-size: 50px;}
#form-rappels-conteneur {}
#form-rappel .input-text {width:220px;}
.rappel-drapeau { cursor:pointer; padding:2px 5px; width:25px; height:22px; display: inline-block; vertical-align:top;}
.rappel-drapeau.selected {border:1px solid #ccc; width: 23px; height:20px; background:#fff; }
.rappel-drapeau i {font-size:20px; line-height: 19px;}


#rappel-choix-date-paves {}
#rappel-choix-date-paves .rappel-choix-date { margin: 0 5px;}
.rappel-choix-date span {cursor:pointer; width: 33px; height:35px; font-size: 13px; line-height: 33px; text-align:center; display:block; padding: 2px 4px; margin:0 0 20px; border:1px solid #ccc;}
.rappel-choix-date span.selected {background:#fff; color:#000; border-color:#000; padding: 3px 3px 1px 5px;}
#rappel-choix-date-jour span {width:139px; height: 25px; line-height: 23px;}

#rappel-choix-date-calendrier {margin-left:37px;}

#rappel-mail {}
.rappel-mail { width:30px; height:17px; text-align:center; cursor:pointer; display:inline-block; vertical-align:top;}
.rappel-mail.selected {border:1px solid #ccc; width:28px; height:15px; background:#fff;}

#rappel-submit-conteneur {background:#fff; border:1px solid #ccc; cursor:pointer; padding:0 3px; width:35px; height:22px; text-align:center; display:inline-block; vertical-align:top;}
#rappel-submit {font-size:18px; line-height: 20px;}

#rappel-submit.fa-floppy-o {}
#rappel-submit.fa-spinner {color:#0168A2; line-height:22px;}
#rappel-submit.fa-check {color:#77AF3B;}
#rappel-submit.fa-exclamation-triangle {color:#DD2C2B; line-height: 22px;}

#rappel-categorie-ajout {padding:0 15px;}
#form-rappel-categorie {margin: 30px 0;}
#rappel-categorie-submit-conteneur {margin-top:10px;}

/** POINTS RETRAITS */
#point-retrait-voir {width:320px; margin-left:210px;}


/* FORMATIONS */
#formations-conteneur {}
#formations-onglets {}
#formations-onglets .formations-onglet {display:inline-block; vertical-align:top; margin:0 5px;width:calc(50% - 15px); }
#formations-onglets .formations-onglet a {font-weight:bold; text-align:center; text-transform:uppercase; display:block; color:#fff; text-decoration:none; width:100%; height:100%; padding:10px 5px;  background:#2B5178; border:1px solid #2B5178;}
#formations-onglets .formations-onglet.selected a {background:#4599BD;}
#formations-filtres {}
#formations-filtres .form {display:inline-block; vertical-align:top; padding-left:0;}

#formations-conteneur .attente {background-color:#fff6bf;}
#formations-conteneur .confirme {background-color:#96eaa9;}
#formations-conteneur .annule {background-color:#c1c1c1;}
#formations-conteneur .refuse {background-color:#c1c1c1;}
#formations-conteneur .refuse {background-color:#c1c1c1;} 
#formations-conteneur .formation-envoi { text-align:center;} 
#formations-conteneur .formation-envoi .bouton {margin:5px 0;}

#formations-liste {}
#formations-liste .formation {}
#formations-liste .formation-envoi {width:170px; } 

#formations-conteneur .base-grid .formation-client-formations {width:100%; border:none; border-collapse:collapse;}
#formations-conteneur .base-grid .formation-client-formations th {border:none;}
#formations-conteneur .base-grid .formation-client-formations td {border:none; border-top: 1px solid #ccc;}
#formations-conteneur .base-grid .formation-client-formations .nom {}
#formations-conteneur .base-grid .formation-client-formations .date {width:180px;} 
#formations-conteneur .base-grid .formation-client-formations .nbStagiaires {width:125px;} 
#formations-conteneur .base-grid .formation-client-formations .departement {width:90px;} 
#formations-conteneur .base-grid .formation-client-formations .membres {width:180px;} 
#formations-conteneur .base-grid .formation-client-formations .statut {width:80px;} 
#formations-conteneur .base-grid .formation-client-formations .action {width:220px;}
#formations-conteneur .base-grid .formation-client-formations .formation-envoi {width:140px; } 

#formations-conteneur .base-grid .formation-client-formations .formation-action {width:20px;}

#formation-dates {width:420px; margin:0 20px 0 0; padding:0;}
#formation-dates .ligne-date {margin:0 0 15px;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
#formation-dates .ligne-date i.fa-times {cursor:pointer; font-size:23px; color:#ff0000; vertical-align:middle; margin-right:5px;}
#formation-dates .ligne-date .ligne-date-limite {margin-left:27px}
#formation-dates .ligne-date .erreur {display:block;}
#formation-ajout-date {padding:0;}



/* SLIDE MAKER */
#slide-maker-form {}
#slide-maker-form .form140 {width:180px;}
#slide-maker-form .page-language { border: 1px solid #cae4ee; cursor: pointer; padding: 4px 5px 1px; margin:0 2px; background:none;}
#slide-maker-form .page-language-current {background-color: #fff;  border-color: #cae4ee;}
#slide-maker-form .slide-maker-date-select {width:50px;}
#slide-maker-form .image {display:inline-block; vertical-align:top; margin:15px 25px; }
#slide-maker-form .slide-maker-image-container {clear:none; float:none;}
#slide-maker-form .slide-maker-lien-container {clear:none;}