@import url("accueil.css");
@import url("general.css");

/*----------BOUTON - PERSONNAGES - FORMULAIRES ----------*/

/*Page Abonnez Vous*/


input.radio, .radio input
{
	border: 0 !important;
}

.colleft a.a_button
{
	margin-right: -6px;
	width: 506px;
	height: 27px;
	left: -4px;
}
a.inscrire_enseignant
{
	background: transparent url(     '../image/button/btn_inscrire_enseignant.gif' ) top left no-repeat;
	right: -4px;
}
a.inscrire_famille
{
	background: transparent url(     '../image/button/btn_inscrire_famille.gif' ) top left no-repeat;
}
a.inscrire_famille_3mois
{
	background: transparent url(     '../image/button/btn_inscrire_famille_3mois.gif' ) top left no-repeat;
}
a.inscrire_ecole
{
	background: transparent url(     '../image/button/btn_inscrire_ecole.gif' ) top left no-repeat;
}
a.inscrire_classe
{
	background: transparent url(     '../image/button/btn_inscrire_classe.gif' ) top left no-repeat;
}

a.inscrire_enseignant:hover, a.inscrire_famille:hover, a.inscrire_famille_3mois:hover, a.inscrire_classe:hover, a.inscrire_ecole:hover
{
	background-position: bottom left;
}

.professeur
{
	position: absolute;
	width: 105px;
	height: 189px;
	background: transparent url(     '../image/design_element/prof_full.gif' ) top left no-repeat;
	z-index: 100;
	left: -20px;
	margin: 0;
	bottom: 40px;
}

.img_prof_classe
{
	position:absolute;
	width:499px;
	height:192px;
	background:transparent url('../image/design_element/prof_classe.jpg') top left no-repeat;
	z-index:100;
	left:0px;
	margin:0;
	bottom:40px;
}

.famille
{
	position: absolute;
	width: 103px;
	height: 216px;
	background: transparent url(     '../image/design_element/famille_full.gif' ) top left no-repeat;
	z-index: 100;
	left: -20px;
	top: 8px;
	margin: 0;
	bottom: 40px;
}
.ecole
{
	position: absolute;
	width: 104px;
	height: 189px;
	background: transparent url(     '../image/design_element/ecole_full.gif' ) top left no-repeat;
	z-index: 100;
	left: -20px;
	margin: 0;
	bottom: 50px;
}


#formProf
{
	height: 300px;
}

.bulle2
{
	position: relative;
	padding-bottom: 35px;
	margin: 0;
	width: 499px;
}
.bulle2 .bloc_top
{
	padding-top: 35px;
}
.bulle2 h3
{
	font-size: 1.3em;
	font-weight: normal;
	margin-left: 95px;
	margin-bottom: 15px;
}
.bulle2 p
{
	margin-left: 105px;
}
.bulle2 ul
{
	margin-left: 100px;
}
.bulle2 ul li
{
	padding-bottom: 8px;
}

.bloc_top
{
	padding-bottom: 20px;
}

.bloc_jaune
{
	background: #ffffff url(     '../image/layout/bloc_jaune_bottom.jpg' ) bottom left no-repeat;
}
.bloc_jaune .bloc_top
{
	background: transparent url(     '../image/layout/bloc_jaune_top.jpg' ) top left no-repeat;
}

.bloc_vert
{
	background: #ffffff url(     '../image/layout/bloc_vert_bottom.jpg' ) bottom left no-repeat;
}
.bloc_vert .bloc_top
{
	background: transparent url(     '../image/layout/bloc_vert_top.jpg' ) top left no-repeat;
}


.bloc_orange
{
	background: #ffffff url(     '../image/layout/bloc_orange_bottom.jpg' ) bottom left no-repeat;
}
.bloc_orange .bloc_top
{
	background: transparent url(     '../image/layout/bloc_orange_top.jpg' ) top left no-repeat;
}

a.acheter
{
	margin-left: 115px;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 2em;
	color: #000;
}
a.acheter:hover
{
	border-bottom: 1px solid #000;
	text-decoration: none;
}
span.prix
{
	color: #ff7402;
}
a.acheter span.prix
{
	margin-left: 10px;
}

/*Page Abonnement Info*/

.abonnement_info
{
}
.abonnement_info h3
{
	margin: 10px 10px 20px 10px;
}
.abonnement_info p
{
	margin-left: 80px;
}
.abonnement_info .famille
{
	bottom: 10px;
	position: relative;
	float: left;
	margin-left: -10px;
}
.abonnement_info .maison
{
	position: absolute;
	margin-left: 20px;
	margin-top: -55px;
}



.btn_abonnement
{
	width: 387px;
	height: 75px;
	display: block;
	margin: 10px;
}

.par_internet
{
	background: transparent url(     '../image/button/abonnement_internet2.gif' ) top left no-repeat;
}
.par_telephone
{
	background: transparent url(     '../image/button/abonnement_telephonique2.gif' ) top left no-repeat;
}
.par_internet:hover, .par_telephone:hover
{
	background-position: left -74px;
}


.btn_abonnement span
{
	display: none;
}

.invoice_resume
{
	border: 1px solid #e3e3e3;
	clear: both;
	margin: 0 20px 10px 20px;
	font-size: 0.9em;
}
.invoice_resume strong
{
	margin: 10px;
}
.invoice_resume .parent
{
	position: absolute;
	margin-top: -122px;
	margin-left: -20px;
}



.light_gray
{
	background: #fbfcfb;
}
.gray
{
	background: #f5f5f5;
}
.strong
{
	font-weight: bold;
}


/*Page Abonnement 01*/

.abonnement_internet
{
}
.abonnement_internet h3
{
	margin: 10px 10px 10px 10px;
}
.abonnement_internet hr
{
	clear: both;
	border: 0;
	border-top: 1px solid #e3e3e3;
	width: 465px;
	margin: 10px 0 10px 20px;
}

.abonnement_internet p
{
	margin: 5px 10px 5px 30px;
	font-size: 0.9em;
	line-height: 1.2em;
}
.abonnement_internet p.text_over
{
	position: relative;
	z-index: 200;
	margin-bottom: -30px;
}

.compte_enfant
{
	display: block;
	position: relative;
}

.carton_acheteur
{
	position: relative;
	margin-left: 14px;
	padding: 55px 0 0 15px;
	background: transparent url(     '../image/layout/carton_acheteur.jpg' ) bottom left no-repeat;
	width: 471px;
	height: 150px;
	z-index: 100;
	margin-bottom: 10px;
}

.carton_acheteur .parent
{
	position: absolute;
	width: 94px;
	height: 118px;
	background: transparent url(     '../image/design_element/parent_crop2.gif' ) top left no-repeat;
	z-index: 100;
	left: 20px;
	margin: 0;
	bottom: 8px;
}
.carton_acheteur table.info
{
	margin-top: 5px;
	margin-left: 120px;
	font-size: 0.9em;
}
.carton_acheteur input
{
	border: 1px solid #e2d61c;
}

div.ajout
{
	position: relative;
	text-align: center;
}
a.ajout_enfant
{
	background: transparent url(     '../image/button/ajouter_enfant.gif' ) top left no-repeat;
	display: block;
	width: 353px;
	height: 34px;
	margin: 0 auto;
}
a.ajout_enfant span
{
	display: none;
}
a.ajout_enfant:hover
{
	background-position: left -34px;
}
a.ajout_classe
{
	background: transparent url(     '../image/button/ajouter_classe.gif' ) top left no-repeat;
	display: block;
	height: 34px;
	margin: 0 auto;
}
a.ajout_classe span
{
	display: none;
}
a.ajout_classe:hover
{
	background-position: left -34px;
}

a.activer_compte
{
	background: transparent url(     '../image/button/btn_activer_compte.gif' ) top left no-repeat;
	display: block;
	height: 34px;
	margin: 0 auto;
}
a.activer_compte span
{
	display: none;
}
a.activer_compte:hover
{
	background-position: left -34px;
}
a.acceder
{
	background: transparent url(     '../image/button/btn_acceder.gif' ) top left no-repeat;
	display: block;
	height: 34px;
	margin: 0 auto;
}
a.acceder span
{
	display: none;
}
a.acceder:hover
{
	background-position: left -34px;
}

a.enlever_enfant
{
	background: transparent url(     '../image/button/enlever_compte.gif' ) top left no-repeat;
	display: block;
	width: 115px;
	height: 39px;
	position: absolute;
	left: 354px;
	top: 30px;
}
a.enlever_enfant span
{
	display: none;
}
a.enlever_enfant:hover
{
	background-position: left -39px;
}

.carton_enfant
{
	position: relative;
	margin-left: 14px;
	margin-bottom: 10px;
	padding: 3px 0 0 15px;
	width: 354px;
	height: 154px;
}

.carton_garcon
{
	background: transparent url(     '../image/layout/carton_garcon.jpg' ) top left no-repeat;
}
.carton_fille
{
	background: transparent url(     '../image/layout/carton_fille.jpg' ) top left no-repeat;
}
.carton_garcon .perso
{
	position: absolute;
	width: 126px;
	height: 118px;
	background: transparent url(     '../image/design_element/perso_garcon.gif' ) top left no-repeat;
	z-index: 100;
	left: -25px;
	margin: 0;
	bottom: 10px;
}

.carton_fille .perso
{
	position: absolute;
	width: 124px;
	height: 119px;
	background: transparent url(     '../image/design_element/perso_fille.gif' ) top left no-repeat;
	z-index: 100;
	left: -10px;
	margin: 0;
	bottom: 10px;
}
.carton_fille input
{
	border: 1px solid #ff8138;
}
.carton_enfant table.info
{
	margin-top: 5px;
	margin-right: 30px;
	font-size: 0.9em;
}

* html .carton_enfant table.info
{
	margin-right: 20px;
}



.nav_bas
{
	position: relative;
	font-size: 0.9em;
}



.nav_bas a
{
	color: #000;
}
.nav_bas a span
{
	border-bottom: 1px solid #000;
}
.nav_bas a:hover
{
	color: #90c805;
	text-decoration: none;
}
.nav_bas a:hover span
{
	border-bottom: 1px solid #90c805;
}
.nav_bas span.soutien_ventes
{
	text-align: center;
	float: left;
	width: 90%;
	margin-left: 20px;
	background-position: left 5px;
	padding-top: 3px;
	color: Gray;
}
.nav_bas a.etape_precedente
{
	position: relative;
	float: left;
	width: 30%;
	margin-left: 20px;
	background: transparent url(     '../image/button/precedent.gif' ) top left no-repeat;
	background-position: left 5px;
}
.nav_bas a.etape_precedente span
{
	margin-left: 20px;
}

.nav_bas a.etape_suivante
{
	position: relative;
	float: right;
	width: 30%;
	text-align: right;
	margin-right: 20px;
	background: transparent url(     '../image/button/suivant.gif' ) top right no-repeat;
	background-position: right 5px;
}
.nav_bas a.etape_suivante span
{
	margin-right: 20px;
}

.nav_bas a.btn_approuver
{
	background: transparent url(     '../image/button/approuver.gif' ) top left no-repeat;
	display: block;
	width: 127px;
	height: 26px;
	margin-right: 20px;
	position: relative;
	float: right;
}
.nav_bas a.btn_approuver span
{
	display: none;
}
.nav_bas a.btn_approuver:hover
{
	background-position: left -26px;
}



/*Page Abonnement 02*/


.bloc_frm
{
	border: 1px solid #e3e3e3;
	margin: 10px 20px;
	padding: 10px;
}
.bloc_frm table
{
	margin-top: 10px;
}
.bloc_frm label
{
	margin-right: 8px;
}

.error_container
{
	position: relative;
	border: 3px solid #FF2E2A;
	margin: 0 20px 10px 20px;
	padding: 10px;
}
.error_container img
{
	position: absolute;
	margin-right: 10px;
}
.error_container ul
{
	position: relative;
	margin: 0;
	padding: 0;
}
.error_container ul li
{
	margin-left: 40px;
	list-style: none !important;
	color: #FF2E2A;
	background: none !important;
}

/*Page Abonnement 03*/

div.membres_ajoutes
{
	margin: 10px 20px;
	font-size: 0.9em;
}


div.membres_ajoutes div.membre
{
	position: relative;
	margin-left: -5px;
	margin-bottom: 5px;
	padding: 25px 0 0 70px;
	height: 37px;
	display: block;
}
div.membres_ajoutes table
{
	color: #626262;
	border: 1px solid #e3e3e3;
}
div.membres_ajoutes table tr td
{
	padding-left: 5px;
}
div.membres_ajoutes table span
{
	color: #000;
	font-weight: bold;
}

div.membres_ajoutes div.membre_parent
{
	background: transparent url(     '../image/layout/membres_parent.gif' ) top left no-repeat;
}
div.membres_ajoutes div.membre_garcon
{
	background: transparent url(     '../image/layout/membres_garcon.gif' ) top left no-repeat;
}
div.membres_ajoutes div.membre_fille
{
	background: transparent url(     '../image/layout/membres_fille.gif' ) top left no-repeat;
}




/*Page Abonnement Terminer*/

a.imprimer_comptes
{
	background: transparent url(     '../image/button/imprimer_les_comptes.gif' ) top left no-repeat;
	display: block;
	width: 217px;
	height: 26px;
	margin: 0 auto;
	float: none;
}
a.imprimer_comptes span
{
	display: none;
}
a.imprimer_comptes:hover
{
	background-position: left -26px;
}

a.imprimer
{
	background: transparent url(     '../image/button/btn_imprimer.gif' ) top left no-repeat;
	display: block;
	width: 140px;
	height: 26px;
	margin: 0 auto;
	float: none;
}
a.imprimer span
{
	display: none;
}
a.imprimer:hover
{
	background-position: left -26px;
}

a.envoyer_invitation
{
	background: transparent url(     '../image/button/envoyer_les_invitations.gif' ) top left no-repeat;
	display: block;
	width: 217px;
	height: 26px;
	margin: 15px;
	float: left;
}
a.envoyer_invitation span
{
	display: none;
}
a.envoyer_invitation:hover
{
	background-position: left -26px;
}



div.bloc_invitation
{
	background: transparent url(     '../image/layout/bloc_invitation.jpg' ) top left no-repeat;
	position: relative;
	margin: 20px 0 0 20px;
	width: 461px;
	height: 219px;
	display: block;
	padding-top: 5px;
	padding-left: 15px;
}
div.bloc_invitation .no_ref
{
	float: right;
	margin-right: 15px;
}

div.bloc_invitation table
{
	color: #626262;
	border: 1px solid #e3e3e3;
}

div.bloc_invitation table tr td
{
	padding-left: 5px;
}
div.bloc_invitation table span
{
	color: #000;
	font-weight: bold;
}

/* INPUT FOCUS */
input:focus, textarea:focus
{
	background: #EEE;
}

.error
{
	border: 1px solid #FF2E2A !important;
}


a.passe_fam_3mois
{
	background: transparent url('../image/button/btn_3mois40.gif') top left no-repeat;
	display: block;
	width: 154px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 100px;
	float: left;
}

* html a.passe_fam_3mois
{
	margin-left: 50px;
}

a.passe_fam_12mois
{
	background: transparent url('../image/button/btn_12mois80.gif') top left no-repeat;
	display: block;
	width: 162px;
	height: 26px;
	margin: 3px 0;
	margin-left: 260px;
}
a.passe_fam_12mois_70rabais
{
	background: transparent url(     '../image/button/btn_12mois70_rabais.gif' ) top left no-repeat;
	display: block;
	width: 198px;
	height: 26px;
	margin: 3px 0;
	margin-left: 269px;
}
a.passe_fam_12mois_60rabais
{
	background: transparent url(     '../image/button/btn_12mois60_rabais.gif' ) top left no-repeat;
	display: block;
	width: 198px;
	height: 26px;
	margin: 3px 0;
	margin-left: 269px;
}
a.passe_fam_3mois_30rabais
{
	background: transparent url(     '../image/button/btn_3mois30_rabais.gif' ) top left no-repeat;
	display: block;
	width: 190px;
	height: 26px;
	margin: 3px 0;
	margin-left: 100px;
}
a.passe_enseignant
{
	background: transparent url(     '../image/button/btn_enseignant.gif' ) top left no-repeat;
	display: block;
	width: 300px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 100px;
}

a.passe_ontario_enseignant
{
	background: transparent url(     '../image/button/btn_ontario_enseignant.gif' ) top left no-repeat;
	display: block;
	width: 300px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 100px;
}

a.passe_ontario_eleve
{
	background: transparent url(     '../image/button/btn_ontario_etudiant.gif' ) top left no-repeat;
	display: block;
	width: 300px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 100px;
}

a.passe_enseignant_plus
{
	background: transparent url(     '../image/button/btn_enseignant_plus.gif' ) top left no-repeat;
	display: block;
	width: 307px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 100px;
}

a.passe_classe
{
	background: transparent url('../image/button/btn_classe.gif') top left no-repeat;
	display: block;
	width: 257px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 100px;
}
a.passe_classe_partielle
{
	background: transparent url('../image/button/btn_classe_partielle.gif') top left no-repeat;
	display: block;
	width: 360px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 100px;
}
a.passe_classe_complete
{
	background: transparent url('../image/button/btn_classe_complete.gif') top left no-repeat;
	display: block;
	width: 360px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 100px;
}
a.passe_ecole
{
	background: transparent url(     '../image/button/btn_ecole.gif' ) top left no-repeat;
	display: block;
	width: 360px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 100px;
}



a.btn_abonnez_vous2 span
{
	display: none;
}
a.btn_abonnez_vous2:hover
{
	background-position: left -26px;
}
/* Reabonnement */

a.reabonnement_fam_12mois_60
{
	background: transparent url(   '../image/button/btn_12mois80_r.gif' ) top left no-repeat;
	display: block;
	width: 221px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 1px;
}
a.reabonnement_fam_3mois_30
{
	background: transparent url(   '../image/button/btn_3mois40_r.gif' ) top left no-repeat;
	display: block;
	width: 221px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 225px;
	margin-top: -28px;
}
a.reabonnement_fam_12mois_70
{
	background: transparent url(   '../image/button/btn_12mois70_r.gif' ) top left no-repeat;
	display: block;
	width: 221px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 1px;
}
a.reabonnement_fam_3mois_35
{
	background: transparent url(   '../image/button/btn_3mois35_r.gif' ) top left no-repeat;
	display: block;
	width: 221px;
	height: 26px;
	margin: 3px 15px;
	margin-left: 225px;
	margin-top: -28px;
}


.colcenter
{
    position:relative;
	float:none;	
	margin-left:20px;
	z-index:10;		
	min-height:350px;
	height:auto!important;
	 height:450px;
	margin-bottom:20px;
}

   
    .colcenter ul{
	    list-style-type:none;		
	    width:auto;
	    margin:0;
    }


    .colcenter ul li
    {
	    padding:2px 0px 2px 14px;
	    margin:4px 0;
	    background-image: url('../../skin/image/bullet/square_small.gif');
	    background-repeat: no-repeat;
	    background-position: 2px 0.4em;
	    line-height:1.2em;
    }


    .colcenter a{color:#000;}