html {margin:0; border:0; padding:0;}

body {color:#2B2E2A; background:#030000; font-size:12px; font-family:arial,verdana; width:100%; margin: 0 auto; overflow:hidden;}

.net {clear:both;}

span {color:#046380;}

a {font-size:15px; color:#660000; text-decoration:none; font-weight:bold;}
a:hover {color:#375D81; font-weight:bold;}

form {margin-bottom:5px;}

.global {width:100%; height:100%; background: #030000 url(images/g-fond.jpg) no-repeat 50% 50%;}
.global .cellule-page {height:570px;}
.global .cellule-page .table-page {width:1000px; height:570px; margin-top:-1px;}

#signature {position:absolute; bottom:7px; height:15px; font-size:12px; color:#a0a0a0; text-align:center; width:99%; margin:0; font-weight:bold;}
#signature .sign {float:left;}
#signature a {font-size:10px; color:#000; text-decoration:none; font-weight:bold;}
#signature a:hover {color:#fff; font-weight:bold;}

/*menu-------------------------------------*/
.menu {width:920px; height:60px; position:relative; top:140px; left:40px; overflow-x:hidden; overflow-y:auto;}

#accueil {float:left; width:120px; height:50px;}
#accueil a:link, #accueil a:visited {display:block; float:left; background: url(images/png/b-accueil.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#accueil a:hover, #accueil a:active {background: url(images/png/ba-accueil.png) no-repeat; width:120px; height:50px; color:#34393E;}

#historique {float:left; width:120px; height:50px;}
#historique a:link, #historique a:visited {display:block; float:left; background: url(images/png/b-historique.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#historique a:hover, #historique a:active {background: url(images/png/ba-historique.png) no-repeat; width:120px; height:50px; color:#34393E;}

#evenements {float:left; width:120px; height:50px; padding-right:10px;}
#evenements a:link, #evenements a:visited {display:block; float:left; background: url(images/png/b-evenements.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#evenements a:hover, #evenements a:active {background: url(images/png/ba-evenements.png) no-repeat; width:120px; height:50px; color:#34393E;}

#pedagogie {float:left; width:120px; height:50px; padding-right:25px;}
#pedagogie a:link, #pedagogie a:visited {display:block; float:left; background: url(images/png/b-pedagogie.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#pedagogie a:hover, #pedagogie a:active {background: url(images/png/ba-pedagogie.png) no-repeat; width:120px; height:50px; color:#34393E;}

#galerie {float:left; width:120px; height:50px; padding-right:15px;}
#galerie a:link, #galerie a:visited {display:block; float:left; background: url(images/png/b-galerie.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#galerie a:hover, #galerie a:active {background: url(images/png/ba-galerie.png) no-repeat; width:120px; height:50px; color:#34393E;}

#partenaires {float:left; width:120px; height:50px;}
#partenaires a:link, #partenaires a:visited {display:block; float:left; background: url(images/png/b-partenaires.png) no-repeat; width:120px; height:50px; color:#fff; 
text-decoration:none;}
#partenaires a:hover, #partenaires a:active {background: url(images/png/ba-partenaires.png) no-repeat; width:120px; height:50px; color:#34393E;}

#contact {float:left; width:120px; height:50px;}
#contact a:link, #contact a:visited {display:block; float:left; background: url(images/png/b-contact.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#contact a:hover, #contact a:active {background: url(images/png/ba-contact.png) no-repeat; width:120px; height:50px; color:#34393E;}

/*RUBRIQUE 1 ACCUEIL-------------------------------------*/
.page1 {background: transparent url(images/pf-accueil.jpg) top center no-repeat; width:1000px; height:570px; margin:0; padding:0; z-index:10; position:relative;}
.page1 .texte_acc {width:410px; height:345px; position:relative; top:125px; left:70px; text-align:justify; overflow-x:hidden; 
overflow-y:auto; font-size:15px; color:font-size:14px; color:#434543; }
.page1 .texte_acc .contenu {padding-top:25px;}

#nav1 {float:left; width:120px; height:50px;}
#nav1 a:link, #nav1 a:visited {display:block; float:left; background: url(images/png/ba-accueil.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#nav1 a:hover, #nav1 a:active {background: url(images/png/ba-accueil.png) no-repeat; width:120px; height:50px; color:#34393E;}

/*RUBRIQUE 2 HISTORIQUE-------------------------------------*/
.page2 {background: transparent url(images/pf-historique.jpg) top center no-repeat; width:1000px; height:570px; margin:0; padding:0; z-index:10; position:relative;}
.page2 .texte_hist {width:410px; height:345px; position:relative; top:125px; left:70px; padding-right:5px; text-align:justify; overflow-x:hidden; 
overflow-y:auto; font-size:13px; color:#34393E;}

#nav2 {float:left; width:120px; height:50px;}
#nav2 a:link, #nav2 a:visited {display:block; float:left; background: url(images/png/ba-historique.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#nav2 a:hover, #nav2 a:active {background: url(images/png/ba-historique.png) no-repeat; width:120px; height:50px; color:#34393E;}

/*RUBRIQUE 3 EVENEMENTS-------------------------------------*/
.page3 {background: transparent url(images/pf-evenements.jpg) top center no-repeat; width:1000px; height:570px; margin:0; padding:0; z-index:10; position:relative;}
.page3 .texte_eve {width:410px; height:345px; position:relative; top:125px; left:70px; text-align:justify; font-size:14px; color:#34393E; padding-right:5px;}
li {margin:0; border:0; padding:0;}
.page3 .texte_eve .texte_eve1 {width:410px; height:60px; font-size:14px; color:#34393E; padding-right:5px; overflow-x:hidden; overflow-y:hidden;}
.page3 .texte_eve .texte_eve2 {width:410px; height:285px; font-size:14px; color:#34393E; padding-right:5px; overflow-x:hidden; overflow-y:auto;}

#nav3 {float:left; width:120px; height:50px; padding-right:10px;}
#nav3 a:link, #nav3 a:visited {display:block; float:left; background: url(images/png/ba-evenements.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#nav3 a:hover, #nav3 a:active {background: url(images/png/ba-evenements.png) no-repeat; width:120px; height:50px; color:#34393E;}

/*RUBRIQUE 4 PEDAGOGIE-------------------------------------*/
.page4 {background: transparent url(images/pf-pedagogie.jpg) top center no-repeat; width:1000px; height:570px; margin:0; padding:0; z-index:10; position:relative;}
.page4 .texte_ped {width:410px; height:345px; position:relative; top:125px; left:70px; text-align:justify; font-size:14px; color:#34393E; padding-right:5px;}
li {margin:0; border:0; padding:0;}
.page4 .texte_ped .texte_ped1 {width:410px; height:60px; font-size:14px; color:#34393E; padding-right:5px; overflow-x:hidden; overflow-y:hidden;}
.page4 .texte_ped .texte_ped2 {width:410px; height:285px; font-size:14px; color:#34393E; padding-right:5px; overflow-x:hidden; overflow-y:auto;}

#nav4 {float:left; width:120px; height:50px; padding-right:25px;}
#nav4 a:link, #nav4 a:visited {display:block; float:left; background: url(images/png/ba-pedagogie.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#nav4 a:hover, #nav4 a:active {background: url(images/png/ba-pedagogie.png) no-repeat; width:120px; height:50px; color:#34393E;}

/*RUBRIQUE 5 GALERIE-PHOTO-------------------------------------*/
.page5 {background: transparent url(images/pf-galerie.jpg) top center no-repeat; width:1000px; height:570px; margin:0; padding:0; z-index:10; position:relative;}
.page5 .texte_gal {width:410px; height:345px; position:relative; top:125px; left:70px; padding-right:5px; text-align:justify; overflow-x:hidden; overflow-y:auto; 
font-size:15px; color:#34393E;}

#nav5 {float:left; width:120px; height:50px; padding-right:15px;}
#nav5 a:link, #nav5 a:visited {display:block; float:left; background: url(images/png/ba-galerie.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#nav5 a:hover, #nav5 a:active {background: url(images/png/ba-galerie.png) no-repeat; width:120px; height:50px; color:#34393E;}

/*ARTICLES-------------------------------------*/
.page-article {background: transparent url(images/pf-articles.jpg) top center no-repeat; width:1000px; height:570px; margin:0; padding:0; z-index:10; position:relative;}
.page-article .texte_art {width:510px; height:345px; position:relative; top:125px; left:70px; padding-right:5px; text-align:justify; overflow-x:hidden; overflow-y:hidden; 
font-size:15px; color:#375D81;}

/*RUBRIQUE 6 PARTENAIRES-------------------------------------*/
.page6 {background: transparent url(images/pf-partenaires.jpg) top center no-repeat; width:1000px; height:570px; margin:0; padding:0; z-index:10; position:relative;}
.page6 .texte_part {width:410px; height:345px; position:relative; top:125px; left:70px; padding-right:5px; text-align:justify; overflow-x:hidden; 
overflow-y:auto; font-size:15px; color:#34393E; }

#nav6 {float:left; width:120px; height:50px;}
#nav6 a:link, #nav6 a:visited {display:block; float:left; background: url(images/png/ba-partenaires.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#nav6 a:hover, #nav6 a:active {background: url(images/png/ba-partenaires.png) no-repeat; width:120px; height:50px; color:#34393E;}

/*BREVES-------------------------------------*/
.page-breve {background: transparent url(images/pf-partenaires.jpg) top center no-repeat; width:1000px; height:570px; margin:0; padding:0; z-index:10; position:relative;}
.page-breve .texte_bre {width:410px; height:345px; position:relative; top:125px; left:70px; padding-right:5px; text-align:justify; overflow-x:hidden; overflow-y:auto; 
font-size:14px; color:#375D81;}

/*RUBRIQUE 7 CONTACT-------------------------------------*/
.page7 {background: transparent url(images/pf-contact.jpg) top center no-repeat; width:1000px; height:570px; margin:0; padding:0; z-index:10; position:relative;}
.page7 .texte_cont{width:410px; height:345px; position:relative; top:125px; left:70px; padding-right:5px; text-align:justify; overflow-x:hidden; overflow-y:auto; 
font-size:14px;}

.adresse {font-size:12px; font-style:italic; color:#5C0515; margin-bottom:15px;}
.trait-contact {border-bottom : solid #046380 2px; color:#046380; font-size:16px;}
.formulaire {color:#046380; border-bottom : solid #046380 2px;}
.insertion {color:#2B2E2A; font-size:15px; font-weight:bold; border-top:2px solid #046380; padding-top:35px; }

.rss-popup {margin-top: 5px auto; padding:0; width:88px; position:relative;}
div.rss-popup em {background: transparent url(images/png/popup.png) no-repeat; width:344px; height:267px; position:absolute; top:-285px; left:-0px; 
text-align:center; text-indent:-9999px; z-index:2; display:none;}
#rss-icon {width:88px; height:16px; background: transparent url(images/png/mentions.png) no-repeat 0 0; text-indent:-9999px; margin: 0 auto; display:block;}

#nav7 {float:left; width:120px; height:50px;}
#nav7 a:link, #nav7 a:visited {display:block; float:left; background: url(images/png/ba-contact.png) no-repeat; width:120px; height:50px; color:#fff; text-decoration:none;}
#nav7 a:hover, #nav7 a:active {background: url(images/png/ba-contact.png) no-repeat; width:120px; height:50px; color:#34393E;}