@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;
	}
	
	/* Couleur de fond et centrage du site */
	body { 
		background-color: #C0C0C0;
		text-align: center;
		}
		
	/* Formatage du caractère par défaut */	
	body, table { 
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		}
		
		
/******************************/
/*  STRUCTURE                 */
/******************************/
		
	/* position de l'entier du site */	
	#Global { 
		position: relative;
		margin: 0 auto; /* centre #global sur la page */
		width: 950px;
		text-align: left; /* Annule l'alignemnt défini dans body qui centre #global */
		}
		
	
	#Ville {
		position: absolute;
		top: 10px;
		right: 10px;
		color: #309497;
		z-index: 2;
	}
		
	#Lang {
		position: absolute;
		top: 120px;
		right: 10px;
		color: #309497;
		z-index: 2;
	}
	
	#Lang a , #Lang a:visited, #Lang a:active, #Ville a, #Ville a:visited, #Ville a:active {
		color: #309497;
		text-decoration: none;
	}
	
	#Lang a:hover, #Lang a:focus, #Ville a:hover, #Ville a:focus {
		color: #86C4C2;
		text-decoration: none;
	}
	
	#Lang .SelectedLang {
		color: #A93B8F;
		text-decoration: none;
	}
	
	#Contenu {
		background: url(design/structure/wse_background.jpg) repeat-y;
	}
	
	#PageLeft {
		float: left;
		width: 120px;
		padding-top: 8px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#PageMain {
		float: left;
		width: 500px;
	}
	
	#PageMainContenu {
		width: 470px;
		padding-top: 8px;
		padding-left: 15px;
	}

	#PageRight {
		float: left;
		width: 270px;
		padding-top: 8px;
		padding-left: 15px;
	}
	
	#Footer {
		background-color: #309497;
		clear: both;
		height: 20px;
		text-align: center;
		padding-top: 5px;
		color: #FFFFFF;
	}
	
	#Footer a, #Footer a:visited, #Footer a:active {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#Footer a:hover, #Footer a:focus {
		color: #FFFFFF;
		text-decoration: underline;
	}

				
		
/******************************/
/*  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;
	}
	
	.Fixed {
		position: fixed;
		vertical-align: top;
	}
	
	.Right {
		float: right;
	}
	
	.Left {
		float: left;
	}
	
	/******************************/
	/*  Titre et paragraphes       */
	/******************************/	

	h1 {
		margin-bottom: 15px;
	}
		
	h2 {
		border-bottom: #A93B8F solid 2px;
		font-size: 15px;
		font-weight: bold;
		padding-bottom: 2px;
		margin-bottom: 10px;
	}

	h3 {
		color: #A93B8F;
		font-size: 15px;
		font-weight: bold;
	}
			
	p {
		margin-bottom: 30px;
		line-height: 20px;
	}
	
	ul {
		margin-top: 5px;
		margin-bottom: 30px;
		line-height: 20px;
	}
	
	li {
		margin-bottom: 5px;
	}
	
	.Legende {
		margin-top: 10px;
		font-size: 11px;
		font-style: italic;
		line-height: normal;
		text-align: right;
	}
	
	.MenuLeft {
		color: #A93B8F;
		font-size: 15px;
		text-align: right;
		margin-bottom: 20px;
		width: 120px;
	}
	
	.MenuLeft a, .MenuLeft a:visited, .MenuLeft a:active {
		text-decoration: none;
		color: #A93B8F;
	}
	
	.MenuLeft a:hover, .MenuLeft a:focus {
		text-decoration: none;
		color: #309497;
	}
	
	.MenuRight {
		width: 270px;
	}
	
	.Color {
		color: #A93B8F;
		font-weight: bold;
	}
	
	.Jaune {
		color: #FF9900;
		font-weight: bold;
	}
	
	.Rouge {
		color: #CC0000;
		font-weight: bold;
	}
	
	.Vert {
		color: #309497;
		font-weight: bold;
	}
	
	.Center {
		text-align: center;
	}
	
	.Tab {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.Tab td {
		vertical-align: bottom;
		margin-bottom: 5px;
	}

	#top {
		float: right;
		margin: 5px;
	}

	/******************************/
	/*  Liens                 */
	/******************************/	
	
	a, a:visited, a:active  {
		text-decoration: underline;
		color: #000000;
		}
	
	a:hover, a:focus {
		text-decoration: none;
		color: #309497;
		}
		
	/******************************/
	/*  images                     */
	/******************************/	
	
	img {
		border: 0px;
	}
	
	.ImgJustifie {
		margin-left: -15px;
	}
	
	.Atelier img {
		float: left;
		width: 100px;
	}
	
	.ImgNews {
		float: left;
		margin-right: 10px;
	}
		
	/******************************/
	/*  Formulaires               */
	/******************************/	
	
	input, select, textarea {
		width: 100%;
		border: #A93B8F 1px solid;
		background-color: #FFFFFF;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	
	.btnEnvoyer {
		width: 75px;
	}
	
	.FormLargeurLablel {
		width: 75px;
	}

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


	/******************************/
	/*  Initiations/Ateliers       */
	/******************************/

	.Atelier {
		clear: both;
		margin-bottom: 35px;
	}
	
	.TexteAtelier {
		float: right;
		width: 350px;
	}
	
	/******************************/
	/*  Horaires                  */
	/******************************/

	.TabHoraires td {
		border: 1px solid #CCCCCC;	
		border-collapse: collapse;	
	}
	
	.TabHoraires {
		border-collapse: collapse;	
	}

	
	/******************************/
	/*  Sponsors                  */
	/******************************/

	.Sponsors {
		margin-bottom: 30px;	
	}
	
	/******************************/
	/*  Photos                    */
	/******************************/	
	
	.TabAlbums {
		width: 100%;
	}	
	
	.TabAlbums td {
		padding: 10px;
	}	
	
	.TabAlbums td.Titre {
		padding: 0px;
	}	
	
	.TabAlbums td.Image {
		width: 50px;
	}	

	
	.TabAlbums img {
		border: #FFFFFF solid 2px;
	}

	.GalerieHover {
		background-color: #ECD2E5;
		text-decoration: none;
		color: #000000;
		cursor: pointer;
	}
	
	.GaleriePhoto .Navigation, .GaleriePhoto .Images {
		width: 100%;
		text-align: center;
	}

	.GaleriePhoto img {
		border: #FFFFFF solid 2px;
	}
	
	.GaleriePhoto .Titre {
		font-weight: bold;
	}

	.GaleriePhoto .Navigation td {
		width: 33%;
		padding-bottom: 5px;
	}
	
	.GaleriePhoto .Images td {
		padding: 5px;
	}
	
	.TabGaleries {
		width: 100%;
		text-align: left;
	}	
		
	.TabGaleries td.Image {
		width: 65px;
	}
	
		
/*************************/
/** Liste des inscrites **/
/*************************/

.Spacer {
	clear: both;	
}

ul.Pagination li {
	margin: 5px;
	padding: 0;
	float: left;
	border: 1px solid #F6D3E7;
	width: 20px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

ul.Pagination li:hover {
	background-color: #F6D3E7;
	border: 1px solid #ffffff;
}
ul.Pagination {
	list-style-type: none;	
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 22px;
}

ul.Participantes {
	margin-bottom: 10px;
	margin-top: 25px;
}

li.Date {
	color: #FCF4F9;
	font-size: 100px;
	position: absolute;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	list-style: none;
	margin-top: -50px;
	z-index: 0;
	margin-left: 240px;
	letter-spacing: -3px;
	
}

.Hidden {
	display: none;	
}

#InitiationPlan {
	width: 100%;	
}