/*editor*/
.texte .img_left{float:left;padding:0 0.5em 0.5em 0;width:auto}
.texte .img_right{float:right;padding:0 0 0.5em 0.5em;width:auto}
.texte .img_center{display: block;margin-left: auto;margin-right: auto;width:auto}
.txt_bold{font-weight:bold;font-size:1em}
.txt_code{
	width:90%;
   margin-right:auto;margin-left:auto;
	padding:4%;font-size:1em;font-style:italic;
	color:#fff;
	background-color:#810b13
}
.txt_right{text-align:right}

h1 {color:#666;font-size:1.45em}
h2 {font-size:1.15em}
h3 {font-size:1.05em}
h4 {font-size:1em}

#img_archives {width:100%;height:auto;margin-bottom:10px}

/*dossiers + news + download + galerie + xdossiers*/
.chapo {margin-bottom:2em}
.cat_texte, .sscat_texte {display:none}

.cat a, .cat a, .cat, .age_titre h2 a {color:#000}
.cat_titre {width:auto;background:#eee;padding:10px;margin-top:1em}
.cat_titre span {color:#666;font-size:0.85em}

.sscat {margin-left:2em;border-bottom:1px solid #999;padding:10px}
.sscat h3 {display:inline}
.sscat span {color:#666;font-size:0.85em}

.catphp {clear:both;margin:2em 0 0 0;min-height:90px;padding:1em 10px;border-top: 1px #999 solid;}
.catphp_titre img {float:left;margin:0.5em 1em 1em 0;width:160px;height:auto;}
.catphp_titre h2 {display:inline;padding-right:10px;font-size:1.6em}
.catphp_titre a {color:#000}
.catphp_titre span {display:block;font-weight:100;font-size:1em;color:#666}
.catphp_texte span {padding-top:0.5em}
.catphp_texte {font-size:1.2em}







/*association*/
#mod_associations .catphp_titre h2 {color:#000;font-size:1.250em}
#mod_associations .catphp_titre img {height:160px;border:1px solid}
#mod_associations a {color:#000}

#mod_download .catphp, #mod_chaines .chapo {min-height:auto}


#coulcentre h1, .titre h1, .age_titre h1, #pageactu h1 {font-weight:700;font-size:4em;margin-bottom:0.5em;color:#000}
.titre span {padding:5px 10px;font-size:0.95em;background:#d71c27;color:#fff;border-radius: 5px}
.chapo {font-weight:300;margin:2em 0 2em 0;font-size:1.8em;line-height:1.4em}
.texte h2 {font-weight:300;font-size:1.650em;clear:left;background:#eee;color:#000;padding:12px 0 8px 20px;margin:1.5em 0 0.5em 0}
.texte h3 {font-weight:300;clear:left;margin:20px 0 5px 0;padding:2px;font-size:1.250em;color:#666;border-bottom: 1px solid #999}
.texte h4 {font-weight:bold;clear:left;margin:20px 0 0 0;font-size:1.150em;color:#555}
.texte ul, .age_txt ul{list-style-image:url(design/pucenoir.gif)}
.texte .pgcold1 ul, .texte .pgcolg1 ul {list-style-image:none}
.texte li, .age_txt li {margin:0.2em 0 0 0}
.texte p {margin:0 0 1em 0}
.texte a, .news_texte a {color:#d71c27;}
.texte {margin-bottom:1.5em;line-height:1.6em;font-size:1.325em;}
.texte > div, .texte > div >div {font-size:1em;line-height:1.6em;}
.catphp_sscat {padding:5px;margin:1em 0 1em 0;font-weight:bold}
.catphp_sscat span {font-weight:bold;font-size:2em}
.catphp_sscat a {font-size:1.2em;color:#000;font-weight:bold;display:block;margin:1em 0 0 0;padding:10px;background:#eee}
.catphp_sscat ul {list-style-type:none;margin:0.5em 0 0 2em;padding:0}
.catphp_sscat ul li {margin:0;padding:0 0 0 16px;background-image:url(design/pucenoir.gif);background-position:left;background-repeat:no-repeat}

#mod_download .chapo img {width:15px;height:auto;float:left;margin: 10px 10px 0 0}

#clem h1 {font-size:4em;margin-bottom:0}
#clem .titre span {padding:3px;font-size:0.850em;color:#666;border-top:1px solid #666;display:block;background:none;text-align:right}
#clem .chapo img {width:250px;height:auto;border:10px solid #333;}
#clem .chapo {margin:1em 0 2em 0;font-size:2em;font-style:italic}
#clem .texte {clear:both;font-size:1.225em;text-align:justify;text-transform:uppercase;padding-top:1em}
#clem p {margin:3em 0}

.violence p {text-align:center}
.btviolence {background:#d71c27;padding:8px;color:#fff;font-size:0.75em}
.btviolence:hover {background:#000;color:#fff;text-decoration:none}

#partage, .suite, .rapid_admin {clear:both}
#partage strong {display:block;border-bottom:1px solid #666;font-weight:normal;font-weight:100;font-size:1.5em;margin:2em 0 0.750em 0;padding-bottom:0.125em}

/*telechargement*/
#mod_download .catphp {padding:10px}
#mod_download .catphp_titre img {float:left;margin: 5px 10px 0 0}
#mod_download .catphp_titre span {display:block;color:#666}

/*galerie*/
.catphp_mini {margin:2em 0 0 0}
.catphp_mini img {border:6px solid #eee}
#mod_galeries .titreimg span {display:block;color:#666;font-size:0.8em;margin:0 0 2em 0}
#mod_galeries .cat_titre {height:230px;margin-bottom:20px}
#mod_galeries .cat_titre h2 {;font-weight:normal}
#mod_galeries .cat_titre span {display: none}

#mod_galeries .cat img {width:100%}

/*breves asso*/
#mod_news .titre {margin-bottom:3em}
.news {padding:10px;border-bottom:1px solid #000}
.news_titre span {display:block;margin:5px 0 5px 0;font-size:0.75em;color:#666}
.tout_news {display:block;font-weight:bold;background:#666;padding:2px}
.tout_news a {color:#fff}
#mod_news .liencat {display:none}

/* votre ville*/
#mod_chaines .dossier .titre span, #mod_chaines .Dos_catphp img, #mod_chaines .Dos_catphp span, #mod_chaines .dossier .suite, #mod_chaines .dossier .chapo img {display:none}
#mod_chaines .Dos_catphp {padding:10px;min-height:20px} 

/*agenda*/
img.imgmini{float:left;margin-right:10px;margin-bottom:1em;width:100px;height:auto;border:2px solid #666}
#agaffcat {width:98%}
.age_sstitre h2 {font-size:0.95em;margin:0}
.age_titre h2 {padding:0 0 5px 0;margin:0}
.age_sstitre{margin-bottom:5px;padding:2px}
.age_sstitre h3 {margin:0;padding:0;font-size:1em;color:#666}
.age_txt{padding:0;margin:0;font-size:1.125em}
.age_txt img {float:left;margin:0 10px 10px 0;width:auto}
.age_txt img.imgbig {float:none;width:100%;height:auto;margin:0}
.age_txt div {clear:left;font-size:0.85em;height:14px;margin:6px 0 0 0}
.age_txt div a {color:#000}
.age_txt div img {margin:0 1em 0 0;padding:0}
#billetterie img {width:auto}
.age_supp {clear:both;border-top:1px solid #000;text-align:right;padding:1em 0 1em 0}

.age_txt div.txt_code {height:auto;width:auto;margin-bottom:1em}

.affichage_date_avenir a {background:#000;display:inline-block;padding:10px 20px;margin:1px;color:#fff;text-align:center;font-weight:bold}
.affichage_date_avenir a strong {font-size:2em;display:block}
.affichage_date_avenir a:hover {background:#d71c27;text-decoration:none}
.affichage_date_avenir a.date_selec {background:#d71c27}

@media screen and (max-width: 1200px) {
   .affichage_date_avenir a {padding:8px 16px}
}

/* lien theme agenda */
.liencat2 {display:block;clear:both;margin-top:5px;border-top:1px dashed #999;padding-top:4px}
.liencat2 img {float:left;margin:0 1em 0 0;padding:0}
.liencat a {color:#000}
.liencat {clear:both;display:block;padding:5px;border-top:1px solid #999;text-align:right;margin:5px 0 5px 0}


#ag_semaine_mois a {display:inline-block;background:#000;color:#fff;padding:8px 30px;margin-right:5px;font-size:1.2em;}
#ag_semaine_mois a:hover {background:#666;text-decoration: none}
/*cinema*/
#cineintro{padding-top:1em;min-height:215px}
#cineintro img{float:left;margin:0 1em 0 0}
#cineintro h1 {color:#333;font-size:2em;margin:0 0 5px 0;padding-top:0}
#cineintro span {font-style:normal}
#cineintro a {color:#d71c27}
#cinesynop{margin:1em 0 2em 0;text-align:justify;font-size:1.125em}
.cinesalle{margin:5px 0 3em 0;padding:5px;border-bottom:5px #666 solid}
.cinehor {text-align:left;margin:1em 0 1em 0;padding:0;overflow:auto;}
.cinehor table{width:99%;margin:0px;padding:0px;background:#000;}
.cinehor th{font-weight:bold;color:#FFF;background:#666;padding:3px}
.cinehor td{color:#000;background:#fff;padding:3px;text-align:center}
.cinehor a span{display:block;text-align:right;margin:1em 0 1em 0;font-weight:bold;color:#339;font-size:1.25em}
#cinsalle h3 {margin:2em 0 0 0;padding:5px;background:#eee;font-size:1.5em}
#cineactuel {background:#000;color:#fff;padding:0.5em;font-weight:normal;font-size:1.250em}
#cinesuivante {padding:0.5em;background:#eee;margin-bottom:2em}
#mod_cinema .festival_cinema {margin-top:1.5em}
#multiaccueil {clear:both;background:#eee;display:block}
#multiaccueil a {background:#d71c27;padding:5px 20px;color:#fff;margin-right:1px;text-decoration:none;display:inline-block}
#multiaccueil a:hover {background:black}

#coulcentre h1.g_titre, #bande_annonce h1 {font-size:2em;color:#fff;background:#d71c27;padding:5px}
h2.g_titre {color:#fff;background:#d71c27;padding:5px;margin:2em 0 0 0}

.cinelien {margin:2em 0}
.cinelien a span {font-size:1.5em;color:#d71c27}

#film{padding:1em 0 0 0}


#cinecol1 h2, #cinecol2 h2, #cinsalle h2, .cinesalle h2, .cinehor h1 {font-weight:100;font-size:1.750em;border-bottom:1px solid #000;margin-bottom:1em}

#bande_annonce {margin-top:2em}

.nvfilm{clear:both;padding-bottom:1em;height:auto !important;margin-bottom:1em}
.nvfilm img{float:left;width:68px;height:auto;margin:2px 10px 10px 0}
.nvfilm a{color:#000;font-weight:bold;font-size:1.350em}
.nvfilm span, #film_jour span{margin:0;color:#fff;font-size:0.750em;background:#c00;padding:2px 6px;border-radius: 4px;}

#cinecol2 a{color:#000}
#cinecol2 ul{list-style-type:none;margin:10px 0 20px 0.5em;padding:0}
#cinecol2 ul li {padding:0 0 0 16px;background-image:url(design/pucenoir.gif);background-position: 0 4px;background-repeat:no-repeat;margin:0.5em 0 0 0}
#cinsalle {clear:both;width:100%;margin-top:1em;padding:0}
#cinsalle span {display:block;margin:10px 0;font-weight:bold}
#cineba{margin:2em 0 1em 0;padding-top:1.25em;font-size:0.75em;border-top:1px dashed #339}

#film_jour img {float:left;margin:0 10px 10px 0;width:143px;height:auto}
#film_jour div {clear:both;margin-bottom:5px;min-height:214px;border-top:1px solid #000;padding-top:10px}
#film_jour a {display:block;font-size:2em;margin-bottom:10px;color:#000}
#film_jour a:hover {background:#000;color:#fff;text-decoration:none}
#film_jour strong {display:block;padding:2px;margin-top:15px}

#semaine_j {text-align:left;padding:0;background:#eee;margin-bottom:2em}
	#semaine_j ul{display:inline;border-right:1px solid #000;margin:0;padding:0}
	#semaine_j ul li {border-left:1px solid #000;display:inline;padding:0 5px;}
#jour_encours {background:#666}
#jour_encours a {color:#fff}

img.num3d, #film_jour img.num3d {float:none;width:16px;height:11px;padding:0;margin:3px 0 0 0}
img.numice, img.numice2 {width:30px;float:left;margin-right:5px;margin:-10px 5px 0px 0}
img.numice2 {margin:-2px 10px 5px 0}

/*enviro*/
.dectit {clear:both;background:#eee;padding:2px;margin:1em 0 0.5em 0}
.decrue {float:left;width:290px;padding:0;margin:0.5em 5px 1em 0;height:auto !important;height:95px;min-height:95px}
.decrue2 {float:left;border-left:1px #666 dashed;width:280px;padding:0 0 0 20px;margin:0.5em 0 1em 0;height:auto !important;height:95px;min-height:95px}
.decrue h3, .decrue2 h3 {display:block;color:#666;margin:0 0 0.5em 0}
.decrue h2, .decrue2 h2 {display:block;color:#666;margin:0 0 0.5em 0}
.decrue img {float:left;margin:5px 10px 0 0}
.decrue2 label {font-weight:normal}
.decrue2 form {margin:0;padding:0}
#map_alpha {margin-right:1em}
.om {font-style:italic}

.decville ul {margin:1em 0 0 0;list-style-type:none;padding:0}
.decville li {float:left;width:180px;padding:0 0 15px 15px}
.deccom {clear:both;padding-bottom:1em}

.deccom ul, .plan ul {list-style-type:none;margin:20px 5px 0 5px;padding:0}
.deccom ul li {display:block;float:left;width:280px;padding:0 0 0 12px;background-image:url(design/pucenoir.gif);background-position: 0 4px;background-repeat:no-repeat}
.dec_adress {padding:0.5em;margin:0.2em;background:#eee}


.plan {font-weight:bold}
.plan hr {margin:1em 0 0.25em 0}
.plan span {color:#666;font-size:0.75em}
.plan img {display:none}
.plan h2, .catalogue_r h3 {background:#666;padding:5px;color:#fff;font-size:1em;margin-top:1em}
.plan h2 a {color:#fff}
.plan_plus {display:block;text-align:right;border-top:1px solid #999}
.plan li{font-weight:normal;background-image:url(design/pucenoir.gif);background-position: 0 4px;background-repeat:no-repeat;padding:0 0 0 12px;}
.plan_cat, .plan_cont{margin-left:2em}
.plan_cat a, .plan_cont a{font-weight:normal}
.ecar{float:left;width:95%;margin:2em 0 1em 0}
.entete2 {clear:both;background:#d71c27;padding:10px;margin:0.5em 0 0.5em 0;color:#fff;text-align:center;font-size:1.250em}
.entete2 a {color:#eee}
.catalogue_r h3 {font-size:1em}
.catalogue_r div {clear:both;padding:0 0 10px 0}
.catalogue_r img {float:left;margin: 0 5px 5px 0}
.catalogue_r a {display:block;text-align:right;color:blue;border-bottom:1px dashed #666;clear:both;margin-top:5px;padding:2px}
.moteur_catalogue a {color:blue;font-size:0.75em;padding-left:10px}

/*mapgoogle*/
/*infobulle*/
.infobulle {width:auto}
.infobulle span {clear:left;font-weight:bold;display:block;border-top:1px dotted #000;text-align:right;margin-top:0.5em}
.infobulle img {float:left;margin:0 0.5em 0 0}
.infobulle h1 {font-size:1.2em;border-bottom:1px #000 solid;margin-bottom:0.5em}

/*affichage carte*/
.gville h1 {background:#666;color:#fff;font-size:15px;padding:0 0 0 0.1em;margin:0}
.gville2 {background:#999;color:#ff0;font-size:15px;padding:0 0 0 0.1em;margin:0}
.gville2 a {color:#ff0;font-size:20px}
.gville h2 {font-size:1.125em;background:#666;color:#fff;font-weight:normal;padding:5px}
.gville h3, label.recherche  {font-size:1em;padding:2px 0 0 0;margin:0.5em 0 0 0;color:#666;font-weight:normal;padding:5px}
.listville, .listville select, .listville input {font-size:15px;padding:2px;}
.listville select, .listville input {margin-left:1em}
.listville {display:block;text-align:right;padding:5px;margin:1em 0;border-top:1px solid #333;border-bottom:1px solid #333}

#map_index2 {background:#999}
#map_cat {background:#eee}
#map_alpha, #map_search {width:auto;width:95%;padding:2%}
#map_adress form {margin:0;padding:0}
#map_adress label {display:block;padding-top:0.2em;border-top:1px dotted #999}
#map_search h3 {padding:0.2em 0 0 0;margin:1em 0 0.2em 0;border-top:1px dotted #999}
#map_search ul {margin-top:0.5em}
#map_search span {display:block;font-weight:bold;color:red}
#map_cat ul {list-style-type:none;margin:0.5em 0 0.5em 0;padding-left:0.5em}
#map_cat li {margin:0;padding:0}
#map_cat ul {font-weight:bold}
#map_cat ul#map_theme {font-weight:normal}
#map_cat ul#map_theme li a {display:block;padding:4px}
#map_cat ul#map_theme li:nth-child(odd) {background:#fff}
#map_cat ul#map_theme {padding:0;margin:0}
#map_cat ul#map_theme li a:hover {background:#ccc}
#map_cat li.sstheme {font-weight:normal;margin-left:0.5em}
#map_cat ul img {margin-right:1em}
#map_cat img {display:none}
#map_cat span {display:block;text-align:right;padding:0.2em;border-top:1px #000 dotted;margin-top:1em;font-weight:bold}
#map_cat h3 {margin:0;padding:0;color:#930;font-size:1em}
#maptitre {border:1px #666 solid;float:right;background:#666;width:76%}
#maptitre h1 {color:#fff;padding:0;margin:0;font-size:1.2em}

#map_cat div {padding:5px}

.pubarc {width:86px;height:85px}

.texte ul#enquete {list-style-type:none;margin:0;padding:0}
#enquete li {height:13em;float:left;text-align:center;width:136px;background:#eee;border:1px solid #fff;padding:5px}
#enquete img {border:1px solid #000}
.enquete {float:left;width:98%;margin-top:2em}

.resparoi li {background:#eee;padding:0.1em;border-top:1px #fff solid}
.resparoi {list-style-type:none;margin:0;padding:0;width:98%}

/*tourisme*/

.tourisme {border-bottom:1px solid #666;margin-top:1em}
.tourisme h2 {border-bottom:1px solid #666;font-size:14px;padding:1px}
.tourisme h2 a {color:#339}
.tourisme_texte {padding:0}
.tourisme_texte span {display:block;padding:0;margin:0;text-align:right;font-weight:bold}
.tourisme_texte ul {list-style-type:none;margin:0 0 0 0.5em;padding:0;border-top:1px dotted #999;border-bottom:1px dotted #999}
.tourisme_texte li {display:inline;padding:0 0 0 14px;background-image:url(cho/pucevert.gif);background-position:left;background-repeat:no-repeat;margin-left:5px}

.tourisme2 {float:left;width:55%}
 .tcoord {padding:0}
 .tcoord a {font-weight:bold}

.tourisme3 {float:right;width:250px}
.tourisme3 img {border:1px solid #000;width:248px;height:auto}
.tourisme3 img.autrephoto {width:120px;height:100px}

 .tinfosup {margin:10px 0 0 0;background:#eee;padding:0.5em}
 .tinfosup strong {background:#eee}
 .tinfosup img {width:auto;height:auto;border:0}

.office {float:left;width:98%;border-top:1px dotted #666;text-align:right;margin-top:1em}

.ttarif {border:1px solid #666;margin:10px 0 0 0;padding:0.5em}
.ttarif strong {display:block;background:#eee;padding:2px}
.ttarif ul {list-style-type:none;margin:0 0 0 0.5em;padding:0}
.ttarif ul li {padding:0 0 3px 16px;background-image:url(design/pucenoir.gif);background-position:left;background-repeat:no-repeat}

.anasso legend, .anasso2 legend {display:none}
.anasso label, .anasso2 label {font-weight:bold;background:#666;display:block;color:#fff;padding:4px;margin-bottom:10px}
.anasso fieldset, .anasso2 fieldset {border:0;margin:0;padding:2px}
.anasso {width:48%;float:left;border:1px solid #999;margin-bottom:2em}
.anasso2 {width:48%;float:right;border:1px solid #999;margin-bottom:2em}
.anasso select, .anasso2 select {margin-bottom:5px}
.anasso form, .anasso2 form {margin:0;padding:0}

/* itineraire */
#form_iti legend {font-weight:bold}
#form_iti em {font-size:0.85em;display:block;background:#eee;padding:2px;margin:5px 0 10px 0}
#form_iti label {font-weight:bold}

/*infobulle_asso*/
a.infobulle_asso span {display:none}
a.infobulle_asso:hover {   background: none; z-index: 500; cursor: help}
a.infobulle_asso:hover span {
   display: block; 
   width:292px;
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: #000;
   padding: 3px;
   border: 1px solid green;
   border-left: 4px solid green;
}

#ep_radio {float:right; width:230px;padding:2px;border:1px #666 solid;background:#fff;margin-left:5px;font-size:10px}

.arl_news {display:block;border-bottom:1px solid #999;margin:4px 0 2px 0;padding:0}
#arl_portfolio  img {width:100%;height:auto}

.catalogue_lieu1 {float:left;width:48%;margin:10px 0 10px 0}
.catalogue_lieu2 {float:right;border-left:1px solid #000;width:48%;margin:10px 0 10px 0}

.suite {font-weight:bold;font-size:1.25em;border-top:1px solid #999;border-bottom:1px solid #999;background:#eee;padding:5px 2px}
.suite a {font-weight:normal;font-size:0.75em}

#eau {border:1px solid}
#eau th {background:#666;padding:5px;color:#fff}
#eau a {color:yellow}
#non_prioritaire, #directs {display:block;background:#666;color:#fff;padding:2px;font-size:1.15em}
#eau td {border-top:1px solid;background:#eee}
#eau p {margin:0}

.zallumes {transform-origin:0;margin:15px 0 10px 0}
.zallumes strong {background:#e2de22;box-shadow:1px 1px 2px #555;padding:3px;font-size:1.225em}
.zallumes_titre h2 {background:red;font-size:1.35em}

/*emploi*/
#tableau_emploi{overflow:auto}
abbr{cursor:help;border-bottom:1px dotted #000;}
#mod_emploi table{width:100%;margin-top:2em}
#mod_emploi th{font-size:1.1em;text-align:left;color:#fff;font-weight:bold;padding:0.2em 0 0.3em 0.4em;background-color:#000}
#mod_emploi tr:nth-child(even) {background:#eee}
#mod_emploi td a{font-weight:bold;color:#000}
#mod_emploi td {border-bottom:#666 1px solid;padding:3px 1px 3px 2px}

#emploi2 span{color:#000;font-size:1em}
#emploi2{width:100%;}
#emploi2 h2{display:block;margin:0 0 0.5em 0;padding:0.2em 0 0.3em 0.4em;background-color:#eee}
#poste, #tache, #competence, #condition, #infoenvoi{width:100%;margin-top:2em;border:#999 1px solid;padding:0.3em;clear:both}
#infoenvoi{margin-bottom:2em}

#poste {min-height:13em}
#poste ul {list-style-type:none;margin:5px;padding:0}


#infoenvoi2 h1 a {display:block;width:100%;color:#fff;text-align:center;margin-bottom:2em;padding:0.3em;background:#000;font-size:0.75em}
#infoenvoi2 h1 a:hover {color:yellow}

#emplagglo, #emplagglo2{display:none}


/*jcarousel*/

.jcarousel-skin-tango .jcarousel-container{background:0 0;border:0}
.jcarousel-skin-tango .jcarousel-direction-rtl{direction:rtl}
.jcarousel-skin-tango .jcarousel-container-horizontal{width:580px;padding:0}
.ag_carousel .jcarousel-skin-tango .jcarousel-container-horizontal, .festival_cinema .jcarousel-skin-tango .jcarousel-container-horizontal{width:100%;padding:0}

.jcarousel-skin-tango img{width:123;height:188}
html{background:#e0e0e0;text-align:center}
.jcarousel-skin-tango .jcarousel-clip{overflow:hidden}
.jcarousel-skin-tango .jcarousel-clip-horizontal{width:580px;height:188px}
.ag_carousel .jcarousel-skin-tango .jcarousel-clip-horizontal, .festival_cinema .jcarousel-skin-tango .jcarousel-clip-horizontal{width:100%;height:200px;padding-top:1em }
.jcarousel-skin-tango .jcarousel-item{	width:123px;height:180px;background:#000}
.jcarousel-skin-tango .jcarousel-item img{margin:0px;width:123px;height:auto}
.jcarousel-skin-tango .jcarousel-item img:hover{filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5}
.jcarousel-skin-tango .jcarousel-item span{display:none}
.jcarousel-skin-tango .jcarousel-item a:hover{text-decoration:none}
.jcarousel-skin-tango .jcarousel-item a:hover span{position:relative;z-index:10;display:block;background:rgba(0,0,0,0.6);color:#eee;font-weight:700;text-align:center;top:-88px;margin:0;padding:20px 2px 0 2px;font-size:.95em;height:283px}
.mod_agenda_carousel .jcarousel-skin-tango .jcarousel-item a:hover span {top:-188px;}
.jcarousel-skin-tango .jcarousel-item-horizontal{margin-left:0;margin-right:18px}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal{margin-left:18px;margin-right:0}
.jcarousel-skin-tango .jcarousel-item-placeholder{background:#fff;color:#000}
.jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute;top:80px;right:-10px;width:45px;height:45px;cursor:pointer;background:url(next-horizontal.png) no-repeat;z-index:11;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal{left:5px;right:auto;background-image:url(prev-horizontal.png)}
.jcarousel-skin-tango .jcarousel-next-horizontal:focus,.jcarousel-skin-tango .jcarousel-next-horizontal:hover{background-position:-45px 0}
.jcarousel-skin-tango .jcarousel-next-horizontal:active{background-position:-90px 0}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover{cursor:default;background-position:-135px 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute;top:80px;left:-10px;width:45px;height:45px;cursor:pointer;background:url(prev-horizontal.png) no-repeat;z-index:11;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal{left:auto;right:5px;background-image:url(next-horizontal.png)}
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus,.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{	background-position:-45px 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active{background-position:-90px 0}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover{cursor:default;	background-position:-135px 0}
.ag_carousel ul li {margin:0px;padding:1px 0 2px 0;background-image:none;background-position: 0px;}


/*elus*/
.elus, .elus2, .elus3, .elus ul, .elus2 ul, .elus3 ul{list-style-type:none;list-style-image:none;margin:0;padding:0;background-image:none;}
.elus li, .elus2 li, .elus3 li{height:28em;float:left;text-align:center;width:185px;background:#eee;border:1px solid #fff;padding:5px;background-image:none;}
.elus img, .elus2 img, .elus3 img{border:1px solid #000}
.elus2 h2, .elus3 h2{float:left;width:98%;margin-top:2em}
.elus3 li{height:15em}
.adjoint{float:left;width:98%;padding:2em 0 0.5em 0}

.pgcold1 h2, .pgcolg1 h2, .pglarge h2 {background:none;color:#333;padding:0;font-size:1.25em;}
.arljour {padding:15px;display:block;background:#eee;margin:0}
.arljour:hover {background:#cc041a;color:#fff}

/*associations*/
.bt_inscript{text-align:center;margin:3em 0 30px 0;text-transform:uppercase}

.assoag {margin-bottom:2em;background:#eee;padding:1em}
#assoag1 label, #assoag4 label {font-weight:bold}
#assoag3 label {display:none}
#assoag3 select {font-size:1.2em;}
#assoag5, #bt_large {text-align:center}
#assoag1 input, #assoag1 textarea, .assoag textarea, textarea, #assoag1 iframe {width:95%;padding:2%;margin:0.5em 0}
#assoag1 input[type=radio] {width:auto;margin-right:2em}
#assoag1 input#debut, #assoag1 input#fin  {width:30%;display:inline-block}
#assoag1 input#debut  {margin-right:1em}
#assoag1 label#retourtache{display:block;margin-top:1.5em}

#agendapropo, #agendapropo2, #mod_associations .bt_inscript a.asso_bt {width:46%;padding:1em;background:#000;border:0;color:#fff;font-size:1.5em}
#bt_largepropo {display:block;width:70%;padding:0.750em;margin:0 auto 2em auto;background:#000;color:#fff;font-size:1.5em}
#agendapropo2 {background:#333}
#agendapropo:hover, #agendapropo2:hover, #mod_associations .bt_inscript a.asso_bt:hover, .ass_bt_modif a:hover, #bt_largepropo:hover {background:#666;}
.excep_asso {border-top:10px solid #666;padding:2%;width:96%;background:#eee}
.excep_asso h2 {width:auto;margin-top:10px}
.form_sub_sstitre {background:#666;color:#fff;padding:5px;font-size:1.125em}
.ass_bt_modif {text-align:right}
.ass_bt_modif a {padding:0.5em;background:#000;color:#fff}

/* atmo */
.atmo {text-align:center;background:#415064;padding:5px 0 2px 0}
.atmo img {width:auto;background:#fff;border:2px #fff solid}

/* formulaire quartier */
.form_resultat h2 {font-size:1.750em;font-weight:normal;border-top:1px solid #ccc;padding-top:1em}
.form_resultat ul {margin:2em 0 4em 0;padding:2em;font-size:1.250em;background:#eee}
.form_resultat ul li {margin:0.350em 0 0.350em 0}

/* identification */
#identification legend {display:none}
#identification fieldset {background:#eee;padding:1em}
#identification label, #identification #login, #identification #pass {font-size:1.5em}
#identification #login, #identification #pass {padding:5px 20px 5px 20px;background:#fff;border:1px solid #000;margin-left:1em}
#identification input[type=submit] {display:block;width:70%;padding:0.750em;margin:0 auto 2em auto;background:#000;color:#fff;font-size:1.5em;border:0}
#identification input[type=submit]:hover {background:#666;}

.impresblock {display:block;margin-bottom:5em}
.impresblock img {width:100%;height:auto}

@media screen and (max-width: 556px) {
#coulcentre h1, .titre h1, .age_titre h1 {font-size:2.6em;}
.catphp_texte {clear:both;display:block;margin-top:20px}
   .catphp_titre img {margin-bottom:20px}
}


@media screen and (max-width: 385px) {
   #coulcentre h1, .titre h1, .age_titre h1 {font-size:2.6em;}
	#mod_cartographie h1 {font-size:1.5em}
   #collecte iframe {height:430px}
}
.infobulle img {width:300px;margin-bottom:1em}
.infobulle {max-width:300px}

#mo1 {margin-top:1em}
h2.mo {font-weight:300;font-size:2em;color:#19294b;margin-bottom: 0.5em;}
h2#mo1 {font-size:3.2em}


.mdoss2, .mdoss2_2, .slides, .une_actu_row, .agenda_block, .cfc {overflow:hidden;}
.photomdoss2, .slides img, .une_actu_row a img, .agenda_img a img, .cfc a img {
transform: scale(1);
transition: 0.9s;
transform-style: preserve-3d;
   z-index:0
}

.photomdoss2.photomdoss2:hover, .slides img:hover, .une_actu_row a img:hover, .agenda_img a img:hover {
transform: scale(1.1);
}

.cfc a img:hover {
transform: scaleX(1.06);
opacity: 0.7
}

.cfc2 {transition: 0.9s}
.cfc2:hover {opacity: 0.5}


blockquote::before {position:relative;
top:0.3em;
margin:0 0 0 -0.5em;
color:#888;
font-size:3em;
font-family:abadi, heiti;
font-weight:normal;
content:"\201C";}
blockquote {font-size:1.5em;font-style:italique;font-family:raleway;padding:0 6em;margin:2em 0}
.encadrement {background:#eee;padding:1em;margin:2em 0;font-size:1em;}
.texte .encadrement > h2 {background-color:#000;margin:0 0 1em 0;color:#fff;font-size:1.750em}

.texte h2.fdred {background:#d71c27;color:#fff}

@media screen and (max-width: 800px) {
blockquote {font-size:1.200em;font-style:italique;font-family:raleway;padding:0 1.5em 0 3em;margin:2em 0}
#coulcentre h1, .titre h1, .age_titre h1 {font-size:2.9em;}
}


/*faq*/
.texte .accordion {
  background-color: #555;
  color: #fff;
  cursor: pointer;
  padding: 0.3em 1em 0.3em 1em;
  width: auto;
  font-weight:300;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin:0 0 0.2em 0;
  font-size:1.150em;
}

.activefaq, .accordion:hover {
  background-color: #111;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
} 



.accordion:after {
  content: '+'; /* sign (+) */
  font-size: 1.4em;font-weight:normal;
  color: #fff;
  float: right;
  margin-left: 5px;border:0
}

.activefaq:after {
  content: "-"; /* sign (-) */
}

.imggris {-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:50%}
ol {margin-left:2em}
.chapomini {min-height: 0px}

.form_rds {background:none;padding:0}
.fichesport {border-top:1px solid #000;min-height:150px;padding:1em;background:#041145;color:#fff;margin:2px 0}
.fichesport input {float:left;margin:5em 1em 0 0}
.fichesport label p {margin-left:12em}
.fichesport strong {font-size:1.5em}
.fichesport label img {float:left}

/* reve de sport */
h2.crds { background:none; font-weight:bold; font-size:2em; padding:0; margin-top: 2em}
.crds_img {padding:0;position : relative}
.crds_img img {margin:0 0 -5px 0;position : relative}
.crds_img:hover a img {opacity:0}
.crds_sport {background-image:url(imgpage/sportif_or.jpg);background-position:center center;background-repeat:no-repeat;background-size: cover;}
.crds_bene {background-image:url(imgpage/benevole_or.jpg);background-position:center center;background-repeat:no-repeat;background-size: cover;}
.crds_club {background-image:url(imgpage/club_or.jpg);background-position:center center;background-repeat:no-repeat;background-size: cover;}
.img_opacity{opacity:0.2;filter: grayscale(100%)}
.submit_rds #agendapropo {font-size:2.5em;text-transform: uppercase;font-weight:bold;padding:0.5em 2em}
.fichesport input:checked + label {color:#dee02b}
.fichesport:hover input:checked + label {color:#000}

.fichesport:hover {background-image:url(imgpage/or.jpg);background-position:left top;background-repeat:no-repeat;background-size: cover;color:#041145}

#podcasts article {padding:1em;margin:0 0 15px 0;}
#podcasts article:first-child {margin-top:2em}
#podcasts article:last-child {margin-bottom:3em}
#podcasts h2 {font-size:1.5em;margin-bottom:20px}
#podcasts audio {width:100%}

.podcast1 {background:#bfcfcb}
.podcast2 {background:#e9c6ad}
.podcast3 {background:#cfb5c3}

em.podcast1, em.podcast2, em.podcast3 {padding:5px}


/* enquete */

.enquete {background:#eee;padding:10px}
.enquete h2 {background:#666;font-size:1.5em;padding:6px;color:#fff}
.divenquete {padding:10px;font-size:1.15em}
.divenquete div {padding:2px;background:#fff;margin:0 0 4px 0}
.enquete label {font-size:1.15em}
.enquete p label {font-weight:bold;font-size:1em;padding:0;margin:0}
.divenquete textarea {border:0;font-size:1.15em;}
.divenquete input[type=text] {width:95%;font-size:1.15em;border:0}
.enqueteresult {clear:both;padding:8em 0 2em 0}