/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Marc-Andre Roy
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 10 juin 2008
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #a6a79c;
	background: #1d1c1c url(../images/Bg_TuileEnteteInt.gif) repeat-x top left;
}
body.Accueil {
	background: #1d1c1c url(../images/Bg_TuileEnteteAcc.gif) repeat-x top left;
}
p {
	margin: 0 0 12px 0;
}
a, a:hover {
	color: #7a832a;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
.Clearer {
	clear:both;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
#Entete div.Conteneur,
#Corps div.Conteneur,
#CorpsInt div.Conteneur,
#PiedPage div.Conteneur {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}
#Corps, #CorpsInt {
	clear:both;
	background:#000000;
	padding:15px 0 75px 0;
}
#CorpsInt div.Conteneur {
	background:#262525 url(../images/Bg_ContenuInt.gif) repeat-x top left;
	min-height:400px;
	height:auto !important;
	height:400px;
}
body.Accueil #Corps {
	background: #000000 url(../images/Bg_CorpsAcc.jpg) no-repeat top center;
	height:438px;
	padding:0px;
}
body.Accueil #Corps div.Conteneur {
	height:438px;
	background: url(../images/Bg_CorpsAcc.jpg) no-repeat top center;
}

/* Entete */
#Entete {
	background: url(../images/Bg_EnteteInt.jpg) no-repeat bottom center;
}
#Entete div.Conteneur, #Entete {
	height:308px;
}
body.Accueil #Entete div.Conteneur, body.Accueil #Entete {
	background: url(../images/Bg_EnteteAcc.gif) no-repeat bottom center;
	height:101px;
}
#Logo {
	width:215px;
	height:44px;
	padding-top:33px;
	background: url(../images/Logo_FR.gif) no-repeat bottom left;
}
#Logo img {
	visibility:hidden;
	width:215px;
	height:44px;
}
#Logo a {
	display:block;
	width:215px;
	height:44px;
}
/*#Entete p.Langue {
	position:absolute;
	right:0px;
	top:5px;
}
#Entete p.Langue a {
	font-size: 1em;
	color: #A5A79B;
	text-decoration: none;
}
#Entete p.Langue a:hover {
	text-decoration: underline;
}*/
#MenuPrincipal {
	height:100px;
	position:absolute;
	right:0px;
	top:1px;
}
#MenuPrincipal li {
	float:left;
	padding:0 22px;
	border-right:1px solid #161616;
	height:100px;
}
#MenuPrincipal li a {
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	height:13px;
	margin-top:65px;
	text-indent:-9999px;
	overflow:hidden;
}
#MenuPrincipal li.Accueil a {
	width:43px;
	background-image:url(../images/Menu_Accueil_FR.gif);
}
#MenuPrincipal li.MarcAndreRoy a {
	width:91px;
	background-image:url(../images/Menu_MarcAndreRoy_FR.gif);
}
#MenuPrincipal li.Circuit a {
	width:78px;
	background-image:url(../images/Menu_Circuit_FR.gif);
}
#MenuPrincipal li.Galerie a {
	width:42px;
	background-image:url(../images/Menu_Galerie_FR.gif);
}
#MenuPrincipal li.Commanditaires a {
	width:92px;
	background-image:url(../images/Menu_Commanditaires_FR.gif);
}
#MenuPrincipal li.Contact a {
	width:47px;
	background-image:url(../images/Menu_Contact_FR.gif);
}
#MenuPrincipal li a:hover, #MenuPrincipal li.On a {
	background-position:bottom left;
}
/* Sous Menu */
#MenuPrincipal li.On span {
	position:absolute;
	display:block;
	height:12px;
	width:30px;
	background:url(../images/Bg_PointeurMenu.gif) no-repeat top left;
	bottom:-12px;
	_bottom:-13px;/* IE 6 positionning bug */
}

#MenuPrincipal li.Accueil span,
#MenuPrincipal li.Galerie span,
#MenuPrincipal li.Commanditaires span,
#MenuPrincipal li.Contact span {
	display:none;
	height:0px;
	width:0px;
}

/* Pied de page */
#PiedPage {
	font-size: 1em;
	color: #4e4e4e;
	background: url(../images/Bg_Piedpage.gif) repeat-x top left;
}
#PiedPage div.Conteneur, #PiedPage {
	height:125px;
}
#PiedPage ul.Partenaire {
	margin-left:20px;
}
#PiedPage ul.Partenaire li {
	float:left;
	padding:20px 0 0 45px;
}
#PiedPage p.Lien {
	position:absolute;
	right:0px;
	bottom:0px;
}
#PiedPage p.Copyright {
	position:absolute;
	left:0px;
	bottom:0px;
}
#PiedPage a {
	font-size: 1em;
	color: #4e4e4e;
	text-decoration: none;
}
#PiedPage a:hover {
	text-decoration: underline;
}

/*- Styles pour sous menus -*/
#SousMenu {
	position:absolute;
	left:325px;
	top:125px;
}
#SousMenu li {
	float:left;
	padding:0 0 0 25px;
}
#SousMenu li a {
	font-size:1.1em;
	background:url(../images/Puce_SousMenu.gif) no-repeat 0px 3px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:12px;
}
#SousMenu li a:hover, #SousMenu li.On a {
	color:#bccf0c;
	text-decoration:none;
}


/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
#BlocContenuAcc {
	position:absolute;
	bottom:10px;
	right:40px;
	color: #696b5b;
	vertical-align: top;
	width:485px;
	height:75px;
	overflow:hidden;
}
#BlocContenuAcc p {
	font-size:1.1em;
	line-height:1.6em;
}
#BlocResultatsAcc {
	position:absolute;
	top:194px;
	right:3px;
	background:url(../images/Bg_ResultatsAcc_FR.jpg) no-repeat 0px 8px;
}
#BlocResultatsAcc img, #BlocResultatsAcc {
	width:442px;
	height:107px;
}

/* Tableau de resultats */
#BlocResultatsAcc table {
	width:441px;
	margin-top:55px;
}
#BlocResultatsAcc a,
#BlocResultatsAcc td, #BlocResultatsAcc th {
	font-family:Tahoma, Verdana, sans-serif;
	color:#FFFFFF;
	font-size:9px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
}
#BlocResultatsAcc td {
	padding-top:8px;
	font-size:10px;
}
#BlocResultatsAcc th {
	font-weight:bold;
	width:88px;
}
#BlocResultatsAcc th.TdTournoi {
	vertical-align:bottom;
	text-align:left;
	width:145px;/*175px*/
	font-weight:normal;
	font-size:10px;
	padding:0px 15px;
}
#BlocResultatsAcc a:hover {
	text-decoration:underline;
}
 
#BlocNouvelleAcc {
	position:absolute;
	top:38px;
	right:3px;
	color: #696b5b;
	vertical-align: top;
	width:445px;
	height:140px;
	overflow:hidden;
}
#BlocNouvelleAcc h1 {
	color: #aeafab;
	text-transform:uppercase;
	font-size:1.4em;
	margin-bottom:15px;
}
#BlocNouvelleAcc h1 a {
	color: #aeafab;
	text-decoration:none;
}
#BlocNouvelleAcc h1 a:hover {
	text-decoration:underline;
}
#BlocNouvelleAcc h1 img {
	margin-left:10px;
}
#BlocNouvelleAcc h2 {
	color: #c0d032;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	margin-bottom:10px;
}
#BlocNouvelleAcc p {
	font-size:1.1em;
	color: #aeafab;
}
#BlocNouvelleAcc img.ImageNouv {
	float:right;
	margin-left:20px;
	border:6px solid #54563c;
}


/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#BlocContenuInt {
	color: ;
	background: ;
	padding: 0 0 0 0;
	vertical-align: top;
}
#CorpsInt div.Conteneur h1 {
	color:#acacac;
	text-transform:uppercase;
	font-size:1.8em;
	padding:4px 0 0 40px;
}
#CorpsInt div.Conteneur h2 {
	color:#889316;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	padding:16px 0 0 40px;
}
#CorpsInt img.Imagerie {
	width:350px;
	margin-top:53px;
	float:left;
}
#Contenu {
	padding-bottom:20px;
}

/* Gabarit 1 colonne + Image */
#Contenu.UneColonne {
	margin-top:53px;
	float:left;
	width:416px;/*512px*/
	min-height:415px;
	height:auto !important;
	height:415px;
	padding:35px 48px 20px 48px;
	background:url(../images/Bg_Contenu2Col.png) no-repeat top left;
}

/* Gabarit 1 colonne + Bloc biographie */
#CorpsInt div.BlocBiographie {
	width:310px;/*350px*/
	margin-top:53px;
	padding-left:40px;
	float:left;
}
#CorpsInt div.BlocBiographie img {
	width:210px;
	border:8px solid #343232;
	margin-bottom:30px;
}
#CorpsInt div.BlocBiographie p {
	font-size:1.1em;
	line-height:1.5em;
}

/* Gabarit 1 colonne + Bloc Archives */
#CorpsInt div.BlocArchive {
	width:295px;/*350px*/
	margin-top:53px;
	padding-left:40px;
	padding-right:15px;
	float:left;
}
#CorpsInt div.BlocArchive p.Titre {
	font-size:1.1em;
	text-transform:uppercase;
	margin-bottom:5px;
}
#CorpsInt div.BlocArchive p.Titre strong {
	text-transform:none;
}
#CorpsInt div.BlocArchive p {
	font-size:1.1em;
}
#CorpsInt div.BlocArchive h3 {
	font-size: 1.5em;
	text-transform:uppercase;
	margin: 38px 0 20px 0;
}
#CorpsInt div.BlocArchive a.BtArchive {
	background:url(../images/Puce_NouvelleNext.gif) no-repeat 100% 4px;
	padding-right:15px;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}


/* Gabarit full page + 2 sous colonnes */
#Contenu.Full {
	min-height:415px;
	height:auto !important;
	height:415px;
	
}
#Contenu.Full div.Colonne {
	float:left;
	width:375px;/*430px*/
	padding:53px 26px 0 40px;
}
#CorpsInt div.Conteneur #Contenu.Full div.Colonne h2 {
	font-size:1.8em;
	border-bottom:1px solid #3d3d3d;
	padding:0 0 10px 0;
}
#Contenu.Full div.Colonne td {
	vertical-align:top;
	padding:0 0 0 14px;
	color:#a5a79b;
	font-size:1.1em;
}
#Contenu.Full div.Colonne table {
	margin-bottom:65px;
	width:100%;
}

/* Gabarit galerie */
#Contenu.Full div.Galerie {
	padding:53px 40px 0 40px;
}
#CorpsInt div.Conteneur #Contenu.Full div.Galerie h2 {
	font-size:1.8em;
	border-bottom:1px solid #3d3d3d;
	padding:0 0 10px 0;
}
#Contenu.Full div.Galerie img {
	margin:0 17px 17px 0px;
	width:100px;
	height:100px;
	border:8px solid #343232;
}

/* Gabarit resultats */
#Contenu.Full div.Resultat {
	padding:53px 40px 0 40px;
}

/* Styles de contenu */
#Contenu p {
	font-size: 1.1em;
	color:#a5a79b;
}
#CorpsInt div.Conteneur #Contenu h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2.4em;
	color:#a1ad2f;
	font-weight:normal;
	padding:0px;
	margin-bottom:25px;
}

#CorpsInt div.Conteneur #Contenu h3 {
	font-size: 1.4em;
	text-transform:uppercase;
	margin: 15px 0 3px 0;
}
#CorpsInt div.Conteneur #Contenu h4, 
#CorpsInt div.Conteneur #Contenu h5, 
#CorpsInt div.Conteneur #Contenu h6 {
	font-size: 1.2em;
	font-weight:bold;
	margin: 10px 0 2px 0;
}



/*- Styles pour formulaires ----------------------------------------------------*/
div.Formulaire label {
	display:block;
}
div.Formulaire p {
	margin-bottom:12px;
}

.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
}
.TxtErreur {
	font-size:1em;
	font-weight:normal;
	color:#FF831F;
	margin-right:15px;
	margin-bottom:3px;
	padding:0 2px;
}
.TxtBox, .TxtArea {
	font-size: 10px;
	color: #FFF;
	background-color:#555653;
	border: 1px solid #7b7c79;
	padding: 2px 3px;
	margin:	0 0 0 0;
}
.TxtArea { 
	width:350px;
	height:150px;
}
.SelectList {
	font-size: 10px;
	color: #FFF;
	background-color:#555653;
	border: 1px solid #7b7c79;
	padding: 2px;
	margin: 0 0 0 0;
}
.Btn {
	font-size:1.0em;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color:#FFF;
	text-transform:uppercase;
	
	background-color:#929F1D;
	border:1px solid #D1DF53;
	border-right-color:#656F0D;
	border-bottom-color:#656F0D;
	
	padding:1px 3px;
	overflow:visible;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les images ----*/
img.ImageContour {
	border:8px solid #343232;
}
img.ImageGauche {
	border:8px solid #343232;
	margin:	0 15px 5px 0;
}
img.ImageDroite {
	border:8px solid #343232;
	margin: 0  0 5px 15px;
}

/*- Classes pour les listes ----*/
#Contenu ul {
	margin: 0 0 20px 15px;
	padding: 0;
}
#Contenu ul li {
	list-style: square outside url(../images/Puce_Liste.gif);
	padding: 0 0 5px 0;
	font-size:1.1em;
}
#Contenu ol {
	margin: 0 0 12px 24px;
	padding: 0;
}
#Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
	font-size:1.1em;
}

/*- Classes pour les tableaux ----*/
table.Tableau {
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color: #a6a79c;
	background:#31322d;
	border:7px solid #3d3e37;
}
table.Tableau td {
	padding: 5px 15px;
	vertical-align: top;
	border:1px solid #3d3e37;
}
table.Tableau td.CelluleTitre {
	font-size:1.2em;
	font-weight:bold;
	color:#a9b816;
	background: #1b1a11;
	padding: 8px 15px;
}
table.Tableau td.CelluleSousTitre {
	color:#d5d4c8;
	font-weight:bold;
	background: #31322d url(../images/Bg_SousTitreTableau.gif) repeat-x top left;
	padding: 6px 15px;
	border-top:1px solid #31322d;
	border-left:0px;
	border-right:0px;
}
table.Tableau td.CelluleAlternative {
	background: #373832;
	border-bottom:none;
}
/*--------------------------------------------------------------------------*/

/*- 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;
}
/*--------------------------------------------------------------------------*/

