/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
img{ behavior: url("inc/iepngfix.htc") }

body#main{
	background-color: #d5f2f6;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 12px;
	/* Garder 3 fontes seulement */
	font-family: Verdana, Arial, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;position: relative;}
a{
	color:#4b5a65;
	text-align:left;
	position: relative;
}

h1{color: #005288;font-size:22px;font-weight:normal;margin-bottom:8px;}
h1 a, h1 a:link, h1 a:visited{color:#005288;}

h2{color: #196394;font-size:17px;font-weight:normal;margin-bottom:6px;}
h2 a, h2 a:link, h2 a:visited{color:#196394;}
h2 a:hover, h2 a:visited:hover{color:#ffc423;}

h3{color: #196394;font-size:15px;font-weight:normal;margin-bottom:3px;}
h3 a, h3 a:link, h3 a:visited{color:#196394;}
h3 a:hover, h3 a:visited:hover{color:#ffc423;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#logo{
	display:none;
	position: absolute;
	visibility: hidden;
	width:1000px;
}
#logo img{
	display:none;
	visibility: hidden;
}

#conteneur{margin: 0 auto 0 auto;text-align:left;width:1000px;}
#haut{
	background: url(gx/m/haut_bg.gif) repeat-y top left;
	height:34px;
	width:1000px;
}
#haut #boiteFormulaireRecherche{
	float:right;
	padding: 6px 51px 0 0;
	width:350px;
	text-align:right;
}
#bandeau{
	width:1000px;
	height:209px;
	display:block;
}

#hautSep{
	background: url(gx/m/hautSep_bg.gif) repeat-y top left;
	height:17px;
	width:1000px;
}
#menuSep{
	background: url(gx/m/menuSep_bg.gif) repeat-y top left;
	height:17px;
	width:1000px;
}
#milieu{
	background:#FFF url(gx/m/milieu_bg.gif) repeat-y top left;
	display:block;
	width:1000px;
}
#basPage{
	background: url(Gx/M/bas.gif) no-repeat top left;
	height:70px;
	width:1000px;
}

#milieu #colMenuSec{
	float:left;
	width: 208px;
}
#milieu #colContenu{
	float:right;
	padding:17px 17px 17px 0;
	text-align:justify;
	width:758px;
	_width:748px;
}
#milieu #colContenu2{
	float:left;
	padding:17px 0 17px 0;
	width:758px;
	/*_width:745px;*/
}

#colMenuSec .menuSousHaut{
	background: url(gx/m/menuSousHaut_bg.gif) repeat-y top left;
	color:#FFF;
	display: block;
	float:left;
	font-weight:bold;
	font-size:12px;
	/*height:34px;*/
	padding:8px 0 8px 35px;
	width: 208px;
}
#colMenuSec .menuSecHaut{
	background: url(gx/m/menuSecHaut_bg.gif) repeat-y top left;
	color:#FFF;
	display: block;
	float:left;
	font-weight:bold;
	font-size:12px;
	/*height:34px;*/
	padding:8px 0 8px 35px;
	width: 208px;
}

.boiteResultat{
	background:#e6eef4;
	border-bottom:1px solid #a7c3d6;
	display:block;
	margin-bottom:17px;
	padding:17px;
	width:723px;
	_width:700px;
}
.cadrePhoto{
	/*background:#dee9f0;
	padding:6px;*/
}
.cadrePhoto p{font-size:11px; text-align:center;}

/* MENU PRINCIPAL
--------------------------------------------------------------------------------------- */
#menu{background: url(gx/m/menu_bg.gif) repeat-y top left; display:block; height:51px; margin:0; padding:0; width:1000px;}
#menu ul{float:right;margin:0; padding:0 38px 0 0;}
#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{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 51px;
	padding: 19px 12px 18px 11px;
	margin:0;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#ffc423; background:url(gx/m/menu_over_bg.png) repeat;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#FFF; background:#b79022;}

/* MENU SECONDAIRE
--------------------------------------------------------------------------------------- */
.menuSec{display:block; float:left; margin:0 0 15px 0; padding:0; width:208px;}
.menuSec a, .menuSec a:link, .menuSec a:visited{
	color: #3a2d10;
	display: block;
	float:right;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 4px 5px 18px;
	margin: 3px 0 4px 0;
	text-decoration: none;
	text-transform: uppercase;
	width:169px;
}
.menuSec a:hover, .menuSec a:visited:hover{color:#FFFFFF; background:url(gx/m/menuSous_over_bg.png);}
.menuSec a.actif, .menuSec a.actif:visited{color:#3a2d10; font-weight:bold; background:#dec650;}

/* MENU HAUT
--------------------------------------------------------------------------------------- */
#menuHaut{margin:0; padding:8px 0 0 51px; float:left;}
#menuHaut a, #menuHaut a:link, #menuHaut a:visited{
	color: #005288;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
#menuHaut a:hover, #menuHaut a:visited:hover{color:#FFF;}
				  
/* Page publicités */	  
#adv { margin:24px 0; } 
#adv a.videoplay{ opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; margin:0 24px; } 
#adv a.videoplay:hover{  opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; }
#adv a.videoplay img{ padding:5px; border:1px solid #aaa; }
#adv a.videoplay:hover img{ border-color:#044879; }

/* Page Clinique - Section onglets */
.boiteOngletPage{
	background:#e6eef4;
	border-top   :6px solid #427fa7;
	border-bottom:1px solid #a7c3d6;
	display:block;
	margin-bottom:17px;
	padding:17px;
	width:723px;
	_width:700px;
}
a.boutonOnglet, a.boutonOnglet:link{
	background:#abc6d8;
	border-top:4px solid #FFF;
	border-right:2px solid #FFF;
	color:#427fa7;
	display:inline;
	float:left;
	font-size:13px;
	font-weight:bold;
	padding:8px 8px 8px 8px;
	text-decoration:none;
}
a.boutonOnglet:hover, a.boutonOnglet:visited:hover{background:#98b9d0;}
a.boutonOnglet_actif, a.boutonOnglet_actif:visited{
	background:#427fa7;
	border-right:2px solid #FFF;
	color:#FFF;
	display:inline;
	float:left;
	font-size:13px;
	font-weight:bold;
	padding:8px 8px 12px 8px;
	text-decoration:none;
}
.ongletPage{
	display:none;
	float:right;
	min-height: 320px; _height: 320px;
	width:721px;
	_width:700px;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #4b5a65; text-align:jutify;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #4b5a65; 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:#ffc423; text-decoration:underline;}
ul li{font-size:12px; line-height:150%; color:#4b5a65; list-style:square; margin-left:16px; text-align:left;}
ol li{font-size:12px; line-height:150%; color:#4b5a65; margin-left:16px;text-align:left;}

.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.lettrine:first-letter{background:url(gx/m/lettrine_bg.gif); color:#FFF; font-size:34px; float:left; font-weight:bold; margin:6px 4px 0 0; padding:11px 15px 10px 15px; text-transform:uppercase;}

.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;
}
.lienBouton{
	background:#005288 url(gx/icone_formulaire2.gif) no-repeat right;
	border-top:2px solid #f6f5ed;
	border-left:2px solid #f6f5ed;
	border-bottom:2px solid #9f9d91;
	border-right:2px solid #9f9d91;
	color: #dee9f0;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	margin-right:10px;
	padding:8px 44px 8px 18px;
	text-decoration:none;
}
.lienBouton:hover{background-color: #17b8ce;color:#fff;} /* FF seulement */


.tableau{
	margin:0;
	padding:0;
}
.tableau th{
	background-color: #005288;
	color:#FFF;
	font-size:12px;
	margin:0;
	padding:6px;
}
.tableau td{
	background:#e6eef4;
	font-size:11px;
	margin:0;
	padding:6px;
}

#lienCommande{text-align:left; float:right;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#528aae; font-size:10px; line-height:16px; padding:0; text-align:center;}
#piedPage a{color:#528aae; text-decoration:underline;}
#piedPage a:hover{color:#005288;}
#piedPage .lienVortex{ color:#000000; }
#piedPage .lienVortex a{ color:#000000; }

/* ARBORESCENCE
--------------------------------------------------------------------------------------- */
ul.arborescence, ul.arborescence ul{list-style-type: none;background:#fff url(gx/arbo_lignev.gif) repeat-y;margin: 0;padding: 0;}
ul.arborescence ul {margin-left: 10px;}
ul.arborescence li {background: url(gx/arbo_ligne.gif) no-repeat;color: #369;line-height: 20px;list-style-type: none;margin: 0;padding: 0 12px;}
ul.arborescence li.premier {background: #fff url(gx/arbo_premier.gif) no-repeat;}
ul.arborescence li.dernier {background: #fff url(gx/arbo_dernier.gif) no-repeat;}
ul.arborescence li:last-child {background: #fff url(gx/arbo_dernier.gif) no-repeat;}

/* 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: #dee9f0;
	color: #005288;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #dee9f0;
	color: #005288;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #dee9f0;
	color: #005288;
	font-size: 12px;
	font-family: Verdana;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #005288;
	color: #dee9f0;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	padding:0 2px 0 2px;
	_padding:0px;
}
.bouton:hover{background-color: #17b8ce;color:#fff;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}
.champCache {display:none; visibility:hidden;} /* Utilisé pour l'antiSpam */