*{
	/* padding : 0; /* pas de marge intérieure */
	/* margin : 0; /* ni extérieure */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* font-family: "bree_regular", Arial, sans-serif; */
	font-family: Arial, sans-serif;
	/* font-family: Arial, sans-serif; */
}
.police_bree{
	font-family: "bree_regular", Arial, sans-serif;
}
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 0%;
width:0%;


}
html{
	
}
#framecontent{
width: 100vw;
min-height: 50px;
display: inline-block;
}

#maincontent{
position: fixed; 
top: 50px; /*Set top value to HeightOfFrameDiv*/
bottom: 0;
overflow: auto;
/* overflow: visible; */
width:100%;
z-index:-1;

	/* background-image:linear-gradient(white 10%, #2D5DE4 100%); */
	/* background-repeat:no-repeat; */
	/* background-image: url("visuels/carre_grd_format.jpg"); */
	/* background-size: 100% auto; */
	/* background-color:#cddcf2; */

}
.innertube{
margin: 0 auto; /*Margins for inner DIV inside each DIV (to provide padding)*/
max-width: 1100px;
/* min-width: 1100px; */
/* max-width: 1000px; */
background-color: white;
}

.left{
	float:left;
}

.inline_block{
	display: inline-block;
}

/******* DEBUT HEADER ****/
#header{
	position:relative;
	height:45px;
	width:100%;
}

.border_bottom_shadow{
	box-shadow: 0 -6px 12px 1px #999999;
}

#header img.logo{
	/* width: 200px; */
	height: auto;
}

#header .top_left{
	float:left;
}
#header .top_right{
	float:right;
	margin-right: 10px;
}

#header form.rechercher{
	/* float:left; */
}

.srcBox {
  border: 1px solid #ccc;
  height: 2em;
  width:240px;
  position:relative;
}
.srcBox input[type=submit] {
  float: right;
  background: #000;/* mettre ici l'image */
  border: 0;
  border-radius: 1em;
  width: 2em;
  height: 2em;
}
.srcBox input[type=search] {
  border: 0;
  background: none;
  overflow: hidden;
  width:200px;
  position:absolute;
  left: 35px;
  top: 5px;
  border: none;
  outline: none;
  
}
.srcBox img.recherche{
	height:25px!important;
	position:absolute;
	left: 0;
}

a , li , ul , ol{
	text-decoration: none;
	list-style-type:none;
	outline: none;
	color: inherit;
}
.line_0{
	line-height:0px;
}
.line_10{
	line-height:10px;
}
.line_25{
	line-height:25px;
}

.line_50{
	line-height:50px;
	
}




#header .top_panier , #header .top_connexion{
	border-radius: 0 0 20px 20px;
    display: inline-block;
    font-size: 0.8em;
    padding: 4px 5px 5px;
	
}

#header .top_panier{
	position:relative;
	padding: 12px 10px 0;
	height: 45px;
	width:130px;
}



#header .top_dropdown{
	padding-top: 10px;
	padding-left: 10px;
	position:absolute;
	top:70px;
	left:-15px;
	display:none;
	z-index:1;
	border: 1px solid black;
	text-align: left;
	width: 150px;
	border-radius: -20px;
}

#header .top_dropdown .top_panier_total{
	background-color: transparent;
    height: 25px;
    left: 0;
    position: absolute;
    text-align: left;
    top: -26px;
    width: 150px;
}

#header .top_dropdown .fleche_haut{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent white;
    border-image: none;
    border-style: solid;
    border-width: 20px 25px 25px;
    left: 50px;
    position: absolute;
    top: -45px;
    width: 50px;
}

#header .top_dropdown .fleche_haut_back{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent black;
    border-image: none;
    border-style: solid;
    border-width: 20px 25px 25px;
    left: 50px;
    position: absolute;
    top: -46px;
    width: 50px;
}


#header .top_dropdown li{
	list-style-type: disc;
	margin-left: 15px;
}

#header .top_panier:hover .top_dropdown{
	display:block;
}
#header .top_dropdown:hover{
	display:block;
}

#header img{
	height: 30px;
}

#header .rechercher img{
	height:50px;
}

#header .position{
	position:absolute;
}

#header .position input[type="image"]{
	background: blue none repeat scroll 0 0;
    height: 30px;
    margin-left: -27px;
    margin-top: 3px;
}
#header .chaine_rechercher{
    float: left;
    height: 30px;
    width: 226px;
}

#header table td{
	vertical-align:middle;
}
#header table{
	text-align:center;
	width: 100%;
}


#header .telechargement{
	border-radius:50%;
	width:90px;
	height:90px;
	border:0 solid blue;
	font-size: 0.8em;
	
}
#header .telechargement img.logo{
	height: 20px;
	width: 20px;
	margin-top:10px;
}

.header_bloc{
	/* width:170px; */
	height:50px;
	padding: 15px;
}
.header_bloc:hover{
	background-color:#90a9dd ;
}


#index table{
	width:100%;
	border-collapse: collapse;
	table-layout:fixed;
	word-wrap: break-word;
}

#index table td , #index table th{
	border: 1px solid white;
}
#index table td{
	height:40px;
}

#index table tbody tr:hover{
	background-color: #0038e0;
	color: white;
}

#index table input{
	max-width:100%;
}

.newsletter_cacher{
	display:none;
}
.newsletter_afficher{
	display: block;
	width: 0px;
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;
	background-color: white;
}

.panier_cacher , .panier_suppression_valider{
	display:none;
}

.panier_cacher_page{
	display:none;
}

.panier_afficher_page{
	display: block;
	height: 600px;
	width: 300px;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1;
	opacity: 0.5;
}

.panier_afficher{
	display: block;
	width: 500px;
	position: absolute;
	top: 50px;
	left:0;
	right:0;
	margin: 0 auto;
	z-index: 1;
	background-color: white;
}
.panier_afficher .panier_tete, .panier_tete{
	height: 70px;
	line-height: 50px;
	font-weight: bold;
	border-radius: 0 0 15px 15px;
}
.panier_afficher .panier_tete .centrer{
	position:relative;
	top:10px;
	left:0;
	right:0;
	margin:0 auto;
	width: 150px;
}

.panier_afficher .panier_tete .centrer .cercle{
    border: 2px solid white;
	border-radius: 50%;
	height: 40px;
	left: -13px;
	line-height: 35px;
	padding: 0 3px 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 40px;
}

.panier_afficher .panier_tete img{
	height: 55px;
	float:left;
}


.panier_afficher .panier_bottom{
	border-top: 1px solid #eeeeee;
	width: 90%;
	margin: 0 auto;
}

.panier_afficher .panier_contenu{
	overflow: auto;
	max-height: 325px;
	padding-left:10px;
	margin-bottom: 20px;
	font-size:0.9em;
}

.panier_afficher .panier_contenu .panier_produit{
    margin-top: 10px;
    width: 90%;
	border-radius: 20px;
	height: 100px;
}

.panier_afficher .panier_contenu .panier_produit .panier_produit_info{
	float: left;
	margin-top: 20px;
}
.panier_afficher .panier_contenu .panier_produit img{
	height: 100px;
	float:left;
	margin: 0 20px;
}

.panier_afficher .panier_contenu .bouton{
	text-align:center;
	margin: 10px auto;
	position:relative;
	height: 40px;
	display: block;
	width: 200px;
	line-height: 30px;
 }

.panier_afficher .gratuit_right{
    border-radius: 50%;
    float: right;
    height: 110px;
    margin-right: 70px;
    width: 110px;
}
.panier_afficher .gratuit_right .rotation{
	/*Rotation*/
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	
	
    border-color: blue currentcolor;
    border-image: none;
    border-style: solid none;
    border-width: 1px medium;
    margin-left: -40px;
    margin-top: 30px;
    transform: rotate(-20deg);
    width: 200px;
}


/******* FIN HEADER ****/
/***** DEBUT MENU TOP LEFT + RIGHT ****/

.menu_left{
	float:left;
	margin-bottom: 10px;
	/* width:950px; */
}
.menu_right{
	float:right;
	margin-bottom: 10px;
	width:140px;
}

/***** FIN MENU TOP LEFT + RIGHT ****/

/******* DEBUT MENU DEROULANT *****/

/* Style The Dropdown Button */
.dropbtn {
	font-size: 16px;
	border:none;
    cursor: pointer;
	width: 157px;
	height: 55px;
	display:inline-block;
	box-shadow: 0 0 3px 0 #eeeeee;
}
.dropbtn img{
	height: 50px;
	width: 50px;
	float:left;
	margin-left: 5px;
}
.drop_color img{
	height: 80%;
	padding-top:1px;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
    display: inline-block;
    margin-right: 0px;
	border-radius: 3px;
	background-color: blue;
	/* float: left; */
	/* margin: 0 5px 5px 0; */
}

/* The container <div> - needed to position the dropdown content */
.dropdown_bis {
    /* display: inline-block; */
    /* margin-right: 0px; */
	border-radius: 3px;
	/* background-color: blue; */
	float: left;
	margin: 0 0 5px 0;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content , .dropdown_bis-content {
    display: none;
    position: absolute;
    border: 0px solid blue;
    z-index: 2;
	padding-top: 10px;
	margin-top: 0px;
}
.dropdown-content-total , .dropdown_bis-content-total {
    background-color: transparent;
	height: 25px;
    position: absolute;
    top: -25px;
    width: 100%;
    z-index: 0;
}

li.dropdown-content-sub , .dropdown_bis-content-sub{
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	float:left;
	margin-bottom: 10px;
}
li.dropdown-content-sub:not(:first-child) , .dropdown_bis-content-sub {
	border-left: 1px dashed blue;
}

.dropdown-content .fleche_haut , .dropdown_bis-content .fleche_haut{
	position: absolute;
	top: -18px;
	left: 55px;
	width: 0;
	border: 17px solid transparent;
    width:0;
    border-bottom-color:#f7fafa;
	border-top: 0px solid transparent;
}

.dropdown-content .fleche_haut_back , .dropdown_bis-content .fleche_haut_back{
	position: absolute;
	top: -20px;
	left: 53px;
    width:0;
	border:20px solid transparent;
    border-bottom:20px solid #0038e0;
	border-top: 0px solid transparent;
}
/* Links inside the dropdown */
.dropdown-content a  , .dropdown_bis-content a{
    display: block;
	padding-top: 5px;
	font-size: 0.7em;
}

.dropdown-content-sub li , .dropdown_bis-content-sub li{
	list-style-type:disc;
	margin-left: 15px;
	min-width: 100px;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content , .dropdown_bis:hover .dropdown-content {
    display: block;
	
}


/******* FIN MENU DEROULANT *****/
/******* DEBUT MENU LIEN CLIQUABLE ****/

.box-cliquable{
	position: static;
    display: inline-block;
	top:0px;
	vertical-align: baseline;
}

.box-cliquable img{
	max-height: 75px;
	max-width: 75px;
}

/******* FIN MENU LIEN CLIQUABLE ****/

/******* DEBUT CARROUSSEL *****/

#carroussel{
	text-align:center;
	position:relative;
}
#carroussel img{
	text-align:center;
	margin:0 auto;
	width:1100px;
	height:200px;
}

#carroussel .pager{
	position:absolute;
	left:0;
	right:0;
	bottom:10px;
	z-index: 1;
}

#carroussel .pager span{
	cursor:grab;
	font-size: 1em;
	color: #6E8484;
	border: 0px solid white;
	background-color: #6E8484;
    display: inline-block;
    border-radius: 50%;
	width: 25px;
    height: 25px;
	margin-right:20px;
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
#carroussel .pager span:hover{
	background-color:red;
}

#carroussel .pager span.cycle-pager-active{
	background-color: white;
	color:white;
}
/******* FIN CARROUSSEL *****/

/******* DEBUT LIGNE NEWSLETTER *****/


#ligne_newsletter{
	position:relative;
	margin:0 auto;
	display: table;
	vertical-align:middle;
	width: 100%;
	
}
#ligne_newsletter .block_newsletter{
	display:table-cell;
	vertical-align:middle;
}

.border_news{
    box-shadow: 0 5px 5px 0 #cccccc;
}

#ligne_newsletter img{
	height: 50px;
	/* float:left; */
	vertical-align:middle;
}
#ligne_newsletter form.rechercher{
	border-width: 1px;
	border-style: solid;
	height: 30px;
	position:relative;
	width:200px;
}
#ligne_newsletter .chaine_rechercher {
	border: 0;
	background: none;
	overflow: hidden;
	width: 150px;
	position: absolute;
	left: 2px;
	top: 5px;
}
#ligne_newsletter input[type="image"] {
    height: 25px !important;
	position: absolute;
	right: 10px;
}
/******* FIN LIGNE NEWSLETTER *****/

#selection_article , #selection_produit , #selection_actualite {
	/* margin:30px; */
}

/******* DEBUT SELECTION ARTICLE *****/

#selection_article{
	text-align:center;
}
#selection_article h3{
	text-align:left;
	position:relative;
}

#selection_article .titre{
	position:relative;
	text-align:left;
}

#selection_article .titre h3{
	position:absolute;
	top:20;
	left:0;
}
#selection_article .titre img{
	width:100%;
	height:60px;
	padding-left:10px;
}

#selection_article .article{
	float:left;
	height: 300px;
	margin-right: 5px;
	width: 270px;
	margin-bottom: 10px;
}

#selection_article .article .article_prix{
	width:100%;
	height:50px;
}

#selection_article img.article{
	max-height: 140px;
	max-width:270px;
	width: auto;
	float:none;
}

#selection_article a img{
	margin-top: 5px;
	height: 40px;
}

/******* FIN SELECTION ARTICLE *****/


/******* DEBUT SELECTION ACTUALITE *****/

#selection_actualite{
	text-align:left;
	float:left;
	width:800px;
	min-height:465px;
	box-shadow: 4px 4px 9px -3px grey;
	position:relative;
}


#selection_actualite .titre{
	text-align:left;
}

#selection_actualite .article{
	margin-right: 30px;
	width: 250px;
	margin: 10px 10px 0 0;
	margin-bottom: 20px;
	float:left;
	height:320px;
}
#selection_actualite .article a.bottom_right{
	border-radius: 10px 10px 10px 10px;
}

#selection_actualite .article_actualite{
	height: 20px;
	width: 97%;
	display:block;
	padding-right:10px;
	margin-left: auto;
    margin-right: auto;
}

#selection_actualite .article img{
	max-height:80px;
	width:auto;
}

#selection_actualite .article iframe{
	max-width:200px;
	max-height:80px;
}

/******* FIN SELECTION ACTUALITE *****/


/******* DEBUT SELECTION PRODUIT *****/

#selection_produit{
	box-shadow: 4px 4px 9px -3px grey;
	width: 275px;
	min-height: 465px;
	float: left;
	margin-right: 20px;
}
#selection_produit .titre{
	text-align:left;
}
#selection_produit .titre img{
	width:95%;
	height:60px;
	padding-left:10px;
}

#selection_produit .article{
	float:left;
	/* margin-right: 20px; */
	margin: 0px 10px 5px 0;
	text-align:center;
	width: 75px;
	height:100px;
}
#selection_produit .article a img{
	height: 60px;
	max-width: 75px;
}

/******* FIN SELECTION PRODUIT *****/


/******* DEBUT MON COMPTE *****/
#mon_compte{
	margin-bottom: 200px;
	text-align:center;
}

#mon_compte .pack{
	text-align:left;
	width: 250px;
	height: 75px;
	border-radius: 20px;
	display:inline-block;
	margin: 20px;
}
#mon_compte .pack img{
	width: 50px;
	height: 50px;
	margin: 0 5px 0 0;
}

/******* FIN MON COMPTE *****/


/******* DEBUT CONNEXION **********/

#se_connecter{
	padding: 30px;
	margin: 0 auto;
	width: 400px;
	margin-top: 100px;
	margin-bottom: 400px;
	text-align:left;
	box-shadow: 1px 2px 10px rgb(0, 0, 0);
	
}
#se_connecter fieldset{
	border: none;
	
}

#se_connecter input{
	width:100%;
	box-shadow: 0 0 0 1px blue;
}

#se_connecter input[type=checkbox]{
	width:auto;
}

span.italique_right{
	text-align:right;
	font-style: italic;
	display:block;
	font-size: 0.8em;
}


#se_connecter input[type="submit"]{
	border-radius: 3px;
}

.autre_boutton_form{
	box-shadow: 0 0 0 2px blue;
	border-radius: 3px;
}

.ligne_texte{
	margin: 0 auto;
	font-size: 0.8em;
	text-align:center;
}

.ligne_texte:before, .ligne_texte:after { content:''; display:inline-block; vertical-align: middle; width: 6rem; height: 1px; background: #999999 ; }
.ligne_texte:before { margin-right: .3rem }
.ligne_texte:after { margin-left: .3rem }

/******* FIN CONNEXION **********/

/******* DEBUT PANIER *******/

#panier{
	margin-bottom: 200px;
}

#panier .left{
	float:left;
}
#panier .right{
	float:right;
}

.all-width{
	width: 100%;
}

#panier table{
	/* border-spacing: 0 10px;  */
	border-spacing: 0; 
}


#panier table thead{
	border-bottom: 10px solid black;
	margin-bottom: 10px;
	text-align:left;
}

#panier table thead th{
	border-bottom: 1px solid black;
    padding-bottom: 5px;
}

#panier table thead th:last-child{
	text-align:right;
}

#panier table tbody#panier td:last-child{
	text-align:right;
}

#panier table tbody#panier tr{
	background-color: grey;
}

#panier table tbody#panier td{
	
	padding-top:5px;
}

#panier table img.article{
	height: 120px;
	margin-left:10px;
}

#panier table input{
	text-align: center;
}

.commentaire{
	resize: none;
	overflow: auto;
	display:block;
	display:inline-block;
	height:180px;
	width:300px;
}
.resize_none{
	resize: none;
}
.bouton{
	padding:5px;
}

/******* FIN PANIER *******/

/****** DEBUT RECHERCHER ****/
#rechercher{
	margin-bottom: 200px;
}

#rechercher .first .titre{
	text-align:center;
	color: white;
	padding-bottom: 5px;
	margin-left: -5px;
}

#rechercher .first{
	width: 180px;
	padding-bottom:20px;
	margin-right: 10px;
	border: 2px solid blue;
	float:left;
	text-align:left;
	padding-left: 5px;
}
#rechercher .second{
	display:inline-block;
	margin-left: 10px;
}

#rechercher .left{
	margin:0 auto;
	
}

#rechercher .second .produit{
	float:left;
	box-shadow: 0 0 8px 0 #aaaaaa;
	width: 190px;
	text-align:center;
	position:relative;
	padding-bottom:30px;
	margin-bottom: 20px;
	height: 330px;
}



#rechercher .second .produit img{
	height:160px;
	text-align:center;
	max-width: 180px;
}

#rechercher .second .lien_produit{
	position: relative;
}

#rechercher .second .produit .en_stock{
	position:absolute;
	bottom: 10px;
	left:0;
}

#rechercher .second .produit img.image_right{
	position:absolute;
	bottom:0px;
	right:5px;
	height:50px;
	width:50px;
}

#rechercher .second .lien_produit .reduction{
	border-radius: 50%;
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 1.8em;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: 0;
}

/*******\ PROMOTION /******/
.ribbon {
	height: 100px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 100px;
    z-index: 1;
}
.ribbon span {
	background: blue none repeat scroll 0 0;
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    position: absolute;
    right: -33px;
    text-align: center;
    text-transform: uppercase;
    top: 35px;
    transform: rotate(45deg);
    width: 150px;
}

/*****\ INPUT RANGE /*******/
input[type=range] {
  -webkit-appearance: none;
  margin:0 auto;
  width: 160px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 7.7px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #999999;
  border-radius: 25px;
  border: 0.1px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 3.6px 3.6px 3px #000000, 0px 0px 3.6px #0d0d0d;
  border: 1px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 50px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6.25px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #999999;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #999999;
  border-radius: 25px;
  border: 0.1px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 3.6px 3.6px 3px #000000, 0px 0px 3.6px #0d0d0d;
  border: 1px solid #000000;
  height: 25px;
  width: 25px;
  border-radius: 50px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 7.7px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.1px solid #010101;
  border-radius: 50px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #aaaaaa;
  border: 0.1px solid #010101;
  border-radius: 50px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 3.6px 3.6px 3px #000000, 0px 0px 3.6px #0d0d0d;
  border: 1px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 50px;
  background: #ffffff;
  cursor: pointer;
  height: 7.7px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #aaaaaa;
}
input[type=range]:focus::-ms-fill-upper {
  background: #aaaaaa;
}

/******\ DROPDOWN /*********\ */


#rechercher .dropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 28px;
  width: 150px;
  border: 0px none;
  border-color: white #d9d9d9 #f5f5f5;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to top, #aaaaaa, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 1px 1px black;
}
#rechercher .dropdown:before, .dropdown:after {
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
}
#rechercher .dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
#rechercher .dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

#rechercher .dropdown-select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size: 12px;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0px solid black;
  border-radius: 0;
  -webkit-appearance: none;
  padding-top: 3px;
}
#rechercher .dropdown-select:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
  outline: 2px solid #49aff2;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
}
#rechercher .dropdown-select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */
#rechercher .lt-ie9 .dropdown {
  z-index: 1;
}
#rechercher .lt-ie9 .dropdown-select {
  z-index: -1;
}
#rechercher .lt-ie9 .dropdown-select:focus {
  z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
  .rechercher .dropdown-select {
    padding-left: 6px;
  }
}

#rechercher #result1{
	margin:0 auto;
	display:block;
	text-align:center;
}
/****** FIN RECHERCHER ****/

/****** DEBUT TELECHARGEMENT ****/

#telechargement{
	margin-bottom: 300px;
}
#telechargement .bloc .left{
	width: 200px;
	margin: 10px;
	padding-bottom: 10px;
	text-align:center;
}

/****** FIN TELECHARGEMENT ****/


/****** DEBUT COMMANDER CATALOGUE ****/

#commander_catalogue label{
	width: 130px;
	display: inline-block;
}
#commander_catalogue input{
	margin: 5px 20px;
}
.commander_catalogue label{
	width: 130px;
	display: inline-block;
}
.commander_catalogue input{
	margin: 5px 20px;
}

/****** FIN COMMANDER CATALOGUE ****/

/****** DEBUT DEMANDER DEVIS ****/

#demander_devis{
	margin-bottom: 200px;
}

#demander_devis label{
	width: 130px;
	display: inline-block;
}
#demander_devis input{
	margin: 5px 20px;
}

/****** FIN DEMANDER DEVIS ****/

/****** DEBUT CONTACT ****/

#contact{
	margin-bottom: 200px;
}

#contact label{
	width: 130px;
	display: inline-block;
}
#contact input{
	margin: 5px 20px;
}

/****** FIN CONTACT ****/

/****** DEBUT CONTACT ****/

#inscription{
	margin-bottom: 200px;
}

#inscription label{
	width: 130px;
	display: inline-block;
}
#inscription input{
	margin: 5px 20px;
}

/****** FIN CONTACT ****/
/****** DEBUT FAQ ****/

#faq{
	margin-bottom: 200px;
}

/****** FIN FAQ ****/


/****** DEBUT ACTUALITE ****/

#actualite{
	margin-bottom: 200px;
}

#actualite .actualite{
	height: 50px;
	position:relative;
	overflow:hidden;
}

#actualite .actualite img{
	max-height: 160px;
	max-width: 160px;
	margin:0 20px;
}

#actualite .actualite .lecture{
	width: 120px;
	text-align:center;
	position:absolute;
	right: 20px;
	bottom: 20px;
}


/****** FIN ACTUALITE ****/

/****** DEBUT ACTUALITE SPECIFIQUE****/

#actualite_specifique{
	margin-bottom: 200px;
}

#actualite_specifique span .logo{
	
	float:right;
}

#actualite_specifique span .logo img{
	width: 40px;
}

/****** FIN ACTUALITE SPECIFIQUE****/

/****** DEBUT CATEGORIE****/

#categorie{
	margin-bottom: 200px;
}

#categorie .first .titre{
	text-align:center;
	color: white;
	padding-bottom: 5px;
	margin-left: -5px;
}

#categorie .menu{
	height: 70px;
	padding-top: 5px;
	width: 195px;
}
#categorie .en_tete_menu img{
	margin:0px 5px;
	max-width: 70px;
	max-height: 70px;
}
#categorie .sous_menu{
	margin-left: 30px;
    width: 140px;
}

#categorie .menu_non_choix{
	box-shadow: 2px 2px 2px 0 grey;
}

#categorie .first{
	width: 180px;
	padding-bottom:20px;
	margin-right: 10px;
	border: 2px solid blue;
	float:left;
	text-align:left;
	padding-left: 5px;
}
#categorie .second{
	display:inline-block;
	margin-left: 10px;
}


#categorie .left{
	margin:0 auto;
	
}

#categorie .second .produit{
	float:left;
	box-shadow: 0 0 8px 0 #aaaaaa;
	width: 200px;
	text-align:center;
	position:relative;
	padding-bottom:30px;
	margin-bottom: 20px;
	height: 330px;
}
#categorie .second .menu{
	height: 150px;
}



#categorie .second .produit img{
	height:150px;
	text-align:center;
	width: 150px;
}

#categorie .second .menu img{
	max-height:100px;
	text-align:center;
	height:100%;
	width:auto;
	max-width:100%;
}

#categorie .second .lien_produit{
	position: relative;
}

#categorie .second .produit .en_stock{
	position:absolute;
	bottom: 10px;
	left:0;
}

#categorie .second .produit img.image_right{
	position:absolute;
	bottom:0;
	right:5px;
	height:50px;
	width:50px;
}

#categorie .second .lien_produit .reduction{
	border-radius: 50%;
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 1.8em;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: 0;
}

#categorie .dropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 28px;
  width: 150px;
  border: 0px none;
  border-color: white #d9d9d9 #f5f5f5;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to top, #aaaaaa, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 1px 1px black;
}
#categorie .dropdown:before, .dropdown:after {
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
}
#categorie .dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
#categorie .dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

#categorie .dropdown-select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size: 12px;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0px solid black;
  border-radius: 0;
  -webkit-appearance: none;
  padding-top: 3px;
}
#categorie .dropdown-select:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
  outline: 2px solid #49aff2;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
}
#categorie .dropdown-select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */
#categorie .lt-ie9 .dropdown {
  z-index: 1;
}
#categorie .lt-ie9 .dropdown-select {
  z-index: -1;
}
#categorie .lt-ie9 .dropdown-select:focus {
  z-index: 3;
}

#categorie #result1{
	margin:0 auto;
	display:block;
	text-align:center;
}

/****** FIN CATEGORIE****/

/****** DEBUT PRODUIT****/

#produit .produit_left{
	float:left;
	width:270px;
	height:320px;
}
#produit .produit_left img.big_figs{
	width: 250px;
	height: 250px;
}
#produit .produit_left .big_video{
	width: 250px;
	height: 250px;
}
#produit .produit_left img.mini_figs{
	width: 60px;
	height: 60px;
}

#produit .produit_left img.big_figs , #produit .produit_left img.mini_figs{
	box-shadow : 0 1px 10px 0 grey;
	padding:5px;
}

#produit .produit_right{
	float:right;
	width:350px;
}

#produit .produit_right .logo_top{
	max-width: 60px;
	max-height: 60px;
	margin: 0 5px;
}



#produit .produit_right .panier{
	padding: 5px;
}

#produit .bottom .prix_ttc{
	width:120px;
	text-align:right;
	margin-right: 10px;
}

#produit .bottom .nom_infos{
	width:100px;
	float:left;
}

#produit .bottom .image_right{
	float:right;
	width:80px;
	height:80px;
	margin-top:15px;
}


#produit .suggestion{
	position:relative;
}

#produit .produit{
	box-shadow: 0 0 0 0 grey;
	width: 200px;
	height: 200px;
}




#produit .suggestion .produit{
	float:left;
	box-shadow: 0 0 8px 0 #aaaaaa;
	width: 320px;
	text-align:center;
	position:relative;
	padding:5px;
	margin: 10px;
	height:160px;
}



#produit .suggestion .produit img{
	float:left;
	max-height: 130px;
	max-width: 130px;
}


#produit .suggestion .produit .en_stock{
	position:absolute;
	bottom: 10px;
	right:150px;
}

#produit .suggestion .produit img.image_right{
	position:absolute;
	bottom:0px;
	right:5px;
	height:50px;
	width:50px;
}

#produit .suggestion .lien_produit .reduction{
	border-radius: 50%;
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 1.8em;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#produit .ancre{
	height: 50px;
	width: 200px;
}


#produit .dropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 28px;
  min-width: 140px;
  border: 0px none;
  border-color: white #d9d9d9 #f5f5f5;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to top, #aaaaaa, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 1px 1px black;
}
#produit .dropdown:before, .dropdown:after {
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
}
#produit .dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
#produit .dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

#produit .dropdown-select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size: 12px;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0px solid black;
  border-radius: 0;
  -webkit-appearance: none;
  padding-top: 3px;
}
#produit .dropdown-select:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
  outline: 2px solid #49aff2;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
}
#produit .dropdown-select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */
#produit .lt-ie9 .dropdown {
  z-index: 1;
}
#produit .lt-ie9 .dropdown-select {
  z-index: -1;
}
#produit .lt-ie9 .dropdown-select:focus {
  z-index: 3;
}


/****** FIN PRODUIT****/


/****** DEBUT CGV****/

#cgv{
	margin-bottom: 200px;
}

/****** FIN CGV****/


/****** DEBUT MENTIONS LEGALES****/

#mentions_legales{
	margin-bottom: 200px;
}

/****** FIN MENTIONS LEGALES****/

/****** DEBUT LISTE OFFRE D'EMPLOI ****/

#liste_offre_emploi{
	margin-bottom: 200px;
}

#liste_offre_emploi .offre{
	position: relative;
	padding-bottom:50px;
	padding-right: 100px;
}

#liste_offre_emploi .lecture{
	width: 200px;
	text-align:center;
	position:absolute;
	right: 20px;
	bottom: 20px;
}

/****** FIN LISTE OFFRE D'EMPLOI ****/


/****** DEBUT OFFRE D'EMPLOI ****/
#offre_emploi{
	margin-bottom: 200px;
}

#offre_emploi .offre{
	position: relative;
}
/****** FIN OFFRE D'EMPLOI ****/

/****** DEBUT FICHE PRODUIT ****/
#fiche_produit{
	margin-bottom: 200px;
}

#fiche_produit .fiche{
	width:200px;
	height:210px;
	margin: 10px;
}
/****** FIN FICHE PRODUIT ****/

/****** DEBUT COMMANDE ****/

#commandes .rechercher{
	margin-right: 150px;
}

#commandes .rechercher .chaine_rechercher{
	border: 1px solid blue;
	width:300px;
	height:30px;
}
#commandes .rechercher input[type="image"]{
	background: blue none repeat scroll 0 0;
    height: 30px;
    margin-left: -2px;
    margin-top: 4px;
}
#commandes .commande{
	border: 1px solid black;
	border-radius: 20px;
	padding: 10px;
	width: 900px;
}

#commandes .commande .info{
	margin:0 auto;
	width: 200px;
	text-align:left;
	display:inline-block;
}

/****** FIN COMMANDE ****/


/****** DEBUT DEVIS ****/

#devis .rechercher{
	margin-right: 150px;
}

#devis .rechercher .chaine_rechercher{
	border: 1px solid blue;
	width:300px;
	height:30px;
}
#devis .rechercher input[type="image"]{
	background: blue none repeat scroll 0 0;
    height: 30px;
    margin-left: -2px;
    margin-top: 4px;
}
#devis .commande{
	border: 1px solid black;
	border-radius: 20px;
	padding: 10px;
	width: 880px;
}

#devis .commande .info{
	margin:0 auto;
	width: 200px;
	text-align:left;
	display:inline-block;
}


#devis .right_fleche{
	font-size: 5em;
    height: 80px;
    line-height: 80px;
    width: 80px;
}

/****** FIN DEVIS ****/




/****** DEBUT ADRESSE LIVRAISON ****/


#adresse_livraison .encart{
	width:250px;
	height: 120px;
}

#adresse_livraison .encart .plus{
	border-radius: 50%;
	width:40px;
	height:40px;
	line-height:40px;
	margin:0 auto;
}

/****** FIN ADRESSE LIVRAISON ****/


/****** DEBUT FIDELITE ****/


#fidelite .progression_fleche{
	position:absolute;
	top: -60px;
	z-index: 1;
	width: 80px;
}
#fidelite .progression_fleche img{
	width: 50px;
	height: 50px;
}
#fidelite .cadeau{
	border-style: solid;
	border-width: 2px;
	border-radius: 20px;
	margin: 10px;
}

#fidelite .cadeau .check_cadeau{
	position: absolute;
	top: 15px;
	left: 15px;
	/* Double-sized Checkboxes */
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	padding: 10px;
}

#fidelite .cadeau img{
	width: 175px;
	max-height:175px;
	margin: 5px;
}

/****** FIN FIDELITE ****/


/****** DEBUT PAIEMENT ****/

#paiement .encart{
	width:250px;
	height: 120px;
}

#paiement input[type=radio]:checked.hidden + .encart{
	background-color:green;
}

#paiement .encart .plus{
	border-radius: 50%;
	width:40px;
	height:40px;
	line-height:40px;
	margin:0 auto;
}
/****** FIN PAIEMENT ****/

/****** DEBUT FOOTER *****/

.footer_first , .footer_second{
	display:table;
	margin:0 auto;
	width:100%;
	vertical-align:middle;
}
.footer{
	box-shadow: 0px 4px 9px -3px grey;
}

.footer_first li.footer_sub , .footer_second li.footer_sub{
	display:table-cell;
	table-layout: auto
}
.footer_first li.footer_sub , .footer_second li.footer_sub{
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	height: 100px;
	margin: 0 auto;
	vertical-align:top;
	padding-top: 5px;
	
}

.footer_second li.footer_sub{
	border-right: 1px dashed #f7fafa;
	min-width: 200px;
	max-width: 400px;
	height: 50px;
}

.footer_second li.footer_sub:last-child{
	border: none;
}	

.footer_second .footer_sub{
	width:200px;
}

.footer_first .footer_sub li , .footer_second .footer_sub li{
	list-style-type:disc;
	margin-left: 10px;
}

.footer_first li.footer_sub_image{
	list-style-type:none;
}

.footer_first .footer_sub ul , .footer_second .footer_sub ul{
	margin: 10px;
}

.footer_first .footer_sub li a , .footer_second .footer_sub li a{
	font-weight: normal;
	margin-left: 10px;
}
.footer_first li.footer_sub_image a img{
	height: 30px;
}
.footer_second li.footer_sub img.special{
	height: 70px;
}

img.special_2{
	height: 40px;
}

/****** FIN FOOTER *****/


/****** Fil d'Ariane *********/

.breadcrumb {
	/*centering*/
	display: inline-block;
	/* box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35); */
	box-shadow: 0 0 1px 3px rgba(6, 66, 126, 1);
	overflow: hidden;
	
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	counter-reset: flag; 
}

.breadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	/* color: white; */
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 60px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb a:first-child {
	padding-left: 46px;
	
}
.breadcrumb a:first-child:before {
	left: 14px;
}
.breadcrumb a:last-child {
	padding-right: 20px;
}

/*hover/active styles*/
.breadcrumb a.active, .breadcrumb a:hover{
	/* background: #333; */
	/* background: linear-gradient(#333, #000); */
	
}
.breadcrumb a.active:after, .breadcrumb a:hover:after {
	/* background: #333; */
	/* background: linear-gradient(135deg, #333, #000); */
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.breadcrumb a:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/
.breadcrumb a:before {
	content: counter(flag);
	counter-increment: flag;
	/*some styles now*/
	border-radius: 100%;
	/* border-color: #06427E; */
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	/* background: #333; */
	/* background: linear-gradient(#444, #222); */
	font-weight: bold;
}


.flat a, .flat a:after {
	background: white;
	color: #06427E;
	transition: all 0.5s;
}
.flat a:before {
	background: #06427E;
	box-shadow: 0 0 0 1px #ccc;
	color:white;
}
.flat a.active:before,.flat a:hover:before {
	background: white;
	color: #06427E;
}

.flat a:hover, .flat a.active, 
.flat a:hover:after, .flat a.active:after{
	background: #06427E;
	color: white;
}

/****** Fin Fil d'Ariane *********/


/****** DEBUT PAGE PRESQUE VIDE *****/

#page_vide{
	margin-bottom: 100px;
	margin-top:100px;
}


/****** FIN PAGE PRESQUE VIDE *****/

/******* DEBUT CKEDITOR *******/
#ckeditor{
	min-height:400px;
}
/****** FIN CKEDITOR ********/


* html body{ /*IE6 hack*/
padding: 130px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}



.clr{
	clear: both;
	visibility:hidden;
}


.width_100_percent{
	width:100%;
}
.width_90_percent{
	width:90%;
}

.width_50_percent{
	width:50%;
}

.width_100{
	width: 100px;
}
.width_150{
	width: 150px;
}
.width_220{
	width: 220px;
}
.width_auto{
	width: auto;
}

.border_round{
	border-radius: 50%;
}

.border_less{
	border: none;
}
.border_solid_1{
	border-width: 1px;
	border-style:solid;
}
.border_radius_10{
	border-radius: 10px;
}
.border_radius_20{
	border-radius: 20px;
}
.border_top_1{
	border-top: 1px solid;
}

.padding_5{
	padding: 5px;
}
.padding_10{
	padding: 10px;
}
.margin_auto{
	margin:auto;
}
.margin_5{
	margin:5px;
}
.margin_top_5{
	margin-top:5px;
}
.margin_top_30{
	margin-top:30px;
}
.margin_top_50{
	margin-top:50px;
}
.margin_top_10{
	margin-top:10px;
}
.margin_left_190{
	margin-left:190px;
}
.margin_left_50{
	margin-left:50px;
}
.margin_10{
	margin:10px;
}
.margin_30{
	margin:30px;
}
.margin_right_30{
	margin-right:30px;
}
.right{
	float:right;
}

.back_white{
	background-color: white;
}
.white{
	color: white;
}

.back_yellow{
	background-color: yellow;
}

.border_chocolate{
	border-color: chocolate;
}
.border_orange{
	border-color:orange;
}

.orange{
	color:#F15922;
}

.back_blue{
	background-color: #06427E;
}
.back_light_blue{
	background-color: #ADD8E6;
}
.border_blue{
	border-color: #06427E;
}
.blue{
	color: #06427E;
}
.blue_consulter{
	color: #6495ed;
}
.border_black{
	border-color: black;
}
.back_black{
	background-color: black;
}
.black{
	color: black;
}

.back_chocolate{
	background-color: chocolate;
}

.back_dark_green{
	background-color: green;
}
.back_light_green{
	background-color:#f7fafa;
}

.border_green{
	border-color:#4ae300;
}

.back_green{
	background-color: #4ae300;
}
.back_green_2{
	background-color: #44aa55;
}
.green{
	/* color: #4ae300; */
	color: #9acd32;
}
.border_grey{
	border-color: #f9f9f9;
}
.back_light_grey{
	background-color: #f9f9f9;
}

.back_grey{
	background-color: grey;
}
.grey{
	color: grey;
}
.border_dark_grey{
	border-color: #999999;
}
.back_dark_grey{
	background-color: #999999;
}
.back_dark_light_grey{
	background-color: #d9d9d9;
}
.dark_grey{
	color: #999999;
}
.back_pink{
	background-color: #FF1493;
}
.back_light_pink{
	background-color: #FF7FFF;
}
.pink{
	color: #FF1493;
}
.border_red{
	border-color:red;
}
.back_red{
	background-color: red;
}
.red{
	color: red;
}
.back_orange{
	background-color:orange;
}

.border_purple{
	border-color: purple;
}
.back_purple{
	background-color: purple;
}

.back_transparent{
	background-color:transparent;
}

.underline_titre{
	text-decoration: none;
	padding-bottom: 5px;
	border-bottom: 2px solid;
}

.underline{
	text-decoration: underline;
}
.no_decoration{
	text-decoration: none!important;
}

.bold{
	font-weight:bold;
}
.overline{
	text-decoration: line-through;
}
.em09{
	font-size: 0.9em;
}
.em08{
	font-size: 0.8em;
}
.em07{
	font-size: 0.7em;
}
.em06{
	font-size: 0.6em;
}
.em12{
	font-size: 1.2em;
}
.em15{
	font-size: 1.5em;
}
.italic{
	font-style:italic;
}

.center{
	text-align:center;
}
.margin_right_10{
	margin-right: 10px;
}
.margin_left_10{
	margin-left: 10px;
}
.margin_left_25{
	margin-left: 25px;
}
.padding_left_10{
	padding-left: 10px;
}
.hidden , .toggle{
	 display: none;
}

.list_disc{
	list-style-type: disc;
}

.text_justify{
	text-align: justify;
	text-justify: inter-word;
}

.text_left{
	text-align:left;
}
.text_right{
	text-align:right;
}

.relative{
	position:relative;
}
.absolute{
	position:absolute;
}

.centrage{
	margin: 0 auto;
}

.pointer{
	cursor:pointer;
}

.position_bottom{
	position:absolute;
	bottom:0;
}
.position_center_left{
	position:absolute;
	left: 0;
}

.break_word{
	word-wrap: break-word;
}

input[type=checkbox]:checked.hidden + .toggle{
	display: block;
}

.vertical_top{
	vertical-align:top;
}

.vertical_middle{
	vertical-align:middle;
}

.block{
	display:block;
}

.border_right{
	border-right: 1px solid;
}

/*  */

#commander_catalogue , #demander_devis{
	margin: 30px auto;
	padding: 0 150px 0 30px;
	/* width: 900px; */
}
.commander_catalogue , .demander_devis{
	/* margin: 30px auto; */
	padding: 0 80px 0 25px;
	/* width: 900px; */
}
#panier , #faq , #actualite , #actualite_specifique , #categorie , #rechercher , #produit , #cgv , 
#commandes , #adresse_livraison , #fidelite , #paiement , #telechargement , #devis , #page_pdf , #page_validation{
	/* margin: 20px; */
	margin-bottom:200px;
	/* width:1050px; */
	margin-top:30px;
}
#page_pdf{
	height:1160px;
}

#outerContainer{
	display:none;
}

object{
	display: block;
}

/* .arial_narrow{ */
	/* font-family: "bree_regular", Arial, sans-serif; */
/* } */

.arial{
	font-family: Arial; */
}

@font-face{
	font-family: "bree_regular";
	src: url('police/Bree_Regular.otf');
}


/* background_image couleur */
.back_image_menu_0{
	background-image:url('visuels/bouton menu 1.png');
}
.back_image_menu_1{
	background-image:url('visuels/bouton menu 2.png');
}
.back_image_menu_2{
	background-image:url('visuels/bouton menu 3.png');
}
.back_image_menu_3{
	background-image:url('visuels/bouton menu 4.png');
}
.back_image_menu_4{
	background-image:url('visuels/bouton menu 5.png');
}
.back_image_menu_5{
	background-image:url('visuels/bouton menu 6.png');
}
.back_image_menu_6{
	background-image:url('visuels/bouton menu 7.png');
}
.back_image_tarif{
	background-image:url('visuels/encart selection.png');
}

.reinitialise {
animation : none;
animation-delay : 0;
animation-direction : normal;
animation-duration : 0;
animation-fill-mode : none;
animation-iteration-count : 1;
animation-name : none;
animation-play-state : running;
animation-timing-function : ease;
backface-visibility : visible;
background : 0;
background-attachment : scroll;
background-clip : border-box;
background-color : transparent;
background-image : none;
background-origin : padding-box;
background-position : 0 0;
background-position-x : 0;
background-position-y : 0;
background-repeat : repeat;
background-size : auto auto;
border : 0;
border-style : none;
border-width : medium;
border-color : inherit;
border-bottom : 0;
border-bottom-color : inherit;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
border-bottom-style : none;
border-bottom-width : medium;
border-collapse : separate;
border-image : none;
border-left : 0;
border-left-color : inherit;
border-left-style : none;
border-left-width : medium;
border-radius : 0;
border-right : 0;
border-right-color : inherit;
border-right-style : none;
border-right-width : medium;
border-spacing : 0;
border-top : 0;
border-top-color : inherit;
border-top-left-radius : 0;
border-top-right-radius : 0;
border-top-style : none;
border-top-width : medium;
bottom : auto;
box-shadow : none;
box-sizing : content-box;
caption-side : top;
clear : none;
clip : auto;
color : inherit;
columns : auto;
column-count : auto;
column-fill : balance;
column-gap : normal;
column-rule : medium none currentColor;
column-rule-color : currentColor;
column-rule-style : none;
column-rule-width : none;
column-span : 1;
column-width : auto;
content : normal;
counter-increment : none;
counter-reset : none;
cursor : auto;
direction : ltr;
display : inline;
empty-cells : show;
float : none;
font : normal;
font-family : inherit;
font-size : medium;
font-style : normal;
font-variant : normal;
font-weight : normal;
height : auto;
hyphens : none;
left : auto;
letter-spacing : normal;
line-height : normal;
list-style : none;
list-style-image : none;
list-style-position : outside;
list-style-type : disc;
margin : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
margin-top : 0;
max-height : none;
max-width : none;
min-height : 0;
min-width : 0;
opacity : 1;
orphans : 0;
outline : 0;
outline-color : invert;
outline-style : none;
outline-width : medium;
overflow : visible;
overflow-x : visible;
overflow-y : visible;
padding : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
page-break-after : auto;
page-break-before : auto;
page-break-inside : auto;
perspective : none;
perspective-origin : 50% 50%;
position : static;
/* Vous devrez modifier les quotes selon le langage de la page (ici il s'agit du Langage Français) */
quotes : '201C' '201D' '2018' '2019';
right : auto;
tab-size : 8;
table-layout : auto;
text-align : inherit;
text-align-last : auto;
text-decoration : none;
text-decoration-color : inherit;
text-decoration-line : none;
text-decoration-style : solid;
text-indent : 0;
text-shadow : none;
text-transform : none;
top : auto;
transform : none;
transform-style : flat;
transition : none;
transition-delay : 0s;
transition-duration : 0s;
transition-property : none;
transition-timing-function : ease;
unicode-bidi : normal;
vertical-align : baseline;
visibility : visible;
white-space : normal;
widows : 0;
width : auto;
word-spacing : normal;
z-index : auto;
}

.maintenance{
	background: url('under_maintenance.gif');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000;
}

.box_shadow{
	box-shadow: 0 0 8px 0 #aaaaaa;
}

.arrondit{
	border-radius: 10px;
}
.rond{
	border-radius:50%;
}

#description_longue p {
	padding-bottom:20px;
	line-height: 1.5em;
}
.table{
	display:table;
}
.table_cell{
	display:table-cell;
}
.table_vertical_align{
	vertical-align:middle;
}

.required::after {
    position:absolute;
	content: "\00a0\00a0 *";
    color: red;
}

@media (max-width: 800px) {
	.hidden_800{
		display: none;
	}
	.margin_left_190{
		margin:0;
	}
}

/* ************ */
#scroll_to_top {
  position: fixed;
  bottom: 50px;
  right: 30px;
}
/* ************ */

.blink{
animation: blinker 3s linear infinite;
}
@keyframes blinker {  
50% { opacity: 0; }
}
.blink-one {
 animation: blinker-one 1s linear infinite;
}
@keyframes blinker-one {  
 0% { opacity: 0; }
}
.blink-two {
 animation: blinker-two 1.4s linear infinite;
}
@keyframes blinker-two {  
 100% { opacity: 0; }
}