body      	   { background-color: #2972a5; margin: 0px 0 10px; padding: 0; border: 0 }
#conteneur	 { font-family: "Lucida Grande", Verdana, Lucida, serif; background: white url(../im/conteneur.jpg) repeat-y; margin: auto; width: 960px }
#tete   		  { background: url(../im/tete.jpg) no-repeat; position: relative; width: 960px; height: 145px }
#navig     { position: relative; top: 24px; height: 121px; overflow: hidden }
#corp				 { width: 960px }
#pied    		    { color: #c0c0c0; font-size: 12px; background-image: url(../im/pied.jpg); text-align: center; clear: none; width: 960px; height: 43px }
#sousmenu    { color: #c0c0c0; font-size: 12px; background-image: url(../im/sousmenu.gif); text-align: center; clear: none; padding-top: 6px; width: 960px; height: 26px }


#sousmenu .lien, .liensS  { margin-right: 10px; margin-left: 10px }
#sousmenu a     { color: white; text-decoration: none; padding: 2px 1px }
 .lien a, .lien a:visited     { color: #6781eb; text-decoration: none; padding: 2px 4px }
#sousmenu .lien a:hover { color: white; text-decoration: none; border-bottom: 1px solid white }
#sousmenu .lienS a, .lienS a:visited      { color: white; text-decoration: none; background-color: #ca232b; padding: 2px 1px }
#sousmenu .lienS a:hover  { border-bottom: 1px solid white }


#colDroite   { float: left; width: 120px; height: auto }
#colDroite #pub3   { background: url(../im/band-1.gif) no-repeat 14px 0px; text-indent: -3200px; width: 99px; height: 400px; overflow: hidden; display: block }

#colGauche     { float: left; padding-left: 24px; width: 149px; height: auto }

#colGauche #pub1, #colGauche #pub2, #colGauche #pub2-b,, #colGauche base-imanis
-b  { margin-bottom: 10px; width: 135px; height: 195px; display: block }

#nav1, #nav2, #nav3, #nav4, #nav5, #nav1s, #nav2s, #nav3s, #nav4s, #nav5s , #nav6s    {  float: left; width: 125px; height: 120px }
#nav1 a, #nav1s a  { background-image: url(../im/btDecouvrez.jpg) }
#nav2 a, #nav2s a { background-image: url(../im/btMissions.jpg) }
#nav3 a, #nav3s a  { background-image: url(../im/btEvenements.jpg) }
#nav4 a, #nav4s a { background-image: url(../im/btPartenaires.jpg) }
#nav5 a, #nav5s a  { background-image: url(../im/btContacter.jpg) }
#nav6 a, #nav6s a  { background-image: url(../im/btAutre.jpg) }


#nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a { width: 125px; height: 120px; display: block; text-indent: -3000px; filter:alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70 }

#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover, #nav6 a:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity: 1 }

#nav1s a, #nav2s a, #nav3s a, #nav4s a, #nav5s a, #nav6s a  { background-position: 0 -120px; width: 125px; height: 120px; display: block; text-indent: -3000px }


#colGauche #pub1 a   { background: url(../im/btGauche1.jpg) no-repeat; text-indent: -3200px; width: 135px; height: 205px; overflow: hidden; display: block }
#colGauche #pub1 a:hover   { background: url(../im/btGauche1.jpg) no-repeat -135px 0px }

#colGauche #pub2 a  { background-image: url(../im/btGauche2.jpg); text-indent: -3200px; width: 135px; height: 195px; overflow: hidden; display: block }
#colGauche #pub2 a:hover  { background-position: 135px 0px }


#colGauche #pub1-b a  { background: url(../im/btGauche1-b.jpg) no-repeat; text-indent: -3200px; width: 135px; height: 227px; overflow: hidden; display: block }
#colGauche #pub1-b a:hover  { background: url(../im/btGauche1-b.jpg) no-repeat -135px 0px }

#colGauche #pub2-b a  { background: url(../im/btGauche2-b.jpg) no-repeat; text-indent: -3200px; width: 135px; height: 227px; overflow: hidden; display: block }
#colGauche #pub2-b a:hover  { background: url(../im/btGauche2-b.jpg) no-repeat -135px 0px }


.btGauche       { text-align: center; margin-left: 3px; padding-top: 4px; padding-bottom: 4px; border-top: 1px none; border-bottom: 1px solid #aaa }
.btGauche a, .btGauche a:visited    { color: #aaa; font-weight: bold; font-size: 11px; text-decoration: none }
.btGauche a:hover    { color: #696969 }

.btGaucheS  { text-align: center; margin-left: 3px; padding-top: 4px; padding-bottom: 4px; border-bottom: 2px solid #000 }
.btGaucheS a, .btn-gauche-s a:visited   { color: #000; font-weight: bold; font-size: 11px; text-decoration: none }
.btGaucheS a:hover { text-decoration: underline }

#contenu              { color: black; font-size: 12px; float: left; margin: 0px; padding: 15px; width: 637px }


#contenu a, #contenu a:visited;#parag a, #contenu parag:visited   { color: #c30080; text-decoration: none; padding-top: 2px; padding-right: 2px; padding-left: 2px; border-bottom: 1px solid #e0ceda }
#contenu a:hover   { color: #ff00a8; text-decoration: none; border-bottom: 1px solid #ca0088 }

#contenu h1      { color: #cf2025; font-weight: bold; 
font-size: 20px; background-repeat: no-repeat; text-align: left; text-transform: uppercase; word-spacing: 2px; letter-spacing: 2px; margin: 0px; padding: 0px }
#contenu h2   { color: black; font-weight: bold; font-size: 12px; text-decoration: none; background-repeat: no-repeat; text-indent: 28px; padding-top: 9px; width: 150px; height: 32px; display: block }


.parag h1      { font-weight: bold; font-size: 14px; letter-spacing: 2px; padding-left: 3px }
.titre   { background-repeat: no-repeat; background-position: left bottom }

.photoGC                     { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 }
.photoG           { font-size: 9px; line-height: 10px; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 0 }
.photoDC                  { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 }
.photoD           { font-size: 9px; line-height: 10px; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 0; border: solid 0 #39546d }

.dates  { color: #ee7900; font-weight: bold; margin-top: 0; padding-top: 0 }

.soustitre      { font-weight: bold; font-size: 14px; margin-top: 0; padding-top: 0; padding-left: 3px }

.tarif  { font-weight: bold; background-color: #eef1af; text-align: center; margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px }

p { margin-top: 0.75em; margin-bottom: 0.75em }

.petit { font-size: 10px; font-family: Tahoma, Arial, sans-serif }

.lightbox        { text-align: center; margin: 5px 0; padding: 0; border-style: solid; border-width: 1px; border-color: #d5d59f #fff #fff #d5d59f }

h3 { font-size: 14px }

.parag  { margin-top: 10px; margin-bottom: 5px }
.parag h4       { color: #ba47a2; font-size: 16px; margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 3px solid #dbc9d5 }
.parag h5       { color: #0064a9; font-size: 14px; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px }

.parag .lien  { padding-bottom: 5px }
parag a { color: #54b4c0; text-decoration: none }

.titreGros    { color: #936700; font-size: 16px; margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #ee7900 }
.titre       { text-align: center; margin-top: 0px; margin-bottom: 10px; padding: 4px; border-bottom: 4px solid #dbc9d5 }

#pied a, #pied a:visited   { color: #c30080; text-decoration: none; padding-top: 2px; padding-right: 2px; padding-left: 2px; border-bottom: 1px solid #e0ceda }
#pied a:hover   { color: #ff00a8; text-decoration: none; border-bottom: 1px solid #ca0088 }
a { color: #c30080 }
.retour-accueil  { text-indent: -2000px; float: left; width: 187px; height: 120px; display: block }
a#espace-pro1, a#espace-pro2, a#espace-pro3   {  text-indent: -2000px !important; float: left; margin-top: 25px; width: 185px; height: 250px; display: block }
a#espace-pro1, a#espace-pro2{ margin-right: 40px; }
a:hover#espace-pro1, a:hover#espace-pro2, a:hover#espace-pro3 { border: 0px }
a#espace-pro1{background: url(../im/encart-espacepro-1.jpg) no-repeat;}
a#espace-pro2{background: url(../im/encart-espacepro-2.jpg) no-repeat;}
a#espace-pro3{background: url(../im/encart-espacepro-3.jpg) no-repeat;}
#titre-espacepro { background-image: url(../im/titre-espace-pro.gif); text-indent: -2000px; width: 637px; height: 32px }
.contenuaccordeon{overflow:hidden;z-index: 1;}
.titreaccordeon { background: url(../im/accordeon-savoirplus.gif) no-repeat right  }