/* STYLES GENERAUX
********************************************/
body {margin: 0;padding: 0;color: #000;font-size: 12px;height: 100%;width: 100%;background: url(../../images/structure/fond.jpg) repeat-y left;font-family: arial,verdana,tahoma,serif;}
* html {margin: 0;padding: 0;}
a:LINK , a:VISITED{ color: #504e5c; text-decoration: none; border-bottom: 1px dotted #71d0ff; }
a img { border: none; }
a:HOVER { color: #0099ff; text-decoration: none }
h1 {	color: #71d0ff;	font-size: 16px; margin-bottom: 0;}
hr {	color: #71d0ff;background-color: #71d0ff;height: 2px;border: 0; margin: 0 0 0 0;}
input[type=submit] {background: #71d0ff;}
input {border: 1px solid #333333;font-size: 10px;}
input:hover {	border: 1px solid #71d0ff;}
h2 {	color: #ffffff;	font-size: 14px;background-color: #71d0ff;width: 794px;border-bottom: 2px solid #888;padding: 0 0 3px 5px; margin:0;}
img {border: 0;}
fieldset {border: 0;}
br.sep {clear:both;}


/*STRUCTURE
********************************************/
div#main_div {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
div#header {height: 99px;width: 100%;padding: 0;margin: 0;background: url(../../images/structure/fond-haut.jpg) repeat-x;}
div#footer {width: 792px;background: #888;color: #ccc;font-weight: bold;font-size: 11px;padding:2px 2px 2px 5px;border-top: 4px solid #71d0ff;position: absolute;}
#footer a {font-weight: normal;color: #fff;}
div#left_content {float: left;width: 150px;padding : 0;margin : 0;}
div#content {width: 800px;float: left;padding: 5px;}
div#menu {margin-left: 5px;border: 4px ridge #999999;width: 120px;}
div#menu_content ul {list-style-image: url(../../images/structure/puce.gif);list-style-position: outside;margin-left: 25px;padding: 0;}
div#menu_content a {font-size: 12px;font-weight: bold;color: #333333;}
div#menu_content a:HOVER {color: #71d0ff;}
#nav_bar {background: #888;color: #ccc;font-weight: bold;font-size: 11px;padding:2px 2px 2px 5px;}
#nav_bar a {font-weight: normal;color: #fff;}
.drapeau {width: 27px;height: 18px;}
.contact {font-size: 10px;text-align: left;color: #444444;padding-left: 5px;}
.rouge {	color: #FF0000;}
div.cadre_gris {background: #F9F9F9;padding: 5px;font-size: 11px;}
div.cadre_gris input {font-size: 11px;}


/* CATALOGUE
********************************************/
#cat_categories {padding: 4px;border: none;width: 90%;}
#cat_categories td {background-color: #dddddd;padding: 5px;vertical-align: top;}
#cat_categories tr {}
#cat_categories label {color: #0033cc;font-weight: bold;font-size: 12px;}
.cat_mere {font-size: 14px;color: #FF0000;font-weight: bold; margin: 0;}
.cat_fille {	list-style-type: square;font-size: 12px;color: #71d0ff;}
/* LISTE DES PRODUITS */
div#box_produit {width: 800px;height: 92px;background-color: #eeeeee;}
div.box_photo {width: 90px;height: 90px;border: 1px solid #333333;float: left;display: inline;}
div.box_photo img {width: 90px;height: 90px;}
div.box_texte {width: 660px;margin-left: 10px;float: left;display: inline;}
div#box_produit a{color: #0080ff;font-size: 14px;font-weight: bold;}
div#box_produit a:HOVER {color: #0080c0;}
/* DETAILS D'UN PRODUIT  EN ADMIN*/
div#cadre_produit {display: block;width: 800px;}
div.titre_div  {background: #71d0ff;font-weight: bold;color: white;font-size: 12px;}
div#cadre_produit_left {width: 480px;float: left;padding: 5px;display: inline;}
div#cadre_produit_right {margin-left: 20px;width: 240px;float: left;padding: 5px;display: inline;}
div#cadre_produit_separation {width: 25px;display: inline;float: left;}
p#designation {font-size: 14px;font-weight: bold;color: #0033cc;}
/* DETAILS PRODUIT COTE PUBLIC */
div#box_details {display: block;width: 800px;position: relative;}
div#box_details_left {width: 480px;padding: 5px;display: inline;float: left;position: relative;}
div#box_details_right {margin-left: 20px;width: 240px;padding: 5px;display: inline;float: left;position: relative;}



/* DIVERS
********************************************/
label {float: left;display: inline;width: 140px;text-align: left;}
#bloc_erreur_on {padding: 5px 5px 5px 30px;background-image:url(../../images/error.png);background-repeat: no-repeat;background-color: #ffe6ea;font-weight: bold;overflow: auto;}
#bloc_erreur_off{padding: 5px 5px 5px 30px;background-image:url(../../images/accept.png);background-repeat: no-repeat;font-weight: bold;overflow: auto;background-color: #dfffe1;}
.lang_fr {background-image: url(../../images/structure/flag_fr.gif);background-repeat: no-repeat;padding-left: 24px;}
.lang_gb {background-image: url(../../images/structure/flag_gb.gif);background-repeat: no-repeat;padding-left: 24px;}
.lang_es {background-image: url(../../images/structure/flag_es.gif);background-repeat: no-repeat;padding-left: 24px;}
.pager { background: #EEE; padding: 5px; margin: 10px 0; font-size: 12px; font-weight: bold; }
.pager a { margin: 0 3px; }


/* GALERIE PHOTO
********************************************/
div .photo_gallerie {width: 120px;height: 120px;text-align: center;vertical-align: middle;margin-left: auto;margin-right: auto;}
table#table_gallerie td {background-color: #EFEFEF;width: 25%;}
table.table_liste {width: 100%;padding: 2;margin: 0;}
.ligne_resultat {background: #EEEEEE;}
.ligne_resultat:hover {background: #DDDDDD;}
.ligne_haut {background: #71d0ff;font-weight: bold;}
.no_class {background: none;border: 0;padding: 0;margin: 0;}


/* LISTE DES ANNONCES
*******************************************/
table#menu_annonces td {vertical-align: top;}
div#cadre_gris hr {color: #666;background-color: #666;height: 1px;border: 0; margin: 0;}
form#search_annonce input, select, option {font-size: 11px;}
.img_formulaire {float: left;margin-right: 10px;}
.bouton_upload_photo {height: 110px;}
.top_annonce {margin-bottom: 10px; clear: both; height: 140px;border-bottom: 1px dashed #71d0ff;}
.top_annonce img {float: left; margin-right: 5px;}
.top_annonce .prix {font-size: 12px;color: #FF0000;font-weight: bold;}
.titre_annonce {	display: block; font-size: 12px;font-weight: bold; background: #DEDEDE;}
tr.sep_annonce {height:5px;}
/* ANNONCE NORMALE */
.table_annonce {	border: 1px dotted #71d0ff;}
.photo {	width: 130px;vertical-align: top;}
.centre {vertical-align: top;}
.centre_gras {vertical-align: top; font-weight: bold;}
.prix {width: 150px;vertical-align: top;text-align: right;border-left: 1px dashed #71d0ff;}
.prix2 {width: 150px;vertical-align: top;text-align: right;font-size: 15px; color: #FF0000; font-weight: bold;}
.prix span {color: #FF0000;font-size: 18px;}
.prix_gras {width: 150px;vertical-align: top;text-align: right;border-left: 1px dashed #71d0ff; font-weight: bold;}
.prix_gras span {color: #FF0000;font-size: 18px; font-weight: bold;}
.designation a {font-size: 16px;text-decoration: underline;}
.categ_marque {font-size: 10px;}
td.centre .description {font-size: 12px;margin-top: 5px;}
/* ANNONCE COULEUR */
.table_annonce_couleur { border: 1px dotted #71d0ff;background-color: #cdf0fe }
.nav_links {font-size:11px; display: block; background: #F3F3F3;}
.nav_links a.nav {font-size: 18px; font-weight: bold;}
.nav_links span.current{font-size: 18px; color: #71d0ff; font-weight: bold;}


/* DETAIL D'UNE ANNONCE
********************************************/
table#annonce_details #cadre_droit {float: right; width: 150px; border: 1px dotted #71d0ff; background: #cdf0fe; padding: 10px;}
table#annonce_details #cadre_droit span.prix {color: #FF0000; font-weight: bold; font-size: 16px;}
table#annonce_details #cadre_droit a { font-weight: bold; font-size: 12px;}

table#annonce_details .categorie {font-size: 12px; }
table#annonce_details .designation {font-size: 14px; font-weight: bold; }
table#annonce_details div#description {font-size: 12px;}

/* DEPOT D'UNE ANNONCE
******************************************/
div.blocOption {
	width: 360px;
	margin: 10px;
	float: left;
}
div.blocOption div.cadreOption {
	border: 1px solid #333333;
	padding: 10px 10px 25px 10px;
	background: url(../../images/stripe.png);
	color: #000;
}
div.blocOption div.titreOption {
	padding: 0 10px 0 10px;
	background: #333333;
	border: 1px solid #333333;
	color: #FFF;
	height: 16px;
}
div.blocOption a {
	display: block;
	width: 140px;
	height: 28px;
	background: url(../../images/btnAjouter.gif);
	float: right;
}
div.blocOption2 {
	width: 360px;
	margin: 10px;
	float: left;
}
div.blocOption2 div.cadreOption {
	border: 1px solid #16cbf1;
	padding: 10px 10px 25px 10px;
	background: url(../../images/stripe.png);
	color: #000;
}
div.blocOption2 div.titreOption {
	padding: 0 10px 0 10px;
	background: #16cbf1;
	border: 1px solid #16cbf1;
	color: #FFF;
	height: 16px;
}
div.blocOption2 a {
	display: block;
	width: 140px;
	height: 28px;
	background: url(../../images/btnRetirer.gif);
	float: right;
}