h3.titreperso, 
h2.titreperso, 
h1.titreperso,
.orga_nom,
.orga_nom_sg {
	color: none;
}

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: none;
}

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: none;
}

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

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

div#header_aiw {
	background-color: none;;
}

form#formlogin fieldset legend {
	color: none;
}

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

form#connect {
	background-color:none;
}

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

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

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

div#html_footer {
	background-color :none;
}
dl.testttt dt a {	
	color: none; 
	background-color: none;
}

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

div#demonstration,div#aiw_bande ul li.thelink a{color: none; }
.calendar thead .title,.calendar .button{background-color:none;color: none;}
div.lecteur_rss  div.thetitle, .entetemeteo{background-color:none;}
div.lecteur_rss  div.thetitle p, table.meteo td.entetemeteo{color: none;}
body{background-color: none; }
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: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: none;border-color:none;}

div.htmlarea_content {
	font-size: 14px;
	font-family:inherit, sans-serif;
	color: none;
}

div.htmlarea_content h1{font-size: 36px;padding:20px 0px 20px 0px;font-family:inherit, sans-serif;color: #febd11;} 
div.htmlarea_content h2{font-size: 26px;padding:10px 0px 10px 0px;font-family:inherit, sans-serif;color: #005daa;} 
div.htmlarea_content h3{font-size: 20px;font-family:inherit, sans-serif;padding:10px 0px 10px 0px;color: #005daa;}
div.htmlarea_content h4{font-size: 18px;font-family:inherit, sans-serif;padding:0px 0px 5px 0px;color: #005daa;} 
div.htmlarea_content h5{font-size: 16px;font-family:inherit, sans-serif;padding:0px 0px 5px 0px;color: #39424a;} 
div.htmlarea_content h6{font-size: 14px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: #febd11;} 
div.htmlarea_content address{font-size: 10px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: none;} 
div.htmlarea_content p{font-size: 14px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: none;}
div#boutique p,div#recherche p{font-size: 14px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: none;margin-bottom:5px;}
table#tablo_boutique,table#tablo_boutique_vignettes,table.tablo_nav{color: none;}

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:none;}
h1.titreperso,h2.titreperso,h2#section_actus,h2#section_events{font-size : px;}
div#recherche a,div#boutique a,div.htmlarea_content a{color:none;}
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:none;}
div#recherche a:visited,div#boutique a:visited,div.htmlarea_content a:visited{color:none;}
div.htmlarea_content img {position:relative;padding:0px;max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 520) );}
div.htmlarea_content p img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content h1 img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content h2 img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content h3 img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content h4 img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content h5 img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content h6 img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content address img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
/*** CLEAN ***/

.date_modif,
.chrono,
.spacer {
    display: none;
}

#ariane {
    display: none;
}

.separator2,
.simplify {
    display: none;
}

div#header_club {
    display: none;
}

#editme,
.editme {
    text-align: right;
    height: 40px;
}


.identified .login_deconnect {
	display: none;
}

.login_connect {
	display: none;
}

.identified .login_connect {
	display: block;
}

/*** LIGHTVIEW : ajout du CSS pour le lightview; ***/

aiw {style_2196}aiw
/***** STYLES GENERAUX *********************************************************************/


/*******************************************************************************************/

html,
body {
    background-color: #ffffff;
    color: #39424a;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    margin: 0;
}

input {
    font-family: inherit;
    font-size: 14px;
    padding: 0;
    width: 150px;
    height: 25px;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
    width: 100%;
}

select {
    font-size: 14px;
    height: 25px;
}

textarea {
    font-family: inherit;
    font-size: 14px;
    height: 100px;
    width: 100%;
}

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

input[type=radio] {
    margin: 0 3px;
}


/*** 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,
.bouton,
#editme a,
.editme a {
    background: #019fcb none repeat scroll 0% 0%;
    height: 30px;
    width: auto;
    text-align: center;
    text-transform: uppercase;
    color: #FFF !important;
    border: 0;
    padding: 5px 15px;
    line-height: 25px;
    cursor: pointer;
    text-decoration: none;
    margin: 20px; 10px;
}

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,
.bouton:hover,
#editme a:hover,
.editme a:hover,
.bouton_100:hover {
    background: #0091b9 none repeat scroll 0% 0%;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

.btn_footer {
    padding: 10px 15px !important;
}

.bouton_100 {
    background: #019fcb none repeat scroll 0% 0%;
    width: 100%;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #FFF !important;
    border: 0;
    padding: 10px 0;
    line-height: 15px;
    cursor: pointer;
    text-decoration: none;
    margin: 0;
    display: block;
}

p {
    padding: 0px;
    margin: 0px;
}

ul,
ol {
    padding: 0;
    margin: 10px 0 10px 29px;
}

hr {
    border: 1px solid #ccc;
    margin: 10px 0;
    border-bottom: 0;
}

a,
a:visited {
    text-decoration: underline;
    color: #005daa;
}

a:hover,
a:focus,
a:active {
    text-decoration: underline;
    color: #019fcb;
}

.left {
    float: left;
}

.right {
    float: right;
}

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

.block {
    display: block;
}

table.border td,
table.bordure td {
    border: 1px solid #ccc !important;
    border-collapse: collapse;
}

h1.titreperso,
#section_events,
#section_actus {
    font-size: 40px;
    padding: 0 2%;
    margin: 2% 0;
    color: #febd11;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    text-align: center;
}

.htmlarea_content {
    font-size: 0 !important;
}

#container .htmlarea_content table,
#container .htmlarea_content table tbody,
#container .htmlarea_content table tbody tr,
#container .htmlarea_content table tbody tr td,
#container .htmlarea_content ul li,
#container .htmlarea_content ol li,
#container .htmlarea_content div,
#container .htmlarea_content p,
#container .htmlarea_content span {
    font-size: 14px;
    /* pas important pour éditeur */
    font-family: "Open Sans", sans-serif;
}

#container .htmlarea_content span {
    background: transparent !important;
}

.htmlarea_content h1,
.htmlarea_content h2,
.htmlarea_content h3,
.htmlarea_content h4,
.htmlarea_content h5,
.htmlarea_content h6 {
    margin: 0;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 500;
}

#html_footer .htmlarea_content h1,
#html_footer .htmlarea_content h2,
#html_footer .htmlarea_content h3,
#html_footer .htmlarea_content h4,
#html_footer .htmlarea_content h5,
#html_footer .htmlarea_content h6,
#html_footer .htmlarea_content p,
#html_footer .htmlarea_content a {
    margin: 0;
    color: white !important;
}

.htmlarea_content h1 {
    font-size: 40px !important;
    margin: 0 !important;
    color: #febd11 !important;
    font-family: 'Roboto Slab', serif !important;
}

.htmlarea_content h2 {
    font-size: 26px !important;
    margin: 0 !important;
    color: #005daa !important;
    font-family: 'Roboto Slab', serif !important;
}

.htmlarea_content h3 {
    font-size: 20px !important;
    margin: 0 !important;
    color: #005daa !important;
    font-family: 'Roboto Slab', serif !important;
    font-style: italic;
}

.htmlarea_content h4 {
    font-size: 20px !important;
    margin: 0 !important;
    color: #005daa !important;
    font-weight: 700;
}

.htmlarea_content h5 {
    font-size: 17px !important;
    margin: 0 !important;
    color: #39424a !important;
    font-weight: 600;
}

.htmlarea_content h6 {
    font-size: 16px !important;
    margin: 0 !important;
    color: #febd11 !important;
    font-family: "Roboto Slab", serif !important;
    letter-spacing: -0.2px;
}


/***** titre + texte deroulant ****/

.edittopic {
    background: url(/offres/doc_inline_src/759/fleche_bas.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 18px !important;
    cursor: pointer;
}

.edittopicselected {
    background: url(/offres/doc_inline_src/759/fleche_haut.png) no-repeat bottom !important;
}

.t_edit_cont {
    display: none;
    background: #f2f2f2;
    padding: 10px;
}


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


/*******************************************************************************************/

#container.normal {
    width: 1118px !important;
    position: relative;
    margin: 0 auto;
}

#container.large {
    width: 100% !important;
    margin: 0 auto;
    position: relative;
}

.wrapper,
.small,
.perso,
.body_evenement .perso_,
.body_actualite .perso_ {
    width: 1118px !important;
    margin: 0 auto !important;
}


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

#header_aiw {
    background-color: #ffffff;
}

#header_aiw a {
    text-decoration: none;
    color: #433d54;
}

#header_aiw .perso {
    padding: 0;
}

#z1 {
    border-bottom: 1px solid #ccc;
    font-size: 0;
}

.bloc_left,
.bloc_right {
    width: 50%;
    text-align: right;
    font-size: 21px;
    vertical-align: bottom;
}

.bloc_left {
    text-align: left;
}

.bloc_left p {
    font-size: 14px;
}

.bloc_search {
    width: 55%;
    display: inline-block;
    vertical-align: top;
    padding: 2px 0;
}

.bloc_connexion {
    width: 25%;
    padding: 1% 0;
    font-size: 14px;
    display: inline-block;
    text-align: right;
}

.identified .bloc_connexion {
    display: none;
}

.bloc_intranet {
    display: none;
    font-size: 14px;
}

.identified .bloc_intranet {
    padding: 5px 10px;
    display: inline-block;
}

#header_cadre {
    width: 100% !important;
    padding: 10px 0;
}

#z7 {
    clear: both;
    background: #005daa;
}


/***  COLUMN LEFT  ********************************/

#menu_appli_nosh {
    display: none;
}


/***  COLUMN CENTER  ********************************/

#appli {
    width: 100%;
    background: url(http://www.crjfr.org/offres/doc_inline_src/600/concrete_seamless.jpg);
}

#accueil_content {
    min-height: 550px;
    padding: 20px 0;
    clear: both;
    width: 100%;
    margin: 0 auto;
}

.perso_ {
    margin: 0;
}

#z8 {
    /***background: white;***/
    padding: 2% 0;
}

#z9 {
    padding: 2% 0;
}


/***  COLUMN RIGHT  ********************************/

.colonne_flux {
    display: none;
}


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

#html_footer {
    padding: 1% 2%;
    background: #005daa;
    color: white !important
}


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

#aiw_footer {
    font-size: 10px;
    text-align: center;
}

#aiw_footer p {
    margin: 0;
    padding: 10px 0;
}


/*** exception ***/

.conf_5063 h1.titreperso {
    display: none;
}


/***** RECHERCHE GOOGLE  ********************************************************************/


/*******************************************************************************************/

.cse .gsc-control-cse,
.gsc-control-cse {
    padding: 0 !important;
}

.gsc-search-box-tools.gsc-search-box .gsc-input {
    padding-right: 2px !important;
}

.cse .gsc-search-button-v2,
.gsc-search-button-v2 {
    padding: 6px 6px !important;
}

form.gsc-search-box {
    margin-bottom: 0 !important;
}

table.gsc-search-box {
    margin-bottom: 0 !important;
}


/***** MENU TOP **************************************************************************/


/*******************************************************************************************/

.verticalmenu ul {
    margin: 0;
    padding: 0 12px;
    text-align: center;
    list-style: none;
}


/*** Menu classique ***/

.flexnav {
    list-style: none;
    margin: 0;
    text-align: left;
}

.flexnav li {
    position: relative;
    width: auto !important;
    display: inline-block;
    z-index: 1000;
}

.flexnav li a,
.flexnav li>span.label {
    position: relative;
    display: block;
    z-index: 2;
    text-decoration: none;
    line-height: 40px;
    padding: 0 45px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    color: white !important;
}

.flexnav li>ul {
    position: absolute;
    margin: 0;
    background: #0072d1;
}

.flexnav li>ul>li {
    z-index: 5;
    display: block;
    float: none;
    width: 100% !important;
    text-align: center;
}

.flexnav li>ul>li:hover {
    transition: all 0.3s ease 0s;
    background: #005daa;
}

.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;
}

.touch-button {
    display: none;
}

.menu-button {
    display: none;
}

@media screen and (max-width: 950px) {
    /* Menu Responsive */
    .menu-button {
        display: block;
    }
    .menu-button {
        position: relative;
        display: block;
        padding: 10px;
        cursor: pointer;
        text-align: center;
        color: white;
    }
    /* affichage menu */
    .flexnav.opacity {
        opacity: 0;
        display: none;
    }
    .flexnav.flexnav-show {
        opacity: 1;
        display: block;
        position: absolute;
        left: 0;
    }
    /**/
    .touch-button {
        display: block;
        content: "\25bc";
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
        cursor: pointer;
        padding: 10px 20px;
        color: white;
    }
    .flexnav {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        z-index: 1000;
    }
    .flexnav li {
        position: relative;
        overflow: hidden;
        display: block;
        z-index: 9999;
        background: #016fca;
        border-bottom: 1px solid #ccc;
    }
    .flexnav li a,
    .flexnav li>span.label {
        text-align: center;
    }
    .flexnav li ul {
        padding: 0;
        list-style: none;
        position: relative;
    }
    .flexnav li ul li {
        background: #037de3;
        border-bottom: none;
    }
}


/**** 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: 10;
    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;
    position: absolute;
    bottom: 0;
}

.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: 100%;
    text-align: center;
}

.slick-slide {
    position: relative;
    ;
}

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


/*** texte slider ***/

.contenu_vignette {
    position: absolute;
    top: 15%;
    left: 15%;
    width: 25%;
    background-color: rgba(61, 61, 61, 0.8);
    color: #ffffff;
}

.legende {
    padding: 10px;
    font-size: 18px !important;
}

.description {
    padding: 10px;
    font-size: 14px !important;
}

.lirelasuite a {
    font-size: 12px !important;
    padding: 0 0 20px 0 !important;
    display: block;
    color: white;
}


/***** NEWSLETTER **************************************************************************/


/*******************************************************************************************/

#email_newsletter_enligne {
    width: 100%;
}

#valider_newsletter {
    float: right;
}

#inscription_NL,
#desinscription_NL {
    font-size: 11px;
}


/***** END TEMPLATE ***************************************************************************************************************************/


/**********************************************************************************************************************************************/


/***** FORM LOGIN **************************************************************************/


/*******************************************************************************************/

#formlogin {
    width: 100%;
}

.htmlarea_content #formlogin {
    text-align: center;
}

.spanlogin {
    padding: 2% 0;
    display: inline-block;
    width: 35%;
    text-align: left;
}

#passwordLabel {
    display: block;
}

.formbouton {
    display: block;
    width: 100% !important;
    margin: 2% 0 !important;
    height: auto;
}

#login,
#mot_de_passe {
    font-family: inherit;
    padding: 0;
    width: 64%;
    height: 25px;
    border: 1px solid #dcd9da;
}

.identified .oubli {
    text-align: center;
}

.intranet_acces {
    display: none;
}

.loginlink {
    font-size: 12px;
}

.identified .intranet_acces {
    display: block;
}


/** oubli **/

.oubli_pwd,
.change_pwd {
    width: 50% !important;
    text-align: center;
}

#formlogin ul.oubli,
#formlogin ul.change {
    list-style: none;
    margin: 4% 0;
    padding: 0;
    width: 100%;
}

#formlogin ul.oubli li,
#formlogin ul.change li {
    display: inline-block;
    margin: 2%;
}


/** oubli **/

.change {
    display: inline-block;
    width: 43%;
}


/***** GREFFON CONTACT **********************************************************************/


/*******************************************************************************************/

#form_contact_accueil {
    width: 90%;
    margin: 0px auto;
}

#section_contact {
    margin: 0px 20px;
}

.contact {
    display: block;
}

.contact span {
    width: 25%;
    display: inline-block;
}

.contact input {
    margin: 5px 0px;
    padding: 0px;
    width: 74%;
    height: 25px;
}

#fc_objet2 {
    margin: 0 0 2% 0;
}

#fc_p_ouinon {
    margin: 0 0 10px 0;
}

.contact select {
    width: 75%;
}

#code {
    width: 30%;
}

#objet2 {
    display: none;
}

.p_button {
    text-align: center;
}


/***confirmation***/

#messageConfirmation ul {
    display: none;
}


/***** PLAN DU SITE ************************************************************************/


/*******************************************************************************************/

h4.mapsite {
    margin: 10px 0px 0px 20px;
}

ul.mapsite li {
    margin: 3px 0px;
    padding: 0px 0px 0px 15px;
    background: url("../img/rss_puce.gif") no-repeat scroll 3px 5px transparent;
    color: inherit;
}

ul.mapsite li a {
    color: inherit;
}


/***** GREFFON EVENT 9 **************************************************************/

#h2_flux_events {
    display: none;
}

.event_flux_rss .biglogo_event,
.event_flux_rss .lien_suite,
.event_flux_rss .debut_event {
    display: block !important;
}

.event_flux_rss {
    margin: 2% 1%;
    width: 31%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background: white;
    min-height: 500px;
}

.event_flux_rss .titre_debut_event {
    text-align: center;
    padding: 20px !important;
}

.event_flux_rss img {
    width: 100%;
}

.event_flux_rss .titre_debut_event .title {
    font-family: "Open Sans", sans-serif !important;
    color: #39424a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.event_flux_rss .title span {
    display: none;
}

.event_flux_rss .debut_event a {
    text-align: justify;
    padding: 0 20px !important;
    color: #39424a !important;
    text-decoration: none;
}

.event_flux_rss .lien_suite a {
    color: #019fcb;
    padding: 15px 0;
    text-decoration: none;
    display: block;
}


/***** GREFFON EVENT 15 LISTE **************************************************************/

.debut_event {
    display: none;
}

.lien_suite.lien_suite_event {
    display: none;
}

.biglogo_event {
    display: none;
}

.titre_debut_event {
    line-height: 1;
}

.titre_debut_event a {
    text-decoration: none;
}

.titre_debut_event .date {
    display: block;
    color: #999;
    font-size: 12px;
}

.titre_debut_event .title {
    font-family: 'Roboto Slab', serif !important;
}


/***** PAGE AUTO EVENTS *********************************************************************/

.body_evenement #section_events {
    display: none;
}


div.event,
div.eventlink {
    margin: 4% 0 !important;
    position: static;
    color: inherit !important;
    background-color: transparent !important;
}

div.bloc_logosmall {
    float: none !important;
    width: auto !important;
    margin: 0 5px 0 0;
    display: inline-block;
}

img.logosmall {
    width: auto !important;
}

div.bloc_textesmall {
    float: none !important;
    width: auto !important;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 4% 0;
}

.bloc_textesmall .bloc_header,
.bloc_textesmall .bloc_headerlink {
    margin: 0 !important;
    padding: 0 0 0 5px !important;
}

.event .bloc_header .title {
    font-size: 26px !important;
    margin: 0 !important;
    color: #005daa !important;
    font-family: 'Roboto Slab', serif !important;
}

.event .bloc_header .date {
    font-size: 17px !important;
    margin: 0 !important;
    color: #39424a !important;
    font-weight: 600;
}

.event .htmlarea_content {
    clear: both;
}

div.event p {
    margin: 0 !important;
}

.infos_sup_event {
    display: block;
    margin-top: 10px;
}

div.event .input_button {
    text-align: center;
}


/***** ACTUALITES ******************************************************************/

#h1_flux_actus {
    display: none;
}

.wrapper_actu {
    margin: 2% 1%;
    width: 31%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background: white;
    min-height: 500px;
}

.img_actu {
    width: 100% !important;
}

.wrapper_actu h3 {
    font-size: 16px !important;
    margin: 20px !important;
    padding: 0 10px !important;
    text-align: center;
}

.wrapper_actu h3 a {
    text-decoration: none;
    font-family: "Open Sans", sans-serif !important;
    color: #39424a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.text_actu {
    text-align: justify;
    padding: 0 20px !important;
    color: #39424a !important;
    text-decoration: none;
}

.actu_plus {
    display: none;
}

.wrapper_actu .read_more a {
    color: #019fcb;
    padding: 15px 0;
    text-decoration: none;
    display: block;
}


/** GREFFON ACTUS **/
.actu_flux_rss {
	display: inline-block;
	margin-bottom: 25px;
	width: 100%;
}

.actu_flux_rss .logoactu {
	display: block;
	float: left;
	margin-right: 20px;
}

.actu_flux_rss h3 {
	padding-top: 0px !important;
	text-align: ;
}

.actu_flux_rss .titre,
.actu_flux_rss .detail {
	text-decoration: none;
}

.actu_flux_rss .suite {
	float: right;
	margin-top: 10px;
}


/***** PAGE AUTO ACTUS *********************************************************************/

#section_actus a {
    display: none;
}

.actu,
.actulink {
    margin: 0 !important;
    color: inherit !important;
    background-color: transparent !important;
}

.actu .logo_small {
    display: none;
}

.texte_small {
    float: none !important;
}

.actu .bloc_titre,
.actulink .bloc_titre {
    margin: 0;
    padding: 0 !important;
    position: static !important;
    font-weight: bolder;
    font-size: inherit !important;
}

.actu .bloc_titre a {
    background: none !important;
    font-size: 26px !important;
    margin: 0 !important;
    color: #005daa !important;
    font-family: 'Roboto Slab', serif !important;
    text-decoration: none !important;
    cursor: auto !important;
}

.actu .bloc_titre a,
.actulink .bloc_titre a {
    background: none !important;
    padding: 0 !important;
    margin: 0;
    font-weight: normal !important;
    font-size: inherit !important;
}

.actu p {
    margin: 0 !important;
}


/***/

#actu_navigation {
    margin: 1% 0 0 0;
}

#actu_nom_prec {
    text-align: right;
}

#actu_nom_suiv,
#actu_nom_prec {
    display: inline-block;
    width: 49%;
}

.bouton_retour {
    display: none;
}


/***/

.actu,
.actulink {
    border: none !important;
}

.actulink .texte_une {
    float: none;
}

.actulink .logo_une {
    float: none;
    width: 105px;
    margin: 5px 3px 0px 5px;
}

.logo_une {
    display: none;
}

.actulink .texte_une {
    float: none;
}

.actulink .texte_debut_link {
    padding: 10px 0px !important;
    margin: 0;
    height: auto !important;
    font-size: inherit !important;
    color: inherit !important;
}

.actulink .texte_debut_link a {
    text-decoration: none;
    font-size: inherit !important;
    color: inherit !important;
}


/***** FORMULAIRE **************************************************************************/

.saisie_data,
.time_to_pay {
    background: #f2f2f2;
    padding: 1%;
    width: 98%;
}

#thesurvey fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#thesurvey h4 {
    display: none;
}

#surveyblocidentite .options_bloc,
#igotaccount .options_bloc {
    margin: 1% 0 !important;
}

#surveyblocidentite .options_bloc .libchamp,
#igotaccount .options_bloc .libchamp {
    width: 35%;
    display: inline-block;
}

#surveyblocidentite .options_bloc input,
#igotaccount .options_bloc input {
    width: 63%;
}

#titresurvey {
    font-size: 16px !important;
    padding: 0;
    margin: 0;
}

h1#titresurvey::before,
h1#titresurvey::after {
    content: "";
    position: absolute;
    height: 10px;
    border-bottom: 1px solid #3d3d3d;
    top: 0;
    width: 0px;
}


/**form**/

.surveybloc {
    margin: 1% 0;
}

.encaps_bloc {
    margin: 2px 0 !important;
}

.option_radio {
    display: block;
}

.option_check {
    display: block;
}

.reset {
    position: absolute;
    left: -20px;
}

.enligne .option_radio,
.enligne .option_check {
    display: inline-block;
}

#fieldset_fields .enligne .contenu_bloc,
#recap_answers .enligne .contenu_bloc {
    display: inline-block;
}

#fieldset_fields .enligne .options_bloc,
#recap_answers .enligne .options_bloc {
    display: inline;
    position: relative;
}

#fieldset_fields .top .options_bloc,
#recap_answers .top .options_bloc {
    vertical-align: top;
}

#fieldset_fields .taille25 .contenu_bloc,
#recap_answers .taille25 .contenu_bloc {
    width: 25%;
    margin-right: 2%;
}

#fieldset_fields .taille25 input[type=text],
#fieldset_fields .taille25 select {
    width: 72%;
}

#fieldset_fields .taille35 .contenu_bloc,
#recap_answers .taille35 .contenu_bloc {
    width: 35%;
    margin-right: 2%;
}

#fieldset_fields .taille35 input[type=text],
#fieldset_fields .taille35 select {
    width: 62%;
}

#fieldset_fields .taille50 .contenu_bloc,
#recap_answers .taille50 .contenu_bloc {
    width: 48%;
    margin-right: 2%;
}

#fieldset_fields .taille50 input[type=text],
#fieldset_fields .taille50 select {
    width: 50%;
}

#fieldset_fields .taille60 .contenu_bloc,
#recap_answers .taille60 .contenu_bloc {
    width: 59%;
    margin-right: 2%;
}

#fieldset_fields .taille60 input[type=text],
#fieldset_fields .taille60 select {
    width: 33%;
}

#fieldset_fields .taille75 .contenu_bloc,
#recap_answers .taille75 .contenu_bloc {
    width: 75%;
    margin-right: 2%;
}

#fieldset_fields .taille75 input[type=text],
#fieldset_fields .taille75 select {
    width: 22%;
}

#fieldset_fields .espacement .contenu_bloc,
#recap_answers .espacement .contenu_bloc {
    padding: 15px 0 !important;
}

#fieldset_fields .gras .contenu_bloc,
#recap_answers .gras .contenu_bloc {
    font-weight: bold;
}

#fieldset_fields .italique .contenu_bloc,
#recap_answers .italique .contenu_bloc {
    font-style: italic;
}

#fieldset_fields .dix .contenu_bloc,
#recap_answers .dix .contenu_bloc {
    font-size: 10px !important;
}

#fieldset_fields .douze .contenu_bloc,
#recap_answers .douze .contenu_bloc {
    font-size: 12px !important;
}

#fieldset_fields .quatorze .contenu_bloc,
#recap_answers .quatorze .contenu_bloc {
    font-size: 14px !important;
}

#fieldset_fields .seize .contenu_bloc,
#recap_answers .seize .contenu_bloc {
    font-size: 16px !important;
}

#fieldset_fields .couleur .contenu_bloc,
#recap_answers .couleur .contenu_bloc {
    color: #292929;
}


/**/

#div_montant_to_pay p,
#montantToPy {
    padding: 10px 0px;
    font-weight: 600;
    text-align: center;
}

#bt_valid_survey {
    text-align: center;
}


/*** result formulaire ***/

#recap_answers .encaps_bloc {
    margin: 2% 0;
}

#recap_answers .contenu_bloc {
    font-weight: bold;
}


/*** celendrier formulaire ***/

.calendar table {
    text-align: center;
    height: auto;
    padding: 5px;
    font-size: 14px;
    padding: 5px;
}

.calendar .title {
    font-size: 16px;
}

.calendar .day.name {
    width: 14.28%;
    font-size: 14px;
    height: 32px;
}

.calendar .daynames {
    font-size: 16px;
}


/**/

a.tooltip {
    outline: none;
    text-align: left;
    text-decoration: none;
    border: 1px solid #696969;
    padding: 0 3px;
    border-radius: 5px;
    font-size: 9px;
    color: #696969;
    background-color: #ddd;
    cursor: help;
}

a.tooltip strong {
    line-height: 30px;
}

a.tooltip:hover {
    text-decoration: none;
    background-color: #696969;
    color: #fff;
}

a.tooltip span {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: -30px;
    margin-left: 0px;
    width: 240px;
    line-height: 16px;
    font-weight: normal;
}

a.tooltip:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
}

a.tooltip span {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}


/***** GREFFON DOCUMENTS ********************************************************************/

#files {
    width: 100%;
    text-align: left;
}

#files thead {
    height: 35px;
    background: #f2f2f2;
}


/***** PLAN DU SITE ************************************************************************/

h4.mapsite {
    margin: 10px 0px 0px 20px;
    font-size: 15px;
}

ul.mapsite li {
    margin: 3px 0px;
    padding: 0px 0px 0px 15px;
    font-size: 12px;
    background: url("../img/rss_puce.gif") no-repeat scroll 3px 5px transparent;
    color: inherit;
}

ul.mapsite li a {
    color: inherit;
}


/***** GREFFON CALENDRIER ********************************************************************/

.calendar tfoot {
    display: none;
}

.combo {
    display: none;
}

#calendar-container .calendar table {
    text-align: center;
    width: 100%;
    height: 250px;
    margin: 0 auto;
}

#calendar-container .calendar .title {
    font-size: 18px;
    line-height: 2.5;
}

#calendar-container .calendar .day.name {
    width: 14.28%;
}

#calendar-container .calendar .daynames {
    background-color: #292929;
    color: white;
    font-size: 16px;
}

#calendar-container .day.false.evenement.catmulti {
    cursor: pointer;
    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);
}

.daysrow .day {
    border: 2px solid white !important;
    line-height: 2.5;
}

.day.false.evenement {
    cursor: pointer;
    color: white;
    font-weight: 900;
}

.headrow .button.nav:nth-child(2),
.headrow .button.nav:nth-child(4) {
    cursor: pointer;
}

.button.nav {
    font-size: 20px;
}


/***** ALBUM PHOTO  ************************************************************************/

#label_album,
#titre_album,
#nb_photos,
.encapsAlbum br {
    display: none;
}

.encapsAlbum .spacer {
    display: block;
    clear: both;
    height: 0;
}

.nb_alb {
    display: none;
}

.encapsCouvAlbums li {
    display: inline-block;
    vertical-align: top;
    width: 12%;
    text-align: center;
    margin: 1%;
}

.divAlbList a,
.divAlbList .alb_vignette {
    overflow: hidden;
    width: 140px;
    height: 140px;
    display: block;
    position: relative;
}

#apercu {
    width: 250px;
    position: absolute;
    top: 0;
    left: -30px;
}


/***** MODELES *****************************************************************************************************************************/

.htmlarea_content .last {
    margin-right: 0;
}

.blue {
    background: #005daa;
    color: white !important;
}

.col_center_blue {
    width: 46%;
    padding: 2%;
    margin: 0 auto;
    vertical-align: top;
    background: #005daa;
    color: white !important;
}

.col_center_blue h2,
.col_center_blue h4,
.col_center_blue h5 {
    color: white !important;
}

.col_4_blue {
    width: 19.5%;
    margin: 0 2% 0 0;
    padding: 2%;
    display: inline-block;
    vertical-align: top;
    background: #005daa;
    color: white !important;
}

.col_4_blue img {
    width: 120.3% !important;
    margin: -10.1% 0 5px -10.1% !important;
}
.col_4_gris img {
    width: 120.3% !important;
    margin: -10.1% 0 5px -10.1% !important;
}
.col_4_gris {
    width: 19.5%;
    margin: 0 2% 0 0;
    padding: 2%;
    display: inline-block;
    vertical-align: top;
    background: #919295;
    color: white !important;
}

.col_center {
    width: 50%;
    margin: 0 auto;
    vertical-align: top;
}

.col_1 {
    width: 1118px;
    margin: 0 auto;
    vertical-align: top;
}

.col_2 {
    width: 47.5%;
    margin: 0 5% 0 0;
    display: inline-block;
    vertical-align: top;
}

.col_3 {
    width: 31.2%;
    margin: 0 3% 0 0;
    display: inline-block;
    vertical-align: top;
}

.col_4 {
    width: 22%;
    margin: 0 4% 0 0;
    display: inline-block;
    vertical-align: top;
}
.col_5 {
    width: 18%;
    margin: 0 2% 0 0;
    display: inline-block;
    vertical-align: top;
}


.col_6 {
    width: 15%;
    margin: 0 2% 0 0;
    display: inline-block;
    vertical-align: top;
}

.col_8 {
    width: 10.75%;
    margin: 0 2% 0 0;
    display: inline-block;
    vertical-align: top;
}

.col_1_tier {
    width: 30%;
    margin: 0 3% 0 0;
    display: inline-block;
    vertical-align: top;
}

.col_2_tier {
    width: 67%;
    display: inline-block;
    vertical-align: top;
}

.col_two_tier {
    width: 67%;
    margin: 0 3% 0 0;
    display: inline-block;
    vertical-align: top;
}

.col_one_tier {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.col_1_quart {
    width: 25%;
    margin: 0 2% 0 0;
    display: inline-block;
    vertical-align: top;
}

.col_3_quarts {
    width: 73%;
    display: inline-block;
    vertical-align: top;
}

.col_3_4 {
    width: 73%;
    margin: 0 2% 0 0;
    display: inline-block;
    vertical-align: top;
}

.col_1_4 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

.col_center img,
.col_1 img,
.col_2 img,
.col_3 img,
.col_4 img,
.col_6 img,
.col_8 img,
.col_1_tier img,
.col_2_tier img,
.col_two_tier img,
.col_one_tier img,
.col_1_quart img,
.col_3_quarts img,
.col_3_4 img,
.col_1_4 img {
    max-width: 100% !important;
    height: auto !important;
}


/***** RESPONSIVE *****************************************************************************************************************************/

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

    #container {
        width: 100% !important;
    }

    .wrapper,
    .small,
    .perso_,
    .col_1,
    .perso,
    .body_evenement .perso_, 
    .body_actualite .perso_ {
        width: 100% !important;
    }

    #innerMain {
        padding: 0 2% !important;
    }

    #header_cadre {
        padding: 0 2% !important;
        width: 96% !important;
    }
}

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

    .col_8 {
        width: 22.5%;
        margin: 2% 2% 0 0;
    }

    .contenu_vignette {
        top: 0;
        left: 0;
        width: 35%;
    }

    .col_center {
        width: 100% !important;
        margin: 2% 0 0 0;
    }

    .col_center_blue {
        width: 96% !important;
        margin: 2% 0 0 0;
    }

    .col_6 {
        width: 29%;
        margin: 0 2%;
    }

    .col_4_blue {
        width: 44%;
        margin: 2% 2% 0 0;
    }
    .col_4_gris {
        width: 44%;
        margin: 2% 2% 0 0;
    }
    .col_4_blue img {
        width: 109.2% !important;
        margin: -4.5% 0 5px -4.5% !important;
    }
    .col_4_gris img {
        width: 109.2% !important;
        margin: -4.5% 0 5px -4.5% !important;
    }
}

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

    .col_3 {
        width: 100% !important;
        margin: 2% 0 0 0;
    }

    .col_6 {
        width: 31%;
        margin: 2% 2% 0 0;
    }

    .wrapper_actu,
    .event_flux_rss {
        width: 43%;
        margin: 3%;
    }

    #files .date,
    #files .type,
    #files .date_crea {
        display: none;
    }

    .contenu_bloc,
    .options_bloc {
        width: 100% !important;
    }

    #fieldset_fields input[type=text],
    #fieldset_fields select {
        width: 100% !important;
    }

    .encaps_bloc {
        margin: 0 0 4% 0 !important;
    }
}

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

    .col_center,
    .col_1,
    .col_2,
    .col_3,
    .col_4,
    .col_6,
    .col_8,
    .col_1_tier,
    .col_2_tier,
    .col_two_tier,
    .col_one_tier,
    .col_1_quart,
    .col_3_quarts,
    .col_3_4,
    .col_1_4,
    .bloc_left,
    .bloc_right {
        width: 100% !important;
        margin: 4% 0 0 0;
    }

    .col_4_blue {
        width: 96%;
        margin: 4% 2% 0 0;
    }

    .col_4_blue img {
        width: 104% !important;
        margin: -2% 0 5px -2% !important;
    }
    .col_4_gris {
        width: 96%;
        margin: 4% 2% 0 0;
    }

    .col_4_gris img {
        width: 104% !important;
        margin: -2% 0 5px -2% !important;
    }

    #bloc_header .col_3_4 p,
    #bloc_header .col_1_4 p {
        text-align: center !important;
    }

    .slick-slider .contenu_vignette {
        display: none;
    }

    .wrapper_actu,
    .event_flux_rss {
        width: 100%;
        margin: 40px 0 0 0;
    }

    #files .size,
    #files .description {
        display: none;
    }

    .contact input {
        width: 100%;
    }

    .contact span {
        width: 100%;
    }

    .contact select {
        width: 100%;
    }

}


/***** PERSO JFE **************************************************************************/
.image_fond {
 z-index: 0;
}
.blue_cadre {
    width: 96%;
    padding: 2%;
    margin: 0 auto;
    vertical-align: top;
    background: #005daa;
    color: white !important;
}


/*******************************************************************************************/