/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */

body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #14202a url(gx/bg.gif) repeat-y  scroll center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #054271;
	font-size: 12px;
	/* Garder seulement 3 fontes */
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
a, a:link, a:visited{outline: none; /* Placer ici les mêmes paramètres que la classe p{} */}


a{color: #154f7e;text-decoration:none; }
a:hover{text-decoration:underline;}

h1{color: #154f7e; font-size:16px;margin: 0 0 5px 0;}
h1 a, h1 a:link, h1 a:visited{color:#154f7e;}

h2{color: #154f7e; font-size:15px;}
h2 a, h2 a:link, h2 a:visited{text-decoration:none;color:#154f7e;}
h2 a:hover{text-decoration:underline;}

.both{clear:both;}
.image{margin-left:10px;float:right;}

.FloatR{ float:right;}

.btnRetour{ float:right;background-color:#729BC7;padding:2px 4px;color:#fff;font-weight:bold;border:2px solid #729BC7;}
.btnRetour:hover{text-decoration:none;border:2px solid #fff;}

.btnVoir{ float:right;background-color:#729BC7;padding:2px 4px;color:#fff;font-weight:bold;border:2px solid #729BC7;}
.btnVoir:hover{text-decoration:none;border:2px solid #fff;}
 
.btnLireSuite{ float:right;background-color:#729BC7;padding:2px 4px;color:#fff;font-weight:bold;border:2px solid #729BC7;}
.btnLireSuite:hover{text-decoration:none;border:2px solid #fff;}

.right{float:right;}
.left{float:left;}

/* HEADER
--------------------------------------------------------------------------------------- */

#header #logo{float:left;position:relative;top:50px;}

#header ul{position:relative;left:30px;top:10px;float:left;}
#header ul li {padding:0; margin:0; display:inline; list-style-type:none;}
#header ul li a{color:#fff;font-weight:bold;text-decoration:none;margin:0 2px;}

#header #boiteFormulaireRecherche{
	float:right;
	margin: 0 51px 0 0;
	width:350px;
	text-align:right;
}
#header #boiteFormulaireRecherche .champTexte{height:15px;margin:0;width:150px;font-size:12px;}
#header #boiteFormulaireRecherche #loupeRecherche{position:relative;top:7px;}

/* CONTENEURS
--------------------------------------------------------------------------------------- */

#conteneur{
	background-color: #eef2f9;
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}


#header{background: url(Gx/M/bg_header.gif) no-repeat;height:150px; position:relative;}

#menu{background: url(Gx/M/bg_menu.gif) no-repeat;height:37px;}

#contenu{background: url(Gx/M/bg_contenu.gif);width:1000px;}

#gaucheContenu{margin-top:60px;padding-bottom:55px;width:175px;float:left;background: url(Gx/M/bg_gauche.gif);}

#gaucheContenu .menuGauche{background-color:#bacee4;margin-top:3px;}
#gaucheContenu .menuGauche.actif{background-color:#154f7e;}
#gaucheContenu .menuGauche.actif a{color:#fdb728;font-weight:bold;}
#gaucheContenu .menuGauche a{font-size:12px;text-decoration:none;color:#286291;display:block;padding:15px;min-height:15px;}
#gaucheContenu .menuGauche a.actif{color:#fdb728;}
#gaucheContenu .menuGauche a:hover{color:#fdb728;background-color:#154f7e;}
#gaucheContenu .menuGauche.actif ul li{margin:0;list-style-type:none;}
#gaucheContenu .menuGauche.actif ul a{font-size:11px;color:#fdb728;font-weight:normal;display:block;padding:2px;padding-left:15px;}
#gaucheContenu .menuGauche.actif ul a:hover{color:#fff;background-color:#286291;}
#gaucheContenu .menuGauche.actif ul a.actif{background-color:#286291;color:#fff;}

#gaucheContenu .menuGauche_2{background-color:#dee8f2;margin-top:3px;}
#gaucheContenu .menuGauche_2.actif{background-color:#154f7e;}
#gaucheContenu .menuGauche_2.actif a{color:#fdb728;font-weight:bold;}
#gaucheContenu .menuGauche_2 a{font-size:12px;text-decoration:none;color:#286291;display:block;padding:15px;height:15px;}
#gaucheContenu .menuGauche_2 a.actif{color:#fdb728;}
#gaucheContenu .menuGauche_2 a:hover{color:#fdb728;background-color:#154f7e;}

#centreContenu{margin-left:210px;}

#incluTexte{width:740px;padding:10px 0;overflow:auto;}

.boiteResultat{
	float:left;
	background:#d4e0ee;
	border:1px solid #a7c3d6;
	display:block;
	margin-bottom:17px;
	padding:17px;
	width:700px;
}
.boiteResultat .adresseClinique{float:left;width:280px;}
.boiteResultat .TelClinique{float:left;width:200px;}
.boiteResultat .lienDetail{float:right;width:150px;text-align:right;}

.boiteListeProduit{
	position:relative;
	float:left;
	background:#d4e0ee;
	border:1px solid #a7c3d6;
	display:block;
	margin:10px 0;
	padding:17px;
	width:700px;
}

.boiteNouveauProduit{
	float:left;
	background:#fff;
	border:1px solid #a7c3d6;
	display:block;
	margin:10px 0;
	padding:17px 17px 0 17px;
	width:700px;
}

.boiteNouveauProduit .AppercuNouveauProduit{
	float:left;
	padding:0 20px 20px 20px;
}

.boiteNouveauProduit a{display:block; margin-bottom:5px;font-weight:bold;text-decoration:none;color:#286291;} 
.boiteNouveauProduit a:hover{text-decoration:underline;} 
.boiteNouveauProduit .AppercuNouveauProduit a {text-align:center;}


.lespages{
	border-right:1px solid #154F7E;
	margin-right:5px;
	padding-right:5px;
	float:left;
}
.NumPagesProduit{
	float:right;
	margin:10px;
}

.NumPagesProduit a,.NumPagesProduit span{
	text-decoration:none;
	padding:2px;
	color:#154F7E;
}

.NumPagesProduit a:hover,.NumPagesProduit span{
	background-color:#154F7E;
	color:#fff;
}
html>/**/body .precedentsuivant, x:-moz-any-link, x:default {float:right;}

.both, .clearBoth{clear:both;}

.underline{text-decoration:underline;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu ul{padding-left:243px; position:relative;top:5px;}
#menu ul,  x:-moz-any-link{padding-left:243px; position:relative;top:6px;}
#menu ul, x:-moz-any-link, x:default {top:5px;} /*FireFox 3 */


/*#menu ul{position:relative;left:193px;top:5px;}*/
/*#menu ul,  x:-moz-any-link {top:6px;}*/  /*FireFox 2 */
/*#menu ul, x:-moz-any-link, x:default {top:5px;}*/ /*FireFox 3 */

#menu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	border-right:1px solid #fdb728;
	border-left:1px solid #fdb728;
	color: #154f7e;
	font-size: 11px;
	font-weight: bold;
	padding:8px 6px;
	text-decoration: none; 
	margin:0 -2px;
}
#menu ul li a:hover, #menu ul li a:visited:hover{background-color:#37688d; color:#fff;}
#menu ul li a.actif, #menu ul li a.actif:visited{background-color:#054271; color:#fff;}

#sousMenu div{ z-index:999; }

#sousMenu a {
	margin:0;
	padding:0;
	color:#fdb728;
	display:block;
	text-decoration:none;
	padding:4px 28px 3px 12px;
}
	
#sousMenu a:hover,#sousMenu a.actif  {
	color:#fff;
	background: #37688d;
}



#listeAncreFaq li{list-style-type:none;padding:0 0 2px 0;margin:0;width:400px;}
#listeAncreFaq li a h3{padding:3px 10px;;font-size:12px;background-color: #DEE8F2;}
#listeAncreFaq li a:hover h3{background-color: #d4e0ee;}

#listePlanSite_1{float:left;margin:10px 100px 10px 20px;}
#listePlanSite_1 li{padding:2px;list-style:none;}
#listePlanSite_1 a{text-decoration:none;}
#listePlanSite_1 a:hover{text-decoration:underline;}

#listePlanSite_2{margin:30px 0 0 300px;}
#listePlanSite_2 li{padding:2px;list-style:none;}
#listePlanSite_2 a{text-decoration:none;}
#listePlanSite_2 a:hover{text-decoration:underline;}



#Menu_SousCatProd{margin:5px 0 10px 0;}
#Menu_SousCatProd a{text-decoration:none;padding:2px; margin-right:5px;}
#Menu_SousCatProd a:hover, #Menu_SousCatProd a.actif{
	color:#fff;
	background: #37688d;
}


/* TEXTES
--------------------------------------------------------------------------------------- */
#ContenuTexte{margin : 10px 0;text-align:justify;}
p{font-size: 12px; line-height: 150%; color: #054271;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}
ul li{color:#054271; font-size:12px; line-height:150%; list-style:disc; margin-left:16px; }
.boiteListeProduit ul li{position:relative;left:16px;}
ol li{color:#054271; font-size:12px; line-height:150%; margin-left:16px;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienDownPDF{
	background: url(Gx/icone_down_pdf.gif) no-repeat right;
	padding:7px 25px 6px 0;
	float: right; 
	margin-right: 5px; 
	position: relative; top: -2px;
	clear:right;
}

/* 00_100
--------------------------------------------------------------------------------------- */
#PromoAccueil{float:left;margin-right:11px;}
* html #PromoAccueil{width:560px;}

.nouvellesAccueil{ border-top:1px solid #A7C3D6; margin-top:10px;padding-top:12px;float:left; }
.nouvellesAccueil.premier{border:none;padding-top:0px;}
.nouvellesAccueil .nouvellesAccueilImage{width:180px;float:left;}
.nouvellesAccueil .nouvellesAccueilTexteImage{width:450px;float:left;}
.nouvellesAccueil .nouvellesAccueilTexte{}

/* 12_100
--------------------------------------------------------------------------------------- */
#RechercheCP{padding:0 0 10px 0;margin:10px 0px;border-bottom:1px solid #BACEE4;}
#RechercheCR{position:absolute;left:400px;top:0;}

#RechercheVille{padding:0 0 10px 0;margin:30px 0;border-bottom:1px solid #BACEE4;position:relative;}
#RechercheProvince{position:absolute;left:400px;top:0;}

#RechercheVille .listeDeroulante{width:180px;float:left;margin-left:5px;}

#RechercheNomClinique{padding:0 0 10px 0;margin:30px 0;border-bottom:1px solid #BACEE4;}

#ListeCompleteClinique{padding:0 0 10px 0;margin:30px 0;}

/* 18_100 Catalogue personalise
--------------------------------------------------------------------------------------- */
.btn_retirer{
	position:absolute;
	left:715px;
	top:5px;
	_left:675px;
	display:block;
	background: url(gx/M/delete2.png) no-repeat left top;
	width:16px;
	height:16px;
}

.btn_ajouter_catalogue{
	position:absolute;
	left:715px;
	top:5px;
	display:block;
	background: url(gx/M/add.png) no-repeat left top;
	width:16px;
	height:16px;
}

/* 17_100 Panier d'achat
--------------------------------------------------------------------------------------- */
#panier{
	position:absolute;
	left:775px;
	top:80px;	
	width:192px;
	/*border:1px solid red;*/
}

#panier h3{font-size:16px;}

a#btn_panier{
	display:block;
	width:192px;
	height:35px;
	/*width:167px;
	height:35px;*/
	padding:10px 10px 15px 15px;
	background:url(gx/M/btn_panier.gif) no-repeat left top;
	color:#054271;
	font-weight:bold;
	font-size:12px;
	line-height:150%;
	text-decoration:none;
}

a#btn_panier:hover, a#btn_panier:visited:hover{
	background:url(gx/M/btn_panier_over.gif) no-repeat left top;
}

#formAjouter{
	width:390px;
	float:right;
	
}

#divAjouter{
	float:right;
	width:365px;
	/*height:40px;
	_height:45px;*/
	height:80px;
	_height:85px;
	padding-top:10px;
	_padding-top:5px;
	padding-right: 5px;
	padding-left:20px;
	background-color:#bacee4;
	
}

.btnAjouter {
	float:right;
	display:block;
	border:medium none;
	width:151px;
	height:31px;
	background:url("gx/M/btn_ajouter.gif") no-repeat left top transparent;
	color:#fff;
	font-size:14px;
	text-align:left;
	cursor:pointer;
	padding-left:18px;
	padding-bottom:5px;
	*padding-bottom:0px; /* IE7 + */
}

#divQuantite{
	float:left;
	margin-top:5px;
}

.quantity, .option{
	float:left;
	margin-top:3px;
	margin-right:10px;
	width:60px;
}


div#PanierHeader{display:block;	margin:6px 0 0 0;padding:0;}

div#PanierHeader ul li{	
	display:block; float:left; 
	list-style:none;
	font-size:14px;
	text-align: center;
	margin:0 7px 10px 0;
	padding:2px 10px;
	color:#666; 
	line-height:18px;
}
div#PanierHeader ul li a, div#PanierHeader ul li a:hover{
	text-decoration:underline;color:#666; 
}
div#PanierHeader ul li.actif{color:#0069aa;}

a.btnPrecedent, a.btnPrecedent:visited{
	float:left;
	display:block;
	text-decoration:none;
	text-align:center;
	margin-right:5px;
	padding-top:4px;
	width:173px;
	height:21px;
	/*background-color:#ee352c;*/
	color:#fff;
	background:#0069aa url(gx/M/btn_precedent.gif) no-repeat left center;
	
}

a.btnSuivant, a.btnSuivant:visited{
	float:left;
	display:block;
	text-decoration:none;
	text-align:center;
	padding-top:4px;
	width:173px;
	height:21px;
	color:#fff;
	/*background-color:#ee352c;*/
	background:#0069aa url(gx/M/btn_suivant.gif) no-repeat right center;
	
}

a.btnPrecedent:hover, a.btnPrecedent:visited:hover, a.btnSuivant:hover,a.btnSuivant:visited:hover{background-color:#0069aa; color:#fff;}

#innerCtn fieldset{border:medium none; font-size: 11px; margin-bottom:10px; padding:5px;}
#innerCtn fieldset label{float:left; font-size:12px; color:#000; margin:2px 0;  width:150px;}

table{font-size:11px;}
table.w100 {width:100%;}
table tr td{padding: 3px; line-height:150%;border-bottom: 1px solid #cfd4d9;}
table tr.noBorder td{border:none;}
table tr.trTitre{
	font-weight: bold;
	font-size: 13px;
	background-color: #e7ecea;
	color: #4F4F4F;
	border-top: 1px solid #cfd4d9;
	/*color:#1466bb;*/

}
table tr.trTitre td{} 
table tr.row1{	background-color:  #fff;}
table tr.row2{	background-color:#F5F5F5;}

#boiteInfo{
	float:left;
	display:block;
	width:350px;
	border: 1px solid #e3e3e3;
	border-top: none;
	margin-right:10px;
	height: 230px;
}
#boiteInfoInt{margin:20px 10px;}
#boiteInfo h3{
	text-align: center;
	color: #1466bb;
	border-top: 1px solid #e3e3e3;
	padding: 4px 0;
	font-weight: bold;
	font-size: 13px;
}

#innerCtn{
	float:left;
	padding-top:5px;
	width:700px;
}

.VoirAjouter{
	clear:both;
	float:left;
	/*border:1px solid red;*/
	width:100%;
}


/* 19_100 Rapport Stats
--------------------------------------------------------------------------------------- */
#rapportStats{
	margin-top:5px;
	border-collapse:collapse;
}

.rapportStats_header{
	background-color:#154F7E;
	color:#fff;
}

#rapportStats td, #rapportStats th{
	padding:5px;
}

#rapportStats tr.impair{background-color:#E1ECF8;}

#rapportStats_gauche{
	float:left;
}

#rapportStats_droite{
	float:right;
}

#tblRapportStats{
	clear:both;
	height: 500px;
	margin:0px;
	padding:0px;
}

.dateCalIcon {  background:url(Gx/M/btn_calendrier.gif); width:16px; height:16px; cursor:pointer; }

#ui-datepicker-div {width:186px!important;}

.DateEffacer{float:left;display:block; padding-top:4px; margin-left:3px;}

/* 20_100 Rapport Stats
--------------------------------------------------------------------------------------- */
.lienImprimer{margin-right:10px;margin-left:20px;float:right;font-weight:bold;}
.lienExporter{margin-right:10px;margin-left:20px;float:right;font-weight:bold;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#piedPage{background-color: #729bc7;color:#eef2f9; font-size:10px; padding:10px;}
#piedPage a{color:#eef2f9; text-decoration:underline;}
#piedPage a:hover{color:#eef2f9;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#eef2f9;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #eef2f9;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#bookmarker a{color:#BD9500; text-decoration:underline;}
#bookmarker a:hover{color:#000;}

#piedtexte {background-color: #729bc7; float:left; color:#fff; text-decoration:none; width:980px; font-size:11px ; text-align:justify; padding: 5px 10px 10px 10px;}
#piedtexte a{color:#fff; text-decoration:underline; font-size: 11px ;}
#piedtexte a:hover{color:#fff;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #9cbcd2;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#005288; padding:3px;}
fieldset label{font-size: 12px; color:#005288;margin:2px 0 2px 0;}

.champTexte{	
	background: #fff; /*#EEF3F7;*/
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}

#FormFacturationClient .listeDeroulante, #FormFacturationLivraison .listeDeroulante{
	background: #FFF;	
}

.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color:#729BC7;padding:0 4px;color:#fff;font-weight:bold;border:2px solid #729BC7;
}
.bouton:hover{text-decoration:none;border:2px solid #fff;cursor:pointer;}

 
.champCache {display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color: #FF0000;}
.inputlogin{margin-bottom:5px;}