@charset "UTF-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #223e57;
	line-height: 16px;
	text-align: justify;
	background-image: url(images/fond.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	
}#champA {
	height: 50px;
	width: 455px;
	margin-left: 25px;
	margin-top: 25px;
	float: left;
}
#champAb{
	width: 305px;
}
#champAc{
	width: 140px;
	float:right;
	color: #0000ff;
	margin-top: 18px;
}
.hauteurBT {
	margin-top: 10px;
}
#conteneur {
	width: 900px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.petit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #223e57;
}


a.image { /* definition de la classe "image" de la balise <a> */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 59px;
	display: block;
	min-width:90px;
}
	 
a.image:hover { /* definition de la classe "image" de la balise <a> au survol */
	background-image: url(images/over_menu.gif); /* source de l'image d'arrivee */
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	width: 100%;
} 
	 
a.english { /* definition de la classe "image" de la balise <a> */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #919fad;
	line-height: 59px;
	display: block;
}
	 
a.english:hover { /* definition de la classe "image" de la balise <a> au survol */
	background-image: url(images/over_menu.gif); /* source de l'image d'arrivee */
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	width: 100%;
}	 
	 
#champB {
	height: 50px;
	width: 196px;
	margin-top: 25px;
	float: right;
	margin-right: 25px;
}
#champC {
	height: 50px;
	width: 160px;
	margin-top: 25px;
	float: right;
	margin-right: 10px;
}
#top {
	height: 200px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 90px;
}
#photoTop {
	height: 200px;
	width: 564px;
	background-color: #FFF;
	margin-left: 282px;
}
#promo {
	width: 248px;
	background-color: #ededef;
	margin-left: 25px;
	float: left;
	padding-right: 12px;
	padding-left: 12px;
	height: 100%;
}
#arrivage {
	width: 550px;
	margin-left: 325px;
}
#panier {
	width: 95%;
	text-align: center;
	margin: auto;
}
#paiement{
	width: 95%;
	margin:15px;
	margin-left:160px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#paiement a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #223e57;
}

#paiement a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #223e57;
}


#photoA {
	float: right;
	margin-top: 15px;
}
#arrivageB {
	width: 234px;
	height: 320px;
	background-image: url(images/fond_arrivage.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 50px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b4c7d4;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #065387;
}
#logo {
	height: 200px;
	width: 272px;
	text-align: center;
	background-image: url(images/fond_logo.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	float: left;
}
#menu {
	height: 70px;
	width: 900px;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
#boutonA {
	height: 60px;
	text-align: center;
	float: left;
	min-width:90px;
}
#center {
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	width: 690px;
	padding-left:120px;
}

#bt{
	float: right;
	margin-top: 14px;
}
#boutonB {
	height: 60px;
	text-align: center;
	float: left;
	min-width:80px;
	margin-left: 20px;
}
#separateur {
	background-image: url(images/sep.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 3px;
	height: 60px;
	float: left;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #065387;
	line-height: 24px;
}


a.liens {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #065387;
	text-decoration: underline;
}

a.liens:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #6F7B92;
	text-decoration: none;
}

#theBottom {
	width: 100%;
	background-color: #065487;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clip: rect(auto,auto,0px,auto);
	clear: both;
	background-image: url(images/fond_bottom.gif);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
}

.menuBas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
}
.menuBas a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
}
.menuBas a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4375A5;
	font-size: 10px;
	font-weight: normal;
	background-color: #666666;
}
.menuBas a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
}
#pub {
	background-color: #0F9;
	width: 250px;
}
#circulaire {
	background-color: #0F9;
	width: 258px;
}


a#pubBt{ /* definition de la classe "image" de la balise <a> */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	line-height: 59px;
	display: block;
	background-image: url(images/pub_bt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
}	 
	 
a#pubBt:hover { /* definition de la classe "image" de la balise <a> au survol */
	background-image: url(images/over.gif); /* source de l'image d'arrivee */
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	width: 100%;
	background-position: left top;
}


a#cirBt{ /* definition de la classe "image" de la balise <a> */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	line-height: 59px;
	display: block;
	background-image: url(images/bt_circulaire.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
}	 
	 
a#cirBt:hover { /* definition de la classe "image" de la balise <a> au survol */
	background-image: url(images/bt_circulaire_o.gif); /* source de l'image d'arrivee */
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	width: 100%;
	background-position: left top;
}

a.scat { /* definition de la classe "image" de la balise <a> */
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #065387;
	line-height: 20px;
	height: 20px;
	padding-right: 70px;
}
.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #223e57;
}

.bold a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #223e57;
}

.bold a:visited{
	color: #223e57;
}

.bold a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #223e57;
}

.bold2 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #223e57;
}

.bold2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #223e57;
}

.bold2 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #223e57;
}

.boldB {
	font-size: 14px;
	font-weight: bold;
	color: #223E57;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #223e57;
	line-height: 16px;
	text-align: justify;
}

.texte a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #223E57;
	text-align: justify;
	text-decoration: underline;
}
.texte a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: justify;
	background-color: #223E57;
}

.texte a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #223E57;
	text-align: justify;
}	

.titreC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3E668E;
	text-align:left;
}
.rabais3{
	font-family:Arial,Helvetica,sans-serif;
	display:block;
	width:152px;
	height:42px;
	background-image:url(images/rabais2.gif);
	color:white;
	font-size:1.6em;
}
.rabais3 td{
	height:42px;
	width:152px;
}
.rabais3 span{
	font-weight:bold;
}
.lienoption{
	color:#065387;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}
.lienoption:hover{
	background-color:#065387;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}