/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
}

body, html {
	height:100%;
	width:100%;
	text-align:center;
	position:relative;
}
ol, ul {
	list-style: none;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
} 

h1 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#2E6CDE;
	margin-bottom:20px;
}
/* *****************************************
*	CSS Document 
* Styles utilisé pour l'espace partenaire
**********************************************/
/* Logo */
#logo {
	width:100%;
	text-align:center;
	padding-top:5px;
}

/* Menu en haut de page */
#menu {
	width:100%;
	margin-top:5px;
	padding-top:5px;
	text-align:center;
}

#menu li {
	display:inline-block;
	_display:inline;
	width:130px;
	height:40px;
	text-align:center;
	margin-right:10px;
}

#menu li a {
	display:block;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#2e6cde;
	text-decoration:none;
	width:130px;
	height:28px;
	_height:40px;
	text-align:center;
	padding-top:12px;
}

#menu li a:hover, #menu li a.selected {
	background:url('../images/bt-menu.gif') top left no-repeat #FFFFFF;
	color:#FFFFFF;
}

/* Zone d'affichage principale */
#corps {
	width:95%;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	margin:20px auto 0 auto;
	padding:20px 15px;
	text-align:center;
}

#corps .texte-intro {
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#2E6CDE;
	margin-bottom:20px;
}

#corps h2 {
	width:100%;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-align:center;
	border-bottom:solid 1px #666666;
	border-top:solid 1px #666666;
	margin-bottom:10px;
	padding-bottom:5px;
	padding-top:5px;
	text-transform:uppercase;
}

#corps h3, #corps h3 a {
	width:100%;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#2e6cde;
	text-align:left;
	border-bottom:solid 1px #2e6cde;
	margin-top:10px;
	margin-bottom:5px;
	text-decoration:none;
}

#corps .contenu {
	margin:0 auto 30px auto;
	border-bottom:solid 1px #666666;
}

#corps .centrer {
	margin:0 auto;
	width:850px;
}

/* Footer */
#footer {
	text-align:center;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666666;
	background-color:#EFEFEF;
	padding:15px 0;
}

#footer a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}


/* bloc libele + champ*/
.bloc-libelle-champ {
	margin-bottom: 10px;
	clear:both;
	width:100%;
	padding-top:5px;
}

/* separateur */
.bloc-separateur {
	clear:both;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.bloc-separateur .titre {
	width: 100px;
	font: bold 15px Arial, Helvetica, sans-serif;
	border: solid 1px;
}

/* libelle */
.libelle {
	display:block;
	width: 100px;
	color: #666666;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: right;
	margin-right: 10px;
	float:left;
}

.libelle-long {
	display:block;
	width: 250px;
	color: #666666;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: right;
	margin-right: 10px;
	float:left;
}

/*Champ*/
.champ, .valeur {
	display: block;
	float:left;
	width: 150px;
	margin-right: 5px;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: left;
	color:#2e6cde;
}

.champ input {
	float:left;
	margin-right:5px;
}

#champ-civilite .champ input {
	float:none;
}

.champ-long {
	width: 300px;
}

.champ-tres-long {
	width: 350px;
}

.champ-multiligne
{
	float:left;
	text-align:left;
}

.unite {
	width:150px;
	float:left;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: left;
	color:#2e6cde;
}

.avertissement {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#CC0000;
}

.avertissement a {
	color:#2e6cde;
	text-decoration:none;
}

.avertissement a:hover {
	text-decoration:underline;
}

.bouton {
	text-align:center;
	margin:25px 0px 15px 0px;
	clear:both;
	width:100%;
	text-decoration:none;
}

.bouton input {
	color:#FFFFFF;
	width:80px;
	background:url("../images/bt-valider.gif") top left no-repeat #FFFFFF;
	width:130px;
	height:40px;
	padding-bottom:2px;
	font:bold 14px Arial, Helvetica, sans-serif;
	border:none;
	cursor:pointer;
}

.long input {
	background:url("../images/bt-valider-long.gif") top left no-repeat #FFFFFF;
	width:250px;
}


/* Home */
#home {
	width:550px;
	font:bold 12px Arial, Helvetica, sans-serif;
}

#home .libelle {
	width:300px;
}

.login td {
	font:bold 12px Arial, Helvetica, sans-serif;
}

#message-bienvenue {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	margin-bottom:50px;
}


/* Commandes */
#commande {
	width:400px;
}

#commande .libelle {
	width:100px;
}

#commande .court {
	width:100px;
}

.liste-commandes {
	border-left:solid 1px #666666;
	border-top:solid 1px #666666;
	clear:both;
	float:left;
}

.liste-commandes a {
	color:#666666;
}

.liste-commandes a:hover {
	text-decoration:none;
}

.liste-commandes th {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#2E6CDE;
	text-align:center;
	border-bottom:solid 1px #666666;
	border-right:solid 1px #FFFFFF;
	height:20px;
	vertical-align:middle;
}

.liste-commandes td {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666666;
	border-bottom:solid 1px #666666;
	border-right:solid 1px #666666;
	vertical-align:middle;
	text-align:center;
	height:20px;
	padding:2px 0;
}

.liste-commandes .pictos {
	padding:5px;
}

.ajout-commande {
	background:url("../images/p-plus.gif") left no-repeat;
	padding-left:25px;
	color:#CC0000;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	height:14px;
	font:bold 12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-align:left;
}


/* Client */
#filtre {
	width:550px;
}


#filtre.petit-filtre {
	width:520px;
}

#filtre.filtre-lots {
	width:350px;
}

.filtres .bloc-libelle-champ{
	float:left;
	width:250px;
	clear:none;
}

.filtres .bloc-libelle-champ.court {
	width:130px;
	margin-left:10px;
}

.filtres .bloc-libelle-champ.champ-long {
	width:97%;
}

.filtres .bloc-libelle-champ {
	margin-left:10px;
}

.filtres .libelle {
	width:180px;
	text-align:right;
}

.filtres .champ {
}

.filtres .bouton {
	width:150px;
	margin:0 auto;
}


.filtres .court  {
	width:55px;
}

.filtres .court input {
	width:50px;
}

#filtre.filtre-lots .champ input, #filtre.filtre-lots .champ {
	width:50px;
}

#filtre.filtre-lots .bloc-libelle-champ {
	width:165px;
	float:left;
	clear:none;
}

#ajout-pn {
	width:400px;
	margin-left:50px;
	float:right;
}

#ajout-pn .libelle {
	width:180px;
}

#ajout-pn .libelle {
	width:140px;
}

#ajout-pn .court {
	width:100px;
}

.tri .bloc-libelle-champ {
	clear:none;
	width:200px;
	float:left;
}

.tri .libelle {
	width:70px;
}

.tri .champ {
	width:70px;
}

tr.gold {
	background-color: #FFECAE ;
}

span.siti_page_courante{
	font-weight: bold;
} 

.ajouter-pn {
	margin-bottom:5px;
	width:900px;
	float:left;
}

.retour-pn {
	margin-bottom:5px;
	width:245px;
	float:right;
	text-align:right;
}

.ajouter-pn .libelle {
	width:40px;
}

.ajouter-pn .bloc-libelle-champ {
	width:250px;
	clear:none;
	float:left;
}

.ajouter-pn a, .ajouter-pn span, .retour-pn a {
	float:left;
	display:block;
	color:#CC0000;
	height:14px;
	font:bold 12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-align:left;
	text-decoration:none;
	margin:5px 15px 5px 0;
}

.ajouter-pn a, .retour-pn a {
	text-decoration:underline;
}

.retour-pn a {
	margin:5px 0px 5px 0;
	color:#009900;
	float:right;
}


.ajouter-pn a:hover, .retour-pn a:hover {
	text-decoration:none;
}

/* edition-annonceur */
#edition-annonceur {
	width:500px;
	padding-bottom:15px;
}

#edition-annonceur .libelle {
	width:180px;
}

#edition-annonceur .court {
	width:100px;
}

#edition-annonceur .large {
	width:100%;
	text-align:center;
}


/* edition-annonce */
#edition-annonce {
	width:820px;
	padding-bottom:15px;
}

#edition-annonce .libelle {
	width:320px;
}

#edition-annonce .court {
	width:100px;
}

#edition-annonce .large {
	width:100%;
	text-align:center;
}


/* edition-commande */
#connexion {
	width:300px;
}

.status_terminer{
	background-color: grey;
}
.status_echeance_depassee{
	background-color: red;
}
.status_dernier_jour{
	background-color: orange;
}
.status_cree{
	background-color: pink;
}
.status_en_attente{
	background-color: yellow;
}
.status_en_cours{
	background-color: green;
}

.bloc-photo {
	float:left;
	width:140px;
	height:200px;
	overflow: hidden;
	border:solid 1px #CC0000;
	margin-left:10px;
	margin-bottom:15px;
	padding:5px;
	text-align:center;
}


.bloc-photo img {
	border:solid 1px #cccccc;
	padding:2px;
}

.bloc-photo .outils {
	clear:both;
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#CC0000;
}

.bloc-photo .conserver-photo {
}

.bloc-photo .aucune-photo {

}

.bloc-photo .nouvelle-photo {

}

.bloc-photo .nouvelle-photo input {
}

.bloc-photo .conteneur-photo {
	width:130px;
}

#fckeditor {
	width:100%;
	margin-bottom:10px;
}

#fckeditor .libelle {
	text-align:left;
}

#fckeditor .champ {
	clear:both;
	width:100%;
}

#recap-annonceur {
	width:300px;
}

#recap-commande {
	width:600px;
}

#recap-parution {
	width:300px;
}

.tableau_recapitulatif_commandes {
	width:100%;
}

.tableau_recapitulatif_commandes td {
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666666;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
}

.tableau_recapitulatif_commandes .ligne-recap-titre {
	font-weight:bold;
	color:#CC0000;
	text-align:center;
}

.tableau_recapitulatif_commandes .produit {
	width:40%;
	text-align:left;
}

.tableau_recapitulatif_commandes .prix {
	width:25%;
	text-align:center;
}

.tableau_recapitulatif_commandes .quantite {
	width:10%;
	text-align:center;
}

.tableau_recapitulatif_commandes .montant {
	width:25%;
	text-align:center;
}

.lien-synthese {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#CC0000;
}

.lien-synthese:hover {
	text-decoration:none;
}
#photo-principale img {
	height:262px;
	border-bottom:none;
}
#miniatures .photo {
	max-height:85px;
	max-width:110px;
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	overflow:hidden;
}
#miniatures .photo img {
	height:85px;
	width:110px;
	border:solid 1px #CCCCCC;
}

#statistiques_choix_donnees {
	width:600px;
}

#statistiques_choix_donnees .check {
	width:200px;
}

#statistiques_choix_donnees .libelle {
	width:150px;
}

#statistiques_visualisation_donnees {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#CC0000;
	width:200px;
	text-align:left;
}

#statistiques_visualisation_donnees .libelle-stats {
	color:#666666;
}
/*<profils>*/
.profils_creer_nouveau
{
	background:url("../images/bt-valider-long.gif") top left no-repeat #FFFFFF;
	text-align:center;
	width:250px;
	height:40px;
	padding-top:10px;
}
.profils_creer_nouveau a
{
	color:#FFFFFF;
	font:bold 14px Arial, Helvetica, sans-serif;
	border:none;
	text-decoration:none;
}
#table_liste_profils
{
	clear:right;
	width:100%;
}
#table_liste_profils td
{
	padding-left: 5px;
}
.cadre_bleu
{
	border: 2px solid;
	border-color: #2B50A0;
	color: #000000;
	text-align:left;
	font-size:12px;
}

td.cadre_bleu
{
	border: 2px solid;
	border-color: #2B50A0;
	color: #000000;
	text-align:left;
	font-size:12px;
}

.cadre_bleu th
{
	background-color:#2B50A0;
	height:20px;
	text-align:center;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	padding-top: 2px;
	vertical-align:top;
}

.cadre_bleu th A:link,.cadre_bleu th A:visited
{
	color:#FFFFFF;
	text-decoration:underline;
}
.cadre_bleu th A:hover
{
	color:#FFFFFF;
	text-decoration:none;
}
/*</profils>*/

.table_classe {
	padding:0;
	margin-top:10px;
	margin-bottom:10px;
	border-collapse:collapse;
	border-bottom:solid 1px #999999;
}

.table_classe th {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#2E6CDE;
	text-align:center;
	border:solid 1px #999999;
	background-color:#DEDEDE;
	padding:2px;
}

.table_classe td {
	border:solid 1px #999999;
	text-align:center;
	padding:2px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#CC0000;
}

/* CDC */
#liste-cdc {
	clear:both;
	margin:0 auto;
}

.bloc-cdc {
	width:200px;
	float:left;
	margin-right:15px;
	border:solid 2px #CCCCCC;
	background-color:#EFEFEF;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:5px;
	margin-bottom:10px;
}

#corps .bloc-cdc h3 {
	margin-top:0;
	color:#CC0000;
	border:none;
}

.bloc-cdc p {
	text-align:justify;
	padding-top:5px;
	height:150px;
	overflow:hidden;
}

.bloc-cdc p.info {
	text-align:justify;
	padding-top:5px;
	height:auto;
	overflow:visible;
}

.bloc-cdc .prix, .bloc-cdc .reference {
	color:#2E6CDE;
	font-weight:bold;
	text-align:left;
}

.bloc-cdc a {
	color:#CC0000;
	font-weight:bold;
}

.bloc-cdc a:hover {
	text-decoration:none;
}

.bloc-cdc .photo {
	text-align:center;
	width:200px;
	overflow:hidden;
}

.bloc-libelle-champ-cdc-photo {
	width:190px;
	float:left;
	margin-right:10px;
	text-align:left;
	border:solid 2px #CCCCCC;
	padding:5px;
	background-color:#EFEFEF;
	height:250px;
	margin-bottom:10px;
}

.bloc-libelle-champ-cdc-photo .photo {
	text-align:center;
	clear:both;
}

.bloc-libelle-champ-cdc-photo .photo .aucune {
	text-align:center;
	width:185px;
	height:70px;
	border:solid 2px #CC0000;
	padding-top:60px;
	color:#CC0000;
	background-color:#FFFFFF;
}

.bloc-libelle-champ-cdc-photo .input-file {
	margin-left:20px;
}

.bloc-libelle-champ-cdc-photo .libelle {
	width:100%;
	text-align:center;
	color:#2E6CDE;
	margin-bottom:5px;
}

#edition-coup-de-coeur .bloc-separateur {
	width:500px;
	margin:0 auto;
}

#edition-coup-de-coeur #div_cdc_photos {
	margin-top:20px;
	width:100%;
	clear:both;
	float:left;
}

.erreur {
	display:block;
	text-align:center;
	color:#CC0000;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	background-color:#FFFFFF;
}

#texte-accueil {
	border:solid 2px #2E6CDE;
	padding:10px;
	text-align:center;
	color:#2E6CDE;
	font:bold 12px Arial, Helvetica, sans-serif;
	width:400px;
	margin:0 auto;
}

#nb_clics_et_mails_par_annonce {
	float:left;
	width:210px;
}

#nb_clics_et_mails_par_annonce #span_nb_clics_et_mails_par_annonce {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#CC0000;
}

#audience_annonces_par_jour, #nb_annonces_publiees_par_jour {
	float:right;
	margin:15px 0;
}

.lien-droit {
	display:block;
	width:600px;
	float:right;
	text-align:center;
}

#statistiques_visualisation {
	width:850px;
	padding-bottom:15px;
}

#statistiques_visualisation h3 {
	width:100%;
	text-align:center;
}

#logo_site img {
	margin-right:20px;
}

#logo_site, #logo {
	background-color:#EFEFEF;
	padding:7px 0;
}

.erreur-stats {
	clear:both;
	width:100%;
	color:#CC0000;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:center;
	padding:15px 0;
}
.lien-export {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#2E6CDE;
	margin-bottom:15px;
}

.lien-export:hover {
	text-decoration:none;
}

#stats-gauche {
	float:left;
	width:220px;
}

#stats-gauche {
	float:right;
	width:700px;
}

#calque-chargement {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99;
}

#message-chargement {
	margin:250px auto 0 auto;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#999999;
	height:115px;
	height:215px\9;
	width:400px;
	background-color:#FFFFFF;
	padding-top:85px;
	border:solid 2px #2E6CDE;
}

#message-chargement img {
	vertical-align:middle;
	margin-left:5px;
}

/* ARTICLES */
#articles {
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-bottom:30px;
}

#articles .titre {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#2E6CDE;
	margin-top:10px;
	display:block;
}

#articles table {
	margin:0 auto;
}

#articles table p {
	color:#2E6CDE;
	font:bold 12px Arial,Helvetica,sans-serif;
	border:solid 2px #CCCCCC;
	padding:10px;
	background-color:#EFEFEF;
}

#articles table p a {
	color:#000000;
	text-decoration:none;
}

#articles #tous {
	color:#CC0000;
	text-decoration:underline;
}

#articles #tous:hover {
	text-decoration:none;
}

#articles table p a:hover {
	color:#000000;
	text-decoration:underline;
}

#gerer-rubriques {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#2E6CDE;
	text-decoration:underline;
	margin-top:15px;
	display:block;
}

#gerer-rubriques:hover {
	text-decoration:none;
}

#formulaire-article {
	background-color:#EFEFEF;
	border:solid 2px #CCCCCC;
	padding:10px;
}
.obligatoire_manquant
{
	background-color: #ffbcbc;
	outline-style: solid;
	outline-width: medium;
	outline-color: #ff3e3e;
}