body {
margin: 0;
padding : 0;
background: #001052 url(img/fd_degrade_promo.gif);
background-repeat: repeat-x;
text-align: center;
color: #003366;
}

/* promo */
#promo{
position: relative;
margin: 0 auto 1em auto;
height: 80px;
background: transparent url(img/promo_bg.gif) no-repeat center;
width: 814px;
font-size: 12px;
text-align: left;
font-family: Verdana;
}
#promo .wrapper{
padding: .6em 3em 0 3em;
}
#promo p{
margin: .4em 0 0 0;
padding: 0;
font-size: 11px;
line-height: 1.2em;
}
h2{
display: inline;
margin: 0;
font-size: 13px;
font-family: Verdana;
font-weight: normal;
}
/* fin promo */

#cadre{
position: relative;
z-index: 24;
padding: 0px;
margin-left :auto;
margin-right: auto;
width: 814px;
text-align: left;
}
#center{
border-left: solid 1px #DC8B37;
border-right: solid 1px #DC8B37;
background: #fff;
margin: 0px;
margin-left: 16px;
margin-right: 16px;
text-align: left;
}
#top, #bottom{
background-repeat: no-repeat;
width: 814px;
height: 130px;
text-align: left;
}
#menu{
border-left: solid 1px #DC8B37;
border-right: solid 1px #DC8B37;
background: #fff;
padding: 20px;
margin: 0 16px;
text-align: left;
}
#index #center{
background: transparent;
}
#top{
background: url(img/cadre_top.jpg);
background-repeat: no-repeat;
}
#bottom{
background: url(img/cadre_bottom.gif);
}
#logo{
padding: 50px 0 0 40px;
}
#infos #center, #services #center, #espaces #center, #mentionslegales #center, #contacts #center{
padding-top: 30px;
padding-right: 20px;
padding-left: 20px;
}

/*---------- ELEMENTS TO HIDE ----------*/


/*------------------------------------------------------------------------
as much as possible...
first redefine HTML elements, then define the other elements
Use CONTAINER as common declaration for the others
-------------------------------------------------------------------------*/
img{
border: 0;
vertical-align: middle;
}
p{
font: normal 14px/18px Arial, Verdana, sans-serif;
text-align: justify;
margin: 0px;
padding-bottom: 10px;
}
ul{
margin: 0;
padding: 0;
}
li{
font: normal 14px Arial, Verdana, sans-serif;
color: #003366;
text-align: justify;
margin: 0;
padding: 2px 0;
list-style-type: none;
}
#services ul{
margin: 20px;
padding: 10px;
}
#services li{
font: normal 14px Arial, Verdana, sans-serif;
color: #003366;
text-align: justify;
margin: auto;
padding: auto;
list-style-type: circle;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
acronym{
cursor: pointer;
cursor: help;
border-bottom: dotted 1px #ddd;
}
label{
display: block;
margin: 10px 0;
}

/*---------- CONTAINER ----------*/
.left{
float: left;
}
.right{
float: right;
}
.clear{
clear: both;
}

p.note{
font: normal 10px Verdana, Arial, sans-serif;
color: #999999;
}
p.infos{
font: bold 13px Verdana, Arial, sans-serif;
color: #DC8B37;
margin: 25 0 15px 0;
}
.titre{
margin: 25px 0;
color: #01548E;
font: bold 18px Verdana, Arial, sans-serif;
}
.sstitre{
padding-top: 25px;
padding-bottom: 5px;
color: #01548E;
font: bold 16px Verdana, Arial, sans-serif;
}
.top{
font: normal 10px Verdana, Arial, sans-serif;
color: #DC8B37;
}

/*---------- MENU ----------*/
#menu .elt{
float: left;
width: 165px;
}
#menu .elt a{
font: bold 12px Verdana, Arial, sans-serif; 
color: #DC8B37;
text-decoration: none;
}
#menu .elt img{
vertical-align: middle;
}

/*---------- BOTTOM ----------*/
#bottom{
text-align: center;
}
#bottom a{
font: normal 10px Verdana, Arial, sans-serif;
color: #DC8B37;
}
#bottom .separateur{
display: inline;
font: normal 8px Verdana, Arial, sans-serif;
color: #DC8B37;
margin-right: 15px;
margin-left: 15px;
}
#bottom #index{
padding-top: 75px;
}

/* index */
#index #cadre{
background: url(img/accueil_cadre.jpg);
background-repeat: no-repeat;
height: 539px;
}
#index #menu{
display: none;
}
#index #bloc1{
margin-top: 20px;
margin-left: 40px;
width: 650px;
}
#index #bloc1 h1{
font: bold 18px Verdana, Arial, sans-serif;
color: #003366;
}
#index #bloc2{
margin-left: 40px;
width: 600px;
}

#index_menu{
margin: 20px 0 15px 40px;
height: 80px;
}
#index .item{
float: left;
width: 165px;
}
#index .item a{
font: bold 16px Verdana, Arial, sans-serif; 
color: #F79E3E;
text-decoration: none;
}

/* Infos pratiques */
#acces{
font: bold 16px Verdana, Arial, sans-serif;
float: right;
margin: 20px;
color: #003366;
width: 400px;
text-align: right;
}
#acces #uic{
text-align: center;
font: bold 14px Verdana, Arial, sans-serif;
padding-bottom: 10px;
}
#acces #left{
font: bold 12px Verdana, Arial, sans-serif;
float: left;
width: 50%;
text-align: left;
}
#acces #right{
font: bold 10px Verdana, Arial, sans-serif;
float: left;
width: 50%;
text-align: right;
}

/* Contacts */
.contact{
width: 330px;
margin: 16px;
float: left;
text-align: center;
}
.contact .nom{
font: bold 14px Arial, Verdana, sans-serif;
color: #003366;
margin-bottom: 15px;
}
.contact .tel{
font: normal 12px Verdana, Arial, sans-serif;
color: #003366;
margin-bottom: 5px;
}
.contact .email a{
font: normal 12px Verdana, Arial, sans-serif;
color: #003366;
}

/* Les espaces */
.espace{
border-bottom: dotted 3px #DDDDDD;
}
.data{
width: 360px;
margin-top: 15px;
}
.data .ligne div{
display: block;
width: 53px;
height: 100%;
float: left;
padding-top: 3px;
padding-right: 3px;
font: bold 10px Verdana, Tahoma, sans-serif;
border: solid 1px #CCCCCC;
border-right: none;
text-align: right;
}
.data div.large{
width: 75px;
}
.data div.treslarge{
width: 220px;
font-size: 120%;
}
.data div.fin{
border: none;
width: 5px;
border-left: solid 1px #CCCCCC;
}
.data .ligne{
padding: 0px;
}
.data #ligne1{
height: 45px;
}
.data #ligne1 div{
border-bottom: none;
font: normal 10px Arial, Verdana, sans-serif;
color: #000000;
}
.data #ligne2{
height: 25px;
}
.inclus, .inclus li{
font: normal 10px Arial, Verdana, sans-serif;
}
.inclus label{
font: bold 10px Verdana, Arial, sans-serif;
}
.options{
margin-right: 20px;
margin-top: 20px;
text-align: center;
}
.minivignettes{
text-align: center;
width: 110px;
}
a.photo{
display: block;
}
a.photo img{
border: solid 1px #CCCCCC;
}
.downloadphoto{
margin-top: 3px;
width: 220px;
}
.minivignettes .downloadphoto{
margin-top: 1px;
margin-bottom: 2px;
width: 70px;
}
.downloadphoto a{
display: block;
float: left;
width: 50%;
text-align: center;
font: bold 10px Verdana, Arial, sans-serif;
color: #DC8B37;
text-decoration: none;
}
.salle{
margin-top: 20px;
border-bottom: dotted 3px #DDDDDD;
}
.salle .photo{
width: 320px;
text-align: right;
}

.elt{
float: left;
width: 165px;
}
ul#ancres{
padding: 0 20px;
margin: 0 0 15px 50px;
width: 350px;
}
ul#ancres li{
list-style-image: url('img/ancre_picto.gif');
margin: 5px 0;
}
ul#pdf{
width: 500px;
}
ul#pdf li{
padding: 2px;
margin: 15px;
}
#ancres li a, #pdf li a{
font-size: 16px;
font-weight: bold;
color: #336699;
vertical-align: top;
margin: 0 10px;
}
#pdf li a{
font-size: 12px;
font-weight: normal;
color: #336699;
vertical-align: top;
margin: 5px 10px;
}
#pdf li img{
margin: 0 10px;
}

/* Mentions legales */
#mentionslegales p, #mentionslegales li{
font-size: 12px;
}
.interpoint{
font: bold 12px Verdana, Arial, sans-serif;
color: #DC8B37;
padding-top: 25px;
padding-bottom: 15px;
}