@charset "UTF-8";
/* CSS Document */

/******************************/
/*  HTML, BODY                */
/******************************/

	/* Force le scroll vertical à être présent */
	html { 
		overflow-y: scroll; 
		overflow: -moz-scrollbars-vertical;
	}
	
	
	/* Mise à 0 pour tous les navigateurs */
	html, body { 
		padding: 0px;
		margin: 0px;
		height: 100%; /* Utile pour les sites qui doivent avoir un footer tjs en bas de page */
	}
	
	/* Couleur de fond et centrage du site */
	body { 
		background-color: #FFFFFF;
		text-align: center;
		}
		
	body#allopass p, body#allopass h1, body#allopass h3, body#allopass table, body#allopass a {
		text-align: center;
	}
	
	body#allopass  h1 {
		margin-top: 30px;
	}
		
	/* Formatage du caractère par défaut */	
	body, table {
		font-size: 14px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #5A5A5A;
		}
		
		
/******************************/
/*  STRUCTURE                 */
/******************************/
		
	/* position de l'entier du site */	
	#SuperGlobal { 
		position: relative;
		width: 100%;
		-height: 100%;
		min-height: 100%;
		margin: 0 auto;
		z-index: 0;
	}	
		
	#Header {
		position: absolute;
		width: 100%;
		height: 216px;
		top: 0px;
		left: 0px;
		background: url(design/structure/degrade_haut.jpg) repeat-x top;
		z-index: -1;
	}

	#Global { 
		margin: 0 auto;
		width: 920px;
		text-align: left; /* Annule l'alignemnt défini dans body qui centre #global */
		padding-bottom: 20px;
	}
	
	#Top {
		width: 100%;
		height: 166px;
		background: url(design/structure/pm_header.jpg) no-repeat;
	}
	
	#Lang {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		margin-left: 810px;
		margin-top: 3px;
		position: absolute;
		text-align: right;
		width: 100px;
	}
	
	#Lang a, #Lang a:visited, #Lang a:active {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#Lang a:hover, #Lang a:focus {
		color: #BBBBBB;
		text-decoration: none;
	}	
	
	#Lang .SelectedLang {
		font-size: 16px;
		color: #BBBBBB;
	}	
	
	
	#Page {
		width: 100%;
		background: #ECEDED url(design/structure/bottom_menu.jpg) top no-repeat;
		padding-bottom: 20px;
	}
	
	#Rien {
		height: 1px;
	}
		
	#Bottom {
		padding-top: 5px;
		padding-bottom: 10px;
		width: 100%;
		border-bottom: 2px #5A5A5A solid;
		border-top: 2px #5A5A5A solid;
		text-align: right;
	}
	
	#Bottom p {
		padding: 0px;
		margin: 0px;
		font-size: 12px;
		padding-top: 3px;
		text-align: right;
	}
	
	#Newsletter {
		font-size: 16px;
		float: left;
	}

	
	#Footer {
		position: absolute;
		width: 100%;
		height: 216px;
		left: 0px;
		bottom: 0px; /* Aligne l'élément en bas de page */
		background: url(design/structure/degrade_bas.jpg) repeat-x bottom;
		z-index: -1;
	}
		
/******************************/
/*  CONTENU                 */
/******************************/
	
	
	/******************************/
	/*  Remise à 0                */
	/******************************/
	form, img, ul, li, h1, h2, h3, h4, p, table {
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	
	/* Alignement des listes à l'intérieur de la div */	
	ul, li {
		margin-left: 1em;
	}
	
	/* Annule les définitions de float */	
	.Spacer {
		clear: both;
	}
	
	.Left {
		width: 580px;
		float: left;
		margin-left: 20px;
		-margin-left: 10px; /* Pour IE6 */
	}
	
	.Right {
		width: 280px;
		float: left;
		margin-left: 20px;
	}

	.Module {
		background: #FFFFFF url(design/structure/coin_module.jpg) bottom right no-repeat;
		margin-top: 20px;
		-margin-top: 10px; /* Pour IE6 */
		padding: 7px;
	}
	
	.ImageModule {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.Left .Module {
		width: 566px;
	}
	
	.Right .Module {
		width: 266px;
	}
	
	/******************************/
	/*  Titre et paragraphes       */
	/******************************/	

	h1 {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;		
		color: #FF0000;
		font-size: 20px;
		margin-bottom: 10px;
		font-weight: bold;
		}

	h2 {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;		
		font-size: 19px;
		margin: 0px;
		padding: 0px;
		font-weight: normal;
		}
	
	h3 {
		font-size: 15px;
		font-weight: bold;
		}
		
	h4 {
		background: url(design/structure/background_titre_agenda.jpg) right no-repeat;
		color: #FFFFFF;
		font-size: 15px;
		font-weight: normal;
		padding: 2px;
		margin-bottom: 10px;
		margin-top: 10px;
		}
		
	h5 {
		margin: 0px;
		padding: 0px;
		color: #FF0000;
		font-weight: bold;
		font-size: 16px;
		}
	
	p {
		margin-bottom: 10px;
		text-align: justify;
	}
		
	/******************************/
	/*  Tables                   */
	/******************************/	
	
	.Tab {
		width: 100%;
		margin-top: 10px;
		padding-top: 10px;
		border-top: #5A5A5A 1px solid;
	}
	
	.Premier {
		border-top: none;
		padding-top: 0px;
		margin-top: 0px;
	}
	
	.Tab td {
		vertical-align: top;
	}
	
	.Tab .Pdf {
		padding-right: 10px;
		width: 40px;
	}
	
	.Tab .Image {
		padding-right: 10px;
		width: 85px;
	}
	
	.Tab .Image img {
		width: 85px;
	}
	
	.Tab .Image .video {
		width: 30px;
	}
	
	.Tab .Live {
		width: 50px;
		padding: 0px;
		padding-left: 5px;
		text-align: right;
	}

	.Sets td {
		vertical-align: middle;
	}
	
	td.Download {
		text-align: right;
	}
	
	img {
		position: relative;
	}

	/******************************/
	/*  Liens                 */
	/******************************/	
	
	a, a:visited, a:active  {
		color: #FF0000;
		text-decoration: none;
		cursor: pointer;
		}
	
	a:hover, a:focus {
		color: #FF0000;
		text-decoration: underline;
		}
		
	#Bottom a, #Bottom a:visited, #Bottom a:active  {
		color: #5A5A5A;
		text-decoration: none;
		}

	#Bottom a:hover, #Bottom a:focus  {
		color: #2C2C2C;
		text-decoration: none;
		}
		
	/******************************/
	/*  images                     */
	/******************************/	
		
	/******************************/
	/*  Formulaires               */
	/******************************/	
	
	input, select, textarea {
		width: 95%;
		border: #5A5A5A 1px solid;
		background-color: #EBEBEB;
		color: #5A5A5A;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	
	input, select {
		padding: 2px;
	}
	
	 .btnEnvoyer {
		width: 80px;
		background: #5A5A5A;
		border: #EBEBEB 1px solid;
		color: #EBEBEB;
	}
	
	#Newsletter input {
		width: 150px;
	}
	
	#Newsletter .btnEnvoyer {
		width: 80px;
		background: #5A5A5A;
		border: #EBEBEB 1px solid;
		color: #EBEBEB;
	}
	
	.FormLargeurLablel {
		width: 100px;
	}
	
	.tabFormulaire td {
		padding-bottom: 10px;
	}
	
	/******************************/
	/*  Messages d'erreurs        */
	/******************************/
	.MessageErreur, .MessageOk, .MessageConfirm {
		padding: 5px;
		margin: 5px;
		font-weight: bold;
		font-size: 16px;
		border-style: dashed;
		border-width: 1px;
	}
	
	.MessageErreur a, .MessageOk a, .MessageConfirm a {
		color: #FFFFFF;
	}

	.MessageErreur {
		background-color: #EBCCCC;
		border-color: #9D0000;
		color: #9D0000;
	}
	
	.MessageOk {
		background-color: #CFE1CC;
		border-color: #0E6600;
		color: #0E6600;
	}
	
	.MessageConfirm {
		background-color: #CCCCEF;
		border-color: #0000FF;
		color: #0000FF;
	}
	
	.FieldError {
		background-color: #FFFF99;
		border: #990000 dotted 1px;;
	}
	

/******************************/
/*  PAGES                     */
/******************************/	

	/******************************/
	/*  Home	                 */
	/******************************/	
	.AgendaMini  {
		margin-bottom: 10px;
	}
	
	.AgendaMini td {
		padding: 3px;
	}
	
	#FlashNews {
		margin-top: 20px;
		-margin-top: 10px; /* Pour IE6 */
	}
	
	.Tab .Video td {
		vertical-align: middle;
	}
	
	/******************************/
	/*  Agenda	                 */
	/******************************/		

	.Pages  {
		width: 100%;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	
	.Pages td  {
		width: 50%;
	}
	
	.Pages .Precedent {
		text-align: left;
	}
	
	.Pages .Suivant {
		text-align: right;
	}
	
	/******************************/
	/*  SHOP	                 */
	/******************************/		

	.FloatLeft  {
		float: left
	}
	
	.Interieur {
		padding-top: 5px;
	}
	
	/******************************/
	/*  PRESSE / BIO              */
	/******************************/		

	.Communiques p, .Sets p {
		margin: 0px;
	}
	
	/******************************/
	/*  CONTACT                   */
	/******************************/		

	#LiensExternes table td {
		text-align: center;
		vertical-align: middle;
	}