/* Modifié le 20 avril 2008 par AMBIANCES Multimédia */
/* Sauvegardes faites dans le dossier SAVE */


body {
	margin:0px; padding:0px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
/* l'affichage de la famille sur page article */

h6 {
	color:#FF6600;
	font-size : 2em;
	margin-top:-20px;
	text-align:left 30px;
	display:inline;
}
th {
	text-align:center;
}
input {
	background-color:#d1dbd6;
}
/*£££££££££££££££££££££££££££ CLASSES GéNéRIQUES ££££££££££££££££££££*/

.visibility {
	display:inline;
}
.hidden {
	display:none;
}
/* ************  COULEUR DU  TEXTE ***************************************** */

.red {
	color: #b61406;
	font-weight:bolder;
	margin: 8px;
}
.green {
	color:#089b0d;
	font-weight: bolder;
	margin: 8px;
}
.orange {
	color:orange;
	font-weight: bolder;
	margin: 8px;
}
.black {
	color:black;
	font-weight: bolder;
	margin: 8px;
}
/* ************  FORMAT D AFFICHAGE DES PHOTOS EN PAGE D ACCUEIL  **** */

.img1 img {
	margin-left: 0px;
	height: 50px;
	width: 57px;
}
.img2 img {
	margin-left: 0px;
	height: 100px;
	width: 100px;
}
.img3 img {
	margin-left: 0px;
	height: 200px;
	width: 200px;
}
/* ************  COULEUR DU CADRE DES ARTICLES A LA UNE ****************** */

.bordblack {
	border:2px solid black;
	padding:10px;
}
.bordred {
	border:2px solid #b61406;
	margin:10px;
}
.bordgreen {
	border:2px solid #00FF00;
	margin:10px;
}
.bordorange {
	border:2px solid orange;
	margin:10px;
}
.bordnone {
	border:none;
	padding:10px;
}
/*££££££££££££££££££££££££££££££££££££  FIN  CLASSES GéNéRIQUES £££££££££££££££££££££*/

.pied {
	width:1200px;
	text-align: center;
}/*  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   fin INDEX.PHP   %%%%%%%%%%%%%%%%%%%%% */
/*  *%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  CSS   PAGE ARTICLE  *%%%%%%%%%%%%%%%%%%%%%%%%% */


/*  ************   panier **************** */

#zonepanier {
	position:fixed;
	top:3px;
	right:3px;
	width:50%;
	height:240px;
	overflow-y:auto;
}
.panier {
	width:96%;
	background-color:#ccd8e6;
	font-size:0.8em;
	border:1px solid #302c24;
}
.casepanier {
	width:8%;
	font-size:0.7em;
}
.casepanierrempli {
	background-color:#71a3a9;
	font-size:1.4em;
}
/* TABLE DES PRODUITS */

.produits {
	position:relative;
	margin-top:20px;
	font-weight:bold;
	width:98%;
	font-size:0.8em;
}
/* début Info bulle */

				/* zone d'information quand on survole  */

a.info {
	position : relative;
	text-decoration:none;
	z-index : 1;
	color :#FFFFFF;
	text-align:center;
}
a.info:hover {
	curser:pointer;
	color :#FF6600;
	z-index : 2;
}
a.info:hover span {
	display : block;
	position : absolute;
	z-index : 100;
	top : -30px;
	left : 0px;
	background-color:#0066FF;
	border: 1px solid #302c24;
	background-image : url(bulle.gif);
	background-repeat : no-repeat;
	background-position : center top;
	color :#004503; /* couleur du texte */
	text-align : justify;
}
a.info span {
	display : none;
	font-size : 1em;
	width : 500px;
	padding : 3px 3px 3px 3px;
}
a.info img {
	width:250px;
	height:250px;
}
/* image produit quand on survole  */

a.image {
	position : relative;
	text-decoration:none;
}
a.image:hover {
	cursor : pointer;
}
a.image:hover span {
	display:block;
	position : fixed;
	z-index : 100;
	top : 200px;
	left : 5px;
}
a.image:hover span img {
	width:250px;
	height:248px;
}
a.image span {
	display : none;
}
a.image img {
	width:55px;
	height:55px;
	border:1px solid #0e3c0b;
}
/* fin info bulle */


/*LE CONTENEUR DU CADRE AVEC 8 IMAGES */

#centre {
	padding-left:1%;
	padding-right:1%;
	margin-right:2%;
	background-color: #e4f8c4;
	border: 1px solid gray;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%% FIN  ARTICLE  DEBUT INSCRIPTION  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
				

 /******************** Inscription *****************/

.libErr {
	color: #b61406;
	position : absolute;
	left : 57%;
}
.inscriptTextBox {
	position : absolute;
	width:190px;
	left : 27%;
}
legend {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
/*%%%%%%%%%%%%%%%%%%%%% FIN  INSCRIPTION   DEBUT  ADMIN ET PAGE ACCUEIL.PHP%%%%%%%%%%%%%%%%% */

.accueil {
	position:relative;
	width:97%;
	text-align:center;
}
/*%%%%%%%%%%%%%%%%%%%%% IMPRESSION DES DEVIS/COMMANDES  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#impression {
	font-size:9px;
}
#impression table {
	margin-left:5%;
}
#magasin {
	position:relative;
	top:2%;
	left:2%;
	font-size:0.7em;
	font-weight:bold;
}
#adclient {
	position:relative;
	top:10%;
	left:60%;
	font-weight:bold;
}
#entetedevis {
	position:relative;
	left:23%;
	text-decoration:underline;
}
/*£££££££££££££££££££££££££££ FIN CSS MORELLO LEURS £££££££££££££££££££*/
.add_shadow {
	float: left;
	background: url('img/shadow_bot.gif') no-repeat 0% 100%;
}
.add_shadow div {
	display: block;
	float: left;
	background: url('img/shadow_right.gif') no-repeat 100% 0%;
}
.add_shadow div div {
	display: block;
	float: none;
	padding: 0px 5px 5px 0px;
	background: url('img/shadow_rightbot.gif') no-repeat 100% 100%;
}
.add_shadow div div div {
	padding: 0px;
	background: none;
}
.gallery_thumbnail {
	float: left;
	padding: 5px 5px 0px 0px;
}
.gallery_thumbnail .add_shadow {
	background-color: #a8a8a8;
	color: #fff;
}
.gallery_thumbnail .add_shadow div div {
	padding-bottom: 3px;
}
.gallery_thumbnail .add_shadow img {
	margin: 1px;
}
/* infobulle sous-familles */

#menuderoulant {
	width:95%;
	z-index:200;
	height:20px;
	margin-top:-109px;
	margin-left:0px;
	display:inline;
}
.ssfam { /* zone d'information quand on survole  */
	z-index : 100;
	border:1px solid #000099;
	background-color:white;
	color :#000099;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:13px;
	width:130px;
	margin:1px;
	display:inline;
}
.ssfam:hover {
	cursor:pointer;
	color :#FF6600;
	z-index : 2;
}
.ssfam a {
	text-decoration:underline;
	text-align:left;
	color:#000099;
}
.ssfam a:hover {
	color:#FF6600;
	text-decoration:none;
	
}
.ssfam span {
	display : none;
	width : 200px;
	height:200px;
	padding : 3px 3px 3px 3px;
	overflow-y:auto;
}
.ssfam:hover span {
	position : absolute;
	text-align:left;
	text-decoration:none;
	font-size : 0.9em;
	display : inline;
	z-index : 100;
	top : 39px;
	left : 109px;
	background-color:white;
	border: 1px dashed #000099;
	color :#FF6600;
}
.ssfam:hover span a {
	text-decoration:none;
}
.bouton {
	margin:1px;
	border:1px solid #000099;
	background-color:white;
	color :#000099;
	width:200px;
	text-align:center;
	font-size:14px;
	display:inline;
}
.bouton:hover {
	margin:1px;
	border:1px dashed #000099;
	color :#FF6600;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	display:inline;
}
/* fin infobulle sous-familles */				

.contact {
	left:20%;
}