html {
font-size:100%;
}

html,body {
margin:0;
padding:0
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.74em;
background-color:#CCC;
color:#000;
text-align:left;
background-image:url(../images/design/bg.jpg);
background-repeat:no-repeat;
background-position:top center;
}

div#cadre-principal {
width:750px;
margin:0 auto;
padding:0 10px 10px 10px;
border:1px solid #DDD;
background-color:#FFF;
}

div.article-documents {
margin-bottom:50px;
}

div#cadre-secondaire {
background-image:url(../images/design/bas.png);
background-position:bottom center;
background-repeat:no-repeat;
}

div#entete {
background-image:url(../images/design/entete.png);
background-repeat:no-repeat;
background-position:top left;
height:295px;
position:relative;
}

div#corps {
padding:1em;
height:300px;
}

html>body div#corps {
height:auto;
min-height:300px;
}

div#piedpage {
margin-top:78px;
color:#FFF;
font-size:0.90em;
padding:0 0 5px 1em;
}

div#piedpage p {
margin:0;
padding:0;
}

div#piedpage a {
color:#FFF;
}

div#partenaires-permanents {
width:750px;
margin:1em auto 1em auto;
}

div#partenaires-permanents p {
text-align:center;
}

div#partenaires-permanents p a {
margin:0 10px;
}

a img {
border:0;
}

p {
margin:0 0 1em 0;
padding:0;
line-height:1.4em;
text-align:justify;
}

strong {
font-weight:bold;
}

a:link {
color:#BA522B;
}

a:visited {
color:#BA522B;
}

a:hover {
color:#000;
}

a:active {
color:#000;
}

a:focus {
color:#000;
}

h1 {
margin:0 0 0.5em 0;
padding:0 0 2px 0;
font-size:2.6em;
color:#3993cf;
font-weight:normal;
border-bottom:1px solid #3993cf;
}

h2 {
margin:0 0 0.5em 0;
padding:0 0 2px 0;
font-size:1.4em;
color:#3993cf;
font-weight:normal;
}

h3 {
margin:0 0 0.5em 0;
padding:0 0 2px 0;
font-size:1.2em;
color:#3993cf;
font-weight:bold;
}

h4 {
margin:0 0 0.5em 0;
padding:0 0 2px 0;
font-size:1.2em;
color:#3993cf;
font-weight:normal;
}

h5 {
margin:0 0 0.5em 0;
padding:0 0 2px 0;
font-size:1.2em;
color:#3993cf;
font-weight:normal;
}

h6 {
margin:0 0 0.5em 0;
padding:0 0 2px 0;
font-size:1.2em;
color:#3993cf;
font-weight:normal;
}

ul {
margin:0 0 1em 0;
padding:0 0 0 2em;
}

ul li {
margin:0 0 0.6em 0;
padding:0 0 0 0.3em;
}

ol {
margin:0 0 1em 0;
padding:0 0 0 2em;
}

ol li {
margin:0 0 0.3em 0;
padding:0;
}

input,select,textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
padding:4px;
}

div#menu {
}

div#menu ul {
text-align:right;
margin: 0;
padding:0;
}

div#menu ul li {
display: inline;
margin:0 0 0 -4px;
padding:0;
}

div#menu ul li a {
}

div#menu ul li a:hover {
}

div#menu ul li#mnuAccueil {
position:absolute;
left:4px;
top:17px;
}

div#menu ul li#mnuLogoFB {
position:absolute;
left:170px;
top:7px;
}

div#menu ul li#mnuCompetitions {
position:absolute;
left:228px;
top:17px;
}

div#menu ul li#mnuPhotos {
position:absolute;
left:342px;
top:17px;
}

div#menu ul li#mnuHistorique {
position:absolute;
left:430px;
top:17px;
}

div#menu ul li#mnuServices {
position:absolute;
left:542px;
top:17px;
}

div#menu ul li#mnuContact {
position:absolute;
left:644px;
top:17px;
}

div#menu ul li#mnuLiensUtiles {
position:absolute;
left:70px;
bottom:6px;
}

div#menu ul li#mnuCommuniques {
position:absolute;
right:413px;
bottom:6px;
}

div#menu ul li#mnuEvenements {
position:absolute;
right:112px;
bottom:6px;
}

div#menu ul li#mnuLangue {
position:absolute;
right:18px;
bottom:6px;
}


body#BodyEN div#menu ul li#mnuLangue {
position:absolute;
right:0px;
bottom:6px;
}

img.accompagnement {
float:left;
margin:0 1em 1em 0;
background-color:#EFF7FF;
padding:3px;
border:1px solid #298CC6;
}

img.accompagnement-pur {
float:left;
margin:0 1em 1em 0;
}

div.diaporama-photos {
text-align:center;
width:625px;
margin:0 auto;
}

div.diaporama-photos p {
text-align:center;
}

div.diaporama-photos img {
margin:0 auto;
padding:3px;
background-color:#FFF;
border:1px solid #666;
}

div.diaporama-miniatures {
text-align:center;
}

div.diaporama-miniatures img {
margin:0 auto;
padding:3px;
background-color:#FFF;
border:1px solid #666;
height:50px;
width:50px;
}

ul.horizontale {
text-align:center;
margin:0 0 1em 0;
padding:1em 0 0 0;
}

ul.horizontale li {
display:inline;
margin:0 1em;
}

div.documents {
background-color:#F2F2F2;
padding:1em 1em 0.5em 1em;
margin:0 0 1em 0;
}

div.documents h3 {
color:#AEAEAE;
}

p.details {
text-align:right;
}

div.colonne {
width:350px;
margin-right:5px;
float:left;
}

div.colonne-grande {
width:420px;
margin-right:10px;
float:left;
}

div.colonne-petite {
width:290px;
float:left;
}

div.clear {
clear:both;
height:0;
font-size:0;
line-height:0;
}

span.date {
font-size:0.85em;
}

div.avertissement {
width:300px;
height:50px;
padding:50px 30px;
margin:150px auto 0 auto;
background-color:#B7B7B7;
border:1px solid #999999;
color:#515151;
font-weight:bold;
}

div.avertissement p {
text-align:center;
}

div#erreur {
background:#fff6bf;
text-align: left;
padding: 5px 20px 5px 20px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
margin:0.5em 0 1em 0;
color:#000;
}

div#erreur h3 {
color:#000;
}

div#erreur ul {
margin:1em 0 1em 1em;
list-style-type:circle;
}

div#erreur p {
padding:0 1em 1em 1em;
border-bottom:1px solid #7D0205;
}

form {
margin:0 0 10px 0;
padding:0;
border:0;
}

form label {
font-weight:bold;
cursor:pointer;
}

fieldset {
border:0;
border-top:2px solid #666;
}

input.bouton {
font-weight:bold;
padding:0.3em;
cursor:pointer;
}

span.discret {
font-size:0.9em;
}

div.seconde {
border-left:1px solid #3993CF;
padding-left:10px;
}

div#album-flash {
text-align:center;
}

div#album-flash ul {
text-align:left;
}

div#partenaires-flash {
text-align:center;
margin-bottom:1em;
}

div.fiche {
margin:0 0 1em 0;
}

div.partenaires div.fiche {
width:225px;
float:left;
margin-right:17px;
text-align:center;
height:140px;
}

div.partenaires div.fiche p {
text-align:center;
}

div#GoogleMapCanvas {
width:100%;
height:400px;
}

div#GoogleMapFiche {
background:#F2EFE9;
padding:10px;
display:none;
}

div#GoogleMapFiche form {
text-align:right;
}

div#GoogleMapInstructions p {
text-align:center;
}

span#flashPlayer {
display: block;
width: 640px;
margin: 0 auto;
}

div.annonce {
border:1px outset red;
padding: 13px 0px 0px 0px;
}


/* Style pour l'affichage des annonces */
.news_style{
display:none;
}