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

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

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

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

div#demonstration,div#aiw_bande ul li.thelink a{color: #3d464e; }
.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{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_4770{background-color : transparent;}
				div#maa_4770 dl dt a,div#maa_4770 dl dt span{color : #3d464e;background-color : transparent;}
				div#maa_4770 dl dt a.menu_selected,div#maa_4770 dl dt span.menu_selected{color : #ffa800;background-color : transparent;}
				div#maa_4770 dl dt a:hover,div#maa_4770 dl dt span:hover,div#maa_4770 dl dt a.menu_selected:hover,div#maa_4770 dl dt span.menu_selected:hover{color : #ffa800;background-color : transparent;}
				div#maa_4770 ul li{background-color : transparent;}
				div#maa_4770 ul li a{color : #3d464e;}
				div#maa_4770 ul li a.menu_selected{color : #ffa800;}
				div#maa_4770 ul li:hover,div#maa_4770 ul li a:hover{background-color : transparent;color : #ffa800;}
				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: 12px;
	font-family:Verdana, sans-serif;
	color: #000000;
}

div.htmlarea_content h1{font-size: 36px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #fcc458;} 
div.htmlarea_content h2{font-size: 28px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #fcc458;} 
div.htmlarea_content h3{font-size: 20px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #fcc458;}
div.htmlarea_content h4{font-size: 16px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #3A4147;} 
div.htmlarea_content h5{font-size: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #FFFFFF;} 
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: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #000000;}
div#boutique p,div#recherche p{font-size: 12px;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:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 510) );}
div.htmlarea_content p img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h1 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h2 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h3 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h4 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h5 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h6 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content address img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
                span.colorcat_957{
                background-color:#9932CC;
                padding:0px 4px;
                font-size:10px;
                }
                #calendar-container .calendar tbody td.cat957{
                background-color:#9932CC;
                }
                
                    span.colorcat_957{
                    display:none;
                    }
                    
                    div.actucat_957 div.texte_une div.bloc_titre a,
                    div.actucat_957 div.bloc_titre a,
                    div.actucat_957 div.bloc_titre h1,
                    div.actucat_957 div.bloc_titre h1 a,
                    div.actucat_957 div.bloc_titre,
                    div.actucat_957 h3 a,
                    div.eventcat_957 div.bloc_header span.title,
                    div.eventcat_957 div.bloc_header h1 span.title,
                    div.eventcat_957 div.bloc_header h1 span.title a,
                    div.eventcat_957 div.bloc_headerlink span.title a,
                    h3.eventcat_957 span,
                    div.lecteur_rss ul li.rssactucat_957 a,                 
                    div.lecteur_rss ul li.rsseventcat_957 a
                    {
                    color:#9932CC !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: transparent;;
}

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

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: #ffa800; 
    background-color: transparent;
}

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

div#demonstration,div#aiw_bande ul li.thelink a{color: #3d464e; }
.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{display:none;}
div#header_club p.description_club{display:none;}
div#maa_4770{background-color : transparent;}
                div#maa_4770 dl dt a,div#maa_4770 dl dt span{color : #3d464e;background-color : transparent;}
                div#maa_4770 dl dt a.menu_selected,div#maa_4770 dl dt span.menu_selected{color : #ffa800;background-color : transparent;}
                div#maa_4770 dl dt a:hover,div#maa_4770 dl dt span:hover,div#maa_4770 dl dt a.menu_selected:hover,div#maa_4770 dl dt span.menu_selected:hover{color : #ffa800;background-color : transparent;}
                div#maa_4770 ul li{background-color : transparent;}
                div#maa_4770 ul li a{color : #3d464e;}
                div#maa_4770 ul li a.menu_selected{color : #ffa800;}
                div#maa_4770 ul li:hover,div#maa_4770 ul li a:hover{background-color : transparent;color : #ffa800;}
                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: 12px;
    font-family:Verdana, sans-serif;
    color: #000000;
}

div.htmlarea_content h1{font-size: 36px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #fcc458;} 
div.htmlarea_content h2{font-size: 28px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #fcc458;} 
div.htmlarea_content h3{font-size: 20px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #fcc458;}
div.htmlarea_content h4{font-size: 16px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #3A4147;} 
div.htmlarea_content h5{font-size: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #FFFFFF;} 
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: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #000000;}
div#boutique p,div#recherche p{font-size: 12px;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:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 510) );}
div.htmlarea_content p img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h1 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h2 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h3 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h4 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h5 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h6 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content address img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}

                span.colorcat_957{
                background-color:#9932CC;
                padding:0px 4px;
                font-size:10px;
                }
                #calendar-container .calendar tbody td.cat957{
                background-color:#9932CC;
                }
                
                    span.colorcat_957{
                    display:none;
                    }
                    
                    div.actucat_957 div.texte_une div.bloc_titre a,
                    div.actucat_957 div.bloc_titre a,
                    div.actucat_957 div.bloc_titre h1,
                    div.actucat_957 div.bloc_titre h1 a,
                    div.actucat_957 div.bloc_titre,
                    div.actucat_957 h3 a,
                    div.eventcat_957 div.bloc_header span.title,
                    div.eventcat_957 div.bloc_header h1 span.title,
                    div.eventcat_957 div.bloc_header h1 span.title a,
                    div.eventcat_957 div.bloc_headerlink span.title a,
                    h3.eventcat_957 span,
                    div.lecteur_rss ul li.rssactucat_957 a,                 
                    div.lecteur_rss ul li.rsseventcat_957 a
                    {
                    color:#9932CC !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: transparent;;
}

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

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: #ffa800; 
    background-color: transparent;
}

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

div#demonstration,div#aiw_bande ul li.thelink a{color: #3d464e; }
.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{display:none;}
div#header_club p.description_club{display:none;}
div#maa_4770{background-color : transparent;}
                div#maa_4770 dl dt a,div#maa_4770 dl dt span{color : #3d464e;background-color : transparent;}
                div#maa_4770 dl dt a.menu_selected,div#maa_4770 dl dt span.menu_selected{color : #ffa800;background-color : transparent;}
                div#maa_4770 dl dt a:hover,div#maa_4770 dl dt span:hover,div#maa_4770 dl dt a.menu_selected:hover,div#maa_4770 dl dt span.menu_selected:hover{color : #ffa800;background-color : transparent;}
                div#maa_4770 ul li{background-color : transparent;}
                div#maa_4770 ul li a{color : #3d464e;}
                div#maa_4770 ul li a.menu_selected{color : #ffa800;}
                div#maa_4770 ul li:hover,div#maa_4770 ul li a:hover{background-color : transparent;color : #ffa800;}
                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: 12px;
    font-family:Verdana, sans-serif;
    color: #000000;
}

div.htmlarea_content h1{font-size: 36px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #fcc458;} 
div.htmlarea_content h2{font-size: 28px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #fcc458;} 
div.htmlarea_content h3{font-size: 20px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #fcc458;}
div.htmlarea_content h4{font-size: 16px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #3A4147;} 
div.htmlarea_content h5{font-size: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #FFFFFF;} 
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: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #000000;}
div#boutique p,div#recherche p{font-size: 12px;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:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 510) );}
div.htmlarea_content p img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h1 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h2 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h3 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h4 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h5 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h6 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content address img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
/*************STRUCTURE*****************/
html, body {
    margin: 0;
    padding: 0;
    font: 10px verdana, arial, helvetica, sans-serif;
}

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

.body_p_41238 div#appli {
  background: url("/offres/doc_inline_src/489/bg-appli.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  width: 100%;
  padding-top: 30px;
}

.conf_3938 #accueil_content,
.conf_4221 #accueil_content {
    float: none !important;
}

div#appli {
  width: 100%;
}

div.pub_sous_rss {
  margin: 0;
}

#header_aiw .spacer {
    display: none;
}

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

div#header_cadre {
  width: 1180px;
  display: none;
}

div#header_club {
  margin: 0;
  padding: 0;
  width: 1180px;
}

div.horizontal_zone {
    position: relative;
}

.perso_ {
  width: 880px !important;
}

div.perso {
  background-color: transparent;
  margin: 0 !important;
}

.titreperso {
  display: none;
  margin: 0;
}

div.htmlarea_content img {
  padding: 0;
}

div#innerMain {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  margin: 0 auto;
  width: 1080px;
}

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;
  margin: 0 !important;
}

div#recherche a, div#boutique a, div.htmlarea_content a {
  color: #495259;
}

#accueil_content {
  width: 1080px!important;
  margin: 0 auto;
}

.htmlarea_content.editeur_2 {
  padding: 0;
}

div.date_modif {
  display:none;
}

a:hover {
  color: #fcc458!important;
}

/******TABLEAU BORDURE*********/
div.htmlarea_content table, div.htmlarea_content table tbody, div.htmlarea_content table tbody tr, div.htmlarea_content table tbody tr td {
  border: none;
}

/***********ACCUEIL - DISPLAY************/

.body_p_41238 .editeur_2 {
  display: none;
}

.blocs {
  display: none;
}

.body_p_41238 .blocs {
  display: block;
}

.diaporama {
  display: none;
}

.body_p_41238 .diaporama {
  display: block;
}

.body_p_41238 #search-bar {
  display: none;
}


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

div#header_aiw {
  background: url("/offres/doc_inline_src/489/bg-menu-header.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#z1 {
  background: url("/offres/doc_inline_src/489/bg-menu-header.jpg") no-repeat scroll -310px 0 rgba(0, 0, 0, 0);
  height: 165px;
  margin: 0 auto;
  width: 1080px;
}

#logo-aiw-cms {
  padding-top: 20px;
}

div#maa_4770 {
  position: absolute;
  right: 40px;
  top: 80px;
}

div#maa_4770 a{
  text-transform: uppercase;
  font-weight: normal;
  font-size: 16px;
}

#menu_appli_arno dt, div.menu_appli_arno dl dt {
  background: none;
  padding: 0 0 0 16px;
}

.inscription a {
  color: #ffa800;
  font-size: 16px;
  position: absolute;
  top: 15px;
}

.inscription p {
  color: #ffa800;
  font-size: 16px;
  position: absolute;
  right: 140px;
  top: 0;
}

#inscrire{
  right: 160px;
}

#connexion {
  right: 45px;
}

/********SEARCH-BAR-RECHERCHE********/

.recherche #param_search_boutique {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 85%;
  height: 25px;
}

.recherche #param_search_boutique:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.recherche fieldset {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px none #aaa;
  border-radius: 5px;
  padding: 0 10px;
}

.recherche .boutons input {
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px none #aaa;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  float: right;
  height: 30px;
  width: 14%;
  font-size: 16px;
}

.recherche .boutons input:hover {
  background-color: rgba(0, 0, 0, 0.2);
  font-weight:bold;
}

/*************ACCUEIL******************/
/*********BLOCS****************/
/********BLOC-1**********/

#bloc-1 {
  height: 400px;
}

.presentation {
  height: 400px;
}

.utilisateurs{
  margin-top:20px!important;
}

.presentation h2 {
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.presentation h3 {
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.presentation a {
  background-color: #fcc458;
  border-radius: 5px;
  box-shadow: 2px 2px 10px #2b2e31;
  color: #fff !important;
  padding: 10px;
  text-decoration: none !important;
  font-weight: bold;
}

#demo {
  float: left;
  width: 360px;
  margin-right: 50px;
}

#demo > a {
  margin-left: 100px;
}

#demo > a:hover {
  opacity: 0.8;
}

#demo h2 {
  margin-bottom: 20px;
}

#demo hr {
  background-color: rgba(0,0,0,0.20);
  width: 90%;
  margin-top: 20px;
}

#fonctionnalites {
  float: left;
  width: 670px;
}

#fonctionnalites > a:hover {
  opacity: 0.8;
}

#fonctionnalites-1 {
  margin-right: 20px;
}

#fonctionnalites h3 {
  margin-bottom: 20px;
}

#fonctionnalites ul {
  float: left;
  font-size: 12px !important;
  line-height: 20px;
  margin-bottom: 30px !important;
  padding: 0 0 0 10px;
  width: 300px;
  color: #fff;
}

.blocs .htmlarea_content {
  padding: 0;
}

.presentation p {
  line-height: 20px;
  margin-bottom: 30px !important;
}

/*******BLOC-2**********/

#bloc-2 {
  height: 270px;
}

.skills {
  text-align: center;
  float: left;
  width: 250px;
  line-height: 20px;
  margin-top: 10px;
}

#skills h4 {
  line-height: 50px;
}

#site, #gestion-boutique, #tresorerie {
  margin-right: 20px;
}

/********BLOC-3********/

.titre-page-centre {
  margin-bottom: 30px;
  margin-top: 10px;
}

#bloc-3 {
  height: 580px;
}

#bloc-3 .titre-page-centre {
  padding: 0 0 20px;
}

.titre-page-centre h2 {
  line-height: 70px;
}

/*
LES CLIENTS
**********/

div#page_35072 {
  min-height: 450px;
  padding-top: 15px;
}

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

.rich_album {
  margin-top: 20px;
}

.vignette {
  background-color: #FFFFFF;
  float: left;
  margin: 0 10px 20px;
}

.imgcontainer {
  height: 200px;
  width: 100%;
}

.contenu_vignette {
  border: 1px solid #D8D8D8;
  border-top: none;
}

.legende {
  color: #616161;
  padding: 5px;
}

.content-client {
  margin-top: 20px !important;
  text-align: center;
  width: 270px;
  float: left;
}

.img-client {
  margin: 0 auto;
  max-height: 200px;
  position: relative;
}

.titre-client {
  border: 1px solid #D8D8D8;
  border-top: none;
  margin: 0 auto;
  text-align: left;
}

.titre-client h3 {
  color: #616161;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-top: 5px;
}

.img-client span {
  background: url("/offres/doc_inline_src/7/hover_cas_client_all_in_web.png") no-repeat scroll center center transparent;
  cursor: pointer;
  display: block;
  height: 200px;
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.5s ease 0s;
}

.img-client span:hover {
  display: block;
  height: 200px;
  position: absolute;
  top: 0;
  opacity: 1;
  z-index: 1;
}

/****************HOVER MASK REALISATIONS*************/


div.mask p {
    position: relative !important;
}

div.mask h2 {
  background: none repeat scroll 0 0 #14afa7 !important;
  color: white !important;
}

.mask a {
  color: #fff!important;
  text-decoration: none!important;
}

.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/7/pattern_fond.jpg) no-repeat center center;
}

.content-client .view,
.view {
  border: medium none;
  float: none;
  margin: 10px auto !important;
}

.wrapper equipe_div p {
   position: relative! important;
}

.view .mask,
.view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.content-client .view,
.content-client .view .mask,
.content-client .view .content {
  border-radius: 4px;
  height: 165px !important;
  width: 247px !important;
}

.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: 38px  0 0 0 !important;
}

.content-client .view h2 {
  background: none repeat scroll 0 0 rgba(255, 187, 57, 0.8) !important;
  font-size: 14px !important;
  margin: 50px 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;
}

p.citation {
    color: #fff !important;
    font-family: source sans pro,sans-serif !important;
    font-size: 15px !important;
    padding: 5px 0 !important;
}

.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.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-aiw .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-aiw 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-aiw 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-aiw: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-aiw 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-aiw:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.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-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.view-aiw: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-aiw: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;
}


/*********BLOC-4************/

#aiw-cms {
  float: left;
  line-height: 22px;
  margin-top: 30px;
  width: 810px;
}

.storytelling {
  height: 270px;
}

.storytelling img {
  margin-top: 25px;
}

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


div#html_footer {
  background-color: transparent;
  background: url("/offres/doc_inline_src/489/motif-bg-footer.jpg") repeat-x;
  padding-bottom: 20px;
}

.aiw-footer {
  width: 1080px;
  margin: 0 auto!important;
}

.aiw-footer .spacer {
  display: none;
}

.footermenu a {
  color: #fff!important;
  text-decoration: none !important;
}

.footermenu ul {
  padding: 0;
}

.footermenu li {
  list-style: none;
  text-align: left;
}

.footer-blocs {
  width: 212px;
  margin: 0;
}

.footer-blocs a:hover {
  color: #fcc458!important;
}

.footer-blocs h5 {
  text-align: left;
}

.coordonnees {
  float: left;
  margin-bottom: 0;
  margin-right: auto;
  margin-top: 0;
  text-align: center;
  width: 240px;
}

#adresse-1 {
  margin-left: 280px;
}

.coordonnees p {
  float: right;
  width: 220px;
}

.picto-some img {
  float: left;
}

.coordonnees {
  float: left;
}

.titre-page-1 {
  float: left;
  line-height: 40px;
  text-align: center;
  width: 100%;
}

.picto-some > div {
  margin: 0 auto;
  width: 72px;
}

.picto-some a:hover {
  opacity: 0.80;
}

div#aiw_footer {
  background: none repeat scroll 0 0 #3c474f;
  border-top: medium none;
  padding: 20px;
}

div#aiw_footer p {
  color: #fff;
}

div#aiw_footer p a {
  color: #fff;
}

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

/*****************
SLIDESHOW SUPPORT
*****************/

.label_album,
.titre_album,
.nb_photos,
.prev img, 
.next img {
  display: none !important;
}

div#container_global, 
div.encaps_slideshow {
  height: 350px!important;
  margin: 0 !important;
  padding: 0;
  text-align: center;
}

.encaps_slideshow {
  margin: 0;
}

div.slides_control {
  margin-left: 0 !important;
}


.caption {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border: medium none !important;
  font-size: 1.3em !important;
  height: 400px !important;
  left: 475px !important;
  line-height: 1.33 !important;
  padding: 10px !important;
  position: absolute !important;
  right: 0 !important;
  text-align: right !important;
  text-shadow: none !important;
  top: 0 !important;
  width: 455px !important;
}

.legende {
  color: #F6A613 !important;
  font-family: tahoma,sans-serif !important;
  font-size: 36px !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
}

.description {
  color: #5F5F5F !important;
  font-family: tahoma,sans-serif !important;
  font-size: 14px !important;
}

.lirelasuite {
  margin-top: 10px !important;
  text-align: right !important;
}

.lirelasuite a {
  color: #F6A613 !important;
  font-size: 14px;
}

#slides .next, #slides .prev, .slideshow .next, .slideshow .prev {
  display: block !important;
  height: 5px !important;
  left: 890px !important;
  position: absolute !important;
  top: 270px !important;
  width: 24px !important;
  z-index: 101 !important;
}

.slideshow .next {
  left: 920px !important;
}

.next {
  background: url("/offres/doc_inline_src/684/fch_right_off.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  padding: 20px;
}

.prev {
  background: url("/offres/doc_inline_src/684/fch_left_off.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  padding: 20px;
}

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

/*** CONTACT : FORMULAIRE ***/

#form_contact_accueil fieldset{
  background:none !important;
}

form#form_contact_accueil {
    background: url("/offres/doc_inline_src/489/motif-bg-footer.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: white !important;
    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;
}


/********PAGE ADMIN LOGIN*********/

div#div_login {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding-bottom: 50px;
  padding-top: 50px;
  margin: 0 auto!important;
  width: 342px;
}

form#formlogin fieldset {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px dashed #ffa800;
  margin: 0;
  padding: 20px;
  width: 300px;
}

.formbouton {
  background-color: #ffa800;
  border: medium hidden;
  color: #fff;
  height: 20px;
  width: 90px !important;
}

form#formlogin fieldset label.login, form#formlogin fieldset h3, form#formlogin fieldset label.change, div.oublititre {
  color: #ffa800;
  margin-bottom: 20px;
}

div#accueil_content form#formlogin {
  margin-left: auto;
  margin-right: auto;
  width: 342px;
}

#password {
  float: right!important;
}

.change {
  margin-bottom: 8px!important;
}


div#accueil_content form#formlogin input#LOGlogin {
  float: right;
  margin-left: 43px;
}

#LOGmot_de_passe {
  float: right !important;
  width: 130px!important;
}

#LOGlogin {
  float: right;
  width: 130px!important;
}

.change {
  width: 100%;
}

/********BOUTIQUE TUTOS*******/

div#colonne_detail {
  float: left;
  padding: 5px;
  width: 100%;
}

#tablo_boutique tr {
  border: none!important;
}

table#tablo_boutique tr:hover, table#tablo_boutique_vignettes tr td:hover, table.tablo_nav tr.impair:hover, table.tablo_nav tr.pair:hover {
  background-color: #dedede;
  cursor: pointer;
}

#tablo_boutique {
  border: 1px dashed #ffa800;
}

#tablo_boutique td{
  padding: 10px;
  font-size: 12px;
}

.type_prod {
  display: none;
}

.titre_listearticles {
  display: none;
}

#hr_dcfamille {
  display: none;
}

.dc_famille {
  height: 50px;
}
.body_shop div#boutique div#colonne_detail{
  width: 66%;
}


/****** Ajout Mai 2016 ******/

.mes_catalogues {
  //background-color:lightgrey;
  cursor: default;
  font-size: 14px;
  line-height: 21px;
  font-family: "Segoe UI","Helvetica",Garuda,Arial,sans-serif;
  padding: 18px 18px 18px 18px;
  margin-bottom: 14px;
  list-style: none;
}

.mes_catalogues li {
  width: 300px;
  height: 30px;  
  margin: 0 0 7px 0;
}

.mes_catalogues li a {
  display: block;
  width: 950px;
  height: 30px;
  margin: 0 0 7px 0;
  background: #F7F5F2 url(/offres/doc_inline_src/489/fleche.png) 97% center no-repeat;
  background-size:24px 24px;
  font-size: 18px;
  color: #333;
  padding: 5px 0 0 20px;
  background-color:lightgrey;
  text-decoration: none;
  border-left: 10px solid #FCC458;

}

.mes_catalogues li a:hover { 
    background-color:dimgrey;
}


.ariane_boutique {
  background-color: lightgrey;
  cursor: default;
    font-size: 18px;   
   margin-bottom: 14px;  
}

.ariane_boutique {
  display: inline-block;
  width: 100%;
  margin:10px;
  height:30px;
  background: #F7F5F2;
  padding: 10px 0 0 20px;
  border-left: 10px solid #FCC458;  
  border-right: 10px solid lightblue; 
  font-size: 18px;  
   white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

#tablo_boutique a{
  display: block;
  width: 91%;
  height:30px;
  background: #F7F5F2 url(/offres/doc_inline_src/489/fleche.png) 97% center no-repeat;
  background-size:24px 24px;
  padding: 10px 20 0 20px;
  border-left: 20px solid lightblue;  
  font-size: 12px;    
}

#tablo_boutique a:hover {
      background-color:dimgrey;
}


#maa_4770 ul {
  width:100%;
}

#maa_4770 li{
  list-style: none;
  display: inline-block;
 padding: : 5px 5px 5px 5px;
}

#maa_4770 a {
  color:#000000;
  text-decoration: none;
}

#tablo_boutique td:hover {
  background-color: white;
}

#element_lie1 {
  background-color:grey;
}

#element_lie1 .coltof{display:none;}

#element_lie1 a {
  display: block; 
  width: auto;
  height: 50px;
  background: #F7F5F2 url(/offres/doc_inline_src/489/fleche.png) 97% center no-repeat;
  background-size:24px 24px;
  padding: 28px 35 0 20px;
  border-left: 20px solid #FCC458;

}

#element_lie1 td a:hover {
   background-color:dimgrey;
}

#element_lie2{
  background-color:grey;
}

#element_lie2 .coltof{display:none;}

#element_lie2 a {
  display: block; 
  width: auto;
  height: 30px;
  background: #F7F5F2 url(/offres/doc_inline_src/489/fleche.png) 97% center no-repeat;
  background-size:24px 24px;
  padding: 28px 35 0 20px;
  border-left: 20px solid #FCC458;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 265px;
}

#element_lie2 td a:hover {
   background-color:dimgrey;
}


#element_lie3{
  background-color:grey;
}

#element_lie3 .coltof{display:none;}

#element_lie3 a {
  display: block; 
  width: auto;
  height: 30px;
  background: #F7F5F2 url(/offres/doc_inline_src/489/fleche.png) 97% center no-repeat;
  background-size:24px 24px;
  padding: 28px 35 0 20px;
  border-left: 20px solid #ADD8E6;
  font-size:13;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 265px;
}
#element_lie3 td a:hover{
   background-color:dimgrey;
}

#produits_associes a:hover {
    background-color: none;
    color : #000 !important;
}

#autocomplete_choices_ext a:hover {
    color : #000 !important;
}