@charset "utf-8";
/* Mathx 2nde (c) Bol-d-air 2010 */
/* génériques  from yahoo yuc library*/
/* Reset (Annulation des comportements par défaut des navigateurs */
html {color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0; width:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
/* legend n'herite pa sous IE */
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/*@activation du resizing for IE IE6-Win, IE7-Win */
input,button,textarea,select{*font-size:100%;}
/* fin des reset */

/* Définitions des polices par défaut */
body{font:13px/1.231 verdana,arial,helvetica,clean,sans-serif;*font-size:small; *font:x-small; text-align:justify; background-image:url(../img/bande-fond-bleu.jpg); background-repeat:repeat-x; background-color:#0f1f39; }/* bleu */
select,input,button,textarea,button {font:96% verdana,arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; }
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* Fin de définitions des polices */
/* fin des génériques génériques from yahoo yuc library*/


/* Pages */

* {outline:none;}

th,td {vertical-align:top; padding:0; margin:0; border:0 none;}
h1 {margin-bottom:15px;}
h2 {margin-bottom:15px;}
p {margin-bottom:15px;}
strong {font-weight:bold;}
em {font-style:italic;}

a:link   {color:#000; text-decoration:undeline;}
a:visited{color:#000; text-decoration:underline;}
a:hover  {color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none;}

div.clearfloat {clear:both; font:inherit; margin:0; padding:0; height:0px; font-size:0px; line-height:0px; background-color:transparent;}

div.fondBandes {background-image:url(../img/fond-bande-bleu.jpg); background-position:0 0; background-repeat:no-repeat;}/* bleu */
div.globalContainer {width:916px; margin:0 auto;}

table.container {margin-top:20px;}
table.container td.hautGauche { width:10px; height:10px; background-image:url(../img/ombre-coin-haut-gauche.png); background-repeat:no-repeat;}
table.container td.hautMilieu {height:10px; width:896px; background-image:url(../img/ombre-haut.png); background-repeat:repeat-x;}
table.container td.hautDroite {width:10px; height:10px; background-image:url(../img/ombre-coin-haut-droit.png); background-repeat:no-repeat;}

table.container td.gauche {width:10px; background-image:url(../img/ombre-gauche.png); background-repeat:repeat-y;}
table.container td.milieu {width:896px;background-color:#fff;}
table.container td.droite {width:10px; background-image:url(../img/ombre-droite.png); background-repeat:repeat-y; background-position:100% 0;}

table.container td.basGauche {width:10px; height:10px; background-image:url(../img/ombre-coin-bas-gauche.png); background-repeat:no-repeat;}
table.container td.basMilieu {height:10px; width:896px; background-image:url(../img/ombre-bas.png); background-repeat:repeat-x; background-position:0 100%;}
table.container td.basDroite {width:10px; height:10px; background-image:url(../img/ombre-coin-bas-droit.png); background-repeat:no-repeat;}

table.container td.footer {text-align:center; color:#fff; font-size:0.8em; padding-bottom:20px;}
table.container td.footer a:link   {color:#fff; text-decoration:none;}
table.container td.footer a:visited{color:#fff; text-decoration:none;}
table.container td.footer a:hover  {color:#fff; text-decoration:underline;}
table.container td.footer a:active {color:#fff; text-decoration:underline;}

div.logos {height:98px; padding-left:10px;}
div.bandeau {background-image:url(../img/bandeau-colore.jpg); height:55px; padding-left:35px; padding-top:20px;}
div#1ere {background-image:url(../img/bandeau-colore-premiere.jpg) !important;}
div.bandeau h1 {margin-bottom:0; color:#fff; font-size:1.4em; font-weight:bold;vertical-align:top; height:40px; line-height:40px;}

div.contenu {padding:44px;}
div.contenu h2 {color:#ff2c03; font-size:1.3em; font-weight:bold;}
div.contenu h3 {color:#00aec7; font-size:1em; font-weight:bold; margin-bottom:20px;}
div.contenu p {font-size:0.9em; padding-left:0px;}
div.contenu ul {font-size:0.9em;}

div.contenu table.contenuFormulaire {text-align:left; width:808px;}
div.contenu table.contenuFormulaire td {width:387px;}
div.contenu table.contenuFormulaire td.separation {width:30px;}

div.contenu table.formulaireInscription {width:387px;}
div.contenu table.formulaireInscription td.label {vertical-align:middle;padding-bottom:8px; padding-right:15px;padding-left:15px; width:129px;}
div.contenu table.formulaireInscription td.input {vertical-align:middle;padding-bottom:8px;width:228px;}
div.contenu table.formulaireInscription td.input input.champTexte {width:220px; height:20px; background:none; border-style:none; background-image:url(../img/interieur-champ-texte.gif); background-repeat:no-repeat; border:1px solid #dadada;}
div.contenu table.formulaireInscription td.basFormulaire {padding-top:15px;}
div.contenu table.formulaireInscription td.basFormulaire div.boutonValider {float:right; width:74px;}


div.contenu div.paveHaut {background-image:url(../img/fond-pave-bas.jpg); background-repeat:no-repeat; background-position:0 10px; width:758px; padding:0px 25px 0 25px;}
div.contenu div.paveHaut div.titrePaveHaut { margin-bottom:5px;}
div.contenu div.paveHaut a:link   {color:#b5007b; text-decoration:underline;}
div.contenu div.paveHaut a:visited{color:#b5007b; text-decoration:underline;}
div.contenu div.paveHaut a:hover  {color:#b5007b; text-decoration:none;}
div.contenu div.paveHaut a:active {color:#b5007b; text-decoration:none;}
div.contenu div.paveHaut table.formulaireIdentification {width:420px;}
div.contenu div.paveHaut table.formulaireIdentification td.label {vertical-align:bottom;padding-bottom:9px; width:103px;}
div.contenu div.paveHaut table.formulaireIdentification td.input {vertical-align:bottom;padding-bottom:8px;}
div.contenu div.paveHaut table.formulaireIdentification td.input input.champTexte {width:270px; height:20px; background:none; border-style:none; background-image:url(../img/interieur-champ-texte.gif); background-repeat:no-repeat; border:1px solid #dadada;}
div.contenu div.paveHaut table.formulaireIdentification td.basFormulaire {padding-top:15px; width:331px;}
div.contenu div.paveHaut table.formulaireIdentification td.basFormulaire div.boutonValider {float:right; width:74px;}


div.contenu div.paveBas {background-image:url(../img/fond-pave-bas.jpg); background-repeat:no-repeat; background-position:0 0; width:758px; margin-top:40px; padding:20px 25px 0 25px;}
div.contenu div.paveBas h2.info {background-image:url(../img/picto-info-bleu.png); background-repeat:no-repeat; height:35px; padding-left:40px; padding-top:5px; font-weight:bold; font-size:1.1em; margin-bottom:5px; color:#000;}
div.contenu div.paveBas div.notice {background-color:#fff6d8; padding:25px;}
div.contenu div.paveBas div.notice ul {}
div.contenu div.paveBas div.notice ul li {background-image:url(../img/puce-ronde-orange.gif); background-repeat:no-repeat; background-position:0 6px; padding-left:15px; color:#e94e12;}
div.contenu div.paveBas div.notice ul li p {padding:0;}
/*
div.contenu div.boutonsAccueil {height:157px; width:600px; margin:0 auto; margin-top:20px;}
div.contenu div.boutonsAccueil div.boutonAccueilEspaceEnseignant {height:157px; width:233px; float:left; background-image:url(../img/img_page_espace_enseignant.png); background-repeat:no-repeat; background-position:0 0;}
div.contenu div.boutonsAccueil div.boutonAccueilEspaceEleve {height:157px; width:235px; float:right; background-image:url(../img/img_page_espace_eleve.png); background-repeat:no-repeat; background-position:100% 0;}
*/

div.contenu div.boutonsAccueil {background-image:url(../img/img_mathx-choix-niveau-accueil.gif); background-repeat:no-repeat; background-position:0 10px; width:758px; padding:70px 25px 10px;}
div.contenu div.boutonsAccueil div.boutonAccueilSeconde {width:116px; height:93px;}
div.contenu div.boutonsAccueil div.boutonAccueilPremiere {text-align:center; width:116px; height:93px;}
div.contenu div.boutonsAccueil div.boutonAccueilPremiereS {text-align:center; width:116px; height:93px;}
div.contenu div.boutonsAccueil div.boutonAccueilTerminale {width:116px; height:93px;}

table.containerModale {margin-top:20px;}
table.containerModale td.hautGauche { width:10px; height:10px; background-image:url(../img/ombre-coin-haut-gauche.png); background-repeat:no-repeat;}
table.containerModale td.hautMilieu {height:10px; width:679px; background-image:url(../img/ombre-haut.png); background-repeat:repeat-x;}
table.container td.hautDroite {width:10px; height:10px; background-image:url(../img/ombre-coin-haut-droit.png); background-repeat:no-repeat;}

table.containerModale td.gauche {width:10px; background-image:url(../img/ombre-gauche.png); background-repeat:repeat-y;}
table.containerModale td.milieu {width:679px;background-color:#fff;}
table.containerModale td.droite {width:10px; background-image:url(../img/ombre-droite.png); background-repeat:repeat-y; background-position:100% 0;}

table.containerModale td.basGauche {width:10px; height:10px; background-image:url(../img/ombre-coin-bas-gauche.png); background-repeat:no-repeat;}
table.containerModale td.basMilieu {height:10px; width:679px; background-image:url(../img/ombre-bas.png); background-repeat:repeat-x; background-position:0 100%;}
table.containerModale td.basDroite {width:10px; height:10px; background-image:url(../img/ombre-coin-bas-droit.png); background-repeat:no-repeat;}

#modale { position:absolute; top:0; left:0; -moz-opacity:0.52; opacity:0.52; filter: alpha(opacity=52);  background-color:#000;	width:100%; height:100%; min-height:830px; z-index:9999; display:none;}
#mod_exemple { display:none ;  z-index:10000;
			position:absolute;	
			width: 699px;            /* largeur de ton contenu */
			margin-left: -349px;     /* moitie de width */
			left: 50%;               /* constant, toujours 50% */
			height: 621px;           /* hauteur de ton contenu */
			margin-top: -310px;      /* moitie de height */
			top: 50%;                /* constant, toujours 50% */ 
			padding:0 0 0 0;
			overflow:hidden ;
			border: 0px solid red;

}

div.bandeauModale {width:679px; height:59px; background-image:url(../img/bandeau_modal.jpg); background-repeat:no-repeat;}
div.bandeauModale h1 {color:#fff;font-size:1.4em;padding-top:0px; margin-bottom:0; padding-left:25px;}
div.bandeauModale a:link   {color:#fff; text-decoration:none;}
div.bandeauModale a:visited{color:#fff; text-decoration:none;}
div.bandeauModale a:hover  {color:#fff; text-decoration:none;}
div.bandeauModale a:active {color:#fff; text-decoration:none;}
div.bandeauModale p {color:#fff;font-size:0.8em; text-align:right; margin-bottom:0; padding-right:10px; padding-top:10px;}
div.contenuModale {padding-right:5px; padding-top:25px; padding-left:25px; padding-bottom:25px;}
div.contenuModale h2 {color:#ff2c03; font-size:1.3em; font-weight:bold;}
div.contenuModale h3 {color:#00aec7; font-size:0.85em; font-weight:bold; margin-bottom:15px;}
div.contenuModale p {font-size:0.8em; padding-left:0px;}
div.contenuModale ul {}
div.contenuModale ul li {background-image:url(../img/img-picto-plus.gif); background-repeat:no-repeat; background-position:0 4px; font-size:0.8em; margin-bottom:15px; padding-left:15px;}


#fond_modale {display:none;
width:100%;
height:150%;
background-color:#000;
filter : alpha(opacity=30);
opacity:0.3;
z-index: 20;
position:absolute;
left:0;
top:0;

}
.modale {
	display:none; 
background-color:#fff;
width:600px;
height:470px;
position:absolute;
left:50%;
top:200px;
margin-left:-300px;
z-index: 30;
box-shadow:0px 0px 8px #000;
}

.modale .header {background-color:#f29400; padding:10px 20px; position:relative;}
#modale_1ere.modale .header {background-color:#cc071e; padding:10px 20px; position:relative;}

.modale .header h3 {color:#fff; font-weight:bold; font-size:20px;}

.modale .header .btn_fermer {color:#fff; right:20px; top:10px; position:absolute; font-size:12px; text-decoration:none;}

.modale h4 {color:#000; font-weight:bold; font-size:14px; padding:20px 20px 10px;}

.modale .tab {margin: 10px auto;
    width: 488px;}