/* dtvnco */
/* html, body {
	height: 100%;
} */
*, *:before, *:after {
	box-sizing: border-box;
}

body {
	margin : 0;
	padding : 0;
	font-family: Verdana,arial;
	font-size: 13px;
	background: white; /* jaune tr�s clair: #F1F5E7; vert menu #8AA43B */
	background-size: 1px auto;
	font-family: "Mont Serrat", Arial, Helvetica, sans-serif;
	text-align: justify;
	overflow-x: hidden;
/* 	padding-bottom : 30px; */
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;
    font-style: normal;
}


@font-face {
    font-family: 'Mont Serrat';
    src: url('fonts/Montserrat-VariableFont_wght.ttf');
    font-weight: 500;
    font-style: normal;
}


p, h1, h2 {
	margin : 0;
	padding-bottom: 0;
	padding-top: 0;
}

ul {
	margin: 0;
	padding: 0;
}

A img { border: none; }

A {color: grey; /* #669999 */; text-decoration: none; }
A:hover,A:active {color: #E30613; text-decoration: none; } /* rouge suisse:  #E30613 */

label {
	color: grey;
}

.pointer {
	cursor: pointer;
}

#boiteglobale { /* ----------------------------------------------------------------------------------------*/
	width: 1024px;
	padding: 0;
	margin: 0 auto; 
}
/* 
#degrade {
	background: url(images/fond-haut-dtvnco-1x126-b.png) top left repeat-x;
	background-size: 1px 100%;
} */

#entetaccueil { /* ------------------------------------------------------------*/
	padding: 0;
	margin: 0 auto;
	width: 100%; /*Changement*/
	height: 126px; /*Changement*/
	display: flex;
	justify-content: center;
	position: relative;

	background: url(images/fond-haut-dtvnco-1x126-c.png) top left repeat-x;
	background-size: 1px 100%;
}


#logo_central {
	/*margin-left: 212px; Changement*/
	width: 100%;
	height: 85px;
	margin: 0 auto;
	background: transparent url(images/Logo-Datavenir-Acc-600x96b.png) top center no-repeat ;
	overflow: hidden;
}

#logodatactif {
	display: block;  /* Pour utiliser la balise A comme un block donc pouvoir lui imposer une hauteur */
	width: 61px;
	height: 18px;
	float: right;
	background: white url(images/logo-datactif-61x18.png) top left no-repeat;
	margin-right: 30px;
	margin-top: 12px;

}

.logoaz {
	width: 55px;
	height: 41px;
	float: right;
	background: transparent url(images/logo_datmaz_az_35x45.png) top center no-repeat;
	margin-right: 30px;
	margin-top: 10px;
	border-radius: 5px;
	cursor: pointer;
}

/* #paniervide {
	display: block;  /* Pour utiliser la balise A comme un block donc pouvoir lui imposer une hauteur * /
}

#panierrempli {
} */

#panierFormId {
    position: absolute;
    right: 0;
}


/* Menus d�roulants ------------------------------------------------------------ */
ul {
	padding: 0;
	margin: 0;
}	

.clasnav{
	float: left;
	width: 200px;
}
.daddy {
	background: url(images/ve-gris-fontTr-43x21-rot90.png) no-repeat right;
}

.clasnav UL {
	float: left;
	background: #F0F0F0; /*gris super clair: #F0F0F0; gris clair : #E1E1E1, gris-vert clair #EBF0D8*/
}

.clasnav A {
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	color: grey; /*#005AB5*/
	font-size: 11.5px;
}

.clasnav A:hover {
	color: #E30613; /* white */

}

.clasnav LI {
	list-style-type: none;
/* 	float: left; */
}
.clasnav LI UL {
	position: absolute;
	margin-top: -2px; /* firefox*/
	left: -999em;
	width: 185px;
	height: auto;
	z-index: 1000;
	border-left: 2px solid white;
	border-bottom: 1px solid  #C8D695; /* gris vert: #C8D695 */
}
.clasnav LI LI {
	text-align: left;
/* 	width: 190px; */
	padding-left: 10px;
}
.clasnav LI UL A {
	width: 165px;
	border-bottom: #C8D695 1px solid; /* gris vert: #C8D695 ; #C0C0C0 */
}

.clasnav LI UL UL {
	margin-top: -30px;
	margin-left: 165px;
}
.clasnav LI:hover UL UL {
	left: -999em;
}
.clasnav LI:hover UL UL UL {
	left: -999em;
}
.clasnav LI:hover UL, .clasnav LI LI:hover UL, .clasnav LI LI LI:hover UL  {
	left: auto;
}

.clasnav LI:hover {
 	background: #EBF0D8; /* white, vert-gris:#EBF0D8 */
}




/* menu principal */
/* toujours affich�, background affich� par body */
#MNo {
	margin: 0 auto;
	border-top: 1px solid transparent;
	/* border-bottom: 1px solid transparent;	 */
	padding-top: 3px;
	height: auto; /*Changement*/
	width: 100%; /*Changement*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: #aec263;
}
	
a.nivo, a.nivo_Active {  /* ------------------------------------------------------------*/
	margin-top : -4px;
	margin-right: 0px;
	padding-right: 50px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 7px;
	color: white;
	font-size: 15px;
}
a.nivo{  
	background: transparent url(images/ve-blanc-fontTr-43x21.png) top right no-repeat ; /* #8AA43B   ve-blanc-fontv-43x21-b.png */
	color: white; /* #DCDDDE grey */
	border-top: 1px solid transparent;
}
a.nivo_Active {  
	background: #92A25D url(images/ve-blanc-fontTr-43x21.png) top right no-repeat ; /* #8AA43B   ve-blanc-fontv-43x21-b.png */
	border-top: 1px solid #DCE1C9; 
}
a.nivo:hover {
	background: #EBF0D8 url(images/ve-tresgris-fontTr-43x21.png) top right no-repeat ;
}
a.nivo_Active:hover {
	background: #EBF0D8 url(images/ve-tresgris-fontTr-43x21.png) top right no-repeat ;  /* gris-vert clair #EBF0D8*/
	color: #E30613; /* white */
/* 	text-decoration: underline; */
}

/* sous menu ============ */
/* boite qui occupe tout l'espace sur les bords en fonction de la largeur de l'�cran */
.MNoo {
	margin-top: 0px;
	border-top: 1px solid #DCE1C9;
	background: #92A25D url(images/fond-niveau_un.png) bottom left repeat-x; /* #92A25D: vert kaki */
	width: 100%; /*Changement*/
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
/* boite interne largeur maitris�e */
.MNoo_cadreur {
	padding: 0;
	margin: 0 auto;
	min-height: 28px;
	width: 100%; /* width: 1024px;*/
	line-height: 28px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.nivoo, .nivoo_Active, .nivoo_ActiveSel {
	padding-left: 22px;
	padding-right: 23px;
	padding-top: 6px;
	padding-bottom: 8px;
	color: #DCDDDE ;  /* grey clair */
	font-size: 12px ;
	font-weight: normal ;

}
.nivoo_Active  {
	color: white; /* #E30613 */ 
	border-bottom: 2px solid white; 
	padding-bottom: 6px; 
/* 	font-weight: bold; */
/* 	text-decoration: underline; */
}
.nivoo:hover, .nivoo_Active:hover {
	background-color: #EBF0D8; /* gris-vert clair #EBF0D8*/
	color: #E30613;
}
.nivoo_Active:hover {
/* 	text-decoration: underline; */
}

.nivoo_ActiveSel {
	color: #E30613;
	background-color: white;
	padding-bottom: 4px; 
 	border-bottom: 4px solid white;
}


/* sous sous menu ============ */
/* boite qui occupe tout l'espace sur les bords en fonction de la largeur de l'�cran */
.MNooo {
	margin-top: 0px;
 	border-top: 1px solid #DCE1C9;
 	border-bottom: 1px solid #C8D2A8; 
	background: #AAB979 ; /* url(images/fond-niveau_deux-b.png) bottom left repeat-x; /* #AEC263: vert bas du d�grad�; #8AA43B: vert talon ; #92A25D: vert Mnoo; #AAB979: vert d'eau ; vert kaki un peu plus fon�� : #7A864E; */
	width: 100%; /*Changement*/	
}
/* boite interne largeur maitris�e */
.MNooo_cadreur {
	padding: 0;
	margin: 0 auto;
	padding-top: 2px;
	padding-bottom: 0px;
	min-height: 32px; /* 32 */
	width: 100%;
	line-height: 32px; /* 29 */
	margin-top: -3px;
	margin-bottom: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.nivooo, .nivooo_Active, .nivooo_ActiveSel   {
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 7px;
	padding-bottom: 10px;
	color: white ;  /* #DCDDDE grey clair */
	font-size: 12px ;
	font-weight: normal ;

}

.nivooo:hover, .nivooo_Active:hover  {
	background-color: #EBF0D8; /* gris-vert clair #EBF0D8*/
	color: #E30613; /* rouge suisse */
} 

.nivooo_Active {
	background-color: white;
	color: #E30613; /* rouge suisse */
}
.nivooo_ActiveSel {
	background-color: white;
/* 	border-bottom: 2px solid white;  */
	color: #E30613; /* rouge suisse */
}




/* la photo homepage : */
#photohmpge {
	height: 283px;
	width: 100%;
	/* background: #6D768C url(images/fondu_bords_homepage-b.png) top center repeat-y; */
	background: #444A58 ;
}
#photohmp {
	padding: 0;
	margin: 0 auto;
	height: 283px;
	max-width: 1200px;
	background: #6D768C url(images/photo_homepage-d.jpg) top center no-repeat ;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* le texte sur la photo */
#phototxt {
	width: fit-content; 
	margin-right: 10vw;
	margin-top: 15px;
	color: white;

	display: flex;
	flex-direction: column;
	align-items: end;
}

@media (max-width: 1000px) {
	#phototxt {
		width: 100%;
	}
}

/* la barre de recherche sans la photo */
#hmpge {
	margin-top: 0px;
	height: 35px;  /* 43px */
 	background-color: white; 
	width: 100%;
/* 	background-color: #444A58 ; */
 /*	background-color: #F0F0F0;  violet: #6D768C; */
/* 	border-bottom: 1px solid #8AA43B; */
}
#hmp {
	text-align: right;
	padding: 0;
	margin: 0 auto;
	height: 35px;
	width: 100%;
	/* background: #6D768C url(images/photo_homepage-d.jpg) top center no-repeat ; */

}

/* la photo contact : */
#cntact {
	height: 339px;
	width: 100%;
	background: #E6E7E8;
	
}
#cnta {
	height: 339px;
	max-width: 1602px;
	background: transparent url(images/image_contact-b2.png) top center no-repeat ;
	/*background: #E6E7E8 url(images/image_contact-b2.png) top center no-repeat ;*/
}



#hmptxt_mini {
/* 	float: right; */
	display: inline-block;
 	margin-right: 10vw;
	margin-top: 6px; /* 6px*/
	/* background-color: #444A58 ; */ 	 /*  grey */
	color: #444A58;
}


#barrech {
	margin-right: 0;
	padding: .5px;
	padding-left: 1px;
	background-color: #92A25D;
	width: 20vw;
	height: 30px;
	display: flex;
	min-width: 300px;
	border-radius: 5px;
}

/* Corps -------------------------------------------------*/


#boitecorps {  /* utilis� en construction des .txt */
	margin: 0 auto;
	/* margin-left: 5%;
	margin-right: 5%; */	
	height: auto;
	min-height: 200px;
	/* width: 1024px; */
	/* width: 90%; */	
	line-height: 1.5em;
	max-width : 1200px;
	/* padding-left: 35px; */ /*Changement*/
	padding-left: 8px; /*Changement*/
	padding-right: 8px; /*Changement*/
}

#Copyright_txtId {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}


.blocnews {
line-height: 1.1em;	 
}

.celinf {
	width: 250px;
	float: left;
	height: 154px;
	margin: 3px;
}

A.celinf  {
	/* color: black; */
/* 	display: block;
	line-height: 1.1em;	 */
}
A.celinf:hover {
	color: #E30613; /* rouge suisse  */
}

.celinfimg {
	width: 250px;
	height: 110px;
	background-color: white; 	
	text-align: center;
	/* arrondir les angles, selon les derni�res versions de navigateur : */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;	
	border-radius: 3px;
	border: 1px solid;
}

.celinfimg img {
	max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.celinffour {
	color: #67AE3E; /* vert feuille */
	font-weight: bold;
}


hr.verdeau {
  height: 1px;
  margin: 4px 0 4px 0 ;
  padding: 0;
  color: #D6E7DE;
  background-color: #D6E7DE;
  border: 0;
}

#equipeservice_old {
	height: 206px;
	width: 372px; 
	background: transparent url(images/equipe-avotre-service_tr-mini.png) top left no-repeat ;
	margin-left: 35px;
}

/* page contact*/ 
#tabletteverte {
	height: 80px; /* 67px */
	width: 300px;  /* 38px */
	background: transparent url(images/tablette_verte-b.png) top left no-repeat ;
	margin-left: 10px;
	margin-top: 15px;
	padding-left: 55px;
}




.alph {
	padding-left: .6em;
	padding-right: .6em;
	text-decoration: underline;
}


#formcmdtabId {
	border: 2px solid #AEC25E;
	width: 100%;
	max-width: fit-content;
	margin: auto;
	/* background-color: white ; /* vert vase: #B6B997 , vert pom fluo #A3BC00*/ 
	/* arrondir les angles, selon les derni�res versions de navigateur : */
 	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}



.ttrnews {
 	font-family : 'Open Sans';
	font-size: 24px;
	color: #5A6D1B; /* #627519 */
	height: 22px;
	line-height: 22px;
	background: url(images/icone_news50x22-tr.gif) top left no-repeat ;
	padding-left: 60px;
	margin-top: 2em;

}


.ttrfournisseur{
 	font-family: 'Open Sans';
	font-size: 32px;
	color: #5A6D1B; /* #627519 */
	margin-bottom: .5em;
}

.resnews {
 	font-family : 'Open Sans';
	color: #647322;
	font-weight: bold;
}

.ttrune {
 	font-family : 'Open Sans';
	font-size: 20px;
	font-weight: bold;
	color: #5A6D1B; /* black rouge suisse: #E30613   #E30613 */
	margin-bottom: 1em;
	border-bottom: 0;
}

.flch_rechfour {
 	font-family : 'Open Sans';
	height: 24px; /* 26-4 */
	background: url(images/flecherechvrtd-b.png) top left no-repeat;
	padding-left: 55px;
	font-size: 14px;
	padding-top: 4px;
	text-align: end;
}

/* le tableau des resultats sur CF-Recherche.php */
.labelrech  a {
	color: #92A25D;
}


.labelrech  td {
	padding-left: 1em;
	padding-right: .5em;
	color: white;	
}

.labelrech  a:hover {
	text-decoration: underline;
}


.lignerech:hover {
	background-color: #EAEFD6;
}

.c_ref { /* pour tableau result produits */
	font-size: 10.5px;
	margin-left: 5px;
}
.c_refl { /* pour tableau result produits avec hyperlien */
	font-size: 11px;
	padding-right: 1em;	
	padding-left: 1em;		
}

.c_refl * {
	text-decoration: none;
}

.c_des { /* pour tableau result produits */
	color: #004080;
}

.c_prx { /* pour tableau result produits */
	color: #535B39; /* #626C40 #92A25D,  vert:#008000 */
	text-align: right; 
	padding-right: 5px;
}

.c_ctr { /* pour tableau result produits */
	font-size: 9px;
	text-align: center; 
}

.c_vln { /* pour tableau result produits */
	font-size: 10px;
	text-align: center; 
}

/* CF-ProdRef*/

.prodref_lblgnd {
	margin-top: 1em;
	margin-bottom: 3px;
	/* width: 200px; */
	color: grey;
	font-style: italic;
	/* padding-right: 2em; */
}

.prodref_cntnt {
}

#prodref_prx {
	color: #5A6D1B;
	font-weight: bold;
	width: 400px;
	height: 30px; 
}

#prodref_four {
	float: left;
	font-size: 100%;
}

.prodref_flchrechfour {
	float: left;
	width: 26px;
	height: 26px;
	border-radius: 2px;
	background: #aec263 url(images/fleche_blanche_tr_vershaut_17x13.png) center center no-repeat;
	transform: rotate(90deg);
}

.prodref_flchrechshop {
	float: left;
	width: 42px;
	height: 26px;
	background: url(images/flecherechvrtd-b.png) top left no-repeat;
}

#ajoutaupanier_OLD {
	/* float: right; 
	margin-top: -25px; 
	font-size: 105%;
	background-color: white ;/*#FFE7D3; #AEC263	*/
	color: #0000C0 ;/*#0000C0 bleu datmaz;  #535B39; white*/
	border: 1px solid #21B321; /*#21B321 vert datmaz; #92A25D */
	padding: .6em;
	cursor: pointer;
}

#ajoutaupanier_OLD:hover {
	color: #E30613;
	background-color: #FFF6EF; /* #EBF0D8 white*/
	cursor: pointer;
}

.boutonvenligne {

	color: #0000C0 ;/*#0000C0 bleu datmaz;  #535B39; white*/
	border: 1px solid #21B321; /*#21B321 vert datmaz; #92A25D */
	padding: .6em;
	cursor: pointer;
}	

/* Talon -------------------------------------------------*/
#talon {
	padding-bottom: 20px;
	width: 100%;
	height: fit-content; 
	background: #AEC263 url(images/fond-bas-talon-b2.png) bottom left repeat-x ;
	/* background-color: #8AA43B; /* #92A25D */
}

#talon_cadreur {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	color: #EBEAF0; /* #DCDDDE */
	font-size: 11.5px;
	line-height: 1.5em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#talon_cadreur A {
	color: white;
}
#talon_cadreur A:hover {
	text-decoration: underline;
}


#talon_bxG1, #talon_bxG2, #talon_bxG3,  #talon_bxG4, #talon_bxIn  {
 	/* border: 1px solid black; */
	text-align : center;
	padding-bottom: 15px;
}
#talon_bxG1 {
	width: 300px;
}
#talon_bxG1:hover {
	cursor: pointer;
}

#talon_bxG2 {
	margin-left: 10px; 	
	width: 230px;
}


#talon_bxG3 {
	margin-top: -3px;
	width: 160px;
	font-size: 94%;	
}


#talon_bxG4 {
	margin-top: -3px;	
	width: 170px;
	/* width: auto; */
	font-size: 94%;
}

#talon_bxIn {
	margin-top: 20px;
	margin-left: 20px;
	background: transparent url(images/linkedin-f-logo_white_20.png) top left no-repeat ;	
	width: 20px;
	height: 20px;

}
#talon_bxIn:hover {
	cursor: pointer;
}


#talon_bxD {
	position: fixed;
	right: 30px;
	bottom: 30px;
	text-align: center;
	background-color: #aec263;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 3px;
	border: 1px solid white;
	
}

A#retourId  {
	padding: 12px;
	background: transparent url(images/fleche_blanche_tr_vershaut_17x13.png) center center no-repeat ;
}

#tagId{
	margin-top: 0px;
	font-size: 7.5px;
}
#imgMelb {
	width: 136px;
	height: 14px;
	margin-top: 4px;
	background: url(images/logo_mail_info_datavenir-b.png) center right no-repeat ;
}

/* ligne sponsoring ---------------------*/
#sponsor  {
	width: 100%;
	height: 50px;
	padding-top: 2px;
	padding-bottom: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
/*	background-color:  white; /* #F0F0F0 */
}
.cell  {
	text-align: center;
	width: 33.3% ; /* pour 5: 20%, pour 6: 16.6%*/
	min-width: 300px;
}
#lispons {
	line-height: 1.5em;
	padding-top: 8px;
	font-size: 85%;
}
#lispons A{
	color: #2A8FB6;
}	
#lispons A:hover {
	text-decoration: underline;
}

.hlp {
}



.clear {
	clear: both; /* pour mettre ligne basse en bas de tous les blocs */
	height: 0px; /* sinon hauteur 1px */
}

.dn {
	font-weight: bold;
	color : #FFFFFF;
	display: none;
	font: 18px Tahoma, arial, helvetica, serif;
	text-decoration: underline;
}


/* _____survolcarte_____ */
a.info {
FONT: 78%/1.5 arial, helvetica, serif; color: red;
position: relative;
text-decoration: underline;
z-index: 500;
}
a.info span {
display: none;
}
a.info:hover {
color: blue;
text-decoration: none;
background: none; /* correction d'un bug IE */
z-index: 1000;
}
a.info:hover span {
display: block;
position: absolute;
top: 1.5em;
left: 1em;
background: white ;
text-align: center;
color: Blue;
text-align: left;
text-decoration: none;
BORDER: #008000 2px solid;
padding: 3px;
}




/* ============================================================================================================ */





#chapitre  {  /* ----------------------------------------------------------- -*/
	margin-top : 5px;
	margin-bottom : 10px;
	width: 542px;
	height: 29px;
	background: #244155 url(images/btn-vuedensemble2.png) no-repeat ;
}

#chapitre.invisible{
	background: none ;
}

#chapitre  p{
	padding-top : 6px;
	padding-left : 20px;
	color : #FFF;
	font-size : 17px;
}




h1 {
	margin-top: 5px;
	color: #09488C;
	border-bottom: 1px solid #244155;
	font-weight: normal;
}



#boiteconfigurateur {

	/* background-color: #B4A58E; */
	width: 925px;
	border : 5px solid #245369; /* bleu vert: #669999 ; marron:#B4A58E */
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: -10px;
	float: left;
	/* arrondir les angles, selon les derni�res versions de navigateur : */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
}

#imageboiteproduit {
	margin-top: 10px;
	margin-bottom: 20px;
	/* background-color: white ; /* vert vase: #B6B997 , vert pom fluo #A3BC00*/ 
	/* arrondir les angles, selon les derni�res versions de navigateur : */
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}

#btncommanderId, #ajoutformulaire {
	margin-right: 10px;	
	margin-bottom: 10px;
	color: #244155;
	font-weight: bold;
	border: 1px solid #669999;
	height: 30px;
}
	
#btncommanderId:hover, #ajoutformulaire:hover {
	cursor: pointer;
	color : white;
	background:  #245369;

}

#labelpromoId_OLD251112MTDAJFDE {
	width: 410px;
	height: 85px;
	background: white url(images/promo-b.png) left top no-repeat; /* rgb(251,239,202) */
	text-align: right;
	float: right;
	margin-right: 10px;
	/* arrondir les angles, selon les derni�res versions de navigateur : */
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}


#labelpromoId_OLD251112MTDAJFD:hover {
	cursor: pointer;
}

/* CF-ProdRef_txt*/
.flevd {
	color: black; /*#849254*/
	float: left;
	padding-right: .2em;
}

.verdeau {
	color: #D6E7DE; /* couleur verte d'eau*/
}	

.verfonce {
	color: #5A6D1B; /* couleur vert fonc� */
}

/* CF-Softwares_txt */


#Softwares_txtId {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#Info_contact {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
}

#Contact_equipe {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}


@media (max-width: 700px) {
	#Display_map {
		display: none;
	}

	#Display_errorMessage{
		display: block !important;
	}
}

.Search_button {
	background: transparent url(images/fleche_blanche_tr_vershaut_17x13.png) center center no-repeat ;
	transform: rotate(90deg);
}

#Edit_form_link {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-evenly;
}

@media (max-width: 650px) {
	#Edit_form_link {
		justify-content: center;
	}
	#panierFormId {
		top: 70px;
	}
	body {
		text-align: left;
	}
}

#cadr_Une a {
	text-decoration: underline;
}

#Cadre_description a {
	text-decoration: underline;
}


.contenue, .contenue * {
    all: unset;
    display: revert; /* revert display to the default for each element */
    font-size: inherit; /* inherit font size from parent */
    font-weight: normal; /* set font weight to normal */
    font-style: normal; /* set font style to normal */
}


input.button-add {
    background-image: url(images/linkedin-b.png); /* 16px x 16px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: center left;  /* equivalent to 'top left' */
    padding-left: 20px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
	border-radius: 5px;
}


/* style pour _vis_affchepanier.php */
.bt_supprpt  { /* petit */
	width: 20px;
	height: 18px;
	background: transparent url(images/corbeille.png) no-repeat top left  ; 
	border: 0;
	cursor: pointer;
}
.cart{
	top:85px; 
	left: 0px;
}
.cart.hide {
	display: none;
}
@media (max-width: 700px) {
	.cart{
		font-size: 70%;
	}
}
@media (max-width: 500px) {
	.cart{
		font-size: 50%;
	}
}
@media (min-width: 850px) {

	.cart{
		right: 5vw;
		left: 5vw;
	}
}
/* fin du style pour _vis_affchepanier.php */


.i9432 { /* info infobule caractère ascii <span class="i9432">&#9432;</span> */
	font-style : normal;
	font-size: 87%; 
	cursor: pointer;
	margin-left: .3em;
}