/*---------------------------- styles communs 2015----------------------------------*/
body { /* OK 2015*/
	font-family: Arial, Helvetica, Verdana, san-serif;
	font-size: 12px;
	color: #000000;
	margin-left: auto;
  	margin-right: auto;
  	width: 1002px;
  	margin-top: 0px;
	/*background-color: #CCCCCC;*/
	border-left: 1px #bababa solid;
	border-right: 1px #bababa solid;
}

a:link {}  /* OK 2015*/
a:visited {}  /* OK 2015*/
a:hover { text-decoration: none;}  /* OK 2015*/
a:active { }  /* OK 2015*/
img, a{  /* OK 2015*/
	color: #000000;
	border: 0px;
	text-decoration: underline;
}

h1{  /* OK 2015*/
	font-size:18px;
	color:#e60004;	
	margin-left:20px;
	margin-top:20px;
}

h1.noir{  /* OK 2015*/
	color:#000000;	
}
h2{  /* OK 2015*/
	font-size:14px;
	color:#e60004;
	line-height:20px;
}
h3{  /* OK 2015*/
	font-size:14px;
	color:#000000;
}
hr{  /* OK 2015*/ 
	width: 1000px;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
	margin-left: -1px;
}
td { 
	padding: 2px;
	text-align: center;
	_font-size:12px;
}

th{
	_font-size:12px;
}

.contenus{
	margin:20px;
}

.infobulle{  /* OK 2015*/
	position: absolute;   
	visibility : hidden;
   	border: 1px solid #c81c19;
	padding: 10px;
  	background-color: #fff;
	z-index:100;
}

#postit{
position:absolute;
width:98px;
height:80px;
text-align:center;
background:url(../images/Post-Itsurmesure2.jpg) no-repeat;
font-size:15px;
line-height:15px;
padding-top:25px;
margin-top:0px;
margin-left:90px;

float:left;
/*font-weight:bold;*/
 
}

#dynamicBackgroundLink { /* EP 25/10/2016 pour background cliquable*/ 
	/*background-image:url(../images/bandeauxPA/fond2016ete.jpg);*/
	margin-left:-350px;
	background-repeat:no-repeat;
	height: 100% ;
    position: fixed;
   	z-index:-1000; !important
}

#privato{
	/*position:absolute; top:70px; left:700px; border: 1px solid #999; color:#FFF; padding:5px;border-radius: 5px; font-size:11px; background-color:#FFF*/
	position:absolute; top:75px; left:700px; border: 0px solid #fff; color:#FFF; padding:5px;border-radius: 5px; font-size:11px; background-color:#666
}
#privato:hover {
	/*position:absolute; top:70px; left:700px; border: 1px solid #999; color:#FFF; padding:5px;border-radius: 5px; font-size:11px; background-color:#FFF*/
	box-shadow: 1px 1px 12px #555;
	
}

/*----------------------style formulaire commun----------------------------*/
legend{/*OK 2015*/
    display:block;
    color:#e60004;
	font-weight:bold;
} 
/*OK 2015*/
input.bouton{
	border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
	cursor:pointer;
}

div#valide_commande input.bouton { /* Commande et devis express  bouton OK 2015*/
	margin-right:1px;
	padding:1px 4px;
	margin-top:10px;
}
/* 2015 */
input.champs{ /* OK 2015 */
	border:  #333 1px solid;
}

/*---------------------style contact et formulaire contact-------------------------*/
/*pour referencement 2015*/
.boxcontact{
	margin: 0px auto;
	width:250px;
	background-color:#000;
	text-align:left;
	position: absolute;
	top:0px;
	margin-left:383px;
	z-index:90;
	_width:1000px;
	
}
#contactFormContainer{
    position:absolute;
    /*left:600px;*/
    float:right;
	margin-left:385px;
	_left:0px;
	_margin-left:200px;
	/*_position:relative;*/
}
#contactForm{
    height:820px;
    width:650px;
    background-color:#CCC;
    display:none;
	margin-left:-600px;
	z-index:100;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	_width:650px;
	_margin-left:0px;
}

#contactFormvisible{
    height:780px;
    width:650px;
    background-color:#CCC;
    /*display:none;*/
	margin-left:-600px;
	z-index:150;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}
#contactForm fieldset, #contactFormvisible fieldset{
    padding:5px;
    border:#bababa solid 1px;
}     
#contactForm legend, #contactFormvisible legend{
    display:block;
    color:#e60004;
	font-weight:bold;
}     
#contactForm input[type=text], #contactFormvisible input[type=text]{
    display:block;
    border:solid 1px #000;
    width:100%;
    margin-bottom:5px;
    /*height:20px;*/
} 
#contactForm textarea, #contactFormvisible  textarea{
    display:block;
    border:solid 1px #000;
    width:100%;
    margin-bottom:10px;
} 
#contactForm input[type=submit], #contactFormvisible input[type=submit]{
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
	cursor:pointer;
}

#messageSent{
    color:#e60004;
    display:none;
}

div.fermer{
	background-image:url(../images/contact/croix.png);
	background-position:right;
	background-repeat:no-repeat;
	width:90px;
	text-align:center;
	font-weight:bold;
	color:#e60004;
	float:right;
	cursor:pointer;
}
.EnvoiContact{
	margin:20px;	
}


#coordonnees2015{
	width:450px;
	padding-top:0px;
	padding-left:5px;
	padding-bottom:0px;
	background-color:white;
	border: #bababa solid 1px;
}

.ClickRappel{
float:left; width:240px; margin-left:20px; height:auto; border:1px solid #999; padding-top:8px; padding-bottom:7px; background-color: #999
}

.imgTel{
float:left; margin-top:5px; margin-right:15px; margin-left:8px
}

.boutonRappel{
background-color: #389838; color:#FFF; padding:5px; text-align:center	
}

/*---------------------------fond de page 2015---------------------------------*/
#fond{ /* OK 2015*/
	/*border-left: #bababa solid 1px;	
	border-right: #bababa solid 1px;*/	
}
/* ---------------------style header 2015------------------------------*/
#header { /* OK 2015 */
	background-image:url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	background-color: white;
	width: 1000px;
	height: 125px;
}

#liensTop{ /* OK 2015 */
	margin-left:730px;
	position:absolute;
	margin-top:5px;
	font-weight:bold;
	color:#e60004;

}
#liensTop2017-2{ /* OK 2015 */
	float:right;
	margin-top:15px;
	font-weight:bold;
	margin-right:15px;
	font-size:11px;
	/*color:#e60004;*/
	
}

#liensTopGB{ /* OK 2015 */
	margin-left:700px;
	position:absolute;
	margin-top:5px;
	font-weight:bold;
	color:#e60004;

}

.red{  /* OK 2015 */
	color:#e60004;
}

/*-------------------------champs de recherche 2015------------------------*/
#search{ /* OK 2015 */
	/*width:  400px;height:40px;*/
	position:absolute;
	height: 30px;
	margin-top: 35px;
	margin-left:340px;
	font-size:10px;
	z-index:80;
	/*background-color:#dadada;*/
	background-color:#FF0;
	border-radius: 5px 5px 5px 5px;
	padding:0px 10px 10px 10px;
	
}

#search2017{ /* OK 2015 */
	/*width:  400px;height:40px;*/
	position:absolute;
	height: 30px;
	margin-top: 35px;
	margin-left:300px;
	font-size:10px;
	z-index:80;
	/*background-color:#dadada;*/
	background-color:#FF0;
	border-radius: 5px 5px 5px 5px;
	padding:0px 10px 10px 10px;
	
}
form.form_search{/* OK 2015 */
	text-align: center;
	margin-top: 10px;
	margin-bottom: auto;
}

/*--logo 2015--*/
#logo{ /* OK 2015 */
	width: 110px;
	height: 50px;
	z-index: 1;
	margin-left: 15px;
	margin-top: 15px;
	position: absolute;
}
#slogan1{ /* OK 2015 */
	font-family: Helvetica;
	font-weight: bold;
	font-size: 12px;
	z-index: 3;
	color: #e60004;
	margin-left: 14px;
	margin-top: 67px;
	position: absolute;
	border-top:#e60004 solid 2px;
}
/*------------------- panneau besoin d'aide 2015--------------------------------*/
#dame{
	position:absolute;
	margin-top: -100px;
	/*_margin-top:43px;
	*margin-top:86px;*/
	float: left;
	margin-left: 870px;
	z-index:99;
	/*background-color:#0F6;*/
}
#panneaubonhomme{
	position:absolute;
	margin-top: -26px;
	/*_margin-top:117px;
	*margin-top:86px;*/
	float: left;
	margin-left: 881px;
	z-index:99;
	background-color:#fff;
	width:106px;
	height:50px;
	border:1px solid #bababa;
	text-align:center;
}

/*drapeau 2015*/
.icones_header{ /* OK 2015*/
	text-align: center;
	padding-left:18px;
	padding-right:18px;
	float:left;
	position:absolute;
	margin-top:-25px;
	margin-left:732px;
	z-index:89;

}

.icones_header2017{ /* OK 2015*/
	text-align: center;
	padding-left:18px;
	padding-right:18px;
	float:left;
	position:absolute;
	margin-top:-25px;
	margin-left:855px;
	z-index:89;

}

/*--------------------------- bas de page 2015 ---------------------------*/
#caption_basdepage{ /* OK 2015*/
	text-align: center;
	background-color:#FFF;
	width:1000px;
}
a.liens_caption, div.liens_caption{ /* OK 2015*/
	color: #727272;
	/*font-weight: bold;*/
	font-size:11px;
}
span.caption_google{/* OK 2015*/
	font-weight: bold;
	color: #808080;
}
img.flags{
	border-color: #808080;
	border-width: 1px;
	border-style: solid;
}

span.googleTranslation {
	color: #000000;
	font-size:9px;
}

span.copy{
	color: #808080;
	font-weight: bold;
	font-size:11px;
}

/*-----------------------------style fil d'ariane--------------------------------*/
.sousMenu{
	background-color:#ffffff;	width:1000px;	_width:1000px;	padding-top:2px;float:left;	height:3px;
}
#fil{ /*OK 2015*/
	background-color:#ffffff;
	width:995px;
	_width:1000px;
	padding-top:5px;
	padding-left:5px;
	float:left;
	height:18px;
}

/*---------------------------------- styles contenus----------------------------- */
#contents{/*OK 2015*/
	background-color: #ffffff;
	width: 1000px;
	float: left;
	padding-bottom:10px;

}
/*--------------------------------------------------------------------------------*/
/*----------------------------------Fin style gabarit--------------------------*/
/*/-------------------------------------------------------------------------------*/

/*-------------------style bloc pub dynamique---------------------------------*/
#bloc_central{ /*OK 2015*/
	/*border-color: #cacaca;
	border-style: solid;
	border-width: 1px;*/
	width: 770px;
	height: 300px;
	margin-top: 12px;
	margin-left:10px;
	float: left;
}

#bloc_central2017{ /*OK 2017*/
	margin-top:20px; margin-bottom:20px;overflow:hidden; width:1000px; height:281px; padding-bottom:20px; background-color:#CCC;
}
.SloganTousLesProduits{ /*OK 2017*/
	height:40px; float:left; width:800px; color:black; font-size:25px; font-weight:bold; padding-top:10px; padding-left:30px;
}

.SloganTousLesProduits2018{ /*OK 2017*/
	height:40px; float:left; width:800px; color:black; font-size:25px; font-weight:bold; padding-left:30px; padding-top:0; margin-left:180px; margin-top:20px
}
.SloganTousLesProduits2018Txt{
float:left; padding:4px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#333
}
.tabs2018{
 position:relative; float:left; width:1000px; margin-top:20px
}
.bloc_central_TousLesProd{ /*OK 2017*/
	margin-top:10px; margin-bottom:10px; text-align:center;
}


#pub{
	width: 740px;
	height: 250px;
	border: #cacaca solid 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#pub1_droiteAide{
	float:right;
	width: 170px;
	/*background-color: green;*/
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 22px;
	text-align: center;
	padding-top: 10px;
	/*border: #e60004 1px solid;*/
	height: 100px;
	z-index:100;
}

.secteur2-2{/*OK 2017*/
	border-right:#CCC 1px solid;float:left; width:235px ; height:100px; border:1px #fff solid; background-color:#FFF; margin:10px
}

.secteur2-2:hover{/*OK 2017*/
border:1px #e60004 solid;

}

.PictoSectAct{/*OK 2017*/
	float:left; margin-top:0px; margin-left:15px;
}
.TitreSectAct{/*OK 2017*/
	margin-top:10px; margin-bottom:15px; margin-left:60px;
}


/*---------------------- styles colonne droite EP 23/08/2013-----------------------------*/
#colonneDroite{
	width:170px; float:right;
}

/*---------------------- styles commande expresse-----------------------------*/
#commande_express{/* OK 2015*/
	float:right;
	width: 170px;
	/*background-color: green;*/
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 10px;
	text-align: center;
	padding-top: 0px;
	/*border: #cacaca 1px solid;*/
	height: 200px;
	z-index:100;	
}
.enteteCommande_express{/* OK 2015*/
	padding:10px; font-size:16px; color:#fff; font-weight:bold; background-color:#c81c19; background-repeat:repeat-x; background-position:top;
}
.contenuCommande_express{/* OK 2015*/
	border:1px #cacaca solid; height:128px; padding-top:10px;
}
form.form_commande{/* OK 2015*/
	margin:-5px;	
}
#tableau_commande {/* OK 2015*/
	margin-left: 13px;
	margin-top:-5px;
}
#valide_commande{/* OK 2015*/
	margin-top: 6px;
}
/*----------------------style pub salon--------------------------------------*/
#bouton_salon{/* OK 2015*/
	text-align:right;
	float: right;
	width: 170px;
	height: auto;
	margin-right: 20px;	
	margin-top: 20px;
	margin-bottom: 20px;
	border:1px solid #ccc;
}
.enteteSalons{/* OK 2015*/
	 padding:10px; font-size:16px; color:#fff; font-weight:bold; background-color:#c81c19; background-position:top; background-repeat:repeat-x; text-align:center;
}
.salon{/* OK 2015*/
	text-align:center;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 10px;
}


/*----------------------------------page HPC.php-----------------------------------*/
#partenaires{
	float:left;
	width:320px;
}

.mappemonde{
	margin:10px;
	width:250px;
	z-index:1;
}

#coordonnees_partenaires{
	margin-left:10px;
	width:300px;

	border:1px solid #000000;
	height:650px;
	margin-top:-14px;
	z-index:99;
}
.flag2{
	float:left;
	margin: 5px;
	height:120px;

}
.flag2_fr{
	float:left;
	margin: 5px;
	height:200px;
}
.adresse2{
	float:left;
	margin: 0px;
	height:150px;
	color: #666;
	width:240px;
	_width:200px;
}
.adresse2_fr{
	float:left;
	margin: 0px;
	height:210px;
	width:240px;
	_width:200px;
}
.titreHPC{
	height:60px;
	float:left;
	width:500px;
	_width:380px;
}
#photo_HPC{
	float:right;
	width:100px;
	margin-right:70px;
	_margin-right:40px;
}
#contenusQSN{
	padding-right:10px;
	padding-left:20px;
}
/*EP 28/09/2011 modification page QSN*/
.titreHPC2{
	height:60px;
	float:left;
	width:440px;
	_width:340px;
}
#photo_HPC2{
	float:right;
	width:200px;
	margin-left:20px;
	margin-bottom:20px;
	margin-right:20px;	
	/*_margin-right:40px;*/
	background-color:#CCC;
}
#contenusQSN2{
	padding-right:10px;
	padding-left:20px;
}
.paragrapheQSN{
	padding-top:5px;
	/*background-color:#0F0*/
}
#picto1{ /* OK 2015*/
	float:left;
	width:100px;
	margin-right:25px;
	padding-top:25px;
	height:80px;
	text-align:center;
}
#picto2{/* OK 2015*/
	float:left;
	width:100px;
	margin-right:25px;
	padding-top:0px;
	height:80px;
	text-align:center;
}
#picto3{/* OK 2015*/
	float:left;
	width:100px;
	margin-right:25px;
	padding-top:0px;
	height:80px;
	text-align:center;
}
#picto4{/* OK 2015*/
	float:left;
	width:100px;
	margin-right:25px;
	padding-top:5px;
	height:80px;
	/*_height:140px;*/
	text-align:center;
}
#picto5{/* OK 2015*/
	float:left;
	width:100px;
	margin-right:25px;
	padding-top:25px;
	height:80px;text-align:center;
}
#picto6{/* OK 2015*/
	float:left;
	width:100px;
	margin-right:25px;
	padding-top:25px;
	height:190px;
}
.bold{
	font-weight:bold;	
}

div.surMesure{ /* OK 2015*/
	overflow:hidden;
	width:231px;
	height:280px;
	float:left;
	border:1px solid #ccc;
	margin-left:25px;
	text-align:right;

}

/* -------------------------page nvxpdtsPA.php et baissesPrix.php---------------------*/
/* JR 11/05/12 : pas d'explosion de vignettes au chargement */
div.produits{ /*OK 2015*/
	overflow:hidden;
	width:231px;
	height:280px;
	float:left;
	border:1px solid #ccc;
	margin-left:20px;
	text-align:right;
}

.VignettesPrdtsNewFR{ /*OK 2015*/
	background-image:url(../images/index/nouveau.png); background-position:top left; background-repeat:no-repeat; width:70px; height:70px; position:absolute;
}

a.Vignetteslien{ /*OK 2015*/
	  width:70px; height:70px; display:block;
}
.VignettesEnBaisseFR{ /*OK 2015*/
	background-image:url(../images/index/enBaisse.png); background-position:top left; background-repeat:no-repeat; width:70px; height:70px; position:absolute;
}

.VignettesPrdtsNewGB{ /*OK 2015*/
	background-image:url(../images/index/nouveauGB.png); background-position:top left; background-repeat:no-repeat; width:70px; height:70px; position:absolute;
}
.VignettesEnBaisseGB{ /*OK 2015*/
	background-image:url(../images/index/enBaisseGB.png); background-position:top left; background-repeat:no-repeat; width:70px; height:70px; position:absolute;
}


.produit2{ /*OK 2015*/
	float: left;
	margin-top: 20px;
	margin-left:20px;
	width: 84px;
	height: 103px;
	background-color: #ffffff;
	border: #cacaca solid 1px;

	
}
.produit:hover,.produit2:hover{ /*OK 2015*/
	border-color: #e60004;
}


div.reduc{ /*OK 2015*/
	float: left;
	height:15px;
	background-color: #e60004;
	width:84px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin-top:2px;
}


div.reduc2{ /*OK 2015*/
	float: left;
	height:15px;
	background-color: #FF0;
	width:84px;
	color: #e0001a;
	text-align: center;
	font-weight: bold;
	margin-top:2px;
}
div.photo_vign{ /*OK 2015*/
	width:84px;
	z-index:1;
}

div.EnSavoirPlus{ /*OK 2015*/
	 margin-top:260px;padding-right:5px;
}


/* ----------------------------------catalogue.php-----------------------------------------*/
#cat{
	text-align:center;
}

#aideTelechargement{
	width:200px;
	_width:240px;
	float:left;
	height:1755px;
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
	font-size: 11px;
	/*background-color: #dedede;*/
	background-image:url(../images/catalogue/rond.jpg);
	background-repeat:no-repeat;
	margin-top:30px;
}

#aideTelechargementIt{
	width:200px;
	_width:240px;
	float:left;
	height:650px;
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
	font-size: 11px;
	/*background-color: #dedede;*/
	background-image:url(../images/catalogue/rond.png);
	background-repeat:no-repeat;
	margin-top:30px;
}

#aideTelechargementIt2015{
	width:900px;
	_width:240px;
	float:left;
	height:auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	font-size: 11px;
	/*background-color: #dedede;*/
	/*background-image:url(../images/catalogue/rond.png);*/
	background-color:#CCC;
	background-repeat:no-repeat;
	margin:30px;
}

/* ----------------- page anciennesEditions.php----------------------------------*/
div.anciencat{
	width: 650px;
	height: 100px;
	float: left;
	margin-left: 10px;
	/*margin-top: 10px;
	background-color:#333;*/
	padding-left:10px;
	padding-right:10px;
}
div.vignettescat{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 15px;*/
	/*background-color:#CF9;*/
	_width: 650px;
}

li.catalogue{
	float: left;
	margin-right: 2px;
	margin-left:2px;
	width: 50px;
	height: 94px;
	background-color: #ffffff;
	border: #cacaca solid 1px;
	text-align:center;
	_margin-left:0px;
	_height: 104px;
	_width: 54px;
}
li.catalogue:hover{
	border-color: #dc241f;
}

/* page expeditionCatalogueHPC + formsalons + colisgls + contact3d*/
#cat_form,#cat_form2016,#invit_form, #cat_form2018{
	margin:25px;
	padding:20px;
	border:1px solid #CCC;
}

#cat_form2018{
	background-image:url(../images/Compo/CompoEquilibre.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

#cat_form2016{
	background-image:url(../images/Compo/CompoInox.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

.notabene {
	color: #dc241f;
	font-size:9px;
	font-weight:bold;
	text-align:right;
	margin-top:10px;
}

fieldset.fieldset1{
    padding:5px;
    border:#bababa solid 1px;
	/*width:750px;*/
} 
#choixPays, #selectName{
	border:1px #000 solid;
	
}

		/*Ajout media 10/2010 par EP */

/* -------------
 * Radios
 * ------------- */
.jRadioWrapper { float: left; z-index: 2; } /*OK 2015*/
.jNiceRadio,.jNiceCheckbox {/*OK 2015*/
	background: transparent url(../images/expeCat/TickNo.jpg) no-repeat left top;
	height: 18px;
	width: 18px;
	position:absolute;left:0px; cursor:pointer;
	
	
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
.jNiceChecked { background: transparent url(../images/expeCat/TickYes.jpg) no-repeat left top;}/*OK 2015*/


.jNiceHidden {opacity:0;z-index:-1;position:relative;}/*OK 2015*/
.jNiceWrapper {position:relative;vertical-align:middle;}/*OK 2015*/
.jNiceWrapper input {outline:none;moz-outline:none;}/*OK 2015*/


.radioExpeCat {
	margin-right:15px;
}
.radioExpeCatMedia{
	float:left; width:18px; height:20px; padding-top:15px; 
}

/* --------------page baisses de prix + nvx prod--------------------*/

div.produit{
float: left;
	margin-right: 9px;
	margin-left:9px;
	margin-bottom:9px;
	width: 84px;
	/*height: 84px;*/
	background-color: #ffffff;
	border: #cacaca solid 1px;
}

div.produit:hover{
	border: #dc241f solid 1px;
}

div.vignettes_pdts{
	margin-left:25px;
	margin-top:25px;
	width:975px;
}
div.pasreduc{
	float: left;
	height:15px;	
	width:84px;
}

td.nouveaute{
	vertical-align:top;
	text-align:left;
	font-size:9px;
}

td.nouveaute2{
	vertical-align:top;
	text-align:left;
}


.catnvxpdts{
	height:150px;
	_height:140px;
	display:block;
	cursor:pointer;
	float:left;
	padding-left:20px;
	padding-right:20px;
	_padding-left:10px;
	/*border-bottom:10px solid #dc241f;*/

	/*width:120px;
	padding-top:15px;*/
}
.catnvxpdtsOn{
	height:150px;
	_height:140px;
	display:block;
	cursor:pointer;
	float:left;
	padding-left:20px;
	padding-right:20px;
	_padding-left:10px;
	border-bottom:10px solid #dc241f;
	
}
/*.catnvxpdts:hover{
	border:2px solid #dc241f;
}*/

.imgCat{
	border-bottom: 10px solid #ffffff;	
}


/*--------------------------------- page salons -------------------------------------------*/
.tableauSalons{
	 width:950px;
	 border-bottom:1px solid #ccc;
}

.tdMois,.tdLogo{
	border-top:1px solid #ccc;
	width:150px;
}

.tdMoisIdem{
	width:150px;
}
.logoSalons{
	width:150px;
	border:1px solid #dc241f;
	height:80px;
	text-align:center;
	float:left;
	margin-right:20px;	
}

.descSalon{
	width:300px;
	border-top:1px solid #ccc;
}

.Off{
	color:#cccccc;	
}

.tableauAncienSalons{
	 border:1px solid #ccc;
	 width:950px;
}

.pair{

	 background-color:#ccc;
}


/*-------------------------page presse------------------------------------------------*/
.txtPresse{
	margin:25px;
	width:700px;
}

.PdfPresseCat{
	float:right;
	width:250px;
	background-color:#ccc;
	text-align:center;
	
}


/*EP 11/10/2011 */
.vignettesPresse{
	float:left;
	height:84px;
	width:84px;
	margin:5px 5px 5px 5px;
	border:1px solid #cccccc;
	
}

.vignettesPresseVide{
	float:left;
	height:84px;
	width:84px;
	margin:5px 5px 5px 5px;
	
}
.liensPresse{
	height:84px;
	width:240px;
	margin:6px 6px 6px 6px;
	float:left;
}

.traitPresse{
	height:2px;
	background-color:#cccccc;
	width: 700px;
	float:left;
	
}

/*------------------------ page mentions legales----------------------*/
	
#sommaire_mentionslegales{
	margin-top:25px;
	margin-bottom:25px;
	margin-left:350px;
}
.listedecale{
	margin-left:50px;
}

/*------------------------------page sur mesure-------------------------*/

.sommaire_surMesure{
	width:350px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	/*background-image:url(../images/surMesure/fond.jpg);
	background-repeat:no-repeat;*/
	padding-right:0px;
}

.contenus_surMesure{
	margin-top:0px;
	border:1px solid #CCC;
	width:530px;
	float:right;
	height:auto;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:20px;
	padding-top:80px;
	/*_padding-top:0px;*/
}
.pdts_SurMesure{
	border-bottom:1px solid #CCC;
	width:100px;
}
.caracteristiques_surMesure{
	width:250px;
	border-bottom:1px solid #CCC;
}
.ExPlans_surMesure{
	width:50px;
	border-bottom:1px solid #CCC;
}



/*---------------exemples réducteurs---------------------*/
.tabSurMesure{
	margin:15px;
	width:950px;
	border-bottom:1px solid #CCC;
}
td.surMesureReducteurs{
	border-bottom:1px solid #CCC;
}
/*---------------exemples réducteurs---------------------*/
.tabSurMesure{
	margin:15px;
	width:950px;
	border-bottom:1px solid #CCC;
}
td.surMesureReducteurs{
	border-bottom:1px solid #CCC;
}
/*---------------page fiches techiques-------------------*/
.sommaire_fichesTechniques{
	width:200px;
	float:left;
	margin:40px;
}
.contenus_fichesTechniques{
	border:1px solid #CCC;
	width:600px;
	float:right;
	height:auto;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:50px;
	padding-top:80px;
	margin-top:85px
}

td.droite_exemple{
	border-bottom:1px solid #CCC;
	width:150px;
	
}

td.gauche_exemple{
	border-bottom:1px solid #CCC;
	padding:10px;
	text-align:left;
	
}
/*-----------------page masse des pieces et conversionPouceMetre---------------*/
tr.impair{
	background-color:#CCC;
	
}
.tabMassePiece, .tabConversion{
	margin:25px;
	width:950px
}

.enteteTabMassePiece ,.enteteTabConversion{
	background-color:#dc241f;
	border:1px solid #ccc;
	color:#fff;
	
}
td.gauche{
	border-left:1px solid #000;
}

/*-----------------------------goodies------------------*/
.fondecran{
	border:#ccc 1px solid;
	margin:5px;
	float:left;
}

/* pour pub page accueil EP 23/11/2010 */
#featured{ /*OK 2015*/
	width:490px;
	padding-right:250px;
	position: relative;
	height:250px;
	background:#fff;
	border:1px solid #CACACA;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	overflow:hidden;  /* JR 11/05/12 : pas d'explosion au chargement */
}

#featured ul.ui-tabs-nav{ /*OK 2015*/
	position:absolute;
	top:0; left:620px;
	list-style:none;
	padding:0; margin:0;
	width:120px;
}
#featured ul.ui-tabs-nav li{ /*OK 2015*/
	padding:1px 0; padding-left:13px;
	font-size:12px;
	color:#666;
}
#featured ul.ui-tabs-nav li span{ /*OK 2015*/
	font-size:11px; font-family:Verdana;
	line-height:18px;
}

#featured .ui-tabs-panel{ /*OK 2015*/
	width:620px; height:250px;
	background:#999; position:relative;
        overflow:hidden;
}
#featured .ui-tabs-hide{ /*OK 2015*/
	display:none;
}


#featured li.ui-tabs-nav-item a{/*On Hover Style*/ /*OK 2015*/
	display:block;
	height:56px;
	color:#333;  background:#fff;
	line-height:20px;
	outline:none;
	padding:2px 2px;
	font-weight:bold;
}
#featured li.ui-tabs-nav-itemTest a{/*On Hover Style*/ /*OK 2015*/
	display:block;
	height:35px;
	color:#333;  background:#fff;
	line-height:20px;
	outline:none;
	padding:2px 2px;
	font-weight:bold;
}
#featured li.ui-tabs-nav-item a:hover{ /*OK 2015*/
	background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/ /*OK 2015*/
	background:url(../images/index/fleche_pub.jpg) top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ /*OK 2015*/
	background:#ccc;
}
#featured ul.ui-tabs-nav li img{ /*OK 2015*/
	float:left; margin:2px 5px;
	background:#fff;
	/*padding:2px;*/
	border:1px solid #eee;
}

#featured .ui-tabs-panel .info{ /*OK 2015*/
	position:absolute;
	top:220px; left:0;
	height:30px; width: 560px;
	background:url(../images/index/transparent-bg.png);
}
#featured .info h2{ /*OK 2015*/
	font-size:18px; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden;
}
#featured .info p{ /*OK 2015*/
	margin:0 5px;
	font-family:Verdana; font-size:11px;
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ /*OK 2015*/
	text-decoration:none;
	color:#fff;
}
#featured .info a:hover{ /*OK 2015*/
	text-decoration:underline;
}

#featured li.ui-tabs-active{    /*OK 2015*/
    background:url(../images/index/fleche_pub.jpg) top left no-repeat;
}  
#featured ul.ui-tabs-nav li.ui-tabs-active a{   /*OK 2015*/ 
    background:#ccc;   
} 


/*Style demo dvd 08/09/2011*/
.video{
	width:300px;
	
	float:left;
	height:150px;
}
.vignettevideo{
	float:left;
	margin:10px;
	border:1px solid #CCC;
	
}

.titrevideo{
	padding-top:30px;
	float:left;
	
}
.base3D{
	background-color: #CCC;
	width:900px;
	height:150px;
	float:left;
}
.avance3D {
	background-color:#999;
	width:900px;
	height:300px;
}	
/*EP 28/10/11 nuage de mots clés*/
.niveau2{
	color:#999999; font-size:12px; font-weight:bold; margin-left:10px;
}
.niveau4{
	color:#dc241f; font-size:14px; font-weight:bold; margin-left:10px;
}

.niveau1{
	color:#a3a3a3; font-size:11px; font-weight:bold; margin-left:10px;
}

.niveau3{
	color:#515151; font-size:13px; font-weight:bold; margin-left:10px;
}
.niveau5{
	color:#999999; font-size:11px; font-weight:bold; margin-left:10px;	
}

.niveau6{
	color:#a3a3a3; font-size:13px; font-weight:bold; margin-left:10px;	
}

.niveau7{
	color:#a3a3a3; font-size:12px; font-weight:bold; margin-left:10px;
}

.nuage{
	margin-top:45px;height:50px;width:750px; float:left ; margin-left:25px;
}
/*EP 28/10/11 pictos page index bas de page*/

.pictoinfo{
	margin-top:15px;width:230px; float:left ; margin-left:5px;

}
.imagepicto{
	float:left; width:110px;
}

.textepictoCB{
	float:left; width:140px;padding-top:0px;
}
.textepictoPort{
	float:left; width:140px; padding-top:0px;
}
.textepicto2448{
	float:left; width:130px; padding-top:30px
}
	
/* JR 11/05/12 : pas d'explosion de vignettes au chargement */
div.produits div.car {
	overflow:hidden;
	width:624px;
	height:86px;
}
div.produits div.car2 {
	overflow:hidden;
	width:624px;
	height:105px;
}