/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Intelligence Santé
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 00 mois 0000
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #211d1e;
	background: #FFFFFF;
}
p {
	margin: 0 0 12px 0;
}
h1 {
	font-size: 2.1em;
	font-weight: bold;
	color: #06629f;
	margin: 0 0 10px 0;
	clear: left;
}
h2 {
	font-size: 1.7em;
	color: #419cd5;
	margin: 0px 0 5px 0;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: ;
	margin: 15px 0 3px 0;
}
h4, h5, h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: ;
	margin: 10px 0 2px 0;
}
a, a:hover {
	color: #419CD5;
	text-decoration: none;
}
a:hover {
	color: #06629F;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer {
	clear: both;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#Wrapper {
	width: 982px;
	margin: 0 auto;
}
#Entete {
	background: url(../images/Bg_Entete.jpg) no-repeat;
	height: 247px;
	margin-top:9px;
	position: relative;
}
#Logo {
	position: absolute;
	top: 55px;
	left: 8px;
}
#NavFixe {
	position: absolute;
	top: 10px;
	right: 6px;
}
#NavFixe li {
	float: left;
	font-size:1.1em;
	background: url(../images/Bg_NavFixe.gif) no-repeat 100% 2px;
	padding: 0 7px;
}
#NavFixe li.DernierItem {
	padding-right: 0;
	background: none;
}
#NavFixe a {
	color: #06629f;
}
#NavFixe a:hover {
	color: #419cd5;
}
#Slogan {
	position: absolute;
	top:121px;
	left:340px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	height:77px;
}
#Corps {
	width: 982px;
	background: url(/images/Bg_Contenu.png) no-repeat 279px 0;
}
#ColG, #ColD, #Contenu {
	float: left;
}
#ColG {
	width: 191px;
	background: url(../images/Bg_Menu.png) no-repeat;
	min-height: 262px;
	height: auto !important;
	height: 262px;
	margin-right: 30px;
}
#ColD {
	/*background: url(/images/Bg_ColD.png) no-repeat 1px 0;*/
	width: 227px;
	position: relative;
}
#Nouvelles {
	color: #fff;
	width: 120px;
	height: 150px;
	position: absolute;
	top: 47px;
	left: 49px;
	/*overflow:hidden;*/
}
#Nouvelles p {
	font-size: 1.1em;
}
#Nouvelles a {
	color: #fff;
	text-decoration: underline;
}
#Nouvelles a:hover {
	text-decoration: none;
}
#Nouvelles h4 {
	font-size: 19px;
	margin:0 0 10px 0;
}
#Contenu {
	width: 534px;
	padding-top: 10px;
	/*position: relative;*/
}
#Contenu p {
	font-size: 1.1em;
}
#PiedPage {
	text-align: center;
	margin-top: 15px;
}
#PiedPage p {
	font-size: 0.9em;
	color: #606b7a;
	margin-bottom: 0;
}
#PiedPage a {
	color: #606b7a;
}
#PiedPage a:hover {
	text-decoration: underline;
}
.AligneGauche {
	float: left;
}
.AligneDroite {
	float: right;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #Corps {
	background: none;
}
body.Accueil #Contenu {
	width: 323px;
	margin-top:20px;
	padding-top: 0;
}
body.Accueil #ColD {
	width: 438px;
	background: url(/images/Bg_ColD-Accueil.jpg) no-repeat top right;
	/*padding: 48px 0 0 0;*/
	position: relative;
	min-height: 460px;
	height: auto !important;
	height: 460px;
}
body.Accueil #Nouvelles {
	top: 47px;
	left: 260px;
}
#ExtraitsVideos {
	position: absolute;
	top: 255px;
	left: 230px;
	background: url(/images/Bg_ExtraitsVideos.png) no-repeat top left;
	width:210px;
	min-height: 74px;
	height: auto !important;
	height: 74px;
}
#ExtraitsVideos h3 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 153px;
	height:31px;
	margin: 0 0 0 31px;
}
#ExtraitsVideos ul {
	margin: 5px 0 0 57px;
}
#ExtraitsVideos ul li {
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#ExtraitsVideos ul li a {
	color: #000;
	text-decoration:underline;
}
#ExtraitsVideos ul li a:hover {
	text-decoration:none;
}
.BlocSpecial {
	font-size: 1.1em;
	color: #fff;
	background: #06629f;
	width: 135px;
	padding: 15px;
	text-transform: uppercase;
	position: absolute;
	top: 359px;
	left: 259px;
}
.BlocSpecial p {
	margin-bottom: 0;
}
.BlocSpecial a {
	color: #fff;
	text-decoration: none;
}
.BlocSpecial a:hover {
	text-decoration: underline;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#ContenuExtra {
	color: #06629f;
	position: absolute;
	top:255px;
	left: 50px;
	width: 134px;
	overflow: hidden;
}
#ContenuExtra p {
	font-size: 1.1em;
}
#ContenuExtra h3 {
	font-size: 2em;
	margin: 0 0 12px;
	}
p.LienTelechargementPDF {
	text-transform: uppercase;
	/*position: absolute;
	top:35px;
	left: 362px;*/
}
p.LienTelechargementPDF a {
	color: #424242;
	display: block;
	background:url(/images/Ico_PDF.gif) no-repeat;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 26px;
	/*float:right;*/
}
#ColOutils {
	float: right;
	width: 173px;
	margin: 0 0 0 35px;
	padding-top:3px;
	position: relative;
}
a.BtExtraitVideo {
	text-indent:-9999px;
	width:153px;
	height: 39px;
	display: block;
}
#ImageContenu {
	float: right;
}
p.SansVideo {
	margin-top: 53px;
}

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	margin-left: 8px;
}
#MenuPrincipal li {
	font-size: 1.1em;
	background: url(../images/Bg_ItemMenu.gif) no-repeat bottom left;
	padding: 5px 0;
}
#MenuPrincipal li a {
	color: #419cd5;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.On {
	color: #06629f;
	text-decoration: none;
}
#MenuPrincipal li.DernierItem {
	background: none;
}
#Contenu #SousMenu {
	margin:0 0 22px 0;
	padding: 0;
}
#Contenu #SousMenu li {
	/*float: left;*/
	display: inline;
	list-style: none outside none;
	margin:0;
	padding:0;
	text-transform: uppercase;
	border-right: 1px solid #419cd5;
	padding: 0 7px 0 0px;
	margin-right: 7px;
}
#Contenu #SousMenu li.PremierItem {
	padding-left: 0;
}
#Contenu #SousMenu li.DernierItem {
	border: 0;
}
#Contenu #SousMenu li a {
	color:#419cd5;
}
#Contenu #SousMenu li a:hover {
	color:#06629f;
}
#Contenu #SousMenu li a.On {
	color:#06629f;
	font-weight: bold;
}

/*- Styles pour Plan du site --------------------------------------------------*/
body #Contenu ul#PlanSite {
	margin:0;
}
body #Contenu ul#PlanSite li {
	font-size: 1.5em;
	padding:0;
	list-style: none outside none;
	border-bottom: 2px solid #195F9D;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
body #Contenu ul#PlanSite li ul {
	margin: 10px 0 0 20px;
	padding-bottom: 12px;
}
body #Contenu ul#PlanSite li ul li {
	border: 0;
	font-size: 0.7em;
	float: left;
	border-right: 1px solid #419cd5;
	padding: 0 7px 0 0px;
	margin: 0 7px 5px 0;
}
body #Contenu ul#PlanSite li ul li.DernierItem {
	border:0;
}

/*- Styles pour formulaires ----------------------------------------------------*/
.Formulaire {
	
}
.Formulaire p {

}
.Formulaire p.AligneGauche {
	margin-right: 15px;
}
.Formulaire p label {
	display: block;
	margin-bottom: 3px;
	
}
.Formulaire p label.AligneGauche {
	float:left;
	width: 90px;
	margin-top: 3px;
}
.Formulaire p label small {
	
}
input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtErreur {
	color: #FF0000;
}
#Contenu div.SommaireValidation {
	color: #b46f6d !important;
	background: #fdf1f1;
	border:1px solid #b46f6d;
	padding: 20px;
	margin-bottom: 12px;
}
#Contenu div.SommaireValidation ul {
	margin: 0;
}
#Contenu div.SommaireValidation ul li {
	float: left;
	list-style: none outside none;
	padding: 0;
}
.TxtBox {
	border: 1px solid #c4c3c3;
	padding: 2px;
	margin-right: 10px;
}
.TxtBox.Erreur{
    background:#FDF1F1;
    border:1px solid #B46F6D;
    color:#B46F6D !important;
}
.TxtArea {
	border: 1px solid #c4c3c3;
	padding: 2px;
	margin-right: 10px;
}
.SelectList {
	color: ;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin:	0 0 0 0;
}
p.Checkbox {

}
p.Checkbox label {
	display: block;
	float: left;
	margin: 0 15px 5px 5px;
}
p.Checkbox input {
	display: block;
	float: left;
}
p.Checkbox br {
	clear: both;
}
p.RadioBtn  {

}
p.RadioBtn label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.RadioBtn input {
	display: block;
	float: left;
}
p.RadioBtn br {
	clear: both;
}
.Btn {
	font-size: 16px;
	font-weight: bold;
	color: #06629f;
	text-transform: uppercase;
	background: #fff;
	border:0;
	float: right;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial{
    color:#419CD5 !important;
}
.TextePetit {
	font-size: 0.9em;
}

/*- Classes pour les hyperliens ----*/


/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #000000;
}
img.ImageGauche {
	border: 1px solid #000000;
	margin:	0 15px 5px 0;
	float: left;
}
img.ImageDroite {
	border: 1px solid #000000;
	margin: 0  0 5px 15px;
	float: right;
}

/*- Classes pour les listes ----*/
/* 	NOTE : Il est important de garder le font-size sur les ul et ol et non de le
	mettre sur les li, plus bas se trouve une liste d'ajustements pour les EM */
#Contenu ul {
	font-size: 1.1em;
	margin: 0 0 12px 15px;
	padding: 0;
}
#Contenu ul li {
	list-style: disc outside url(../images/Puce_Liste.gif);
	padding: 0 0 5px 0;
}

#Contenu ol {
	font-size: 1.1em;
	margin: 0 0 12px 24px;
	padding: 0;
}
#Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}

/*- Classes pour les tableaux ----*/
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
table.Tableau {
	padding: 0 0 0 0;
}
table.Tableau td {
	font-size: 1.1em;
	padding: 5px 0;
	border-top: 2px solid #195f9d;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
	font-size: 1.7em;
	color: #419CD5;
	padding: 3px 0;
	border-top: 0;
	vertical-align: top;
}
/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol,
table.Tableau ul,
table.Tableau ol,
table.Tableau p {
	font-size:1em;
}