html {height:100%;}

body {
	font-size: 16px;
	background-color:#666666;
	min-width :1000px;
	padding:0;
	margin:0;
	font-family: Verdana, DejaVu Sans, Arial;
	height:100%;
}

img{
	border:none;
}

#page{
	min-height:100%;
	position:relative;
}

#bloc-principal {
	padding-bottom: 1.5em;
	
}

#entete {
	display:block;
	background-color:#002E78;
	color:white;
	text-align:center;
	padding:0;
	margin:0;
	height:120px;
	width:100%;
}

#main {
	margin:auto;
	width:95%;
}


#contenu {
	background-color:white;
	text-align:center;
	padding:20px 50px;
}

#footer {
	display:block;
	height: 1.5em;
	line-height:1.5em;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color:#002E78;
	color:#FFFFFF;
	text-align:center;
	font-weight: bold;
    min-width : 1000px;
}
 
.titre{
	text-align:center;
	background:linear-gradient (
	#fff 0%,
	#fff 45%,
	#002E78 46%,
	#002E78 54%,  
	#fff 54%,
	#fff 100%);
	background:-webkit-linear-gradient(
	#fff 0%,
	#fff 45%,
	#002E78 46%,
	#002E78 54%,  
	#fff 54%,
	#fff 100%);
	background:    -moz-linear-gradient(
	#fff 0%,
	#fff 45%,
	#002E78 46%,
	#002E78 54%,  
	#fff 54%,
	#fff 100%);
	background:     -ms-linear-gradient(
	#fff 0%,
	#fff 45%,
	#002E78 46%,
	#002E78 54%,  
	#fff 54%,
	#fff 100%);
	background:      -o-linear-gradient(
	#fff 0%,
	#fff 45%,
	#002E78 46%,
	#002E78 54%,  
	#fff 54%,
	#fff 100%);
}
.titre span{
	background:#fff;padding:0 20px;
}

.titreProd {
	font-weight: bold;
	font-size: 1.5em;
}

#spanmenu{
	padding-top:70px;
	margin-left:250px;
}

#spanmenu li{
	display: inline-block;
	*zoom: 1; 
	*display: inline;/*ie 8*/
	position:relative;
}

#menu{
	margin:auto;
	margin-top:0;
	padding:0;
	border: 1px solid #333;
	border-top-color: #707070;
	background-color: #002E78;
	background: -moz-linear-gradient(bottom , #00245f 0pt, #002E78 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(bottom , #00245f 0pt, #002E78 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(bottom , #00245f 0pt, #002E78 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(bottom , #00245f 0pt, #002E78 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(bottom , #00245f 0pt, #002E78 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	text-align: center;
	list-style:none;
	height: 36px;
	width:620px;
	-webkit-box-shadow: 0 1px 3px #999;
	-moz-box-shadow: 0 1px 3px #999;
	box-shadow: 0 1px 3px #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*modification des lien du menu*/
#menu a{
	display:-moz-inline-stack;/*old firefox*/
	display: inline-block;
	*zoom: 1; 
	*display: inline;/*ie 8*/
	margin: 0;
	height: 36px;
	margin:0;
	padding: 0;
	line-height: 36px;
	text-decoration: none;
	color: white;
	border-left: 1px solid black;
	font-size: 1em;
	width:150px;
}

#menu li:first-child a  {
	border-left: 0;
}
#menu li:last-child a  {
	border-right: 0;
}

#menu a:visited{
	border-color:black;
	color:white;
}

#menu #en-cours {
	color:#0a83e0;
}

/*quand on clique*/
#menu a:active{
	color:black;
}

#menu li{
	position:relative;
}

#menu ul{
	position:absolute;
	z-index: 4000;
	margin:0;
	margin-left:1px;
	padding:0;
	border-width:0;
	max-height:0;
	left: 0;
	right: 0;
	overflow:hidden;
	width:150px;
	border-radius:0;
	-moz-transition: 1.6s all .1s;
	-webkit-transition: 1.6s all .1s;
	transition: 1.6s all .1s;
}

#menu ul a{
	border:0 none;
	width:130px;
	line-height:normal;
	height:auto;
	padding:.5em 10px;
	
}

#menu ul li{
	border-bottom:1px solid black;
	display:inherit;
	border-radius:0;
}
#menu ul li:hover{
	border-radius:0;
}

#menu ul li:last-child{
	border-radius:0 0 10px 10px;
	border:none;
}

#menu li:hover ul{
	max-height:30em;
}

/* background des liens sous menus */
#menu li li{
	background:#0042ab;
}

#menu ul li:last-child a:hover{
	border-radius:inherit;
}

#menu ul li:last-child a:active{
	border-radius:inherit;
}

/* background des liens menus et sous menus au survol */
#menu li:hover, #menu li li:hover{
	background-color: #0042ab;
	background: -moz-linear-gradient(bottom , #0042ab 0pt, #003892 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(bottom , #0042ab 0pt, #003892 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(bottom , #0042ab 0pt, #003892 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(bottom , #0042ab 0pt, #003892 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(bottom , #0042ab 0pt, #003892 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	text-shadow: -1px -1px 0 #000;
}

/*quand il est survolé*/
#menu a:hover, #menu a:focus {
	background-color: #0042ab;
	background: -moz-linear-gradient(bottom , #0042ab 0pt, #003892 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(bottom , #0042ab 0pt, #003892 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(bottom , #0042ab 0pt, #003892 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(bottom , #0042ab 0pt, #003892 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(bottom , #0042ab 0pt, #003892 50%, #002E78 51%, #00245f 100%) repeat scroll 0 0 transparent;
	text-shadow: -1px -1px 0 #000;
}

.produit {
	border:2px solid gray;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;
}

/*background des sous menu survolés */
#menu ul li a:hover, #menu ul li:hover, #menu ul li a:active, #menu ul li:active{
	background:#41464D;
}

.Bouton {
	/*enlever les commentaires pour mettre une ombre au boutons*/
	/*-moz-box-shadow: 3px 4px 0px 0px #899599;
	-webkit-box-shadow: 3px 4px 0px 0px #899599;
	box-shadow: 3px 4px 0px 0px #899599;*/
	font-size: 16px;
	font-family: DejaVu Sans, Verdana, Arial;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	background-color:#ededed;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #d6bcd6;
	cursor:pointer;
	color:#002E78;
	font-weight:bold;
	padding:5px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
.Bouton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color:#bab1ba;
}
.Bouton:active {
	position:relative;
	top:1px;
}