span.colorcat_1744{
				background-color:#00FFFF;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1744{
				color:#00FFFF;
				}
				#calendar-container .calendar tbody td.cat1744{
				background-color:#00FFFF;
				}
				
				span.colorcat_1745{
				background-color:#FF0000;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1745{
				color:#FF0000;
				}
				#calendar-container .calendar tbody td.cat1745{
				background-color:#FF0000;
				}
				
h3.titreperso, 
h2.titreperso, 
h1.titreperso,
.orga_nom,
.orga_nom_sg {
	color: #00FF00;
}

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

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

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

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

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

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

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

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

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

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: #9799ff; 
	background-color: #383a8e;
}

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

div#demonstration,div#aiw_bande ul li.thelink a{color: #9799ff; }
.calendar thead .title,.calendar .button{background-color:#fff;color: #000;}
div.lecteur_rss  div.thetitle, .entetemeteo{background-color:#fff;}
div.lecteur_rss  div.thetitle p, table.meteo td.entetemeteo{color: #000;}
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#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: 8px;
	font-family:Verdana, sans-serif;
	color: #8B0000;
}

div.htmlarea_content h1{font-size: 14px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #EE82EE;} 
div.htmlarea_content h2{font-size: 16px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #EE82EE;} 
div.htmlarea_content h3{font-size: 18px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #EE82EE;}
div.htmlarea_content h4{font-size: 20px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #EE82EE;} 
div.htmlarea_content h5{font-size: 22px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #EE82EE;} 
div.htmlarea_content h6{font-size: 24px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #EE82EE;} 
div.htmlarea_content address{font-size: 10px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #f0581c;} 
div.htmlarea_content p{font-size: 8px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #8B0000;}
div#boutique p,div#recherche p{font-size: 8px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #8B0000;margin-bottom:5px;}
table#tablo_boutique,table#tablo_boutique_vignettes,table.tablo_nav{color: #8B0000;}

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:#d021be;}
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:#d021be;}
div#recherche a:visited,div#boutique a:visited,div.htmlarea_content a:visited{color:#d021be;}
div.htmlarea_content img {position:relative;padding:5px;max-width:1024px;max-width: expression( Math.min(parseInt(this.offsetWidth), 510) );}
div.htmlarea_content p img {max-width:1024px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1024) );}
div.htmlarea_content h1 img {max-width:1024px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1024) );}
div.htmlarea_content h2 img {max-width:1024px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1024) );}
div.htmlarea_content h3 img {max-width:1024px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1024) );}
div.htmlarea_content h4 img {max-width:1024px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1024) );}
div.htmlarea_content h5 img {max-width:1024px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1024) );}
div.htmlarea_content h6 img {max-width:1024px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1024) );}
div.htmlarea_content address img {max-width:1024px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1024) );}
/*** 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;
}

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, ul, li, fieldset, form, label, embed, video {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: baseline;
    letter-spacing: 1px;
    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;
}

.clear {
 clear: both;
}

.spacer {
    display: none;
}

/*** 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#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: 25px !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;
}

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 {
    font-family: inherit !important;
    font-size: 12px !important;
    margin: 0;
    padding: 0;
    width: 150px;
    height: 20px;
    background: green !important;
}

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

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

input[type=radio],
input[type="checkbox"],
input[type="reset"],
input[type="file"],
input[type=button] {
    height: auto !important;
    width: auto !important;
    background: green !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
 {
    background: red !important;
    border: none !important;
    width: 100px !important;
    height: 20px !important;
}

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 {
    background: pink !important;
    border: none !important;
    width: 100px !important;
    height: 20px !important;
}


/***** STRUCTURE **********************************************/
/*** HEADER *********************************/

#container {
    width: 960px !important;
    margin: 0 auto !important;
}

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

        #z1 {
        }

        #header_cadre {
            width: auto !important;
            }

            #header_club {
                width: auto !important;
                padding: 0 !important;
                float: none !important;

            }

            #bloc_droite_bandeau {
                float: none !important;
            }

        #z7 {
        }

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

#appli {
    clear: both;
}

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

    #innerMain {
        width: 100% !important;
        margin: 0 auto !important;
    }

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

div#menu_appli_nosh {
    width: 20% !important;
    display: inline-block;
    vertical-align: top;
    float: none !important;
}

/*** column center ***/

#accueil_content {
    width: 60% !important;
    display: inline-block;
    vertical-align: top;
    float: none !important;
    }

    .perso {

    }

/*** column right ***/

div.colonne_flux,
div#colonne_flux,
div.colonne_fluxnoariane,
div#colonne_fluxnoariane  {
    width: 20% !important;
    display: inline-block;
    vertical-align: top;
    float: none !important;
}

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

    #html_footer {
        margin: 0 auto !important;
    }

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

    #aiw_footer {
        background: none !important;
    }

/*** MENU : Stylisation menu en tenant compte des style de l'éditeur ***/

.menu_appli_arno {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    padding: 0 !important;
}

.menu_appli_arno dl {
    float: none;
    display: inline-block;
}

.menu_appli_arno dl,
.menu_appli_arno dl dt {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align:inherit !important;
}

.menu_appli_arno dt a,
.menu_appli_arno dt span.nolink {
    border: none;
    padding: 7px !important;
    font-weight: normal !important;
    font-size: 12px;
    display: block;
}

/*** sous menu ***/

div.cache {
    width: auto !important;
    margin-left: 51px;
    padding: 0 !important;
}

    div.cache ul {
        border: none;
        margin: 0;
        padding: 0;
    }

        div.cache li {
            display: block !important;
            margin: 0;
            padding: 0;
            height: auto !important;
        }

            div.cache li a {
                font-size: 12px;
                font-weight: normal;
                margin: 0;
                padding: 7px 10px;
                text-decoration: none !important;
            }

            div.cache li a:hover {
                color: #fff !important;
                -webkit-transition: all .6s ease-in;
                -moz-transition: all .6s ease-in;
                -o-transition: all .6s ease-in;
                transition: all .6s ease-in;
                text-decoration: none !important;
            }

/*** menu greffon ***/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,200);
#leftmenu,
#leftmenu ul,
#leftmenu ul li,
#leftmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#leftmenu {
  width: 220px;
  font-family: Raleway, sans-serif;
  color: #ffffff;
}
#leftmenu ul ul {
  display: none;
}
#leftmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#leftmenu > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
  background: #3ab4a6;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#leftmenu > ul > li > a:hover {
  color: #d8f3f0;
}
#leftmenu ul > li.has-submenu > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#leftmenu ul > li.has-submenu > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#leftmenu ul > li.has-submenu.open > a:after,
#leftmenu ul > li.has-submenu.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#leftmenu ul ul li a {
  padding: 14px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #dddddd;
  background: #49505a;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#leftmenu ul ul ul li a {
  padding-left: 32px;
}
#leftmenu ul ul li a:hover {
  color: #ffffff;
}
#leftmenu ul ul > li.has-submenu > a:after {
  top: 16px;
  right: 26px;
  background: #dddddd;
}
#leftmenu ul ul > li.has-submenu > a:before {
  top: 20px;
  background: #dddddd;
}



/*** FORMULAIRE ***/

div[id^="survey_"] input {
    font-family: inherit !important;
    font-size: 12px !important;
    margin: 0;
    padding: 0;
    width: 150px;
    height: 20px;
    background: blue !important;
}

div[id^="survey_"] select {
    font-size: 12px !important;
    height: 20px;
    background: blue !important;
}

div[id^="survey_"] textarea {
    font-family: inherit !important;
    font-size: 12px !important;
    height: 100px !important;
    width: 100% !important;
    background: blue !important;
}

div[id^="survey_"] input[type=radio],
div[id^="survey_"] input[type="checkbox"],
div[id^="survey_"] input[type="reset"],
div[id^="survey_"] input[type="file"] {
    height: auto !important;
    width: auto !important;
    background: blue !important;
}

/* Taille formulaire */

div[id^="survey_"] {
    width: 80%;
    margin: 0 auto !important;
}

#titresurvey {
    text-align: center;
    font-size: 16px !important;
}

#fieldset_fields h4,
#thesurvey h4,
#fieldset_identify h4 {
    font-size: 16px !important;
    text-align: center;
}


/*identification*/

#fieldset_identify .contenu_bloc {
    font-weight: bold !important;
    font-size: 12px !important;
    margin: 10px 0 !important;
}

#igotaccount, #nogoaccount {
    display: inline-block !important;
    vertical-align: top;
}

#igotaccount {
    width: 46% !important;
}

#nogoaccount {
    width: 54% !important;
}

#igotaccount .options_bloc,
#nogoaccount .options_bloc {
    margin: 5px 0 !important;
}

#nogoaccount .libchamp {
    width: 45% !important;
    display: inline-block;
}

#igotaccount .libchamp {
    width: 30% !important;
    display: inline-block;
}

/*formulaire question*/

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

.contenu_bloc {
    padding: 0 5px 0 0 !important;
}

.option_check,
.option_radio {
    display: block;
}

.right .contenu_bloc,
.top_right .contenu_bloc {
    display: inline-block;
    width: 53%;
}

.right .options_bloc,
.top_right .options_bloc {
    display: inline-block;
}

.top_right .contenu_bloc {
    vertical-align: top;
}

.top_right .options_bloc {
    vertical-align: top;
}

/*** GREFFON ACTUALITES ***/

/***
Couleur de base :  l'éditeur : liens
Taille de base : l'éditeur : taille texte : normal
Taille titre : l'éditeur : taille titre 3
***/

#spacer_flux_actus {
    display: none;
}

.actu_flux_rss {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    margin: 2% !important;
}

.actu_flux_rss .titre {
    text-decoration: none !important;
    font-size: 14px !important;
}

.actu_flux_rss .logoactusmall {
    width: 96%;
}

.actu_flux_rss .logoactu {
    float: left;
}

.actu_flux_rss .logoactu img {
    margin: 0 10% 0 0 !important;
}
.actu_flux_rss .detail {
    text-decoration: none !important;
}

.actu_flux_rss .suite {
    display: block;
    text-align: right;
}

/*** PAGE AUTO ACTUALITES ***/

/***
Couleur de base :  l'éditeur : liens
Taille de base : l'éditeur : taille texte : normal
Taille titre : l'éditeur : taille titre 3
***/

.actulink {
    margin: 1% 2% !important;
    display: inline-block;
    width: 46%;
    vertical-align: top;
}

.actulink .bloc_titre {
    margin: 0 0 5px 0 !important;
}
.actulink .bloc_titre a {
    background: none !important;
    font-size: 14px !important;
    margin: 0 0 5px 0 !important;
}

.actulink .logo_small {
    float: left;
    width: 80px !important;
}

.actulink img.logoactusmall {
    width: 70px !important;
    display: block;
    margin: 0 10px 0 0 !important;
}

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

.actulink .texte_small {
    float: none !important;
}

div[class^="actucat"]:first-child {
  background-color: lime !important;
  width: 96%;
}

/*** ACTUALITES AFFICHAGE PAGES ***/

div.actu div.bloc_titre a {
    background: none;
}

div.logo_small {
    float: left;
    margin: 5px 5px 0px 3px !important;
    width: auto !important;
}

img.logoactusmall {
    width: auto;
}

/*** PAGE AUTO EVENEMENT ***/

.eventlink {
    margin: 1% 2% !important;
    display: inline-block;
    width: 46%;
    vertical-align: top;
}

    .eventlink .bloc_logosmall {
        width: 80px !important;
        margin: 0 10px 0 0 !important;
    }

        .eventlink img.logosmall {
            width: 70px;
        }

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

        .bloc_headerlink span.date {
            font-size: 14px;
        }

        .bloc_headerlink .title a {
            background: none !important;
        }

/*** GREFFON LOGIN + BLOC CONNEXION DE LA CONFIG ***/

/*déconnecté*/

div#accueil_content form#formlogin,
form#formlogin {
    width: 220px !important;
    margin: 0 auto !important;
}

form#formlogin fieldset {
    background: none !important;
    border: none;
    width: auto !important;
}

#emailLabel, #passwordLabel {
    display: block;
}

form#formlogin fieldset label span.spanlogin {
    width: 96px;
    float: none;
    display: inline-block;
    height: auto !important;
    padding: 3px 0 0 0 !important;
}

form#formlogin label,
form#formlogin input,
form#formlogin ul {
    float: none;
    display: inline-block;
}

#login,
#mot_de_passe {
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    width: 120px !important;
    float: right !important;
}

#oubli_link {
    margin: 6px 0 0 0 !important;
    display: inline-block;
}

.formbouton {
    float: right !important;
    margin: 3px !important;
}

/*connecté*/

form#formlogin fieldset p {
    text-align: center !important;
}

form#formlogin fieldset a {
    color: inherit !important;
    font-size: 10px !important;
}

/*** GREFFON NEWSLETTER ***/

#greffon_newsletter {
    text-align: center;
    width: 236px;
}

#greffon_newsletter p {
    padding: 10px 0;
}

#greffon_newsletter label {
    display: inline-block;
    height: auto !important;
    margin: 10px 0;
}

#valider_newsletter {
    background: grey;
    border: medium none;
    width: 88px;
    cursor:pointer;
}

#valider_newsletter:hover {
    background: gainsboro;
}

/*** CONTACT : FORMULAIRE ***/

form.form_enligne,
form#form_contact_accueil fieldset,
div#messageConfirmation,
fieldset.reponse_clients {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.contact,
#form_contact_accueil p {
    font-size: 12px;
}

img#cryptogram {
    top: 7px;
}

/*** page plan du site ***/

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

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

ul.mapsite li a {
    color: inherit !important;
}


/***** GESTION SCROLL EVENT *****/

#container_actu,
#container_event,
#container_event2{
    width:800px;
    height:50px;
}

#list-container_actu,
#list-container_event,
#list-container_event2 {
overflow:hidden;    
width: 760px;  
float:left;    
}

.list_actu,
.list_event{
    background:grey;
    min-width:2000px;
    float:left;
}

.list_event2{
    background:grey;
    min-width:200px;
    float:left;
}


#arrowR_actu,
#arrowR_event,
#arrowU{
background:yellow;
    width:20px;
    height:50px;
    float:right;
    cursor:pointer;
}


#arrowL_actu,
#arrowL_event,
#arrowD{
background:yellow;
    width:20px;
    height:50px;
    float:left;
    cursor:pointer;
}


.item_actu,
.item_event{
    background:green;
    width:180px;
    height:100px;
    margin:5px !important;
    float:left;
    position:relative;
}

.item_event2{
    background:green;
    width:180px;
    height:40px;
    margin:5px !important;
    position:relative;
}