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

html {
	height: 100%;
}

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

img {border: 0;}

#container {
	position: absolute;
	left: 50%;
	top: 0;
	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: bold 10px "trebuchet ms",arial,verdana,helvetica,sans;
	color: #043442;
	text-decoration: none;
}

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

a.navigation, a.navigation:visited {
	position: absolute; 
	display: block;
	background-image: url(../img/blank.gif);
	font: bold 14px "trebuchet ms",arial,verdana,helvetica,sans;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
}
a.navigation:hover {
	position: absolute; 
	display: block;
	background-image: url(../img/blank.gif);
	font: bold 14px "trebuchet ms",arial,verdana,helvetica,sans;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
}

a.navigation-bas, a.navigation-bas:visited, span.navigation-bas {
	font: normal 12px "trebuchet ms",arial,verdana,helvetica,sans;
	color: #FFFFFF;
	text-decoration: none;
}
a.navigation-bas:hover {
	font: normal 12px "trebuchet ms",arial,verdana,helvetica,sans;
	color: #FFFFFF;
	text-decoration: underline;
}

/*
input.bouton {
	font: bold 11px verdana, arial, helvetica, sans-serif,sans;
	color: #FFFFFF;
  background-color: #F06D01;
	border: 1px solid #043543;
	cursor: hand;
}
*/

.input-text {
	font-family: verdana,arial, helvetica, sans-serif,sans;
	font-size: 12px;
	color: #043543;
}

h1 {
	position: absolute; 
	width: 500px; 
	height: 35px; 
	left: 497px; 
	top: 1px;
	font: bold 34px "trebuchet ms",arial, helvetica, sans;
	font-style: italic;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	z-index: 15;
}
h2 {
	position: absolute; 
	width: 530px; 
	height: 25px; 
	left: 255px; 
	top: 136px;
	font: bold 19px "trebuchet ms",arial, helvetica, sans;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
/*
h1 {
	font-size: 17px; font-family: verdana,arial, helvetica, sans-serif,sans; font-weight: bold; color: #F06D01;
	margin: 0; padding: 0;
}
h2 {
	font-size: 14px; font-family: verdana,arial, helvetica, sans-serif,sans; font-weight: bold; color: #F06D01;
	margin: 0; padding: 0;
}
*/

.blanc {color: #FFFFFF;}
.rouge {color: #FF0000;}

.t10 {font-size: 10px;}
.t11 {font-size: 11px;}
.t12 {font-size: 12px;}
.t14 {font-size: 14px;}
.t17 {font-size: 17px;}
.t19 {font-size: 19px;}
.t21 {font-size: 21px;}
.blanc {color: #FFFFFF;}
.bold {font-weight: bold;}

span.TitreActu {
	font: normal 20px "trebuchet ms",arial,helvetica,sans;
	color: #FFFFFF;
}

/* Styles partie ecommerce */

input.bouton-commande {
	font: bold 11px arial,verdana,  helvetica, sans-serif,sans;
	color: #FFFFFF;
  background-color: #F06D01;
	border: 1px solid #043543;
	cursor: hand;
}

.panier {color: #043543;}

.Lien-Panier {color: #043543;}

table.ecom-tableau, table.ecom-tableau td {
	border-collapse: collapse;
	border: solid 1px #0E5060;
}

td.ecom-tetiere {
	background-color: #0E5060;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

table.ecom-cc {
	border-collapse: collapse; 
	border: 1px solid #0E5060;
	padding: 5px;
}
table.ecom-cc td {
	padding: 5px;
}

.ecom-form {
	font-family: arial,helvetica,sans-serif,sans;
	font-size: 11px;
}

/* Fin styles partie ecommerce */

/* Correction des bug Internet Explorer */ 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

.bouton { 
	display:-moz-inline-box; 
	display:inline-block; 
	margin:0; 
	padding:0; 
	white-space:nowrap; 
	text-align:center; 
	vertical-align:middle; 
	cursor:pointer; 
	border:0; 
	background:none; 
	text-decoration:none !important;
}   
.bouton span {position:relative;float:left;padding:0 0 0 5px;vertical-align:middle;background:url(/img/bouton_g.png) left top no-repeat;} 
.bouton span span {padding:0 5px 0 0;background:url(/img/bouton_d.png) no-repeat scroll right top;} 
.bouton span span span {font-weight:bold;height:20px;padding:0 5px 0 6px;line-height:19px;background:url(/img/bouton_m.png) repeat-x scroll right top;color:#fff;font-size:12px;} 

.Titre1 {font-size: 17px; font-family: verdana,arial, helvetica, sans-serif,sans; font-weight: bold; color: #F06D01;}
.Titre2 {font-size: 14px; font-family: verdana,arial, helvetica, sans-serif,sans; font-weight: bold; color: #F06D01; text-decoration: none;}
.Titre3 {font-size: 12px; font-family: verdana,arial, helvetica, sans-serif,sans; font-weight: bold; color: #F06D01;}

#contenu a.Titre2,
#contenu a.Titre2:hover,
#contenu a.Titre2:visited {font-size: 14px; font-family: verdana,arial, helvetica, sans-serif,sans; font-weight: bold; color: #F06D01; text-decoration: none;}