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


body { margin: 0px; padding: 0px; background: #FFF; font-family: Arial; font-size: 12px; }




.container			{ width: 1000px; margin: 0px auto; position: relative; }
.header				{ width: 1000px; margin: 0px; padding: 0px; background: url( /images/Studio4Fun-menu.gif ) bottom no-repeat; position: relative; }


/*	*** PORTAIL GRANDE SƒANCE *** */
.menuGS				{ width: 666px; margin: 0px; padding: 0px; background: url( /images/grandeseance-menu.gif ) bottom no-repeat; position: relative; }
.headerGS				{ width: 1000px; margin: 0px; padding: 0px; bottom no-repeat; position: relative; }


h1.studio						{ display: none; text-indent: -9999px; float: left; margin: 0px 0px 20px; width: 335px; height: 146px; display: block; background: url( /images/Studio4Fun.gif ) top left no-repeat; }
h1.site					{ background: none; font-family: Arial; font-size: 28px; color: #FC9317; margin: 15px 0px 0px 25px; font-weight: normal; letter-spacing: 4px; }
h2.site					{ font-family: Arial; font-size: 28px; color: #FC9317; margin: 15px 0px 0px 25px; font-weight: normal; letter-spacing: 4px; background: none; }
h2.fonctionne					{ font-family: Arial; font-size: 18px;  color: #000; margin: 0px; background: none; }
h2.TexteTitrefaq					{ font-family: Arial; font-size: 16px; color: #FC9317; margin: 0px; background: none; }

h2.link					{ font-size: 14px; font-weight: bold; text-transform: none; }
h2.caracteristiques		{ font-family: Arial; font-size: 14px; color: #FC9317; margin: 1px 3px 0px 0px; background: none; float: left; }
.signin					{ float: right; margin-top: 40px; }
#errors					{ margin: 0px 0px 10px; padding: 0px; list-style: none; display: none; }
#errors li				{ font-family: Arial; font-size: 12px; color: #FF0000; }
.signin label			{ font-family: Arial; font-size: 12px; color: #000; font-weight: bold; }
.signin input			{ border: 2px #bfbfbf solid; color: #FC9317; margin: 0px; width: 160px; font-size: 12px; }
.signin input.bouton	{ border: none; width: 54px; height: 21px; }
.signin a:link			{ font-family: Arial; font-size: 12px; color: #FC9317; text-decoration: none; }
.signin a:visited		{ font-family: Arial; font-size: 12px; color: #FC9317; text-decoration: none; background: none; }
.signin a:active		{ font-family: Arial; font-size: 12px; color: #FC9317; text-decoration: none; background: none; }
.signin a:hover			{ font-family: Arial; font-size: 12px; color: #FC9317; text-decoration: none; background: none; }


.menu					{ margin: 0px 0px 0px 10px; padding: 0px; list-style: none; padding-bottom: 8px; }
.menu li				{ float: left; margin: 0px 0px; }
.menu li a:link			{ font-family: Arial; font-size: 12px; color: #FFF; text-decoration: none; }
.menu li a:visited		{ font-family: Arial; font-size: 12px; color: #FFF; text-decoration: none; }
.menu li a:active		{ font-family: Arial; font-size: 12px; color: #FFF; text-decoration: none; }
.menu li a:hover		{ font-family: Arial; font-size: 12px; color: #000; text-decoration: none; }
.menu li:before			{ content: "|"; visibility: hidden; }
.menu li.slash:after	{ content: " | "; font-family: Arial; font-size: 14px; color: #FFF; }
.menu li.last:after		{ content: " | ";  visibility: hidden; font-family: Arial; font-size: 14px; color: #FFF; }
.menu li.langue			{ float: right; margin-right: 10px; }









/*	*** CALENDRIER *** */
a.calendrier	{ width: 12px; height: 21px; display: block; }
span.cache		{ display: none; }
table.calendrier		{ padding: 0px 10px 10px 10px; }
td.dayCell				{ width: 50px; height: 75px; padding: 5px; background: #EBEBEB; }
h2						{ text-transform: uppercase; }
td.dayCell strong		{ color: #BAB9B9; margin: 0px 2px 2px 0px; }
td.dayCell td			{ background: #d6d6d6; padding: 0px; }
td.dayCell td a			{ width: 100%; height: 100%; display: block; text-decoration: none; position: relative; }
td.dayCell td a:hover	{ width: 100%; height: 100%; display: block; text-decoration: none; background: #BAB9B9; }


td.journeeBloque		{ background: #ff0000; }


table.header		{ margin: 0px 0px 40px 0px; text-align: center; }
.header a			{ color: #989796; font-size: 12px; font-weight: bold; }
.header a:hover		{ color: #FC9317; text-decoration: none; }
a.horaire			{ color: #FC9317; margin: 0px 0px 0px 7px; }
a.horaire:hover		{ color: #989796; }
a.english			{ color: #FC9317; }
a.english:hover		{ color: #989796; }

ul.tabs		{ list-style: none; margin: 0px; padding: 0px; }
ul.tabs	li	{ float: left; margin: 5px 2px 0px 0px; }

ul.tabs	a.actif		{ background:  #d6d6d6; color: #FFFFFF; padding: 2px; font-weight: normal; display: block; text-decoration: none; cursor: default; }
ul.tabs	a.desactif 	{ background:  #EBEBEB; color: #FFFFFF; padding: 2px; font-weight: normal; display: block; text-decoration: none; }
ul.tabs	a:hover		{ background:  #d6d6d6;  }

ul.tabs h4	{ margin: 0px; padding: 0px; }
div#avenir	{ background: #d6d6d6; margin: 0px 0px 0px 0px; padding: 10px; }
div#passe	{ background: #d6d6d6; margin: 0px 0px 0px 0px; padding: 10px; display: none; }


table.liste_codes			{ margin: 0px; padding: 0px; list-style: none; text-align: center; }
table.liste_codes tr.gris	{ background: #EBEBEB; }
table.liste_codes td	{ padding: 0px 5px 0px 5px; height: 20px; }
table.liste_codes td img	{ margin: 3px 0px 0px 0px; }



table.codes_acces tr.top td			{ padding: 5px; text-align: center; background: #CCCCCC; width: 150px; }
form.codes_acces label		{ width: 240px; }
form.codes_acces input		{ width: 165px; maxlength: 6; }
form.codes_acces a		{ margin: 0px 0px 0px 73px; }


table.calendrier_100	{ width: 100%; display: block; }





/* CLEARFIX */
.clearfix:after 	  { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix 			  { display: inline-block; }
html[xmlns] .clearfix { display: block; }  
* html .clearfix 	  { height: 1%; }