body {font: 1em Arial, Verdana, Helvetica, sans-serif; background: #fff; 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;}
a:hover {text-decoration:none;}

/* ---------------- En-tête ----------------- */

#head {background:#fff; border:solid 1px #ccc; height:136px; margin:10px auto; position:relative; width:880px;}

#head .titre {margin:0 auto; text-align:left; position:relative;}
#head .titre a.logo { background-image:url(../images/logo.png); width:114px; height:125px; display:block; float:left; margin:5px 0 0 10px;}
#head .titre .logo_aefe {margin:20px 5px 0 0; float:right; position:relative;}
#head .titre h1 {width:495px; height:42px; background-image:url(../images/h1.png); background-repeat:no-repeat; margin: 0 0 0 180px; background-position:0 15px;}
#head .titre h1 span {position: absolute; left:-9999px;}
#head .titre h2 {width:614px; height:79px; background-image:url(../images/h2.png);background-repeat:no-repeat; margin: 5px 0 0 140px;}
#head .titre h2 span {position: absolute; left:-9999px;}

#page-wrap #tabs #fond_noir {width:880px; height:96px; position:relative; background-image:url(../images/fond_noir.png); z-index:1; background-repeat:no-repeat; padding:0; background-position:50px 0; top:-17px;}

#footer_index {background:#000; margin:0 auto; position:relative; width:760px; padding:10px; top:-17px;}
#footer_index p {color:#fff;}
#footer_index a {color:#fff; display:inline-block; padding:5px 10px; text-decoration:none;}
#footer_index a:hover {background-color:#fff; color:#000;}

#footer{margin:0 auto; position:relative; width:760px; padding:10px;}
#footer a {color:#444; display:inline-block; padding:5px 10px; text-decoration:none;}
#footer a:hover {background-color:#000; color:#fff;}


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

#tabs h2 {font-size:2em; color:#fff; margin:0 0 10px 25px; font-weight:normal;}

.titre_site {width:880px; margin:10px auto; text-align:left;}
.titre_site ul.menu_bis {}
.titre_site ul.menu_bis li {display:inline; height:65px; width:220px;}
.titre_site ul.menu_bis li a{background-repeat:no-repeat; width:220px; height:65px; display:block; float:left;}
.titre_site ul.menu_bis li a.theme_1 { background-image:url(../images/menu_bis_theme_1.png);}
.titre_site ul.menu_bis li a.theme_2 { background-image:url(../images/menu_bis_theme_2.png);}
.titre_site ul.menu_bis li a.theme_3 { background-image:url(../images/menu_bis_theme_3.png);}
.titre_site ul.menu_bis li a.theme_4 { background-image:url(../images/menu_bis_theme_4.png);}
.titre_site ul.menu_bis li a:hover { background-position:0 -65px; }

.crumbtrail {position:relative; margin:5px auto 10px auto; width:880px; text-align:left;}
.crumbtrail a {color:#444;}

.theme_2 a.historique {background-image:url(../images/lien_historique.png); float:left; display:block; width:280px; height:280px;}
.theme_2 a.nationalites {background-image:url(../images/lien_nationalites.png); float:left; display:block; width:280px; height:280px;}
.theme_2 a.actif {background-image:url(../images/lien_actif.png); float:left; display:block; width:280px; height:280px;}
.theme_1 a.sept {background-image:url(../images/lien_sept.png); float:left; display:block; width:280px; height:280px;}
.theme_1 a.objectifs {background-image:url(../images/lien_objectifs.png); float:left; display:block; width:280px; height:280px;}
.theme_1 a.calendrier {background-image:url(../images/lien_calendrier.png); float:left; display:block; width:280px; height:280px;}
.theme_3 a.information {background-image:url(../images/lien_information.png); float:left; display:block; width:280px; height:280px;}
.theme_3 a.inscription {background-image:url(../images/lien_inscription.png); float:left; display:block; width:280px; height:280px;}
.theme_3 a.session {background-image:url(../images/lien_session.png); float:left; display:block; width:278px; height:278px;}
.theme_4 a.aefe {background-image:url(../images/lien_aefe.png); float:left; display:block; width:280px; height:280px; margin-left:150px;}
.theme_4 a.reseau {background-image:url(../images/lien_reseau.png); float:left; display:block; width:280px; height:280px;}
/*.theme_3 .session {background-image:url(../images/session.png); float:left; display:block; width:280px; height:280px; text-align:center;}
.theme_3 .session form {margin-top:190px;}
.theme_3 .session form input {margin:2px 0; width:150px;}*/

.theme_2 a:hover.historique, .theme_2 a:hover.nationalites, .theme_2 a:hover.actif, .theme_1 a:hover.sept, .theme_1 a:hover.objectifs, .theme_1 a:hover.calendrier, .theme_3 a:hover.information, .theme_3 a:hover.inscription, .theme_4 a:hover.aefe, .theme_4 a:hover.reseau { background-position:0 -280px;}
.theme_2 a.historique span, .theme_2 a.nationalites span, .theme_2 a.actif span, .theme_1 a.sept span, .theme_1 a.objectifs span, .theme_1 a.calendrier span, .theme_3 a.information span, .theme_3 a.inscription span, .theme_3 a.session span, .theme_4 a.aefe span, .theme_4 a.reseau span { position:absolute; left:-9999px;}

#lycee {background-color:#00b0fc; width:880px; margin:0 auto; text-align:left;}
#lycee h2 {font-size:2em; margin:2px 0 15px 25px; color:#fff; font-weight:normal;}
#lycee .top {background-image:url(../images/top_theme_2.png); background-repeat:no-repeat; width:880px; height:19px; position:relative;}
#lycee .bottom {background-image:url(../images/bottom_theme_2.png); background-repeat:no-repeat; width:880px; height:19px; position:relative;}
#lycee .contenu {width:810px; margin:0 auto; background-color:#fff; padding:10px;}
#lycee .contenu p {margin:10px;}
#lycee .contenu img {float:left; margin:10px;}
#lycee a.historique {background-image:url(../images/lien_historique.png); float:left; display:block; width:280px; height:280px;}
#lycee a.nationalites {background-image:url(../images/lien_nationalites.png); float:left; display:block; width:280px; height:280px;}
#lycee a.actif {background-image:url(../images/lien_actif.png); float:left; display:block; width:280px; height:280px;}
#lycee a:hover.historique, #lycee a:hover.nationalites, #lycee a:hover.actif { background-position:0 -280px;}
#lycee a.historique span, #lycee a.nationalites span, #lycee a.actif span { position:absolute; left:-9999px;}


#coupe {background-color:#ff466b; width:880px; margin:0 auto; text-align:left;}
#coupe h2 {font-size:2em; margin:2px 0 15px 25px; color:#fff; font-weight:normal;}
#coupe .top {background-image:url(../images/top_theme_1.png); background-repeat:no-repeat; width:880px; height:19px; position:relative;}
#coupe .bottom {background-image:url(../images/bottom_theme_1.png); background-repeat:no-repeat; width:880px; height:19px; position:relative;}
#coupe .contenu {width:810px; margin:0 auto; background-color:#fff; padding:10px;}
#coupe .contenu p {margin:10px;}
#coupe .contenu img {float:left; margin:10px;}
#coupe .contenu ul, #coupe .contenu ol {margin-left:10px; padding:5px 0;}
#coupe .contenu ul li {list-style-type:disc; margin-left:25px; padding:5px 0;}
#coupe .contenu ol li {list-style-type:decimal; margin-left:25px; padding:5px 0;}
#coupe .contenu ol li ul li {list-style-type:disc; margin-left:25px; padding:5px 0;}
#coupe .contenu table {width:800px; margin:0 auto; border:1px solid #005cb8; border-collapse:collapse;}
#coupe .contenu table td {padding:5px 10px; border:1px dotted #005cb8;}
#coupe .contenu table thead {background-color:#005cb8; height:35px; color:#fff; font-weight:bold; text-align:center;}
#coupe .contenu table tr td.date {width:250px; font-weight:bold; background-color:#cad5e0;}
#coupe a.sept {background-image:url(../images/lien_sept.png); float:left; display:block; width:280px; height:280px;}
#coupe a.objectifs {background-image:url(../images/lien_objectifs.png); float:left; display:block; width:280px; height:280px;}
#coupe a.calendrier {background-image:url(../images/lien_calendrier.png); float:left; display:block; width:280px; height:280px;}
#coupe a:hover.sept, #coupe a:hover.objectifs, #coupe a:hover.calendrier { background-position:0 -280px;}
#coupe a.sept span, #coupe a.objectifs span, #coupe a.calendrier span { position:absolute; left:-9999px;}


#inscription {background-color:#00df75; width:880px; margin:0 auto; text-align:left;}
#inscription h2 {font-size:2em; margin:2px 0 15px 25px; color:#fff; font-weight:normal;}
#inscription .top {background-image:url(../images/top_theme_3.png); background-repeat:no-repeat; width:880px; height:19px; position:relative;}
#inscription .bottom {background-image:url(../images/bottom_theme_3.png); background-repeat:no-repeat; width:880px; height:19px; position:relative;}
#inscription .formulaire {background-color:#fff; width:740px; margin:0 auto; border:1px solid #666; padding:15px;}
#inscription .formulaire label {font-weight:bold; width:300px; display:block; float:left; text-align:right; padding-right:10px; margin-top:8px; font-size:0.8em;}
#inscription .formulaire input.texte, #inscription .formulaire select.texte {border:1px #7f9db9 solid; padding:2px; width:175px; margin-top:8px;}
#inscription .formulaire .submit {margin:25px auto; width:200px; display:block; border:0; padding:10px; background-color:#005cb8; cursor:pointer; color:#fff; font-weight:bold;}
#inscription .formulaire .erreur {font-weight:bold; display:block; width:550px; color:#b92631; background-color:#f9d790; border:1px solid #f7ac15; margin:0 auto; margin-top:15px; padding:10px;}
#inscription .contenu {width:810px; margin:0 auto; background-color:#fff; padding:10px;}
#inscription .contenu table {width:800px; margin:0 auto; border:1px solid #005cb8; border-collapse:collapse;}
#inscription .contenu table td {padding:5px 10px; border:1px dotted #005cb8;}
#inscription .contenu table thead {background-color:#005cb8; height:35px; color:#fff; font-weight:bold; text-align:center;}
#inscription .contenu table tr td.date {width:250px; font-weight:bold; background-color:#cad5e0;}
#inscription a.information {background-image:url(../images/lien_information.png); float:left; display:block; width:280px; height:280px;}
#inscription a.inscription {background-image:url(../images/lien_inscription.png); float:left; display:block; width:280px; height:280px;}
#inscription a.session {background-image:url(../images/lien_session.png); float:left; display:block; width:280px; height:280px;}
/*#inscription .session {background-image:url(../images/session.png); float:left; display:block; width:280px; height:280px; text-align:center;}
#inscription .session form {margin-top:190px;}
#inscription .session form input {margin:2px 0;}*/
#inscription a:hover.information, #inscription a:hover.inscription { background-position:0 -280px;}
#inscription a.information span, #inscription a.inscription span , #inscription a.session span { position:absolute; left:-9999px;}


#aefe {background-color:#cb17fc; width:880px; margin:0 auto; text-align:left;}
#aefe h2 {font-size:2em; margin:2px 0 15px 25px; color:#fff; font-weight:normal;}
#aefe .top {background-image:url(../images/top_theme_4.png); background-repeat:no-repeat; width:880px; height:19px; position:relative;}
#aefe .bottom {background-image:url(../images/bottom_theme_4.png); background-repeat:no-repeat; width:880px; height:19px; position:relative;}
#aefe .contenu {width:810px; margin:0 auto; background-color:#fff; padding:10px;}
#aefe .contenu h3 {margin:15px 0 10px 5px;}
#aefe .contenu p {margin:10px 5px;}
#aefe .contenu ul {margin:10px; padding-left:15px;}
#aefe .contenu li {list-style-type:disc; margin:2px 5px;}
#aefe a.aefe {background-image:url(../images/lien_aefe.png); float:left; display:block; width:280px; height:280px; margin-left:150px;}
#aefe a.reseau {background-image:url(../images/lien_reseau.png); float:left; display:block; width:280px; height:280px;}
#aefe a:hover.aefe, #aefe a:hover.reseau {background-position:0 -280px;}
#aefe a.aefe span, #aefe a.reseau span {position:absolute; left:-9999px;}

#inscription form.connexion {width:400px; margin:15px auto; background-color:#fff; border:1px solid #ccc;}
#inscription form.connexion label {float:left; width:150px; text-align:right; margin:10px 25px 10px 10px;}
#inscription form.connexion input {margin:10px; width:150px;}
#inscription form.connexion .submit {margin:10px 10px 10px 195px;}
#inscription form.connexion .erreur {color:#fff; display:block; widows:400px; background-color:#b22; padding:5px; text-align:center; font-weight:bold;}

#inscription table {width:500px; margin:0 0 0 350px; border:1px solid #005cb8; border-collapse:collapse; background-color:#fff;}
#inscription table td {padding:5px 10px;}
#inscription table tr.alt td {background-color:#77aced;}
#inscription table td.rempli {font-weight:bold;}
#inscription table thead {background-color:#005cb8; height:35px; color:#fff; font-weight:bold; text-align:center;}

#inscription table.gestion {float:left; width:275px; margin:0 0 0 25px; border:1px solid #005cb8; border-collapse:collapse; background-color:#fff;}
#inscription table.gestion td {padding:5px 10px;}
#inscription table.gestion tr.alt td {background-color:#dbed77;}
#inscription table.gestion td.rempli {font-weight:bold;}
#inscription table.gestion thead {background-color:#005cb8; height:35px; color:#fff; font-weight:bold; text-align:center;}
#inscription table.gestion tr.lien td {background-color:#005cb8;}
#inscription table.gestion tr.lien td a {color:#fff; text-align:left; font-size:0.8em; display:block; width:100%; font-weight:bold;}

#inscription form.fiche {margin:0 auto; padding:0; width:800px;}
#inscription table.fiche {width:800px; margin:0 auto; border:1px solid #005cb8; border-collapse:collapse; background-color:#fff;}
#inscription table.fiche td {padding:5px 10px;}
#inscription table.fiche tr.alt td {background-color:#b2cded;}
#inscription table.fiche thead {background-color:#005cb8; height:35px; color:#fff; font-weight:bold; text-align:center;}
#inscription table.fiche tr td.date {width:350px; font-weight:bold;}
#inscription table.fiche td input, #inscription table.fiche td textarea {width:300px; margin:5px;}
#inscription table.fiche td .erreur, #inscription .erreur_generale {background-color:#bd3333; padding:15px; margin:5px auto; width:500px; text-align:center; color:#fff; font-weight:bold; font-size:0.8em; border:1px solid #550000;} 

table .vert {background-color:#77ed9e;}
table .rouge {background-color:#edac77;}

#medias {width:880px; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; background:#FFCC66; position:relative; margin:0 auto; text-align:left;}
#medias h3 {font-size:1.5em; font-weight:normal; padding:10px;}
#medias .video {margin:10px; float:left;}
#medias a.tf1 {background:url(../images/video2.png) no-repeat; display:block; float:left; width:400px; height:315px; margin:0 10px;}
#medias p {font-size:0.8em;}

.son {margin:15px; width:280px; text-align:center;}
.son p {padding:0 0 15px 0;}