/* =Reset default browser CSS.
--------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* 2. Layout
----------------------------------------------- */

/* CLEAR */
.cll, .clr, .clb {float:none !important;}
.cll { clear:left; }
.clr { clear:right; }
.clb { clear:both; }
header {
/*	background-image:url(../skin/head_cal_souple.png);
	background-position: left bottom;*/
  background-color: #fff;
  background-repeat: repeat-x;
  position:relative;
  overflow:hidden;
  float: right;
  font-size: 0.9em;
  height: 200px;
  width: 825px;
  z-index: 2;
/* 	border:#aaa solid 1px;*/
  }
  #annonces{
color: #5f5f5f;
font-family: "Raleway";
font-weight: 500;
height: 200px;
position: relative;
text-align: left;
width: 825px;
}
header.annonce_cdv{
	background-image:url(../skin/Banniere-web-CV-2015.png);
	background-position: left bottom;	
}
#first_row {
	height:35px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
/*  border: #F90 solid 1px;*/
	width:1040px;
	z-index:1;
  }
#main_wrap {
  background-color: #fff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-height: 800px;
  width: 1040px;
  z-index: 1;
}
#column_left {
  float: left;
  height: auto;
  position: relative;
  width: 215px;
}
#column_right{
float: right;
padding-top: 0;
width: 825px;
position: relative;
}
.breadcrumb {
    font-size: 0.8em;
    padding: 8px 5px 8px 0;
    text-transform: uppercase;
    border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 8px 12px;
}
.breadcrumb > li + li::before {
    color: #ccc;
    content: "/ ";
    padding: 0 5px;
}
*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
.breadcrumb > .active {
    color: #777;
}
.breadcrumb > li {
    display: inline-block;
}
#caddie_field {
  background-color: #fff;
  border-top: 1px solid #dadada;
  bottom: 0;
  font-size: 1.2em;
  height: 40px;
  padding-top: 5px;
  position: absolute;
  right: 8px;
  text-align: center;
  vertical-align: middle;
  width: 150px;
  z-index: 151;
}
.caddie_field_shadow{
-moz-box-shadow: 20px 10px 30px 0px #cfcfcf;
-webkit-box-shadow: 20px 10px 30px 0px #cfcfcf;
-o-box-shadow: 20px 10px 30px 0px #cfcfcf;
box-shadow: 20px 10px 30px 0px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=116, Strength=30);	
}
#caddie_field:hover{
	cursor: pointer;
/*	border-left: #ff6600 1px solid;
	border-top: #ff6600 1px solid;
	border-right: #ff6600 1px solid;
	*/
}
#caddie_field a{
	font-size:0.8em;
	text-decoration:none;
	color:#000;
	}
#caddie_field a:hover{
	font-size:0.8em;
	text-decoration:none;
	color:#00ccff;
}
.preview_caddie_tarif {
    font-weight: bold;
}

footer {
  background-color: #344453;
  height: 100px;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  width: 1020px;
  z-index: 0;
}
footer a {
color: #e7c01f;	
}
#admin {
  color: #fff;
  display: block;
  float: right;
  height: 34.5px;
  line-height: 2.4em;
  text-align: right;
  width: 1040px;
}
#admin form{
		display:inline;
margin-left:5px;
}
textarea {
    border: 1px solid #D1D1D1;
    border-radius: 3px;
    box-shadow: 2px 2px 5px #f2f2f2 inset;
    width: 100%;
    margin-bottom: 1em;
}
fieldset {
    border: 1px solid #d1d1d1;
    padding: 0.5em;
    display: inline;
    margin: 0.5em 0 0.5em ;
}
input[type='password'], input[type='text'], textarea {
	vertical-align:middle;
	font-size: 0.9em;
	margin: 3px 5px 3px 0;	
	background: #b9cf6a;
	background: rgba(255,255,255,.5);
	border-radius: 3px;
	border:#e7c01f solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    padding: 0.3em 0 0.3em 0.4em;
	-moz-box-shadow: 1px 1px 2px #a3a3a3 inset;
    -webkit-box-shadow: 1px 1px 2px #a3a3a3 inset;
    box-shadow: 1px 1px 2px #a3a3a3 inset;
}
input[type=submit]{
	vertical-align:middle;
	margin:0 5px 0 0;
	cursor: pointer; 
/*give the background a gradient*/
	background:#ffae00; /*fallback for browsers that don't support gradients*/
	background: -webkit-linear-gradient(top, #ffae00, #d67600);
	background: -moz-linear-gradient(top, #ffae00, #d67600);
	background: -o-linear-gradient(top, #ffae00, #d67600);
	background: linear-gradient(top, #ffae00, #d67600);
	border:1px groove #dad9d8;
/*style the text*/
	font-size:0.8em;
	line-height:0;
	letter-spacing:0.05em;
	text-transform:uppercase;
	color:#fff;
	text-shadow: 0px 1px 10px #000;
	/*add to small curve to the corners of the button*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
/*give the button a drop shadow*/
	-webkit-box-shadow: rgba(0, 0, 0, .55) 0 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, .55) 0 1px 2px;
	box-shadow: rgba(0, 0, 0, .3) 0 1px 2px;
	height:25px;
}
input[type=submit]:hover, input[type=submit]:focus{
	/*reduce the spread of the shadow to give a pushed effect*/
	-webkit-box-shadow: rgba(0, 0, 0, .0) 0 1px 6px;
	-moz-box-shadow: rgba(0, 0, 0, .0) 0 1px 6px;
	box-shadow: rgba(0, 0, 0, .0) 0 1px 6px;
}
#projection_tarifs tr:last-child input {
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid #E7C01F;
border-radius: 3px;
box-shadow: 1px 1px 2px #A3A3A3 inset;
    font-size: 1.2em;
    font-weight: bold;
height: 25px;
margin: 3px 5px 3px 2px;
vertical-align: middle;
width: 45px;
}
.votre_qte {
    top: 32.7em;
    left: 1.5em;
    position: absolute;
}
#box_logo {
    cursor: pointer;
    width: 100%;
}
#box_logo > img {
    left: -7px;
    overflow: visible;
    position: relative;
    top: -12px;
}
#txt_logo {
    color: #000;
    font-size: 0.8em;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
	margin: 0;
}
#credit_card{
    position: absolute;
    right: 0;
    top: 0.5em;
    transform: scale(0.8);
}
nav{
margin-top: 20px;
}
nav a{
	text-decoration:none;
	color: #156EC3;
}
nav a:hover{
}
.link_head {
  border-left: 1px solid #d3d3d3;
  color: #000;
  display: block;
  float: right;
  font-size: 0.9em;
  font-weight: 100;
  height: 35px;
  padding: 0 0.7em;
}
.link_head:hover {
    box-shadow: 5px 5px 50px #d3d3d3 inset;
		text-decoration:none;
}
.link_head.red {
    color: #9d1515;	
}
.link_head.admi {
	color:	#0066b4;
}
/* .categories{
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #d1d1d1;
   border-radius: 0;
display: block;
font-size: 1.1em;
font-weight: 400;
height: 40px;
letter-spacing: 0;
line-height: 4.5;
margin: 0;
padding: 0 0 0 5px;
width: 190px;
}
.categories:hover{
	transition: border-left 0.2s ease;
	 -webkit-transition: border-left 0.2s ease; 
	 -moz-transition: border-left 0.2s ease; 
	 -ms-transition: border-left 0.2s ease; 
	 -o-transition: border-left 0.2s ease; 
    border-left: 15px solid #E7C01F;
	width:175px;
	text-decoration:none;
}
.categories.active{
    background-color: #efefef;
    border-bottom: 1px solid #e7c01f;
    border-left: 15px solid #e7c01f;
    width: 175px;
    color: #000;
}
.categories.ghost_cat{
    background-color:#bde09b;
}
*/
.menu {
	margin-left: 0;
}
.menu > li{
margin-top:2px;	
}
.categories {
background-color: #456;
border-radius: 0 2em 2em 0;
color: #e7c01f;
display: block;
font-size: 0.9em;
font-weight: bold;
letter-spacing: 0.1em;
margin-right: 0.5em;
padding: 5px 0 3px 13px;
text-decoration: none;
text-transform: uppercase;
}
.categories:hover {
	margin-left: 0;
}
.categories::before {
    content: "";
}
.categories.active {
}
.sous-menu {
    margin: 0 0 5px;
}
.sous-menu a {
    color: #333;
    display: block;
    font-size: 1em;
    font-weight: 400;
    line-height: 1;
	padding-left: 1em;
}
.sous-menu > li > a {
    font-weight: 600;
    padding-top: 3px;
}
.categories.ghost_cat {
    background-color: #bde09b;
    color: #333;
}
.titre_page {
background-color: #e7c01f;
border-radius: 0 0 0.3em 0.3em;
color: #000;
display: block;
float: left;
font-family: Helvetica;
font-size: 0.8em;
font-weight: 100;
line-height: 1;
margin: 0.3em 0.3em 1em 0;
padding: 0.4em 0.4em 0.2em;
text-decoration: none;
text-transform: lowercase;
}
.titre_page:hover {
	text-decoration:;
}
.titre_page.inact {
	color: #000;
background-color: #fff;
	}
	.admin {
		color:red;
		  text-decoration: underline;
			}
.ref_txt_market{
float:left;
width:300px;	
}
.slideshow {
    border: 0 solid #000000;
    float: right;
    height: 170px;
    overflow: hidden;
    position: relative;
    width: 825px;
}
.cachediv {
	display:none;
}
/* quelques classes de couleurs
----------------------------------------------- */
.rouge {
	color:#C22F2F;	
}
.cyan{
	color:#0066B4;
}
.grey{
	color:#333333;	
}
.jaune{
	color:#e7c01f;	
}
.noir{
	color:#000;	
}
.green{
	color:#8CA829;	
}
.lightgrey{
	color:#F2F2F2;	
}
/* 4. HTML Elements
----------------------------------------------- */
html{
font-size:80%;
font-family: Helvetica, sans-serif;	
}
body:before
{
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
   box-shadow: 0px 0px 10px rgba(0,0,0,.5);
   }
body {
	font-size:1em;
	line-height: 1;
	color: black;
	background: white;
	font-family: 'Raleway';
	background-color:#456;
}
/* 5. Text
----------------------------------------------- */

h1{
color: #0066b4;
font-size: 1.5em;
font-weight: 100;
margin: 0 0 0 0.8em;
}
h2{
    color: #30365f;
    font-size: 0.9em;
    font-weight: 100;
    margin-bottom: 0.2em;
}
h3{

}
h4{
}
h5{
}
h6{	
}
p { 	
	font-size: 1em;
	line-height:1.2;;
}
/* p:first-child { margin-top:0.5em; }*/
ul {
	margin-left:1em;
	padding: 0.5em 0;
	list-style-type:none;
	line-height:1.2; 
	}
a { 
color:#0066B4;
text-decoration:none; }
#admin > a {
color:#e7c01f	
}
a:hover { 
text-decoration:underline; }
.element_caddie > a, .adresse_caddie > a  {
    line-height: 1.4em;
}
.caddie_nom_bloc_cat {
    background-color: #edcf75;
    color: #333;
    font-weight: 600;
    padding: 0.2em 0 0.2em 0.5em;
	margin: 0 0 0.5em;
}
.nota_bene {
  font-style: italic;
  font-size: 0.8em;
}
.warning {
	font-weight: bold;
	font-style: oblique;
	color: #8b3970;
}
.warning_caddie {
  left: -0.5em;
  margin: 0 0.2em 0 0;
  position: relative;
  vertical-align: middle;
}
.warning_mini_commande_caddie {
    background-color: #dfffd0;
    margin: 0.5em;
    padding: 0.5em;
}
.L2_warning_mini_commande_caddie {
	font-size: 0.9em;
	font-style: italic;
	line-height: 0.8em;	
}
footer a {
	line-height:1.5em;
}
/*
 * III. PAGES ======================================= 
 ***/

/* 1. Home background-image: url("../skin/Image_accueil_2017.jpg");
-------------------------------------------------------------- */
.top_accueil {
border-bottom: 1px solid #dadada;
color: #111;
float: left;
font-family: sans-serif;
font-size: 1.3em;
font-weight: 100;
height: 179.9px;
line-height: 1.4em;
padding: 7.7em 31.1em 0.5em 2.3em;
text-align: left;
text-shadow: 2px 2px 10px #858585;
}
.top_accueil strong {

}
.module_std_tel {
background: transparent url("../skin/standard_tel.jpg") no-repeat scroll right 38px / 21em auto;
border-left: 1px solid #ddd;
color: #343434;
float: right;
font-size: 1.6em;
font-weight: 900;
height: 280px;
padding: 15px;
width: 344px;
}
.module_std_tel .tel {
	font-size: 1.6em;
	color: #ad6
}
.module_std_tel strong {
	font-weight: 900;
	line-height: 1.5em;
	font-size: 1.5em;
}
.box {
	background-color: #fff;
	border-radius: 1.1em;
	color: #000;
	letter-spacing: 0.1em;
	margin: 0 auto;
	width: 12.6em;
}
.module_plus {
float: left;
font-size: 0.9em;
font-weight: 500;
line-height: 1.3em;
height: 125px;
overflow: hidden;
padding: 15px;
position: relative;
width: 120px;
}
.module_plus p {
	margin-bottom: 10px;
}
.module_plus > strong {
	font-weight: 600;
	font-size: 1.1em;
}
.maf {
	border-bottom: 1px solid #E7EDE4;
}
.maf > strong {
	font-weight: 600;
}
.imprim_vert {
	background-color: #FFFFFF;
	border-bottom: 1px solid #E7EDE4;
	color: #375a00;
	background: url("../skin/imprim_vert.gif") no-repeat scroll -3px 101px / 10em auto rgba(0, 0, 0, 0);
}
.personnalisation {
    background-color: #333;
    background-image: url("../skin/mod_perso.gif");
    background-position: center center;
    border-bottom: 1px solid #e7ede4;
    color: #fff;
    font-size: 1.05em;
    font-weight: bold;
    line-height: 1.3em;
}
.personnalisation > a {
	color: red;
}

/* 2. Page footer, cvg etc.
----------------------------------------------- */
.titre_courant {
    color: #000;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1em;
    margin: 0.5em 0 0.2em;
}
.img_société_oyago {
    border-radius: 2em 0 0;
    margin-bottom: 20px;
    width: 100%;
}
.qsn_col{
float: left;
padding: 10px;
width: 250px;
}
.qsn_col > p {
margin-bottom: 0.5em;	
color: #000;
font-size: 1em;
font-weight: 400;
line-height: 1.25em;
text-align: left;
}
.qsn_col > p > a {
text-decoration: underline;
}
.qsn_col > p > strong {
color: #0066b4;
font-weight: 600;
text-transform: uppercase;
}
#contact > p > strong {
    color: #896210;
    font-weight: 400;
}
#map-canvas {
float: ;
height: 612px;
width: 825px;
}
#contact{
    line-height: 1.25em;
    padding: 10px;
    width: 805px;
}
#contact > p{
display:inline;
}
.cvg_col{
    color: #000;
    float: left;
    font-family: sans-serif;
    font-size: 0.9em;
    font-weight: 100;
    line-height: 1.1em;
    padding: 10px;
    text-align: left;
    width: 250px;
}
.cvg_col > p > strong {
  display: block;
  font-weight: bold;
  margin: 0.5em 0 0.2em;
}
.cvg_titre {
    float: left;
    padding: 10px;
    text-align: left;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 100;
}

/* 2. collection
----------------------------------------------- */
.new {
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100px;
}
.new > img {
    left: 0;
    position: relative;
    width: 100%;
}
#titre_categorie{
	height: 35px;	
	margin-bottom:0.5em;
}
#titre_categorie_surcat{
    background-color:	#456;
    border-radius: 2em 0 0;
    height: 1.5em;
    padding: 0.5em 0;
	color: white;
	margin-bottom:1em;
}
.description_collection, #contact {
background-image: linear-gradient(to top, #f3f3f3 0%, #ffffff 36%);
border: 1px solid #d1d1d1;
border-radius: 0.4em;
color: #323232;
font-size: 1.2em;
height: 50px;
line-height: 1.3em;
margin: 0 0.4em 2em;
}
.description_collection {
	z-index:1;
	padding: 10px;	
	width: 625px;
}
.case_collection{
	border-radius: 1em;
	cursor: pointer;
	float: left;
	height: 200px;
	margin: 0 1em 1em 0;
	padding: 1em;
	position: relative;
	text-align: center;
	width: 16.5em;
/*	border:#000 solid 1px;	*/
}
.collection_shadow{
box-shadow: 3px 3px 7px lightgray;	
}
.acces_admin{
	position: absolute;
	top: -5px;
	}
.nom_prod_collection {
    font-size: 1.5em;
}
.case_collection:hover{
	background-color: #EBEBEB;
	transition: background-color 0.5s ease;
}
.case_collection img{
border-radius: 0;
display: block;
 margin-bottom: 1.8em;
margin-left: auto;
margin-right: auto;
}
.case_collection img:hover{
	cursor: pointer;
}
.sep_horizon_collection{
	clear:both; 
	width:750px;
	height:1px; 
	display:block;
	border-top:#666 dotted 1px;
	margin:10px 0 10px 0;;
}
.img_orientation_h{
	max-width:214px;
	max-height:144px;		
}
.img_orientation_v{
	max-height:144px;	
	max-width:214px;
}
.lien_produit {
	  font-family: 'Elsie';
color: #000;
text-decoration: none;

font-size: 1em;	
}
p.sous_titre_collection{
	font-size: 1em;
	line-height:1.3;
	font-weight: 100;
	width:510px;	
}
.border_collection{
	border:1px solid #bababa;	
}
/* 2. Page Produit
----------------------------------------------- */
.titre_pres{
	font-family: 'Elsie';
    font-size: 3.2em;
    font-weight: 400;
}	
.descriptif_prod {
    color: #000;
    font-family: helvetica;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0.5em 1em 1em 0.3em;
}
.descriptif_prod strong {
    color: #0066b4;
    font-family:;
    font-weight:;
}
.cartouche_prix_appel {
  background-color: #005084;
  color: powderblue;
  font-size: 0.7em;
  line-height: 1.3em;
  padding: 0.5em;
}
.cartouche_prix_appel > b {
  color: white;
  display: inline-block;
  font-size: 2em;
  line-height: 0.5em;
}
.prix_appel_display {
  box-shadow: -0.4em 0.4em 0 gold;
  position: absolute;
  right: 5px;
  top: 5px;
}
.info_tech{
	border-bottom: 2px solid #d1d1d1;
	border-top: 2px solid #d1d1d1;
	font-size: 1em;
	padding: 0.5em;
}
.info_tech strong {
    font-weight: bold;
}

#detail_produit{
	float: left;
    width: 415px;
/*	border:#000 solid 1px;*/
}
#detail_produit ul{
	font-size:1em;	
	font-weight:100;
	margin-top: 0.5em;
}
#detail_produit li{
	list-style-type:disc;
	margin-bottom:0.2em;
	padding-left:0;
}
#vue_prod_bloc {
  float: left;
  margin-left: 12px;
  margin-right: 20px;
  padding-bottom: 0.5em;
  width: 360px;
}
#vue_prod_bloc_col1{
	float:left;
	width:50px;
	margin-right:5px;
	height:auto;
/*	border:#000 solid 1px;*/
}
#vue_prod_bloc_col2{
	float:right;
	width:300px;
	height: 290px;
/*	border:green solid 1px;*/
	text-align: center;
}
.bloc_img_mini{
	width:50px;
	border:#006 solid 1px;
	margin-bottom:5px;
	text-align:center;
	cursor:pointer;
/*	border:#666 solid 2px;*/
}
.bloc_img_mini:hover{
	border:red solid 1px;	
}
.selected_img_mini{
	border:red solid 1px;	
}
.img_mini{
	vertical-align: bottom;
}
.img_big{
	vertical-align: bottom;
}
.resize_big_img_v{
	max-height:250px;
}
.resize_big_img_h{
	max-width:280px;
}
.resize_mini_img_v{
	max-height:50px;
}
.resize_mini_img_h{
	max-width:50px;
}
.border_mini{
}
.border_big{
border: #999 solid 1px;	
}
/* 2. Page Produit : module devis
----------------------------------------------- */
#devis{
    background-color: #FFFFFF;
    border-radius: 5px;
    float: left;
    padding: 5px;
    position: relative;
    width: 567px;
/*	border: #699 solid 1px;*/
}
.container_wrap_devis{
    box-shadow: 0 0 10px #D1D1D1 inset;
    min-height: 341px;
    padding-bottom: 2em;info_tech
}
#legende_photo {
	background-color: #edf1f6;
	border-radius: 0.7em;
	font-family: Helvetica;
	font-size: 1em;
	line-height: 1.4em;
	margin: 0 1em;
	padding: 0.1em;
}
#option1{
	margin:0;
	float:left;
	width:auto;
	height: 38px;
	margin-bottom:15px;
}
#option2{
	display: none;
    float: left;
    margin: 0 10px 0 0;
    width: auto;
}
#tarifs{
float:left;	
}
.visible{
	display: block;
}
.etapes_devis{
    background-color: #000;
background-image: -ms-radial-gradient(right bottom, ellipse farthest-corner, #444444 0%, #000000 100%);
background-image: -moz-radial-gradient(right bottom, ellipse farthest-corner, #444444 0%, #000000 100%);
background-image: -o-radial-gradient(right bottom, ellipse farthest-corner, #444444 0%, #000000 100%);
background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 993, color-stop(0, #444444), color-stop(1, #000000));
background-image: -webkit-radial-gradient(right bottom, ellipse farthest-corner, #444444 0%, #000000 100%);
background-image: radial-gradient(ellipse farthest-corner at right bottom, #444444 0%, #000000 100%);
    border-radius: 0 0 0 0;
    height: 20px;
	margin: 0 0 35px 0;
    min-width: 541px;
    padding: 0;
    position: relative;
    
}
.titre_module_devis {
background-color: #FFFFFF;
border-left: 1px solid #D1D1D1;
border-radius: 3em 3em 0 0;
border-right: 1px solid #D1D1D1;
border-top: 1px solid #D1D1D1;
color: #0066B4;
font-size: 1.1em;
line-height: 1.1;
margin: 0 0 0.1em;
padding: 5px;
text-align: center;
}
.bas_module_devis{
background-image: -ms-radial-gradient(right bottom, ellipse farthest-corner, #444444 0%, #000000 100%);
background-image: -moz-radial-gradient(right bottom, ellipse farthest-corner, #444444 0%, #000000 100%);
background-image: -o-radial-gradient(right bottom, ellipse farthest-corner, #444444 0%, #000000 100%);
background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 993, color-stop(0, #444444), color-stop(1, #000000));
background-image: -webkit-radial-gradient(right bottom, ellipse farthest-corner, #444444 0%, #000000 100%);
background-image: radial-gradient(ellipse farthest-corner at right bottom, #444444 0%, #000000 100%);
border-radius: 0 0 3em 3em;
color: #0066B4;
font-family: 'Raleway';
font-size: 1.5em;
line-height: 1.1;
margin: 0 0 0.1em;
padding: 5px;
text-align: center;
height: 0.5em;	
}
#bulle_txt{
color: #000000;
font-size: 1.3em;
font-weight: 100;
left: 14px;
letter-spacing: 0.02em;
position: absolute;
top: 70px;
line-height: 1.8em;
}
#bulle_txt.pos1{
    left: 14px;
}
#bulle_txt.pos2{
	transition:left 0.5s ease;
    left: 115px;
}
#bulle_txt.pos3{
	transition:left 0.5s ease;
    left: 228px;
}
.pointe_bulle_devis {
    bottom: -13px;
    position: absolute;
	left: 39px;
}
.snd_position {
	transition:left 0.5s ease;
    left: 147px;
}
.thd_position {
    left: 260px;
    transition: left 0.5s ease 0s;	
}
.step {
    font-size: 0.9em;
	color:#7E7E7E;
	text-decoration:none;
	font-weight:100;
}
#first_step{
	position:absolute;
	bottom: 3px;
    left: 25px;
}
#snd_step{
	position:absolute;
	bottom: 3px;
	left: 139px;
}
#thd_step{
position:absolute;
bottom:3px;
left: 252px;
}
.active_step{
color:#fff;	
}
.div_ctr_txt{
	vertical-align:middle;
	display:inline-block;
    line-height: 1.15em;
	text-align:center;
  	color: #333;
	font-family: "lucida grande", sans-serif;
	font-size: 0.85em;
	text-shadow: 0 1px 0 #eee;
	font-weight: bold;
}
.b_devis{
    border: 1px solid #ccc;
    border-radius:;
    cursor: pointer;
    display: block;
	height: 47px;
	line-height: 47px;

    margin: 0 0 0.5em 0.5em;

    text-align: center;
    width: 7.5em;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#bbb));
	background: -moz-linear-gradient(0% 100% 90deg,#bbb, #e5e5e5);
	border: 1px solid #ccc;
	-moz-box-shadow: inset 0 1px 3px #f5f5f5;
	-webkit-box-shadow: inset 0 1px 3px #f5f5f5;
	box-shadow: 5px 5px 1em #dadada;

}
.b_devis:hover{
	background-image: url();
	background-color:#e7c01f;	
}

.b_actif{
	background-image: url();
	background-color:#e7c01f;	
}
#projection_tarifs{
	float:left;
	vertical-align: middle;
	border-spacing: 1;
	border-collapse:collapse;
	font-size: 0.9em;
	font-weight: normal;
	width: 29em;
}
#projection_tarifs td{
	heitgh:44px;
	padding: 5px 0 5px 5px;
	vertical-align:middle;
	border-bottom:1px solid #d1d1d1;
}
#projection_tarifs td:first-child{
	width: 6em;
}
#projection_tarifs td:nth-child(1){
	text-align:left;	
}
#projection_tarifs td:nth-child(2){
    width: 9em;
}
#projection_tarifs tr{
	cursor: pointer;
	height: 4.8em;
}
#projection_tarifs tr:nth-child(-n+5):hover{
background-color:#E7C01F;
	color	-webkittransition: -webkit-background-color 0.2s ease-in-out;
	-moz-transition: -moz-background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}
#projection_tarifs tr:last-child:hover{
background-color:#E7C01F;
	color	-webkittransition: -webkit-background-color 0.2s ease-in-out;
	-moz-transition: -moz-background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}
.prix_ht{
    color: #209BCF;
    font-size: 1.5em;
    font-weight: bold;
/*    text-shadow: 0.5px 0.5px 1px #333;*/
}
.prix_ht_user{
	color: #209BCF;
    font-size: 1.5em;
    font-weight: bold;
    left: 20px;
    position: relative;
    top: 0;
}
.qte_proj{
    font-size: 1.2em;
    font-weight: bold;
}
#user_qte{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 2px solid #E7C01F;
    border-spacing: 0;
    vertical-align: baseline;
    margin: 3px 0 8px 0;
}
.warn_rectif_user_qte.rouge {
  font-size: 1em;
  margin: 0.5em 0 0 0.5em;
  position: relative;
  text-shadow: 1px 1px 1px #d1d1d1;
}
.add_to_kart{
background-color: #000;
border-radius: 10px 0 0 10px;
color: #FFFFFF;
display: none;
font-size: 1em;
height: 25px;
line-height: 2.3em;
text-align: center;
text-transform: none;
}
.add_to_kart:hover{
	background-color: #4c841b;
    color: #fff;
}
#marquage_cdv_2 {
    background-color: #3478ac;
    border-radius: 0 0.5em 0.5em 0;
    float: left;
    font-size: 1.4em;
    margin-top: 3em;
    padding: 0.5em;
    width: 190px;
}
#marquage_cdv_2 > .texte {
    color: #fff;
    line-height: 1em;
}
.telephone {
    color: #fff;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0.1em;
}
.texte > a {
    color: #e7c01f;
}
/*-----fenêtre caddie-----*/
.transparent_caddie{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left:0;
	text-align:center;
	z-index: 2001;
	text-align:center;
	vertical-align:middle;
}
.submit_caddie{
}
.caddie_titre {
    color: #333;
    display: block;
    font-weight: 500;
    margin: 0 0 0.5em;
    padding: 0 0 0.2em 0.5em;
    text-transform: uppercase;
}
.caddie_annuler {
    position: absolute;
    bottom: 0;
    left: 0;
}
.caddie_valider {
    position: absolute;
    bottom: 0;
    right: 0;
}
.caddie_annuler, .caddie_valider {
padding:1em;	
}
.caddie_annuler img, .caddie_valider img {
    vertical-align: inherit;
}
.window_caddie{
background-color: #FFFFFF;
box-shadow: 0.3em 0.3em 0.5em rgba(0, 0, 0, 0.5);
    border: 1px outset #bfbfbf;
    border-radius: 4px;
    height: 19em;
    line-height: 1.5em;
    margin: auto;
    padding: 1em;
    position: relative;
    top: 35%;
    width: 28em;
}
.window_caddie a {
color:#000;	
text-decoration:none; 
}
.window_caddie > table {
    background-color: #fff;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    border-top: 1px solid #b8b8b8;
    font-size: 1em;
    margin: 0 0 1em;
    width: 100%;
}
.window_caddie td:first-child {
    background-color: #fff;
    border-bottom: 1px solid #b8b8b8;
    color: #008ad2;
    display: table-cell;
    height: 20px;
    padding: 0 0 0.2em 0.5em;
    vertical-align: middle;
    width: 30%;
}
.window_caddie td:last-child {
    background-color: #f5f5f5;
    border-bottom: 1px solid #b8b8b8;
    color: #444;
    font-weight: 600;
    padding: 0 0 0 0.5em;
    vertical-align: middle;
    width: 70%;
}
.window_caddie tr:last-child {
	height:40px;
}
.caddie_tarif{
    color: #209BCF;
    font-size: 1.5em;
    font-weight: bold;	
}
/*-----caddie-----*/
.caddie_col1, .caddie_col2 {
    float: left;
    vertical-align: top;
    width: 380px;
}
.caddie_col1 {
    margin: 0 2.5em 0 0;	
}	
.element_caddie {
  border: 1px solid #d1d1d1;
  border-radius: 3px;
  box-shadow: 3px 3px 0 #e6e6e6;
  line-height: 1.3em;
  margin: 0.4em 0 1.1em;
  padding: 0.5em;
  position: relative;
}
.element_caddie > table {
    background-color: #fff;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    border-top: 1px solid #b8b8b8;
    font-size: 1em;
    margin: 0 0 1em;
    width: 100%;
}
.element_caddie td:first-child {
  background-color: #fff;
  border-bottom: 1px solid #b8b8b8;
  color: #008ad2;
  display: table-cell;
  height: 20px;
  padding: 0 0 0.2em 0.5em;
  vertical-align: middle;
  width: 30%;
}
.element_caddie td:last-child {
  background-color: #f5f5f5;
  border-bottom: 1px solid #b8b8b8;
  color: #444;
  font-weight: 600;
  padding: 0 0 0 0.5em;
  vertical-align: middle;
  width: 70%;
}
.element_caddie label {
	display: block;
	margin-top: 0.3em;
}
.adresse_caddie table {
	background-color: #FFFFFF;
	border-spacing: 1px;
	font-size: 0.8em;
	margin: 0 0 1em;
	text-align: left;
	text-transform: uppercase;
	width:100%;
	border-collapse: separate;
	border-spacing: 0;
}
.adresse_caddie tr:first-child {
	background-color: #DCDCDC;
	color: #000000;
	padding: 0 0 0 0.5em;
	text-transform: uppercase;
	height:20px;
	vertical-align: middle;
}
.adresse_caddie tr:first-child td {
text-align:center;
line-height:2em;
border-radius: 14px 14px 0 0;
}
.adresse_caddie tr:last-child {
}
.adresse_caddie tr:last-child td {
	line-height: 1em;
	padding: 0.5em;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	line-height: 1.4em;
}
.vider_caddie:hover, .supp_ele_caddie:hover {
	text-decoration:none;
	-webkit-box-shadow: rgba(0, 0, 0, .0) 0 1px 6px;
	-moz-box-shadow: rgba(0, 0, 0, .0) 0 1px 6px;
	box-shadow: rgba(0, 0, 0, .0) 0 1px 6px;
	
}
.bouton_element {
	color: #000;
	font-size: 0.9em;
	margin: 1em 0 0 0;
	padding: 0.5em 0.6em 0.2em 0.7em;
	text-align: center;
	float: right;
    background: -moz-linear-gradient(center top , #F2F2F2, #d1d1d1) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px groove #DAD9D8;
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.vider_caddie {
background-color: #F2F2F2;
border-radius: 9px;
color: #000000;
display: block;
font-size: 0.9em;
margin: 1em 0 0 0;
padding: 0.3em;
text-align: center;
width: 10em;
float: left;
    background: -moz-linear-gradient(center top , #FFAE00, #D67600) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px groove #DAD9D8;
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;	
	    margin: 0.5em 0 0 0;
}
.total_caddie {
    margin: 0 0 0 0;
    padding: 0;
	text-align:right;
}
.total_caddie span {
	text-align: right;
	font-weight:100;
	display:block;
}
.totalht, .totalttc{
	display:block;
	padding: 0.5em;
	float:right;
	color:#000;
	width: 170px;
	text-align: right;
    margin: 0 0 0.5em 0;
	font-size:1em;
}
.totalht{
	font-weight:100;
}
.totalttc{
	font-weight:bold;
	background-color: #e7c01f;
}
.total_caddie span {
    text-align: right;
	font-weight:100;
}
.titre_module_caddie{
	text-transform: uppercase;
	color: #0066B4;
	font-size: 1.4em;
}
.timeline_container{
	margin-bottom:2em;
}
 #timeline_caddie {
	background: url("../skin/fil.png") repeat-x scroll 0 20px rgba(0, 0, 0, 0);
	height: 5em;
	margin: 1.5em 0.5em 2em 0;
}

#timeline_caddie li {
    color: #d1d1d1;
    float: left;
 font-weight:100;
    font-size: 15px;
    height: 35px;
    list-style-type: none;
    padding: 0 4.5em;
    text-align: center;
}
.valid_caddie, .retour_commande {
    background-color: #0066B4;
    display: block;
    height: 37px;
    text-align: center;
    line-height: 37px;
    color: #fff;
    margin: 0.5em 0 0 0;
	box-shadow: 1px 1px 3px #A1A1A1;
}
.valid_caddie:hover, .retour_commande:hover {
text-decoration:none;	
	box-shadow: 0 0 0 #fff;
}


#timeline_caddie li span {
    background-color: #FFF;
    color: #d1d1d1;
    display: block;
    font-size: 1.5em;
	 font-weight:bold;
    margin: 0 auto;
    text-align: center;
    width: 27px;
}

#timeline_caddie li.current, 
#timeline_caddie li.current span {
    color: #0066B4;
}
.titre_box {
    height: 2em;
    line-height: 2em;
    text-transform: uppercase;
    margin: 0 0 1em 0;
}
/*-Paiement-------------------*/

.element_paiement {
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    box-shadow: 3px 3px 10px #d1d1d1;
    line-height: 1.3em;
    margin: 0.4em 0 1.1em;
    padding: 0.5em;
    position: relative;
}
.paiement_col1, .paiement_col2 {
	float:left;
	vertical-align: top;
	width: 380px;
}
.paiement_col1 {
	margin: 0 1em 0 0;
}
/*-liste adresses------------------*/
.liens_admin {
  background-color: #0066b4;
  color: #fff;
  display: block;
  float: left;
  font-size: 1em;
  line-height: 1.7em;
  margin: 1em 0 0;
  padding: 0.2em 1em;
  text-align: center;
  border-radius: 3px;
  box-shadow: 1px 1px 3px #a1a1a1;
}
.liens_admin.supp {
  background-color: #c82f00;
  float: right;
margin: 0.5em 0.5em 0.5em 0;
}
.liens_admin.modif {
background-color:#458188;
}
.liens_admin.changer {
float: right;
margin: 0.2em 0 0.5em;
}
.liens_admin:hover {
box-shadow: 0px 0px 0px #333;	
text-decoration:none;
}
.module_adresse {
    border-color: #0066B4;
    border-radius: 3px;
    border-style: solid;
    border-width: 24px 1px 1px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 1em;
    padding: 0 0.4em 0.4em 0.4em;
}
.titre.module.adresse {
    color: #FFFFFF;
    display: block;
    margin: -1.3em 0 0.6em 0.2em;
}
/*-ajout adresse------------------*/
.ajouter_adresse {
  background: url("../skin/ajouter.png") no-repeat 0 0px;
  display: inline-block;
  padding: 0.0em 0 0 1.4em;
}
/*upload fichiers*/
.delete_upload {
}
.upload_button{
    display: block;
    margin: 0.5em 0 0;
}




/*-reprise devis - envoyer les PDF------------------*/
.reference_devis {
    font-weight: bold;
}
.date_com_devis {
    float: right;
    font-style: italic;
    font-size: 0.9em;
	text-align: right;
}
.tarif_devis {
    float: right;
    font-weight: bold;
}
.st_caddie {
border: 1px solid #D1D1D1;
border-radius: 3px;
font-size: 1em;
margin: 0.5em 0.5em 0;
padding: 0.5em;
width: 21em;
float: right;
}
.fichier_fourni {
    display: block;
    margin: -0.5em 0 1em 0;
}
.product_timeline {
background-color: #D1D1D1;
font-size: 0.9em;
line-height: 2.8em;
margin: 0 0 1em 0;
text-align: center;
text-transform: uppercase;
border-radius: 0.3em;
}
.etat_attente{
font-weight:normal;	
}
.etat_ok{
font-weight:bold;	
color:#537900;
}

/*-Head------------------*/
.img_annonce {
    margin-top: 1em;
}
.annonce_vue {
    float: left;
    height: 340px;
    width: 360px;
}
.annonce_titre {
	font-family: 'Elsie';
    font-size: 3.2em;
    font-weight: 400;
}
.annonce_format {
    font-size: 1.3em;
margin: 0.5em 0 0;
    text-transform: uppercase;
}
.annonce_texte_courant {
    margin: 0.5em 0;
}
.annonce_renseignement {
   color: #c40079;	
}
.annonce_tarif {
    color: #0066b4;
    font-family: "Comic Sans MS";
    font-size: 2.1em;
    font-weight: bold;
    text-transform: uppercase;
}
.annonce_telephone {
    bottom: 8px;
    font-family: Verdana;
    font-size: 1.6em;
    font-weight: bold;
    left: 19px;
    text-align: center;
	    color: #c40079;
}
.annonce_asterisque {
    font-size: 1em;
    line-height: 1.3em;
    margin: 0 0 0.5em;
}
.box_paiement {
    background-color: #ffffff;
    margin: 10em auto 2em;
    text-align: center;
    width: 71em;
	text-align: center;
	text-align: -moz-center;
}
.paiement_direct_bp {
margin: 5em;
}