/* Nom du fichier : style.css -> (affichage pour écran) *
* Concepteur : Emmanuel BILHEUDE                       *
* Date : Janvier 2008                                  *
* Date de modifictaion : Mai 2008				       *
* Version : 1.0                                        *
*****************************************************/
@font-face 
{
	font-family: "Frutiger LT Std";
	src: url('../fonts/FrutigerLTStd-BlackCn.ttf');
	
	font-family: "Frutiger LT 45 Light";
	src: url('../fonts/Frutiger2.ttf');
}

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}

body 
{
	text-align: center;
	background: #000000;
	margin-top:0px;
	margin-bottom:10px;
	width: 100%;
	height: 100%;
}

a
{
	font-weight: bold;
}

a img{
	border:0px;
}

#page 
{
	margin-left: auto; 
	margin-right: auto;
	width: 1020px;
	text-align: left;
}

#enTeteDePage 
{
	height: 201px;
	background: url('../img/background_enTete.jpg') top left no-repeat;
}

.headerimg { background-position: top left; background-repeat: no-repeat; height:201px; }

#alertIE6
{
	display: none;
	float:left;
	margin-top:178px;
	margin-left:22px;
}

#alertIE6 p
{
	font-family: "Frutiger LT 45 Light",Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;
	font-size: 13px;
	color:#FFFF99;
}

#alertIE6 a
{
	color:#FF9933;
	text-decoration: none;
}

#alertIE6 a:hover
{
	color:#FF3300;
	text-decoration: none;
}

#enTeteDePageConnecte 
{
	height: 181px;
	background: url('../img/background_enTete_animateurs.jpg') top left no-repeat;
}

#boutonsMenu
{
	height:40px;	
	padding-left: 40px;
}

#boutonsMenu img
{
	border: none;
	color: #000000;
	vertical-align: bottom; /* correction d'un bug sous IE */
}

#boutonViolet
{
	margin-left: 230px;
}

#hautDuContenu
{
	height: 11px;
	background: url('../img/background_hautPage.jpg') top left no-repeat;
	-margin-bottom:-8px; /*il faut laisser le - devant parce que ça veut dire qu'il n'y a que sous IE6 que cette ligne est prise en compte*/
}

/*Sous boutons*/

#sousBoutons
{
	margin-left : 270px;
	margin-bottom: 15px;
}

/* Définition du contenu */

#contenu
{
	background: url('../img/background_contenu.jpg') top left repeat-y;
	clear: both;
	margin: 0px 0px 0px 0px;
	-height:1%; /*pareil pour rectifier un bug d'IE6 sinon l'arrière plan ne s'affiche pas*/
}

#contenu p
{
	margin: 0px 60px 0px 40px;
	padding-bottom: 10px;
	font-family:  "Frutiger LT Std",verdana, arial;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
	color: #333333;
}

#contenuPage
{
	background: url('../img/background_contenu.jpg') top left repeat-y;
	clear: both;
	margin: 0px 0px 0px 0px;
	-height:1%; /*pareil pour rectifier un bug d'IE6 sinon l'arrière plan ne s'affiche pas*/
}

#contenuPage p 
{
	margin: 0px 60px 0px 40px;
	padding-bottom: 10px;
	font-family: Droid Sans, verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}

#contenuPage h3
{
	margin: 0px 0px 20px 40px;
	font-family: "Frutiger LT Std",Droid Sans,verdana, arial, sans-serif;
	font-size: 22px;
	line-height: 18px;
	text-align: left;
}

/*pour les tableaux*/
#contenu .fdInpContainer
{
    margin: 0px;
    padding: 0px;
}

#contenu h2
{
	margin: 0px 0px 20px 120px;
	font-family: "Frutiger LT Std",verdana, arial, sans-serif;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
}

#contenu h3
{
	margin: 0px 0px 10px 40px;
	padding-bottom: 0px;
	font-family: "Frutiger LT Std",verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	font-weight: bold;
}

#contenu h4
{
	margin: 10px 0px 10px 40px;
	padding-bottom: 0px;
	font-family: "Frutiger LT Std",verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	font-weight: bold;
}

#contenu a
{
	color: #019ee3;
	text-decoration:none;
	font-size: 11px;
}

#phototheque
{
    margin-left: 22px;
    width: 1018px;
    /*height: 700px;*/
}

#carte
{
	margin-left: 40px;
}

#liste p
{
	text-indent: 30px;
	line-height: 15px;
}

#signature
{
	padding-top: 10px;
}

#signature p
{
	text-indent: 85px;
	line-height: 8px;
	font-weight: bold;
}

#suiteContact p
{
	line-height: 8px;
}

/* Défintions couleurs des titres en fonction de l'onglet */

#gris h2
{
	color: #A9A9A9;
}
#gris h3
{
	color: #A9A9A9;
}
#gris h4
{
	color: #A9A9A9;
}
#gris a
{
	color: #A9A9A9;
}

#gris p
{
	color:  	#696969;
}

#rouge h2
{
	color: red;
}
#rouge h3
{
	color: red;
}
#rouge h4
{
	color: red;
}
#rouge a
{
	color: red;
}

#jaune h2
{
	color: #c18e00;
}
#jaune h3
{
	color: #c18e00;
}
#jaune h4
{
	color: #c18e00;
}
#jaune a
{
	color: #c18e00;
}

#vert h2
{
	color: green;
}
#vert h3
{
	color: green;
}
#vert h4
{
	color: green;
}
#vert a
{
	color: green;
}

#bleu h2
{
	color: #019ee3;
}
#bleu h3
{
	color: #019ee3;
}
#bleu h4
{
	color: #019ee3;
}

#violet h2
{
	color: #711081;
}
#violet h3
{
	color: #711081;
}
#violet h4
{
	color: #711081;
}
#violet a
{
	color: #711081;
}

/* Définition page Accueil */
#colonneGaucheAccueil
{
	margin-left: 40px;
	width: 580px;
	-width: 535px;
}

#colonneGaucheAccueil p
{
	margin: 0px;
}

#colonneDroiteAccueil
{
	float:right;
	margin-left: 20px;
	margin-right: 50px;
}

/*  
.uiSideNavCount {
    -moz-border-radius: 2px 2px 2px 2px;
    background-color: #D8DFEA;
    color: #3B5998;
    font-weight: bold;
    left: -1px;
    padding: 0 4px;
    position: relative;

*/

/*Défintion de la balise pour écrire en italic sinon la taille n'est pas la même que le reste du site*/
em
{
	font-size: 11px;
}

/* Défintion page de la FAQ */

#question h3
{
	padding-top: 12px;
	height: 45px;
	background: url('../img/question.jpg') left no-repeat;
	text-indent: 50px;
}

/* Défintion de la page asso */

#lecteur
{
	float: right;
	margin-left: 10px;
	padding-right: 35px;
}

#mailEnvoye
{
	height: 20px;
	width: 870px;
	background: #80c0ff;
	margin-left: 40px;
	padding: 5px; 
}

#mailEnvoye p
{
	padding-left: 3px;
	margin: 0px;
	font-size: 13px;
}

 /* Définition du pied de page */
 
#piedDePage
{
	height: 141px;
	background: url('../img/background_piedPage.jpg') top left no-repeat ;
	padding: 32px 20px 15px 12px;
	color: #C4C4C4;
	text-align: center;
	font-size: 12px;
	font-family: "Frutiger LT Std",verdana, arial, sans-serif;
	/margin-bottom: -50px; /*même chose, ne fonctionne que sous IE6 et IE7 avec le / : c'est pour réduire une marge dans la bas de page */
}

#piedDePageVideo
{
	height: 272px;
	background: url('../img/background_piedPageVideos.jpg') top left no-repeat ;
	padding: 32px 20px 15px 12px;
	color: #C4C4C4;
	text-align: center;
	font-size: 14px;
	/margin-bottom: -50px; /*même chose, ne fonctionne que sous IE6 et IE7 avec le / : c'est pour réduire une marge dans la bas de page */
}

#piedDePageVideo p
{
	margin-top: 150px;
}

#piedDePagePhotos
{
	height: 272px;
	background: url('../img/background_piedPagePhotos.jpg') top left no-repeat ;
	padding: 32px 20px 15px 12px;
	color: #C4C4C4;
	text-align: center;
	font-size: 14px;
	/margin-bottom: -50px; /*même chose, ne fonctionne que sous IE6 et IE7 avec le / : c'est pour réduire une marge dans la bas de page */
}

#piedDePagePhotos p
{
	margin-top: 150px;
}

.clearer_piedDePage 
{ 
	clear: none;
	clear: both;
}

/*Définition Formulaire*/

#formulaire
{
	padding : 0px 40px;
	font-family: "Frutiger LT Std",verdana, arial, sans-serif;
	font-size: 11px;
}

label
{
	display: block;
	width: 180px;
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: "Frutiger LT Std",verdana, arial, sans-serif;
	font-size: 11px;
}

select
{
	width: 200px;
}

#champ input
{
	width: 210px;
}

input,select
{
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: "Frutiger LT Std",verdana, arial, sans-serif;
	font-size: 11px;
}

/*pour les tableaux*/
#contenu .fdInpContainer input,select
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "Frutiger LT Std",verdana, arial, sans-serif;
	font-size: 11px;
}


input:focus 
{ 
	border: 2px solid #93b7ed;
}

textarea:focus
{
	border: 2px solid #93b7ed;
}

fieldset
{
	margin-bottom: 4px;
	border-color: #000000;
	padding: 10px;
}

fieldset legend
{
	margin-bottom: 4px;
	font-family: "Frutiger LT Std",verdana, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#envoyer
{
	text-align: center;
}

/*Définition page des vidéos */

#ligne1 img
{
	margin-top: 30px;
	margin-left: 360px;
}

#ligne2 img
{
	margin-top: 15px;
	margin-left: 45px;
}

#ligne3 img
{
	margin-top: 10px;
	margin-left: 45px;
}

#ligne4 img
{
	margin-top: 10px;
	margin-left: 30px;
}

#ligne4 a
{
	margin-left: 20px;
	font-size: 14px;
}

/*Information sur la page de Taizé lycéens*/
#information
{
	width: 840px;
	margin: 10px;
	margin-bottom: 50px;
	background-color: #FF0000;
	color:#ffffff;
	margin-right: auto;
	margin-left: auto;
}

#information p
{
	text-align: center;
	padding-top:5px;
	font-weight: bold;
	font-size: 12px;
}


/*Logo qui apparaît à l'impression*/

#logoImpression
{
	display: none;
}

/**********************************************************************************/
/*--------------------------------------------------------------------------------*/
/*						CSS Taizé lycéens  OLD VERSION !!!!               		  */
/**********************************************************************************/
/*--------------------------------------------------------------------------------*/

#signature p
{
	text-indent: 60px;
	line-height: 8px;
	font-weight: bold;
	font-style: italic;
}

/*Définition Formulaire*/

#formulaireExtraction
{
	padding : 0px 40px;
	font-family: "Frutiger LT Std",verdana, arial, sans-serif;
	font-size: 11px;
}

label
{
	width: 160px;
}

/*Page administration du responsable*/

#colonne
{
	width: 890px;
	background-color: #ffffff;
	padding-top: 5px;
	margin-bottom: 30px;
	margin-left: 25px;
}

hr
{
	width: 840px;
	margin: 0px 45px 0px 40px;
}

#colonneDroite
{
	float: right;
}

#formulaireParametrage
{
	padding : 0px 70px;
	font-family: "Frutiger LT Std",verdana, arial, sans-serif;
	font-size: 11px;
}

#formulaireParametrage label
{
	width: 200px;
}

/*Pour que les chiffres soient alignés verticalement dans la partie admin */
#colonneDroiteAdmin
{
	float: right;
}

#colonneDroiteAdmin p
{
	margin-right: 130px;
}

table
{
	width: 830px;
	margin: 0px 40px 0px 40px;
	padding-bottom: 20px;
	border-spacing: 0px;
}

#colonne table
{
	width: 96%;
	margin-left: 25px;
    margin-right:25px;
	padding-bottom: 10px;
	border-spacing: 0px;
}

#nom
{
	width: 233px;
}

#prenom
{
	width: 203px;
}

#modifier
{
	width: 63px;
}

#prix
{
	width: 30px;
}

#eJeune
{
	width: 47px;
}

#eAnim
{
	width: 45px;
}

#nJeune
{
	width: 43px;
}

#nAnim
{
	width: 45px;
}

#effacer
{
	width: 50px;
}

#consulter
{
	width: 65px;
}

#exporter
{
	width: 60px;
}

/*Tableau des doubles*/
/*#doubles
{
	width: 840px;
	background-color: #FFA07A ;
	margin: 2px auto 10px auto;
	padding-top: 15px;
}

#doubles table
{
	width: 800px;
	margin: 0px 40px 0px 20px;
	padding-bottom: 30px;
}

#doubles th
{
	background-color: #FFA07A ;
}*/

#stat
{
	margin-left: 155px;
}

/*Tableau des groupes*/

/*#tableauGroupe
{
	border-spacing: 0px;
}

#tableauGroupe td
{
	border-bottom: 1px solid black;
}*/

/**********************************************************************************/
/*--------------------------------------------------------------------------------*/
/*						CSS JMJ MIB                 			        		  */
/**********************************************************************************/
/*--------------------------------------------------------------------------------*/
#lienJMJ p  
{
    margin-left: 80px;
    font-family:  "Frutiger LT Std",verdana, arial;
 	font-size: 28px;
    font-weight: bold;
    padding-bottom: 5px;
    line-height: 180%;
}

#lienJMJ a
{
    color:#fabb00;
    margin-left: 180px;
    font-family:  "Frutiger LT Std",verdana, arial;
 	font-size: 35px;
    font-weight: bold;
    padding-bottom: 5px;
    line-height: 180%;
}

/**********************************************************************************/
/*--------------------------------------------------------------------------------*/
/*						CSS Taizé lycéens           			        		  */
/**********************************************************************************/
/*--------------------------------------------------------------------------------*/

/*Définition du menu*/
#menuAdministration
{
	float: left;
	margin-left: 40px !important;
	/*Valeur pour IE6*/
	margin-left: 20px;
	/*Fin valeur pour IE6*/
	width: 200px;
}

.sousMenuAdministration
{
	border: 1px solid #979797;
	width: 200px;
	margin-bottom: 10px;
}

#menuAdministration h3
{
	height: 22px;
	background : url('../rassemblementCap/img/title.png') repeat-x;
	padding-top: 0px;
	padding-left: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
}

#menuAdministration img
{
	margin-top: 2px;
	margin-right:5px;
}
	
.listeSousMenuAdministration
{
	padding-left: 21px;
	padding-right: 7px;
	margin-left: 0px;
	margin-top: 10px;
}

.listeSousMenuAdministration li
{
	list-style-image: url('../img/puceAdministration.png');
	text-align: left;
	margin-bottom: 5px;
	padding-bottom: 3px;
	vertical-align:middle;
	font-size: 10px;
	font-family: "Frutiger LT Std",Verdana, Helvetica;
}

.listeSousMenuAdministration b
{
	font-size: 11px;
}

/*FIN DE LA DEFINITION DU MENU*/

#contenuAdministration
{
	margin-left: 220px;
	width: 740px;
	min-height: 600px;
}

#contenuAdministration p
{
	margin-right: 0px;
}

#inscriptionsTerminees
{
	width: 650px;
	background-color: #FF0000;
	color:#ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom:10px;
}

#inscriptionsTerminees p
{
	text-align: center;
	padding-top:5px;
	font-weight: bold;
	font-size: 12px;
}

#contenuAdministration .tableauAdministration
{
	width: 695px;
	margin-right: 0px;
}

.hoverLink
{
	cursor: pointer;
}

/*NiftyCube page connexion, ajouter jeune, ajouter animateur, responsable ...*/
#erreur
{
	width: 880px;
	margin: 10px;
	background-color: #FF0000;
	color:#ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
}

#erreur p
{
	text-align: center;
	padding-top:5px;
	font-weight: bold;
	font-size: 12px;
}

/*Tableau des doubles*/
#doubles
{
	width: 720px;
	background-color: #ea7750;
	margin-top:10px;
	margin-bottom: 10px;
	margin-left: 40px;
	padding-top: 15px;
	padding-left: 0px;
}

#doubles #tableauDouble
{
	margin-left: 7px;
}

/*Tableau du highslide de la page administrationSilo.php*/

#tableauAge #F, #tableauAge #H
{
	text-align: center;
	width: 25px;
}

#tableauAge #total
{
	width: 50px;
}

#tableauAge #age
{
	text-align:center;
	border: solid 1px #000000;
}

#tableauAge #groupe
{
	width: 100px;
	text-align: right;
	padding-right:10px;
}

#tableauAge #H
{
	background-color: #85b9eb;
}

#tableauAge #F
{
	background-color: #f09ac1;
}

#tableauAge table
{
	width: 600px;
}

/**********************************************************************************/
/*--------------------------------------------------------------------------------*/
/*						CSS CAP 2011                                     		  */
/**********************************************************************************/
/*--------------------------------------------------------------------------------*/
.capTim #coinTourne
{
	float:left;
	margin-top: -83px;
	-margin-top: -80px;
	margin-left: 616px;
	-margin-left: 18px;
	margin-bottom: 5px;
}

.capTim #coinTourne #espaceAnimateur
{
	float:left;
	margin-left: 282px;
	margin-top: -95px;
	color: #019ee3;
}

.capTim #coinTourne img
{
	float:right;
	margin-right: 40px;
}

.capTim #texteIntro
{
	float:left;
	margin-left: 0px;
	margin-bottom: 10px;
	width: 1020px;
}

.capTim #videoCapTim object
{
	float:left;
	margin-top: 10px;
	margin-left: 0px;
	-margin-left: -30px;
	-margin-top: 50px;
	margin-bottom: 5px;
}

.capTim #videoCapTim #texte
{
	float: left;
	margin-left: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 470px;
	height: 279px;
}

.capTim #bandeInfos
{
	clear: both;
	margin-top: 5px;
	margin-left: 510px;
	margin-right: 0px;
	margin-bottom: 10px;
	width: 918px;
	-width: 923px;
	height: 10px;
}

.capTim #bandeInfos element.style
{
	clear: both;
	float:right
	margin-right: 100px;
	width: 250px;
}

.capTim #bandeInfos p
{
	display:inline;
}

.capTim #traitHorizontal
{
	text-align:center;	
}

.capTim #colonneDroiteTexteCap
{
	float:right;
	margin-right: 10px;
	-margin:0px;
	width: 350px;
	-width: 300px;
}

.capTim #colonneDroiteTexteCap #coeur
{
	float:left;
	margin-left: 15px;
	margin-top: 15px;
	width: 30px;	
}

.capTim #colonneDroiteTexteCap h2
{
	margin-top:15px;
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 12px;
}

.capTim #colonneDroiteTexteCap p
{
	margin-left: 10px;
}

.capTim #traitVertical
{
	float:right;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 0px;
}

.capTim #slider-wrapper
{
	width: 280px;
}

.capTim #colonneGaucheTexteCap
{
	width: 650px;
	-width: 600px;
	margin-left: 40px;
	padding-right: 20px;
}

.capTim #colonneGaucheTexteCap a
{
	color: #c18e00;
}

.capTim #colonneGaucheTexteCap h2
{
	margin-top:15px;
	margin-left: 50px;
	margin-bottom: 5px;
	font-size: 12px;
}

.capTim #colonneGaucheTexteCap p
{
	margin-left: 50px;
}

.capTim #colonneGaucheTexteCap img
{
	float: left;
	margin-left: 0px;
	margin-top: 10px;
}

#inscriptionCapEtTim  #formulaire .coordonnees
{
	width: 440px;
}

#inscriptionCapEtTim  #formulaire .groupeInfos
{
	float:right;
	margin-right: 40px;
	width: 400px;
}

.administrationGroupe
{
	height: auto;
	font-family : "Frutiger LT Std",verdana,arial,sans-serif;
	font-size: 11px;
}

.administrationGroupe input,textarea,select
{
	border: 1px solid #CCCCCC;
	font-family : "Frutiger LT Std",verdana,arial,sans-serif;	
}

.administrationGroupe .bouton 
{
	border: 0px;
}

.administrationGroupe #colonneGaucheGroupe
{
	float: left;
	margin-left: 40px;
	-margin-left: 20px;
	padding: 0px;
	width: 270px;
	min-height: 110%;
	border-right: 1px solid #C0C0C0;	
	padding-right: 0px;
}

.administrationGroupe #colonneGaucheGroupe p
{
	padding-bottom: 0px;
	margin-left: 0px;
}

.administrationGroupe #colonneGaucheGroupe img
{
	float:left;
}

.administrationGroupe #colonneGaucheGroupe a
{
	font-weight: normal;
	color: #333333;
}

.administrationGroupe #colonneGaucheGroupe #avatar
{
	margin-bottom: 80px;
	-margin-bottom: 250px;
}

.administrationGroupe #colonneGaucheGroupe #avatar .infosProfil
{
	float:right;
	margin-right: 30px;
	width: 180px;
}

.administrationGroupe #colonneGaucheGroupe #avatar .infosProfil p
{
	margin-left: 0px;
	width: 200px;
}

.administrationGroupe #colonneGaucheGroupe #infosGlobales :hover
{
	background-color:#D8BFD8;
	color: #711081;
	font-weight: bold;
}

.administrationGroupe #colonneGaucheGroupe #infosGlobales p
{
	line-height: 22px;
}

.administrationGroupe #colonneGaucheGroupe #infosGlobales p:hover
{
	line-height: 22px;
	color: #711081;
}

.administrationGroupe #colonneGaucheGroupe #infosGlobales #info .nom
{
	width: 110px;
}

.administrationGroupe #colonneGaucheGroupe #infosGlobales #info .nom img
{
	margin-right: 5px;
}

.administrationGroupe #colonneGaucheGroupe #infosGlobales #info .nombre
{
	float: right;
	margin-right: 10px;
	text-align:right;
}

.administrationGroupe #colonneGaucheGroupe #infosGlobales #info .nombre p
{
	margin: 0px;
	display: inline;
	margin-left: 30px;	
}

.administrationGroupe #colonneGaucheGroupe #infosGlobales #info #champ label
{
	margin: 0px;
	display: inline;
	margin-left: 25px;
	width: 60px;
	font-family : "Frutiger LT Std",verdana,arial,sans-serif;
}

.administrationGroupe #colonneGaucheGroupe #infosGlobales #info #champ input
{
	display: inline;
	width: 170px;	
	font-family : "Frutiger LT Std",verdana,arial,sans-serif;
}

.administrationGroupe #colonneDroiteGroupe	
{
	margin-left: 320px;
	-margin-left: 340px;
	width: 660px;
	-width: 670px;
	min-height: 350px;
}

.administrationGroupe #colonneDroiteGroupe #divInformationSucces
{
	width: auto;
	margin-top:5px;
	margin-left: 20px;
	-margin-right: 25px;
} 

.administrationGroupe #colonneDroiteGroupe #divInformationEchec
{
	width: auto;
	margin-top:5px;
	margin-left: 20px;
	-margin-right: 25px;
}

.administrationGroupe #colonneDroiteGroupe #tableauFrise	
{
	-margin-left: 0px;
	-margin-right:0px;
}

.administrationGroupe #colonneDroiteGroupe h2
{
	margin-left: 20px;
	margin-bottom: 10px;
}

.administrationGroupe #colonneDroiteGroupe h3
{
	margin-left: 20px;
	margin-bottom: 10px;
}

.administrationGroupe #colonneDroiteGroupe p
{
	margin-left: 20px;
	width: 620px;
	-width: 560px;
}

.administrationGroupe #colonneDroiteGroupe form
{
	/*margin-left: 20px;*/
	padding: 0px;
}

.administrationGroupe #colonneDroiteGroupe form select
{
	margin-top: 2px;
	margin-bottom: 2px;
	width: 204px;
}

.administrationGroupe #colonneDroiteGroupe table
{
	margin-left: 20px;
	width: 630px;
	padding-bottom: 0px;
}

.administrationGroupe #colonneDroiteGroupe table.tablesorter
{
	background-color: #FFFFFF;
}


/**********************************************************************************/
/*--------------------------------------------------------------------------------*/
/*						ANNEE ESPRIT SAINT                                		  */
/**********************************************************************************/
/*--------------------------------------------------------------------------------*/
.datesRassemblement input
{
	width: 10px;
	-width:20px;
	-margin-right: 2px;
}



/**********************************************************************************/
/*--------------------------------------------------------------------------------*/
/*						CSS CAP 2010                                     		  */
/**********************************************************************************/
/*--------------------------------------------------------------------------------*/



#enTeteColonne1,#enTeteColonne2,#enTeteColonne3,#enTeteColonne4
{
	width: 840px;
	background-color: #9966cc;
	margin: 2px auto 10px auto;
}

#enTeteColonne1 h3,#enTeteColonne2 h3,#enTeteColonne3 h3,#enTeteColonne4 h3
{
	color: #ffffff;
	padding-bottom: 2px;
	margin: 7px 0px 7px 0px;
	text-indent: 25px;
}

#lecteurflottant
{
	display:inline;
	float:left;
	margin-right:20px;
}

/* Tableau recapitulatif */
#tableauCap
{
  width: 830px;
  margin: 0;
  border-collapse:collapse;
  margin-left:40px;
}

#tableauCap th
{
  font: bold 10px/12px "Frutiger LT Std","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color: #4f6b72;
  border-right: 1px solid #C1DAD7;
  border-bottom: 1px solid #C1DAD7;
  border-top: 1px solid #C1DAD7;
  text-transform: uppercase;
  text-align: left;
  background: #CAE8EA no-repeat;
  vertical-align:middle;
  padding: 0;
}

#divInformationSucces
{
  width: 845px;
	background-color: #66CC66;
	color:#003300;
	margin-right: auto;
	margin-left: auto;
  margin-top:25px;
  margin-bottom:10px;
}

#divInformationSucces p
{
	text-align: center;
	padding-top:5px;
	font-weight: bold;
	font-size: 12px;
}

#divInformationEchec
{
	width: 845px;
  background-color: #FF6666;
	color:#660000;
	margin-right: auto;
	margin-left: auto;
  margin-top:25px;
  margin-bottom:10px;
}

#divInformationEchec p
{
	text-align: center;
  padding-top:5px;
	font-weight: bold;
	font-size: 12px;
}

/**********************************************************************************/
/*--------------------------------------------------------------------------------*/
/*						CSS CAMP SKI                                     		  */
/**********************************************************************************/
/*--------------------------------------------------------------------------------*/

.pageCampSki #contenu h3
{
    padding:10px;
    margin: 0px;
    font-family:"Frutiger LT Std",verdana,arial;
    font-size: 13px;
    color:#666666;
}

.pageCampSki #contenu .partieCentrale
{   
    margin-left:30px;
    margin-bottom:10px;
    width:960px;
}

.pageCampSki #contenu .partieCentrale .infosEssentielles
{   
    float:right;
    width:250px;
    margin-right: 10px;
    padding-bottom:20px;
}

.pageCampSki #contenu .partieCentrale .infosEssentielles li
{   
    text-align:left;
    margin-left: 10px;
    padding-bottom:5px;
}

.pageCampSki #contenu .partieCentrale .liensUtiles
{   
    clear:both;
    margin-right:0px;
    width:960px;
    background: grey;
}

.pageCampSki #contenu .partieDroite
{
    float:right;
    margin-right:10px;    
    width:200px;
}

.pageCampSki #contenu .partieDroite p
{
    padding:10px;
    margin: 0px;
    margin-top:10px;
    font-family:"Frutiger LT Std",verdana,arial;
    font-size: 11px;
    color:#666666;    
}

.pageCampSki #contenu .partieDroite h3
{
    font-family:"Frutiger LT Std",verdana,arial;
    font-size: 11px;
    color:#666666; 
    border-bottom: 1px #999999 solid;
    margin-right:30px;
}    

.pageCampSki #contenu .partieGauche
{
    margin-left:30px;
    width:680px;
}

.pageCampSki #contenu .partieGauche p
{
    padding:10px;
    margin: 0px;
    font-family:"Frutiger LT Std",verdana,arial;
    font-size: 11px;
    color:#666666;
}

.pageCampSki #contenu .partieGauche h2
{
    padding:10px;
    margin: 0px;
    font-family:"Frutiger LT Std",verdana,arial;
    font-size: 11px;
    color:#666666;
}

/**********************************************************************************/
/*--------------------------------------------------------------------------------*/
/*							SAISON 2011-2012                               		  */
/**********************************************************************************/
/*--------------------------------------------------------------------------------*/
#contenu #menuEvenements
{
	text-align: center;
	border-bottom: 1px solid #cccccc;
}

#menuEvenements a
{
	font-family: "Frutiger LT 45 Light",verdana, arial, sans-serif;
	font-size: 12px;
}

.evenement
{
	margin: 10px 40px 0px 40px;
	border-bottom: 1px solid #CCCCCC;
}

.evenement .illustrationEvenement
{
	width: 350px;
	float: right;
	text-align: center;
}

.evenement .texteEvenement
{
	width: 580px;
}

.evenementJaune h1, #contenu .evenementJaune h3
{
	color:  #c18e00;
}

.evenementVert h1, #contenu .evenementVert h3
{
	color: green;
}

.evenementBleu h1, #contenu .evenementBleu h3
{
	color: #019ee3;
}

.evenementRouge h1, #contenu .evenementRouge h3
{
	color: red;
}

.evenement h1
{
	margin: 0px 5px 2px 5px;
	font-family: "Frutiger LT Std",verdana, arial, sans-serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
}

#contenu .evenement h2
{
	color: black;
	font-weight: normal;
	margin: 0px 2px 10px 5px;
	font-family: "Frutiger LT 45 Light",verdana, arial, sans-serif;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
}

#contenu .evenement h3
{
	margin: 0px 0px 5px 15px;
	padding-bottom: 0px;
	font-family: "Frutiger LT 45 Light",verdana, arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
	font-weight: normal;
}

#contenu .evenement h3 a
{
	font-size: 13px;
}

#contenu .evenement h3 .infoEvenement
{
	color: black;
}

#contenu .evenement p
{
	font-family: "Frutiger LT 45 Light",verdana, arial, sans-serif;
	margin: 0px 5px 0px 5px;
	font-size: 11px;
	text-align: justify;
}