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

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{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_4667{background-color : ;}
				div#maa_4667 dl dt a,div#maa_4667 dl dt span{color : ;background-color : ;}
				div#maa_4667 dl dt a.menu_selected,div#maa_4667 dl dt span.menu_selected{color : ;background-color : ;}
				div#maa_4667 dl dt a:hover,div#maa_4667 dl dt span:hover,div#maa_4667 dl dt a.menu_selected:hover,div#maa_4667 dl dt span.menu_selected:hover{color : ;background-color : ;}
				div#maa_4667 ul li{background-color : ;}
				div#maa_4667 ul li a{color : ;}
				div#maa_4667 ul li a.menu_selected{color : ;}
				div#maa_4667 ul li:hover,div#maa_4667 ul li a:hover{background-color : ;color : ;}
				div#header_club {
	width:959px;
}

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: 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: 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:#006793;}
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:#f17c0a;}
div#recherche a:visited,div#boutique a:visited,div.htmlarea_content a:visited{color:#006793;}
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:-20px;max-width: expression( Math.min(parseInt(this.offsetWidth), -20) );}
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) );}
/***** CLEAN **********************************************************/

div.pub_sous_rss {
    margin: 0;
}

div.horizontal_zone {
    padding: 0;
}

div#container {
    border: none;
}

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

#th_date_mod {
    display: none;
}

.date {
    display: none;
}

#h1_flux_actus {
    display: none;
}

#spacer_flux_actus {
    display: none;
}

div#ariane {
    display: none !important;
}

#accueil_content .spacer {
    display: none;
}

#fc_p_ouinon {
    clear: both;
}


/***** STYLE****************************************************/

body {
    background-color: #006793;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

div.htmlarea_content,
div.htmlarea_content h1,
div.htmlarea_content h2,
div.htmlarea_content h3,
div.htmlarea_content h4,
div.htmlarea_content h5,
div.htmlarea_content h6,
div.htmlarea_content address,
div.htmlarea_content p {
    font-family: 'Open Sans', sans-serif !important;
}

div#container {
    width: 100%;
}

.titreperso {
    background: none repeat scroll 0 0 #f17c0a !important;
    color: #fff !important;
    padding: 0 0 0 10px !important;
    margin: 20px 0 10px !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: #f2f2f2;
}

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

html body div#container div#appli div#innerMain div#accueil_content.perso_ div.perso div.htmlarea_content table {
    width: 515px;
}

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

h3.actu,
h2.actu,
div.default_link a,
h3#section_actus,
h2#section_actus,
div.bloc_titre,
div.actu div.bloc_titre a,
div.actulink div.bloc_titre a,
div.actu div.htmlarea_content p.htmlarea_titre,
div.actu div.htmlarea_content p.htmlarea_sous_titre,
div#actu_nom_suiv a,
div#actu_nom_prec a,
div.actu div.htmlarea_content h1,
div.actu div.htmlarea_content h2 {
    color: #00699b;
}

.editme a {
    background: none repeat scroll 0 0 orange;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 7px;
    text-transform: uppercase;
}


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

div#header_aiw {
    background: none;
}

#z1 {
    margin: 0 auto;
    width: 1080px;
    height: 163px;
}

div#header_cadre {
    display: none;
}

div#header_club {
    background: none repeat scroll 0 0 #FFFF00;
    margin: 0;
    padding: 0;
}

div#bloc_droite_bandeau {
    background: none repeat scroll 0 0 #FFA500;
    float: right;
    margin: 0;
    padding: 0;
}

#z7 {
    background-image: -o-linear-gradient(bottom, #0081B8 0%, #004D70 100%);
    background-image: -moz-linear-gradient(bottom, #0081B8 0%, #004D70 100%);
    background-image: -webkit-linear-gradient(bottom, #0081B8 0%, #004D70 100%);
    background-image: -ms-linear-gradient(bottom, #0081B8 0%, #004D70 100%);
    background-image: linear-gradient(to bottom, #0081B8 0%, #004D70 100%);
    height: 36px;
}

div#maa_4667 {
    margin: 0 auto;
    width: 1080px;
}


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

div.menu_appli_arno {
    margin: 0;
    padding: 0;
    background-image: -o-linear-gradient(bottom, #0081B8 0%, #004D70 100%);
    background-image: -moz-linear-gradient(bottom, #0081B8 0%, #004D70 100%);
    background-image: -webkit-linear-gradient(bottom, #0081B8 0%, #004D70 100%);
    background-image: -ms-linear-gradient(bottom, #0081B8 0%, #004D70 100%);
    background-image: linear-gradient(to bottom, #0081B8 0%, #004D70 100%);
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
}

div#menu_appli_arno dt,
div.menu_appli_arno dl dt {
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    padding: 7px 0;
    text-align: center;
    white-space: nowrap;
    padding: 8px 0 0;
    background: none;
    height: 34px;
}

div#menu_appli_arno dl,
div#menu_appli_arno dl dt,
div.menu_appli_arno dl,
div.menu_appli_arno dl dt {
    margin: 0;
    padding: none;
}

div#maa_4667 dl dt a,
div#maa_4667 dl dt a {
    color: #ffffff;
}

div#maa_4667 dl dt a:hover,
div#maa_4667 dl dt span:hover,
div#maa_4667 dl dt a.menu_selected:hover,
div#maa_4667 dl dt span.menu_selected:hover {
    color: #f17c0a;
}

div#maa_4667 dl dt a.menu_selected,
div#maa_4667 dl dt span.menu_selected {
    background: none;
    color: #012739;
    text-decoration: underline;
}

div#maa_4667 dl dt a,
div#maa_4667 dl dt span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 14px;
    margin: 0 0 0 0;
}

div#maa_4667 dl dt a:hover,
div#maa_4667 dl dt span:hover,
div#maa_4667 dl dt a.menu_selected:hover,
div#maa_4667 dl dt span.menu_selected:hover {
    background: none;
}


/***MENU BOTTOM*********************************************************/

#menu_footer div#menu_appli_arno dt,
#menu_footer div.menu_appli_arno dl dt {
    padding: 5px 0 0 !important;
    ;
    height: 18px !important;
}


/*** sous menu ***/

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

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

div.cache li {
    margin: 0;
    padding: 0;
    background: none !important;
    min-height: 27px;
}

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

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


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

div#appli {
    margin: -8px 0;
}


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

div#innerMain {
    background: none repeat scroll 0 0 #e7e7e7;
    margin: 0 auto;
    width: 1080px;
}


/***  MENU LEFT ***************************/

div#menu_appli_nosh {
    margin: 2px 0;
    padding: 0;
    width: 25%;
    background: none repeat scroll 0 0 #e7e7e7;
}


/***adherer a l'adrep ***/

div#html_16768 {
    background-image: -o-linear-gradient(bottom, #FC9337 0%, #FF8000 100%);
    background-image: -moz-linear-gradient(bottom, #FC9337 0%, #FF8000 100%);
    background-image: -webkit-linear-gradient(bottom, #FC9337 0%, #FF8000 100%);
    background-image: -ms-linear-gradient(bottom, #FC9337 0%, #FF8000 100%);
    background-image: linear-gradient(to bottom, #FC9337 0%, #FF8000 100%);
    border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    margin: 20px;
    padding: 10px 0 0;
    text-align: center;
    text-transform: uppercase;
}

div#html_16768 a {
    color: #FFFFFF;
    text-decoration: underline;
}

div#html_16768 a:hover {
    color: #f2f2f2;
}


/***** espace connexion *****/

form#formlogin fieldset a {
    color: #808080;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

#html_16791 {
    height: 30px;
}

#html_16793 {
    height: 10px;
}

form#formlogin {
    border-bottom: 3px dotted #FFFFFF;
    margin: 10px;
    padding: 0;
}

form#formlogin fieldset {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

form#formlogin fieldset p {
    color: #00699B;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 2px;
    text-align: center;
}

form#formlogin fieldset label.login input,
form#formlogin fieldset label.change input {
    font-size: 10px;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 150px;
}

form#formlogin fieldset label.login,
form#formlogin fieldset h3,
form#formlogin fieldset label.change,
div.oublititre {
    color: #405b81;
    padding: 3px 0;
    text-align: right;
}

form#formlogin fieldset label span.spanlogin {
    float: left;
    padding: 0 5px 0 0;
    width: 80px;
}

.formbouton,
.formbouton2 {
    background: none repeat scroll 0 0 #f17c0a;
    border: medium none;
    color: #fff;
    float: right;
    font-family: open sans, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    margin: 10px 15px;
    padding: 2px 17px;
}

.thetitle3>a {
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #f17c0a;
    text-decoration: underline;
}


/***** Actualités *****/

div.lecteur_rss {
    border: medium none;
    float: none;
    width: 100%;
    background: none;
}

div.thetitle p {
    background-color: #f17c0a;
    color: #ffffff;
    font-size: 14px;
    font-weight: bolder;
    margin: 25px 0 0 !important;
    padding: 3px 0;
    text-align: center;
    width: 241px;
}

div.thetitle2 p {
    border-top: 3px dotted #fff;
    color: #00699b;
    font-size: 18px;
    font-style: italic;
    font-weight: bolder;
    margin: 10px;
    text-align: center;
}

div.thetitle3 p {
    font-size: 15px;
    font-style: italic;
    font-weight: bolder;
    color: #00699b;
    text-align: center;
}

#html_16791>a {
    background: url("../img/rss_puce.gif") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    color: #00699b;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 8px 0 0 10px;
    padding: 0 0 0 10px;
}


/***** Documents*****/

#files {
    font-size: 12px;
}

div.lecteur_rss ul {
    border: medium none;
    list-style-type: none;
    margin: 0;
    padding: 10px;
}

div.lecteur_rss div.thetitle,
.entetemeteo {
    background: none;
}

div.lecteur_rss a {
    color: #00699b;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#last_docs_0 {
    list-style: none outside none;
    margin: 0;
    padding: 10px;
}

#last_docs_0 a {
    color: #00699b;
    font-size: 12px;
    font-weight: bold;
}

#last_docs_0 span {
    color: #333333;
    display: block;
    font-size: 12px;
    width: 100%;
    font-weight: 100;
}


/***  CONTENT ***************************/

div#accueil_content {
    margin: 0 0 0 25%;
    padding: 0;
    width: 75%;
    z-index: 99;
    float: none;
    min-height: 500px;
}

div#z8 {
    background: none repeat scroll 0 0;
    height: 300px;
}

div#z9 {
    background: none repeat scroll 0 0 #FFFF00;
}


/***** slideshow*****/

div#container_global,
div.encaps_slideshow {
    margin: 0 !important;
}

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

#slides {
    position: relative !important;
}

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

div.slides_control {
    margin: 0 !important;
}

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

.encapsAlbum br {
    display: none;
}

#slides .next,
#slides .prev,
.slideshow .next,
.slideshow .prev {
    display: none !important;
}


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

div#html_footer {
    background-image: -o-linear-gradient(bottom, #0081B8 0%, #004D70 100%);
    background-image: -moz-linear-gradient(bottom, #0081B8 0%, #004D70 100%);
    background-image: -webkit-linear-gradient(bottom, #0081B8 0%, #004D70 100%);
    background-image: -ms-linear-gradient(bottom, #0081B8 0%, #004D70 100%);
    background-image: linear-gradient(to bottom, #0081B8 0%, #004D70 100%);
    width: 100%;
}

#html_14183 {
    height: 22px;
    margin: 0 auto;
    /*    padding: 10px;*/
    text-align: right;
    width: 1080px;
}

#page_26944 {
    padding: 10px;
    text-align: right;
}

#page_26944 a {
    color: #FFF;
}

#page_26944 a:hover {
    color: #333;
}

div.perso {
    background: none;
    margin: 0;
    padding: 0;
}

div.htmlarea_content {
    background: none;
    padding: 20px;
}


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

div#aiw_footer {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
}


/** crayon éditer **/

#editme p a {
    background: url("/offres/doc_inline_src/617/bouton-editer.png") no-repeat scroll 0 0 transparent;
    color: #666666;
    display: block;
    font-size: 14px;
    margin-top: 19px;
    padding: 10px 0 9px 42px;
    text-decoration: none;
    width: 53px;
}


/*Tableau Liens utiles*/

html body.body_p_40266 div#container div#appli div#innerMain div#accueil_content.perso_ div.perso div.htmlarea_content table {
    border: 0px;
    font-size: 1.4em;
}

html body.body_p_40266 div#container div#appli div#innerMain div#accueil_content.perso_ div.perso div.htmlarea_content table tbody tr {
    height: 30px;
}

html body.body_p_40266 div#container div#appli div#innerMain div#accueil_content.perso_ div.perso div.htmlarea_content table tbody tr#blue {
    background-color: #E1E6EF;
    font-weight: bold;
}

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

html body.body_p_40266 div#container div#appli div#innerMain div#accueil_content.perso_ div.perso div.htmlarea_content table tbody tr#white {
    background-color: #F6F6F6;
}


/***Form Contact ************************************************/

form.form_enligne,
form#form_contact_accueil fieldset,
div#messageConfirmation,
fieldset.reponse_clients {
    background: none;
    border: none;
    font-size: 12px;
}

form#form_contact_accueil fieldset label.contact span {
    font-weight: bold;
}

form#form_contact_accueil fieldset label.contact {
    float: left;
    margin-bottom: 15px;
    width: 95%;
}

select {
    color: #A2A2A2;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px !important;
    padding: 3px !important;
    text-transform: uppercase;
}

form#form_contact_accueil fieldset textarea {
    height: 100px;
    left: 0;
    margin-bottom: 25px;
    top: 20px;
    width: 100%;
}

.bouton75 span {
    background: none !important;
    border: medium none !important;
}

a.bouton75 {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-color: #f9f9f9;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    width: 90px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
}

a.bouton75:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
    background-color: #e9e9e9;
}

a.bouton75:active {
    position: relative;
    top: 1px;
}


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

.info_photo {
    display: none;
}

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

.edit {
    display: none;
}

.identite_fiche h3 {
    display: none;
}

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

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

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

#infos_plus {
    clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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


/******* annuaire *******/

#form_moteur_recherche p {
    font-size: 13px;
    margin: 10px 0;
}

.titre_liste {
    display: inline-block;
    font-size: 13px;
    height: 30px;
    margin: 6px 0;
    width: 138px;
}

.fiche_recherche {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}


/******** tableau dossier de l'adrep **********************************/

table {
    width: 100%;
}

#files img {
    padding: 0 9px 0 0;
}

.title {
    height: 25px;
}

thead {
    background-color: #006a98;
}

table thead tr th a {
    color: white !important;
}

.actu_flux_rss {
    font-family: 'Open Sans', sans-serif;
}


/******** actualités page accueil**************************************/

.actu_flux_rss {
    font-family: 'Open Sans', sans-serif;
    padding: 0 0 20px;
}

.logoactu {
    float: left;
    padding: 0 10px 0 0;
}

.actu_flux_rss h3 a {
    color: #2684c0;
    font-family: open sans;
    font-size: 14px;
    font-weight: bolder;
    line-height: 32px;
    text-decoration: none;
}

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

.suite {
    color: #2684c0 !important;
    float: right;
    font-size: 12px;
    font-weight: bolder;
    text-decoration: underline !important;
}

#files {
    width: 100% !important;
}

#th_size {
    width: 92px;
}

#tableSortable .size,
#tableSortable .date_crea {
    text-align: center;
}


/****identified***/

.identified #html_16791 {
    display: none;
}

.identified #html_16859 {
    display: none;
}

.identified #html_16768 {
    display: none;
}

.identified #html_16793 {
    display: none;
}


/***** SUPPRESSION ACTUALITES ACCUEIL *****/

body.body_p_40190 div#flux_2645.pub_sous_rss {
    display: none;
}

.body_p_40269 #docs_folder_9756 .date_crea {
    display: none;
}


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

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

.POTitre {
    position: absolute;
    top: -25px;      /*  -30  */
    border-radius: 10px;
    box-shadow: 0px 5px 0px #1c1a19;
    height: 162px;
    width: 793px;
    /*BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB */
    z-index: 99;
    margin-top: -0px;
    border: solid blue 3px;
}

#POdiv_video {
    position: absolute;
    top: 0px;
    padding-top: 3px;
    margin-top: 15px;
    z-index: -1;
    Width: 180px;
    height: 175px;
    /*170*/
    margin-left: 300px;
    overflow: hidden;
    border: solid red 0px;
    /****** pour les tests ***/
}

#POdiv_Principale {
    min-height: 500px;
    width: 801px;
    /*  795  */
    height: 100%;
    background-color: #f2f2f2;
    margin-top: -25px;
    border: solid blue 0px;
    /****** pour les tests ***/
}

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

#POdiv_Principale a:hover {
    color: green;
}


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

#POimageS,
#POimageD {
    margin-bottom: 0px;
    background-color: white;
    margin-top: 20px;
    margin-left: 12px;
    vertical-align: top;
    display: inline-block;
    border: solid green 0px;
    /****** pour les tests ***/
}

#POimageD {
    width: 512px;
}

#POimageS {
    width: 248px;
}


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

.imageD,
.imageS {
    width: 98%;
    max-height: 200px;
}


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

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

#POcolonneS {
    width: 260px;
}

#POcolonneD {
    width: 524px;
}


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

#POtextDblock {
    display: inline-block;
    margin-left: 7px;
    background-color: white;
    margin-top: 0px;
    width: 240px;
    vertical-align: top;
}

#PPO {
    text-align: left;
    font-family: verdana;
    font-size: 18px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 7px;
    color: black;
}

          /**************   Bouton ADREP ******************/
 
 .ADREP_bouton {
     box-shadow:inset  1px 1px 1px 1px #FFFFFF;
     background-color:#DFDFDF;
     border-radius: 10px;
     border:2px solid #FFFFFF;
     display:block;    
     font-size: 12px;
     font-family: verdana;
     
     font-weight: normal;
     text-decoration: none;
     height:30px; 
     line-height:30px;
     width:200px; 
     text-align:center; 
     text-shadow:1px 1px #FFFFFF #FFFFFF;
 } 
 
 .ADREP_bouton:hover {
	 background-color:#FFFFFF; 
	 font-size: 14px;
	 font-family: Verdana;
	 color: #777777; 
         text-decoration:none; 
} 


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

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






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

.saisie_data,
.time_to_pay {
    background: #fff;
    padding: 3%;
    width: 94%;
    border-radius: 15px;
}

#thesurvey fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#thesurvey h4 {
    display: none;
}

#surveyblocidentite .options_bloc,
#igotaccount .options_bloc {
    margin: 1% 0 !important;
}

#surveyblocidentite .options_bloc .libchamp,
#igotaccount .options_bloc .libchamp {
    width: 48%;
    display: inline-block;
}

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

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


/**form**/

.surveybloc {
    margin: 1% 0;
}

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

.option_radio {
    display: block;
}

.option_check {
    display: block;
}

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

.enligne .option_radio,
.enligne .option_check {
    display: inline-block;
}

#fieldset_fields .enligne .contenu_bloc,
#recap_answers .enligne .contenu_bloc {
    display: inline-block;
}

#fieldset_fields .enligne .options_bloc,
#recap_answers .enligne .options_bloc {
    display: inline;
    position: relative;
}

#fieldset_fields .top .options_bloc,
#recap_answers .top .options_bloc {
    vertical-align: top;
}

#fieldset_fields .taille25 .contenu_bloc,
#recap_answers .taille25 .contenu_bloc {
    width: 25%;
}

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

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

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

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

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

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

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

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

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

#fieldset_fields .espacement .contenu_bloc,
#recap_answers .espacement .contenu_bloc {
    padding: 15px 0 !important;
}

#fieldset_fields .gras .contenu_bloc,
#recap_answers .gras .contenu_bloc {
    font-weight: bold;
}

#fieldset_fields .italique .contenu_bloc,
#recap_answers .italique .contenu_bloc {
    font-weight: italic;
}

#fieldset_fields .dix .contenu_bloc,
#recap_answers .dix .contenu_bloc {
    font-size: 10px !important;
}

#fieldset_fields .douze .contenu_bloc,
#recap_answers .douze .contenu_bloc {
    font-size: 12px !important;
}

#fieldset_fields .quatorze .contenu_bloc,
#recap_answers .quatorze .contenu_bloc {
    font-size: 14px !important;
}

#fieldset_fields .seize .contenu_bloc,
#recap_answers .seize .contenu_bloc {
    font-size: 16px !important;
}

#fieldset_fields .couleur .contenu_bloc,
#recap_answers .couleur .contenu_bloc {
    color: #f17c0a ;
}


/**/

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

#bt_valid_survey {
    text-align: center;
}


/*** result formulaire ***/

#recap_answers .encaps_bloc {
    margin: 2% 0;
}

#recap_answers .contenu_bloc {
    font-weight: bold;
}


/*** celendrier formulaire ***/

.calendar table {
    text-align: center;
    height: auto;
    padding: 5px;
    font-size: 14px;
    padding: 5px;
    background: white;
    width: 200px;
}

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

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

.caldendar .day .hilite {
    background-color: #006793;
}

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


/**/

a.tooltip {
    outline: none;
    text-align: left;
    text-decoration: none;
    border: 1px solid #696969;
    padding: 0 3px;
    border-radius: 5px;
    font-size: 9px;
    color: #696969;
    background-color: #ddd;
    cursor: help;
}

a.tooltip strong {
    line-height: 30px;
}

a.tooltip:hover {
    text-decoration: none;
    background-color: #696969;
    color: #fff;
}

a.tooltip span {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: -30px;
    margin-left: 0px;
    width: 240px;
    line-height: 16px;
    font-weight: normal;
}

a.tooltip:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
}

a.tooltip span {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}