html, *{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  color: #6e6f71;
  background: none;
  font-family: arial;
}
body{
  background: #ebebeb;
}

/* Liens gris */
#header a, .bloc3 a, .bloc7 a, .bloc8_img a, #ssmenu a, .bloc2Right a, .bloc3Right a {
  color: #6e6f71;
}

a {
  color: #DE5F22;
  text-decoration: none;
}
a:link{}
a:visited{}
a:hover{ text-decoration: underline; }
a:active{}
li{list-style-type: none}
#global{
  width: 100%;
  height: 100%;
}
#main, #header, .center{
  width: 980px;
  padding: 0 2px 0 2px;
  background: url(../images/bg_main.gif);
  margin: auto;
}
#header, .center{ background: none; }
#header{ height: 91px; vertical-align: bottom; }

#header #menutop{
  margin-top: 70px;
  margin-right: 20px;
  float: right;
}

#menu{
  width: 100%;
  background: url(../images/bg_menu.gif);
  background-repeat: repeat-x;
}
#menu ul{
  height: 38px;
}
#menu li{
  float: left;
  height: 31px;
  list-style-type: none;
  padding: 7px 10px 0 10px;
  background: url(../images/bg_menu1.png);
  background-repeat: no-repeat;
  background-position: right top;
}
#menu li a{ color: #FFFFFF; font-size: 16px; font-weight: bold;}
#menu li a:hover{ text-decoration: none;}

#menu li:hover{
  background: url(../images/bg_menu1_on.png);
}
#menu li:hover a{
  color: #6e6f71;
}
#menu li:hover div.nav{
  display: block;
}

#menu li div.nav{
  margin: 10px 0 0 -10px;
  padding-right: 6px;
  position: absolute;
  background: url(../images/bgmenu03.png);
  background-repeat: repeat-y;
  background-position: right top;
  display: none;
}
#menu li div.nav div.ombre01{
  background: url(../images/bgmenu01.png);
  background-repeat: repeat-x;
  float: left;
  margin-top: -1px;
  height: 6px;
  width: 100%;  
}
#menu li div.blocnav{
  border: 2px solid #b6b6b5;
  background: #FFFFFF;
  min-height: 100px;
  padding: 5px;
}
#menu li div.blocnav2 {
  border: 2px solid #b6b6b5;
  background: #FFFFFF;
  padding: 5px;
}
#menu li div.nav div.sepa {
  background: url(../images/sepa_menu1.png);
  background-repeat: no-repeat;
  background-position: right center;
  float: left;
  width: 3px;
  min-height: 230px;
  margin: auto;
}
#menu li div.nav div.sepa2 {
  background: url(../images/sepa_menu1.png);
  background-repeat: no-repeat;
  background-position: right 6px;
  float: left;
  width: 3px;
  min-height: 125px;
  margin: auto;
}
#menu li div.nav div.ssnav{
  float: left;
  text-align: center;
  margin: 10px;
}
#menu li div.nav div .ssnav div{
  clear: both;
  width: 100%;
  margin: 10px 0 10px 0;
}
#menu li div.nav div .ssnav div img{
  margin: 5px;
}
#menu li div.nav a{  
  color: #6e6f71;
  font-size: 12px;
}


#menu #rechercher{
  float: right;
  width: 180px;
  margin: 5px 20px 0 0;
}
#rechercher .inputtexte{
  margin: 6px 5px 0 0;
  background: #FFFFFF;
}


#contenu {
  padding: 0 0px 0 6px;
  margin: 0;
}
#contenu hr{
  background: #bfbfbf;
  width: 95%;
  margin: 10px 10px 10px 10px;
  height: 1px;
  clear: both;
}
#contenu div h2{
  min-height: 30px;
  padding: 5px 0 0 10px;
  margin: 0 2px 0 2px;
  font-size: 20px;
  font-weight: normal;
  font-family: times;
  background-position: bottom right;
  background-repeat: repeat-x;
}
.colonne_1, .colonne_2{
  float: left;
  margin: 5px;
}
.colonne_1{
  width: 479px;
}
.colonne_2{
  width: 231px;
}
/*

bloc 1 : fond blanc, titre vert, fond titre dégradé blanc-gris
bloc 2 : fond blanc, titre vert, fond titre vert
bloc 3 : fond blanc, titre blanc, fond titre dégradé gris gris
bloc 4 : fond vert, titre blanc, fond titre vert
bloc 5 : fond blanc, titre gris, fond titre dégradé blanc-gris
bloc 6 : fond blanc, titre vert, fond titre dégradé blanc-gris, texte vert
bloc 7 : fond blanc, titre vert, fond titre blanc
bloc 8 : fond blanc, titre gris, fond titre blanc
bloc 9 : fond gris, titre blanc, fond titre gris
*/


span.date{
  display: block;
  color: #40a61e;
  margin-bottom: 5px;
}


div .bloc1, div .bloc2, div .bloc3, div .bloc4 , div .bloc5 , div .bloc6 , div .bloc7, div .bloc8, div .bloc9{
  width: 100%;
  background: url(../images/bg_bloc1.gif);
  margin: 5px 0 5px 0;
}
div .bloc1 div, div .bloc2 div, div .bloc3 div , div .bloc4 div , div .bloc5 div , div .bloc6 div , div .bloc7 div , div .bloc8 div , div .bloc9 div {
  margin: 5px 10px 5px 10px;
}
div .bloc1 h2, div .bloc2 h2, div .bloc3 h2, div .bloc4 h2, div .bloc5 h2, div .bloc6 h2, div .bloc7 h2, div .bloc8 h2, div .bloc9 h2{
  background: url(../images/bg_bloc1_h1.gif);
  background-repeat: repeat-x;
  background-position: left bottom;  
  color: #3fb717;  
}
div .bloc1 a, div .bloc2 a, div .bloc3 a, div .bloc4 a, div .bloc5 a, div .bloc6 a, div .bloc7 a, div .bloc8 a, div .bloc9 a{
  margin: 5px;
}
h1 img, div .bloc1 h2 img, div .bloc2 h2 img, div .bloc3 h2 img, div .bloc4 h2 img, div .bloc5 h2 img, div .bloc6 h2 img, div .bloc7 h2 img, div .bloc8 h2 img, div .bloc9 h2 img{
  float: right;
  margin: 5px 10px 0 0;
}
div .bloc1 h3{
  font-size: 14px;
  margin: 5px 0 5px 0;
}

div .bloc1 a{
  display: block;
  color: #de5f22;
  float: right;
  margin-top: 10px;
  font-size: 11px;
  text-decoration: underline;
}
div .bloc1 div div{
  width: 235px;
  height: 109px;
  margin-left: 214px;
}
div .bloc1 div img{
  float: left;
}
 /*  */
div .bloc2{
  background: url(../images/bg_bloc2.gif);
}
div .bloc2 div{
  width: 219px;
}
div .bloc2 h2{
  background: url(../images/bg_bloc2_h1.gif);
  color: #FFFFFF;
}
 /*  */
div .bloc3{
  background: url(../images/bg_bloc1.gif);
}
div .bloc3 div{
}
div .bloc3 div a{
  /*display: block;*/
  margin: 5px 0 10px 0;
}
div .bloc3 h2{
  background: url(../images/bg_bloc3_h1.gif);
  color: #FFFFFF;
}
 /*  */
div .bloc4{
  background: url(../images/bg_bloc4.gif);
  background: #40a61e;
  color: #FFFFFF;
}
div .bloc4 div{
  color: #FFFFFF;
}
div .bloc4 a{
  color: #FFFFFF;
}
#contenu div .bloc4 h2{
  background: none;
  margin: 0 10px 0 10px;
  padding-left: 0;
  color: #FFFFFF;
  border-bottom: 2px solid #FFFFFF; 
}

#contenu div .bloc4 h2 img {
  margin: 6px 0 0 0;
}

 /*  */
div .bloc5{
  background: url(../images/bg_bloc4.gif) #ecebeb;
}
div .bloc5 div.bg{
  margin: -5px 0 0px 2px;
  width: 226px;
  background: url(../images/bg_bloc1.jpg) no-repeat scroll left bottom #FFFFFF;
}
div .bloc5.bg1{
  background: url(../images/bg_bloc4.gif) #FFFFFF;
}
div .bloc5 div.evenement{
  font-size: 11px;
  margin: 10px 0 10px 0;
  clear: both;
}
div .bloc5 div.evenement img{
  float: left;
  margin: 0px 0 10px 5px;
}
div .bloc5 a{
  display: block;
  color: #de5f22;
  float: right;
  margin-top: 10px;
  font-size: 11px;
  text-decoration: underline;
}
div .bloc5 div.evenement div {
  margin-left: 80px;
  width: 130px;
}
div .bloc5 h2{
  background: url(../images/bg_bloc5_h1.gif) #FFFFFF;
  color: #575757;
}
div .bloc5 textarea{
  height: 150px;
}
 /*  */
div .bloc6{
  background: url(../images/bg_bloc4.gif) #ecebeb;
}
div .bloc6 div.bg{
  margin: -5px 0 0px 2px;
  width: 226px;
  background: url(../images/bg_bloc1.jpg) no-repeat scroll left bottom #FFFFFF;
}
div .bloc6 div{
  color: #40a61e;
}
div .bloc6 h2{
  background: url(../images/bg_bloc6_h1.gif);
  color: #40a61e;
}
 /*  */
div .bloc7{
  background: url(../images/bg_bloc4.gif) #ecebeb;
}
div .bloc7 div.bg{
  margin: 0px 0 0px 2px;
  width: 226px;
  background: url(../images/bg_bloc1.jpg) no-repeat scroll left bottom #FFFFFF;
}
div .bloc7.bg1{
  background: url(../images/bg_bloc4.gif) #FFFFFF;
}
div .bloc7 div{
}
#contenu div .bloc7 h2{
  background: none;
  margin: 0 10px 5px 10px;
  padding-left: 0;
  color: #40a61e;
  border-bottom: 2px solid #40a61e; 
}
#contenu div .bloc7 div img{
  margin: 6px 0 10px 0;
}
#site_mois{
  color: #40a61e;
  text-decoration: underline;
  display: block;
  float: right;
  margin: 5px 2px 5px 0;
} 
 /*  */
div .bloc8{
  background: url(../images/bg_bloc4.gif) #ecebeb;
}
div .bloc8 div.bg{
  margin: -5px 0 0px 2px;
  width: 226px;
  background: url(../images/bg_bloc.jpg) no-repeat scroll left bottom #FFFFFF;
}
div .bloc8 div{
  color: #575757;
}
#contenu div .bloc8 h2{
  background: none;
  margin: 5px 10px 0 10px;
  padding-left: 0;
  color: #575757;
  border-bottom: 2px solid #575757; 
}

.bloc8 .bloc8_img {
  text-align: center;
}

.bloc8 .bloc8_link {
  text-align: right;
  margin-bottom: 5px;
}

.bloc8 .bloc8_link a {
  text-decoration: underline;
}

.bloc_image {
  margin-top: 5px;
}

 /*  */
div .bloc9{
  background: #575757;
}
div .bloc9 div{
  color: #FFFFFF;
}
#contenu div .bloc9 h2{
  background: #575757;
  margin: 0 10px 0 10px;
  padding-left: 0;
  color: #FFFFFF;
  border-bottom: 2px solid #FFFFFF; 
}


div .bloc9 div img{
  float: left;
  margin: 10px 10px 10px 0;
}
div .bloc9 div p{
  padding: 5px 0px 0px 0;
  color: #FFFFFF;
  text-align: right;
}
div .bloc9 div strong{
  padding: 5px 0px 0px 0;
  color: #de5f22;
  font-size: 13px;
}
div .bloc9 div a{
  font-style:italic;
  color: #FFFFFF;
  text-decoration: underline;
}

#ssmenu {
  background: url(../images/bg_bloc4.gif) left bottom #FFFFFF;
}
#contenu div#ssmenu *{
  font-family: arial;
}

#contenu div#ssmenu h2{
  font-size: 16px;
  font-weight: bold;
}
#ssmenu div.bg{
  min-height: 150px;
  margin: -5px 0 0px 2px;
  width: 217px;
  background: url(../images/bg_ssmenu.jpg) repeat-x scroll left bottom #FFFFFF;
  padding: 5px;
}
#ssmenu ul{
  margin: 0 10px 0 10px;
}
#ssmenu li{
  list-style-type: none;
  margin-bottom: 5px;
}
#ssmenu li ul{
  display: none;
}
#ssmenu li.selected{
  font-weight: bold;
  padding: 0 0 0 12px;
  background: url(../images/puce01.png) no-repeat scroll left 3px transparent;
}
#ssmenu li.selected ul{
  display: block;
  font-weight: normal;
  margin: 0 0 0 5px;
}

#article, #galerie{  
  margin: 5px 0 0 260px;
  padding: 0px 0 0 0;
  background: url(../images/bg_contenu02.gif) repeat-y scroll left 3px transparent;
  width: 688px;
}
#article #texte, #galerie #texte{  
  min-height: 648px;
  margin: 10px 10px 10px 20px;
  /*text-align: justify;*/
}
#galerie #texte{  
  min-height: 200px;
}
#article #texte h1{  
  font-size: 20px;
  margin: 0px 0px 10px 0px;
}
#article #texte p{
  margin: 10px 0px 10px 0px;
}

#texte h1{  
  font-size: 20px;
  margin: 0px 0px 10px 0px;
}

#texte p{
  margin: 10px;
}

#galerie{
  margin: 5px 15px 0 10px;
  float: right;
}
#galerie h1{
  margin: 0 2px 10px 2px;
  background: url(../images/bg_bloc5_h1.gif) #FFFFFF;
  background-repeat: repeat-x;
  background-position: left bottom;  
  color: #575757;
  min-height: 30px;
  padding: 5px 0 0 10px;
  font-size: 20px;
  font-weight: normal;
  font-family: times;
}
.vignette-galerie{
  margin: 10px;
  float: left;
  text-align: center;
}
#galerie  div.vignette-galerie h2{
  font-family: Arial;
  font-size: 12px;
}
#gallerie-artistes{
  background: url(../images/bg_bloc4.gif);
  background: #40a61e;
  color: #FFFFFF;
  margin: 5px 20px 10px 10px;
  padding: 0 20px 0 20px;
  width: 644px;
  float: left;
}
#gallerie-artistes *{
  color: #FFFFFF;
  font-family: Arial;
}
#gallerie-artistes div{
  margin: 10px;
}
#gallerie-artistes h1{
  background: none;
  margin: 5px -5px 0 -5px;
  padding-left: 0;
  color: #FFFFFF;
  border-bottom: 2px solid #FFFFFF; 
  font-size: 20px;
  font-family: times;
}
#gallerie-artistes h2{
  margin: 0 10px 0 10px;
  color: #FFFFFF;
  font-size: 12px;
}
#gallerie-artistes .vignette-galerie{
  width: 160px;
}
#visuel-solo{
  float: left;
  margin: 0 10px 10px 0;
  max-width: 300px;
  max-height: 150px;
}

.inputimage{margin-top: 5px; display: block;}
.inputtexte, textarea, select{
  margin: 0px 5px 5px 5px; 
  border: 1px solid #bfbfbf;  
  display: block; 
  background: #FFFFFF; 
  border-top: 2px solid #999999;
  border-left: 2px solid #999999;
}

.inputsubmit {
  margin: 5px; 
  border: 1px solid #bfbfbf;  
  background: #FFFFFF;
}

select {
  width: 165px;
}
.right{float: right;}
.left{float: left;}
.txtcenter{text-align: center;}
.clear{clear: both;}
.grand{ width: 710px;}
.petit{ width: 230px;}

#boxNewsletter .inputtexte, #boxContact .inputtexte, #boxContact textarea, #boxConcoursAdd textarea  {
  /*width: 100%;*/
}

#boxContact textarea, #boxConcoursAdd textarea  {
  width: 190px;
}

#boxContact textarea {
  height: 200px;
}

.image_concours {
  float: left;
  margin: 0 10px 10px 0;
}

.form_comment {
  font-style: italic;
  padding-left: 5px;
}

a.fatLink {
  font-weight: bold;
  text-decoration: underline;
}

.footer {
  background-color: #898989;
  padding: 5px 0;
  color: #fff;
}

.footer ul {
  text-align: center;
}

div.footer li {
  display: inline;
  color: #fff;
}

.footer a {
  color: #fff;
}

#bigBox {
  margin: 5px 5px 5px 0;
  padding: 0;
  background: url(../images/bg_contenu02_xl.gif) repeat-y scroll left 3px transparent;
  width: 974px;
}

table#cotisations_table {
  margin: 0 10px;
  width: 952px;
  border-collapse: collapse;
}

#cotisations_table td, #cotisations_table th {
  border:1px solid #898989;
  font-size: 11px;
}

#cotisations_table th {
  background-color: #ebebeb;
}

#cotisations_table td {
  vertical-align: middle;
  text-align: center;
}

#cotisations_table input {
  font-size: 10px;
}

table.fiche_equipage {
  width: 500px;
  margin: 0 auto;
}

.fiche_equipage td {
  vertical-align: top;
  padding: 5px 0;
}

.fiche_equipage a {
  text-decoration: underline;
}

#headerBox {
  width: 100%;
  height: 282px;
}

.red {
  color: #f00;
}

a.orange {
  color: #DE5F22;
  text-decoration: underline;
}

a.orange:hover {
  text-decoration: none;
}

.bloc2 div.boutiqueMiniBox {
  width: 125px;
  margin: 0 auto;
  border: 1px solid #dedede;
  text-align: center;
}

div.boutons {
  float: right;
}

#galerie .boutons {
  margin: 6px 6px 0 0;
}

li.month {
  margin-top: 10px;
  font-weight: bold;
  font-size: 14px;
}

td.rowTitre {
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  padding-right: 5px;
}

#boxAddBouton hr{
  background: #bfbfbf;
  width: 95%;
  margin: 10px 10px 10px 10px;
  height: 1px;
  clear: both;
}