@import "commun.css";
@import "lightbox.css";
@import "admin_newsletter.css";
@import "datepickerv4.css";
@import "fichier_msg.css";
@import "table.css";
@import "autocomplete.css";
@import "colorpicker.css";

html, body {
	font-size:12px;
	font-family:Arial, Verdana, sans serif;
	text-align:center;
	margin:0;
	padding:0;
}

body {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background:transparent url('../img/design/fd_page.png') top left repeat-y;
}

body div {
	margin:0;
	padding:0;
}

/* ****************************************** */
/* BLOCS DE PAGE */

.header {
	width:800px;
	height:140px;
	background:transparent url('../img/design/header.png') top left no-repeat;
}
a.header:hover {
	background-color:transparent;
}
.page {
	width:990px;
	margin-left:10px;
}

.footer {

}

/* ****************************************** */
/* TITRES */

h1 {
	color:#ea00ff;
	font-size:22px;
}

h2 {
	color:#1ce033;
	font-size:18px;
} 
 
h3 {
	color:#48e05a;
	font-size:14px;
} 
 
h4 {
	color:#ef40ff;
	font-size:12px;
} 

/* ****************************************** */
/* FORM */

fieldset {
	border:none;
}

input {
	border:2px solid #cb2dd9;
	background-color:#dbb4de;
}

textarea {
	border:2px solid #cb2dd9;
	background-color:#dbb4de;
}
input:hover {
	background-color:#cb2dd9;
}

td.rub {
	width:240px;
}

/* ****************************************** */
/* DECO */ 
.rose {
	color:#cb2dd9;
}
.vert {
	color:#00ff06;
}
.bleu {
	color:#0054ff;
}

.sepa_big {
	width:800px;
	height:40px;
	background:transparent url('../img/design/sepa_big.png') top left no-repeat;
}

.bloc_deg {
	width:800px;
	height:180px;
	background:transparent url('../img/design/deg.png') top left no-repeat;
	font-weight:bold;
}

.bloc_deg div {
	width:600px;
	height:60px;
	position:relative;
	top:60px;
	left:50px;
	color:#333;
	font-size:24px;
}

div.notification {
	display:block;
	width:100%;
	height:40px;
	padding-top:18px;
	text-align:center;
	background-color:#97d49d;
	background:transparent url('../img/design/notification.png') top left no-repeat;
}

span.puce {
	background:transparent url('../img/design/puce.png') top left no-repeat;
	display:block;
	padding-left:20px;
	height:21px;
	line-height:21px;
}

/* ****************************************** */
/* LISTE */
ul {
	list-style-image:url('../img/design/puce.png');
	line-height:16px;
}

ul li {
	line-height:16px;
	height:16px;
}
li p {
	font-weight:bold;
}
ul.h li {
	float:left;
	width:140px;
}

ul.v li{
	float:none;
	width:140px;
}

/* ****************************************** */
/* STATS */

th {
	background-color:#000;
	color:#FFF;
	font-weight:bold;
}

td.col_one_on_two {
	width:50%;
}

td.col_two_on_two {
	width:49%;
	text-align:right;
}

td.col_one_on_three, td.col_two_on_three, td.col_three_on_three {
	width:33%;
}
td.col_two_on_three, td.col_three_on_three {
	text-align:right;
}

/* ****************************************** */
/* BOUTONS */
/* Conteneur de "boutons" Ajax */
/* Bouton */
div.bouton a {
	display:block;
	border:none;
	text-decoration:none;
}
div.bouton {
	border:1px solid #192ce0;
	cursor:pointer;
}

div.bouton, div.bouton a { 
	background-color:#a6acec;
}

div.bouton div, div.bouton a {
	text-align:center;
}

div.bouton:hover div, div.bouton a:hover {
	background-color:#192ce0;
	color:#d9d9d9;
}

/* Bouton fermer */
div.bouton_fermer {
	border:1px solid #cb2dd9;
	background-color:#dbb4de;
}

div.bouton_fermer div {
	text-align:center;
}

div.bouton_fermer:hover div  {
	background-color:#cb2dd9;
	color:#d9d9d9;
}

/* LIENS */
a {
	display:block;
	background-color:#d9d9d9;
	color:#000;
	height:18px;
	line-height:18px;
	text-decoration:underline;
	border:none;
}

a:hover {
	background-color:#000;
	color:#d9d9d9;
}

/* BOUTON HEADER */
a.lien_debut {
	background-color:transparent;
	display:block;
	width:100%;
	height:100%;
}
a.lien_debut:hover {
	background-color:transparent;
}

/* BOUTONS GRAPHIQUES */
a.btn_continuer {
	display:block;
	height:60px;
	width:140px;
	background:transparent url('../img/design/btn/continuer.png') top left no-repeat;
}

a.btn_continuer:hover {
	background-position:0 -60px;
}

/************************************************
* Zone filtre
*************************************************/
.zone_filtre{
	width:100px;
	margin-left:10px;
}

.btn_filtre{
	display:block;
	float:right;
	height:20px;
	width:20px;
	border:none;
	background:transparent url('../img/symbole/loupe_mini.png') top left no-repeat;
	cursor:pointer;
}

/* FORM */
span.succes, span.echec {
	display:block;
	width:16px;
	height:16px;
}

span.succes {
	background:transparent url('../img/design/symb/symbole_succes_form.png') top left no-repeat;
}

span.echec {
	background:transparent url('../img/design/symb/symbole_echec_form.png') top left no-repeat;
}

span.msg_echec {
	color:#FF0000;
}

span.msg_succes {
	color:##339900;
}

.error_form {
	display:block;
	width:100%;
	background:#f9a4a4 url('../img/design/fd_erreur.png') top left no-repeat;
	padding-top:40px;
	padding-left:6px;
	padding-right:6px;
}

.uneerreur {
	display:block;
	width:100%;
	font-weight:bold;
	float:left;
	clear:left;
}

/* */
.lien_reglette, span.span_reglette {
	display:block;
	float:left;
	height:16px;
	width:14px;
	border:1px solid #666;
	margin-left:2px;
	margin-right:2px;
	text-decoration:none;
	text-align:center;
}
/* Tiny MCE */
tr.mceFirst a {
	height:auto;
}
/* Calendar */
a.calendar {
	display:inline;
	background-color:transparent;
}
/* FORMULAIRE SPECTACLE BONUS */
.form_popup {
	display:block;
	position:fixed;
	z-index:5;
	top:50%;
	left:50%;
	border:1px solid #3D3D3D;
	padding:5px;
	margin-left:-250px;
	background-color:#FFF;
	cursor:move;
}

#modele_email a, #modele_email a:hover, .modele_email a, .modele_email a:hover {
	background-color:transparent;
	color:#00C;
	display:inline;
	height:auto;
	line-height:auto;
}
.fermer_bloc {
	position:absolute;
	cursor:pointer;
	top:0px;
	right:0px;
	background:transparent url('../img/design/symb/fermer.png') top left no-repeat;
	width:20px;
	height:20px;
}
/* MESSAGE KIBLIND */
div#message_reglementmulti{
	margin-top:10px;
	color:#EA00FF;
	height:20px;
}
/*modele html newsletter*/
div.lesmodelenewsletter{
	margin-bottom:30px;
	border:1px solid #333;
	width:585px;
}
td.lesmodelenewsletter,
td.lesmodelenewsletter1,
td.lesmodelenewsletter2,
td.lesmodelenewsletter3,
td.lesmodelenewsletter4{
	border:1px dotted #DEDEDE;
	height:95px;
}
td.lesmodelenewsletter{ width:585px; }
td.lesmodelenewsletter1,
td.lesmodelenewsletter2{
	width:190px;
	height:190px;
}
td.lesmodelenewsletter1{ text-align:center; }
td.lesmodelenewsletter3{
	width:380px;
	height:190px;
}
td.lesmodelenewsletter4{
	width:194px;
}
td.lesmodelenewsletter3{ text-align:center; }

td.lesmodelespace{ width:3px; }
div.msgdetail{
	margin-top:20px;
	margin-left:200px;
	width:500px;
}
a.amsgdetail{
	margin-left:70px;
	background-color:#FFF;
}
a.amsgdetail:hover,
div.detail:hover
{
	background-color:#EA00FF;
	color:#FFF;
	cursor:pointer;
}
div.contact_propositions ul{
	list-style-image:none;
}
div.modele_actu{
	position:absolute;
	margin-left:800px;
	margin-top:-50px;
}
td.emailaction{ background:transparent url('../img/design/fleche.png') center center no-repeat; }
td.ajoutdefiltre{
	width:20px;
	background:transparent url('../img/design/ajout.png') center center no-repeat;
}
td.ajoutdefiltre:hover,
td.emailaction:hover
{
	cursor:pointer;
}
div.newsletter_cadreattente{
	position:absolute;
	width:350px;
	border:4px dotted #CB2DD9;
	height:60px;
	margin-left:305px;
	background-color:#FFF;
}
div.newsletter_logoattente{
	background:transparent url('../img/design/attente.gif') top center no-repeat;
	position:absolute;
	margin-left:170px;
	margin-top:5px;
	width:24px;
	height:24px;
}
div.newsletter_msgattente{
	color:#CB2DD9;
	margin-top:35px;
	height:24px;
	position:absolute;
	text-align:center;
	width:340px;
}
input.cheminlien{	
	background-color:#FFF;
	color:#000;
	width:300px;
}
a.newsbtn { width:120px; }
/* Trie des partenaires */
ul.liste_partenairetype li {
	display:block;
	padding:3px;
	border:1px solid #CCC;
	margin:10px;
	cursor:move;
	height:auto;
}
/* BROWSER */
.btn_browser_add, .btn_browser_update, .btn_browser_delete {
	display:block;
	width:20px;
	height:20px;
	margin-right:10px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:top left;
	border:none;
	border:0;
}
.btn_browser_add { background-image:url('../img/design/btn/add.png');}
.btn_browser_update { background-image:url('../img/design/btn/update.png');}
.btn_browser_delete { background-image:url('../img/design/btn/delete.png');}
.btn_browser_add:hover, .btn_browser_update:hover, .btn_browser_delete:hover { background-position:0 -20px; background-color:transparent;}
.mini_image img, img.mini_image {
	max-width:100px;
	max-height:100px;
}