@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:#220e39; }/* bleu */
body#body_1ere{background-image:url(../img/bande-fond-violet.jpg) !important; background-color:#3d0437 !important; } /* violet */
body#body_2de{background-image:url(../img/bande-fond-vert.jpg) !important; background-color:#063c2c !important; } /* vert */
body#body_2de2014{background-color:#00abbd !important; background-image: none;} /* turquoise */

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;}
h1.fonction {margin-left:20px; margin-top:20px; color:#fff; font-family: Verdana, Geneva, sans-serif; font-size:20px; }
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 */
body#body_1ere div.fondBandes {background-image:url(../img/fond-bande-violet.jpg) !important;} /* violet */
body#body_tle div.fondBandes {background-image:url(../img/fond-bande-vert02.jpg) !important;} /* violet */
body#body_2de div.fondBandes {background-image:url(../img/fond-bande-vert.jpg) !important;} /* vert */
body#body_2de2014 div.fondBandes_2de2014 {background-color:#00abbd !important;} /*turquoise*/


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;}
table.container td.footer {display: none}

div.logos {height:98px; padding-left:10px;}
div.bandeau {background-image:url(../img/bandeau-colore-seconde.jpg); height:55px; padding-left:35px; padding-top:20px;}
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;}
td.header_titre { background-image: url("../img/img-bandeau_2.gif"); background-repeat:no-repeat; background-position:left top; width: 431px; height:90px;}

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:331px;}
div.contenu div.paveHaut table.formulaireIdentification td.label {vertical-align:middle;padding-bottom:8px; width:103px;}
div.contenu div.paveHaut table.formulaireIdentification td.input {vertical-align:middle;padding-bottom:8px;width:278px;}
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:230px; 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:230px; float:right; background-image:url(../img/img_page_espace_eleve.png); background-repeat:no-repeat; background-position:100% 0;}


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;}