/* CSS Document - ok version */

/* /////////////////////// ELEMENTS PRINCIPAUX ///////////////////////  */
*{
margin:0;
padding:0;
}

body,html{
background:#000;
padding-bottom:50px;
}

a img{
border:none;
}

fieldset{
border:none;
}

iframe{
border:none;
}

sup{
line-height:4px;
font-size:9px;
color:#26221e;
}

#main{
width:100%;
background-image:url(../images/background-body.gif);
background-repeat:repeat-x;
}

#main-container{
width:949px;
margin:auto;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#25211e;
}

/*#main-container p{
line-height:11px;
}*/

#main-container p strong{
line-height:14px;
}

.links ul{
list-style:none;
margin:20px 0;
}

.links ul li a{
text-decoration:underline;
}

.links ul li a:hover{
text-decoration:none;
}

a{
text-decoration:underline;
outline:none;
}

a:hover{
text-decoration:none;
}

.special-title{
border-bottom:1px solid #c0bbaf;
padding-bottom:5px;
}

#lbIframeContainer iframe{
border:none;
padding:0;
margin:0;
}

/* ////////////////////// HEADER ////////////////////// */
#header{
width:100%;
height:335px;
}

#header-top{
width:100%;
height:95px;
}

#header-image{
width:575px;
height:95px;
margin:auto;
}

#header-links{
width:100%;
height:15px;
}

#header-central{
width:100%;
height:215px;
}

#music-link{
width:200px;
height:15px;
float:left;
}

#english-link{
width:50px;
height:15px;
float:right;
}

#english-link a{
display:block;
width:50px;
height:15px;
background-image:url(../images/link-english.gif);
background-repeat:no-repeat;
background-position: 0% -15px;
}

#english-link a:hover{
width:50px;
height:15px;
background-image:url(../images/link-english.gif);
background-repeat:no-repeat;
background-position: 0% 0;
}

#english-link a span{
position:absolute;
top:-5000px;
left:-5000px;
}

#banner{
width:949px;
height:200px;
}

#header-bottom{
width:100%;
height:25px;
background:#c0bbaf;
position:relative;
z-index:5000;
}

/* ////////////////////////// */
/* ////////////////////// CENTRAL ////////////////////// */
#central{
background:#fff;
}

#central td{
vertical-align:top;
}

td{
padding-bottom:20px;
}

.home td{
padding-bottom:0;
}

#central a{
text-decoration:underline;
color:#25211e;
}

#central a:hover{
text-decoration:none;
}

#central a span{
position:absolute;
top:-5000px;
left:-5000px;
}

#central h1{
position:absolute;
top:-5000px;
left:-5000px;
}

.no-float{
clear:left;
}

.grey1{
background:#ddd8d2;
}

.grey2{
background:#c0bbaf;
}

.grey3{
background:#d5d1c7;
}

.grey4{
background:#dfdacd;
}

/* ////////////////////// FOOTER ////////////////////// */
/* //////////////////////////////////////////////////////////////////  */
#menu-footer{
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#efefef;
font-size:9px;
margin:0 10px;
text-align:center;
}

#menu-footer ul{
list-style:none;
}

.center{
text-align:center;
}

#menu-footer li{
display:inline;
border-left:1px solid #efefef;
padding:0 5px 0 5px;
}

.end-border{
border-right:1px solid #efefef;
}

#menu-footer li a{
text-decoration:none;
color:#efefef;
}

#menu-footer li a:hover{
text-decoration:underline
}

/****************** PAGE ACCUEIL ******************/
#home-top-central-left{
width:222px;
height:160px;
line-height:9px;
}

#apprendre{
margin:10px;
}

#apprendre p{
margin:10px;
}

#image-apprendre{
margin-top:10px;
}

#home-top-central-middle{
width:465px;
height:160px;
line-height:9px;
}

#link-zoom{
margin-top:125px;
float:right;
}

#link-zoom a{
display:block;
width:215px;
height:35px;
cursor:pointer;
}

/*#home-top-central-right{
width:222px;
height:160px;
}*/

#aller-a{
margin:10px;
}

#aller-a-inside{
padding:10px;
width:202px;
height:140px;
line-height:9px;
}

#aller-a-inside select{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#25211e;
width:168px;
height:19px;
border-left:1px solid #7c7c7c;
border-top:1px solid #7c7c7c;
margin-top:10px;
margin-left:10px;
background:#ffffff;
}

#aller-a-inside p{
margin-top:10px;
}

#aller-a select{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#25211e;
width:168px;
height:19px;
border-left:1px solid #7c7c7c;
border-top:1px solid #7c7c7c;
margin-top:10px;
margin-left:10px;
background:#ffffff;
}

#aller-a p{
margin-top:10px;
}

#envoyer-ami{
margin-top:0px;
}

#home-bottom-central-left{
width:222px;
height:160px;
line-height:9px;
}

#autour-expo{
margin:10px;
}

#autour-expo a{
display:block;
width:169px;
height:23px;
float:right;
margin-top:117px;
cursor:pointer;
}

#home-bottom-central-middle{
width:465px;
height:160px;
line-height:9px;
}

#visite-virtuelle-h{
margin:10px;
}

#image-visite-virtuelle-h{
margin-top:10px;
}

#visite-virtuelle-h p{
margin-top:10px;
}

/*#home-bottom-central-right{
width:222px;
height:160px;
background-image:url(../images/background-home-infos.jpg);
background-repeat:no-repeat;
background-position:top right;
}*/

#infos-pratiques-inside{
padding:10px 0 0 10px;
width:212px;
height:150px;
background-image:url(../images/background-home-infos.jpg);
background-repeat:no-repeat;
background-position:top right;
border-top:10px solid #fff;
border-bottom:10px solid #fff;
}

#infos-pratiques-inside-h{
margin-top:10px;
padding:10px 0 0 10px;
width:212px;
height:150px;
background-image:url(../images/background-home-infos.jpg);
background-repeat:no-repeat;
background-position:top right;
}

/**************************************************/
/****************** PAGE ACTUALITES ******************/
#actu-central-left{
width:750px;
padding:20px 10px 10px 0;
}

#zone-actualites{
padding-bottom:20px;
}

#title-actualites{
width:666px;
height:37px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

.news{
margin:20px 0 0 30px;
}

.img-news-zone{
width:278px;
padding:10px;
background-image:url(../images/background-zone-actu.gif);
background-repeat:no-repeat;
background-position:top left;
float:left;
}

.news-content{
width:310px;
margin:5px 0px 20px 20px;
float:left;
}

.news-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
font-weight:bold;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

.news-date{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#5D594B;
margin-bottom:20px;
font-weight:bold;
}

/**************************************************/
/****************** PAGE VISITE VIRTUELLE ******************/
#visite-central{
padding:10px 0 10px 0;
width:939px;
}

#title-visite-virtuelle{
width:666px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

/* pour page "église Saint Jean au marché */
#title-visite-virtuelle-sjam{
width:636px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}
/* /////////////////////////////////////// */
#zone-visite-virtuelle-left{
width:686px;
padding:10px 0 10px 0;
}
/* pour page "église Saint Jean au marché" */
#zone-visite-virtuelle-left-sjam{
width:656px;
padding:10px 0 10px 0;
}
/* /////////////////////////////////////// */
#visite-virtuelle-text{
padding:0 20px 0 30px;
}

#visite-virtuelle-text p{
margin:20px 0 0 0;
}

.visite-virtuelle-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

#link-visite-virtuelle{
margin:10px 0 10px 20px;
}

#zone-visite-virtuelle-right{
width:233px;
padding:10px;
}

#img-top-vv{
width:233px;
height:312px;
}

#img-bottom-vv{
width:233px;
height:312px;
padding-top:9px;
}
/**************************************************/
/****************** PAGE EXPO ******************/
#expo-central-left{
width:697px;
padding:20px 30px 20px 0;
}

#zone-expo{
/*position:relative;*/
}

#title-expo{
width:667px;
height:37px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

.expo-content{
margin:20px 0 0 30px;
}

.expo-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

.expo-text{
margin:0 0 20px 0;
}
/**************************************************/
/****************** PAGE APPRENDRE ******************/
#apprendre-central-left{
width:697px;
padding:20px 30px 20px 0;
}

#zone-apprendre{
/*position:relative;*/
}

#title-apprendre{
width:667px;
height:37px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

.apprendre-content{
margin:20px 0 0 30px;
}

.apprendre-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

.apprendre-text{
margin:0 0 20px 0;
}
/**************************************************/
/****************** PAGE INFOS ******************/
#infos-central-left{
width:697px;
padding:20px 30px 20px 0;
}

#zone-infos{
/*position:relative;*/
}

#title-infos{
width:667px;
height:37px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

.infos-content{
margin:20px 0 0 30px;
}

.infos-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

.infos-text{
margin:0 0 20px 0;
}
/**************************************************/
/****************** PAGE ESPACE ENSEIGNANT ******************/
#enseignant-central-left{
width:697px;
padding:20px 30px 20px 0;
}

#zone-enseignant{
/*position:relative;*/
}

#title-enseignant{
position:relative;
width:667px;
height:37px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

.enseignant-content{
margin:20px 0 0 30px;
}

.enseignant-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

.enseignant-text{
margin:0 0 20px 0;
}
/* formulaire de login page enseignant */
#login-form{
position:absolute;
top:-20px;
right:-30px;
background:#c0bbaf;
width:280px;
height:53px;
padding:3px 0 0 20px;
}

#login-form label{
display:block;
height:15px;
}

#login-form input{
width:118px;
height:13px;
background:#fff;
border-left:1px solid #7c7c7c;
border-top:1px solid #7c7c7c;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#25211e;
margin-left:4px;
}

#login-form a{
position:absolute;
right:30px;
bottom:5px;
}

.login-form-alert{
position:absolute;
left:20px;
bottom:5px;
z-index:50;
color:#CC0000;
}

/*********************************/
/* Page inscription enseignant */
#enseignant-register-form label{
display:block;
float:left;
width:220px;
height:15px;
}

#enseignant-register-form input{
width:180px;
height:13px;
float:left;
background:#fff;
border-left:1px solid #7c7c7c;
border-top:1px solid #7c7c7c;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#25211e;
margin-left:4px;
}
/*******************************/
.site{
margin:10px 0 0 0;
}

.img-site-zone{
width:278px;
padding:10px;
background-image:url(../images/background-zone-actu.gif);
background-repeat:no-repeat;
background-position:top left;
float:left;
}

.site-content{
width:310px;
margin:5px 0px 20px 20px;
float:left;
}

.site-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
font-weight:bold;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}
/* Page visuels à télécharger enseignant */

.thumb{
float:left;
height:170px;
padding: 5px 10px 5px 10px;
}

.thumb img{
border:1px solid #5d594b;
}

.thumb-title{
clear:left;
padding: 0 5px 5px 5px;
text-align:center;
}

.thumb-link a{
/* float:left; */
clear:left;
display:block;
width:77px;
height:18px;
cursor:pointer;
}

.thumb-link a img{
border:none;
}
/*********************************/
/* Page formulaire réservation enseignant */
#enseignant-reservation-form{
}

#enseignant-reservation-form label{
display:block;
float:left;
width:220px;
height:15px;
}

#enseignant-reservation-form select{
width:202px;
height:18px;
float:left;
background:#fff;
border-left:1px solid #7c7c7c;
border-top:1px solid #7c7c7c;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#25211e;
margin-left:4px;
}

#enseignant-reservation-form input{
width:200px;
height:13px;
float:left;
background:#fff;
border-left:1px solid #7c7c7c;
border-top:1px solid #7c7c7c;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#25211e;
margin-left:4px;
}
/*******************************/
/**************************************************/
/****************** PAGE ESPACE PRESSE ******************/
#presse-central-left{
width:697px;
padding:20px 30px 20px 0;
}

#zone-presse{
/*position:relative;*/
}

#title-presse{
position:relative;
width:667px;
height:37px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

.presse-content{
margin:20px 0 0 30px;
}

.presse-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

.presse-text{
margin:0 0 20px 0;
}
/*********************************/
/* Page inscription presse */
#presse-register-form label{
display:block;
float:left;
width:120px;
height:15px;
}

#presse-register-form input{
width:180px;
height:13px;
float:left;
background:#fff;
border-left:1px solid #7c7c7c;
border-top:1px solid #7c7c7c;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#25211e;
margin-left:4px;
}
/**************************************************/
/****************** PAGE PARTENAIRES ******************/
#partenaires-central-left{
width:697px;
padding:20px 30px 20px 0;
}

#zone-partenaires{
/*position:relative;*/
}

#title-partenaires{
position:relative;
width:667px;
height:37px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

.partenaires-content{
margin:20px 0 0 30px;
}

.partenaires-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

.partenaires-text{
margin:0 0 15px 0;
}

.logo-p{
display:block;
float:left;
margin:0 3px 20px 0;
}
/*********************************/
/************************************************************************/
/****************** PAGE ENVOYER A UN AMI ******************/
#ami-central-left{
width:697px;
padding:20px 30px 10px 0;
}

#zone-ami table{
margin-left:30px;
}

#zone-ami td{
vertical-align:top;
}

#title-envoyer-ami{
width:667px;
height:37px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

.ami-content{
margin:20px 0 0 30px;
}

.ami-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

.ami-text{
margin:0 0 20px 0;
}

#ami-form label{
display:block;
float:left;
width:215px;
height:15px;
}

#ami-form input{
width:180px;
height:13px;
float:left;
background:#fff;
border-left:1px solid #7c7c7c;
border-top:1px solid #7c7c7c;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#25211e;
}

#ami-form textarea{
width:250px;
height:100px;
float:left;
background:#fff;
border-left:1px solid #7c7c7c;
border-top:1px solid #7c7c7c;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#25211e;
}
/**************************************************/
/****************** PAGE CONTACT ******************/
#contact-central-left{
width:697px;
padding:20px 30px 20px 0;
}

#zone-contact{
/*position:relative;*/
}

#title-contact{
width:667px;
height:37px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

.contact-content{
margin:20px 0 0 30px;
}

.contact-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

.contact-text{
margin:0 0 20px 0;
}
/**************************************************/
/****************** PAGE MENTIONS ******************/
#mentions-central-left{
width:697px;
padding:20px 30px 20px 0;
}

#zone-mentions{
/*position:relative;*/
}

#title-mentions{
width:667px;
height:37px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

.mentions-content{
margin:20px 0 0 30px;
}

.mentions-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

.mentions-text{
margin:0 0 20px 0;
}
/**************************************************/
/****************** PAGE PLAN DU SITE ******************/
#plan-central-left{
width:697px;
padding:20px 30px 20px 0;
}

#zone-plan{
/*position:relative;*/
}

#title-plan{
width:667px;
height:37px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

.plan-content{
margin:20px 0 0 30px;
}

.plan-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

.plan-text{
margin:0 0 20px 0;
}
/**************************************************/
/****************** PAGE ACCESSIBILITE ******************/
#access-central-left{
width:697px;
padding:20px 30px 20px 0;
}

#zone-access{
/*position:relative;*/
}

#title-access{
width:667px;
height:37px;
padding-bottom:20px;
border-bottom:1px solid #c0bbaf;
}

.access-content{
margin:20px 0 0 30px;
}

.access-subject{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#272112;
margin-bottom:20px;
background-image:url(../images/pictos/puce-titre.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:40px;
}

.access-text{
margin:0 0 20px 0;
}
/**************************************************/

/************** image entourée de texte ***********/
.left-picture-in-article{
float:left ; 
margin-bottom:5px;
margin-right:20px ; 
}
/*************************************************/