* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
}

html {
	height: 100%;
}

body {
	background-color: #111111;
	margin: 0;
	padding: 0;
	background-image: url(../img/blank.jpg);
	background-position: 0 0;
	background-repeat: repeat;
	height: 100%;
}

#container {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 1000px;
	height: 580px;
	margin-top: 0px;
	margin-left: -500px;
	text-align: left;
	padding: 0px;
}

#container-A4 {
	position: absolute;
	left: 50%;
	top: 0;
	width: 660px;
	height: 580px;
	margin-top: 0px;
	margin-left: -330px;
	text-align: left;
	padding: 0px;
}

a.mentions-legales,a.mentions-legales:visited, span.mentions-legales {
	font: normal 10px arial,verdana,helvetica,sans;
	color: #888888;
	text-decoration: none;
}

a.mentions-legales:hover {
	text-decoration: underline;
	color: #DDDDDD;
}

a.navigation-deroul, a.navigation-deroul:hover, a.navigation-deroul:visited {
	font: bold 12px arial,verdana,helvetica,sans;
	color: #FFFFFF;
	text-decoration: none;
}

.form-contact {
	font: normal 12px arial,verdana,  helvetica, sans-serif,sans;
  color:#757678;
	height: 18px;
	border: 1px solid #757678;
}

input.bouton {
	font: bold 11px arial,verdana,  helvetica, sans-serif,sans;
	color: #242628;
  background-color: #C3C5C7;
	border: 1px solid #A1A3A5;
	cursor: hand;
	text-align: center;
}

input.bouton-vert {
	font: bold 11px arial,verdana,  helvetica, sans-serif,sans;
	color: #FFFFFF;
  background-color: #3E770C;
	border: 1px solid #4D0F1D;
	cursor: hand;
}

.input-text {
	font-family: arial,verdana, helvetica, sans-serif,sans;
	font-size: 13px;
	color: #333333;
	font-style: italic;
}

.t10 {font-size: 10px;}
.t11 {font-size: 11px;}
.t12 {font-size: 12px;}

.panier_form {
	font-size: 11px;
  color:#333333;
}

.bordeau {color: #FFFFFF;}
.gris {color: #DDDDDD;}
.vert {color: #3F780D;}
.rouge {color: #CC0000;}
.blanc {color: #FFFFFF;}

.bold {font-weight: bold;}

a.bouton-navigation {
	display: block;
	width: 160px; height: 20px;
}
a.bouton-securisoux {
	background-image: url(/img/bouton-le-securisoux.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
a.bouton-securisoux:hover,a.bouton-securisoux-selected {
	background-image: url(/img/bouton-le-securisoux.jpg);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}
a.bouton-securisoux-club {
	background-image: url(/img/bouton-le-securisoux-club.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
a.bouton-securisoux-club:hover,a.bouton-securisoux-club-selected {
	background-image: url(/img/bouton-le-securisoux-club.jpg);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}
a.bouton-bechet {
	background-image: url(/img/bouton-le-bechet.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
a.bouton-bechet:hover,a.bouton-bechet-selected {
	background-image: url(/img/bouton-le-bechet.jpg);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}
a.bouton-accessoires {
	background-image: url(/img/bouton-accessoires.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
a.bouton-accessoires:hover,a.bouton-accessoires-selected {
	background-image: url(/img/bouton-accessoires.jpg);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}