/*
Feuille de style générale
Dernière modification : 12/01/2010

(i) Les propriétés sont rangées par ordre alphabétique.
(i) Les sélécteurs sont rangés par ordre d’aparition dans le code.


##########################
####Table des matières####
##########################
1.Balises et classes générales
2.Page d’accueil
3.Page magasin
4.Page Contact
##########################
##########################

*/


/*
1.Balises et classes générales
*/
body{
	font-family: "Helvetica Neue 55",Arial,Helvetica,sans-serif;
	font-size: 100%;
}
#page{
	margin: 48px auto 48px auto;
	width: 872px;
}
#header{
	background-image: url(../images/fond_header.jpg);
	background-repeat: no-repeat;
	height: 196px;
	position: relative;
}
#lang-search{
	line-height: 21px;
	position: absolute;
	right: 8px;
	top: 8px;
}
#lang{
	color: #fff;
	font-size: 0.6875em;
	line-height: 2.2em;
	position: absolute;
	right: 194px;
	text-align: right;
	width: 150px;
}
#lang a, .menu-elem a{
	color: #fff;
}
#lang a:hover, .menu-elem a:hover{
	color: #80a3ff;
}
.currentlang{
	color: #000;
}
#search{
	position: absolute;
	right: 0;
	width: 184px;
}
#form_submit{
	background-image: url(../images/recherche.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	line-height: 21px;
	margin: 0;
	padding: 0 0 4px 0;
	height: 21px;
	width: 23px;
}
#searchStr{
	background: url(../images/fond_input.png);
	background-repeat: no-repeat;
	border: 0;
	color: #8f8f8f;
	font-size: 0.6875em;
	height: 17px;
	padding: 2px 3px 2px 3px;
	width: 148px;
}
#logo{
	position: absolute;
	left: 8px;
	top: 42px;
	left: 15px;
}
#menu{
	position: absolute;
	bottom: 28px;
	height: 70px;
	left: 8px;
}
.menu-elem{
	float: left;
	width: 208px;;
	
}
.menu-elem h2,.menu-elem p{
	padding: 0 0 0 7px;
}

.menu-elem h2 a{
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.menu-elem p{
	color: #fff;
	font-size: 0.75em;
	line-height: 1.17em;
}
.clear{
	clear: both;
}
#footer{
	background-image: url(../images/fond_footer.jpg);
	background-repeat: no-repeat;
	height: 84px;
	margin: 14px 0 0 0;	
	padding: 0 0 0 224px;
}
.footer-elem{
	float: left;
	font-size: 0.6875em;
	line-height: 1.4em;
	margin: 7px 0 0 7px;
	width: 201px;
}
.footer-elem a{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #6281d1;
}
.footer-elem a:hover{
	border-bottom: 1px solid #80a3ff;
	color: #80a3ff;
}
.footer-elem a:active{
	color: #ccc;
}
/*
2.Page d’accueil
*/
#accroche{
	background-image: url(../images/fond_acroche.jpg);
	background-repeat: no-repeat;
	margin: 14px 0 0 0;
	height: 84px;
}
#accroche p{
	font-size: 1.25em;
	line-height: 1.2174em;
	padding: 20px 15px 0 15px;
}
.accueil-cont{
	background-image: url(../images/acc_fond_haut.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 14px 0 0 0;
}
#accueil{
	background-image: url(../images/acc_fond_bas.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #f9f9f9;
	padding: 21px 0 0 0;
}
#nouveaute,#selection,#bestsales{
	margin: 0 0 0 20px;
	overflow: hidden;
	width: 832px;
}
#nouveaute,#selection{
	margin-bottom:42px;
}
#bestsales{
	padding-bottom:18px;
}
#nouveaute h3,#selection h3,#bestsales h3{
	color: #515151;
	font-size: 1.125em;
}
.menu-article{
	position: relative;
}

#nouveaute .menu-article h3{
	width: 5.7em;
}
#nouveaute .menu-menu{
	left: 6.5625em;
}

#selection .menu-article h3{
	width: 6.8em;
}
#selection .menu-menu{
	left:8em;
}

#bestsales .menu-article h3{
	width: 7.8em;
}
#bestsales .menu-menu{
	left: 9.3em;
}

.menu-menu{
	position: absolute;
	top: 0;
	width: 150px;
}
	
.menu-menu li{
	display: inline;
	height: 14px;
	margin: 0 7px 0 0;
	width: 7px;
}
.a-prec:hover{
	border-bottom: 2px solid #515151;
}
.a-suiv:hover{
	border-bottom: 2px solid #515151;
}

.article-cont{
	height: 249px;
	position: relative;
	left: 0;	
	width: 3328px;
}
.un-article{
	border-top: 1px dotted #404040;
	border-bottom: 1px dotted #404040;
	float: left;
	height: 245px;
	margin: 0 7px 0 7px;
	width: 194px;
}
.img-cont{
	background-position: center center;
	background-repeat: no-repeat;
	height: 210px;
	width: 194px;
}

.article-info{
	border-top: 1px dotted #404040;
}
.article-info a{
	color: #515151;
	font-size: 0.8125em;
	font-weight: bold;
	line-height: 1.1em;
	text-decoration: none;
}

/*
3.Page magasin
*/
#header-magasin{
	background-image: url(../images/entete-magasin.jpg);
	background-repeat: no-repeat;
	height: 413px;
	margin: 14px 0 0 0;
	position: relative;
}
#container-phrase{
	bottom: 7px;
	color: #fff;
	font-size: 1.5em;
	height: 110px;
	left: 15px;
	line-height: 1.25em;
	position: absolute;
	width: 353px;
}
#magasin{
	background-image: url(../images/fin-page-magasin.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	border-left: 1px solid #adaaab;
	border-right: 1px solid #adaaab;
	padding: 14px 0 0 0;
}
#mag-col1{
	float: left;
	margin: 9px 0 0 14px;
	width: 352px;
}
#mag-col1 h4{
	color: #2e5ac9;
	font-size: 0.96em;
}
#mag-col1 p{
	color: #515151;
	font-size: 0.75em;
	line-height: 1.1667em;
	margin: 0 0 14px 0;
}
#mag-col2{
	float: left;
	margin: 0 0 0 65px;
}
#find-us{
	background-image: url(../images/fond_nt.jpg);
	background-repeat: no-repeat;
	height: 112px;
	padding: 9px 0 0 0;
	width: 424px;
}
#find-us h4{
	font-size: 0.96em;
	margin: 0 0 0 9px;
}
#find-us p{
	color: #fff;
	font-size: 0.75em;
	line-height: 1.1667em;
	margin: 0 0 7px 9px;
}
#map{
	margin: 7px 0 0 2px;
}
#map p{
	font-size: 0.75em;
	line-height: 1.1667em;
	margin: 7px 0 14px 0;
	text-align: right;
}
#map a{
	color: #2e5ac9;
}
#map a:hover{
	color: #80a3ff;
}
#ferme{
	font-size: 0.75em;
	line-height: 1.1667em;
	height: 14px;
	position: absolute;
	right: 7px;
	top: 7px;
	text-align: right;
	width: 100px;
}
#ferme a{
	color: #2e5ac9;
}
#ferme a:hover{
	color: #80a3ff;
}

/*
4.Page Contact
*/
#cont-col1{
	float: left;
	margin: 14px 0 0 0;
}
#bypost{
	background-image: url(../images/fond_vp.jpg);
	background-repeat: no-repeat;
	height: 77px;
	margin: 0 0 7px 0;
	padding: 7px 0 0 7px;
	width: 281px;
}
#bypost h3,#byphone h3,#bymail h3{
	font-size: 1.125em;
}
#bypost p{
	color: #fff;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.1667em;
}
#byphone{
	background-image: url(../images/fond_tel.jpg);
	background-repeat: no-repeat;
	height: 161px;
	padding: 7px 0 0 7px;
	width: 281px;
}
#byphone p,#bymail p{
	color: #515151;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.1667em;
	margin: 0 0 7px 0;
}
#cont-col2{
	background-image: url(../images/fond_contact_h.gif);
	background-repeat: no-repeat;
	background-color: #eaeaea;
	float: right;
	margin: 14px 0 0 0;
	padding: 7px 0 0 7px;
	width: 569px;
}
#bymail{
	background-image: url(../images/fond_contact_b.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#bymail label{
	cursor: pointer;
}
#form_name, #form_mail, #form_subject{
	width: 273px;
}
#form_message{
	width: 418px;
}
#form_name, #form_mail, #form_subject, #form_message{
	background-color: #fff;
	border: 1px solid #bbb9b9;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#lesubmit{
	margin: 0 0 7px 0;
}