

/* CSS Document */



.cadre_invisible { 

	border: 1px solid #666;

    float: left;

    margin: 1px;

    min-height: 210px;

    _height: 210px;

    width: 150px; 

	

}



div#desc_prod_detail {

	color:#FFFFFF !important;	

}





.cadre_invisible img {

	border: 1px solid #666;

	padding:1px;

	max-height:125px;   

	_height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 125 ) : true);

 

}



.cadre_invisible2 { 

	border: 1px solid #666;

    width: 500px;

	padding:10px;

}



.cadre_titre_prod { min-height:33px; _height:33px; }



* {

	margin:0;

	padding:0;

	outline:none;

}



body {

	background-color:#000000;

	text-align:justify;

	color:#fff;

	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;

}



#bodyIntro {

	background-color:#080B1E;

	text-align:justify;

	color:#fff;

	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;

}



.bordure { border: 1px solid #FFFFFF; }



.bordure2 { border: 1px solid #5F6FDC; }



#intro {

	text-align:center;

	color:#fff;

}



#intro h1 {

	text-align:center;

	color:#fff;

	background:none;

	font-size: 12px;

	margin-top: 10px;

	background-color: #080B1E;

}





#intro a { color:#fff; }



.titre {

	color:#fff;

	height:25px;

	padding-top:8px;

}



h1 {

	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;

	color:#fff;

	font-size: 13px;

	text-transform:uppercase;

	font-weight: bold;

	letter-spacing: 1px;

	background: transparent url(images/ligne.gif) no-repeat bottom left;

	margin-bottom: 20px;

	padding: 0 0 7px 0;

}



a {

	color:#fff;

	text-decoration:underline;

}



a:hover { text-decoration:none; }



#conteneur {

	width:100%;

	background:#080B1E url('images/fond.jpg') repeat-x;

}



#page {

	width:935px;

	margin:0 auto;

	background:#000 url('images/bg.jpg') repeat-y;

}



#header {

	width:935px;

	height:216px;

	background:transparent url('images/head.jpg') no-repeat;

}



#gauche {

	width:256px;

	float:left;

}



#produits {

	width:256px;

	background:transparent url('images/produits-bg.jpg') repeat-y;

}



#produitshaut {

	width:196px;

	min-height:139px;

	_height:139px;

	background:transparent url('images/produits-haut.jpg') no-repeat;

	padding:90px 20px 0 48px;

}



#produits ul {

	padding: 0 0 14px 20px;

	list-style-image:url('images/puce.jpg');

}



#titre {

	width:935px;

	height:57px;

	float:left; /*background:transparent url('images/bg-menu.jpg') no-repeat;*/

}



#contenu {

	width:619px;

	min-height:210px;

	_height:210px;

	float:left;

	background:transparent url('images/bg-contenu.jpg') no-repeat top;

	padding:20px 30px 0 30px;

}



#contenu p { padding:0 0 14px 0; }



#contenu ul { padding:0 0 14px 50px; }



#conteneuradresse {

	width:100%;

	clear:both;

	background:#000 url('images/fond-bas.jpg') repeat-x;

}



#adresse {

	width:935px;

	height:62px;

	margin:0 auto;

	clear:both;

	background:transparent url('images/adresse.jpg') no-repeat;

}



#coordonnees {

	width:246px;

	padding:20px 0 0 10px;

	text-align:center;

}



#coordonnees p, a { padding:0 0 14px 0; }



#coordonnees a img { border:none; }



#menubas {

	padding: 10px 0px 10px 0px;

	text-align:center;

	color:#fff;

	font: normal 9px Verdana, Arial, Helvetica, sans-serif;

}



#menubas a { color:#fff; }



#menubas img {

	border:none;

	padding-top:10px;

}



.photo {

	float:right;

	margin:0px 0 0 10px;

}



.encadre { border:  2px solid #222; }



/*---------------- logo Yzeo ---------------------*/







#yzeo {

	text-align:center;

	color:#fff;

	font-size:10px;

	padding: 12px 8px 0px 80px;

}



#yzeo img {

	padding: 0 5px 2px 5px;

	border:none;

	vertical-align:middle;

}



#yzeo a {

	color:#fff;

	font-size:10px;

}



/*---------------- fin logo Yzeo -----------------*/ 



				



/*-------------------------formulaire------------------------*/







#decalagegauche { margin-left:20px; }







.labelform {

	width: 203px;

	float: left;

	text-align: right;

	margin: 0 5px 0 0;

	padding: 0 5px 0 0;

} /* carateristique des label, width minimum 203px; */



.pform {

	padding: 3px 0px 10px 0px;

	text-align:left;

	clear:both;

} /* carateristique des p */



.inputform {

	width:300px;

	height:13px;

	float:left;

	margin: 0 5px 0 2px;

} /* carateristique des input */



.textareaform {

	width:398px;

	height:100px;

	overflow: auto;

	background-color:transparent;

} /* carateristique du textarea */



.selectform {

	height:18px;

	float:left;

	margin: 0 5px 0 2px;

	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;

	color:#fff;

	background-color:#191E22;

} /* carateristique des select */



.labelmessage { width:95px; } /* carateristique du label contenant "Votre message" */



#labelenvoyer { width:125px; } /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */



.inputenvoyer {

	width:150px;

	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;

} /* carateristique de l'input "envoyer mon 			message" */



.divtexte {

	margin: 5px 0 0 0;

	text-align:center;

	clear: both

} /* carateristique de la div contenant le texte du captchat*/



#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */



#formulaire div a { color:#fff; } /* couleur du lien dans capchat */



.divimagecaptchat { display:none; } /* carateristique de la div entourant l'image captchat */



.transp, .inputtexte {

background-color: #070A1D;

	border: 1px solid #B3B5C1;

	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;

	color:#fff;

} /* pour rendre les input et textarea transparent avec une bordure */



input[type="file"] {

	color: #000;

}



/*-------------------------fin formulaire------------------------*/







.titreplan {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	color: #1D2033;

	font-weight: bold;

}



.txtplan {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	color: #333333;

}



.plan {

	padding-right:10px;

	border: 3px solid #000000;

	width: 500px;

	height: 380px;

}



/*************************** Fin Class Plan API GOOGLE ***************************/



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



/*//////////////////       INSCRIPTION LOGIN COMPTE      ///////////////////////////*/



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

/*---------------menu du login------------------------------------------------------*/


div#zone_login {

	margin-left:10px;

	height:130px;

}



div#zone_login_2 { margin-left:20px; }



div#ss_zone_login_2 { margin-top:3px; }



div#champ_login {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#000000;

}



a#login {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#000000;

}



div#login {

	margin-left:10px;

	height:20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#900808;

}



/*----------------page inscription.php---------------------------*/



div#message_erreur {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color:#900808;

	font-weight:600;

}


#formulaire { width:590px; text-align:center; padding:5px 0 15px; margin:0 auto; clear:both; } /* carateristique du formulaire */
fieldset { padding:0 10px;border:1px solid #fff; /* couleur du fieldset */ }

.clearb { clear:both }
legend { padding:2px 15px 2px 10px; font: 700 1em Georgia, "Verdana", Times, serif; color:#fff; /* couleur de la légende */ /*border-left:3px solid #c6189f; barre verticale */ }
.margform { margin-bottom:30px; }
.padding_top_20 { padding-top:20px; }
#civilite { text-align:left; margin:7px 0 10px 0; }

.label1, .label2, .label3 { float:left; text-align:right; margin-bottom:5px; }
.label1 { width:74px; }
.label2 { width:74px; }
.label3 { padding-left:24px; width:207px; }
.label_message { width:100%; text-align:center; }

.input1, .input2, .input3 { float:left; }
.input1 { width:141px; }
.input2 { width:141px; }
.input3 { width:182px; }

.textarea { width:394px; height:60px; overflow:auto; clear:both; }
.image_antispam { display:none; }
#question { font-weight:700; text-align:center; width:100%; }
#code { width:150px; }
.divimagecaptchat { margin:0 auto; }

.border, #code, #civilite select, #imgcaptcha { color:#000; border:1px solid #03062E; /* couleur des champs */ }
/* Effet de pointiers lors de la selection d'un champ input ou textarea */
.border_hover, #code.border_hover { color:#000; border:1px dashed #03062E; /* couleur des champs selectionnées */ }

.envoyer { width:150px; height:auto; margin-bottom:20px; }



.logue {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight:800;

	color:#000000;

}



/*---------------Page compte.php----------------------------------------------------*/



.big_logue {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight:600;

	color:#900808;

}



a#lien_contenu {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: normal;

	font-weight: normal;

	text-transform: none;

	color: #900808;

	letter-spacing: normal;

	word-spacing: normal;

	white-space: normal;

}



/*-----------Page passeoublie.php--------------------*/







.message_erreur {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #900808;

}



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



/*//////////////////      CATALOGUE DYNAMIQUE (MENU / RUBRIQUES/PRODUITS     /////////////////*/



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







div#texte_menu { color: #000000; padding-bottom: 5px; }



.contenu {

	margin-right:0px;

	margin-left:70px;

	margin-top:00px;

	width:650px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #900808;

}



.contenu_detail_commande {

	background-image:url(images/fond_detail_commande.jpg);

	background-repeat:no-repeat;

	background-position:top left;

}



.contenu_valide {

	margin-right:40px;

	margin-left:60px;

	margin-top:00px;

	width:533px;

	height:380px;

	background-image:url(images/fond_valide.jpg);

	background-repeat:no-repeat;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

}



.contenu_recap_facture_client {

	background-image:url(images/fond_recap_commande_client.jpg);

	background-repeat:no-repeat;

	background-position:center;

	width:500px;

	height:460px;

}



table#contener_image_rub {

	background-image:url(images/fond_rub_fond.png);

	background-position:bottom;

	background-repeat:no-repeat;

}



table#contener_image_prod { background-image:url(images/fond_prod_fond_repeat_g.jpg); }



a#lien_menu {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#DDDDDD;

	font-weight:200;

	text-decoration:none;

}



a#lien_menu:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#FFFFFF;

	text-decoration:none;

}



a#lien_menu_select {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight:600;

	color:#FFFFFF;

	text-decoration:none;

}



a#lien_visu {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#000000;

	text-decoration:none;

}



div#galerie { left:0px; }



#galerie div {

	margin-top:0px;

	margin-left:17px;

	border-color:#006600;

	float:left;

}



.lib_rub_affiche {

	margin-left:20px;

	color:#FFFFFF;

	font-size:12px;

	font-weight:600;

	width:450px;

}



/*----rubrique ----------*/



	



	a#lien_rubrique {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	color:#6a4068;

	font-weight:600;

	text-decoration:none;

}



div#titre_rub {

	margin-left:11px;

	margin-right:11px;

	margin-top:17px;

	background-image:none;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:600;

	color:#FFFFFF;

}



a#lien_rubrique {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:600;

	color:#FFFFFF;

	text-decoration:none;

}



div#desc_rub {

	margin-left:15px;

	margin-right:5px;

	background-image:none;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#BBBBBB;

	font-size:11px;

	text-align:justify;

}



div#desc_rubrique {

	color:#181b2e;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	text-align:justify;

}



img#style_image {

	border-style:solid;

	border-width:2px;

	border-color:#FFFFFF

}



/*---- produit ----------*/



	div#titre_prod {

	margin-left:7px;

	margin-right:7px;

	margin-top:15px;

	background-image:none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#900808;

	font-weight:600;

}



a#titre_produit {

	color:#FFFFFF;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	text-decoration:none;

}



div#desc_prod_detail {

	margin-left:20px;

	margin-right:20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#fff;

	text-align:justify;

}



._detail {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#000000;

	border:#FF9900 solid 1px;

}



.desc_prod_detail p { color:#000000; }



div#titre_prod_detail {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	color:#FFFFFF;

	font-weight:600;

	margin-top:5px;

	margin-left:40px;

	margin-right:40px;

}



div#img_detail {

	background-image:url(images/fond_prod_detail_headG.jpg);

	background-repeat:no-repeat;

	min-height:260px;

	display:block;

}



img#img_marque { border:#FF9900 solid 1px; }



td#td_info_prod { border-bottom:#FF9900 solid 1px; }



td#td_decli_produit {

	border-left:#FF9900 solid 1px;

	border-bottom:#FF9900 solid 1px;

}



td#td_decli_produit2 { border-bottom:#FF9900 solid 1px; }



td.td_decli_produit { border-top:#FF9900 solid 1px; }



td.td_decli_produit2 {

	border-top:#FF9900 solid 1px;

	border-right:#FF9900 solid 1px;

}



td.td_decli_produit3 { border-right:#FF9900 solid 1px; }



font {

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.texte3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color:#fff;

	font-size:16px;

	text-align:center;

}



.desc_prod {

	margin-left:5px;

	margin-right:5px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#181b2e;

	font-size:11px;

	text-align:justify;

}



.tab_prod_detail {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#900808;

}



.tab_prod_decli_principal {

	border:#E1E2F4 solid 2px;

	background-color:#F6EDF2;

}



.tab_prod_decli_secondaire {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#000000;

}



div#prix {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:600;

	font-size:12px;

}



img#img_prod {

	border-style:solid;

	border-width:2px;

	border-color:#666666;

}



.selpage { color:#BBBBBB; }



a#ajout_panier {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#900808;

}



a#ajout_panier:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#900808;

}



/*-----------------------------------------------------------------------------------------*/











/*--------pagination-------------------------------------*/



.liencpt {

	color:#999999;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

}



.selpage {

	color:#CCCCCC;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:600;

}



div#pagination { margin-left:25px; }







/*--------------------------------------------------------*/

.floaleft { float:left }
.center { margin:0px auto }
