h3.titreperso, 
h2.titreperso, 
h1.titreperso,
.orga_nom,
.orga_nom_sg {
	color: #005daa;
}

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: #005daa;
}

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: #005daa;
}

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

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

div#header_aiw {
	background-color: #005daa;;
}

form#formlogin fieldset legend {
	color: #005daa;
}

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

form#connect {
	background-color:#005daa;
}

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

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 :#ffffff url(/data/bkg/pix_570_ffffff.png) 205px 0 repeat-y ;
}

div#html_footer {
	background-color :#ffffff;
}
dl.testttt dt a {	
	color: #405b81; 
	background-color: #cfdde5;
}

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

div#demonstration,div#aiw_bande ul li.thelink a{color: #005DAA; }
.calendar thead .title,.calendar .button{background-color:#005daa;color: #ffffff;}
div.lecteur_rss  div.thetitle, .entetemeteo{background-color:#005daa;}
div.lecteur_rss  div.thetitle p, table.meteo td.entetemeteo{color: #ffffff;}
body{background-color: #FFFFFF; }
div#header_club p.title_club,div#header_club h1#titre_nom_club{}
div#header_club p.description_club{}

#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#maa_4956 dl dt a,div#maa_4956 dl dt span{color : #005DAA;background-color : #FEBD11;}
				div#maa_4956 dl dt a.menu_selected,div#maa_4956 dl dt span.menu_selected{color : #fbec98;background-color : #FEBD11;}
				div#maa_4956 dl dt a:hover,div#maa_4956 dl dt span:hover,div#maa_4956 dl dt a.menu_selected:hover,div#maa_4956 dl dt span.menu_selected:hover{color : #405b81;background-color : #cfdde5;}
				div#maa_4956 ul li{background-color : #ababab;}
				div#maa_4956 ul li a{color : #005DAA;}
				div#maa_4956 ul li a.menu_selected{color : #fbec98;}
				div#maa_4956 ul li:hover,div#maa_4956 ul li a:hover{background-color : #cfdde5;color : #405b81;}
				div#header_club {
	width:730px;
}

div#boutique,
div#recherche,
div.perso,
div.actu,
div.event {border: none;}

div.htmlarea_content table, 
div.htmlarea_content table tbody,
div.htmlarea_content table tbody tr,
div.htmlarea_content table tbody tr td {
border: 1px solid #cccccc;}

div.htmlarea_content {
	font-size: 14px;
	font-family:Verdana, sans-serif;
	color: #000000;
}

div.htmlarea_content h1{font-size: 24px;padding:0px 10px 5px 10px;font-family:Verdana, sans-serif;color: #005daa;} 
div.htmlarea_content h2{font-size: 18px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #005daa;} 
div.htmlarea_content h3{font-size: 16px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #005daa;}
div.htmlarea_content h4{font-size: 16px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #01b4e7;} 
div.htmlarea_content h5{font-size: 14px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #01b4e7;} 
div.htmlarea_content h6{font-size: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #01b4e7;} 
div.htmlarea_content address{font-size: 10px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #000000;} 
div.htmlarea_content p{font-size: 14px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #000000;}
div#boutique p,div#recherche p{font-size: 14px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #000000;margin-bottom:5px;}
table#tablo_boutique,table#tablo_boutique_vignettes,table.tablo_nav{color: #000000;}

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:#005daa;}
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:#01b4e7;}
div#recherche a:visited,div#boutique a:visited,div.htmlarea_content a:visited{color:#005daa;}
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) );}
/*** NORMALIZE *************************************/
/***************************************************/

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
  font-weight: 600;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/***** RESET STRUCTURE *****************************/
/***************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, b, u, i, center, ol, fieldset, form, label, embed, video {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: baseline;
    line-height: inherit;
}

#container,
#header_aiw,
#z1,
#header_cadre,
#header_club,
#bloc_droite_bandeau,
#z7,
#appli,
#accueil_content,
#menu_appli_nosh,
#html_footer {
    border: medium none;
    margin: 0;
    padding: 0;
    max-width: inherit !important;
    min-width: inherit !important;
}

.pub_sous_rss {
    margin: 0 !important;
    padding: 0 !important;
}

div.perso {
    background: none !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

div.date_modif {
    display: none;
}

.spacer {
    display: none;
}

.clear {
 clear: both;
}

.inline {
  display: inline-block;
  vertical-align: top;
}

.inline_bottom {
  display: inline-block;
    vertical-align: bottom !important;
}

.link {
    color: #005DAA;
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    padding: 2px 4px !important;
}

h1 {
    font-size: 22px !important;
    text-align: left;
    padding: 10px 0px 5px !important;
    font-weight: 600;
    border-bottom: 1px solid #005daa !important;
    margin-bottom: 10px !important;
}

/*** Reset styles prédéfinis ***/

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,
div#html_footer {
    background: none;
}

  div.perso td,
  div.perso th,
  div.htmlarea_content td,
  div.htmlarea_content th {
    border: none;
}

div#header_club h1,
div#header_club h1#titre_nom_club,
div#header_club p,
div#header_club p.title_club {
   /* color: inherit !important;  si activé, passe par dessus l'éditeur */
}

h3.titreperso,
h2.titreperso,
h1.titreperso,
.orga_nom,
.orga_nom_sg {
   /* color: inherit !important;  si activé, passe par dessus l'éditeur */
    font-size: 22px !important;
    text-align: left;
    padding: 10px 0px 5px !important;
    font-weight: 600;
    border-bottom: 1px solid #005daa !important;
    margin-bottom: 10px !important;
}

h2#section_actus,
h2#section_events,
h2#section_contact,
h2#section_fiche,
h2#section_orga,
h2#section_plan {
    background: none !important; 
}

div#ariane {
    margin: 5px 0px 0px !important;
    float: none;
    color: inherit;
}

div#ariane a, div.lecteur_rss a {
    color: inherit;
}

div.date_modif {
    color: inherit;
}

/*** STYLES GENERAUX AIW ***************************/
/***************************************************/

html, body {
    font-family: 'Open sans', sans-serif;
    font-size: 12px;
    letter-spacing: normal !important;
    color: #484242;
}

div.htmlarea_content {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
}

div.htmlarea_content p {
   /* color: inherit !important;  si activé, passe par dessus l'éditeur */
    font-family: inherit;
}

div.htmlarea_content h1,
div.htmlarea_content h2,
div.htmlarea_content h3,
div.htmlarea_content h4,
div.htmlarea_content h5,
div.htmlarea_content h6 {
    font-family: inherit;
}

div.htmlarea_content img {
    max-width: 100% !important;
    height: auto !important;
    padding: 0;
}

input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
textarea,
select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
    color: #484242;
    font-size: 13px;
    font-weight: 400;
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus
{
    border: 1px solid #1f9473;
}

input {
    font-family: inherit !important;
    font-size: 13px !important;
    margin: 0;
    padding: 0;
    width: 150px;
    height: 20px;
}

select {
    font-size: 12px !important;
    height: 20px;
}

textarea {
    font-family: inherit !important;
    font-size: 13px !important;
    height: 100px !important;
    width: 100% !important;
}

input[type=radio],
input[type="checkbox"],
input[type="reset"],
input[type="file"],
input[type=button] {
    height: auto !important;
    width: auto !important;
}

/*** Boutons ***/

input[type=button],
input[type=submit],
a.bouton30, a.bouton50,
a.bouton60, a.bouton75,
a.bouton100, a.bouton125,
a.bouton150, a.bouton200,
a.bouton30 span,
a.bouton50 span,
a.bouton60 span,
a.bouton75 span,
a.bouton100 span,
a.bouton125 span, 
a.bouton150 span,
a.bouton200 span,
a.bouton30 span span,
a.bouton50 span span,
a.bouton60 span span,
a.bouton75 span span,
a.bouton100 span span,
a.bouton125 span span,
a.bouton150 span span,
a.bouton200 span span
 {
    border: none !important;
    width: 100px !important;
    height: 20px !important;
    background: #1f9473;
    color: white;
    font-size: 14px;
}

input[type=button]:hover,
input[type=submit]:hover,
a.bouton30:hover,
a.bouton50:hover,
a.bouton60:hover,
a.bouton75:hover,
a.bouton100:hover,
a.bouton125:hover,
a.bouton150:hover,
a.bouton200:hover,
a.bouton30:hover span,
a.bouton50:hover span,
a.bouton60:hover span,
a.bouton75:hover span,
a.bouton100:hover span,
a.bouton125:hover span,
a.bouton150:hover span,
a.bouton200:hover span,
a.bouton30:hover span span,
a.bouton50:hover span span,
a.bouton60:hover span span,
a.bouton75:hover span span,
a.bouton100:hover span span,
a.bouton125:hover span span,
a.bouton150:hover span span,
a.bouton200:hover span span {
    border: none !important;
    width: 100px !important;
    height: 20px !important;
    background: #24ab85;
    color: white;
}

/***** STRUCTURE ***********************************/
/***************************************************/

/*** HEADER ***********************/

.icon-user3 {
    padding: 0px 5px 0px 0px !important;
}


#container {
    margin: 0 auto !important;
    width: 100% !important;
    background: #e7e7e8;
    border: none !important;
}

    #header_aiw {
        background: none !important;
        margin: 0 auto !important;
        width: 100% !important;  
    }

        #z1 {
            margin: 0 auto !important;
            width: 100% !important;
            background: #e7e7e8;
            height: 20px;
            padding: 5px 0 !important
        }

            #bloc_connexion {
                max-width: 1080px;
                margin: 0 auto !important;
                text-align: right;
            }

        #header_cadre {
            width: 100% !important;
            background: #ffffff;
            margin: 0 auto !important;
            }

            #header_club {
              display: none;
            }

            #bloc_droite_bandeau {
                margin: 0 auto !important;
                float: none !important;
                max-width: 1080px !important;
            }

                #bloc_logo {
                    margin: 1% 0 !important;
                    width: 90%;
                }

                .baseline {
                    color: #005daa;
                    font-size: 24px;
                    margin-top: 2% !important;
                    margin-left: 1% !important;
                    border-left: 2px solid #005daa !important;
                    padding-left: 1% !important;
                }

.autre_rotary {
    color: #005DAA;
    font-size: 12px;
    margin-top: 7% !important;
    margin-left: 30% !important;
}

.autre_rotary a {
      color: #005DAA;
}

.autre_rotary a:hover {
      color: #024882;
      text-decoration:underline;
}

                #bloc_fagnion {
                    margin: 1% 0 !important;
                    text-align: right;
                }

                    #bloc_fagnion img {
                        height: 120px;
                    }


        #z7 {
            width: 100% !important;
            background: #005daa;

        }

/*** WRAPPER CONTENT FOOTER *******/

#appli {
    clear: both;
}

/*** WRAPPER CONTENT *************/

    #innerMain {
        max-width: 1080px !important;
        margin: 0 auto !important;
        min-height: 500px;
        background: #e7e7e8 !important;
    }

/*** CONTENT *********************/
/*** column left ***/

div#menu_appli_nosh {
    display: none;
}

/*** column center ***/

#accueil_content {
    width: 71% !important;
    margin: 2% 2% 2% 0 !important;
    display: inline-block;
    vertical-align: top;
    float: none !important;
    background: #ffffff !important;
    padding: 1% !important;
    border: 1px solid #ccc;
    }

    .perso {

    }

/*** column right ***/

div.colonne_flux,
div#colonne_flux,
div.colonne_fluxnoariane,
div#colonne_fluxnoariane  {
    display: inline-block;
    width: 18% !important;
    padding: 2% !important;
    background: #FFF none repeat scroll 0% 0% !important;
    float: none !important;
    margin-top: 2% !important;
    border: 1px solid #ccc;
    }

/*** FOOTER ***********************/

    #html_footer {
        background: #005daa !important;
        width: 100%;
        color: white !important;
    }

        #bloc_footer {
            max-width: 1080px;
            margin: 0 auto !important;
            padding: 1% !important;
        }

        #bloc_footer a {
          color: white;
          font-size: 13px;

        }

/*** AIW FOOTER *******************/

    #aiw_footer {
        background: #ffffff !important;
    }

    #aiw_footer a {
        color: #005daa !important;
    }

/*** MENU RESPONSIVE *******************************/
/***************************************************/

#firstmenu0_41877 {
    display: none;
}

.topmenu {
    max-width: 1080px;
    margin: 0 auto !important;
}

.toggleMenu {
    display: none;
    background: none repeat scroll 0 0 #01b4e7;
    color: #fff;
    font-size: 20px;
    padding: 10px 0 !important;
    width: 100% !important;
}

.premier_ul {
    list-style: none;
     *zoom: 1;
     background:#005daa;
     width: 100% !important;
     margin: 0 auto !important;
}

.premier_ul:before,
.premier_ul:after {
    content: " "; 
    display: table; 
}

.premier_ul:after {
    clear: both;
}

.premier_ul ul {
    list-style: none;
    width: 9em;
}

.topmenu .premier_ul a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 15px !important;
    text-transform: uppercase;
}

.topmenu .premier_ul a:hover {
    background-color: #01b4e7;
}

.premier_ul li {
    position: relative;
}

.premier_ul > li {
    float: left;
}

.parent {
    display:inline-block;
    position:relative;
}

.premier_ul > li > a {
    display: block;
}

.premier_ul li ul {
    position: absolute;
    left: -9999px;
}

.premier_ul li:hover > ul {
    left: 0;
}

.premier_ul li li:hover ul {
    left: 100%;
    top: 0;
}

.premier_ul li li a {
    display: block;
    background: #01b4e7 !important; 
    position: relative;
    z-index:100;
}
.premier_ul li li a:hover {
    color:#fff;
}

@media screen and (max-width: 768px) {

    .active {
        display: block;
    }

    .premier_ul > li {
        float: none;
    }

    .premier_ul > li > .parent {
        background-position: 95% 50%;
    }

    .premier_ul ul {
        display: block;
        width: 100%;
    }

   .premier_ul > li.hover > ul ,
   .premier_ul li li.hover ul {
        position: static;
    }
    
    .premier_ul li li a {
    background-color: #01b4e7 !important; 
    }

    .toggleMenu {
        background: #002ba3;
        display: block;
        width: 100% !important;
    }
}

/*** Menu footer ***/

.verticalmenu .premier_ul > li {
    float: none !important;
}

.premier_ul a:hover {
    background: none;
    text-decoration: underline;
}

#menufooter4 .premier_ul > li {
  padding: 0px 7px 0px 0px !important;
  float: left !important;
}

/*****RESPONSIVE STRUCTURE**************************/
/***************************************************/


    .col_4 {
        width: 24%;
    }

@media screen and (max-width: 1080px) {

    #bloc_logo {
        margin: 0 auto !important;
        width: 50%;
        display: block;
        text-align: center;
     }

    .baseline {
        border: none !important;
    }

    #bloc_fagnion {
        display: none;
    }

    .col_4 {
        width: 25%;
    }

}

@media screen and (max-width: 768px) {

    #accueil_content {
        width: 98% !important;
        margin: 0 !important;
        border: none !important;
    }

    #bloc_calendar,
    #bloc_actualite {
        width: 48% !important;
        display: inline-block !important;
        vertical-align: top;
        padding: 1% !important;
    }

    #bloc_fagnion {
        display: none;
    }
    
    /*** column right ***/

    div.colonne_flux,
    div#colonne_flux,
    div.colonne_fluxnoariane,
    div#colonne_fluxnoariane  {
        width: 96% !important;
        border: none !important;
    }

    .col_4 {
        width: 50%;
    }
    
        
}

@media screen and (max-width: 450px) {


    #bloc_logo {
        width: 100%;
        display: block;
        text-align: center;
     }
        
    #bloc_calendar,
    #bloc_actualite {
        width: 100% !important;
    }

    #bloc_fagnion {
        display: none;
    }

    .col_4 {
        width: 100%;
    }

}

/*** Greffon CALENDRIER ****************************/

div#calendar {
    float: none;
}

.calendar table {
    font-size: 12px !important;
    color: #000;
    cursor: default;
    font-family: inherit !important;
    width: 100%;
}

.calendar tbody td.today {
    background: #01b4e7 none repeat scroll 0% 0%;
    border: none;
    padding: 0px;
    color: #fff;
    font-weight: bold;
}

.calendar tbody td.hilite {
    background: #f2f2f2 none repeat scroll 0% 0%;
    border: none;
}


 /*** SLIDESHOW GREFFON ********************************

.label_album,
.titre_album,
.nb_photos {
    display: none;
}

div#container_global, div.encaps_slideshow {
    height: auto !important;
}

div#example, .encaps_slideshow .sousdiv {
    width: auto !important;
    height: auto !important;
}

.slides_container {
    height: auto !important;
}

div.slides_control img.img_diapo {
    width: auto !important;
    height: auto !important;
    max-width: 767px;
}

encart textes**/
/** 
.caption {
    top: 10% !important;
    width: 40% !important;
    height: auto !important;
    padding: 1% !important;
    background: none !important;
    font-size: inherit !important;
    border-top: none !important;
}

.legende {
    font-size: 20px;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
    padding: 3% !important;
    color: #01b4e7;
    font-weight: 600;
}

.description {
    font-size: 13px;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
    padding: 0 3% !important;
}

.lirelasuite {
    font-size: 12px;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
    padding: 3% !important;
}

.lirelasuite a {
    color: #febd11;
    font-weight: 600;
    font-size: 13px;
}

/**fleches**/
/**
.prev,
.next {
    display: none !important;
}


/**** DIAPORAMA SLICK **************************************/
/***********************************************************/

/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    z-index: 1000;
    background: transparent;
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    color: #ffffff;
    line-height: 1;
    opacity: .85;
    border-radius: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 15px;
}

.slick-next {
    right: 15px;
}

.slick-prev:before {
    content: '\ea44';
}

.slick-next:before {
    content: '\ea42';
}

/* Dots */

.slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: none;
    background: white;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #4a4a4a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #4a4a4a;
}

/* Slider */

.slick-slider {
    position: relative;
}

.slick-list {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-slide {
    display: inline-block !important;
    vertical-align: middle;
    height: 500px;
    text-align: center;
}

.slick-slide {
    position: relative;;
}

.slick-slide img {
    width: 100%;
}

/*** texte slider ***/

.contenu_vignette {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 40%;
    color: #1b0e0e;
        background-color: rgba(255, 255, 255, 0.6);
}

.legende {
    padding: 10px !important;
    font-size: 16px !important;
    color: #005daa;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Open sans', sans-serif;
}

.description {
    padding: 0 10px !important;
    font-size: 14px !important;
    text-align: justify;
}

.lirelasuite a {
    font-size: 21px !important;
    padding: 0 20px 10px 20px;
    display: block;
    text-align: right;
    color: #b2393d;
    font-weight: 300;
    font-family: 'Open sans', sans-serif;
}


@media screen and (max-width: 450px) {
    
    div.slides_control img.img_diapo {
        width: auto !important;
        height: auto !important;
        max-width: 450px;
    }

    div.slides_control {
        height: 230px !important;
    }

    .caption {
        top: 10% !important;
        width: 50% !important;
    }

    .description {
        display: none;
    }
}

/*** Trombinoscope ***/

.the_adherent {
    width: 96%;
    margin: 1% !important;
    padding: 1% !important;
    background: #f2f2f2;
}

.the_adherent .identification {
    font-size: 14px;
    font-weight: 600;
    color: #005DAA;
}

.the_adherent br {
    display: none;
}

.the_adherent table {
  width: 100%;
}

.the_adherent .annu1 {
  width: 20%;
}

.the_adherent .annu2 {
  width: 80%;
}

.the_adherent .annu1,
.the_adherent .annu2 {
  font-size: 13px !important;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

#tof_fiche {
    display: inline-block;
    float: left;
    margin: 10px 20px !important;
}

#identite_fiche {
    display: inline-block;
    width: 590px;
}

.the_adherent {
    margin-bottom: 20px !important;
}

.the_adherent .annu1 {
    width: 40%;
}


/******* MA PAGE / me.html *******/

.titre {
    font-size: 14px;
    margin: 1% !important;
    color: #005DAA;
    font-weight: 600;
}

#data_fiche #tof_fiche {
  width: 98%;
  margin: 1% !important;
  display: inline-block;
  vertical-align: top;
  background-color: #f2f2f2;
}

#data_fiche #identite_fiche {  
  width: 48%;
  margin: 1% !important;
  display: inline-block;
  vertical-align: top;
  background-color: #f2f2f2;
}

#data_fiche #autre_club {
  width: 48%;
  margin: 1% !important;
  display: inline-block;
  vertical-align: top;
  background-color: #f2f2f2;
}

#data_fiche #add_perso {
  width: 48%;
  margin: 1% !important;
  display: inline-block;
  vertical-align: top;
  background-color: #f2f2f2;
}

#data_fiche #add_pro {
  width: 48%;
  margin: 1% !important;
  display: inline-block;
  vertical-align: top;
  background-color: #f2f2f2;
}

#data_fiche table {
  width: 100%;
}

#data_fiche .annu1,
#data_fiche .annu2 {
  font-size: 13px !important;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}


/*** PAGE ALBUM ***/

#label_album, #titre_album, #nb_photos,
div#container_album span#albums {
  display: none !important;
}

.body_album #container_album {
  padding-left: 3px;
}

.body_album .encapsAlbum {
  background-color: #FFFFFF;
  border: 1px solid #D1D1D1;
}

.body_album .encapsAlbum #titre_album {
  background: url("/offres/doc_inline_src/594/icone_aldum.png") no-repeat scroll 10px center #EFEFEF;
  color: #000000;
  display: block !important;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
  padding: 10px 10px 10px 45px;
}

.body_album .encapsAlbum br {
  display: none;
}

.body_album .encapsAlbum .divAlb{
  border: medium none;
  height: 168px;
  overflow: hidden;
  padding: 0;
  width: 168px;
}

div.divAlbList a img#apercu{
  max-height:168px;
}

.body_album .encapsAlbum #ulAlb li.tof {
  border-bottom: medium none;
  color: #FFFFFF !important;
  display: inline-block !important;
  margin: 2px 3px 3px 2px;
}

.body_album .encapsAlbum .divAlb span {
  display: block;
  height: 100%;
  opacity: 0;
  transition: all 0.5s ease 0s;
}

.body_album .encapsAlbum .divAlb span:hover {
  background: url("/offres/doc_inline_src/594/hover_albphoto.png") repeat scroll 0 0 transparent;
  display: block;
  height: 100%;
  opacity: 1;
}

#container_album span#albums{
display:none;
}

#container_album ul {
  list-style: none outside none;
  margin: 0 0 15px;
  padding: 0;
  text-align: center;
}

#container_album ul li {
  background: none repeat scroll 0 0 #fff;
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
  color:#005DAA;
  font-weight:bold;
}

#container_album ul li:hover{
  background: none repeat scroll 0 0 #005DAA;
  color:#FEBD11;
  font-weight:bold;
}

div#container_album ul li img{
max-height:100px !important;
}

.divAlbList {
  height: 150px;
  width: 300px;
}

#container_album ul li div.divAlbList div#text span.titre_album a{
font-size:13px;
text-decoration:none;
color:#fff;
}

.body_p_43779 .label_album, .body_p_43779 .titre_album, .body_p_43779 .nb_photos{
  display:block;
}

#liAlb_1509{
  display:none !important;
}

/*** DOCUMENTS ***/

th#th_description,
th#th_size,
th#th_type,
th#th_date_crea,
th#th_date,
th#th_date_mod,
td.description,
td.size,
td.type,
td.date_crea,
td.date{
  display:none;
}