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

body{font-family:Arial, 'Lucida Sans', 'Bitstream Vera Sans', Helvetica, sans-serif;font-size:0.75em;color:#4B515A;background:#FFF url(bg-body.jpg) center;padding-top:30px;text-align:center; /* alignement centré pour ie 5 et ie 5.5 */}

.clear{clear:both;visibility:hidden;}

#page{width:750px;margin:0 auto;}

/*######################## ACCESSIBILITE ####################### */ 
#access{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}


/*######################## MENU ####################### */ 
#menu{float:left;width:208px;height:303px;background:transparent url(bg-menu-top.gif) no-repeat top left;padding:3px 0;}

#menu ul{width:208px;list-style:none;background:transparent url(bg-menu-ul.gif) repeat-y top left;}
#menu li{padding:1px 3px 2px 3px;}
#menu li#menu4{height:59px;background:transparent url(bg-menu-bas.gif) no-repeat bottom left;}
#menu li a span{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}
#menu li a{display:block;width:202px;height:57px;}
#menu li#menu1 a{background:transparent url(item-accueil.gif) no-repeat top left;}
#menu li#menu2 a{background:transparent url(item-presentation.gif) no-repeat top left;}
#menu li#menu3 a{background:transparent url(item-activites.gif) no-repeat top left;}
#menu li#menu9 a{background:transparent url(item-rea.gif) no-repeat top left;}
#menu li#menu4 a{background:transparent url(item-contact.gif) no-repeat top left;}
#menu li#menu1 a:hover, #menu li#menu2 a:hover, #menu li#menu3 a:hover, #menu li#menu4 a:hover, #menu li#menu9 a:hover{background-position:-202px 0;}

/*######################## LOGO ET BANNIERE ####################### */ 
#logo{float:right;width:534px;height:118px;background:transparent url(bg-logo.gif) no-repeat top left;padding-top:4px;}
#logo h1{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

#banniere{float:right;width:534px;height:173px;background:transparent url(bg-banniere.gif) no-repeat top left;padding-top:3px;margin-top:6px;}

/*######################## CONTENU BLOCS ####################### */ 
#contenu{width:750px;clear:both;padding:8px 0 0 0;background:transparent url(bg-contenu-top.gif) no-repeat top left;}
#activites #contenu2, #contact #contenu2, #rea #contenu2{width:750px;background:transparent url(bg-contenu-centre-large.gif) repeat-y top left;}
#index #contenu2, #presentation #contenu2{width:750px;background:transparent url(bg-contenu-centre-small.gif) repeat-y top left;}

#ss-menu{float:left;display:inline;width:202px;margin:0 0 0 8px;text-align:left;}

#textelarge{width:515px;margin-left:218px;text-align:left;}
#texte1{float:left;width:258px;margin-left:8px;text-align:left;}
#texte2{width:258px;margin-left:484px;text-align:left;}

#contenu #textelarge #col1{float:left;width:258px;} /* colonne gauche des activités */
#contenu #textelarge #col2{margin-left:266px;width:258px;} /* colonne droite des activités */

#textelarge .champ{margin:0 0 7px 15px;}
#textelarge .champ label{display:block;width:120px;background-color:#FFF;float:left;padding:3px 8px 3px 10px;text-align:right;font-size:0.9em;}
#textelarge .champ input, #textelarge .champ textarea{background-color:#FFF;border:1px solid #C8C8C8;padding:1px;font-family:Arial, 'Lucida Sans', 'Bitstream Vera Sans', Helvetica, sans-serif;color:#4B515A;font-size:1em;}
#textelarge .button {text-align:center;}
#textelarge #saveForm{background-color:#FFF;color:#4B515A;padding:3px;margin:5px auto;border:1px solid #C8C8C8;}
#textelarge .form-error{border:2px solid #C97034;margin:5px 20px;}

#textelarge .managepicturecontainer input, #textelarge .managepicturecontainer textarea{border:1px solid #CCC;}
/*######################## TEXTES ####################### */ 
h2{height:23px;color:#003366;text-transform:uppercase;font-size:1em;font-weight:bold;text-align:left;padding:9px 0 0 15px;margin-bottom:15px;}
#ss-menu h2{width:187px;background:transparent url(bg-h2-ssmenu.gif) no-repeat top left;}
#textelarge h2{width:509px;background:transparent url(bg-h2-textelarge.gif) no-repeat top left;}
#textelarge h2 span.ss-galerie{color:#C9703A;background:transparent url(fleche-bleue.gif) no-repeat left center;padding-left:19px;margin-left:4px;}
#texte1 h2, #texte2 h2{width:243px;background:transparent url(bg-h2-textesmall.gif) no-repeat top left;}

h3{font-size:0.9em;color:#4B6FA9;font-weight:normal;margin:10px 0 0 15px;}
#ss-menu h3 span.date{color:#C97034;}

#contenu p, #contenu ol, #contenu ul, #contenu dl, #contenu address{font-size:0.9em;line-height:1.5;list-style:none;margin:0 15px 10px 15px;}
#contenu ul ul, #contenu ol ol{font-size:inherit;}

#contenu #textelarge p, #contenu #texte1 p, #contenu #texte2 p, #contenu #textelarge ul, #contenu #texte1 ul, #contenu #texte2 ul, #contenu #textelarge ol, #contenu #texte1 ol, #contenu #texte2 ol{}
#contenu p.avecpuces{padding-left:10px;background:transparent url(puce-fleche-orange.gif) no-repeat 0 6px;}

#contenu ol.liste-activites{color:#C97034;text-transform:uppercase;font-weight:bold;font-size:0.9em;margin-bottom:0;}
#contenu ol.liste-activites li{padding:0 0 5px 15px;}
#contenu ol.liste-activites .simple1{background:transparent url(simple1.gif) no-repeat 0 0;}
#contenu ol.liste-activites .simple2{background:transparent url(simple2.gif) no-repeat 0 0;}
#contenu ol.liste-activites .simple3{background:transparent url(simple3.gif) no-repeat 0 0;}
#contenu ol.liste-activites .simple4{background:transparent url(simple4.gif) no-repeat 0 0;}
#contenu ol.liste-activites .simple5{background:transparent url(simple5.gif) no-repeat 0 0;}
#contenu ol.liste-activites .simple6{background:transparent url(simple6.gif) no-repeat 0 0;}
#contenu ol.liste-activites .simple7{background:transparent url(simple7.gif) no-repeat 0 0;}
#contenu ol.liste-activites .simple8{background:transparent url(simple8.gif) no-repeat 0 0;}
#contenu ol.liste-activites .simple9{background:transparent url(simple9.gif) no-repeat 0 0;}

#contenu #textelarge dl{padding:0 0 0 30px;}
#contenu #textelarge dt{color:#C97034;text-transform:uppercase;font-weight:bold;font-size:1em;}

#contenu #textelarge .liste-galeries{float:left;width:195px;}
#contenu #textelarge .liste-galeries li{padding:0 0 33px 30px;text-transform:uppercase;font-weight:bold;}

#contenu #textelarge .complexe1{background:transparent url(complexe1.jpg) no-repeat top left;}
#contenu #textelarge .complexe2{background:transparent url(complexe2.jpg) no-repeat top left;}
#contenu #textelarge .complexe3{background:transparent url(complexe3.jpg) no-repeat top left;}
#contenu #textelarge .complexe4{background:transparent url(complexe4.jpg) no-repeat top left;}
#contenu #textelarge .complexe5{background:transparent url(complexe5.jpg) no-repeat top left;}
#contenu #textelarge .complexe6{background:transparent url(complexe6.jpg) no-repeat top left;}
#contenu #textelarge .complexe7{background:transparent url(complexe7.jpg) no-repeat top left;}
#contenu #textelarge .complexe8{background:transparent url(complexe8.jpg) no-repeat top left;}
#contenu #textelarge .complexe9{background:transparent url(complexe9.jpg) no-repeat top left;}
#contenu #textelarge .complexe10{background:transparent url(complexe10.jpg) no-repeat top left;}

#contenu #texte2 ul.cap{text-align:center;}
#contenu #texte2 ul.cap li{margin-bottom:10px;}
#contenu #texte2 ul.cap li img{border:1px #C8C8C8 solid;}

#contenu strong{font-weight:normal;color:#C97034;}

/*######################## LIENS ####################### */ 
#contenu a{color:#C97034;text-decoration:none;border-bottom:1px dotted #C97034;}
#contenu a:hover{border-bottom:1px solid #C97034;}

#contenu #ss-menu .liste-activites li a, #contenu #textelarge .liste-galeries li a{border:none;}
#contenu #ss-menu .liste-activites li a{display:block;height:20px;width:145px;}
#contenu #ss-menu .liste-activites li.active a, #contenu #ss-menu .liste-activites li a:hover{background:transparent url(fleche-bleue.gif) no-repeat 100% 3px;padding-right:17px;}

/*######################## IMAGES ####################### */ 
#ss-menu .illus{margin:10px 0;text-align:center;}

/*######################## FOOTER ####################### */ 
#footer{width:750px;clear:both;padding-top:25px;font-size:0.85em;letter-spacing:1px;}
#activites #footer,#activites #footer, #contact #footer{background:transparent url(bg-contenu-bas-large.gif) no-repeat top left;}
#index #footer, #presentation #footer{background:transparent url(bg-contenu-bas-small.gif) no-repeat top left;}

#footer div{margin-bottom:3px;}

#footer a{color:#4B515A;border-bottom:1px dotted #4B515A;text-decoration:none;}
#footer a:hover{border-bottom:1px solid #4B515A;}