/*********** Barre d'étape *************/

#etape img {padding:25px 0px 10px 0px;}



/*********** Formulaire d'inscription *************/
h1{margin:20px 0 0 0; padding:0;width:100%; padding:0%;color:#56c0ea; clear:left;float:left}
#inscription {width:100%; padding:0; margin:0;}

#inscription fieldset {width:50%; border:0;margin:15px 0 0 0; padding:0;float:left;}

#inscription label {float:left; width:30%; text-align:right; margin:2px 5px 0 0;}
#inscription span {float:left; width:30%; text-align:right; margin:2px 5px 0 0;}
#inscription span.style { width:25px;margin:0px 0px 0 0;}
#inscription span#L_VilleResp {width:30px;text-align:left; margin:0px 0px 0 0;}
#inscription span#RF_VilleResp {width:30px;text-align:left; margin:0px 0px 0 0;}
#inscription span#L_VilleEleve {width:30px;text-align:left; margin:0px 0px 0 0;}
#inscription span#RF_VilleEleve {width:30px;text-align:left; margin:0px 0px 0 0;}
#inscription span#textAzur { float:left; width:100px;text-align:right; margin:2px 5px 0 0;}


#inscription label.titreResponsable {float:left; width:10%; text-align:right; margin:2px 5px 0 0;}
#inscription input,#inscription select, #inscription div img {float:left;font-size:11px;margin-right:10px;}
#inscription p {float:left;margin:4px 0 0 0;padding:0;}
#inscription .nomarge {margin:0;padding:0;}
#inscription div {clear:left;float:left;width:100%;margin:2px 0 2px 0;}

#inscription .civilite{padding:5px 0 5px 0;}
#inscription label.ville{width:30px;}


#inscription fieldset.dispo {width:15%; border:0;margin:15px 0 0 8px; padding:0;float:left;}
#inscription fieldset.dispo div select{text-align:left;}
#inscription fieldset.dispo label {float:left; width:2%; text-align:left; margin:2px 5px 0 0;}
#inscription fieldset.eleve .civilite{padding:9px 0 5px 0;}


#inscription div#instrument input{float:left;font-size:11px;margin-right:5px;}
#inscription div#instrument p {float:left;margin:4px 10px 0px 0px;padding:0;}

#inscription fieldset.eleve div#memeAdresse{margin-top:20px;}
#inscription fieldset.eleve div#memeAdresse input{margin-left:85px;}
#inscription fieldset.eleve div#memeAdresse label{width:48%;text-align:right;padding-top:2px;}

.contenuInscription{width:100%;clear:left;}
.contenuInscription ul{float:left;width:45%;margin-left:30px;display:inline ;list-style:none;}
.contenuInscription ul li{margin:0px 0px 5px 0px;padding:0px 0px 0px 12px !important;padding:0px 0px 0px 0px;background:url(../images/espace_eleve/puce-blanche.gif) no-repeat 0px 3px;}
.contenuInscription ul li p{margin:0px 0px 20px 0px;padding:0px;}
.contenuInscription ul li img{margin-right:5px;}

.invisible
{
display:none;
}

.visible
{

}

.messageErreur{color:#ff0000; position:relative; top:20px;clear:both;margin-bottom:2px;}
.messageErreur p{margin:0px; padding:0px;font-size:14px;}
#inscription fieldset.dispo div p.titreChoix{font-size:12px;font-weight:bold;margin:0px 0px 5px 0px;}

/*********** Recap *************/


#colgaucheRecap{
width:35%;
float:left;padding-left:25px;
}

#colgaucheRecap p{margin:5px 0px 0px 0px; padding:0px;}
#colgaucheRecap a{color:#FDA448;}
#colgaucheRecap a:hover{text-decoration:underline;}


#colcentreRecap{
width:28%;
float:left;margin-bottom:20px;
}

#colcentreRecap p{margin:5px 0px 0px 0px; padding:0px;}
#colcentreRecap a{color:#FDA448;}
#colcentreRecap a:hover{text-decoration:underline;}

#colcentreRecap2{
width:28%;
float:left;margin-bottom:20px;
}

#colcentreRecap2 p{margin:5px 0px 0px 0px; padding:0px;}
#colcentreRecap2 a{color:#FDA448;}
#colcentreRecap2 a:hover{text-decoration:underline;}


/*********** paiement - carte *************/

p#symboles{width:100%;font-size:10px;padding-left:5px;padding-bottom:10px;}
#inscription label.labelChiffre{width:73.8%;}


/*********** Cheque *************/
ul.taille100{width:100%;margin:0px;padding-left:15px !important;padding-left:0px;padding-bottom:0px;}
ul.taille100 li{width:95%;padding-left:15px }
.adresse{margin:15px 0px 15px 150px;font-weight:bold;}

ul li.noMargin{margin:0px;padding-left:15px;padding-bottom:20px !important;padding-bottom:0px;}
a.imprimer
{
	
	float:right;
	padding:125px 0 0px 0px !important;
	padding:135px 0 0px 0px;
	margin:0px 0px 10px 0px;
	background:none;
}


div.imprimerCheque
{
	
	float:right;
	padding:267px 100px 0px 0px !important;
	padding:265px 100px 0px 0px;
	margin:0px 0px 10px 0px;
	background:none;
}

div.imprimer
{
	
	float:right;
	padding:122px 80px 0px 0px  !important;
	padding:108px 80px 0px 0px;
	margin:0px 0px 10px 0px;
	background:none;
}

div.revenir
{
	
	float:right;
	padding:5px 0px 0px 0px;
	margin:0px 0px 35px 0px;
	background:none;
}


ul#bouton li.retourAccueil a
{
	height:27px;
	padding:0 74px 0px 74px;
	background-image:url(../images/page_inscription/bouton_revenir_accueil.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
}

ul#bouton li.retourAccueil a:hover
{
	height:27px;
	padding:0px 74px 0px 74px;
	background-image:url(../images/page_inscription/bouton_revenir_accueil_on.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
ul#bouton li.revenir a
{
	height:27px;
	padding:0px 109px 0px 109px;
	
	background-image:url(../images/page_inscription/bouton_revenir_recap.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:right;
}

ul#bouton li.revenir a:hover
{
	height:27px;
	padding:0px 109px 0px 109px;
	background-image:url(../images/page_inscription/bouton_revenir_recap_on.gif);
	background-repeat:no-repeat;
	background-position:top left;
}





/*********** Recap - paiement *************/
#coldroiteRecap{
width:30%;
float:right;padding:0px 0px 19px 0px;margin-bottom:0px;background:url(../images/page_inscription/fond_credit.gif) no-repeat 0px 0px;
}
#coldroiteRecap p{margin:0px; padding:35px 0px 5px 10px;}
#coldroiteRecap p.parenthese{margin:0px; padding:0px 0px 0px 10px;}
#coldroiteRecap span{margin:0px; padding:5px 0px 0px 10px;}
div#coldroiteRecap input {margin-top:10px;margin-left:5px;margin-right:5px;padding:0px 0px 0px 0px;vertical-align:absbottom;}
div#coldroiteRecap img {margin:0px 2px 0px 5px;}


/*********** Recapitulatif *************/
#recapitulatif
{width:433px;margin-top:120px !important;margin-top:0px;margin-left:15px;padding-top:10px;padding-left:10px;padding-bottom:0px;background:url(../images/page_inscription/fondcadre.gif);}
.bottom {background:url(../images/page_inscription/bottom.gif) no-repeat;margin-left:15px;margin-bottom:20px;}
#recapitulatif p{margin:5px 0px 10px 10px; padding:0px;}
#recapitulatif p span{font-weight:bold;margin-left:2px;}
#recapitulatif a{margin:5px 0px 10px 10px;color:#FDA448;}
#recapitulatif a:hover{text-decoration:underline}

#recapitulatif #total p{font-weight:bold;margin:0px 0px 0px 10px; padding:0px;}
#recapitulatif #total p span{font-weight:bold;margin-left:10px;}



#total {float:right;width:160px;margin-right:5px;font-size:13px;color:#56C0EB;padding-bottom:5px;}
#contentRecap{width:100%;margin-left:0px;margin-top:0px;}



/*********** contactez nous *************/

#contactezNous{clear:right;float:right;text-align:left;background:url(../images/page_inscription/bloc_header.gif) no-repeat;width:160px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#contactezNous a{text-decoration:none;color:#B0CE01}
#contactezNous a:hover{text-decoration:underline;}
#contactezNous p{margin:0px;padding:10px 0px 20px 20px;}
div#nAzur{width:50%;padding-left:15px;}
#textAzur {clear:left;font-size:10px;margin:0px; padding:0px;}
#textAzurInscription {clear:left;font-size:10px;margin:0px; padding:0px !important;padding:0px 0px 0px 20px;}
div#nAzur{width:110px;}

/*********** Tarif *************/

#tarifContent{clear:both;width:100%;float:left;}
.contenuTarif{width:475px;margin-bottom:10px;float:left;}
.contenuInscription{width:100%;clear:left;}
.contenuTarif ul{float:left;margin-left:30px;display:inline ;list-style:none;margin-bottom:30px;}
.contenuTarif ul li{margin:0px 0px 5px 0px;padding:0px 0px 0px 15px !important;padding:0px 0px 0px 0px ; background:url(../images/puceli.jpg) no-repeat 5px 4px ;}
.contenuTarif ul li p{margin:0px 0px 0px 0px;padding:0px;}
.contenuTarif ul li img{margin-right:0px;}

#tarifContent a{color:#9EB201;}

#tarifContent p{clear:left;margin:0px 0px 2px 10px;padding:0px;}

#tarifContent p.titreTableau {clear:left;margin:0px 0px 2px 10px;padding:0px;font-size:12px;font-weight:bold;}
#tarifContent p.titreP {clear:left;padding:0px 0px 10px 10px;margin:0px;font-size:12px;font-weight:bold;color:#FF7F00;}
#tarifContent p.titreP2 {clear:left;padding:30px 0px 2px 10px;margin:0px;font-size:12px;font-weight:bold;}


.table_tarif {clear:left; width:100%; text-align:center;}

.table_tarif .blue_clair td.colonneGauche
{
	background-color:#60949f;
	width:20%;
	text-align:left;
	padding-left:10px;
}
.ecart{padding-left:45px !important;padding-left:60px;}
.ecart_bis{padding-left:12px;}

.table_tarif .blue_fonce td.colonneGauche, .table_tarif .blue_fonce th.colonneGauche
{
	background-color:#485452;
	width:20%;
	text-align:left;
	padding-left:10px;
}

.table_tarif .blue_clair td { background-color:#60949f; width:40%;}
.table_tarif .blue_fonce td, .table_tarif .blue_fonce th{ background-color:#485452; width:60%; font-weight:normal;}




.csc-header-n1 h1{width:200px;clear:left;padding-bottom:10px;}
#tarifContent p.asterix{margin-bottom:30px;}









#dispo {width:100%; text-align:center;}
.dispo_trimestre {clear:left; float:left;width:70%; text-align:center;}

#dispo .blue_clair input, #dispo .blue_fonce input, .dispo_trimestre .blue_clair input, .dispo_trimestre .blue_fonce input
{
	text-align:center;
	float:none;
	clear:left;
}

#dispo .blue_clair td.nostyle, #dispo .blue_fonce td.nostyle, #dispo .blue_fonce th.nostyle
{
	background-color:#352317;
	width:25%;
	text-align:right;
	padding-right:5px;
}
#dispo .blue_clair td {	background-color:#60949f; width:12%;}
#dispo .blue_fonce td, #dispo .blue_fonce th { background-color:#485452; width:12%; font-weight:normal;}

.dispo_trimestre .blue_clair td.nostyle, .dispo_trimestre .blue_fonce td.nostyle, .dispo_trimestre .blue_fonce th.nostyle
{
	background-color:#352317;
	width:5%;
	text-align:right;
	padding-right:5px;
}
.dispo_trimestre .blue_clair td { background-color:#60949f; width:25%;}
.dispo_trimestre .blue_fonce td, .dispo_trimestre .blue_fonce th{ background-color:#485452; width:25%; font-weight:normal;}

.dispo .blue_fonce th, .dispo_trimestre .blue_fonce th{padding:2px 0}


/*********** boutons *************/


button.valider, button.valider img
{
 text-align:right;
	float:right;
	margin:0px 0 0px 0px;
	padding:0px 20px 10px 0px;
	border:0;
	background:none;
}

button.validerhand
{
 text-align:right;
	float:right;
	margin:0px 0 0px 0px;
	padding:0px 20px 10px 0px;
	border:0;
	background:none;
	cursor:hand;
}

button.retour, button.retour img
{	
	float:right;
	margin:0px 0 0px 0px;
	padding:0px 10px 10px 0px !important;padding:0px 0px 10px 0px ;
	border:0;
	background:none;
}

button.retourhand
{	
	float:right;
	margin:0px 0 0px 0px;
	padding:0px 10px 10px 0px !important;padding:0px 0px 10px 0px ;
	border:0;
	background:none;
	cursor:hand;
}

recap_commentaire
{
	float:left;
	margin:0px 0 0px 0px;
	padding:0px 10px 10px 0px !important;padding:0px 0px 10px 0px ;
	border:0;
	background:none;
	
}

.separateurBouton{width:500px;display:block;float:left}
.textOrange{color:#FF7F00;}
.blue{color:#56c0ea;}
.bold{font-weight:bold;}
.size14{font-size:12px;}
.size16{font-size:16px;}
.floatL{float:left;}
.floatR{float:right;}
.clearL{clear:left;}
.left9{margin-left:9px;}
.left80{padding-left:80px;}
.left190{padding-left:190px !important;padding-left:170px;}
.top20{margin-top:20px;}
.top10{margin-top:10px;}
.bottom20{margin-bottom:20px;}
.ptop10{padding-top:10px;}
.right30{padding-right:30px;}

.imputretour{margin-left:550px;}