@font-face {
    font-family: 'pacificoshare';
    src: url('../font/pacifico-webfont.eot');
    src: url('../font/pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pacifico-webfont.woff') format('woff'),
         url('../font/pacifico-webfont.ttf') format('truetype'),
         url('../font/pacifico-webfont.svg#stanberryregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*reset*/

form,input{
	margin:0px;
}

/*general*/

label{
	color:#1b5bb2;
}

p{
	color:#2d2d2d;
	font-size:14px;
  text-align:left;
	margin:0px 30px 15px 0px;
}

blockquote{
	color:#2d2d2d;
	font-size:14px;
  text-align:left;
	margin:0px 30px 15px 0px;
	padding: 15px;
	background:#ffffff;
}

blockquote p{
	margin:0px;
}

p iframe{
	border:#1b5bb2 solid 4px;
	box-shadow:0px 2px 6px grey;
}

div.promo{
	background:#1b5bb2;
	border:#f661ff solid 4px;
	padding:20px;
	font-weight:bold;
	margin:0px 15px 15px 0px;
	box-shadow:0px 2px 6px grey;
	text-shadow:0px 1px 3px black;
	height:160px !important;
	height:200px;
	width:500px;
}

div.promo p{
	font-size:20px;
	color:#dfdfdf;
	font-family:Arial, Arial;
	word-spacing:0.2em;
	letter-spacing:1px;
	margin:0;
}

div.promo a{
	color:#f7f7f7;
}

li{
	color:#2d2d2d;
	font-size:14px;
}

optgroup{
	color:#aaa;
}

optgroup{
	font-weight:bold;
	font-style:italic;
	color:black;
}

hr{
  background:#dfdfdf;
  margin:0px 30px 15px 0px;
	height:1px;
	border:none;
  clear:both;
}

h1,h2{
	font-family:Arial, Arial;
  font-size:18px;
	font-weight:normal;
  margin:0px 0px 15px 0px;
  padding:0px 0px 0px 0px;
	text-transform:uppercase;
	color:#2d2d2d;
}

h1 a,h2 a{
	color:#1b5bb2;
}

h3{
	font-family:Arial, Arial;
  font-size:16px;
	font-weight:normal;
  margin:0px 0px 15px 0px;
  padding:0px 0px 0px 0px;
	color:#2d2d2d;
}

h3 a{
	color:#966bae;
}

h4{
	font-family:Arial, Arial;
  font-size:14px;
	font-weight:normal;
  margin:0px 0px 15px 0px;
  padding:0px 0px 0px 0px;
	color:#2d2d2d;
}

h4 a{
	color:#966bae;
}

h5{
	font-family:Arial, Arial;
  font-size:18px;
	font-weight:normal;
	word-spacing:0.2em;
	letter-spacing:1px;
  margin:0px 30px 15px 0px;
  padding:0px 0px 0px 0px;
	color:#2d2d2d;
}

h5 a{
	color:#966bae;
}

h6{
  background:url('../images/nav.png') center bottom no-repeat;
	font-family:Arial, Arial;
  font-size:18px;
	font-weight:normal;
	text-align:center;
  margin:0px 30px -15px 0px;
  padding:0px 0px 30px 0px;
	color:#1b5bb2;
}

h6 a{
	color:#966bae;
}

a{
	text-decoration:none;
	color:#966bae;
}

a:hover{
	color:#1b5bb2;
}

a img{
	border:none;
}

body{
  background-color:#ffffff;
	/*background:url('../images/noel1.png') top left no-repeat, url('../images/noel2.png') top right no-repeat;*/
	color:#2d2d2d;
	font-family:Arial;
	padding:0px;
	margin:0px;
}

header{
	position:fixed;
	height:63px;
	width:100%;
	z-index:5;
}

header .in{
  background:#ffffff;
	height:63px;
	width:1200px;
	margin:auto;
}

header #logo{
	display:inline-block;
	background:url('../images/logo.gif') 0px 0px no-repeat;
	height:63px;
	width:380px;
	vertical-align:top;
}

section{
	background:transparent;
  padding:133px 0px 0px 25px;
	width:1225px !important;
	width:1250px;
	overflow:hidden;
	margin:auto;
}

/*pagination*/

section #pagination{
}

section #pagination .page_pagination{
	display:inline-block;
	vertical-align:top;
}

.page_pagination+.page_pagination{
	display:none;
}

#menu_pagination{
	text-align:center;
	width:100%;
}

#menu_pagination a{
	display:inline-block;
	background:#2d2d2d;
	color:#f7f7f7;
	padding:1px 5px;
	border-radius:5px;
	margin:5px 5px 5px 0;
	cursor:pointer;
}


#ckeditor{
	background-color:#f7f7f7;
  background-image:none;
}

footer{
	background:transparent;
  padding:25px 0px 0px 25px;
	width:1225px !important;
	width:1250px;
	overflow:hidden;
	margin:auto;
}

#pied_information,#pied_facebook,#pied_paiement,#pied_livraison,#pied_contact{
  float:left;
  width:220px;
	color:#2d2d2d;
	background-color:transparente;
	margin:0px 25px 25px 0px;
	overflow:hidden;
}

footer h2{
	vertical-align:middle;
}

footer h2:before{
	background:url('../images/sprite-template.png') no-repeat;
  display:inline-block;
  width:25px;
  height:25px;
	vertical-align:middle;
	background-color:#1b5bb2;
	border-radius:3px;
	content:"";
	margin-right:5px;
}

#pied_information h2:before{
	background-position:0px -65px;
}
#pied_facebook h2:before{
	background-position:-25px -65px;
}
#pied_paiement h2:before{
	background-position:-50px -65px;
}
#pied_livraison h2:before{
	background-position:-75px -65px;
}
#pied_contact h2:before{
	background-position:-100px -65px;
}

#pied_paiement div,#pied_livraison div{
  display:inline-block;
  width:50px;
  height:30px;
	border-radius:1px;
	content:"";
	margin-right:5px;
	border:1px solid #dfdfdf;
}

footer div.visa{
	background:url('../images/sprite-template.png') no-repeat 0px -35px;
}
footer div.mastercard{
	background:url('../images/sprite-template.png') no-repeat -50px -35px;
}
footer div.paypal{
	background:url('../images/sprite-template.png') no-repeat -100px -35px;
}
footer div.laposte{
	background:url('../images/sprite-template.png') no-repeat -150px -35px;
}
footer div.gls{
	background:url('../images/sprite-template.png') no-repeat -200px -35px;
}

footer h3#phone:before,footer h3#horaire:before{
	background:url('../images/sprite-template.png') no-repeat;
  display:inline-block;
  width:18px;
  height:18px;
	vertical-align:middle;
	content:"";
	margin-right:5px;
}

footer h3#phone:before{
	background-position:-18px -90px;
}

footer h3#horaire:before{
	background-position:0px -90px;
}

footer h3#phone + p{
	font-size:20px;
}
footer a{
	color:#2d2d2d;
}

footer li{
	font-size:13px;
}

.alert{
  background-color:transparent;
	color:red;
	font-size:14px;
}



.contact tr td{
	text-align:right;
	vertical-align:top;
}

.contact tr td+td{
	text-align:left;
}


.cachediv{
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}

.affichediv {
	visibility: visible;
	overflow: hidden;
	margin-top: 0px;
	position: relative;
}

.referencement{
  display:none;
}

.clear
{
  clear:both;
}

/*onglet*/

.contentTabs {
margin:10px 0 0 0;
width:940px;
}

.idTabs {
padding:0 0 10px 0;
margin:0;
width:940px;
}

.idTabs li { list-style:none; float:left;}

.idTabs a {
	font-family:Arial, Arial;
  font-size:19px;
	font-weight:normal;
	word-spacing:0.2em;
	letter-spacing:1px;
  display:block;
  padding:0px 70px;
  line-height:40px;
  text-align:center;
  text-decoration:none!important;
  margin:0px -1px 0px 0px;
  color:#2d2d2d;
  background:#ffffff;
  border:#1b5bb2 1px solid;
}
.idTabs a:hover, .idTabs a.selected {
  color:#f7f7f7;
  background:#1b5bb2;
}

/*traduction*/

.champ_traduction{margin:5px auto;padding:5px;background-color:#dfdfdf;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:tab-cell;}

/*administration*/

#admin{
  position:fixed;
  top:0;
	left:0;
  width:100%;
  padding:2px;
  text-align:center;
	background:url('../images/admin.png') repeat;
	font-size:16px;
  color:white;
	z-index:100;
}

#admin form{
  display:inline;
}

#admin a{
  color:white;
}

body#control{
  background-image:none;
  background-color:#f7f7f7;
  padding:10px;
  margin:0;
}

.groupe_bouton{
	position:absolute;
	bottom:0px;
	right:0px;
  opacity:0.4;
  display:inline-block;
}

.groupe_bouton a{
  display:inline-block;
  line-height:32px;
  height:32px;
  width:32px;
  color:black;
  background-repeat:no-repeat;
  background-position:center 0;
  font-weight:700;
  text-align:center;
}

.groupe_bouton:hover{
  opacity:1;
}

.box_icone{
	display:inline-block;
  clear:both;
	background-color:yellow;
	padding:3px;
	margin:0px 10px 10px 0px;
  vertical-align:top;
}

body#page_admin{
  background-image:none;
  background-color:#f7f7f7;
  padding:50px 10px 10px 10px;
  margin:0;
}

#alerte{
  position:fixed;
  top:120px;
	left:50%;
	width:300px;
	margin-left:-150px;
  padding:5px;
	background:#f7f7f7;
	font-size:14px;
  color:red;
	z-index:200;
	border:2px solid #dfdfdf;
	border-radius:5px;
	opacity:0.8;
}

nav#menu_haut{
	position:fixed;
	top:63px;
	font-family:Arial;
	font-size:13px;
  background:#f7f7f7;
	height:40px;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	border-style:solid;
	border-color:#dfdfdf;
	border-width:1px 0px;
	z-index:5;
	overflow:hidden;
}

nav#menu_haut ul{
	list-type:none;
	text-align:left;
	margin:0 auto;
	width:1200px;
	padding:0;
}

nav#menu_haut ul li{
	display:inline-block; 
  vertical-align:middle;
}

.menu_haut_cellule a{
	line-height:20px;
	height:40px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
  color:#2d2d2d;
	display:inline-block; 
  vertical-align:middle;
}

.menu_haut_cellule a:hover{
	color:#1b5bb2;
}

.menu_haut_select a{
	color:#1b5bb2;
	line-height:20px;
	height:40px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
  vertical-align:middle;
}


nav#menu_gauche{
  position:relative;
  float:left;
  width:218px;
	color:#2d2d2d;
	background-color:#ffffff;
	font-size:18px;
	margin:0px 25px 25px 0px;
  border:solid;
  border-color:#dfdfdf;
  border-width:1px;
}

nav#menu_gauche ul{
  width:198px;
	list-type:none;
	text-align:left;
	margin:10px;
	padding:0;
}

nav#menu_gauche ul li{
	list-style-type:none;
}

.menu_gauche_cellule a{
	display:block;
	text-align:left;
	text-decoration:none;
	color:#2d2d2d;
}

.menu_gauche_cellule a:hover{
	color:#1b5bb2;
}

.menu_gauche_select a{
	display:block;
	text-align:left;
	text-decoration:none;
	color:#1b5bb2;
}


#menu_pied{
	font-family:Arial;
	font-size:12px;
	width:220px;
}

#menu_pied ul{
	list-type:none;
	text-align:left;
	margin:-5px auto 0 auto;
	padding:0;
}

#menu_pied ul li{
	display:block;
}

.menu_pied_cellule a{
	line-height:20px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
  color:#2d2d2d;
	display:block;
}

.menu_pied_cellule a:hover{
	color:#1b5bb2;
}

.menu_pied_select a{
	color:#1b5bb2;
	line-height:20px;
	padding:0px 0px 0px 0px;
	text-align:center;
	text-decoration:none;
	display:block;
}


#plan_de_site{
  width:100%;
	font-size:14px;
  font-family:Arial}

#plan_de_site td{
	vertical-align:top;
}

.plan_de_site_cellule{
	display:block;
}

.plan_de_site_cellule a{
	text-align:left;
	text-decoration:none;
	color:#2d2d2d;
}

.plan_de_site_cellule a:hover{
	color:#f661ff;
}

.plan_de_site_select{
	display:block;
}

.plan_de_site_select a{
	text-align:left;
	text-decoration:none;
	color:#f661ff;
}


.distribution{
	position:relative;
	float:left;
	border:solid;
	border-width:1px;
	border-color:#dfdfdf;
	margin:0px 25px 25px 0px;
  width:218px;
  height:248px;
	overflow:hidden;
}

.distribution a{
	color:#2d2d2d;

}

.distribution img{
	margin-right:15px;
}

.distribution .photo_chargement{
  background:url('../images/load.gif') center center no-repeat;
	background-size:contain;
	width:218px;
	height:218px;
	display:block;
	margin:30px auto 0 auto;
}


.distribution h2{
	margin:0;
	padding:0;
	text-align:center;
	font-size:13px;
	font-weight:bold;
}

.distribution h2 a{
	position:absolute;
	top:0px;
	left:0px;	
	margin:0;
	padding:0;
	display:block;
	width:100%;
	height:248px;
	line-height:30px;
	color:#1b5bb2;
  background:transparent;
}

.distribution h2 a:hover{
	position:absolute;
	top:0px;
	left:0px;	
	height:248px;
	line-height:30px;
	color:#f7f7f7;
  background:rgba(150,107,175,0.5);
}

#fil_ariane{
	color:#2d2d2d;
	font-size:13px;
  text-align:justify;
	padding:0px 10px 10px 0px;
}

.fil_ariane_select{
	display:inline;
	margin:0px;
}

.fil_ariane_select a{
	color:#1b5bb2;
	text-decoration:none;
}

.fil_ariane_select a:hover{
	color:#1b5bb2;
}
figure{
  position:relative;
	background:#ffffff;
	color:#1b5bb2;
	font-family:Arial;
	font-size:13px;
	margin:0px 18px 18px 0px;
  text-align:center;
  vertical-align:bottom;
}

figure.none{
  text-align:center;
}

figure.left{
  float:left;
  margin-right:25px;
}

figure.right{
  float:right;
  margin-left:25px;
}

figure img{
  display:block;
  margin:0 auto 0 auto;
}

figure a{
  display:block;
}

figcaption{
	background:#f7f7f7;
	line-height:20px;
  text-align:center;
	font-size:12px;
	color:#2d2d2d;
	font-family:Arial;
}

figure+article{
  border:solid #dfdfdf 1px;
	display:none;
	position:fixed;
	width:80%;
	height:80%;
	top:20px;
	left:10%;
	background:#f7f7f7;
	z-index:10;
}

figure+article div{
	background-color:#ffffff;
	background-position: center center;
	background-repeat:no-repeat;
    background-size: contain;
	width:100%;
	height:100%;
	float:left;
	vertical-align:middle;
}

figure+article h1, figure+article p{
	padding:7px 7px 7px 607px;
  border-bottom:solid #dfdfdf 1px;
}

figure+article h1{
	font-size:16px;
	margin-right:30px;
}

figure+article p:first-line{
	color:#dfdfdf;
}

figure+article p{
	font-size:14px;
	margin-right:0px;
}

figure+article p a{
	text-decoration:underline;
}

figure+article .close, figure+article .prev, figure+article .next, figure+article .add{
	position:absolute;
	font-size:20px;
	z-index:3;
	padding:5px 10px;
	background:#2d2d2d;
	color:#f7f7f7;
cursor:pointer;
}

figure+article .close{
	top:0px;
	right:0px;	
}

figure+article .prev{
	top:550px;
	left:20px;	
}

figure+article .next{
	top:550px;
	right:20px;
}

figure+article .add{
	bottom:0px;
	left:200px;
	width:200px;
	opacity:0.8;
	text-align:center;
}

#background{
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
	height:100%;
	background:black;
	opacity:0.7;
}

.diaporama{
  position:relative;
	background:#f7f7f7;
	color:#1b5bb2;
	font-family:Arial;
	font-size:13px;
	margin:0px 18px 18px 0px;
  border:solid #dfdfdf 1px;
  overflow:hidden;
}
.diaporama .photo{
	float:left;
	position:relative;
	width:100%;
	height:100%;	
	background-position:center center;
}

.diaporama .photo+.photo{
	display:none;	
}

.diaporama.admin .photo{
	display:inline-block;
	width:25%;	
	height:25%;
	overflow:hidden;	
}


.formulaire{
	color:#2d2d2d;
	padding:0px 20px 20px 0px;
}

.formulaire table{
  border:solid;
  border-color:#dfdfdf;
  border-width:1px;
}

.formulaire td{
  vertical-align:top;
  text-align:right;
}

.formulaire th{
  vertical-align:top;
}

.fichier{
	color:#2d2d2d;
	font-size:12px;
	padding:0px 20px 20px 0px;
}

.fichier a{
	color:#966bae;
}

.fichier img{
	margin:0px 0px -3px 0px;
}

#popup{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:200%;
  margin:0px;
  background-color:rgba(255,255,255,0.5);
  z-index:1000;
}

#popupin{
  background-color:white;
  width:500px;
  margin:250px auto;
  border:solid;
  border-color:#afafaf;
  border-width:1px;
  text-align:center;
  z-index:2000;
}

.produit{
  position:relative;
  float:left;
  width:218px;
  height:248px;
	color:#2d2d2d;
	background-color:#ffffff;
	font-size:12px;
	margin:0px 25px 25px 0px;
  border:solid;
  border-color:#dfdfdf;
  border-width:1px;
	overflow:hidden;
}

.produit+h2{
	clear:both;
}

.produit h2{
  position:absolute;
  bottom:0;
  left:0;
	font-size:12px;
	text-align:center;
  margin:10px;
	height:20px;
}

.produit h2 a{
	color:#2d2d2d;
}

.produit img{
  position:absolute;
  top:0px;
  left:0px;
}

.produit a{
	color:#2d2d2d;
}

.produit .prix_barre{
  position:absolute;
  bottom:30px;
  left:10px;
	color:#2d2d2d;
	font-size:14px;
	font-weight:400;
	text-decoration: line-through;
}

.produit .prix{
  position:absolute;
  bottom:30px;
  right:10px;
  color:#1b5bb2;
	font-size:18px;
	font-weight:400;
}

.produit .bouton{
  background:rgba(255,255,255,0.5);
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
  top:69px;
  left:269px;
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;
	color:#2d2d2d;
	font-size:14px;
	text-transform:upppercase;
	border-radius:40px;
}

.produit .bouton:before{
	content:"voir";
}

.produit .photo_chargement{
  background:url('../images/load.gif') center center no-repeat;
	width:218px;
	height:218px;
	display:block;
	margin:auto;
	position:relative;
}

.produit:hover{
  box-shadow:0px 0px 10px #ccc;
}

.produit:hover .bouton{
  top:69px;
  left:69px;
}

#produit_fiche{
  position:relative;
  float:right;
  width:790px !important;
  width:810px;
  background-color:white;
	color:#2d2d2d;
	font-size:12px;
	margin:0px 25px 0px 0px;
  padding:10px 10px 100px 10px;
  border:solid #dfdfdf 1px;
  z-index:1;
}

#produit_fiche h1{
	color:#1b5bb2;
}

#produit_fiche .prix_barre{
  position:absolute;
  bottom:53px;
  left:120px;
	color:#2d2d2d;
	font-size:14px;
	font-weight:400;
	text-decoration: line-through;
}

#produit_fiche .prix{
  position:absolute;
  bottom:50px;
  left:10px;
  color:#1b5bb2;
	font-size:25px;
	font-weight:normal;
}

#produit_fiche .panneau{
  position:relative;
  background-color:#f7f7f7;
  float:right;
  margin-right:-10px;
  padding:10px;
  width:280px !important;
  width:300px;
  border-width: 1px 0px 1px 1px;   
  border-style:solid;
  border-color:#dfdfdf;
  border-radius:10px 0px 0px 10px;
}

#produit_fiche .panneau img{
  margin:auto;
	display:block;
}

#produit_fiche .stock{
  position:relative;
  margin:10px 0 0 10px;
	font-size:16px;
}

#produit_fiche .stock sup{
  position:absolute;
  bottom:25px;
  left:45px;
	font-size:12px;
}

#produit_fiche .stock:before{
	background:url('../images/sprite-template.png') no-repeat -80px top;
	display:inline-block;
	width:40px;
  height:35px;
	content:"";
}

#produit_fiche .stock .quantite{
	font-size:20px;
	font-weight:bold;
}

#produit_fiche .stock .quantite:after{
	content:" articles en stock";
	font-size:16px;
	font-weight:normal;
}

#produit_fiche .livraison{
  position:relative;
  font-size:16px;
  margin:10px 0 0 0;
}

#produit_fiche .livraison:before{
	background:url('../images/sprite-template.png') no-repeat -200px -35px;
	display:inline-block;
	width:50px;
  height:30px;
	content:"";
}

#produit_fiche .bouton{
  position:absolute;
  bottom:0;
  left:0;
	width:180px;
	text-align:center;
	background-color:#1b5bb2;
	color:#f7f7f7;
	line-height:40px;	
	font-size:18px;
	font-weight:bold;
	border-top-right-radius:5px;
}

#produit_fiche .retour{
  position:absolute;
  bottom:0;
  right:0;
	background-color:#ad0202;
	color:#f7f7f7;
	padding:6px 9px;
	font-size:16px;
	font-weight:400;
	border-top-left-radius:5px;
}

#produit_composant{
}

#produit_module{
  float:right;
  width:810px;
  background-color:white;
	color:#2d2d2d;
	font-size:12px;
	margin:0px 25px 0px 0px;
}

.hebergement{
	float:left;
	border:solid;
	border-width:1px;
	border-color:#dfdfdf;
  width:235px;
  height:225px;
	margin:0px 10px 10px 0px;
	padding:0px 0px 0px 0px;
}

.hebergement .photo img{
	border:none;
	padding:0;
}

.hebergement th{
	text-align:right;
}

.hebergement table{
	width:215px;
	margin:0 10px 0 10px;
	border-spacing:0px;
}

.hebergement a{
	color:#2d2d2d;
}

.hebergement h2{
	padding:0px 0px 0px 10px;
}

.hebergement h2 a{
	color:#1b5bb2;
}

.calendrier{
	color:#2d2d2d;
	font-size:12px;
	padding:0px 10px 10px 0px;
}

.calendrier h2{
	width:100%;
}

#contenu_droite .calendrier table{
	background-color:#dfdfdf;
	color:#2d2d2d;
	font-size:12px;
}

#contenu_droite .calendrier table td{
  padding:1px;
}

.calendrier span{
  border:solid;
  border-color:#dfdfdf;
  border-width:1px;
}

.map{
  position:relative;
	color:#1b5bb2;
	font-family:Arial;
	font-size:13px;
  text-align:center;
	margin:0px 10px 5px 0px;
	padding:3px;
	border:solid;
	border-width:1px;
	border-color:#dfdfdf;
}

.abonnement{
  background:url('../images/abonnement.jpg') top center no-repeat;
  position:relative;
  float:left;
  width:934px;
  height:60px;
	color:#2d2d2d;
	background-color:#f7f7f7;
	font-size:12px;
	margin:0px 30px 30px 0px;
	border:#2d2d2d solid 1px;
	box-shadow:0px 2px 6px grey;
	border-radius:5px;
	overflow:hidden;
}

.abonnement+h2{
	clear:both;
}

.abonnement h2{
	font-size:20px;
  margin:18px 0px 0px 20px;
}

.abonnement h2 a{
	color:#2d2d2d;
}

.abonnement img{
  position:absolute;
  top:30px;
  left:0px;
}

.abonnement a{
	color:#2d2d2d;
}

.abonnement .prix_barre{
  position:absolute;
  bottom:27px;
  left:10px;
	color:#2d2d2d;
	font-size:14px;
	font-weight:400;
	text-decoration: line-through;
}

.abonnement .prix{
  position:absolute;
  top:19px;
  right:130px;
  color:#2d2d2d;
	font-size:18px;
	font-weight:bold;
}

.abonnement .bouton{
  position:absolute;
  bottom:0;
  right:0;
	background-color:#2d2d2d;
	color:#f7f7f7;
	padding:22px 25px;
	font-size:14px;
	font-weight:bold;
}

.abonnement #compte_a_rebour{
  position:absolute;
  bottom:10px;
  left:200px;
}


#abonnement_fiche{
  position:relative;
  width:920px !important;
  width:940px;
  background-color:white;
	color:#2d2d2d;
	font-size:12px;
	margin:0px 10px 10px 0px;
  padding:10px 10px 100px 10px;
  border:solid #dfdfdf 1px;
  z-index:1;
}

#abonnement_fiche h1{
	color:#1b5bb2;
}

#abonnement_fiche .prix_barre{
  position:absolute;
  bottom:35px;
  left:100px;
	color:#2d2d2d;
	font-size:14px;
	font-weight:400;
	text-decoration: line-through;
}

#abonnement_fiche .prix{
  position:absolute;
  bottom:45px;
  left:10px;
  color:#1b5bb2;
	font-size:18px;
	font-weight:400;
}

#abonnement_fiche .bouton{
  position:absolute;
  bottom:0;
  left:0;
	background-color:#1b5bb2;
	color:#f7f7f7;
	padding:8px 15px;
	font-size:18px;
	font-weight:400;
	border-top-right-radius:5px;
}

#abonnement_fiche .retour{
  position:absolute;
  bottom:0;
  right:0;
	background-color:#ad0202;
	color:#f7f7f7;
	padding:6px 9px;
	font-size:16px;
	font-weight:400;
	border-top-left-radius:5px;
}

#abonnement_fiche #compte_a_rebour{
  position:absolute;
  bottom:10px;
  right:30px;
}
#recherche{
	display:inline-block;
	margin:10px 0;
	height:33px;
  width:438px;
	border:solid 1px #999;
	border-radius:5px;
	overflow:hidden;
	vertical-align:top;
	background:#f7f7f7;
}

#recherche:hover{
	border:solid 2px #1b5bb2;
	margin:9px -1px;
}

#recherche input[type=text]{
  font-size:16px;
  color:#1b5bb2;
  width:401px;
	margin:2px 0 2px 2px;
	padding:0;
  height:29px;
  line-height:29px;
	border:none;
	background:transparent;
}

#recherche input[type=submit]{
  position:relative;
	background:#eee url('../images/sprite-template.png') no-repeat -36px -90px;
  text-transform:capitalize;
  color:black;
  background-color:white;
  width:33px;
	padding:0;
  height:33px;
  border:solid #f7f7f7 7px;
	cursor:pointer;
}

#panier{
	display:inline-block;
	margin:10px 0 10px 40px;
	height:35px;
  width:150px;
	vertical-align:top;
	position:relative;
}

#panier a.sprite{
	background:url('../images/sprite-template.png') no-repeat left top;
	display:inline-block;
  color:#ffffff;
	width:20px !important;
	height:30px !important;
	width:40px;
	height:35px;
	padding:5px 0 0 20px;
  font-weight:bold;
	font-size:12px;
}

#panier a{	
	font-weight:bold;
	font-size:14px;
}

#compte{
	position:relative;
	display:inline-block;
	margin:10px 0 10px 40px;
	height:35px;
  width:150px;
	vertical-align:top;
}

#compte a.sprite{
	background:url('../images/sprite-template.png') no-repeat -40px top;
	display:inline-block;
  color:#ffffff;
	width:40px;
	height:35px;
  font-weight:bold;
	font-size:12px;
}

#compte span{
	display:inline-block;
}

#compte span a{
  color:#1b5bb2;
	font-weight:bold;
	font-size:14px;
}

.table_commerce{
  background-color:#dfdfdf;
  width:100%;
  font-size:14px;
  margin:0 15px 15px 0;
  border-spacing:1px;
}
#control .table_commerce{
	width:100%;
}

.table_commerce th{
	background-color:#1b5bb2;
	color:#f7f7f7;
	padding:5px;
}

.table_commerce th a{
	color:#f7f7f7;
}

.table_commerce td{
  background-color:#f7f7f7;
	color:#2d2d2d;
	padding:5px;
}

.table_commerce th.prix{
	background-color:#f7f7f7;
	text-align:center;
	color:#1b5bb2;
	padding:5px;
}

.table_commerce td.prix{
	background-color:#f7f7f7;
	text-align:center;
	color:#2d2d2d;
	padding:5px;
}

.table_commerce td img{
  float:left;
  margin-right:10px;
}

.table_commerce td h2 img{
  float:none;
  width:50px;
}

.table_commerce .bouton, .processus{
	background-color:#1b5bb2;
	color:#f7f7f7;
	padding:5px 10px;
	margin:10px 0px 10px 0px;
	font-size:16px;
	font-weight:400;
	border:#555555 solid 1px;
	cursor:pointer;
}

.table_commerce .bouton:hover, .processus:hover{
	background-color:#f661ff;
	color:#f7f7f7;
}

.table_commerce .modifier form{
	display:none;
}

.fieldset_commerce{
  border:#ffffff 1px solid;
  width:auto;
  font-size:14px;
  margin:0 15px 15px 0;
}

.fieldset_commerce label{
	display:inline-block;
	width:150px;
	text-align:right;
}
.fieldset_commerce input{
	margin:5px;
}

#nombre_commande{
	position:absolute;
	top:48px;
	left:300px;
	background-color:#1b5bb2;
	color:#f7f7f7;
	padding:7px;
	font-size:15px;
	border-radius:7px;
}

#indication{
	position:absolute;
	top:48px;
	left:450px;
	background-color:#1b5bb2;
	color:#f7f7f7;
	padding:7px;
	font-size:15px;
	border-radius:7px;
}

#feedback{
  border:#dfdfdf 1px solid;
  background:#ffffff;
	margin-top:20px;
}

#feedback h3{
  border-bottom:#dfdfdf 1px solid;
  background:#f7f7f7;
	padding:10px 10px 10px 10px;
	margin-bottom:0px;
}
#feedback .right{
	float:right;
	font-size:12px;
}
#feedback article{
	position:relative;
  border-bottom:#dfdfdf 1px solid;
  background:#ffffff;
	padding:10px 10px 10px 10px;
}

#feedback .note{
	display:inline-block;
	width:80px;
	height:16px;
	background:#f7f7f7;
	vertical-align:middle;	
}

#feedback img{
	vertical-align:middle;
	margin-left:20px;	
}

#feedback .note .valeur{
	height:16px;
	background:#1b5bb2;	
}

#feedback .note .etoile{
	position:relative;
	bottom:16px;
	width:80px;
	height:16px;
	background:url('../images/etoile.png') repeat-x;
}

#form_feedback{
	padding:10px;
	display:inline-block;
	margin:auto;
  border:#dfdfdf 1px solid;
  background:#f7f7f7;
}

#form_feedback label{
	display:inline-block;
	text-align:right;
	width:200px;
}

#form_feedback input[type="text"],#form_feedback textarea{
	text-align:left;
	width:250px;
	margin:5px;
	font-size:14px;
}

#form_feedback .choix_note{
	display:inline-block;
	text-align:center;
	width:60px;
	vertical-align:middle;
	font-size:12px;
}

#rss article sup{
	float:right;
}

#rss article img{
	float:left;
	margin-right:20px;
}

#rss article a{
	color:#2d2d2d;
}

#rss article h3 a{
	color:#1b5bb2;
}

/*ORDINATEUR PETIT ECRAN*/

@media (max-width: 1250px){

	header .in, nav#menu_haut ul{
		width:1000px;
	}

	header #logo{
		width:330px;
	}

	#recherche{
		width:328px;
	}

	#recherche input[type="text"] {
		width:291px;
	}

	#panier, #compte{
		margin-left:20px;
		width:150px;
		height:35px;
		overflow:hidden;
	}

	.menu_haut_cellule a,.menu_haut_select a{
		padding: 0px 15px;
	}

	section, footer{
		width:1025px !important;
		width:1050px;
	}

	figure img, figure{
		max-width:1000px;
	}

	.produit,.distribution{
		width:229px;
	}

	#produit_fiche{
		width:618px !important;
		width:638px;
	}

	#produit_module {
		width:640px;
	}

}

/*TABLETTE*/

@media (max-width: 1050px){

	header .in, nav#menu_haut ul{
		width:750px;
	}

	header #logo{
		width:310px;
	}

	#recherche{
		width:298px;
		height:40px;
		margin: 5px 0px;
	}

	#recherche:hover{
		margin:4px -1px;
	}

	#recherche input[type="text"] {
		width:261px;
		height:39px;
		font-size:18px;
	}

	#recherche input[type="submit"]{
		margin-top:5px;	
	}

	#panier, #compte{
		margin-left:20px;
		width:40px;
		height:35px;
		overflow:hidden;
	}

	header{
		position:absolute;
		height:75px;
	}

	header .in{
		margin-top:10px;
	}

	nav#menu_haut{
		position:absolute;
		top:75px;
	}

	nav#menu_haut ul{
		font-size:11px;
	}

	.menu_haut_cellule a,.menu_haut_select a{
		padding: 0px 10px;
	}

	section{
		padding-top:145px;
	}

	section, footer{
		width:775px !important;
		width:800px;
	}

	figure img, figure{
		max-width:750px;
	}

	.produit,.distribution{
		width:230px;
	}

	#produit_fiche{
		width:728px !important;
		width:748px;
	}

	#produit_module {
		width:390px;
	}

}

/*MOBILE PAYSAGE*/

@media (max-width: 800px){

	header .in, nav#menu_haut ul{
		width:500px;
	}

	header #logo{
		width:310px;
		margin:0 95px;
	}

	#recherche{
		width:378px;
		height:40px;
		margin: 5px 0px;
	}

	#recherche input[type="text"] {
		width:341px;
		height:39px;
		font-size:18px;
	}

	#recherche input[type="submit"]{
		margin-top:5px;	
	}

	#panier, #compte{
		margin-left:20px;
		width:40px;
		height:35px;
		overflow:hidden;
	}

	header{
		position:absolute;
		height:120px;
	}

	header .in{
		margin-top:0;
	}

	nav#menu_haut{
		position:absolute;
		top:120px;
		border:none;
		background:none;
		height:94px;
	}

	nav#menu_haut ul{
		font-size:12px;
	}

	.menu_haut_cellule a,.menu_haut_select a{
		padding: 0px 10px;
		margin: 0px 10px 10px 0px;
		background:#f7f7f7;
		border-style:solid;
		border-color:#dfdfdf;
		border-width:1px;
		border-radius:10px;
	}

	section{
		padding-top:235px;
	}

	section, footer{
		width:525px !important;
		width:550px;
	}

	figure img, figure{
		max-width:500px;
	}

	.produit,.distribution{
		width:235px;
	}

	#produit_fiche{
		width:478px !important;
		width:498px;
	}

	#produit_module {
		width:500px;
	}

	.table_commerce td img{
		width:50px;
	}

	.table_commerce td+td img{
		width:32px;
	}

	.table_commerce td a{
		display:block;
	}
}

/*MOBILE PORTRAIT*/

@media (max-width: 550px){

	header .in, nav#menu_haut ul{
		width:300px;
	}

	header #logo{
		width:300px;
		margin:0;
	}

	#recherche{
		width:198px;
		height:40px;
		margin: 5px 0px;
	}

	#recherche input[type="text"] {
		width:161px;
		height:39px;
		font-size:18px;
	}

	#recherche input[type="submit"]{
		margin-top:5px;	
	}

	#panier, #compte{
		margin-left:10px;
		width:40px;
		height:35px;
		overflow:hidden;
	}

	header{
		position:absolute;
		height:120px;
	}

	header .in{
		margin-top:0;
	}

	nav#menu_haut{
		position:absolute;
		top:120px;
		border:none;
		background:none;
		height:141px;
	}

	nav#menu_haut ul{
		font-size:12px;
	}

	.menu_haut_cellule a,.menu_haut_select a{
		padding: 0px 5px;
		margin: 0px 5px 7px 0px;
		background:#f7f7f7;
		border-style:solid;
		border-color:#dfdfdf;
		border-width:1px;
		border-radius:10px;
	}

	section{
		padding-top:280px;
	}

	section, footer{
		width:325px !important;
		width:350px;
	}

	figure img, figure{
		max-width:300px;
	}

	.produit,.distribution{
		width:298px;
	}

	#produit_fiche{
		width:278px !important;
		width:298px;
	}

	#produit_module {
		width:300px;
	}

	.table_commerce td img[src*="data/photo"]{
		display:none;
	}

	.table_commerce td+td img{
		width:32px;
		display:block;
	}

	.table_commerce td a{
		display:block;
	}
}