BODY {
	/*background : #fcfcfc url(bg_cadre.gif);*/
	background : #000;
	font : 11px Arial;
	color : #595959;
}
img, a img{border:0px;}
TD { font-family : Arial; font-size : 11px;}
li{	color : #000000;}
A { text-decoration: none; font-weight : bold;}
A:link, A:visited, A:active {	color : #D2310F;}
A:hover {	color: #FF6300;}
.Table_Login {	border : 1px solid #423A9D;}
.Titre_Login {
	background-color : #9999D0;
	font-family : arial;
	font-weight : bold;
	color : #707070;
	text-align : right;
}
hr{	height : 1px;	color : #9999D0;}
h4, h5, h6{font:12px arial;margin:10px 0px}

.Text_Login { background-color : #F0F0F0;}
.Text_Error {
	text-align: center;
	color: #B22222;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 3px;
	font-weight: bold;
}
.clear{clear:both}
.Input_Text, .fld {
	font-family: normal 11px Arial, Helvetica, sans-serif;
	color: Black;
	background: #efefef ;
	border: 1px solid;
	padding : 3px;
}
/* CADRE */
#page{margin:0px auto;width:980px}

#layout{border-collapse:collapse;margin:0px; padding:0px;width:980px;}
#layout td{padding:0px;margin:0px;vertical-align:top;position:relative}
#layout td.entete{width:980px}
#layout td.entete div{position:relative}
#layout td.menu{width:100px;}
#layout td.content{padding:10px;background:#fff}

/* ENTETE */
.entete {position:relative}
.entete h1{color:#863706}
.menutools{position:absolute;z-index:1;right:0px; top:0px;width:500px}
.menutools li{float:left;margin:5px 10px}
.menutools .btn{background}

/* BOUTONS */
.Input_Submit, .btn {
	font: bold 11px Arial, Helvetica, sans-serif;
	background: #EAEEF1;
	color: #FF6300;
	border:1px solid;
	padding:3px 6px;
	cursor:pointer;
	border-radius:4px
}
.Input_Submit:hover, .btn :hover{background: #fff;}
.add, .upd, a.add, a.upd{background:#A5C225;color:#fff}
.delete, .del, .delete a, .del a, a.del{background:#E85E82;color:#fff}

ul.ssmenu ul.ssmenu{margin-top:30px}
ul.ssmenu li{	margin-bottom:3px;width: 200px;	padding: 4px 8px;	background:#EAEEF1; border-radius:5px 0px 0px 5px}
ul.ssmenu li:hover, ul.ssmenu li:hover a{background:#fff;color:#FF6300;}
ul.ssmenu li.menuselected,ul.ssmenu li.menuselected a{background:#FF6300; color:#ffffff !important}
ul.ssmenu li.titre{background:#000;text-align:center; color:#FF6300; font:bold 16px arial }

table.listeedit{border-collapse:collapse;padding:0px;}
table.listeedit ul, table.listeedit li{margin:0px; padding:0px;list-style:none}
.listeedit{margin:20px 0px;}
table.listeedit td, .listeedit li{padding:10px !important}
table.listeedit tr:hover, .listeedit li:hover{background:#eee}
table.listeedit li a.libedit{display:inline-block;width:400px}
#CC_ListEmissions{}
.CC_Emission{width:600px;;padding:10px;margin:10px;border: 1px solid #efefef;position:relative}
.CC_Emission:hover{background:#EFEFEF}
.CC_actions{position:absolute;top:20px;right:5px;z-index:1}

#content{position:relative;margin-top:40px;}

#Env_Menu_Outils{height:50px;margin:10px;}
#Env_Brouillon{position:relative;float:left;}
#NewsBody{z-index:1;}
#Env_Options{}



#listedesabo td{border:1px solid #AAA}


ul.listemenu, ul.checkboxes{margin:0px; padding:0px;list-style:none}
ul.listemenu li{display:inline-block;margin:5px 20px 20px 20px}

/* MENU FICHE */
.onglets {margin-top:20px;z-index: 8;clear:both;position: relative;height:700px;}
.onglets ul.navigation{margin:10px 10px;padding:0px 0px 4px 10px;text-align:center;z-index: 8;height:23px;clear:both;}
.onglets .items{position: relative;}
.onglets ul li{}
.onglets ul .nav-item{
	text-align:center;margin:0px 4px 0px 0px;padding:0 0 2px 0;display:inline-block;
	list-style-type: none;float: left;background:#666;color:#fff}
.onglets ul .nav-item:hover{cursor:pointer;background:#FF6300}
.onglets ul li a.label{display:inline-block;color:#ffffff;text-decoration:none;font: normal .9em arial;padding:3px 10px}
.onglets ul li.active{background:#FF6300}
.onglets .item  {display:none;position:absolute;top:0px;left:0px; z-index:1}
.onglets .item .content {padding: 15px 0 0 25px;position: relative;height:600px;}
.onglets .img{height: auto;}
.onglets #general{display: block;z-index: 10;font:.9em arial;}
.onglets td{padding:5px}
.onglets .item .colonne{float:left;width:250px}
.onglets .item .colonne label{display:inline-block;width:200px;padding:3px}

/* Newsletter */
.categorie{border:1px solid #333;padding:10px;margin:10px;box-shadow:1px 1px 5px #ddd}
.categorie h3{color: #aaa;padding:0px;margin:0px}
#cat1{border:1px dashed #333;box-shadow:none}

/* Newsletter edit */
.listing li {padding:5px}
.listing li:hover {background:#F2BF7F}
.listing li label{display:inline-block;width:160px;font-weight:bold}
.listing li span.cell{display:inline-block;width:180px}
.listing li span.edit{width:60px;text-align:center}

/* ABONNES */
#recherche {height:250px}
#recherche .items{height:120px;background:#dfdfdf}
#recherche .item{background:#dfdfdf}
#recherche .checkboxes  li{display:inline-block; float:left; padding:3px; width:214px;height:25px}
#recherche .listesCRM li{width:104px}
#recherche .listesCRM label{width:auto}
#recherche #LettersFilter{padding:5px}


/* PAGINATION */
#AP_NavPages{margin:10px 0px}
#AP_NavPages a{display:inline-block; padding:2px 4px;border:1px solid #efefef}
#AP_NavPages a:hover{background: #fff; color:#000; border:1px solid #000 ;}
#AP_NavPages .PageSelected{background: #efefef; color:#000; border:1px solid #000 ; padding:2px 4px;}


/* FICHE ABONNE*/
#NavigationHorizontale{text-align:center;}
#NavigationHorizontale a{margin:0px 20px}
div#fichemembre td{padding:5px 10px !important}
div#fichemembre .del{float:right}
div#fichemembre ul.navigation{margin:10px 0px 20px 0px; padding:0px 0px 0px 75px; text-align:center;z-index: 8;height:23px;clear:both; border-bottom:1px solid #f1f1f1}
#origineemail{padding:15px;font:bold 12px arial}


table#ListeAbonnes td{}
.score{text-align:center;color:#fff;font-weight:bold;background:#fff}
.s10,.s20,.s30{background:blue}
.s40,.s50,.s60{background:green}
.s70,.s80,.s90{background:orange}
.s100,.s110,.s120,.s130,.s140,.s150{background:red}

/* HOME */
#Accueil, #MenuEnvois {padding:30px;box-shadow:1px 1px 5px #ddd;margin:20px }
#Accueil li {display:inline-block;width:260px;text-align:center;padding:20px}
#Accueil li a{display:inline-block;padding:20px 10px 0px 80px;border:2px solid; border-radius:12px;width:190px;height:60px;text-transform:uppercase;font-size:14px}
#Accueil li a:hover{background-color:#EFEFEF}
li.import a{background:url(/Templates/btn_import.png) no-repeat 5px 0px;}
li.envoi a{background:url(/Templates/btn_nouveau.png) no-repeat 5px 0px;}
li.creation a{background:url(/Templates/btn_nouvelML.png) no-repeat 5px 0px;}
li.stats a{background:url(/Templates/btn_stats.png) no-repeat 5px 0px;}
.QAbtn{}
#Statsbase{margin:0px 20px;}


#Accueil{}ul, #MenuEnvois ul{margin:0px; padding:0px;list-style:none}
#MenuEnvois li{display:inline-block;margin:10px; padding:20px;list-style:none}

ul.listegeoloc {padding:0px;list-style:none;display:inline-block;margin:10px; padding:20px;list-style:none}
ul.listegeoloc li{float:left;width:180px;height:30px;margin:5px;padding:10px; border:1px #efefef solid;overflow:hidden}
ul.listegeoloc li:hover{background:#efefef; border:1px solid #FF6300;}
ul.listegeoloc li:hover a{color: #FF6300;}


#statistiques h4{color:blue}
.listeresume {margin-left:50px; display:none}
.v1 {margin-left:50px; display:block}
.listeresume li {width:300px;padding:5px}
#remplissage tr:hover,#statistiques .listing  tr:hover, .listeresume li:hover {background:#efefef}
span.total{float:right;font-weight:bold}
#statistiques .listing  td{padding:5px}

.emailing{cursor:pointer}

/* Remplissage */
#remplissage{margin:0px auto}
#remplissage td{padding:10px}
#remplissage td.libelle{font-weight:bold}
.percent, .graphe{display:inline-block;float:left}
.percent{width:80px;text-align:center}
.graphe{background:blue;height:20px;margin-left:20px}
#g-civilite,#g-nom,#g-prenom,#g-dept,#g-age{background:green;}
#g-optin1,#g-optin2{background:red;}
#g-client1,#g-client2,#g-contact,#g-brochures{background:orange;}


/* parametres */
.layAdmin{margin-top:20px}