/**************************************************************************************************************/
/*			SITES GENERIQUE - Administration de la newsletter
			
			Date : 10 juillet 2009
			Auteur : Merlène Cotterlaz
			
			Sommaire :	= RESET
						= ELEMENTS GENERAUX
						= FENETRE GESTION NEWSLETTER
						= FENETRE AJOUT - MODIFICATION NEWSLETTER
						= FENETRE SUPPRESSION NEWSLETTER
						= FENETRE DETAIL NEWSLETTER
						= FENETRE LISTE ABONNES
						= FENETRE HISTORIQUE DES ENVOIS
						= FENETRE PREPARER UN ENVOI


*/
/**************************************************************************************************************/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
/** {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{
	border: none;
    font-weight:bold;
	margin:0;
}
ul{
	margin:0;
    padding:0;
	list-style-image:none;
	list-style-type:none;
    line-height:1.3em;
}
body {
	font-family:arial;
	font-size:62.5%; /*ensuite 1em=10px en taille normale*/
	/*color:#000;
	background:#fff;
}
img{
	border:none;
}
a{
	text-decoration:none;
	color:#000;
}
a:visited{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:underline;
	color:#000;
}
.visualClear{
	clear:both;
	display:block;
	line-height:0;
}
*/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= ELEMENTS GENERAUX
*/
/*------------------------------------------------------------------------------------------------------------*/
.administration-newsletter{
	/*width:600px; /*temporaire*/
	/*border:1px solid red; /*temporaire*/
	/*margin:40px;*/
}
.administration-newsletter a{
    text-decoration:none;
    color:#000;
	border:0px;
}
.administration-newsletter h1{
	margin:0 0 20px 0;
	font-size:1.6em;
	text-transform:uppercase;
}
.administration-newsletter h1 small{
	margin:0 0 0 10px;
	font-weight:normal;
	font-size:0.9em;
}
.administration-newsletter .invisible{
	display:none;
}
.administration-newsletter input#supprimer{
 padding:0 0 0 20px;
 margin:5px 0 0 10px;
 background:#fff url(fleche-rouge.png) 0 0 no-repeat;
 border:none;
 cursor:pointer;
 color:#ce0b0b;
 font-size:1em;
 font-weight:bold;
 text-align:left;
 width:100%;
}
.administration-newsletter input:hover#supprimer{
	text-decoration:underline;
}
.administration-newsletter input#annuler{
	display:block;
	float:right;
	padding:0 0 0 20px;
	width:97px!important;
	height:36px;
	background:url(boutons-newsletter.png) -342px -10px no-repeat;
	border:none;
	cursor:pointer;
	text-transform:uppercase;
	font-size:0.9em;;
	font-weight:bold;
}
.administration-newsletter input:hover#annuler{
	text-decoration:underline;
}
.administration-newsletter table{
	width:100%;
	font-size:1em;;
}
.administration-newsletter table caption{
	margin:10px 0 3px 0;
	padding:0 0 0 10px;
	background:url(fleche-noire.png) 0 4px no-repeat;
	text-align:left;
	font-weight:bold;
}
.administration-newsletter table a{
	font-weight:bold;
}
.administration-newsletter table .impair{
	height:22px;
	background:#f0f0f0;
}
.administration-newsletter table .pair{
	height:22px;
}
.administration-newsletter a.retour{
	display:block;
	clear:right;
	float:right;
	padding:10px 0 0 33px;
	margin:5px 0 0 0;
	width:57px;
	height:26px;
	background:url(boutons-newsletter.png) -439px -10px no-repeat;
	text-transform:uppercase;
	font-size:0.9em;;
	font-weight:bold;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FENETRE GESTION NEWSLETTER
*/
/*------------------------------------------------------------------------------------------------------------*/
.administration-newsletter h2{
 clear:left;
 margin:30px 0 0 0;
 font-size:1.4em;
 border-bottom:2px solid #000;
}
.administration-newsletter p.aide{
 clear:left;
 margin:0 20px 10px;
 width:435px;
 font-size:1em;
 color:#666666;
}
.administration-newsletter .autres-actions{
 float:left;
 margin:10px 0;
 width:274px;
 line-height:1.2em;
}
.administration-newsletter a.creer-newsletter{
 display:block;
 float:left;
 margin:10px 15px;
 padding:15px 0 0 60px;
 width:107px;
 height:64px;
 background:url(boutons-newsletter.png) -10px -173px no-repeat;
 font-size:1em;
 font-weight:bold;
 text-transform:uppercase;
}
.administration-newsletter a.creer-newsletter-secondaire{
 display:block;
 float:left;
 margin:10px 15px 10px 20px;
 padding:11px 0 0 45px;
 width:103px;
 height:53px;
 background:url(boutons-newsletter.png) -194px -171px no-repeat;
 font-size:1.1em;
 line-height:1.1em;
 font-weight:bold;
 text-transform:uppercase;
}
 
.administration-newsletter a.newsletter-attente{
 display:block;
 float:left;
 padding:6px 0 0 42px;
 width:88px;
 height:37px;
 background:url(boutons-newsletter.png) -614px -116px no-repeat;
 font-size:0.8em;
 text-transform:uppercase;
}
.administration-newsletter a.liste-abonne{
 display:block;
 float:left;
 padding:6px 0 0 45px;
 width:85px;
 height:37px;
 background:url(boutons-newsletter.png) -750px -116px no-repeat;
 font-size:0.8em;
 text-transform:uppercase;
}
.administration-newsletter a.historique{
 display:block;
 float:left;
 padding:10px 0 0 45px;
 width:85px;
 height:29px;
 background:url(boutons-newsletter.png) -614px -159px no-repeat;
 font-size:0.8em;
 text-transform:uppercase;
}
.administration-newsletter a.parametre{
 display:block;
 float:left;
 padding:10px 0 0 45px;
 width:85px;
 height:29px;
 background:url(boutons-newsletter.png) -750px -159px no-repeat;
 font-size:0.8em;
 text-transform:uppercase;
}
.administration-newsletter #gerer-newsletters-optionnelles{
 margin:10px 15px;
}
.administration-newsletter #gerer-newsletters-optionnelles ul{
    margin:0;
}
.administration-newsletter #gerer-newsletters-optionnelles ul li{
 overflow:hidden;
 margin:0 0 10px 0;
 border-bottom:1px dotted #000;
}
.administration-newsletter #gerer-newsletters-optionnelles ul li a{
    border-bottom:none;
}
.administration-newsletter #gerer-newsletters-optionnelles label{
 font-size:1.1em;
 display:block;
}
.administration-newsletter #gerer-newsletters-optionnelles ul li.supprime{
 margin:-10px 0 0 0;
 padding:0 0 20px 0;
}
.administration-newsletter a.ajout-liste{
 display:block;
 margin:-10px 0 0 220px;
 padding:3px 0 3px 25px;
 width:255px;
 background:#e0e0e0 url(ajout-liste.png) 5px 1px no-repeat;
 text-transform:uppercase;
 font-size:0.9em;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= FENETRE AJOUT - MODIFICATION NEWSLETTER
*/
/*------------------------------------------------------------------------------------------------------------*/
.administration-newsletter form#ajouter-newsletter{
}
.administration-newsletter form#ajouter-newsletter p{
	margin:0 0 5px 0;
	text-align:right;
}
.administration-newsletter form#ajouter-newsletter p a{
	position:relative;
	top:5px;
}
.administration-newsletter form#ajouter-newsletter p.textarea{
}
.administration-newsletter form#ajouter-newsletter p.textarea label{
	vertical-align:top;
}
.administration-newsletter form#ajouter-newsletter p.textarea a{
	position:relative;
	top:-30px;
}
.administration-newsletter form#ajouter-newsletter p.checkbox input{
	width:auto;
	margin:0 63.5% 0 5px;
}
.administration-newsletter form#ajouter-newsletter p.checkbox a{
	right:63%;
}
.administration-newsletter form#ajouter-newsletter label{
	font-size:1em;;
}
.administration-newsletter form#ajouter-newsletter input{
	margin:0 0 0 5px;
	width:65%;
	font-size:0.9em;;
}
.administration-newsletter form#ajouter-newsletter textarea{
	margin:0 0 0 5px;
	width:65%;
	height:50px;
	overflow:auto;
	font-size:0.9em;;
}
.administration-newsletter form#ajouter-newsletter input#enregistrer{
	display:block;
	float:right;
	padding:0 0 0 20px;
	width:119px;
	height:36px;
	background:url(boutons-newsletter.png) -10px -10px no-repeat;
	border:none;
	cursor:pointer;
	text-transform:uppercase;
	font-size:0.9em;;
	font-weight:bold;
}
.administration-newsletter form#ajouter-newsletter input:hover#enregistrer{
	text-decoration:underline;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FENETRE SUPPRESSION NEWSLETTER
*/
/*------------------------------------------------------------------------------------------------------------*/

.administration-newsletter form#suppr-newsletter label{
	display:block;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FENETRE DETAIL NEWSLETTER
*/
/*------------------------------------------------------------------------------------------------------------*/
.administration-newsletter table .nom-envoi{
	padding:0 0 0 5px;
	width:40%;
}
.administration-newsletter table .preview{
	width:18%;
}
.administration-newsletter table .modifier-envoi{
	width:15%;
}
.administration-newsletter table .tester{
	width:12%;
}
.administration-newsletter table .envoyer{
	width:15%;
}
.administration-newsletter a.liste-abonnes{
	display:block;
	float:right;
	padding:10px 0 0 40px;
	margin:15px 0 0 0;
	width:68px;
	height:40px;
	background:url(boutons-newsletter.png) -544px -56px no-repeat;
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:bold;
}
.administration-newsletter a.preparer-envoi{
	display:block;
	float:right;
	padding:10px 0 0 45px;
	margin:15px 0 0 0;
	width:82px;
	height:40px;
	background:url(boutons-newsletter.png) -652px -56px no-repeat;
	text-transform:uppercase;
	font-size:0.85em;;
	font-weight:bold;
}
.administration-newsletter a.historique-envois{
	display:block;
	float:right;
	padding:10px 0 0 40px;
	margin:15px 0 0 0;
	width:78px;
	height:40px;
	background:url(boutons-newsletter.png) -765px -196px no-repeat;
	text-transform:uppercase;
	font-size:0.85em;;
	font-weight:bold;
}
.administration-newsletter a.retour-gestion{
	clear:right;
	display:block;
	float:right;
	padding:10px 0 0 30px;
	margin:5px 0 0 0;
	width:237px;
	height:26px;
	background:url(boutons-newsletter.png) -529px -10px no-repeat;
	text-transform:uppercase;
	font-size:0.85em;;
	font-weight:bold;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= FENETRE LISTE ABONNES
*/
/*------------------------------------------------------------------------------------------------------------*/

.administration-newsletter a.importer{
	display:block;
	float:right;
	padding:15px 0 0 33px;
	margin:5px 0;
	width:59px;
	height:20px;
	background:url(boutons-newsletter.png) -10px -110px no-repeat;
	text-transform:uppercase;
	font-size:0.9em;
}
.administration-newsletter a.exporter{
	display:block;
	float:right;
	padding:15px 0 0 33px;
	margin:5px 0;
	width:59px;
	height:20px;
	background:url(boutons-newsletter.png) -104px -110px no-repeat;
	text-transform:uppercase;
	font-size:0.9em;
}
.administration-newsletter hr{
	clear:right;
	margin:5px 0;
}
.administration-newsletter form#filtre-abonnes{
	margin:0 0 10px 0;
	text-align:right;
}
.administration-newsletter form#filtre-abonnes label{
	font-size:1em;;
	font-weight:bold;
}
.administration-newsletter form#filtre-abonnes input{
	font-size:0.9em;;
}
.administration-newsletter form#filtre-abonnes input#filtre{
	padding:0 5px;
}
.administration-newsletter form#filtre-abonnes a{
	position:relative;
	top:5px;
}
.administration-newsletter form#liste-abonnes{}
.administration-newsletter table .case-abonne{
	width:5%;
	text-align:center;
}
.administration-newsletter table .nom-abonne{
	width:22%;
}
.administration-newsletter table .prenom-abonne{
	width:23%;
}
.administration-newsletter table .mail-abonne{
	width:35%;
}
.administration-newsletter table .modifier-abonne{
	width:15%;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= FENETRE HISTORIQUE DES ENVOIS
*/
/*------------------------------------------------------------------------------------------------------------*/
.administration-newsletter table th{
	text-align:left;
}
.administration-newsletter table .envoi{
	padding:0 0 0 10px;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= FENETRE PREPARER UN ENVOI
*/
/*------------------------------------------------------------------------------------------------------------*/
.administration-newsletter form#preparer-envoi p{
	margin:0 0 5px 0;
	text-align:right;
}
.administration-newsletter form#preparer-envoi p a{
	position:relative;
	top:5px;
}
.administration-newsletter form#preparer-envoi p.textarea{
}
.administration-newsletter form#preparer-envoi p.textarea label{
	vertical-align:top;
}
.administration-newsletter form#preparer-envoi p.textarea a{
	position:relative;
	top:-130px;
}
.administration-newsletter form#preparer-envoi label{
	font-size:1em;;
}
.administration-newsletter form#preparer-envoi input{
	margin:0 0 0 5px;
	width:65%;
	font-size:0.9em;;
}
.administration-newsletter form#preparer-envoi textarea{
	margin:0 0 0 5px;
	width:65%;
	height:150px;
	overflow:auto;
	font-size:0.9em;;
}
.administration-newsletter form#preparer-envoi input#enregistrer-preview{
	display:block;
	float:right;
	padding:0 0 0 18px;
	width:213px;
	height:36px;
	background:url(boutons-newsletter.png) -129px -10px no-repeat;
	border:none;
	cursor:pointer;
	text-transform:uppercase;
	font-size:0.9em;;
	font-weight:bold;
}
.administration-newsletter form#preparer-envoi input:hover#enregistrer-preview{
	text-decoration:underline;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= FENETRE PREVISUALISATION
*/
/*------------------------------------------------------------------------------------------------------------*/
.administration-newsletter iframe{
	width:100%;
	height:450px;
}
.administration-newsletter a.preview{
 display:block;
 float:right;
 padding:12px 5px 0 45px;
 margin:5px 0;
 width:77px;
 height:35px;
 background:url(boutons-newsletter.png) -439px -116px no-repeat;
 text-transform:uppercase;
 font-size:0.9em;
 font-weight:bold;
}
.administration-newsletter a.modifier{
	display:block;
	float:right;
	padding:23px 0 0 33px;
	margin:5px 0;
	width:64px;
	height:25px;
	background:url(boutons-newsletter.png) -263px -56px no-repeat;
	text-transform:uppercase;
	font-size:0.9em;;
	font-weight:bold;
}
.administration-newsletter a.tester{
	display:block;
	float:right;
	padding:23px 0 0 25px;
	margin:5px 0;
	width:54px;
	height:25px;
	background:url(boutons-newsletter.png) -360px -56px no-repeat;
	text-transform:uppercase;
	font-size:0.9em;;
	font-weight:bold;
}
.administration-newsletter a.envoyer{
	display:block;
	float:right;
	padding:23px 0 0 40px;
	margin:5px 0;
	width:65px;
	height:25px;
	background:url(boutons-newsletter.png) -439px -56px no-repeat;
	text-transform:uppercase;
	font-size:0.9em;;
	font-weight:bold;
}