/*****************************************************
* Nom du fichier : style.css -> (affichage pour écran) *
* Concepteur : Emmanuel BILHEUDE                       *
* Date : Janvier 2008                                  *
* Date de modifictaion : Mai 2008				       *
* Version : 1.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: 181px;
	background: url('../img/background_enTete.jpg') top left no-repeat;
}

#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: verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

#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: Droid Sans,verdana, arial, sans-serif;
	font-size: 22px;
	line-height: 18px;
	text-align: left;
}

.pageAccueil #colonneG 
{
    float:left;
    margin-top:20px;
    margin-left:20px;
    width:250px;
}

.pageAccueil #colonneD 
{
    clear:both;
    margin-left:45%;
    margin-right:40px;
    width:550px;
    padding:20px;
}

.pageAccueil #colonneD h2
{
    margin: 0px 60px 0px 40px;
    padding-bottom: 10px;
    font-family: Droid Sans, verdana, arial, sans-serif;
    font-size: 20px;
    text-align: justify;
    font-weight: bold;
    color: black;
    line-height: 150%
    
}

.pageAccueil #colonneD #petitTexte
{
    clear:both;
    margin: 0px 00px 0px 00px;
    padding-bottom: 10px;
    font-family: Droid Sans, verdana, arial, sans-serif;
    font-size: 14px;
    text-align: justify;
    color: black;
    line-height: 150%
    
}

.pageAccueil #colonneD 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;
}

.pageAccueil #premiereColonne
{ 
    float:left;
    display:inline;
    margin-left:60px;
    padding-bottom: 10px;
    font-family: Droid Sans, verdana, arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
    width:250px;
}

.pageAccueil #premiereColonne 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;
}

.pageAccueil #deuxiemeColonne
{ 
    display:inline;
    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;
    width:250px;
}

.pageAccueil #deuxiemeColonne 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;
}


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

#contenu h2
{
	margin: 0px 0px 20px 120px;
	font-family: 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: 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: 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 */

#imageAccueil1
{
	float: right;
	margin-left: 10px;
	margin-right: 30px;
	padding-top: 20px;
}

#imageAccueil2
{
	float: left;
	margin-left: 40px;
	margin-right: 7px;
}

/*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: 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: verdana, arial, sans-serif;
	font-size: 11px;
}

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

select
{
	width: 200px;
}

#champ input
{
	width: 200px;
}

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

/*pour les tableaux*/
#contenu .fdInpContainer input,select
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 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: 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: 200px;
}

/*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: 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: 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 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: 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 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 "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;
}