body {font: 1em Arial, Verdana, Helvetica, sans-serif; background: #eeecde url(../images/bg.png) repeat-x top center; text-align: center; color:#444;}
html, body, div, dl, dd, dt, form, span, p, img, fieldset, legend, label, h1, h2, h3, h4, h5, h6, table, tbody, thead, tfoot, tr, th, td, ul, ol, li {margin:0em; padding:0em; border:none;}
dl, dt, dd, ul, li {list-style-type: none;}

a {color:#2362a1; text-decoration:underline; outline:none;}
a:hover {text-decoration:none;}
a:active {outline:none;}
:focus {-moz-outline-style:none;}

.tooltip {display:none; background:transparent url(../images/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff; position:relative; z-index:99;}


#site {margin:0 auto; width:860px; position:relative;}
#menu {background:url(../images/nav.gif); width:860px; height:81px;}

.separation {width:800px; clear:both;}

#liens_header {position:relative; margin: 0 auto; height:76px;}
#liens_header a.lien_header {position:relative; margin: 6px 0 40px 0; height:30px; display:block; color:#fff; width:108px; line-height:30px; text-decoration:none; font-size:0.7em; float:left;border:1px solid #2d68ad;}
#liens_header a:hover.lien_header {background-color:#fff; color:#2d68ad; border:1px solid #fff;}

#principal {width:860px;}
#principal a#logo {background:url(../images/logo.png) no-repeat; width:441px; height:124px; float:left; display:block;}
#principal #logo_bis {width:860px; height:168px;}
#principal #logo_bis a.logo_bis {background:url(../images/logo_bis.png) no-repeat; width:441px; height:168px; display:block; float:left;}
#principal #bg_aefe {background:url(../images/bg_aefe.png) no-repeat; width:419px; height:168px; float:left; position:relative;}
#principal #bg_aefe .logo_aefe {background:url(../images/aefe_logo.png) no-repeat; width:133px; height:90px; display:block; position:absolute; right:35px; top:27px;}
#principal #soustitre {background: url(../images/soustitre.png) no-repeat; float:left; width:441px; height:176px;}
#principal #hire {background:url(../images/hire.gif) no-repeat; float:left; width:860px; height:141px; margin-top:-141px; position:relative; z-index:5;}
#principal #hire a#lien_preinscription {width:245px; margin:20px 5px 0 45px; background:url(../images/lien_prinscription.png) no-repeat; display:block; height:97px; float:left; z-index:5; position:relative;}
#principal #hire span#lien_preins {width:245px; margin:20px 5px 0 45px; background:url(../images/lien_prinscription.png) no-repeat; display:block; height:97px; float:left; z-index:5; position:relative;}
#principal #hire p.anvers {font-size:0.6em; width:780px; margin:5px 0 0 50px; padding:0; text-align:left; position:relative; z-index:5;}
#principal #hire a#lien_aides {width:245px; margin:20px 10px 0 10px; background:url(../images/lien_aides.png) no-repeat; display:block; height:97px; float:left; z-index:5; position:relative;}
#principal #hire a#lien_emploi {width:245px; margin:20px 10px 0 10px; background:url(../images/lien_emploi.png) no-repeat; display:block; height:97px; float:left; z-index:5; position:relative;}
#principal #hire a:hover#lien_preinscription, #principal #hire a:hover#lien_aides, #principal #hire a:hover#lien_emploi {background-position:-245px 0;}
#principal #hire a#lien_preinscription span, #principal #hire a#lien_aides span, #principal #hire a#lien_emploi span {position:absolute; left:-9999px;}
#principal .logo_print {display:none;}

#principal #hire #grippe {float:left; margin:5px 0 0 35px;}

#principal #actu {background:url(../images/bg_actu.png) no-repeat; width:419px; height:441px; margin:0 0 0 441px; position:relative; z-index:1;}
#principal #actu a#logo_aefe {background:url(../images/aefe_logo.png) no-repeat; width:133px; height:90px; display:block; position:absolute; right:35px; top:27px;}
#principal #actu .container {width:326px; height:276px; overflow:hidden; position:relative; cursor:pointer; margin-left: 25px;}
#principal #actu .slides {position:absolute; top:41px; left:0;}
#principal #actu .slides div {position:absolute; top:0; width:326px; display:none;}
#principal #actu #loopedSlider {width:400px; position:relative; top:72px;}

#principal #crumbtrail {font-size:0.6em; padding:10px 0 0 35px; background:url(../images/bg_contenu.png) repeat-y; text-align:left;}
#principal #crumbtrail a {color:#555;}

#principal #actu .previous {text-indent: -9999px; position:absolute; border:none;outline:none;cursor:pointer;top:115px;left:-0px;background:url('../images/intro_previous.png') no-repeat;width:42px;height:42px;}
#principal #actu .next {text-indent: -9999px; position:absolute;border:none;outline:none;cursor:pointer;top:115px;right:25px;background:url('../images/intro_next.png') no-repeat;width:42px;height:42px;}
#principal #actu .previous:hover {background:url('../images/intro_previous_on.png') no-repeat;}
#principal #actu .next:hover {background:url('../images/intro_next_on.png') no-repeat;}

#principal h2#titre_actus {background:url(../images/h2/actus.png) no-repeat; width:860px; height:63px;}
#principal h2#statut {background:url(../images/h2/statut.png) no-repeat; width:860px; height:63px;}
#principal h2#calendrier {background:url(../images/h2/calendrier.png) no-repeat; width:860px; height:63px;}
#principal h2#histoire {background:url(../images/h2/histoire.png) no-repeat; width:860px; height:63px;}
#principal h2#organigramme {background:url(../images/h2/organigramme.png) no-repeat; width:860px; height:63px;}
#principal h2#instances {background:url(../images/h2/instances.png) no-repeat; width:860px; height:63px;}
#principal h2#localisation {background:url(../images/h2/localisation.png) no-repeat; width:860px; height:63px;}
#principal h2#plan {background:url(../images/h2/plan.png) no-repeat; width:860px; height:63px;}
#principal h2#projet {background:url(../images/h2/projet.png) no-repeat; width:860px; height:63px;}
#principal h2#maternelles {background:url(../images/h2/maternelles.png) no-repeat; width:860px; height:63px;}
#principal h2#elementaires {background:url(../images/h2/elementaires.png) no-repeat; width:860px; height:63px;}
#principal h2#secondaires {background:url(../images/h2/secondaires.png) no-repeat; width:860px; height:63px;}
#principal h2#livres {background:url(../images/h2/livres.png) no-repeat; width:860px; height:63px;}
#principal h2#calendrier_scolaire {background:url(../images/h2/calendrier_scolaire.png) no-repeat; width:860px; height:63px;}
#principal h2#tarifs {background:url(../images/h2/tarifs.png) no-repeat; width:860px; height:63px;}
#principal h2#restauration {background:url(../images/h2/restauration.png) no-repeat; width:860px; height:63px;}
#principal h2#transport {background:url(../images/h2/transport.png) no-repeat; width:860px; height:63px;}
#principal h2#periscolaires {background:url(../images/h2/periscolaires.png) no-repeat; width:860px; height:63px;}
#principal h2#service_medical {background:url(../images/h2/medical.png) no-repeat; width:860px; height:63px;}
#principal h2#orientation {background:url(../images/h2/orientation.png) no-repeat; width:860px; height:63px;}
#principal h2#offres {background:url(../images/h2/offres.png) no-repeat; width:860px; height:63px;}
#principal h2#statuts {background:url(../images/h2/statuts.png) no-repeat; width:860px; height:63px;}
#principal h2#acces_reserves {background:url(../images/h2/acces_reserves.png) no-repeat; width:860px; height:63px;}
#principal h2#administration {background:url(../images/h2/administration.png) no-repeat; width:860px; height:63px;}
#principal h2#redaction {background:url(../images/h2/redaction.png) no-repeat; width:860px; height:63px;}
#principal h2#etablissement {background:url(../images/h2/etablissement.png) no-repeat; width:860px; height:63px;}
#principal h2#scolarite {background:url(../images/h2/scolarite.png) no-repeat; width:860px; height:63px;}
#principal h2#infos_generales {background:url(../images/h2/infos_generales.png) no-repeat; width:860px; height:63px;}
#principal h2#pedagogie {background:url(../images/h2/pedagogie.png) no-repeat; width:860px; height:63px;}
#principal h2#contact {background:url(../images/h2/contact.png) no-repeat; width:860px; height:63px;}
#principal h2#portrait {background:url(../images/h2/portrait.png) no-repeat; width:860px; height:63px;}
#principal h2#agenda {background:url(../images/h2/agenda.png) no-repeat; width:860px; height:63px;}
#principal h2#actualite {background:url(../images/h2/actualite.png) no-repeat; width:860px; height:63px;}
#principal h2#grippe {background:url(../images/h2/grippe.png) no-repeat; width:860px; height:63px;}
#principal h2#partenaires {background:url(../images/h2/partenaires.png) no-repeat; width:860px; height:63px;}
#principal h2 span {position:absolute; left:-9999px;}

#principal #contenu {background:url(../images/bg_contenu.png) repeat-y; width:860px; text-align:left; font-size:0.8em; position:relative;}
#principal #contenu p {padding:10px 35px;}
#principal #contenu cite {padding:15px 0; font-size:0.8em; font-style:italic; border-top:1px dashed #ccc; display:block; width:760px; margin-left:50px;}
#principal #contenu h3, #principal #contenu h4 {padding:10px 35px;}
#principal #contenu img {margin:5px 35px;}

#principal #actus {padding:5px 40px; background:url(../images/bg_contenu.png) repeat-y; width:850px; text-align:left; font-size:0.8em; margin:0; position:relative;}
#principal #actus .actu {width:380px; background-color:#dbdbbf; float:left; margin:5px;}
#principal #actus .actu h3 {width:365px; height:35px; background-color:#a3b71c; margin:0; padding:0 0 0 15px; line-height:35px; font-size:1.2em;}
#principal #actus .actu .info {min-height:150px;}
#principal #actus .actu .info p {margin:5px; padding:5px;}
#principal #actus .actu .info p img {float:left; margin:0 10px 10px 10px;}
#principal #actus .actu a.plus {width:373px; height:35px; background-color:#e7e7d4; position:relative; margin:0 auto; display:block; text-align:right; padding-right:5px; top:-1px; line-height:35px; text-decoration:none; color:#444;}
#principal #actus .actu a:hover.plus {background-color:#2d68ad; color:#fff;}

#principal #rubriquage {padding:5px 40px; background:url(../images/bg_contenu.png) repeat-y; width:850px; text-align:left; margin:0; position:relative;}
#principal #rubriquage .rubrique {width:380px; background-color:#dbdbbf; float:left; margin:5px;}
#principal #rubriquage .rubrique h3 {width:365px; height:35px; background-color:#a3b71c; margin:0; padding:0 0 0 15px; line-height:35px;}
#principal #rubriquage .rubrique .info {min-height:75px;}
#principal #rubriquage .rubrique .info p {margin:5px; padding:5px;}
#principal #rubriquage .rubrique .info p img {float:left; margin:0 10px 10px 10px;}
#principal #rubriquage .rubrique a.plus {width:373px; height:35px; background-color:#e7e7d4; position:relative; margin:0 auto; display:block; text-align:right; padding-right:5px; top:-1px; line-height:35px; text-decoration:none; color:#444;}
#principal #rubriquage .rubrique a:hover.plus {background-color:#2d68ad; color:#fff;}


#principal #contenu #portrait {width:770px; background-color:#dbdbbf; margin:0 auto;}
#principal #contenu #portrait h3 {width:755px; height:35px; background-color:#2d68ad; margin:0; padding:0 0 0 15px; line-height:35px; color:#fff;}
#principal #contenu #portrait h4 {margin-left:10px;}
#principal #contenu #portrait .info {}
#principal #contenu #portrait .info p {margin:5px; padding:5px;}
#principal #contenu #portrait .info img {float:left; margin:0 10px 10px 10px;}
#principal #contenu #portrait .info ol {margin:0 10px 10px 25px;}
#principal #contenu #portrait .info ol li {list-style-type:disc; margin:2px 0 2px 15px;}
#principal #contenu #portrait a.plus {width:763px; height:35px; background-color:#e7e7d4; position:relative; margin:0 auto; display:block; text-align:right; padding-right:5px; top:-1px; line-height:35px; text-decoration:none; color:#444;}
#principal #contenu #portrait a:hover.plus {background-color:#a3b71c;}

#principal #contenu form#connexion {position:relative; width:350px; margin:0 auto; text-align:left;}
#principal #contenu form#connexion .bloc_form {width:100%; height:40px;}
#principal #contenu form#connexion .bloc_form span {display:block; width:140px; float:left; text-align:right; padding:1px 10px 0 0;}
#principal #contenu form#connexion .bloc_form input {width:140px;}
#principal #contenu form#connexion .submit {background-color:#2d68ad; display:block; border:1px solid #fff; color:#fff; width:150px; height:35px; margin:0 auto;}
#principal #contenu form#connexion .submit:hover {background-color:#a3b71c;}
#principal #contenu form#connexion .erreur {background-color:#b71c1c; color:#fff; width:350px; display:block; margin-bottom:10px; height:35px; line-height:35px; text-align:center; font-weight:bold;}

#principal #contenu #mes_articles {width:750px; background-color:#dbdbbf; margin:0 auto;}
#principal #contenu #mes_articles a {display:block; color:#444; text-decoration:none;}
#principal #contenu #mes_articles a:hover {background-color:#fff;}
#principal #contenu #mes_articles h3 {width:735px; height:35px; background-color:#a3b71c; margin:0; padding:0 0 0 15px; line-height:35px;}
#principal #contenu #mes_articles .info h4 {padding:15px 0 3px 15px;}
#principal #contenu #mes_articles .info p {padding:5px; border-bottom:1px dashed #ccc;}
#principal #contenu #mes_articles .info p .date {color:#2d68ad; font-weight:bold;}

#footer {background:url(../images/footer.gif) no-repeat; float:left; width:860px; padding-top:50px;}
#footer p {margin:10px 0; font-size:0.8em;}
#footer a {color:#555;}

#principal #contenu form#redaction {margin: 0 0 0 50px;}

.attention {background: url(../images/attention.png) no-repeat #dedede; margin:0 0 0 35px; max-width:600px; background-position:10px 5px; border:1px solid #aaa; color:#222; padding:5px 5px 5px 35px; font-weight:bold;}
.attention ul {padding-bottom:5px; margin:5px 0 5px 25px;}
.attention ul li {list-style:disc; margin:2px 25px;}
.infos_jobs {
	background: #dedede;
	margin:0 0 0 35px;
	max-width:600px;
	background-position:10px 5px;
	border:1px solid #aaa;
	color:#222;
	padding:5px 0px;
	font-weight:bold;
}
.infos_jobs ul {
	padding-bottom:5px;
	margin:5px 0 5px 25px;
}
.infos_jobs ul li {
	list-style:disc;
	margin:2px 25px;
}
.info_sup {background: url(../images/infos_generales/calendar.png) no-repeat #dedede; margin:0 0 0 35px; max-width:600px; background-position:10px 5px; border:1px solid #aaa; color:#222; padding:10px 5px 10px 35px; font-weight:bold;}


#principal #contenu img.portrait {float:right; margin:0 35px 10px 10px;}
#principal #contenu .question {color:#2d68ad; font-weight:bold;}

#principal #contenu #contact {width:600px; margin: 0 auto;}
#principal #contenu #contact span {display:block; width:225px; text-align:right; margin:5px 25px 5px 0; float:left; padding-right:25px;}
#principal #contenu #contact input, #principal #contenu #contact textarea {width:200px; margin:5px 0;}
#principal #contenu #contact textarea {height:150px;}
#principal #contenu #contact .obligatoire {background-image:url(../images/obligatoire.png); background-repeat:no-repeat; background-position:right;}
#principal #contenu #contact .erreur_generale {width:545px; background-color:#cc2222; color:#fff; font-weight:bold; padding:15px; margin-bottom:15px; text-align:left;}
#principal #contenu #contact span.erreur {color:#cc2222;}
#principal #contenu #contact input.erreur_champ, #principal #contenu #contact textarea.erreur_champ {background-color:#ffc9c9; color:#cc2222; border:1px solid #cc2222; font-weight:bold;}
#principal #contenu #contact input.submit {margin:11px 0 11px 375px; cursor:pointer; width:300px; border:1px solid #004ead; background-color:#004ead; color:#fff; padding:15px 0; font-weight:bold;}
#principal #contenu #contact input.submit:hover {color:#000;}

#principal #contenu #info_bulles {width:790px; height:533px; margin:0 auto; position:relative;}
#principal #contenu #info_bulles img {margin:0 auto;}
#principal #contenu #info_bulles a.info_bulle {position:absolute; display:block; width:81px; height:27px; text-decoration:none; cursor:pointer; color:#555; text-align:center;}
#principal #contenu #info_bulles a.info_bulle2 {position:absolute; display:block; width:175px; height:19px; text-decoration:none; cursor:pointer; color:#555; text-align:center;}
#principal #contenu #info_bulles a.info_bulle3 {position:absolute; display:block; width:175px; height:19px; text-decoration:none; cursor:pointer; color:#555; text-align:center;}
#principal #contenu #info_bulles a.info_bulle4 {position:absolute; display:block; width:175px; height:38px; text-decoration:none; cursor:pointer; color:#555; text-align:center;}

#principal #contenu #info_bulles a:hover.info_bulle, #principal #contenu #info_bulles a:hover.info_bulle2, #principal #contenu #info_bulles a:hover.info_bulle3, #principal #contenu #info_bulles a:hover.info_bulle4 {background:#096bfe;}


#principal #contenu #info_bulles a.info_bulle font, #principal #contenu #info_bulles a.info_bulle2 font, #principal #contenu #info_bulles a.info_bulle3 font, #principal #contenu #info_bulles a.info_bulle4 font {display:block; padding-top:5px;}

#principal #contenu #info_bulles a.secretaire_proviseur {top:119px; left:375px;}
#principal #contenu #info_bulles a.secretaire_intendant {top:215px; left:115px;}
#principal #contenu #info_bulles a.accueil {top:215px; left:0;}
#principal #contenu #info_bulles a.secretaire_adjoint {top:215px; left:310px;}
#principal #contenu #info_bulles a.secretaire_cycle12 {top:215px; left:531px;}
#principal #contenu #info_bulles a.secretaire_cycle3 {top:215px; left:675px;}

#principal #contenu #info_bulles a.inscription {top:425px; left:205px;}
#principal #contenu #info_bulles a.comptabilite {top:390px; left:10px;}
#principal #contenu #info_bulles a.depenses {top:410px; left:10px;}
#principal #contenu #info_bulles a.materielle {top:426px; left:10px;}
#principal #contenu #info_bulles a.informatique {top:446px; left:10px;}
#principal #contenu #info_bulles a.recettes {top:466px; left:10px;}
#principal #contenu #info_bulles a.grh {top:486px; left:10px;}
#principal #contenu #info_bulles a.cpe {top:446px; left:205px;}

#principal #contenu #info_bulles a.info_bulle span, #principal #contenu #info_bulles a.info_bulle2 span, #principal #contenu #info_bulles a.info_bulle3 span, #principal #contenu #info_bulles a.info_bulle4 span {position:absolute; left:-9999px;}

#principal #contenu #info_bulles a:hover.info_bulle span, #principal #contenu #info_bulles a:hover.info_bulle3 span, #principal #contenu #info_bulles a:hover.info_bulle4 span {background: url(../images/etablissement/info-bulle.png) no-repeat; display:block; width:141px; height:150px; left:auto; top:-135px;}
#principal #contenu #info_bulles a:hover.info_bulle2 span {background: url(../images/etablissement/info-bulle2.png) no-repeat; display:block; width:213px; height:226px; left:auto; top:-226px;}

#principal #contenu #info_bulles a:hover.info_bulle span p {color:#444; text-align:center; margin:10px 0; padding:15px;}
#principal #contenu #info_bulles a:hover.info_bulle2 span p {color:#444; text-align:center; margin:5px; padding:10px;}

a.pdf {padding-left:35px; background:url(../images/acces_reserves/pdf.png) no-repeat; line-height:26px; display:inline-block; height:26px;}

.prof_cl {width:263px; height:80px; display:block; background:url(../images/emplois/emploi_cl_prof.png) no-repeat; margin:10px 0 10px 100px; float:left;}
.nonprof_cl {width:263px; height:80px; display:block; background:url(../images/emplois/emploi_cl_nonprof.png) no-repeat; margin:10px 0 10px 100px; float:left;}
.prof_res {width:263px; height:80px; display:block; background:url(../images/emplois/emploi_res_prof.png) no-repeat; margin:10px 0 10px 100px; float:left;}
.nonprof_res {width:263px; height:80px; display:block; background:url(../images/emplois/emploi_res_nonprof.png) no-repeat; margin:10px 0 10px 100px; float:left;}
.prof_cl:hover, .nonprof_cl:hover, .prof_res:hover, .nonprof_res:hover {background-position:0 -80px;}

.prof_cl span, .nonprof_cl span, .prof_res span, .nonprof_res span {position:absolute; left:-9999px;}

a.bouton {
	text-align:center;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	cursor:pointer;
	display: inline-block;
	*display: inline;
	color:#fff;
	font-size: 1.3em;
	font-weight:bold;
	margin:0.5em 0.3em;
	outline: none;
	padding:0.5em;
	bottom:5px;
	width:180px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
}
a.bouton:hover {
	text-decoration: none;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
a.bouton:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
a.blue {
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	border: solid 1px #0076a3;
	color: #d9eef7;
}

table.service_medical {margin:10px auto; width:780px; background:#fff; border:1px #dedede solid; border-collapse:0;}
table.service_medical tr.titre {background:#69f; color:#fff;}
table.service_medical td {padding:5px 7px; text-align:center; border:1px #dedede solid; margin:0;}