@CHARSET "UTF-8";

html
{
	overflow-x:hidden;
}

body {
	font-size: 12px;
	font-family: Verdana;  
	background-color: #FFFFFF;
	color: black;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 0;
}

.fond_body {

		position:relative;
}


h1,.texte_grand {
	font-size: 14px;
	font-weight:bold;
	font-family: Verdana;  
		color: black;
	background-color: rgba(0, 0, 0, 0);
}

#wrap {
  color: black;
  width: 1024px;
  margin: 0px auto;
  padding: 0;
}

#header {
  height:  120px;
}

#header #icone_menu {
	float: left; 
	width: 10%;
	text-align:center;
	height: 120px;		/* Pour centrage vertical du contenu */
}

#header #logo_client {
	float:left;
	display: inline-block; 
	width: 80%;
	text-align:center;
	line-height: 120px;
}

#header #logo_client img {
	vertical-align:middle;
}

#header #icone_panier {
	float: right; 
	width: 10%;
	height: 120px;
}

#fond_popup_panier, #fond_popup_menu {
	display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        -moz-opacity: 0.0;
        opacity:.00;
        filter: alpha(opacity=00);
}

#fond_popup_panier a, #fond_popup_menu a {
	display:block; 		width:100%; 
	height:100%;
}

#popup_panier {
	width:670px;
	height:350px;
	overflow-x: hidden;
	overflow-y: hidden;
	position:absolute;
	top:1px;left:1px;      background-color:#cdcdcd;
    display:none;
    border:5px solid #FFFFFF;
    outline: 1px solid #abaca7;
}

#popup_menu {
	position:absolute;
	top:1px;left:1px;      background-color:#cdcdcd;
    display:none;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    border:5px solid #FFFFFF;
    outline: 1px solid #abaca7;
   }

div.spacer {
	height:3px;
	clear: both;
}

#zone_centrale {
  width:1024px;
  float: left;
  text-align: left;
  padding: 0px 0px 10px 0px;
}

#ariane {
	height:20px;
	font-size: 12px;
	background-color:white;
	margin-left:2px;
	margin-top:15px;
	margin-right:2px;
	border: 1px solid  #abaca7;
	
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	line-height: 21.6px;
	
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;		
}

#ariane a:link,    
#ariane a:visited,
#ariane a:hover, 
#ariane a:active  {color:black }

.resultats_tissus a:link,    
.resultats_tissus a:visited,
.resultats_tissus a:hover, 
.resultats_tissus a:active {color:black }

a.lien:link,   
a.lien:visited,   
a.lien:hover,   
a.lien:active
{color:black; text-decoration:none; }

a.lien_header:link,   
a.lien_header:visited,   
a.lien_header:hover,   
a.lien_header:active
{color:#000000; text-decoration:none; }

a.lien_pages:link,   
a.lien_pages:visited,   
a.lien_pages:hover,   
a.lien_pages:active
{color:red; text-decoration:underline; }


a.lien_souligne:link,   
a.lien_souligne:visited,   
a.lien_souligne:hover,   
a.lien_souligne:active
{color:black; text-decoration:underline; }

a.lien_accentuation:link,   
a.lien_accentuation:visited,   
a.lien_accentuation:hover,   
a.lien_accentuation:active
{color:red; text-decoration:none; }

label {
    cursor: pointer;
}

#contenu {

	padding: 10px 0px 10px 5px;
 	min-height:400px;
  	position:relative;	}

#contenu .titre {
	height:16px;
	font-size: 14px;
	background-color: #cdcdcd;
	padding:5px 5px 5px 5px;
	margin:5px 0px 5px 0px;
}

#contenu table.titre td {
	font-size: 14px;
	background-color: #cdcdcd;
	padding:5px 5px 5px 5px;
	margin:5px 0px 5px 0px;
}

#contenu div.titre_accueil {
	font-size: 12px;
	padding:5px 5px 5px 5px;
	margin:5px 0px 5px 0px;
	height:50px;
}

#contenu div, td {
	font-size: 12px;
}

.bouton_bulle, .bouton_bulle_accentuation {
	height:20px;
	font-size: 12px;
	background-color:white;
	margin-left:2px;
	margin-top:15px;
	margin-right:2px;
	border: 1px solid  #abaca7;
	
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	line-height: 21.6px;
	
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	
	font-family: Verdana;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-variant-alternates: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-variant-position: normal;
	font-weight: 400;
	
	text-align:center;

	background-color:white;
}

#bouton_suivant {
	position:absolute;			bottom:-50;
	right:0;
}

#bouton_precedent {
	position:absolute;
	bottom:-50;
	left:0;
}

.bouton_bulle a:link,    
.bouton_bulle a:visited,
.bouton_bulle a:hover, 
.bouton_bulle a:active  {color:black; font-weight:bold; text-decoration:none; }

.bouton_bulle_accentuation a:link,    
.bouton_bulle_accentuation a:visited,
.bouton_bulle_accentuation a:hover, 
.bouton_bulle_accentuation a:active {color:red; font-weight:bold; text-decoration:none; }

.bouton_bulle a, .bouton_bulle_accentuation a {
	cursor: pointer;
	font-size: 14px;
	margin:10px 10px 10px 10px;
	font-weight:bold;
}

#footer {
	background-image:url('./images/spacer.png');
	background-repeat: repeat-x;

	clear: both;
	text-align: right;

	margin: 0 auto;
	padding: 0 0 0 0;
	height:188px;
}

#contenu_footer {
	position:relative;
	
	margin: 0px auto;
  	padding: 0;
  	
  	top:50px;	/* Pour se mettre en dessous du séparateur qui est sur le background du footer */
}

/* Textes divers */
span.nom_client {
	font-size: 12px;
	color:red;
}

div.message_erreur {
	color:red;
	padding:15px;
	border:1px solid red;
	background-color:#FCFCB5;
	text-align:center;
	font-weight:bold;
}

div.message_ok {
	color:#00AA00;
	padding:15px;
	border:1px solid #00AA00;
	background-color:#FCFCB5;
	text-align:center;
	font-weight:bold;
}

.ok {
	color:#00AA00;
}

.nok {
	color:red;
}


/* A voir 
a img {
  border: 0;
}*/

/* Menu icones */

table.menu {
	border:0px;
	border-spacing:10px;
}

div.tronque220 {
	width:220px;
	height:220px;
	overflow-x: hidden;
	overflow-y: hidden;
	direction:rtl;
}

div.centre_220 {
	width:220px;
	height:190px;
	background-color:#FCFCFC;
	text-align:center;
	padding-top:30px;
}

div.titre_sous_image {
	margin-top:3px;
	font-weight:bold;
}

td.icone_simple, td.icone_double, img.bordure_blanche, td.icone_simple_small,div.tronque220 {
	border:5px solid #FFFFFF; 
	/* Permet d'avoir la bordure à l'intérieur */
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
}

td.icone_simple, td.icone_double {
	padding:0px; 
	height:230px;
	background-repeat:no-repeat;
}

td.icone_simple_small {
	padding:0px; 
	height:170px;
	background-repeat:no-repeat;
}

td.icone_simple_small { width:170px; }
td.icone_simple { width:230px;}
td.icone_double { width:480px;}		/* Simple*2 + 20px */

td.icone_simple a, td.icone_double a, td.icone_simple_small a { 
	display:block; 		width:100%; 
	height:100%;
	position:relative; 	color:#000000;
	text-decoration:none;
	font-size: 14px;
}

td.icone_simple a:link,    td.icone_double a:link, 		td.icone_simple_small a:link,
td.icone_simple a:visited, td.icone_double a:visited,	td.icone_simple_small a:visited,
td.icone_simple a:hover,   td.icone_double a:hover,		td.icone_simple_small a:hover,
td.icone_simple a:active,  td.icone_double a:active,	td.icone_simple_small a:active {color:black }

td.icone_simple div, td.icone_double div,td.icone_simple_small div { 
		position: absolute; 
	bottom: 0; left: 0;
	padding: 5px 10px 5px 10px;
	
	    background-image:url(./images/fond_bulle_icone.png);
 
    width:70%;
}

/* Recherche tissus */
div.resultats_tissus {background-color:#cdcdcd;}
div.resultats_tissus table td {border:0px;}

select.choix_dimension {
	width:100px;
}

.strike {
        display: block;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
    	font-size: 20px;
}
    .strike > span {
        position: relative;
        display: inline-block;
    }
    .strike > span:before,
    .strike > span:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        border-top: 1px solid black;
    }
    .strike > span:before {
        right: 100%;
        margin-right: 15px;
    }
    .strike > span:after {
        left: 100%;
        margin-left: 15px;
    }

textarea {
    resize: none;
}

@media print
{
	#ariane 
	{
	    display:none;
	}
	
	.fond_body {
		width:100%
	}
	
	.masquer_print {
		display:none;
	}
}

.covid19
 {
  background-color: #ffffff;
  text-align: justify;
  position: absolute;
  top: 30px;
  left : 20px;
  width: 970px;
  height: 40px;
  padding: 10px;
  z-index: 99;
  font-weight: bold;
 }
 
 .accueil-bg
 {
  position:fixed;
  top:130px;
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;  
  background:url("https://www.thevenon1908.com/wp-content/uploads/2024/11/florence-brode-ecru-2663501-2-1600x744.jpg") no-repeat center center;
  background-size:cover;
 }
 
 .top-accueil
 {
  position:absolute;
  background-color:#d3dcde;
  margin:0px;
  padding:0px;
  width:105%;
  height:8px;  
  z-index:-1;
 }
 
  .middle-accueil
 {
  position:fixed;
  top:115px;
  background-color:#ceced2;
  margin:0px;
  padding:0px;
  width:105%;
  height:1px;  
 }
 
 .bouton-connexion {
	width:130px;
	height:33px;
	font-size: 14px;
	background-color:white;
	margin-left:2px;
	margin-top:2px;
	margin-right:2px;
	border: 1px solid #000000;
	cursor: pointer;
	margin:10px 10px 10px 10px;
	font-weight:bold;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	line-height: 21.6px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	font-family: Verdana;
	text-align:center;
	
}

 .zdl-langue {
	width:85px;
	height:27px;
	font-size: 12px;
	background-color:#e7f0fe;
	margin-left:2px;
	margin-top:2px;
	margin-right:2px;
	border: 1px solid #000000;
	font-weight:normal;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	line-height: 21.6px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	font-family: Verdana;
	text-align:left;
}

 .champs-connexion {
	width:130px;
	height:18px;
	font-size: 12px;
	margin-left:2px;
	margin-top:2px;
	margin-right:2px;
	border: 1px solid #000000;
	font-weight:normal;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	line-height: 21.6px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	font-family: Verdana;
	text-align:left;
}