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 : 774px;}
div#container{width : 775px;}

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:514px;
}

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: 12px;
	font-family:inherit, sans-serif;
	color: none;
}

div.htmlarea_content h1{font-size: 22px;padding:0px 0px 0px 0px;font-family:inherit, sans-serif;color: none;} 
div.htmlarea_content h2{font-size: 20px;padding:0px 0px 0px 0px;font-family:inherit, sans-serif;color: none;} 
div.htmlarea_content h3{font-size: 18px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: none;}
div.htmlarea_content h4{font-size: 16px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: none;} 
div.htmlarea_content h5{font-size: 14px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: none;} 
div.htmlarea_content h6{font-size: 12px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: none;} 
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: 12px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: none;}
div#boutique p,div#recherche p{font-size: 12px;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;
}

#docs_folder_9756 .size, #docs_folder_9756 .type, #docs_folder_9756 .date_crea, #docs_folder_9756 .date ,#docs_folder .size{
	display: none;
}

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

aiw {style_2196}aiw

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

html,
body {
    background-color: #f2f2f2;
    color: #333333;
    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: 12px;
    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: #1986b4 none repeat scroll 0% 0%;
    height: 25px;
    width: auto;
    text-align: center;
    text-transform: uppercase;
    color: #FFF !important;
    border: 0;
    padding: 5px 15px;
    line-height: 15px;
    cursor: pointer;
    text-decoration: none;
    margin: 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 {
    background: #555555 none repeat scroll 0% 0%;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

p {
    padding: 0px;
    margin: 0px;
    line-height: 1.7;
    letter-spacing: 0.5px;
}

ul,
ol {
    line-height: 1.5;
    letter-spacing: 0.5px;
    padding: 0;
    margin: 10px 0 10px 29px;
}

hr {
    border: 1px dotted #ccc;
    margin: 20px 0;
}

a,
a:visited {
    text-decoration: underline;
    color: #1986b4;
}

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

.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-weight: 600;
    font-size: 30px;
    text-align: left;
    padding: 0 2%;
    margin: 2% 0;
    text-transform: uppercase;
    color : #1986b4;
}

h1.titreperso:after,
#section_events:after,
#section_actus:after {
    content: "";
    background: #1986b4;
    width: 100px;
    height: 1px;
    margin: 10px 0 0 0;
    display: block;
}

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

.htmlarea_content table,
.htmlarea_content table tbody,
.htmlarea_content table tbody tr,
.htmlarea_content table tbody tr td,
.htmlarea_content ul li,
.htmlarea_content ol li,
.htmlarea_content div,
.htmlarea_content p,
.htmlarea_content span {
    font-size: 14px !important;
    font-family: "Open sans", sans-serif;
}

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


/***** 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;
}

div#container div#appli div#innerMain div#accueil_content.perso_ div.perso div.htmlarea_content table tbody tr#grey {
    background-color: #e5e5e5;
}


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

#container {
    max-width: 1145px;
    width: auto !important;
    margin: 0px auto;
}


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

#header_aiw {
    display: none;
}


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

#appli {
    width: 100%;
}

#innerMain {
    width: 100%;
    display: table;
    background: #fff;
}

#menu_appli_nosh {
    display: table-cell;
    width: 25%;
    background: #006793;
}

#menu_appli_nosh .hide {
    display: none;
}

#bloc_user {
    padding: 0 0 11% 0;
}

.bloc_fiche {
    padding: 5%;
    text-align: center;
    background: #f17c0a ;
}

.bloc_fiche a {
    color: white;
    font-weight: 600;
}

.bloc_fiche a:hover {
    color: white;
}

.bloc_fiche img {
    width: 15px;
}

.bloc_user_detail {
    padding-top: 5%;
    text-align: center;
    color: #fff;
}

.icon.icon-user {
    font-size: 50px;
}

.connect a,
.disconnect a {
    font-size: 13px;
    color: #fff;
}

.connect {
    display: none;
}

.statut_2 .connect,
.statut_3 .connect {
    display: inline-block;
}

.disconnect {
    display: inline-block;
}

.disconnect a,
.connect a {
    color: white;
}

#accueil_content {
    display: table-cell;
    width: 75%;
    position: relative;
    background-color: #f2f2f2;
}

#z8 .hide {
    display: block;
}

.return {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 12px;
}

#bloc_header {
    text-align: center;
}

.perso,
.body_evenement .event {
    padding: 2%;
}


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

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

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


/***** 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;
}

.verticalmenu ul li a,
.verticalmenu ul li a:visited {}

.verticalmenu ul li a:hover,
.verticalmenu ul li a:focus,
.verticalmenu ul li a:active {}


/*** Menu classique ***/

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

.flexnav li {
    position: relative;
    width: auto !important;
}

.flexnav li:hover>a,
.flexnav li:hover>span {
    background: #1986b4;

}

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

.flexnav li a:hover,
.flexnav li>span.label:hover {}

.flexnav li>ul {
    margin: 0;
    background: #1986b4;
}

.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 {
    display: block;
    color: white;
    content: "\25bc";
    position: absolute;
    top: 0;
    right: 10px;
    padding: 10px;
    z-index: 10;
    cursor: pointer;
}

.menu-button {
    display: none;
}

@media screen and (max-width: 800px) {
    /* Menu Responsive */
    .menu-button .touch-button {
        background: transparent;
        position: absolute;
        z-index: 999;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        display: inline-block;
        text-align: center;
    }
    .menu-button {
        position: relative;
        display: block;
        padding: 1em;
        cursor: pointer;
        text-align: center;
        color: white;
        background: #006793;
    }
    /* 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: 20px;
        z-index: 10;
        cursor: pointer;
    }
    .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: #aaa;
    }
    .flexnav li a,
    .flexnav li>span.label {
        text-align: center;
    }
    .flexnav li a:hover,
    .flexnav li>span.label:hover {}
    .flexnav li ul {
        padding: 0;
        list-style: none;
        position: relative;
    }
}


/**** 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;
    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: 20px;
    left: 50px;
    width: 200px;
    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;
}


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

#email_newsletter_enligne {
    width: 100%;
}

#valider_newsletter {
    float: right;
}

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


/***** 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: 100%;
}

.contact {
    display: block;
}

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

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

.contact select {
    min-width: 74%;
}

#code {
    width: 30%;
}

#objet2 {
    display: none;
}

.p_button {
    text-align: center;
}


/***confirmation***/

#messageConfirmation p {}

#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 PLUS ************************************************************************/
/*******************************************************************************************/

#h2_flux_events {
    display: none;
}

.event_flux_rss {
    margin: 1%;
    border-bottom: 1px solid #ddd;
}

.biglogo_event {
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    width: 90px;
}

.biglogo_event a {
    height: 90px;
    display: block;
}

.biglogo_event img {
    max-width: 100% !important;
    max-height: 90px;
}

.titre_debut_event {
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-left: 110px !important;
}

.date_event {
    margin-left: 110px;
}

.debut_event {
    text-align: justify;
    margin-left: 110px;
}

.debut_event a {
    color: #000;
    cursor: inherit;
    text-decoration: none;
}

.lien_suite.lien_suite_event {
    margin: 10px 0;
}

.lien_suite.lien_suite_event a,
.lien_suite.lien_suite_event a:hover,
.lien_suite.lien_suite_event a:visited {
    display: block;
    text-align: right;
    font-weight: bold;
    text-decoration: none;
}

.plus {
    background: #006793;
    color: white;
    font-weight: bold;
    font-size: 18px;
    padding: 0px 7px 3px;
}


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

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

div.bloc_textesmall {
    float: none !important;
    width: auto !important;
}

.event .bloc_header .title {
    font-size: 16px;
}

.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 {
    width: 22%;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
    border: 1px solid #ccc;
}

.wrapper_img_actu {
    height: 130px;
    overflow: hidden;
    display: block;
}

.img_actu {
    max-width: 100% !important;
}

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

.text_actu {
    text-align: center;
    padding: 10px;
}

.wrapper_actu .read_more {
    background: #006793;
    text-align: center;
    color: white;
    height: 40px;
    line-height: 40px;
    width: 100%;
    border-radius: 0;
}

.wrapper_actu {
    clear: both;
}

.actu_plus {
    display: inline-block;
}

a.plus_suite {
    color: white;
}


/***** 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;
}

.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: #fff;
    padding: 3%;
    width: 94%;
    border-radius: 15px;
}

#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: 50%;
    display: inline-block;
}

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

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


/**form**/

.surveybloc {
    margin: 1% 0;
}

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

.option_radio {
    display: block;
}

.option_check {
    display: block;
}

.reset {
    position: absolute;
    left: -17px;
    top: -3px;
}

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

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

#fieldset_fields .taille35 .contenu_bloc,
#recap_answers .taille35 .contenu_bloc {
    width: 35%;
}

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

#fieldset_fields .taille50 .contenu_bloc,
#recap_answers .taille50 .contenu_bloc {
    width: 50%;
}

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

#fieldset_fields .taille60 .contenu_bloc,
#recap_answers .taille60 .contenu_bloc {
    width: 60%;
}

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

#fieldset_fields .taille75 .contenu_bloc,
#recap_answers .taille75 .contenu_bloc {
    width: 48%;
}

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

#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-weight: 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: #f17c0a ;
}


/**/

#div_montant_to_pay p,
#montantToPy {
    padding: 10px 0px;
    font-weight: 800;
    text-align: center;
    color: #f17c0a;
    text-transform: uppercase;
}

#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;
    font-size: 14px;
    padding: 5px;
    background: #f2f2f2;
    width: 250px;
    border-radius: 15px;
}

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

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

.hilite {
    background: #006793;
    color: white;
}

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

#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: #006793;
    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 {


}

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


/***** MA FICHE ********************************************************************/
/***********************************************************************************/

.blocmasked {
    display: none;
}

.body_myfiche #data_fiche {
    margin: 2%;
    border-bottom: 1px solid #ccc;
    padding: 2% 0;
    display: block;
    width: 100%;
}

#data_fiche h3,
.fiche_contact_publique h3 {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
    margin: 10px 0px 25px;
    width: 44%;
    display: inline-block;
}

#col_gauche {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

#tof_fiche {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.bttof {
    text-align: center;
}

#addmytof {
    font-size: 11px;
    margin: 20px 0 0 0;
}

#modmytof,
#delmytof {
    font-size: 11px;
    margin: 1%;
}

.body_myfiche #identite_fiche {
    width: 68%;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
}

#col_droite {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin-left: 2%;
}

#col_droite .annu2 {
    width: 240px;
}

#bloc_fiches_liees {
    padding: 20px 0;
}

.editthe_link,
.title_link,
.date_file {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    height: 22px;
}

.editthe_link {
    float: right;
}

.annu2 {
    border: 1px solid #59a5e3;
    width: 152px;
    height: 27px;
}

#myfiles p {
    text-align: center;
}

.armonyBouton {
    margin-top: 2%;
}


/***ESPACE CONNECTION - partie privée********************************/

.info_photo {
    display: none;
}

form#form div#data_fiche div.fichecontact div#treso_fiche {
    display: none;
}

.edit {
    display: none;
}

.identite_fiche h3 {
    display: none;
}

#addmytof {
    border: 1px solid black;
    float: left;
    margin-bottom: 15px;
    padding: 50px 30px 50px 28px;
}

div#data_fiche div.fichecontact div#identite_fiche {
    float: left;
    margin: 10px;
}

div#data_fiche div.fichecontact div#adperso_fiche {
    display: block;
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

#infos_plus {
    clear: both;
}

#adperso_fiche h3 {
    color: #f27c09;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
}


/*#fc_adresse_perso1 {
	border-top: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
	font-size: 12px;
}

#fc_adresse_perso2 {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
	font-size: 12px;
}

#fc_adresse_perso3 {
	border-bottom: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
	font-size: 12px;
}*/


/*#fc_info_plus {
    border: 1px solid #ccc;
}*/

.annu1 {
    font-size: 12px;
    padding: 4px 5px !important;
    width: 250px;
}

.annu2 {
    background-color: #eeeeee;
    width: 250px;
}


/*#identite_fiche .annu1 {
    width: 73px !important;
}

#identite_fiche .annu2 {
    width: 100px !important;
	padding: 5px 10px
}*/

#bt_quit>input {
    background: none repeat scroll 0 0 #f27c09;
    border: medium none;
    color: white;
    font-weight: bold;
    margin: 10px 0;
    padding: 4px 10px;
    cursor: pointer;
}


/*#fc_identity {
    border: 1px solid #ccc;
}*/

#identite_fiche h3 {
    color: #00699b;
    font-weight: bolder;
    padding: 5px;
}


/***** CONTACT LISTE ***********************************************************************/


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

#data_fiche {
    margin: 2%;
    border-bottom: 1px solid #ccc;
    padding: 2% 0;
    display: inline-block;
    width: 90%;
}

#titre_liste {
    display: none;
}

.identite {
    font-weight: bold;
    font-size: 15px;
}

#form_moteur_recherche h3 {
	display: none;
}
/***** MODELES *****************************************************************************************************************************/


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

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

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

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

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

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

.col_4 {
    width: 22%;
    margin: 0 4% 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: 32%;
    margin: 3% 3% 0 0;   /****** MODIF PO *****/
    display: inline-block;
    vertical-align: top;
}

.col_2_tier {
    margin-top: 3%;         /****** MODIF PO *****/
    width: 65%;
    display: inline-block;
    vertical-align: top;
}

.col_two_tier {
    width: 65%;
    margin: 3% 3% 0 0;    /****** MODIF PO *****/
    display: inline-block; 
    vertical-align: top;
}

.col_one_tier {
    margin-top: 3%;          /****** MODIF PO *****/
    width: 32%;
    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_2 img,
.col_3 img,
.col_4 img,
.col_6 img,
.col_8 img {
    max-width: 100% !important;
}


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


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

@media screen and (max-width: 1024px) {
    #container {
        width: 100% !important;
    }
}

@media screen and (max-width: 800px) {
    #menu_appli_nosh {
        display: block;
        width: 100%;
        background: #ffffff;
    }
    #accueil_content {
        display: block;
        width: 100%;
    }
    #bloc_user {
        padding: 0;
        font-size: 0;
    }
    .bloc_fiche {
        padding: 0;
        width: 30%;
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        height: 30px;
        padding: 10px 0;
        line-height: 30px;
    }
    .bloc_user_detail {
        padding-top: 0;
        width: 70%;
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        background: #006793;
        height: 30px;
        padding: 10px 0;
    }
    .bloc_user_detail a {
        font-size: 12px;
    }
    #img_profil {
        display: none;
    }
    #menu_appli_nosh .hide {
        display: block;
    }
    #z8 .hide {
        display: none;
    }
    #bloc_header {
        position: relative;
    }
    .return {
        top: 10px;
        right: 0;
        font-size: 12px;
        width: 100%;
    }
    .logo {
        padding: 40px 0 20px 0;
    }
    .col_8 {
        width: 22.5%;
        margin: 2% 2% 0 0;
    }
}

@media screen and (max-width: 600px) {
    .col_3 {
        width: 98%;
        margin: 2% 2% 0 0;
    }
    .col_6 {
        width: 31%;
        margin: 2% 2% 0 0;
    }
}

@media screen and (max-width: 400px) {
    .col_2,
    .col_3,
    .col_4,
    .col_6,
    .col_8,
    .col_1_tier,
    .col_2_tier,
    .col_two_tier,
    .col_one_tier {
        width: 100% !important;
        margin-top: 2%;
    }
}

#bt_PayByMonetico {
    border-radius: 10px;
    padding: 5px 10px;
    margin: 20px 0px;
    background-color: #F17C0A;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    border-color: #000;
    cursor: pointer;
}






/********* Zone de modifications / adaptations aux besoin de l'ADREP ***/
/************** Ajouts par P.O pour page Mag-Infos*******************/

.htmlarea_content a:link{
	text-decoration: none !important;
}  
.htmlarea_content  a:hover{
  color: green;
}
/**************************************
.POTitre {
     top: 0;
     border-radius: 10px;
    box-shadow: 0px 5px 0px #1c1a19;
    max-width: 100%;
    /*793px; */
    z-index: 99;
    margin-top: 0px;
    margin-bottom: 5%;
    border: solid blue 0.36%;
}

#POdiv_Principale {
    max-width: 100%;
    height: 100%;
    background-color: #f2f2f2;
   border: solid blue 0px;  
}

#POdiv_Principale a:link {
    text-decoration: none;
}

#POdiv_Principale a:hover {
    color: green;
}


#POimageS,
#POimageD {
    margin-bottom: 0px;
    background-color: white;
    margin-top: 2.45%;
    margin-left: 1.94%;
    vertical-align: top;
    display: inline-block;
    border: solid green 0px;  
}

#POimageD {
    width: 63.35%;
}

#POimageS {
    width: 30.75%;
}


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

.imageD,
.imageS {
    width: 100%;
    /*max-height: 200px;*/
}

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

#POcolonneS,
#POcolonneD {
    display: inline-block;
    vertical-align: top;
    margin-left: 0px;
    border: solid blue 0px;
}

#POcolonneS {
    width: 260px;
}

#POcolonneD {
    width: 524px;
}



#POtextDblock {
    display: inline-block;
    margin-left: 7px;
    background-color: white;
    margin-top: 0px;
    width: 240px;
    vertical-align: top;
}
*******************************************/
#PPO {
    text-align: left;
    font-family: verdana;
    font-size: 18px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 7px;
    color: black;
}
         /**************   Bouton ADREP  (Ajout par PO le 2 /11 /2019 ******************/
 
 .ADREP_bouton {
     box-shadow:inset  1px 1px 1px 1px #FFFFFF;
     background-color:#DFDFDF;
     border-radius: 10px;
     border:2px solid #FFFFFF;
     display:block;    
     font-size: 12px;
     font-family: verdana;
     
     font-weight: normal;
     text-decoration: none;
     height:30px; 
     line-height:30px;
     width:200px; 
     text-align:center; 
     text-shadow:1px 1px #FFFFFF #FFFFFF;
 } 
 
 .ADREP_bouton:hover {
	 background-color:#FFFFFF; 
	 font-size: 14px;
	 font-family: Verdana;
	 color: #777777; 
         text-decoration:none; 
} 


/********* Ajout pour page "ADREP - Organisation" - Trombinoscope *******ajout par PO le 01/12/2021************/

.element {
	border:0px red solid;
}
.element:hover > .infobulle {
	transform: scale(1)rotateX(0deg);
}
.infobulle{
	z-index: 99;
	transform: scale(0) rotateX(-180deg); 
	position: absolute;
	margin-top: -250px;
	margin-left: -180px;
	width : 40%;
	background-color: #fcfde3;
	padding: 8px;
	padding-left: 10px;
	box-shadow: 0 15px 20px rgba(0, 0, 0, 0);
	border-radius: 15px;
	border:3px solid blue;
	transition: 1sec; 
}
.bur_admin{
	
	background-color: #fcfde3;
	padding: 8px;
	padding-left: 10px;
	box-shadow: 0px 5px 5px #000000;     /*0 15px 20px rgba(0, 0, 0, 0);*/
	border-radius: 15px;
	border:0px solid blue;
}

/#CR_Bureau  {
     display: none;
}
#CR_Bureau:target  {
      display: box;
}
*/

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

div#html_16768 {
  /*  background-image: -o-linear-gradient(bottom, #006793 0%, #1986b4 100%);
    background-image: -moz-linear-gradient(bottom, #006793 0%, #1986b4 100%%);
    background-image: -webkit-linear-gradient(bottom, rgb(0, 103, 147) 0%, rgb(25, 134, 180) 100%);
    background-image: -ms-linear-gradient(bottom, ##006793 0%, #1986b4 100%100%);
    background-image: linear-gradient, rgb(0, 103, 147) 0%, rgb(25, 134, 180) 100%);*/

    background-image: #f17c0a;
    border-radius: 10px;
    border-radius: 10px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    margin: 50px;
    padding: 10px 0 0;
    text-align: center;
    text-transform: uppercase;
}