span.colorcat_1199{
				background-color:#4B0082;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1199{
				color:#4B0082;
				}
				#calendar-container .calendar tbody td.cat1199{
				background-color:#4B0082;
				}
				
					span.colorcat_1199,
					span.colornomcat_1199{
					display:none;
					}
					
					div.actucat_1199 div.texte_une div.bloc_titre a,
					div.actucat_1199 div.bloc_titre a,
					div.actucat_1199 div.bloc_titre h1,
					div.actucat_1199 div.bloc_titre h1 a,
					div.actucat_1199 div.bloc_titre,
					div.actucat_1199 h3 a,
					div.eventcat_1199 div.bloc_header span.title,
					div.eventcat_1199 div.bloc_header h1 span.title,
					div.eventcat_1199 div.bloc_header h1 span.title a,
					div.eventcat_1199 div.bloc_headerlink span.title a,
					h3.eventcat_1199 span,
					div.lecteur_rss ul li.rssactucat_1199 a,					
					div.lecteur_rss ul li.rsseventcat_1199 a
					{
					color:#4B0082 !important;
					}
					
					
				span.colorcat_1613{
				background-color:#DA70D6;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1613{
				color:#DA70D6;
				}
				#calendar-container .calendar tbody td.cat1613{
				background-color:#DA70D6;
				}
				
					span.colorcat_1613,
					span.colornomcat_1613{
					display:none;
					}
					
					div.actucat_1613 div.texte_une div.bloc_titre a,
					div.actucat_1613 div.bloc_titre a,
					div.actucat_1613 div.bloc_titre h1,
					div.actucat_1613 div.bloc_titre h1 a,
					div.actucat_1613 div.bloc_titre,
					div.actucat_1613 h3 a,
					div.eventcat_1613 div.bloc_header span.title,
					div.eventcat_1613 div.bloc_header h1 span.title,
					div.eventcat_1613 div.bloc_header h1 span.title a,
					div.eventcat_1613 div.bloc_headerlink span.title a,
					h3.eventcat_1613 span,
					div.lecteur_rss ul li.rssactucat_1613 a,					
					div.lecteur_rss ul li.rsseventcat_1613 a
					{
					color:#DA70D6 !important;
					}
					
					
				span.colorcat_1997{
				background-color:#6B8E23;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1997{
				color:#6B8E23;
				}
				#calendar-container .calendar tbody td.cat1997{
				background-color:#6B8E23;
				}
				
					span.colorcat_1997,
					span.colornomcat_1997{
					display:none;
					}
					
					div.actucat_1997 div.texte_une div.bloc_titre a,
					div.actucat_1997 div.bloc_titre a,
					div.actucat_1997 div.bloc_titre h1,
					div.actucat_1997 div.bloc_titre h1 a,
					div.actucat_1997 div.bloc_titre,
					div.actucat_1997 h3 a,
					div.eventcat_1997 div.bloc_header span.title,
					div.eventcat_1997 div.bloc_header h1 span.title,
					div.eventcat_1997 div.bloc_header h1 span.title a,
					div.eventcat_1997 div.bloc_headerlink span.title a,
					h3.eventcat_1997 span,
					div.lecteur_rss ul li.rssactucat_1997 a,					
					div.lecteur_rss ul li.rsseventcat_1997 a
					{
					color:#6B8E23 !important;
					}
					
					
h3.titreperso, 
h2.titreperso, 
h1.titreperso,
.orga_nom,
.orga_nom_sg {
	color: #405b81;
}

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

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

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

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

div#header_aiw {
	background-color: #405b81;;
}

form#formlogin fieldset legend {
	color: #405b81;
}

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

form#connect {
	background-color:#405b81;
}

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

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

.colorcat_multi{
	background-color: #869EA3;background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	padding: 0px 4px;
	font-size: 10px;
}


div#innerMain {
	background :#ffffff url(/data/bkg/pix_570_ffffff.png) 205px 0 repeat-y ;
}

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

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

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

#surveyas div.search_autocomplete ul{
list-style-type: none;
margin: 0px;
padding: 0px;
max-height: 20em;
overflow: auto;
float:none;
}
#surveyas div.search_autocomplete ul li.selected{
background-color: #019393; 
color:#fff;
}
#surveyas div.autocomplete ul li.selected a{
color:#fff;
}
#surveyas div.autocomplete ul li {
list-style-type:none;
display: block;
margin: 0;
padding: 2px;
cursor: pointer;
text-align:left;
}
#surveyas div.autocomplete ul li a{
text-align:left;
font-weight:normal;
color:#000;
}
div#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: #000000;} 
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:#0000CC;}
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:#0000CC;}
div#recherche a:visited,div#boutique a:visited,div.htmlarea_content a:visited{color:#551A8B;}
div.htmlarea_content img {position:relative;padding:5px;max-width:650px;max-width: expression( Math.min(parseInt(this.offsetWidth), 510) );}
div.htmlarea_content p img {max-width:650px;max-width: expression( Math.min(parseInt(this.offsetWidth), 650) );}
div.htmlarea_content h1 img {max-width:630px;max-width: expression( Math.min(parseInt(this.offsetWidth), 630) );}
div.htmlarea_content h2 img {max-width:650px;max-width: expression( Math.min(parseInt(this.offsetWidth), 650) );}
div.htmlarea_content h3 img {max-width:650px;max-width: expression( Math.min(parseInt(this.offsetWidth), 650) );}
div.htmlarea_content h4 img {max-width:650px;max-width: expression( Math.min(parseInt(this.offsetWidth), 650) );}
div.htmlarea_content h5 img {max-width:650px;max-width: expression( Math.min(parseInt(this.offsetWidth), 650) );}
div.htmlarea_content h6 img {max-width:650px;max-width: expression( Math.min(parseInt(this.offsetWidth), 650) );}
div.htmlarea_content address img {max-width:650px;max-width: expression( Math.min(parseInt(this.offsetWidth), 650) );}
div#header_aiw {
 display:none;
}
div#container {
	width: 100%;
}

/*** CSS POUR L'AFFICHAGE DE L'EQUIPE ***/

.view {
   width: 300px;
   height: 200px;
   margin: 10px !important;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(/offres/doc_inline_src/153/pattern_fond.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase !important;
   color: #fff !important;
   text-align: center !important;
   position: relative;
   font-size: 17px !important;
   padding: 10px !important;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0 !important;
}
.view p {
   font-family: Georgia, serif !important;
   font-style: italic !important;
   font-size: 12px !important;
   position: relative;
   color: #fff !important;
   padding: 10px 20px 20px !important;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px !important;
   background: #000 !important;
   color: #fff !important;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}


.view-aiw img {
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   z-index:0 !important;
   padding:0 !important;
}

.view-aiw .mask {
   background-color: #3C474F;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}

.view-aiw h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid #000000 !important;
   background: transparent !important;
   margin: 20px 40px 0px 40px !important;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-aiw p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-aiw a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-aiw:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-aiw:hover img {
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-aiw:hover h2,
.view-aiw:hover p,
.view-aiw:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

/**********************************************************************************************************************************************************************************************************************/
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   z-index:0 !important;
   padding:0 !important;
}

.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(60,71,79, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   background-color: rgba(60,71,79, 0.6) !important;
   //font-weight: bold !important;
   font-family: century gothic !important;
}

.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}

.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

/**********************************************************************************************************************************************************************************************************************/
.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   z-index:0 !important;
   padding:0 !important;
}

.view-fifth .mask {
   background-color: rgba(60,71,79,0.3) !important;
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.view-fifth h2 {
   background: rgba(255, 255, 255, 0.5) !important;
   color: #000 !important;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}

.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333 !important;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}

.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}

.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/************* GESTION MENU *************/

.menu_agence .menu_detail_agence:hover div{ 
bottom:30px;opacity:1;height:276px; transition:1s bottom,1s width,1s opacity; 
}

.menu_agence .menu_detail_agence div{ 
bottom:0px;opacity:0;height:0px; transition:1s bottom,1s width,1s opacity; 
}

.menu_detail_agence {
  float: left;
  width: 100px;
}

.menu_agence {
  background-color:#cccccc;
  border-radius : 10px;
}