/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : DEGRANPRÉ JOLI-COEUR
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 27 janvier 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 -------------------------------------------------------------------*/
html, body{
    height:100%;
}
html{
	background:#a9a9a9 url(../images/Bg_Haut.png) repeat-x 0 0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	
}
#Viewport{
    min-height:100%;
    background:url(../images/Bg_Bas.gif);
	background-position:bottom;
    background-repeat:repeat-x;
}
h1, h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.4em;
	font-weight:normal;
	text-transform:uppercase;
	color:#363636;
	margin-bottom:12px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	color:#a60c01;
	margin:0 0 16px 0;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#1e1e1e;
	margin-bottom:5px;
}
h5, h6 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 2px 0;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
div.Separateur{
	height:1px;
	line-height:1px;
	background:url(../images/Img_Separateur.gif) repeat-x 0 0;
	border:none;
	padding:0 0 0 0;
	margin:24px 0 24px 0;
	_margin:24px 0 10px 0;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer {
	clear: both;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#WrapperExterieur{
	width:902px;	
	margin:0 auto;
}
#Wrapper{
	width:877px;
	border:12px solid #363636;
}
#HautPage{
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	width:901px;
}
#HautPage p{
	margin:0;
	line-height:30px;
}
#HautPage a{
	color:#FFF;
	text-decoration:none;
}
#HautPage a.AccesMembres{
	background:url(../images/Img_Cadena.gif) no-repeat 0 1px;
	height:10px;
	padding-left:12px;
}
#HautPage div.AligneDroite{
	width:300px;
}
#Entete {
	width:877px;
	height:111px;
	background-color:#FFF;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#Entete h2{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background:no-repeat 0 0;
	height:69px;
	width:442px;
	position:absolute;
	top:22px;
	left:25px;
}
.Logo{
	position:absolute;
	top:22px;
	left:25px;
}
.LogoPrint{
	display:none;
}
#Actions, #BlocRecherche{
	float:right;
}
#Actions{
	margin-top:10px;
}
#Actions li {
	float:left;
	/*background:url(../images/Img_HautPageSep.gif) no-repeat center left;*/
	padding:0 15px 0 15px;
}
#Actions .LienImpression{
	cursor:pointer;
}
#BlocRecherche{
	margin:0;
	padding:0;
	height:30px;
	position:relative;
	width:212px;
}
#BlocRecherche label{
	background:url(../images/Img_HautPageSep.gif) no-repeat center left;
	padding:0 8px 0 17px;
	position:absolute;
	top:10px;
	left:0;
}
#BlocRecherche .TxtBox{
	width:108px;
	height:15px;
	background-color:#FFF;
	border:0;
	color:#626262;
	padding:0 2px 0 2px;
	position:absolute;
	top:9px;
	right:19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#BlocRecherche .BtnRecherche{
	width:16px;
	background:url(../images/Img_BtnRecherche.png) no-repeat 0 0;
	border:none;
	position:absolute;
	right:0;
	top:9px;
	cursor:pointer;
	display:block;
}
#NavFixe{
	width:281px;
	position:absolute;
	top:28px;
	right:0;
}
#NavFixe li{
	background:url(../images/Puce_NavFixe.gif) no-repeat 0 center;
	padding-left:7px;
	color:#626262;
	line-height:17px;
}
#NavFixe li a{
	color:#626262;
	text-decoration:none;
}
#NavFixe li a:hover, #NavFixe li a.On{
	color:#a60c01;
}
#NavFixe li.AligneGauche{
	width:127px;
}
#NavFixe li.AligneDroite{
	width:137px;
}
#Corps {
	width:877px;
	background:url(../images/Bg_Corps.gif) repeat-y 0 0;
}
#ColonneGauche{
	width:227px;
	background-color:#3b3b3b;
	float:left;
}
#BlocPartenaires{
	width:175px;
	margin-top:15px;
	padding:0 28px 60px 24px;
}
#BlocPartenaires img{
	/*display:block;*/
	margin-bottom:12px;
}
#BlocPartenaires p{
	font-size:1.1em;
	color:#FFF;
	margin-bottom:16px;
}
#BlocContenu {
	width:650px;
	/*min-height:500px;
	height:auto !important;
	height:500px;*/
	float:right;
	background:#FFF url(../images/Bg_Ombre.png) no-repeat 0 0;
}
#BlocContenu div.TitreSection{
	background:no-repeat 0 0;
	background-image:url(../images/Ti_Defaut.jpg);
	width:650px;
	height:149px;
	margin:10px 0 0 0;
}
#BlocContenu div.TitreSection h1{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
#Contenu{
	width:551px;
	margin-left:10px;
	padding:41px 55px 20px 34px;
	_overflow-x:hidden;
}
#Contenu a{
	color:#2189c5;
	text-decoration:none;
}
#Contenu a:hover{
	color:#A60C01;
}
#Contenu a.LienPetit{
	font-size:11px;
}
#Contenu p {
	font-size:1.2em;
	color:#1e1e1e;
	line-height:16px;
	margin:0 0 16px 0;
	text-align:justify;
}
#Contenu ul{
	margin-top:10px;
}
#Contenu ul li{
	font-size:1.2em;
	color:#1e1e1e;
	background:url(../images/Puce_NavFixe.gif) no-repeat 0 6px;
	line-height:16px;
	padding:0 0 0 10px;
	margin-bottom:9px;
}
#Contenu ul.SansPuce li{
	background:none !important;
	padding:0 !important;
}
#PiedPage {
	height:63px;
}
#PiedPage p{
	line-height:40px;
	color:#a9a9a9;
}
#PiedPage p span{
	margin:0 5px 0 5px;
}
#PiedPage a {
	color:#a9a9a9;
	text-decoration:none;
}
#PiedPage a:hover {
	text-decoration:underline;
}
.AligneGauche {
	float: left;
}
.AligneDroite {
	float: right;
}

/*- Styles spéciaux pour la page d'intro --------------------------------------*/
body.Intro{
	background:none;
}
body.Intro #Wrapper{
	width:737px;
	margin:0 auto;
	background:#FFF;
	margin-top:30px;
}
body.Intro h1{
	width:737px;
	height:354px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	margin:0;
}
body.Intro #MenuLangues{
	height:47px;
	width:737px;
	background:url(../images/Bg_BoutonsIntro.png) repeat-x 0 0;
}
body.Intro #MenuLangues a{
	height:47px;
	width:368px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background: no-repeat 0 0;
}
body.Intro #MenuLangues a:hover{
	background-position:0 -47px;
}
body.Intro #MenuLangues a.Francais{
	background-image:url(../images/Menu_IntroFrancais.png);
	float:left;
}
body.Intro #MenuLangues a.English{
	background-image:url(../images/Menu_IntroEnglish.png);
	float:right;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #BlocContenu div.TitreSection{
	width:605px;
	height:189px;
	padding:83px 0 20px 45px;
}
body.Accueil #BlocContenu div.TitreSection p{
	font-size:1.2em;
	color:#FFF;
	width:250px;
	margin-bottom:15px;
	text-align:justify;
}
body.Accueil #BlocContenu div.TitreSection h1{
	display:none;
}
body.Accueil #BlocContenu #Contenu{
	width:606px;
	margin-left:10px;
	padding:45px 0 65px 34px;
	background:none;
}
body.Accueil #BlocContenu div.AligneGauche,
body.Accueil #BlocContenu div.AligneDroite{
	width:243px;
	padding:0 60px 0 0;
	margin:0;
}
body.Accueil #BlocContenu div.AligneDroite{
	background:none;
}
body.Accueil #Contenu h2{
	margin-bottom:0;
}
body.Accueil #Contenu ul li{
	background:none;
	padding:0;
	font-size:1.0em;
	margin-bottom:17px;
}
body.Accueil #Contenu ul li p{
	margin:0;
}
body.Accueil #Contenu ul li p.Date{
	color:#A60C01;
	font-size:1.2em;
	font-weight:bold;
}
body.Accueil #Contenu p.Description{
	font-size:1.2em;
}
body.Accueil #Contenu p.LienDetail{
	font-size:1.1em;
	font-weight:bold;
}

/*- Styles spéciaux pour les gabarits avec 2 colonnes -------------------------*/
#Contenu.DeuxColonnes{
	background:url(../images/Bg_DeuxColonnes.gif) repeat-y 0 0;
	padding:0;
	width:640px;
}
#Contenu.DeuxColonnes h2{
	/*margin:0;*/
}
#Contenu.DeuxColonnes div.AligneGauche{
	padding:41px 30px 65px 30px;
	width:350px;
}
#Contenu.DeuxColonnes div.AligneDroite{
	background:url(../images/Bg_OmbreDeuxColonnes.png) no-repeat 0 0;
	width:189px;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:41px 23px 105px 18px;
	font-size:0.9em;
}
#Contenu.DeuxColonnes div.AligneDroite p{
	margin:0 0 0 13px;
	width:163px;
}
#Contenu.DeuxColonnes div.AligneDroite ul{
	margin:0 0 0 13px;
	width:163px;
}
#Contenu.DeuxColonnes div.AligneDroite h2, #Contenu.DeuxColonnes div.AligneDroite h3,
#Contenu.DeuxColonnes div.AligneDroite h4{
	margin:0 0 1px 13px;
	width:163px;
}
#Contenu.DeuxColonnes div.AligneDroite ul li{
	margin:0;
}
#Contenu.DeuxColonnes div.AligneDroite div.Separateur{
	margin:16px 0 16px 0;
	_margin:16px 0 4px 0;
}
#Contenu.DeuxColonnes img.PhotoEquipe{
	display:block;
	margin:0 0 24px 9px;
}


/*- Styles pour le listing de l'équipe ----------------------------------------*/
#Contenu.EquipeListe h2{
	margin:0 0 4px 0;
}
table.TableauListe{
	font-size:1.0em;
	margin-bottom:46px;
}
table.TableauListe td{
	border-bottom:1px solid #e7e7e7;
	padding:4px 0 4px 0;
}
table.TableauListe td.Nom{
	font-size:1.2em;
	font-weight:bold;
	width:180px;
}
table.TableauListe td.Telephone{
	font-size:1.2em;
	width:212px;
}
table.TableauListe td.Courriel{
	font-size:1.1em;
}

/*- Styles pour le listing des champs de pratique, des évènements et des actualités -*/
#Contenu.Liste ul, #Contenu.Liste ul li{
	margin:0;
	padding:0;
	font-size:1.0em;
}
#Contenu.Liste ul li{
	background:none;
	border-bottom:1px solid #e7e7e7;
	padding-bottom:14px;
	margin-bottom:16px;	
}
#Contenu.Liste ul li.DernierItem{
	border:none;
	margin-bottom:56px;
}
#Contenu.Liste h2{
	margin:0 0 8px 0;
	font-size:1.8em;
}
#Contenu.Liste p.Titre a{
	margin:0;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
}
#Contenu p.Date{
	color:#A60C01;
	font-size:1.2em;
	font-weight:bold;
}
#Contenu.Liste p.Date{
    margin-bottom:5px;
}
#Contenu.Liste p{
	margin:0;
}
#Contenu.Liste p a{
	font-weight:bold;
	font-size:0.9em;
}
#Contenu.Liste p a:hover{
	color:#A60C01;
}
#Contenu h2.Titre{
	margin-bottom:0;
}
/*
body.Faits #Contenu p.Date{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	color:#a60c01;
	margin:0 0 16px 0;
}*/

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	width:227px;
}
#MenuPrincipal li {
	width:227px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	border-bottom:1px solid #313131;
}
#MenuPrincipal li a {
	width:227px;
	height:75px;
	display:block;
	background:no-repeat 0 0;
}
#MenuPrincipal li a:hover{
	background-position:0 -75px;
}
#MenuPrincipal li a.Off{
	cursor:default;
	outline:none;
}
#MenuPrincipal li.PremierItem{
	border-top:1px solid #313131;
}
#MenuPrincipal li.Ouvert{
	height:auto;
	background:url(/images/Bg_MenuSecondaire.png) repeat-y 0 0;
	padding-bottom:23px;
}
#MenuPrincipal li.Ouvert ul li{
	text-indent:0;
	height:auto;
	border-bottom:none;
	width:169px;
	padding:0 30px 0 28px;
	font-size:1.1em;
	margin-bottom:3px;
}
#MenuPrincipal li.Ouvert ul li a{
	background:none !important;
	height:auto;
	display:inline;
	color:#a0d5f7;
	text-decoration:none;
}
#MenuPrincipal li.Ouvert ul li a:hover, #MenuPrincipal li.Ouvert ul li a.On{
	color:#fffeff;
}

body.Profil #MenuPrincipal li.MenuProfil a,
body.Equipe #MenuPrincipal li.MenuEquipe a,
body.Champs #MenuPrincipal li.MenuChamps a,
body.Faits #MenuPrincipal li.MenuFaits a,
body.Publications #MenuPrincipal li.MenuPublications a{
	background-position:0 -75px;
}
body.Publications #Contenu.Liste h2{
    color:#A60C01;
    margin-bottom:12px;    
}
body.Publications #Contenu.Liste ul{
    margin-bottom:20px;    
}

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

/*- Classes pour les textes ----*/
#Contenu .TexteSpecial {
	color: #A60C01;
	margin:8px 0 0 0;
}
.TextePetit {
	font-size: 0.9em;
}

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

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


/*- 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{
	font-size:1.2em;
	color:#515151;
}*/
table.Tableau td {
	background:#f5f5f5;
	padding:6px;
	border-bottom:1px solid #e7e7e7;
	vertical-align:top;
}
table.Tableau td.CelluleTitre {
	font-size: 1.0em;
	text-transform:uppercase;
	background:#797979;
	color:#f5f5f5;
	vertical-align:top;
	font-weight:bold;
}
table.Tableau td.CelluleSousTitre {
	background:#d1d1d1;
	border-bottom:1px solid #FFF;
	color:#3b3b3b;
	font-weight:bold;
}
table.Tableau td.CelluleAlternative {
	background:#FFF;
}

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

body.Erreur{
	background:none;
}
body.Erreur #Wrapper{
	background:#FFF;
}
body.Erreur #Corps{
	background:#FFF;
}
body.Erreur #Contenu{
	padding-top:20px;
	padding-bottom:20px;
}