/*******************************************************
TITLE: HTML Informatique
DATE: 09-06-2009
AUTHOR: Stéphane Bergero @ PUNKTiTUDE.COM

Couleurs
Jaune : #ffdc00
Bleu : #003f8a
Rouge : #d31b1e

jaune 50% : #ffed80
jaune 10% : #fffbe5
jaune 5% : #fffdf2

bleu 50% : #809fc4
bleu 10% : #e5ecf3
bleu 5% : #f2f5f9


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

* {
	margin: 0;
	padding: 0;
}
body {
	color: #003f8a;  
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 82%;
	height: 100%;
	text-align: center;
}
a {
	color: #d31b1e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	outline: none;
}
/*a{outline: none;}
:focus{-moz-outline-style: none;}*/

h1 {color: #003f8a;font-size: 2.575em;}
h2 {color: #003f8a;font-size: 1.879em;}
h3 {color: #003f8a;font-size: 1.37em;}
h4 {color: #003f8a;font-size: 1em;font-weight: bold;}
p, li, dd {
font-size: 1em
}
p, ul, ol, dl, blockquote, table {
margin-bottom: 2em;
}
ul ul, ol ol, dl dl {
margin-bottom: 0em;
margin-left: 10px;
}
ul, ol {
margin-left: 15px;
}
ul {
list-style-type: disc;
}
	ul li {
	margin: 5px 0 5px 10px;
	}
	ul li li {
	list-style-type: circle;
	}
ol {
}
	ol li {
	list-style-type: decimal;
	margin: 5px 0 5px 10px;
	}
	ol li li {
	list-style-type: lower-alpha;
	}
blockquote {
	background-color: #eeeeee;
	margin: 1em;
	padding: .5em;
}
	blockquote p {
		margin:.2em;
	}
a img {
	border: 0;
}
hr.divclear {
	border: 0;
	clear: both;
	height: 0px;
	visibility: hidden;
}

#container {
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	width: 960px;
}

/* Header */

#header {
	height: 276px;
	position: relative;
}
	#header h1 {
		background: url(../images/html-logo.png) no-repeat 0 0;
		height: 170px;
		width: 366px;
	}
	#header h1 a {
		display: block;
		height: 150px;
		width: 366px;
	}
	
	#header h1,
	#header h2 {
		text-indent: -9999px;
	}
	#header h2 {
		height: 0;
	}
div#pub_banniere {
	position: absolute;
	right: 60px;
	top: 45px;
}
div#pub_banniere img{
	width: 485px; 
}


/* Sidebar */

#sidebar {
	float: left;
	padding: 8px 0 50px;
	width: 366px;
}
	#sidebar h2 {
	}
	#sidebar p {
	}
	#sidebar ul {
		list-style:none;
		margin:0;
	}
	#sidebar li {
		margin:0 0 0.5em;
	}
	#sidebar li a {
	}
	#sidebar li a:hover{
	}
	#sidebar img {
		max-width: 300px;
	}
#intro,
#conseil_sidebar,
#flux_sidebar {
	background: url(../images/html-sidebar-bg-bottom.png) no-repeat left bottom;
	padding: 0 13px;
	width: 327px;
}
	#conseil_sidebar h2,
	#flux_sidebar h2 {
		height: 32px;
		margin-left: -13px;
		text-indent: -9999px;
		width: 366px;
	}
	#flux_sidebar h2 {
		background: url(../images/html-h2_01net-jaune.png) no-repeat 0 0;
		margin-bottom: 13px;
	}
	#conseil_sidebar h3 {
		margin-top: 13px;
	}
	#sidebar #flux_sidebar li a {color:#003F8A;}
	#sidebar .allnews-link {
		text-align: right;
	}
#pub_sidebar {
	height: 281px;
	padding: 31px 0 0 33px;
	width: 337px;
}
	#pub_sidebar h3 {
		display: none;
	}


/* Content */

#content {
	float: left;
	overflow: hidden;
	padding: 1px 13px 50px;
	width: 568px;
}

/* css hack for Safari 3 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#content {
	margin: 0px;
	overflow: hidden;
	}
}

	#content h1 {
	/*background-image: url(../images/html-titres.png);
	background-repeat: no-repeat;*/
	color: #003F8A;
	font-size:2.54em;
	height:36px;
	letter-spacing:-0.06em;
	padding-top:2px;
	text-align:right;
	/*text-indent: -9999px;*/
	text-transform:uppercase;
	width:545px;

	}
	#content #magasins h1 {
		background-position: right -41px;
	}
	#content #news h1,
	#content #conseil h1 {
		background-position: right -123px;
	}
	#content #promotions h1 {
		background-position: right -164px;
	}
	#content #destockage h1 {
		background-position: right -205px;
	}
	#content #brignoles h1 {
		background-position: right -615px;
	}
	#content #la-valette-du-var h1 {
		background-position: right -656px;
	}
	#content #st-maximin h1 {
		background-position: right -697px;
	}
	#content #erreur h1 {
		background-position: right -738px;
	}
	#content #contact h1,
	#contact #content h1 {
		background-position: right -535px;
	}
	body#societe #content h1 {
		background-position: right 0px;
	}
	body#tarifs_boutique #content h1 {
		background-position: right -246px;
	}
	body#tarifs_prestations #content h1 {
		background-position: right -287px;
	}
	body#utilitaires #content h1 {
		background-position: right -328px;
	}
	body#pilotes #content h1 {
		background-position: right -369px;
	}
	body#marques #content h1 {
		background-position: right -410px;
	}
	body#solutions #content h1 {
		background-position: right -451px;
	}
	body#services #content h1 {
		background-position: right -492px;
	}
	body#partenaires #content h1 {
		background-position: right -574px;
	}
	
	#content h2 {
	line-height:1em;
	margin-bottom:21px;
	}
	#content h3 {
	line-height:1em;
	margin-bottom:13px;
	}
	#content p {
	margin-bottom:13px;
	}
	#content img {
		float: left;
		margin: 0 8px 8px 0;
		max-width: 532px;
	}
	body#pilotes #content p,
	body#utilitaires #content p {
		clear:both;
		display:block;
	}
	body#pilotes #content img,
	body#utilitaires #content img {
	}


.post {
background-color: #fff;
border-style: solid;
border-width: 1px;
clear: both;
margin-top: 13px;
overflow: hidden;
padding: 8px 13px 13px;
position: relative;
}
.produit_item {
	min-height: 88px;
}
.produit_detail {
	padding: 8px 13px 0;
}
.boutique_item {
	clear: both;
	overflow:hidden;
}
	#content .produit_item h2 {
	font-size: 1.61em;
	margin-bottom: 8px;
	padding: 0 90px 0 93px;
	}
	#promotions .pair {
/*	margin-right: 13px;*/
	}
	#promotions .impair {
	}
	#content .produit_item img.photo_thumbnail,
	#content .produit_item img.photo_thumbnail {
	border: 1px solid #E5ECF3;
	float: none;
	margin: 0 8px 0 0;
	position: absolute;
	left: 13px;
	top: 13px;
	}
	#content .produit_item .entry {
		padding: 0 90px 0 93px;
	}
	#content .produit_detail .entry {
		padding: 0px;
	}
	#content .produit_item .newsheader p {
	margin: 0;
	}
	#content .produit_detail .produit_description {
	margin: 0;
	padding-left: 140px;
	}
	#content .produit_item p.prix,
	#content .produit_detail p.prix {
	background: url(../images/html-prix-bg.png) no-repeat 0 0px;
/*	bottom: 25px;*/
	color: #D31B1E;
	font-size: 2em;
	font-weight: bold;
	height: 48px;
	letter-spacing: -0.15em;
	margin: 0;
	padding: 3px 20px 0 8px;
	text-align: center;
	width: 80px;
	}
	#content .produit_item p.prix {
	position: absolute;
	right: -7px;
	top: 34px;
	}
	#content .produit_detail p.prix {
	float: right;
	margin-left: 5px;
	}
		p.prix sup {
		font-size: 0.6em;
		font-weight: normal;
		}
	#content .produit_item div.blink,
	#content .produit_detail div.blink {
	background: url(../images/html-nouveau.png) no-repeat 0 0;
	display: block;
	height: 54px;
	position: absolute;
	text-indent: -9999px;
	width: 99px;
	z-index: 20;
	}
	#content .produit_item div.blink {
	left: -4px;
	top: -4px;
	}
	#content .produit_detail div.blink {
	left: 13px;
	top: 60px;
	}

	.produit_item div.plus,
	.boutique_item div.plus,
	.newslist_item div.plus {
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 6;
	}
	.produit_item div.plus a,
	.boutique_item div.plus a,
	.newslist_item div.plus a {
	background: url(../images/html-produit-voir.png) no-repeat 0 0;
	display: block;
	height: 21px;
	text-indent: -9999px;
	width: 45px;
	}
	.produit_item div.plus a:hover,
	.boutique_item div.plus a:hover,
	.newslist_item div.plus a:hover {
	background: url(../images/html-produit-voir.png) no-repeat 0 -21px;
	}
	
	#contact .boutique_item {
		}
		#contact .boutique_item .entry {
			float: left;
			height: 236px;
			margin-top: 35px;
			padding-right:13px;
			width:257px;
		}
		#contact .boutique_item h2 {
		left:13px;
		position:absolute;
		top:0;
		}
		#contact p.boutique,
		#magasins p.boutique {
			float: left;
			margin: 0 1em 1em 0;
			}
		#content img.carte_magasins {
		}
		#magasins p.boutique_photo {
		}
			#magasins p.boutique_photo img {
				width:180px;
			}
	
	
.backlink {
/*background: url(../images/html-pub300x250-bg-jaune.png) no-repeat 0 0;
border: 0 solid #FFED80;
margin-left: 13px;
margin-top: -88px;
position: relative;
width: 127px;*/
background-color: #fff;
color: #003F8A;
float: right;
margin-top: 5px;
}
	.backlink ul {
		float: left;
		margin: 0 0 0 13px;
		/*padding-left:8px;*/
	}
	.backlink li {
		float: left;
		font-size: 11px;
/*		line-height: 11px;*/
		list-style: none;
		margin:0 8px 0 0;
		/*text-align: right;*/
	}
	.backlink ul ul {
		float: left;
		margin: 0;
	}
	.backlink ul ul li {
/*		margin-right: 5px;*/

	}
	.backlink li h3 {
		margin: 0 8px 0 0;
		float: left;
		font-size: 11px;
/*		line-height: 11px;*/
		text-align: left;
	}



/* INDEX  */

body#index #a_saisir,
body#index #offres_du_mois {
	height: 217px;
	margin: 0;
	overflow: hidden;
	padding-top: 55px;
	position: relative;
}
	body#index #a_saisir h2 {
	background: url(../images/html-a_saisir-titre.png) no-repeat 0 0;
	z-index: 4;
	}
	body#index #offres_du_mois h2 {
	background: url(../images/html-offres_du_mois-titre.png) no-repeat 0 0;
	z-index: 5;
	}
	body#index #a_saisir h2,
	body#index #offres_du_mois h2 {
		height: 92px;
		position: absolute;
		right: 0;
		text-indent: -9999px;
		width: 213px;
		top:10px;
	}
	body#index #a_saisir h2 a,
	body#index #offres_du_mois h2 a {
		display:block;
		height:60px;
		width:200px;
	}
#glider-promos,
#glider-destockage {
background-color: #fff;		
border: 1px solid #003f8a;
clear:both;
height: 215px;
overflow: hidden;
position: relative;
width: 566px; 
z-index: 0;
}

#glider-promos .produit_item,
#glider-destockage .produit_item {
}
	#glider-promos .produit_item h3,
	#glider-destockage .produit_item h3,
	#glider-promos .produit_item p,
	#glider-destockage .produit_item p,
	#glider-promos .produit_item div.blink,
	#glider-destockage .produit_item div.blink {
		display: none;
	}
	#glider-promos .produit_item img,
	#glider-destockage .produit_item img {
		border: 0;
		float: none;
		height: 215px;
		margin: 0;
		max-width: none;
		position: inherit;
		width: 566px;
	}
	#glider-destockage img {
	}
	body#index #promotions .backlink,
	body#index #destockage .backlink {
		display: none;
	}
	.backlink p {
		margin: 0;
	}
		#glider-promos .produit_item div.plus,
		#glider-destockage .produit_item div.plus {
		left: 515px;
		position: relative;
		top: -30px;
		z-index: 6;
		}
		#glider-promos .produit_item div.plus a,
		#glider-destockage .produit_item div.plus a {
		background: url(../images/html-produit-voir.png) no-repeat 0 0;
		display: block;
		height: 21px;
		text-indent: -9999px;
		width: 45px;
		}
		#glider-promos .produit_item div.plus a:hover,
		#glider-destockage .produit_item div.plus a:hover {
		background: url(../images/html-produit-voir.png) no-repeat 0 -21px;
		}




/* Footer */


#footer {
/*	border-top: 1px solid #cccccc;*/
	bottom: 0;
	color: #003f8a;
	font-size: 0.8em;
	height: 80px;
	letter-spacing: 0.15em;
	line-height: 80px;
	padding-top: 30px;
	position: relative;
	text-align: center;
}
	#footer p {
		margin: 0 0 20px;
		line-height: 1em;		
	}
	#footer a {
		color: #003f8a;
		font-weight: bold;
	}
	#footer small {
		height: 1em;
		line-height: 1em;
		margin: 0;
		padding: 0;
	}


/* Galeries photos */

div.photo_item {
	float: left;
	margin: 0;
	text-align: center;
}
#content div.photo_item img {
	float: none;
	margin: 0;
}


/* MENUS */

ul#nav1 {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 3999;
}
ul#nav2 {
	margin-bottom: 1em;
	z-index: 0;
}
ul#nav1 li,
ul#nav1 li a {
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

/* Formulaire */
/*
Jaune : #ffdc00
Bleu : #003f8a
Rouge : #d31b1e
*/
form {
}
form label {
	display: block;
}
form select#id_choix {
background-color: #FFFFFF;
border: 1px solid #003f8a;
color: #d31b1e;
}
input,
textarea {
	font-family: courier,monospace;
	font-size: 1em;
	width: 528px;
}
input#id_name,
input#id_email {
	border: 1px solid #003f8a;
	color: #003f8a;
	padding: 5px;
}
textarea#id_msg {
	border: 1px solid #003f8a;
	color: #003f8a;
	padding: 5px;
}
input#id_submit {
	background-color: #fff;
	border: 1px solid #ffdc00;
	color: #d31b1e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	padding: 2px;
	text-transform:uppercase;
	width: auto;
}
input#id_submit:hover {
	background-color: #d31b1e;
	border: 1px solid #ffdc00;
	color: #fff;
}


ul.errorlist {
	margin:0;
}
ul.errorlist li {
	background-color: #d31b1e;
	color: #fff;
	margin: 2em 0 0;
	list-style: none;
	padding: 3px;
	font-weight: bold;
}

/* TABLEAUX */
/*
Jaune : #ffdc00
Bleu : #003f8a
Rouge : #d31b1e

jaune 50% : #ffed80
jaune 10% : #fffbe5
jaune 5% : #fffdf2

bleu 50% : #809fc4
bleu 10% : #e5ecf3
bleu 5% : #f2f5f9

*/
table, td, th {
	border-collapse: collapse;
	border-bottom: 1px solid #809fc4;
}
table {
	background-color: #fff;
	color: #003f8a;
}
th, td {
	margin: 0;
	padding: 5px;
}
th {
	background-color: #003F8A;
	color: #fff;
	text-align: center;
}
caption {
	color: #003f8a;
}