
h3.titreperso, 
h2.titreperso, 
h1.titreperso,
.orga_nom,
.orga_nom_sg {
	color: #87000b;
}

h3.actu, 
h2.actu,
div.default_link a,
h3#section_actus,
h2#section_actus,
div.bloc_titre,
div.actu div.bloc_titre a,
div.actulink div.bloc_titre a,
div.actu div.htmlarea_content p.htmlarea_titre,
div.actu div.htmlarea_content p.htmlarea_sous_titre,
div#actu_nom_suiv a,
div#actu_nom_prec a,
div.actu div.htmlarea_content h1,
div.actu div.htmlarea_content h2 {
	color: #FFF8DC;
}

h3#section_events,
h3.events,
h3#anciensevents,
h2#section_events,
h2.events,
h2#anciensevents,
p.titre_event,
div.bloc_headerlink span.title a,
div.bloc_header span.title a,
div.bloc_header span.title,
div.event div.htmlarea_content p.htmlarea_titre,
div.event div.htmlarea_content p.htmlarea_sous_titre,
div.event div.bloc_header span.title,
div.event div.bloc_headerlink span.title a,
div.eventlink div.bloc_header span.title,
div.eventlink div.bloc_headerlink span.title a,
div.event div.htmlarea_content h1,
div.event div.htmlarea_content h2 {
	color: #d7106b;
}

div.perso div.htmlarea_content p.htmlarea_titre,
div.perso div.htmlarea_content p.htmlarea_sous_titre {
	color: #C80000;
}

.calendar tbody td.evenement,
.calendar tbody td.selected {
	background: #d7106b;
}

div#header_aiw {
	background-color: #87000b;;
}

form#formlogin fieldset legend {
	color: #c80000;
}

form#formlogin fieldset label.login,
form#formlogin fieldset h3,
form#formlogin fieldset label.change,
div.oublititre {
	color: #c80000;
}

form#connect {
	background-color:#c80000;
}

form#connect fieldset legend,
form#connect fieldset label {
	color: #c80000;
}

div#header_club h1,
div#header_club h1#titre_nom_club,
div#header_club p,div#header_club p.title_club{ 
	color: #ffffff;
}

.colorcat_multi{
	background-color: #869EA3;background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	padding: 0px 4px;
	font-size: 10px;
}


div#innerMain {
	background :#87000b url(/data/bkg/pix_570_ffffff.png) 205px 0 repeat-y ;
}

div#html_footer {
	background-color :#87000b;
}
dl.testttt dt a {	
	color: #DC143C; 
	background-color: #eff2da;
}

div#header_cadre{width : 980px;}
div#container{width : 981px;}

div#demonstration,div#aiw_bande ul li.thelink a{color: #3F3F3F; }
.calendar thead .title,.calendar .button{background-color:#c80000;color: #ffffff;}
div.lecteur_rss  div.thetitle, .entetemeteo{background-color:#c80000;}
div.lecteur_rss  div.thetitle p, table.meteo td.entetemeteo{color: #ffffff;}
body{background-color: #87000b; background-image: url(/offres/file_inline_src/413/413_CSS2_115246.jpg); background-repeat: no-repeat; background-attachement: scroll; background-position: 50% 0; }
div#header_club p.title_club,div#header_club h1#titre_nom_club{display:none;}
div#header_club p.description_club{display:none;}

#surveyas div.search_autocomplete ul{
list-style-type: none;
margin: 0px;
padding: 0px;
max-height: 20em;
overflow: auto;
float:none;
}
#surveyas div.search_autocomplete ul li.selected{
background-color: #019393; 
color:#fff;
}
#surveyas div.autocomplete ul li.selected a{
color:#fff;
}
#surveyas div.autocomplete ul li {
list-style-type:none;
display: block;
margin: 0;
padding: 2px;
cursor: pointer;
text-align:left;
}
#surveyas div.autocomplete ul li a{
text-align:left;
font-weight:normal;
color:#000;
}
div#header_club {
	width:959px;
}

div#boutique,
div#recherche,
div.perso,
div.actu,
div.event {}

div.htmlarea_content table, 
div.htmlarea_content table tbody,
div.htmlarea_content table tbody tr,
div.htmlarea_content table tbody tr td {
border: none;border-color:#ffffff;}

div.htmlarea_content {
	font-size: 11px;
	font-family:Verdana, sans-serif;
	color: #3F3F3F;
}

div.htmlarea_content h1{font-size: 18px;padding:0px 10px 5px 10px;font-family:Verdana, sans-serif;color: #d7106b;} 
div.htmlarea_content h2{font-size: 16px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #FF69B4;} 
div.htmlarea_content h3{font-size: 14px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #696969;}
div.htmlarea_content h4{font-size: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #A9A9A9;} 
div.htmlarea_content h5{font-size: 10px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #696969;} 
div.htmlarea_content h6{font-size: 10px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #D3D3D3;} 
div.htmlarea_content address{font-size: 9px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #C0C0C0;} 
div.htmlarea_content p{font-size: 11px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #3F3F3F;}
div#boutique p,div#recherche p{font-size: 11px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #3F3F3F;margin-bottom:5px;}
table#tablo_boutique,table#tablo_boutique_vignettes,table.tablo_nav{color: #3F3F3F;}

div#accueil_content,div.htmlarea_content,h1.titreperso,h2.titreperso,h2#section_actus,div.actu,div.actulink,h2#section_events,div.event,div.eventlink,div#boutique,div#recherche{background-color:#ffffff;}
h1.titreperso,h2.titreperso,h2#section_actus,h2#section_events{font-size : px;}
div#recherche a,div#boutique a,div.htmlarea_content a{color:#551A8B;}
div#recherche a:hover,div#boutique a:hover,div.htmlarea_content a:hover,div#recherche a:visited:hover,div#boutique a:visited:hover,div.htmlarea_content a:visited:hover{color:#d34686;}
div#recherche a:visited,div#boutique a:visited,div.htmlarea_content a:visited{color:#551A8B;}
div.htmlarea_content img {position:relative;padding:5px;max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 510) );}
div.htmlarea_content p img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h1 img {max-width:-20px;max-width: expression( Math.min(parseInt(this.offsetWidth), -20) );}
div.htmlarea_content h2 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h3 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h4 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h5 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h6 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content address img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
#header_aiw {
    height: 135px;
}

/****************/
/*Gestion des bloc flux RSS (colonne de droite)*/
/****************/

div.lecteur_rss{
background:#87000b ;
border:none;
padding-bottom:10px;
}

div.lecteur_rss div.someclass,
div.lecteur_rss div.someclass div{
background:none;
}

div.lecteur_rss div.someclass{
height:50px;
margin-top:10px;
}

div.lecteur_rss div.someclass div.innerDiv{
padding:10px;
}

div.lecteur_rss div.thetitle{
background:#87000b ;
border:none;
}

div.lecteur_rss div.thetitle p{
padding:11px 0 0 0;
margin:0;
font-weight:normal;
font-size:12px;
}

div.lecteur_rss ul{
background:none;
border:none;
padding:10px 0 0 0;
}

div.lecteur_rss ul li{
background:none;
border:none;
padding:5px 10px;
}

div.lecteur_rss a{
color:#000000;
}

div.lecteur_rss a:hover{
color:#FFFFFF;
}

/********************
Titre
*******************/

h2.titreperso, h1.titreperso {
text-align:right;
font-size:16px;
text-transform: uppercase;
padding-right:10px;
}

a#space_home{
display:block;
height:355px;
}

a#space_home2{
display:block;
height:45px;
}

div#maa_1675 {
padding-left:20px;
border:none;
}

div#maa_1675 dl {
height:14px;
padding-bottom:10px;
font-size:12px;
border:none;
}

div#maa_1675,
div#maa_1675 dl dt a,
div#maa_1675 dl dt a:hover,
div#maa_1675 dl dt a.menu_selected,
div#maa_1675 dl dt a.menu_selected:hover{
background:transparent;
background-color:none;
border:none;
/*width:300px;*/
}

div#container,
div#innerMain,
div#header_aiw,
div#header_cadre,
div.nodata,
.calendar thead .title, 
.calendar .button,
div.calendar tbody,
div.calendar thead div.title, div.calendar div.button,
div.calendar table,
div#aiw_footer,
div#accueil_content, 
div#accueil_content div.perso, 
div.htmlarea_content, 
h1.titreperso, 
h2.titreperso, 
h2#section_actus, 
div.actu, 
div.actulink, 
h2#section_events, 
div.event, 
div.eventlink, 
div#boutique, 
div#recherche {
background-color:transparent;
background:transparent;
background-color:none;
background:none;
border:none;
}

div#menu_appli_arno dt a, 
div#menu_appli_arno dt span .nolink, 
div.menu_appli_arno,
div#maa_1675,
div#maa_1675 dl dt a, 
div#maa_1675 dl dt a:hover, 
div#maa_1675 dl dt a.menu_selected, 
div#maa_1675 dl dt a.menu_selected:hover{
background: none;
border:none;
/*text-indent:-4px;*/
font-weight:lighter; 
font-size:12px;
text-transform: uppercase;
/*width:300px;*/
}

div#menu_appli_nosh dt a, 
div#menu_appli_nosh dt span.nolink, 
div.menu_appli_nosh dt a, 
div.menu_appli_nosh dt span.nolink  {
background: none;
border:none;
/*text-indent:-4px;*/
font-weight:lighter; 
font-size:12px;
text-transform: uppercase;
/*width:300px;*/
}


div#header_aiw div.spacer,
div#header_club{
display:none;
}

div#menu_appli_nosh,
div.menu_appli_nosh {
width:374px;
*width:340px;
}

div#header_cadre{
width:981px;
}

div#aiw_bande{
float:right;
width:200px;
}

div#calendar,
div#html_6567{
float:right;
}

div#html_6567{
margin-top:50px;
}


/****************/
/*Gestion des bloc central*/
/****************/

div#container{
width:981px;
}

div#accueil_content{
background: url('/offres/doc_inline_src/413/bas.png') bottom left no-repeat;
padding-bottom:40px;
padding-top:10px;
}

div#accueil_content div.perso,
div#accueil_content div.actulink,
div#accueil_content div.actu{
border : 2px solid #ffffff;
border-top:0px;
background:#ffffff;
border-bottom:0px;
margin:0;
/*width:546px;*/
}

div#accueil_content h1.titreperso, div#accueil_content h2.titreperso {
padding:10px 0 17px 11px;
font-weight:bold;
font-size:12px;
background:url('/offres/doc_inline_src/413/haut.png') top left no-repeat;
border:none;
margin:0;
/*width:540px;*/
}

div#z9{
background-color:#ffffff;
}

/**************************/
/*Dormir près de saint-valentin*/
/************************/

div#html_12440{
color:#fff;
text-align:left;
font-size:11px;
}


/*** Menu classique ***/

  .flexnav {
        list-style: none;
        margin: 0 0 0 17px;
        padding: 0 8px 0 0;
        text-align: left;
        height: 360px;
  }

      .flexnav li {
          position: relative;
          width: auto !important;
          z-index: 1000;
      }

      .flexnav li:hover > a,
      .flexnav li:hover > span {

      }

          .flexnav li a,
          .flexnav li > span.label {
				position: relative;
				display: block;
				z-index: 2;
				text-decoration: none;
				padding: 5px 0;
				transition: all 0.3s ease 0s;
				cursor: pointer;
				font-size: 14px;
				text-transform: uppercase;
				color: #d7106b;
				border-bottom: 1px dotted #d7106b;
          }

          .flexnav li a:hover,
          .flexnav li > span.label:hover {

          }

              .flexnav li > ul {
                position: absolute;
				top: 0;
				right: -310px;
				width: 310px;
                background: #f2f2f2;
				margin: 0;
				padding: 0;
              }

              .flexnav li > ul > li {
                  z-index: 5;
                  display: block;
                  float: none;
                  width: 100% !important;
              }

              .flexnav li > ul > li:hover {
                  transition: all 0.3s ease 0s;
              }

              .flexnav ul > li:hover > ul {
                  display: block !important;
              }

              .flexnav li > ul > li > a {
                    text-transform: none;
                    padding: 0 10px;
                    margin: 0;
                    line-height: 36px;
                    font-size: 14px;
                    white-space: nowrap;
              }

              .flexnav li > ul > li > a:hover {

                }

.touch-button {
    top: 8px;
    position: absolute;
    right: 0;
    transform: rotate(-90deg);
    color: #d7106b;
}

  .menu-button {
      display: none;
  }