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

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

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

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

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

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

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

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

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

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

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) 0px 0 repeat-y ;
}

div#html_footer {
	background-color :#ffffff;
}
dl.testttt dt a {	
	color: #005A74; 
	background-color: transparent;
}

div#header_cadre {width : 774px;}
div#container{width : 775px;}

div#demonstration,div#aiw_bande ul li.thelink a{color: #a2a2a2; }
.calendar thead .title,.calendar .button{background-color:#005A74;color: #ffffff;}
div.lecteur_rss  div.thetitle, .entetemeteo{background-color:#005A74;}
div.lecteur_rss  div.thetitle p, table.meteo td.entetemeteo{color: #ffffff;}
body{background-color: #FFFFFF; }
div#header_club p.title_club,div#header_club h1#titre_nom_club{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#maa_4880{background-color : transparent;}
				div#maa_4880 dl dt a,div#maa_4880 dl dt span{color : #a2a2a2;background-color : transparent;}
				div#maa_4880 dl dt a.menu_selected,div#maa_4880 dl dt span.menu_selected{color : #005A74;background-color : transparent;}
				div#maa_4880 dl dt a:hover,div#maa_4880 dl dt span:hover,div#maa_4880 dl dt a.menu_selected:hover,div#maa_4880 dl dt span.menu_selected:hover{color : #005A74;background-color : transparent;}
				div#maa_4880 ul li{background-color : #ababab;}
				div#maa_4880 ul li a{color : #a2a2a2;}
				div#maa_4880 ul li a.menu_selected{color : #005A74;}
				div#maa_4880 ul li:hover,div#maa_4880 ul li a:hover{background-color : transparent;color : #005A74;}
				div#header_club {
	width:728px;
}

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: 10px;
	font-family:Verdana, sans-serif;
	color: #000000;
}

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

div#accueil_content,div.htmlarea_content,h1.titreperso,h2.titreperso,h2#section_actus,div.actu,div.actulink,h2#section_events,div.event,div.eventlink,div#boutique,div#recherche{background-color:#ffffff;}
h1.titreperso,h2.titreperso,h2#section_actus,h2#section_events{font-size : px;}
div#recherche a,div#boutique a,div.htmlarea_content a{color:#005A74;}
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:#a2a2a2;}
div#recherche a:visited,div#boutique a:visited,div.htmlarea_content a:visited{color:#005A74;}
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) );}
/********* STRUCTURE SITE ********/

div#container {
  width: 100%;
  border: none; 
}

div#header_cadre {
  width: 100%;
}

div#header_club {
  margin: 0;
  padding: 0;
  width: 100%;
}

div#accueil_content {
  width: 720px;
  margin: 0 30px 0 0;
}

div.pub_sous_rss {
  margin-top: 0;
}

div.htmlarea_content {
  padding: 0 10px 0 0;
}

.titreperso {
  text-transform: uppercase;
  padding-left: 20px !important;
  padding-top: 10px !important;
}

#bloc_droite_bandeau .spacer {
  display: none;
}

#header_aiw .spacer {
  display: none;
}

div.horizontal_zone {
  padding: 0;
}

#z7 {
  float: left;
  width: 100%;
}

#z1 {
  float: left;
  width: 100%;
}

div#menu_appli_arno, div.menu_appli_arno {
  clear: none;
}

div#innerMain {
  width: 1170px;
  margin: 0 auto;
}

div.htmlarea_content table, div.htmlarea_content table tbody, div.htmlarea_content table tbody tr, div.htmlarea_content table tbody tr td {
  border: none;
}

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


/********* SOCIAL MEDIA *********/

.top-menu {
  border-bottom: 1px solid #005a74;
  border-top: 1px solid #005a74;
  float: right;
  margin-top: 30px !important;
  padding-top: 15px;
  width: 400px;
}

.top-menu a {
  color: #005a74;
  font-size: 12px;
  float: left;
}

.top-menu p {
  font-size: 12px;
  margin: 0 5px;
}

.top-menu .social a {
  display: block;
  height: 30px;
  width: 30px;
}

.top-menu div {
  float: left;
}

.top-menu .social a, .top-menu .social p {
  float: left;
}

.top-menu .contact p, .top-menu.contact a {
  float: left;
}

#rss {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/rss.png") no-repeat scroll 0 0 / 22px auto rgba(0, 0, 0, 0);
}

#rss:hover {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/rss.png") no-repeat scroll 0 -31px / 22px auto rgba(0, 0, 0, 0);
}

#facebook {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/facebook.png") no-repeat scroll 0 0 / 22px auto rgba(0, 0, 0, 0);
}

#facebook:hover {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/facebook.png") no-repeat scroll 0 -31px / 22px auto rgba(0, 0, 0, 0);
}

#twitter {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/twitter.png") no-repeat scroll 0 0 / 22px auto rgba(0, 0, 0, 0);
}

#twitter:hover {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/twitter.png") no-repeat scroll 0 -31px / 22px auto rgba(0, 0, 0, 0);
}

.store {
position: absolute;
top: 25px;
right: 405px;
}

/******** TITRE ********/

.csme-titre h2 {
  border-top: 2px solid #005a74;
  color: #005a74;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 20px;
  margin-bottom: 5px;
}

/******* LOGO ****/

.logo {
  float: left;
}

.logo img {
  padding: 20px 0 0 20px;
  width: 160px;
}

/***** MENU *********/

div#maa_4880 dl dt a:hover,
div#maa_4880 dl dt span:hover,
div#maa_4880 dl dt a.menu_selected:hover,
div#maa_4880 dl dt span.menu_selected:hover {
  background-color: transparent;
  color: #005a74 !important;
  transition: all 0.2s ease-in 0.2s;
}

div#maa_4880 {
  margin: 100px auto 0;
  width: 1170px;
  display: table;
}

#maa_4880 a {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 14px;
}

#maa_4880 .nolink {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 14px;
}

#menu_appli_arno dt, div.menu_appli_arno dl dt {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #ffffff;
  font-weight: bold;
  margin: 0;
  padding: 2px 6px 2px 2px;
  text-align: center;
  white-space: nowrap;
}

/************* SLIDER DIAPORAMA ******************/

#slides {
  position: relative!important;
}

#label_album, #titre_album, #nb_photos {
  display: none!important;
}

div#example, .encaps_slideshow .sousdiv {
  width: 1170px!important;
}

div.slides_control img.img_diapo {
  width: 1170px!important;
}

.slides_container {
  height: 570px!important;
}

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

.slides_control {
  height: 100% !important;
  width: 100% !important;
  margin: 0 auto!important;
}

/*** navigation slider ***/

#slides .next, #slides .prev, .slideshow .next, .slideshow .prev {
  top: 285px!important;
}

#slides .next {
  left: 1145px !important;
}



/********* ACCUEIL SPORTS ******/
.conf_3998 .titreperso {
  display:none;
}

.choix-sport {
  width: 700px;
}

.sports {
  float: left;
  font-size: 14px;
  letter-spacing: 2px;
  text-align: right;
  text-transform: uppercase;
  width: 300px;
  margin-bottom: 10px;
}

.sports:nth-child(2n+1) {
  margin-left: 70px;
}

.sports > a {
  color: #a2a2a2 !important;
  display: block;
  height: 30px;
  padding: 20px 0 0;
  text-decoration: none !important;
}

.sports > a:hover {
  background-position: 0 -50px !important;
  color: #005a73 !important;
  font-size: 13px;
  font-weight: bold !important;
}

.choix-sport h2 {
  border-bottom: 2px solid #005a73 !important;
  color: #005a73 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  letter-spacing: 2px;
  margin-bottom: 30px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding-bottom: 10px !important;
  text-align: center;
  text-transform: uppercase;
}

/**** BACKGROUND SPORT PICTO ***/

#arts-martiaux {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/arts-martiaux.png");
  background-repeat: no-repeat;
}

#athletisme {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/athletisme.png");
  background-repeat: no-repeat;
}

#basketball {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/basketball.png");
  background-repeat: no-repeat;
}

#boxe {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/boxe.png");
  background-repeat: no-repeat;
}

#colombophilie {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/colombophilie.png");
  background-repeat: no-repeat;
}

#culturisme {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/culturisme.png");
  background-repeat: no-repeat;
}

#cyclotourisme {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/cycletourisme.png");
  background-repeat: no-repeat;
}

#cyclisme {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/cyclisme.png");
  background-repeat: no-repeat;
}

#echecs {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/echecs.png");
  background-repeat: no-repeat;
}

#escalade {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/escalade.png");
  background-repeat: no-repeat;
}

#escrime {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/escrime.png");
  background-repeat: no-repeat;
}

#gym-entretien {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/gym-entretien.png");
  background-repeat: no-repeat;
}

#gym-tonic {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/gym-tonic.png");
  background-repeat: no-repeat;
}

#gym-artistique {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/gym-artistique.png");
  background-repeat: no-repeat;
}

#marche {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/marche-randonnee.png");
  background-repeat: no-repeat;
}

#muay-thai {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/muay-thai.png");
  background-repeat: no-repeat;
}

#natation {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/natation.png");
  background-repeat: no-repeat;
}

#petanque {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/petanque.png");
  background-repeat: no-repeat;
}

#plongee {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/plongee.png");
  background-repeat: no-repeat;
}

#tennis-badminton {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/tennis-badminton.png");
  background-repeat: no-repeat;
}

#plongee {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/plongee.png");
  background-repeat: no-repeat;
}

#plongee {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/plongee.png");
  background-repeat: no-repeat;
}

#volleyball {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/volleyball.png");
  background-repeat: no-repeat;
}

#tir-arc {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/tir-arc.png");
  background-repeat: no-repeat;
}

#yoga {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/yoga.png");
  background-repeat: no-repeat;
}




/*********** BLOC ACTUS **********/

div#menu_appli_nosh {
  margin: 0 0 0 70px;
  width: 350px;
}

.bloc-actus h2 {
  border-bottom: 2px solid #005a73 !important;
  color: #005a73 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  letter-spacing: 2px;
  margin-bottom: 30px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding-bottom: 15px !important;
  text-align: center;
  text-transform: uppercase;
}

.actus-club h1 {
  display: none;
}

.suite {
  color: #a2a2a2;
  float: right;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  text-decoration: none!important;
}

.actus-club h3 {
  margin: 0 0 5px;
}

.actus-club h3 a {
  color: #005a73;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
}

.dateActu {
  color: #a2a2a2;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 5px;
}

.detail {
  color: #005a73;
  font-size: 12px;
  text-decoration: none!important;
}

.actu_flux_rss {
  margin-bottom: 40px;
}

.bloc-actus button {
  background-color: #a2a2a2;
  box-shadow: 1px 1px #afafaf;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  padding: 10px;
  text-shadow: 1px 1px #0b0b0b;
  text-transform: uppercase;
  transition: all 0.3s ease-in 0.3s;
}

.bloc-actus button:hover {
  background-color: #005a74;
}

.actus-club span {
  display: none;
}


#h1_flux_actus {
  display: none;
}

.actu .htmlarea_content img {
  margin-bottom: 2%;
  margin-right: 100%;
}

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

div#html_footer {
  background-color: #ececec;
}

/******** FOOTER 1 *********/

.bloc-footer h2{
  border-bottom: 2px solid #005a73 !important;
  color: #005a73 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  letter-spacing: 2px;
  margin-bottom: 30px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding-bottom: 10px !important;
  text-align: center;
  text-transform: uppercase;
}

.footer-1 {
  display: table;
  margin: 0 auto;
  padding: 30px 0;
  width: 1170px;
}

.bloc-footer {
  float: left;
  padding: 0px 35px;
  width: 320px;
}

/***** PARTENAIRES *****/

#html_footer .divAlb {
  border: medium none;
  height: 50px;
  overflow: hidden;
  padding: 0;
  width: 64px;
}

#html_footer #ulAlb li {
  background-color: #ececec;
  border: none;
  color: #fff;
  margin: 10px;
}

#html_footer #alb_1456 > div {
  margin-left: 20px;
}


#epinay-logo {
  float: left;
  width: 285px;
}

.partenaires-logos {
  margin: 25px 0 0px 8px;
  width: 60px;
}

.partenaires {
  background-color: white;
  padding: 15px;
}

/****** FOOTER 2 *******/

.footer-2 {
  background-color: #005a74;
  color: #fff;
  display: table;
  width: 100%;
  padding-top: 20px;
}

.footer-2 a {
  color: #fff;
  font-size: 12px;
}

.footer-2 p {
  font-size: 12px;
  margin: 0 5px;
}

.footer-2 .social a {
  display: block;
  height: 30px;
  width: 30px;
}

.footer-2 div {
  float: left;
}

.footer-2 .social a, .footer-2 .social p {
  float: left;
}

.footer-2 .contact p, .footer-2 .contact a {
  float: left;
}


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

#greffon_newsletter {
  float: right;
  width: 500px;
}

#greffon_newsletter fieldset {
  border: medium none;
}

#greffon_newsletter h3 {
  border-bottom: 2px solid #fff !important;
  color: #fff !important;
  float: left;
  font-size: 14px !important;
  font-weight: bold !important;
  letter-spacing: 2px;
  margin-left: auto;
  margin-right: 60px;
  margin-top: 0;
  padding-bottom: 10px !important;
  text-align: center;
  text-transform: uppercase;
}

#desinscription_NL, #inscription_NL {
  display: none;
}

#valider_newsletter {
  background-color: #a2a2a2;
  box-shadow: 1px 1px #afafaf;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  padding: 2px;
  text-shadow: 1px 1px #0b0b0b;
  text-transform: uppercase;
  transition: all 0.3s ease-in 0.3s;
}

#valider_newsletter:hover {
  background-color: #005a74;
}


/****** CALENDRIER *****/

.calendar table {
  background-color: transparent;
  border: medium none;
  color: #000;
  cursor: pointer;
  font-family: verdana,tahoma,sans-serif;
  font-size: 12px;
  height: 230px;
  transition: all 0.3s ease 0.3s;
  width: 320px;
}

.calendar tbody .day {
  transition: all 0.2s ease-in 0.2s;
}

.body_survey #innerMain .calendar table {
  background-color: #FFF;
}


/****** SOUS MENU ***********/

.sub-menu a {
  color: white !important;
  font-size: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}

div.cache {
  background-color: #005a74;
  margin-left: 60px;
  margin-top: 43px;
  width: 50%!important;
}

.sub-menu li {
  float: left;
  padding-left: 10px !important;
}

.sub-menu {
  width: 100%;
}

div#maa_4880 ul li {
  background-color: transparent;
  border: none;
  border-left: 2px solid gray;
  padding: 5px;
}

div#maa_4880 ul li a:hover {
  color: #aaa !important;
  transition: all 0.5s ease 0.5s;
}



/*************** SECTIONS INTERNES *************/

/******** MENU INTERNE ********/

#accueil_content .menu_appli_arno dl dt a:hover, 
#accueil_content .menu_appli_arno dl dt span:hover, 
#accueil_content .menu_appli_arno dl dt a.menu_selected:hover, 
#accueil_content .menu_appli_arno dl dt span.menu_selected:hover {
  background-color: transparent;
  color: #005a74;
  transition: all 0.2s ease-in 0.2s;
}

#accueil_content .menu_appli_arno a {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 14px;
}

#accueil_content .menu_appli_arno {
  border-bottom: 2px solid #005a74;
  padding: 0 0 4px;
  width: 750px;
}

/******* TITRE PAGE ********/

h3.titreperso, h2.titreperso, h1.titreperso, .orga_nom, .orga_nom_sg {
  background-color: transparent !important;
  color: #fff;
}

.perso {
  background-color: transparent!important;
  padding-bottom: 10px!important;
  padding-left: 20px!important;
}

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

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

.divAlb {
  border: medium none;
  height: 90px;
  overflow: hidden;
  padding: 10px;
  width: 90px;
}

#ulAlb li {
  background-color: #ececec;
  border: 1px dashed #005a74;
  color: #fff;
  margin: 10px;
}

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

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: none repeat scroll 0 0 #f2f2f2;
  font-size: 12px;
}

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: none repeat scroll 0 0 #f2f2f2;
}


/******* PRESENTATION ***********/

[class*="presentation"] .htmlarea_content {
  width: 500px;
}

/****** ARTS MARTIAUX ************/

.presentation-arts-martiaux {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/arts-martiaux%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-arts-martiaux p {
  color: #fff!important;
}

/****** ATHLETISME ************/

.presentation-athletisme {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/athletisme%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-athletisme p {
  color: #fff!important;
}

/****** BASKETBALL ************/

.presentation-basketball {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/basket.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-basketball p {
  color: #fff!important;
}

/****** BOXE FRANCAISE ************/

.presentation-boxe-francaise {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/boxe%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-boxe-francaise p {
  color: #fff!important;
}

/****** COLOMBOPHILIE ************/

.presentation-colombophilie {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/colombophilie%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-colombophilie p {
  color: #fff!important;
}

/****** CULTURISME ************/

.presentation-culturisme {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/culturisme%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-culturisme p {
  color: #fff!important;
}

/****** CYCLISME ************/

.presentation-cyclisme {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/cyclisme%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-cyclisme p {
  color: #fff!important;
}

/****** CYCLOTOURISME ************/

.presentation-cyclotourisme {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/cyclotourisme.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-cyclotourisme p {
  color: #fff!important;
}

/****** ECHECS ************/

.presentation-echecs {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/echecs%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-echecs p {
  color: #fff!important;
}

/****** ESCALADE ************/

.presentation-escalade {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/escalade%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-escalade p {
  color: #fff!important;
}

/****** ESCRIME ************/

.presentation-escrime {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/escrime%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-escrime p {
  color: #fff!important;
}

/****** GYM ENTRETIEN ************/

.presentation-gym-entretien {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/gym-entretien%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-gym-entretien p {
  color: #fff!important;
}

/****** GYM TONIC ************/

.presentation-gym-tonic {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/gym-tonic%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-gym-tonic p {
  color: #fff!important;
}

/****** GYM ARTISTIQUE ************/

.presentation-gym-artistique {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/gym-art.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-gym-artistique p {
  color: #fff!important;
}

/****** MARCHE RANDONNEE ************/

.presentation-marche-randonnee {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/marche.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-marche-randonnee p {
  color: #fff!important;
}

/****** MUAY THAÏ ************/

.presentation-muay-thai {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/muay-thai%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-muay-thai p {
  color: #fff!important;
}

/****** NATATION ************/

.presentation-natation {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/natation%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-natation p {
  color: #fff!important;
}

/****** PETANQUE ************/

.presentation-petanque {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/petanque%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-petanque p {
  color: #fff!important;
}

/****** PLONGEE SOUS MARINE ************/

.presentation-plongee-sous-marine {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/plongee%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-plongee-sous-marine p {
  color: #fff!important;
}

/****** TENNIS / BADMINTON ************/

.presentation-tennis-badminton {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/tennis.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-tennis-badminton p {
  color: #fff!important;
}

/****** TIR A L\'ARC ************/

.presentation-tir-arc {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/tir-arc%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-tir-arc p {
  color: #fff!important;
}

/****** VOLLEYBALL ************/

.presentation-volleyball {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/volleyball%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-volleyball p {
  color: #fff!important;
}

/****** YOGA ************/

.presentation-yoga {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/yoga%5B0%5D.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-yoga p {
  color: #fff!important;
}


/****** TENNIS TABLE ************/

.presentation-tennis-table {
  background: url("http://www.csme.fr/offres/doc_inline_src/751/tennis_table.png") no-repeat scroll 470px -20px / 700px auto #005a74;
  display: table;
  margin: 40px auto !important;
  width: 1170px;
}

.presentation-yoga p {
  color: #fff!important;
}


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

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

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

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

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

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

#titresurvey {
text-align: center;
font-size: 25px;
color: #0077AB;
font-weight: bold;
font-family: "Open Sans",sans-serif;
}

#fieldset_fields h4,
#thesurvey h4,
#fieldset_identify h4 {
    font-size: 16px !important;
    display:none;
}

/*identification*/

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

#fieldset_identify, #fieldset_fields {
    border: medium none;
    padding: 0;
}


#igotaccount, #nogoaccount {
   vertical-align: top;
}

#igotaccount {
    width: 46% !important;
}

#nogoaccount {
    width: 100% !important;
}

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

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

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

/* formulaire question*/

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

.contenu_bloc {
    padding: 0 5px 0 0 !important;
    font-size:13px;
}

.option_check, .option_radio {
    display: block;
    font-size: 13px;
}

.right .contenu_bloc,
.top_right .contenu_bloc {
    display: inline-block;
    width: 44%;
    font-size:13px;
}

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

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

.body_survey .titreperso {
  display: block;
}

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

.surveybloctype6 .options_bloc,
.surveybloctype5 .options_bloc {
    margin-left: 30px;
}

.titre .contenu_bloc {
    font-weight: bold;
    font-style: italic;
    margin-top: 35px;
}

#assistera_q2 .contenu_bloc,
#assistera_q4 .contenu_bloc {
    display: none;
}
#assistera_q2 .options_bloc,
#assistera_q4 .options_bloc {
    margin-left: 0px;
}


.armonyBouton {
  background-color: #005A74;
  color: #FFF !important;
  margin: 10px !important;
  padding: 10px !important;
  border: none;
  box-shadow: 1px 1px #afafaf;
  text-shadow: 1px 1px #0b0b0b;
  text-transform: uppercase;
  transition: all 0.3s ease-in 0.3s;
  cursor: pointer;
  font-weight: bold;
}

.armonyBouton:hover {
  background-color: #aaa;
}

#bt_valid_survey {
    text-align: right;
}

#q_oblig {
    font-size: 10px;
}

#survey_1675 .titreperso{
     display:block;
}

.contenu_bloc {
  padding-bottom: 10px!important;
}

.surveybloc {
  margin-bottom: 20px;
}


/** code rajouté le 23/04 par FA **/
/***** 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%;
}

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

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

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