@charset "utf-8";/* CSS Document */

.case_prix_tab_qte {
	cursor:pointer;
}
.case_prix_tab_qte:hover {
	background-color: #D6D1D1;
}
.ligne_tableau_prix_qte_active {
	background-color: #D6D1D1;
	;
}
.coche_verte_prix_choisi {
	background-image:url(images/picto_valider_off.png);
	background-repeat:no-repeat;
	background-position:right;
}
.dialogue_demande_de_devis {
	cursor:pointer;
}
a.dialogue_demande_de_devis {
	cursor:pointer;
}
a.div_ouverture_demande_de_devis {
	color:#CC0000;
}
.div_ouverture_demande_de_devis {
	cursor:pointer;
}
.qtip-content a.div_ouverture_demande_de_devis {
	color:#333;
	text-decoration:underline;
}
#form_login_realisaprint .lightbox-left input {
	width:220px;
}
#dialogue-contact .lightbox-left input, .lightbox-left textarea, .lightbox-left .uneditable-input {    /*width: 155px;*/
}
.input-medium {
	width:150px;
}




/* Popin d'info pour non revendeurs */
#popin-pros {color: #525252;}
#popin_pros .color-bleu {color: #009afc;}
#popin_pros .color-rose {color: #eb006f;}
#popin_pros .color-orange {color:#fc7700;}

.title-pro {
	font-size: 21px;
	text-align: center;
}

	.title-pro h1 {
		text-transform: uppercase;
		border-bottom: 3px solid #dedede;	
		padding-bottom: 5px;	
	}

	.title-pro h2 {
		text-transform: none;
	}


.body-pro {
	margin-top: 30px;
	background: url("../images/bonhomme.png") no-repeat bottom center;
	height:545px;
}
	
	.body-pro .col-left {
	    border: 1px dotted #009afc;
	    float: left;
	    height: 327px;
	    margin-right: 15px;
	    padding: 10px;
	    width: 380px;
	}

	.body-pro .col-right {
		width: 380px;
		float: right;
		border: 1px dotted #fc7700;
		height: 327px;
		padding: 10px;
	}
	
.box-bleu {
	border: 1px solid #cecece;
	background: #ffffff;
   	height: 85px;
    padding: 25px;
	border-top: 5px solid #009afc;
	color:#009afc;
	font-size: 22px;
	text-align: center;
}

.box-orange {
	border: 1px solid #cecece;
	background: #ffffff;
   	height: 85px;
    padding: 25px;
	border-top: 5px solid #fc7700;
	color:#fc7700;
	font-size: 22px;
	text-align: center;
}

.body-pro .triangle {margin-left: 150px; margin-bottom: 30px;}

.body-pro .captions {
	background: #ffffff;
 	margin-top: -45px;
    opacity: 0.8;
    padding: 5px;
    position: absolute;
    width: 370px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.captions a {text-decoration: none;}

.body-pro .infos-pro {background: #009afc;}

.body-pro .infos-revendeur {background: none repeat scroll 0 0 #fc7700;}

.body-pro .infos-revendeur, .body-pro .infos-pro {
    bottom: 35px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    text-align: center;
    width: 380px;
}

a.devenir-partenaire {
	position: absolute;
	bottom: 15px;
}


.class_masque_hidden_mode_expert
	{
	display:none;
	}
.class_bouton_activation_mode_expert { width:100%; vertical-align:middle;  min-height:30px; }
.class_masque_hidden
	{
	display:none;
	}



.class_tableau_btn {
	margin-top:5px;
	display:inline-block;
	}

.css_zone_grisee {
	/*background-color : #999;*/
	filter:alpha(opacity=50);   /* IE */
	-moz-opacity:0.5;           /* Firefox */
	opacity: 0.5;               /* standard CSS3 */
	-khtml-opacity: 0.5;        /* Konqueror */
  }

.css_zone_grisee .bulletip-content {
	display:none;
  }



.notifications-obi {
	color: #000000;
	position: absolute;	
	width: auto;
	z-index: 1000;
	overflow:visible;
	left: 70px;
    margin-top: 15px;
}

.notifications-map {
	color: #000000;
	position: absolute;	
	right: 3%;	
	width: auto;
	z-index: 1000;
	overflow:visible;
    margin-top: 15px;
}

.content-notifications-obi{
	max-width:200px;
	width:auto;
	background:none;
	height:auto;
	float:right;
	text-align:center;
	font-family: 'Gloria Hallelujah', cursive;
	font-size:18px;
	line-height: 25px;
	margin-top: 30px;
}


.content-notifications-map {
	max-width:120px;
	width:auto;
	background:none;
	height:auto;
	float:left;
	text-align:center;
	font-family: 'Gloria Hallelujah', cursive;
	font-size:18px;
	line-height: 25px;
	margin-top: 30px;
}

.arrow-up-left {
	float:left;
	background:url(../images/arrow-up-left.png) no-repeat;
	width:50px;
	height:61px;
}

.arrow-up-right {
	float:right;
	background:url(../images/arrow-up-right.png) no-repeat;
	width:90px;
	height:61px;
}

.fleche1-pro {
	background: url("../images/cursor1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 63px;
    left: 362px;
    position: absolute;
    width: 39px;
}

.fleche2-pro {
	background:url(../images/cursor2.png) no-repeat;
	position: absolute;
	right: 215px;
	width: 39px;
	height: 63px;
}


#popin_pros{margin:0 auto; color: #535353;}

#popin_pros p {margin: 5px 0;}

#popin_pro_body
{
	width:100%;
	position:relative;
}

#popin_pro_bloc_demande {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dcdcdc;
    float: right;
    padding: 10px;
    width: 495px;
}

#popin_pro_bloc_carte{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:100%;
	height:250px;
}

#popin_pro_bloc_partenaire
{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dcdcdc;
    float: left;
    padding: 10px;
    width: 525px;
    margin-right: 10px;
    min-height: 620px;
}

.title-popin {
	font-size: 13px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 5px 0;
	width: 100%;
	text-indent: 5px;
}

.bg-gris-popin {background: #757270;}
.bg-orange-popin {background: #f66b0b;}

.legende-map {
	background: #ededed;
	padding: 5px;
	margin: 15px 0;
}

.legende-ico .col-left {
	float: left;
	width: 49%;
}

.legende-ico .col-right {
	float:right;
	width: 49%;
}

#popin_pro_bloc_partenaire a {
	display: inline-block;
	width: 100%;
	text-align: center;
}

#popin_pro_bloc_partenaire p {clear:both;}

#popin_pro_bloc_partenaire img.logo_partenaire
{
	padding: 10px;
	border: 1px solid #cecece;
	clear:both;
}

#popin_pro_devenez_partenaire{
	position:absolute;
	bottom:10px;
	left:10px;	
}

#popin_pro_devenez_partenaire a {
	color: #eb6a0f; text-decoration: none;
}

#popin_demande_pro
{
	height: 93px;
	width: 99%;
	margin-bottom:10px;
	clear:both;
}

#popin_bouton_envoyer {
    background-color: #999;
    border: medium none;
    color: #ffffff;
    float: right;
    font-weight: bold;
    text-transform: uppercase;
}

#popin_info_sur_demande
{
	float:left;
	width:50%;
	height:auto;
}
.popin_message_envoi{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 0px;
	border: 1px solid #F00;
	font-size: 16px;
	font-weight: bold;
	color: #F00;
}
h1.title-pop {
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
}

h2.subtitle-pop {
	text-transform: none;
	font-size: 14px;
	text-align: center;
}


/*******************************/


/* *** Success Story*** */

h1.success {
	font-size: 18px;
	color: #eb6212;
	text-indent: 20px;
}

/* Timeline */


.timeline {
	padding:20px;
}

.timeline h1 {
	border-left:  3px solid #f37021;
	text-indent: 10px;
}

.img-timeline {
	width: 64px;
	height: 700px;
	float: left;
	background: url('../images/timeline.jpg') no-repeat center top;
}

.time-left {
	width: 310px;
	float: left;
}

.time-right {
	width: 310px;
	float: right;
}
	
	.time-left .date {
		text-align: right;
		color: #8f8f90;
	}

	.time-right .date {
		text-align: left;
		color: #8f8f90;
	}

	.date, .date-orange {		
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.date-orange {color:#eb6a0f; text-align: right;}

.time-content {
	padding: 10px;
	background: #FFFFFF;
	height: 80px;
    line-height: 20px;
    margin-bottom: 8px;

	-moz-box-shadow: 1px 1px 5px 0px #9b9b9b;
	-webkit-box-shadow: 1px 1px 5px 0px #9b9b9b;
	-o-box-shadow: 1px 1px 5px 0px #9b9b9b;
	box-shadow: 1px 1px 5px 0px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=5);

}

.citation {
	margin-top: 30px;
}

.citation img {
	display: inline;
}

.citation p {
	font-family: 'Gloria Hallelujah', cursive;
	font-size:16px;
	line-height: 20px;
	display: inline;
}

.auteur {
	color: #999999;
	margin-top: 15px;
}

/* texte success story */

.bg-success {
	background: #ededed;
	padding: 10px;
	text-align: justify;
	color: #434343;
}

.bg-success .col-left {
	width: 46%;
	float: left;
	padding: 10px;
	height: 260px;
}

.bg-success .col-right {
	width: 46%;
	float: right;
	padding: 10px;
	height: 260px;
}

.class_selecteur_fil_dariane_general {
	font-weight:bold;
	font-size:large;

}

.impression-ligne .equiv-h2 {
 	font-size: 20px;
    margin: 0;	
    color: #FFFFFF;
}

.equiv-onglet {
 	font-size: 1em;
    text-transform:uppercase;
}

.equiv-tech-h2 {
 	font-size: 1em;
    text-transform:uppercase;
	margin: 0 0 10px;
	padding:0;
	font-weight:bold;
}


/*ACTUALITES page actu */
.bloc_actu_rubricage {
	clear:both;
}
.bloc_actu_rubricage a {
	text-decoration:none;	
}

#liste_des_actualites ul {
	width:100%;
	}
#liste_des_actualites ul li {
	width : 45%;
	height : 34px;
	float:left;
}
#liste_des_actualites ul li[float="left"] + li {
	float:none;
	}

#liste_des_actualites ul li {
    line-height: 20px;
    list-style-image: url('../images/fleche-orange.png');
	list-style-position:outside;
    margin-left: 10px;
}
.liste_actu_bloc {
	width:948px;
	border:solid 1px #CCC;
	margin-top:10px;
	margin-bottom:10px;
	margin-bottom:20px;
	padding:10px;
	height:auto;
	}
.liste_actu_images {
	max-width:150px;
	max-height:150px;
	float:left;
	margin-right:20px;
	}
.liste_actu_date {
	text-align:right;
	width:120px;
	font-weight:bold;
	}
.liste_actu_bloc table tr { vertical-align:top; }
.actu_chapeau_listing {
	display:block;
	clear:both;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:15px;
}
.btn-actu { width:auto; min-width:185px; padding-left:20px; padding-right:20px; }
/*FIN actu */


/* PROMOS DIVERS */
.plus_cadeau, .prix_avec_cadeau { font-weight:bold; color:#f37021; clear:left; display:block; }
.tableau_prix_barre_std, .tableau_prix_barre_urg {
	color:black;
	text-decoration:line-through;
	display:block;
}
.tableau_prix_deduit {
	display:inline-block;	
}
.tableau_delai_prix_barre {
	text-align:center;
	color:red; 
	clear:both;
	font-weight:bold;
	text-transform:uppercase;
	max-width:380px;
}
.tab_prix_qtestd .tableau_prix_deduitstd, .tab_prix_qteurg .tableau_prix_deduiturg {
	color:red; 
	font-weight:bold;
}
/*FIn promos diverses */

.bloc_texte { font-size: 13px; color: rgb(102, 102, 102); font-family: Arial; }


/* bandeau sert pour actu et pd associés */
.bandeau_produits_associes_bas, .bandeau_produits_associes_haut {
	background-color:#F2F2F2;
	border: solid 1px #DEDEDE;
	height:auto;
	clear:both;
	padding:20px;
	display:block;
	margin-bottom:10px;
	}

.element_produit_associe {
	min-width:120px;
	display:inline-block;
	background-color:white;
	text-align:center;
	padding: 5px 10px 5px 10px;
	margin-right:20px;
	margin-bottom:10px;
}
.element_produit_associe a, .element_produit_associe a:link, .element_produit_associe a:hover, .element_produit_associe a:visited {
	color:#eb6a0f;
	font-weight:bold;
	text-decoration:none;
}
.produit_associe_accroche {
	width:711px;
	/*background-color:white;*/
	height:auto;
	clear:both;
	padding:5px 5px 0px 5px;
	display:block;
	margin-top:-10px;
	margin-bottom:10px;
}
.bandeau_produits_associes_haut .produit_associe_accroche {
	margin-left:-15px;
	}	

/* FIN bandeau sert pour actu et pd associés */

.bloc_actu_zone_texte .equiv-h2 { color:#000000; text-transform:uppercase; font-weight:bold; margin-right:5px; }
.recherche_mon_compte {
    background: url("../images/loupe2.png") no-repeat scroll right center rgba(255, 255, 255, 255);
    border-radius: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
	display:inline-block;
	width:550px;
}