@charset "ISO-8859-1";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:url(../image/bg.png) repeat-x;
	color:#343434;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

input, textarea {
	width: 250px;
}

.clear { clear:both; }

/************ STYLES *************/

@font-face {
    font-family: 'VictorRegular';
    src: url('fonts/victor-webfont.eot');
    src: url('fonts/victor-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/victor-webfont.woff') format('woff'),
         url('fonts/victor-webfont.ttf') format('truetype'),
         url('fonts/victor-webfont.svg#VictorRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.petit_texte { font-size:11px; line-height:15px; }
.moyen_texte { font-size:14px; line-height:18px; }
.gros_texte { font-size:16px; line-height:20px; }

.orange { color:#df6626; }
.bleu { color:#64aaca; }
.rouge { color:#c73f27; }
.gris { color:#696969; }
.blanc { color:#fff; }

h1, .gros_titre { font-size:36px; line-height:32px; margin:5px 0; font-family:'VictorRegular'; font-weight:normal; text-transform:uppercase;}
h2, .moyen_titre { font-size:28px; line-height:28px; margin:5px 0; font-family:'BebasNeueRegular'; font-weight:normal; }
h3, .titre { font-size:22px; line-height:20px; margin:5px 0; font-family:'VictorRegular'; font-weight:normal; }
h4, .petit_titre { font-size:18px; line-height:16px; margin:5px 0; font-family:'BebasNeueRegular'; font-weight:normal; }

/* Dans le fichier editeur.css dans "intranet/css", il y a un changement pour .titre_special et .titre_special2. */
/* Un float:none est ajouté. */
.titre_special {
	font-family:'VictorRegular';
	color:#fff;
	font-size:28px;
	background-color:#343434;
	padding:5px 30px;
	text-transform:uppercase;
	display:inline;
	float:left;
	margin-bottom:20px;
}
.titre_special2 {
	background-color:#c73f27;
	padding:3px 20px 3px 30px;
	font-family:'VictorRegular';
	font-size:20px;
	float:left;
	display:inline;
	margin:20px 0 10px 0;
}

a { color:#D35227; text-decoration:none; outline:none; }
a:hover { color:#C73F27; text-decoration:underline; }

/**********************************/
#wrapper {
	width:950px;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 15px 2px #999;
	box-shadow: 0px 0px 15px 2px #999;  
}

#header {
	position:relative;
	width:950px;
}

#logo {
	background:url(../image/logo.png) no-repeat;
	width:418px;
	height:251px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#logo_print {
	display:none;
}

/********** MENU UTILITAIRE ***********/

#menuutilitaire {
	width:950px;
	height:60px;
	background-color:#343434;
	border-bottom:10px solid #c73f27;
	position:relative;
}

#menuutilitaire ul {
	margin:5px 0;
	padding:0;
	float:right;	
	list-style-type:none;
	position:absolute;
	bottom:0;
	right:160px;
}

#menuutilitaire ul li {
	float:left;
	position:relative;
	height:48px;
	width:50px;
}

#accueil {
	background:url(../image/menuu/accueil.png) no-repeat 0 0;
	width:51px;
	height:48px;
	position:absolute;
	top:0;
	left: 15px;
	text-indent:-99999px;
}
#accueil:hover { background-position:bottom; }

#moncompte {
	background:url(../image/menuu/compte.png) no-repeat 0 0;
	width:47px;
	height:48px;
	position:absolute;
	top:0;
	left:0;
	text-indent:-99999px;
}
#moncompte:hover { background-position:bottom; }

#carte {
	background:url(../image/menuu/carte.png) no-repeat 0 0;
	width:64px;
	height:48px;
	position:absolute;
	top:0;
	left:0;
	text-indent:-99999px;
}
#carte:hover { background-position:bottom; }

#contact {
	background:url(../image/menuu/nousjoindre.png) no-repeat 0 0;
	width:57px;
	height:48px;
	position:absolute;
	top:0;
	left:10px;
	text-indent:-99999px;
}
#contact:hover { background-position:bottom; }

#facebook {
	background:url(../image/menuu/facebook.png) no-repeat 0 0;
	width:37px;
	height:48px;
	position:absolute;
	top:0;
	left:15px;
	text-indent:-99999px;
}
#facebook:hover { background-position:bottom; }

#menuutilitaire #btn_connexion {
	background-color:#c73f27;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
	font-family:'VictorRegular';
	position:absolute;
	bottom:0;
	right:10px;
	font-size:24px;
}
#menuutilitaire #btn_connexion:hover {
	color:#343434;	
}

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

#entete {
	width:950px;
	height:295px;	
	position:relative;
	z-index:5;
	overflow:hidden;
	background:#C73F27;
}

#entete .photo {
	width:950px;
	height:295px;
}

/********* MENU PRINCIPAL ************/
#menuprincipal {
	position:relative;
	z-index:30;
	width:950px;
	height:150px;
	background-color:#c73f27;
	margin:0;
	padding:0;
}

#menuprincipal ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#menuprincipal ul li {
	position:relative;
	float:left;
	margin:8px 0 0 9px;
}

#menuprincipal ul li.m_boomerang {
	margin:8px 9px 0 0;
}

#menuprincipal ul li:first-child {
	margin-left:0;
}

#menuprincipal ul li a {
	background-color:#df6626;
	display:block;
	width:105px;
	height:35px;	
	color:#fff;
	text-decoration:none;
	font-family:'BebasNeueRegular';
	text-align:center;
	font-size:24px;
	line-height:24px;
	padding:50px 15px;
	text-transform:uppercase;
}
#menuprincipal ul li a:hover { background-color:#343434; }

#menuprincipal ul ul { display:none; }

#menuprincipal ul li:hover ul {
	display:block;
	position:absolute;
	top:135px;
	left:0;
}

#menuprincipal ul ul li {
	margin:0;
}

#menuprincipal ul ul li a {
	height:auto;
	font-size:18px;
	line-height:18px;
	padding:10px 15px;
	text-transform:none;
}

/************************************/
#container {
	position:relative;
	z-index:20;
	width:950px;
	background-color:#c73f27;
	padding-bottom:8px;
}

#content {
	width:662px;
	float:left;
	margin-right:9px;
	background:#f0ca9c;
	padding-bottom:0;
}

#content p {
	margin:10px 40px 10px 30px;
	clear:both;
}

#content-page, #container_inventaire {
	width:850px;
	background-color:#fff;
	padding:20px 50px;
}

#content-page img { border:1px solid #cb4c35; }
#content-page #recaptcha_widget_div img { border: 0; }

#derniers_commercants {
	margin:20px 0;
	float:left;
}

#derniers_commercants ul {
	list-style-type:none;
	margin:0 15px 15px 25px;
	padding:0;
	width:810px;
	display:block;
	float:left;
}

#derniers_commercants ul li {
	width:126px;
	float:left;
	margin-right:10px;
	min-height:225px;
	background:url(../image/bg_commerce.jpg) repeat bottom center;
	padding:10px;
	text-align:center;
	color:#fff;
}

#derniers_commercants ul li img { border-bottom:1px solid #fff; margin:-10px -10px 15px -10px; }

#derniers_commercants ul li a {
	font-family:'BebasNeueRegular';
	color:#c73f27;
	text-decoration:none;
	font-size:20px;
	display:block;
	line-height:22px;
}
#derniers_commercants ul li a:hover { color:#999; }

/********* NOUVELLES ACCUEIL ***********/

#nouvelles {
	width:279px;
	float:left;
	background-color:#fff;
}

#nouvelles #titre {
	width:249px;
	background-color:#343434;
	font-family:'VictorRegular';
	color:#fff;
	font-size:28px;
	text-transform:uppercase;
	margin-bottom:10px;
	padding:5px 15px 3px;	
}

#nouvelles #titre a {
	color:#fff;
	background-color:#636363;
	display:inline;	
	text-decoration:none;
	padding:0 6px;
}
#nouvelles #titre a:hover { background-color:#c73f27; }

#nouvelles .acc_article {
	margin-bottom:15px;
	width:235px;
	padding:0 25px 0 15px;	
}

.date {
	font-size:20px;
	font-family:'BebasNeueRegular';
	color:#c73f27;
}

.lien_article {
	font-size:20px;
	font-family:'BebasNeueRegular';
	display:block;
	line-height:20px;
	text-decoration:none;
	color:#343434;
}
.lien_article:hover {
	color:#df6626;
}

/********** FOOTER ***************/
#footer {
	width:950px;
	height:110px;
	background:#343434;
	position:relative;
}

#menu_footer {
	width:950px;
	text-align:center;
}

#menu_footer ul {
	list-style-type:none;
	margin:0 auto;
	padding:15px 0;
	width:720px;
	text-align:center;
	line-height:20px;
}

#menu_footer ul li {
	display:inline;
	color:#fff;
}

#menu_footer ul li a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	margin:2px 5px;
}
#menu_footer ul li a:hover { color:#df6626; }

#copyright {
	font-size:11px;
	background-color:#242424;
	padding:5px 10px;
	color:#fff;
	position:absolute;
	bottom:0;
	left:40%;
	display:inline;
}

#copyright a { color:#fff; text-decoration:none; }
#copyright a:hover { text-decoration:underline; color:#e5e5e5; }

/********** ARTICLE ET ARCHIVE *************/
#lien_archive {
	background-color:#343434;
	padding:3px 10px;
	color:#fff;
	font-size:20px;
	font-family:'VictorRegular';
}

#archive .acc_article {
	margin:10px 0 20px;	
}

.gestion_pages {
	margin-top:20px;
}

.gestion_pages a {
	padding:5px 8px;
	background-color:#fff;
	display:inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#333;
	border:1px solid #EAE5DA;
	text-decoration:none;
}
.gestion_pages a:hover { text-decoration:none; background-color:#D35227; color:#fff; border:1px solid #C73F27; }

.gestion_pages .bgp_active {
	padding:5px 8px;
	display:inline;
}

/********* COMMERCANTS ET FICHE ************/

#commercants {
	margin:20px 0;
}

#commercants ul {
	list-style-type:none;
	margin:0 0 25px 0;
	padding:0;	
}


#commercants ul li {
	font-size:15px;	
	margin:0 0 4px 0;
}

#devenir_commercant {
	margin:20px 0;
	background-color:#C73F27;
	color:#fff;
	font-size:18px;
	padding:5px 10px;
}

#lien_commercants {
	margin:20px 0;
	background-color:#C73F27;
	color:#fff;
	font-size:14px;
	padding:5px 10px;
}

#devenir_commercant:hover, #lien_commercants:hover {
	text-decoration:none;
	background-color:#343434;	
}


/********* COMMERCANTS ET FICHE ************/

#produits {
	margin:20px 0;
}
#introduction_produits{
	margin-top:20px 0;
}

#produits ul {
	list-style-type:none;
	margin:0 0 25px -50px;
	padding:0;	
	zoom: 1;
}

#produits ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#produits ul li {
	float: left;
	width: 400px;
	font-size:15px;	
	margin:0 0 40px 50px;
}

#produits ul li.odd {
	clear: left;
}

#produits ul li img {
	max-width: 180px;
}

#produits .image {
	float: left;
	width: 182px;
	margin: 0 10px 10px 0;
}

#produits .titre,
#produits .prix,
#produits .addtocart {
	float: left;
	width: 208px;
}

#produits .prix {
	margin-bottom: 20px;
}

#produits .description {
	float: left;
	clear: both;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    padding-left: 5px;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}