/************************************
*********** GENERALITES *************
************************************/
html, body {
	margin:0;
	text-align:center; /* pour corriger le bug de centrage IE */
}

img {
	border-width:0;
}

dl, dt, dd, ul, li {
	margin:0;
	padding:0;
	list-style-type:none;
}

.gras
{
	font-weight:bold;
}

.gras_rouge
{
	font-weight:bold;
	color:#FF0000;
	font-size:11px;
}

body {
	margin:0;
	background-position:top left;
	background-repeat:repeat-x;
}

#div_body {
	position:relative;
	margin:0 auto;
	width:930px;
	text-align:left; /* on rétablit l'alignement normal du texte */
}


/************************************
************* ENTETE ****************
************************************/
#div_entete {
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-top:20px;
	height:100px;
}


#div_entete_bloc_gauche {
	float:left;
	width:760px;
}


#div_entete_logo {
	width:300px;
	height:50px;
	float:left;
}

#div_entete_logo img{
	width:300px;
}


/* MENU */
#div_entete_menu {
	clear:both;
	float:left;
	vertical-align:bottom;
	margin-top:30px;
	width:100%;
}

#ul_entete_menu {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	width:100%;
}

#ul_entete_menu li {
	display:inline;
	margin-right:1px;
	height:20px;
	float:left;
	padding-top:2px\9;
}

#ul_entete_menu li a {
	padding:4px 20px;
	line-height:1em;
	text-align:center;
	text-decoration:none;
}

#ul_entete_menu li a:hover, #ul_entete_menu li a:focus, #ul_entete_menu li a:active {
}


/* CONTACT ASSISTANCE */

#div_entete_contact_assistance {
	float:right;
}


/************************************
************** CORPS ****************
************************************/
#div_corps {
	clear:both;
	padding:10px;
	margin:10px auto;
	width:920px;
}


/************************************
************ index.php **************
************************************/
.div_menu {
	margin:0 auto;
	width:380px;
	margin-top:20px;
}

.div_align_ie {
	//text-align:center;
}

.div_menu_titre {
	float:left;
	text-align:center;
	padding:4px 0 4px 0;
	width:380px;
}

.div_menu_choix {
	clear:both;
	margin:5px 0 5px 0;
}

.div_menu_bloc {
	padding:10px;
	clear:both;
	margin-bottom:10px;
	width:358px;
	width:380px\9;
}

.div_menu_choix_image {
	float:left;
	width:50px;
}

.div_menu_choix_libelle {
	text-align:left;
	float:left;
	margin-top:5px;
}

.div_menu_choix_libelle a{

}

.div_menu_choix_libelle a:hover{

}

#table_mon_compte {
	width: 100%;
}

#div_coordonnees_resume {
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
}

#td_conditions_generales {
	text-align: center;
	vertical-align: middle;
	width: 80px;
}

#div_texte_accueil {
	width:800px;
	margin-left:50px;
	padding-top:20px;
	
}

#div_texte_accueil a {

}

#div_texte_accueil a:hover {

}

/************************************
************ aide.php ***************
************************************/

#div_aide #div_body {
	width:650px;
}

/************************************
************ integration.php ********
************************************/
.div_rapport_titre {
	float:left;
	text-align:center;
	padding:4px 0 4px 0;
	width:500px;
}

.div_rapport {
	margin:0 auto;
	width:500px;
	margin-top:20px;
}

.div_rapport_bloc {
	padding:10px;
	clear:both;
	margin-bottom:10px;
	width:478px;
	//width:100%;
}

/*****************************************
********** annonces_selection.php ********
*****************************************/

input.bilan_multidiff
{
	border-width:0;
	background:none;
	text-align:right;
	font-weight:bold;
	font-size:14px;
	width:25px;
}

#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;
	text-align:center;
}

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

#div_entete_aide_deco {
	float:right;
	width:190px;
	padding:5px;
}

#div_entete_aide_deco #div_entete_aide {
	width:32px;
	float:right;
}

#div_entete_aide_deco #div_entete_deconnexion {
	width:100px;
	float:right;
	margin-right:15px;
	margin-top:5px;
}

#div_entete_deconnexion a {
	float:right;
	background:#CC0000;
	color:#fff;
	border:1px solid #CC0000;
	font:bold 1em "Trebuchet MS",Arial,sans-serif;
	padding:4px 20px 4px 20px;
	text-decoration:none;
	text-transform:uppercase;
}

#div_entete_deconnexion a:hover {
	background:#FFFFFF;
	text-decoration:none;
	color:#CC0000;
}
/*Stylage du cadre de sélection du média*/
#selection-media {
	width:350px;
	margin:0 auto;	
}
#selection-media ul {
	margin:0 auto;
}
#selection-media ul li {
	margin-bottom:15px;
	margin-left:25px;
}
#selection-media ul li a {
	display:block;
	padding:5px 20px;
	width:250px;
	border:solid 2px #BD2E2E;
	color:#04378B;
	text-decoration:none;
	text-align:center;
}
#selection-media ul li a:hover {
	background-color:#BD2E2E;
	color:#FFFFFF;
}


/* 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;
	border:solid 1px #808080;
	padding:5px 0 25px 10px;
	margin:0 auto 30px auto;
	background-color:#FFFFFF;
}

.bloc-separateur h3 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#9D9D9D;
	text-transform:uppercase;
	margin-top:0;
}

/* 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 {
	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-valider2.png") top left no-repeat;
	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.png") top left no-repeat;
	width:250px;
}

.liste-commandes {
	border-left:solid 1px #666666;
	border-top:solid 1px #666666;
	clear:both;
	width:95%;
	margin:0 auto;
	background-color:#FFFFFF;
}

.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;
}

#filtre {
	width:550px;
	margin:0 auto;
}

#filtre h3 {
	margin-bottom:0px;
	padding-bottom:0;
}

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

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

.filtres a {
	color:#9D9D9D;
}

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

#options .bloc-libelle-champ {
	margin-bottom:0;
}

#options.bloc-separateur {
	padding-bottom:10px;
	padding-bottom:20px\9;
}

.filtres.bloc-separateur {
	padding-bottom:10px;
}

.filtres .champ  {
	width:55px;
}

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

.filtres .libelle.court  {
	width:55px;
}

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


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

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

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

.filtres .champ {
}

.filtres .bouton {
	width:100%;
	text-align:auto;
}

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

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

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

.tri .libelle {
	width:70px;
}

.tri .champ {
	width:70px;
}

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

#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;
}

#ajout-photo {
	width:807px;
	float:left;
}

h2 {
	font:bold 16px Arial, Helvetica, sans-serif;
}

#corps {
	width:auto;
}

#ul_entete_menu  #item-aide, #ul_entete_menu  #item-assistance {
	display:none;
}


#excuse {
	font:normal 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#1793D1;
	padding:15px;
	border:solid 2px #1793D1;
	width:770px;
	margin:0 auto 20px auto;
	line-height:20px;
	text-align:justify;
}

#excuse a {
	color:#1793D1;
	text-decoration:underline;
}

#excuse a:hover {
	text-decoration:none;
}

.bloc-fichier {
	margin-bottom:5px;
	border-bottom:solid 1px #9D9D9D;
	padding-bottom:5px;
}

.bloc-fichier .titre-nom-fichier {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#9D9D9D;
}