/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : CRSH
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : Août /Septembre 2009
//----------------------------------------------------------------------------*/
@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: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #5c5c5c;
	background: #5c5c5c;
}
p {
	margin: 0 0 12px 0;
}
h1 {
	font-size: 1.8em;
	font-weight: bold;
	color: #484444;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	display: none;
}
h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #484444;
	margin: 12px 0 10px 0;
}
h3 {
	color:#EE9F08;
	font-size:1.4em;
	margin-top:0;
	font-weight: bold;
}
h4, h5, h6  {
	font-size: 1.2em;
	font-weight: bold;
	color: #484444;
	margin: 15px 0 3px 0;
}
a, a:hover {
	color: #0491b4;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
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: 953px;
	margin: 0 auto;
	margin-top: 5px;
}
#Entete {
	position: relative;
	height: 150px;
	background: #fff;
}
#Logo {
	position: absolute;
	top:23px;
	left:23px;
}
#NavFixe {
	position: absolute;
	top: 23px;
	right:23px;
}
#NavFixe li {
	float: left;
}
#NavFixe li.PremierItem {
	background: url(/images/Bg_NavFixe.gif) no-repeat 100% 7px;
}
#NavFixe a {
	font-size: 12px;
	color: #606060;
}
#NavFixe a:hover, #NavFixe a.On {
	color:#81c8d9;
}
#NavFixe li {
	padding: 4px 6px;
}	
#NavFixe li.Langue {
	padding:0;
}
#NavFixe li.Langue a {
	border: 2px solid #81c8d9;
	display: block;
	padding: 2px 8px;
}
#NavFixe li.Langue a:hover {
	color: #fff;
	background-color: #81c8d9;
}
#Corps {
	background: #fff url(/images/Bg_Corps.jpg) no-repeat;
	padding-bottom: 100px;
	padding-top: 10px;
	width: 953px;
}
#Contenu {
	padding: 0 46px;
	margin-top: 93px;
}
#Contenu p {
	font-size: 1.2em;
	line-height: 1.4em;
}
#Contenu a {
	color: #0491b4;
	text-decoration: underline;
}
#Contenu a:hover {
	text-decoration: none;
}
#LogosPiedPage {
	background: url(/images/Bg_Footer.png) no-repeat;
	height: 30px;
	margin-bottom: 10px;
	padding: 14px 23px;
	width:907px;
}
.LogoCRSHC {
	margin: 6px 88px 0 0;
}
#LogosPiedPage p {
	float: left;
}
p#Copyright {
	text-transform: none;
	color: #5c5c5c;
	float:right;
	text-align: right;
}
#PiedPage {
	text-transform: uppercase;
	color: #dbd7c6;
	margin-top: 2px;
	width:953px;
}
#PiedPage ul li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #dbd7c6;
}
#PiedPage ul li.PremierItem {
	padding-left: 0;
	border:0;
}
#PiedPage #DateMAJ {
	float: right;
}
#PiedPage a {
	color: #dbd7c6;
}
#PiedPage a:hover {
	text-decoration: underline;
}
.AligneGauche {
	float: left;
}
.AligneDroite {
	float: right;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #Corps {
	background: #fff url(/images/Bg_CorpsAccueil.jpg) no-repeat;
	padding-bottom: 32px;
}
body.Accueil #Contenu {
	width: 681px;
	padding:0;
	margin-left:246px;
	margin-top:0;
}
body.Accueil h1 {
	font-size:1.5em;
	color: #ee9f08;
	margin-bottom: 13px;
	display: block;
}
#BlocContenu {
	width: 423px;
	float: left;
	margin-top: 25px;
}
#Note {
	background: url(/images/Bg_Note2.png) no-repeat;
	width: 210px;
	height: 164px;
	float: right;	
	margin-top: 9px;
	padding: 35px 0 0 27px;
}
#Nouvelles {
	margin-top: 15px;
	/*width: 423px;*/
}
#Nouvelles a {
	text-decoration: none;
}
#Nouvelles h2 {
	font-size: 1.2em;
	margin:0 0 12px 0;
} 
#Nouvelles h3 {
	font-size: 1.2em;
	color: #484444;
	text-transform: uppercase;
	margin: 0;
}
#ContenuNouvelles {
	width: 395px;
	float: left;
}
#ContenuNouvelles a:hover {
	text-decoration: underline;
}
#ContenuNouvelles p {
	font-size: 1.1em;
}
#ContenuNouvelles p a {
	color:#5C5C5C;
}
#ContenuNouvelles p a.Date {
	font-size: 1.1em;
	color:#0491B4;
}
#Contenu ul#NavigationNouvelles {
	font-size: 1.1em;
	margin: 0;
	padding:0;
	float: right;
	width: 260px;
}
#Contenu ul#NavigationNouvelles li {
	margin: 0 0 1px 0;
	list-style: none outside none;
	padding:0;
	width: 260px;
	/*line-height: 1.3em;*/
}
#Contenu ul#NavigationNouvelles li a {
	color: #5c5c5c;
	padding: 8px 20px 7px 50px;
	background: url(/images/Bg_NavNouv.gif) top right no-repeat;
	display: block;
	width: 190px;
	min-height:37px;
	height: auto !important;
	height: 37px;
}
#Contenu ul#NavigationNouvelles li a span.Titre {
	color:#0491B4;
	text-transform: uppercase;
}
#Contenu ul#NavigationNouvelles li a.On {
	color: #fff;
	background: url(/images/Bg_NavNouv-on.gif) top right no-repeat;
	padding: 13px 20px 13px 50px;
}
#Contenu ul#NavigationNouvelles li a.On span.Titre {
	font-weight: bold;
	color: #484444;
}
p.Bouton {
	text-align: center;
	margin-top: 20px;
}
a.BtnPlus {
	text-indent: -9999px;
	overflow: hidden;
	display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
	width: 12px;
	line-height: 13px;
	background:url(/images/Bg_BtPlus.png) no-repeat top left;
}
a.BtnPlus:hover {
	background-position: bottom left;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#ImageSlogan {
	height: 208px;
	position: relative;
}
#ImageSlogan img {
	position: absolute;
	top: 24px;
	left: 228px;
	width: 678px;
	height: 101px;
}
#ImageFantome {
	width: 212px;
	height: 87px;
	float: left;
}
div.hr {
	height: 10px;
	background: url(/images/Bg_Ligne.gif) repeat-x;
	margin: 20px 0 12px;
}
div.hr hr {
	display: none;
}

/* Section Conférences */
body.Conferences #Contenu {
	margin-top: 93px;
}
#Contenu p.MentionSpeciale {
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background: #feb730;
	float: left;
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box; /*ff*/
	padding: 10px 15px;
	margin: 2px 15px 21px 0;
}
body.Conferences h2, body.ConferencesDetails h1 {
	font-size: 1.8em;
	color: #5c5c5c;
	margin-bottom: 3px;
	display: block;
	text-transform: none;
}
body.Conferences h3, body.ConferencesDetails h2 {
	font-size: 1.4em;
	color:#ee9f08;
	margin-top: 0px;
}
body.Conferences .Date, body.ConferencesDetails .Date {
	color:#0491b4;
	margin-bottom:0;
}
#Contenu #ListingConferences {
	margin:0;
	font-size:1em;
}
#Contenu #ListingConferences li {
	
	padding: 0;
	list-style: none outside none;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 12px;
}
#Contenu #ListingConferences li.DernierItem {
	border:0;
}
body.Conferences a.BtnPlus {
	vertical-align:middle;
}
.ContenuThickbox {
	padding: 0 20px;
	width: 440px;
}
.ContenuThickbox p {
	font-size: 1.2em;
	line-height: 1.4em;
}
a#TB_closeWindowButton.Btn, a#TB_closeWindowButton.Btn span {
	background-image: url(/images/Bg_BoutonFermer.png) !important;
}

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	position: absolute;
	top: 113px;
	left: 23px;
}
#MenuPrincipal li {
	float: left;
	height: 36px;
	margin-right: 1px;
}
#MenuPrincipal li a {
	text-indent: -9999px;
	line-height: 36px;
	display: block;
	background-repeat: no-repeat;
	overflow: hidden;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.On {
	background-position: bottom left;
}

/*- Styles pour formulaires ----------------------------------------------------*/

a.Btn, a.Btn:hover, a.BtnHaut, a.BtnHaut:hover {
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box; /*ff*/
	line-height: 21px;
	text-decoration: none;
	background: url(/images/Bg_Boutons.png) no-repeat left 0px; 
	/*padding-right: 8px; */
	padding-left: 12px;
	vertical-align: middle;
	cursor: pointer; 
	cursor: hand; 
}
a.BtnHaut, a.BtnHaut:hover {
	background: url(/images/Bt_HautPage.gif) no-repeat left 0px; 
}
a.Btn span, a.Btn:hover span, a.BtnHaut span, a.BtnHaut:hover span {
	display: block;
	display: inline-block;
	height: 21px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	line-height: 19px;
	padding-right: 40px;
	/*padding-left: 8px;*/
	background: url(/images/Bg_Boutons.png) no-repeat right 0px; 
	text-decoration: none;
}
a.BtnHaut span, a.BtnHaut:hover span {
	background: url(/images/Bt_HautPage.gif) no-repeat right 0px; 
}	
a.Btn:hover, a.BtnHaut:hover		{ background-position: bottom left; }
a.Btn:hover span, a.BtnHaut:hover span	{ background-position: bottom right; }


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

/*- Classes pour les textes ----*/
.TextePetit {
	font-size: 0.9em;
}
.TexteMajuscule {
	font-size: 0.9em;
	text-transform: uppercase;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border: 2px solid #cbcbcb;
	padding: 2px;
	background: #fff;
}
img.ImageGauche {
	border: 2px solid #cbcbcb;
	padding: 2px;
	background: #fff;
	margin:	0 15px 5px 0;
	float: left;
}
img.ImageDroite {
	border: 2px solid #cbcbcb;
	padding: 2px;
	background: #fff;
	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.2em;
	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.2em;
	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 {
	margin-bottom: 12px;
}
table.Tableau td {
	font-size: 1.1em;
	background:#f8f8f8;
	color: #707070;
	padding: 3px 10px;
	border-top: 1px solid #b7b7b7;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
	color: #fff;
	font-weight: bold;
	background: #898989;
	vertical-align: top;
}
table.Tableau td.CelluleSousTitre {
	color: #9d9d9d;
	font-weight: bold;
	background: #fff;
	border-right: 1px solid #fff;
	border-top: 5px solid #dbdbdb;
	vertical-align: top;
}
table.Tableau td.CelluleAlternative {
	background: #fff;
}
table.TableauLogo {
	margin-top: 20px;
}
table.TableauLogo td {
	padding:15px;
}

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

/*- 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;
}