/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #socialBookmarker, #bookmarkHoverPopup, #menuUtilitaire, #colDroiteMod1, #colDroiteMod2, #colDroiteMod3, #piedPage, #boutonParcour{
	position: absolute;
	visibility: hidden;
	display:none;
}

/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	font-size: 16px;
	line-height: 20px;
	color: #b51218;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 0 8px;
	
}
h2, h2 a, h2 a:link, h2 a:visited{
	color: #000;
	line-height: 18px;
	font-size: 14px;
	text-decoration: none;
}
h2 a:hover, h2 a:visited:hover{text-decoration: underline;}

h3{
	font-size: 26px;
	color: #000;
	line-height: 30px;
}
h4{
	font-size: 20px;
	color: #000;
	line-height: 24px;
}
h5{
	color: #a7a9ac;
	line-height: 18px;
	text-transform: uppercase;
	font-size: 14px;
	padding: 6px 0;
}
h6{
	color: #a7a9ac;
	line-height: 14px;
	text-transform: uppercase;
	font-size: 10px;
}

p{font-size:11px; line-height: 15px; color:#000;}
p.textePetit{font-size:10px;}
td a:link, td a:visited, p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#b51218; 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:#000; text-decoration:underline;
}

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

.both, .clearBoth{clear: both;}
.displayNone{display: none;}
.clearRight{clear: right;}
.clearLeft{clear: left;}
.rouge{color: #b51218;}
.blanc, a.blanc, a.blanc:link, a.blanc:visited, .blanc p{color: #fff;}
.noire{color: #000;}
.petitPadHaut{padding-top: 8px;}
.petitPad{padding: 8px;}
.padGauche{padding-left: 32px;float: left;}
.padBas{padding-bottom: 32px;}
.padFull{padding: 20px 30px 20px 30px;float: left;}
.bgNoire{background-color: #000;}
.aligneCentre{text-align: center;}
.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat right;padding:5px 20px 5px 0px;} 
.petitePhoto{float: left;display: block;padding: 5px 5px 5px 0;}
.poitieblanc{border-top: 1px #fff dotted;width: 100%;margin-top: 4px;padding-top: 4px;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border: 0; font-size: 11px; margin: 0; padding: 0;}
fieldset label{font-size:11px; color:#000; margin:2px 0 2px 0;display: block;float: left;}
fieldset label.erreur{color:#cc0000;}
.champTexte{
	margin: 2px 0 2px 0;
	width: 200px;
	padding: 2px;
	display: block;
	float: left;
	background: #fff;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
}
.listeDeroulante{
	margin: 2px 0 2px 0;
	width: 205px;
	padding: 2px;
	display: block;
	float: left;
	background: #fff;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: Arial;
	font-size: 11px;
	margin:2px 0 2px 0;
	width: 550px;
	display: block;
	float: left;
}
.bouton{
	display: block;
	float: left;
	cursor: hand;
	width: 198px;
	height: 33px;
	background: url(Gx/sprite_bouton.png) no-repeat left -346px;
	color: #fff;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	padding: 0;
	margin: 0;
	border: 0;
}
.bouton:hover{background: url(Gx/sprite_bouton.png) no-repeat left -381px;}

.boitecocher{display: block;float: left;margin-right: 5px;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}


#invitation .gauche{float: left;width: 200px;}
#invitation .droite{float: left;width: 200px;padding-left: 20px;}
#invitation label{margin-top: 5px;display: block;float: left;}
#invitation .champTexte{width: 200px;}
#invitation .boiteTexte{width: 420px;height: 100px;}

#login{width: 200px;float: left;}


/* Demande d'acréditation */
.deuxparcolonnes{
	width: 275px;
	float: left;
	padding-bottom: 5px;
}
.deuxparcolonnes.dernier, .deuxparcolonnes.dernier{padding-left: 20px;}
.troisparcolonnes{
	width: 184px;
	float: left;
	padding-bottom: 5px;
}
.troisparcolonnes.dernier, .troisparcolonnes.dernier{padding-left: 11px;}

.deuxparcolonnes .champTexte{width: 250px;}
.deuxparcolonnes .listeDeroulante{width: 257px;}

.troisparcolonnes .champTexte{width: 156px;}

.unparcolonne{
	float: left;
	display: block;
	padding-bottom: 5px;
}
.boitecolonne{
	width: 530px;
	padding: 10px;
	float: left;
	margin: 5px 0 5px 0;
	background: #b51218;
	border: 1px #000 solid;
}
#tableauAccrediter{
	float: left;
	display: block;
	margin-top: 5px;
}
#tableauAccrediter td{
	width: 135px;
}
#tableauAccrediter .premier{width: 20px;}
#tableauAccrediter td .champTexte{width: 120px;}
#tableauAccrediter th{font-weight: bold;}

#tableauBillet{
	width: 360px;
}
#tableauBillet td{
	border-bottom: 1px #ff9f9f dotted;
	padding: 4px 2px;
	font-size: 11px;
	line-height: 15px;
	color: 000;
}
#tableauBillet td.ligne1{width: 96px;}
#tableauBillet td.ligne2{width: 48px;text-align: center;}
#tableauBillet td.ligne3{width: 60px;text-align: center;}
#tableauBillet td.ligne4{width: 140px;border-bottom: none;}

#tableauBillet td a, #tableauBillet td a:link, #tableauBillet td a:visited{
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;
	color: #b51218;
	text-transform: uppercase;
}
#tableauBillet tr.actif td{
	background-color: #b51218;
}
#tableauBillet tr.actif td, #tableauBillet tr.actif td a, #tableauBillet tr.actif td a:link, #tableauBillet tr.actif td a:visited{
	color: #fff;
}
.boiteDetail{
	float: left;
	width: 200px;
	border: 1px #000 dotted;
	margin-bottom: 10px;
}
a.boutonCommander, a.boutonCommander:link, a.boutonCommander:visited{
	display: block;
	float: left;
	cursor: hand;
	width: 198px;
	height: 27px;
	background: url(Gx/sprite_bouton.png) no-repeat left -346px;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	padding: 8px 0 0 0;
	text-decoration: none;
}

.commanditaire{
	display: block;
	float: left;
	margin: 10px;
}

.album a.lienalbum, .album a.lienalbum:link, .album a.lienalbum:visited,
.album a.lienphoto,  .album a.lienphoto:link,  .album a.lienphoto:visited,
.album a.lienvideo, .album a.lienvideo:link, .album a.lienvideo:visited
{
	display: block;
	float: left;
	width: 169px;
	text-decoration: none;
	padding: 10px;
	text-align: center;
	color: #000;
	font-weight: bold;
}
.album a.lienalbum img, .album a.lienphoto img, .album a.lienvideo img{
	display: block;
	float: left;
	margin-bottom: 5px;
	border: 2px #fff solid;
}
#dernierePhotoVideo{
	width: 169px;
	padding-right: 20px;
	float: right;
}