/* Page */ 
html { 
  font-size: 100%; /* vite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin:0;
  padding: 0;
  font-family: Arial, Helvetica, FreeSans, sans-serif;
  font-size: 12px; /*  adapter pour la police choisie. (3) */
  color: #999; 
  background:#4b96cd;
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par dfaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol,{ 
  margin: 0; 
  padding: 0; 
}  
 
/* Paragraphes */ 
p {
	margin: .75em 0; /* Marges plus faibles que par dfaut. (7) */
	font-family: Arial, Helvetica, FreeSans, sans-serif;
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 

/* lignes */ 

hr {
	color:#CCC;
	background-color: #CCC;
	margin-left:auto;
    margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	width:910px;
}

/* Liens */ 
a { 
  text-decoration:none;
} 
a:link {
	color: #000;
	text-decoration:none;
} 
a:visited { 
  color: #000; 
  text-decoration:none;
} 
a:hover, a:focus, a:active { 
  color: #000; 
} 
/* Pas de bordure pointille ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers lments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

div{
	margin: 0;
	padding: 0;
}

.clear {
	clear:both;
}

#header {
	width:100%;
	background-color:#FFF;
}

.content {
	width:1219px;
	margin:auto;
}

#header2 {
	width:1219px;
	margin:auto;
}


#menu {
	width:100%;
	background-color:#FFF;
}

.content_decalage {
	width:1200px;
	padding-left:17px;
	margin:auto;
}

#contenu {
	width:1200px;
	padding-left:17px;
	margin:auto;
}


#col-gauche {
	width:837px;
	float:left;
	background-color:#FFF;
	margin-top:35px;
	padding:10px;
}

#col-gauche_sans_bg {
	width:857px;
	float:left;
	margin-top:35px;
}

#col-droite {
	margin-left:40px;
	width:300px;
	margin-top:35px;
	float:left;
}

.cadre_menu_droite {
	width:300px;
	background-color:#FFF;
}

#footer {
	width:100%;
	background-color:#FFF;
	color:#444444;
	padding-top:20px;
	padding-bottom:20px;
}


.cadre_menu_droite li {
	list-style:none;
	margin-top:10px;
	font-size:16px;
}

.cadre_menu_droite a {
	color:#4b76b5;
	text-decoration:none;
}

#ident{
  position: absolute;
  width: 540px;
  margin-top: 115px;
  left: 50%;
  margin-left: -270px;
}

#ident h1{
  color: #cde5e5;
  font-size: 22px;
}

#ident h1 strong{
  font-size: 40px;
  margin: 0;
}

#ident h2{
  font-weight: normal;
  font-size: 12px;
  margin: 45px 0 75px 75px;
}

#ident h3{
  font-weight: bold;
  font-size: 12px;
  margin: 20px 0 10px 0;
}

#ident form{
  float: left;
  margin: 0 0 0 125px;
  text-align: left;
  width: 320px;
}

#ident input{
  width: 223px !important;
  width: 235px;
  height: 12px !important;
  height: 24px;
  padding: 6px;
  margin: 0;
  border: 1px solid #999999;
}

#ident #min{
  color: #083651;
  font-weight: bold;
  font-size: 11px;
  width: 100%;
  float: left;
  margin-top: 15px;
}

#ident #logo{
  position: relative;
  left: 32%;
  margin-left: -93px;
}

#logo{
  background: url(images/logo.png) no-repeat;
  width: 389px;
  height: 95px;
}

.galerie{
  float: left;
  width: 122px;
  height: 110px;
  margin: 5px 12px 5px 13px;
}

.apercu-galerie{
  float: left;
  width: 120px !important;
  width: 122px;
  height: 80px !important;
  height: 82px;
  overflow: hidden;
  border: 1px solid #666666;
}

.apercu-galerie a{
  width: 120px;
  height: 80px;
  display: block;
}

.contenu-page{
  position: relative;
  float: left;
  width: 722px;
  font-size: 14px;
  overflow: hidden;
  padding: 10px 0;
}

.contenu-page a{
  text-decoration: underline;
}

#ariane{
  float: left;
  width: 1004px;
  margin-top: 15px;
}

#ariane a{
  font-weight: bold;
}

.ligne{
  float: left;
  width: 790px;
  height: 1px;
  line-height: 1px;
}

.sous-titres{
  font-family: Helvetica;
  font-size: 20px;
  color: #0168a2;
}

/* Panier de commande */
#fil-panier {
  margin: 10px 0 70px 160px;
  float: left;
  clear: both;
}

#fil-panier .case-panier{
  font-size: 14px;
  padding: 8px 25px;
  color: #CCC;
  font-weight: bold;
  border-bottom: 6px solid #CCC;
  margin-right: 5px;
  float: left;
}

#fil-panier .case-panier#actuel{
  color: #3284bd;
  border-bottom: 6px solid #3284bd;
}

#panier th {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  height: 25px;
  padding: 0 25px;
  color: #FFF;
  background-color: #73b6e7;
  background-image: -moz-linear-gradient(top, #73b6e7, #0168a2); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #73b6e7),color-stop(1, #0168a2)); /* Saf4+, Chrome */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr=#73b6e7, EndColorStr=#0168a2); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#73b6e7, EndColorStr=#0168a2)"; /* IE8 */
}

#panier th.espace {
  width: 1px;
  background: none #FFFFFF;
  padding: 0;
}

#panier td {
  padding: 7px 0 3px 0;
  line-height: 20px;
}

.desc-prod{
  width: 790px;
  padding: 10px 0 30px 0;
  float: left;
  color:#333;
}

.texte{
  border-bottom: 1px solid #cccccc;
  padding-bottom: 20px;
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}









#menu-demo2, #menu-demo2 ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
#menu-demo2 li{
display:inline-block;
position:relative;
padding:0;
margin:0;
}
#menu-demo2 ul li{
display:inherit;
border-radius:0;
padding:0;
margin:0;
}

#menu-demo2 ul{
position:absolute;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu-demo2 li:hover ul{
max-height:15em;
}

/* background des liens sous menus */
#menu-demo2 li:first-child li{
background:#2A2333;
}
#menu-demo2 li:nth-child(2) li{
background:#9F391A;
}
#menu-demo2 li:nth-child(3) li{
background:#333A40;
}
#menu-demo2 li:last-child li{
background:#333A40;
}
/* background des liens menus et sous menus au survol */
#menu-demo2 li:first-child li:hover{
background:#65537A;
}
#menu-demo2 li:nth-child(2) li:hover{
background:#F6AD1A;
}
#menu-demo2 li:nth-child(3) li:hover{
background:#729EBF;
}
#menu-demo2 li:last-child li:hover{
background:#729EBF;
}
/* les a href */
#menu-demo2 a{
text-decoration:none;
display:block;
color:#fff;
font-family:arial;
}
#menu-demo2 ul a{
padding:8px 8px 8px 8px;
}
#menu-demo2 li:hover li a{
color:#fff;
text-transform:inherit;
}
#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
color:#000;
}