/*
Courcelles Design 2025 info@courcelles-design.fr 
canal sud
*/

.bkgfooter {background-color:#ffffff;}

.rouge {color:#8c0c19;}

.presque-noir {color:#4F4F4F;}
.noir {color:#000000;}
.bkgnoir {background-color:#000000;}
.bkgblanc {background-color:#ffffff;}
.bkggris {background-color:#F2F2F2;}
.bkggrisfonce {background-color:#818282;}
.blanc {color:#ffffff;}
.bleufacebook {color:#3b5998;fill:#3b5998;}
.gris{color:#666666;}
.fond_blanc {background-color:#f5f5f5;}
.rougecanal {color:#8c0c19;}


a.blanc {color:#ffffff;}
a.gris{color:#666666;}

@font-face {font-family:MyUnderwood; src: url('../webfonts/myunderwood-webfont.eot');
    src: local('☺'),
    		url('../webfonts/myunderwood-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/myunderwood-webfont.woff') format('woff'),
         url('../webfonts/MyUnderwood.ttf') format('truetype'),
         url('../webfonts/myunderwood-webfont.svg#my_underwoodregular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {font-family:Anonymous_Pro; src: url('../webfonts/anonymous_pro-webfont.eot');
	src: 	local('☺'),
			url('../webfonts/anonymous_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/anonymous_pro-webfont.woff') format('woff'),
         url('../webfonts/Anonymous_Pro.ttf') format('truetype'),
         url('../webfonts/anonymous_pro-webfont.svg#anonymous_proregular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {font-family:Anonymous_Pro_B; src: url('../webfonts/Anonymous_Pro_B.ttf');}
@font-face {font-family:Anonymous_Pro_I; src: url('../webfonts/Anonymous_Pro_I.ttf');}
@font-face {font-family:Anonymous_Pro_BI; src: url('../webfonts/Anonymous_Pro_BI.ttf');}

html {
  font-size: 100.01%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.mt5 {margin-top:5em;}
.mt6 {margin-top:6em;}
.mt8 {margin-top:8em;}

.mb5 {margin-bottom:5em;}
.mb6 {margin-bottom:6em;}
.mbcompensefooter {margin-bottom:0px;}

@media (min-width: 80em) {
.lg-col-9 {
    width: 75%;
}
}

.navbar-fixed-bottom  {height:60px;overflow:hidden;max-width:100%;}
@media (min-width: 20em) {

.navbar-fixed-bottom .sm-col-4 {width: 33.33333%;float:left;}
.navbar-fixed-bottom .sm-col-8 {width: 66.66667%;float:left;}

}

@media screen and (max-width: 568px) {
	.navbar-fixed-bottom .sm-col-8 {font-size:1.1em;padding-top:1rem;}
}


body, input, select, textarea,label {
color: #343a3a;
font-family: "Anonymous_Pro", Courier, Georgia, Cambria, Times New Roman, Times, serif;
font-size: 1em;
line-height: 1.5;
background-color:#ffffff; 
}

em {font-family:Anonymous_Pro; font-style: normal; } 
i {font-family:Anonymous_Pro_I; font-style: italic; }

.max-width-5 { max-width:80rem}
.ombres  .img-responsive {height:auto;max-width:100%;max-height:100%;margin:0;border:0;box-shadow: 2px 2px 8px 2px #aeaeae;}
.img-responsive {max-width:100%;max-height:100%;margin:0;border:0;}
.carre-programme {width:180px;height:80px;background-color:#8c0c19;text-align:center;display:block;padding:1.2em;position: relative;}
.carre-programme h2 {color:#ffffff;}
.carre-programme:hover .bulle{   visibility: visible;  opacity: 1;}
 h2 a.lien-programme {display:block;width:100%;height:100%;padding-top: 0;text-align:center;font-family:Anonymous_Pro; font-style: normal;color:#ffffff;}
 a.lien-programme {display:block;height:100%;}
 .programme:hover {background-color:#8c0c19;}
 .programme:hover a {color:#ffffff;}
 .bulle{
  visibility: hidden;
  width: 180px;height:80px;padding:0.4em 1.2em;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0;
  margin-left: 0px;
  opacity: 0;
  transition: opacity 0.3s;
}
.bulle p {color: #fff;margin:0;}

 .tooltip:hover {background-color:#8c0c19;}
 .tooltip:hover a.h3 {color:#ffffff;}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 100%;
   bottom: 100%;
  left: 50%;
  margin-left: -50%; /* Use half of the width (120/2 = 60), to center the tooltip */
  background-color: #f5f5f5;
  color: #000;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px 6px 0 0;
 border: 1px solid #8c0c19;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltiptext p a { color: #000;}

 img.popup {cursor:  pointer;}
 
 ul.liste_icones li img{    vertical-align: bottom;}
 
#footer {margin-top:0px;padding-top:0px;height:300px;border-top: 1px solid #d1c7c7;}

@media screen and (max-width: 568px) {
#footer {margin-bottom:150px;}	
.carre-programme {width:100%;height:80px;}
}

.barmenu {width:100%;background-color:#ffffff;height:1.8em;}
.affmenu {margin:auto;text-align:center;	height:30px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#mobile-header {display: none;position: absolute; left:20px;   top: 86px;}
#mobile-header{background-color:#333;display:block;height:40px;width:40px;z-index:1000}
/* */
#responsive-menu-button{background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMCAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtMiIgdmlld0JveD0iMCAwIDE4IDEyIiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIg0KCXg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxMnB4Ig0KPg0KCTxnIGlkPSJMYXllciUyMDEiPg0KCQk8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMiIgZmlsbD0iI2ZmZmZmZiIvPg0KCQk8cmVjdCB4PSIwIiB5PSI1IiB3aWR0aD0iMTgiIGhlaWdodD0iMiIgZmlsbD0iI2ZmZmZmZiIvPg0KCQk8cmVjdCB4PSIwIiB5PSIxMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjIiIGZpbGw9IiNmZmZmZmYiLz4NCgk8L2c+DQo8L3N2Zz4=") no-repeat scroll center center transparent;display:block;height:40px;width:40px;}

/* #responsive-menu-button span{position:absolute!important;overflow:hidden!important;top:-2000px!important;left:-2000px!important;height:0!important;width:0!important} */
#responsive-menu-button span{position:absolute!important;overflow:hidden!important;top:10px!important;left:50px!important;color:#fff;}

.sidr {background: #8c0c19!important;}
.sidr ul li {border-bottom:none;}
.sidr ul li a, .sidr ul li span {font-size:1.32rem;}
.sidr ul li ul li a, .sidr ul li ul li span {font-size:1.2rem;}


.nav a {
	display: block;
	padding: 0px 5px;
	border: 1px solid #333;
	color: #fff;
	text-decoration: none;
	background-color: transparent;
	z-index: 9;
}


.nav li a {
	display: block;
	padding: 0px 14px 2px 14px;
	border : none;
	border-right: 1px solid #afafaf;
	color: #fff;
	text-decoration: none;
font-size:1.1em;
}

.nav li ul a {
	padding:4px 6px;
	position: relative;
	width: 19em;
	height: auto;
	float: left;
	background-color: #8c0c19;
	color: #fff;
	text-align: left;
}
.sousmenu li a {font-size: 22px;}
/* .sousmenu li a:hover {text-transform: uppercase;font-size: 20px;} */

.sociaux .socicon {
   
    font-size: 1em;

}

.flash {
	background-color: #f6f6f6;
	border-width: 6px;
	border-color: #e6e6e6;
	border-radius: 23px;
	border-style: solid;
	box-sizing: border-box;
	padding: 20px;

}

blockquote {
 font-style: normal;
  font-size: 16px;
  margin-left: 32px;
  font-family: Consolas, "Times New Roman", Verdana;
  border-left: 4px solid #CCC;
  padding-left: 8px;
    font-style: italic;
}

.texteencadre-spip {
	color: #003;
	background: #E8E8E8;
	border-bottom: 2px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: .25em .5em;
}


body.rubrique #header,
body.article #header,
body.rubrique6 #header,
body.plan #header,
body.404 #header {background-color:#454546;}

body.rubrique #header #titre-accueil a span,
body.article #header #titre-accueil a span,
body.plan #header #titre-accueil a span,
body.404 #header #titre-accueil a span,
body.rubrique #header .texte-menu,
body.rubrique6 #header .texte-menu,
body.article #header .texte-menu,
body.plan #header .texte-menu,
body.404 #header .texte-menu  {color:#ffffff;}

body.sommaire #header.alt #titre-accueil a span,
body.sommaire  #header.alt .texte-menu,
body.sommaire  #header.alt  > nav > ul > li {color:#4F4F4F;}

#header.alt {
    background-color: #9999994d;
    padding: 2em 2.5em;
}

p {margin-bottom:1.2em;font-size:1.1em;}
ul.spip {list-style:inside; margin-bottom:1.6em;}
ul.spip li {}

.texteencadre-spip {padding:1.2em;}
.caractencadre-spip {color: #b0004d;font-weight: bold;}
small {font-size:0.85em;}
strong{font-weight:bold;}
hr {border-bottom: 1px solid #8c0c19;}
hr.footer {border-bottom: 1px dotted #111111;width:100%;}
.slick-prev::before, .slick-next::before {color:#8c0c19;}
hr.separation, hr.spip {clear: both;border: 0;height: 1px;background: #333;background-image: linear-gradient(to right, #ccc, #8c0c19, #ccc);}
hr.separation2 {clear: both;border: 0;height: 1px;background: #8c0c19;}
.soustitre {border-bottom: 1px solid #e6e6e6;}
.ligne {	border-right: 1px solid #e6e6e6;}
.encadre {border: 1px solid #e6e6e6;}
.encadre_fond {border: 1px solid #e6e6e6;background:#8c0c19;}
.encadre_fond_fushia {border: 1px solid #e6e6e6;background:#b0004d;}
.box {border-bottom: 1px solid #e6e6e6;}
.boxsans:nth-child(2n+1){border-right: 1px solid #e6e6e6;border-bottom:none;}

.boxpdf {border: 1px solid #e6e6e6;}
.enavant {min-height:46px;}
.message_retour_email {color:#F21D2F;}

.en_avant {min-height:620px;border-right: 1px solid #e6e6e6;}
.en_avant header {height:80px;}
.en_avant2 {min-height:540px;border-right: 1px solid #e6e6e6;}
.en_avant2 .image {height:auto;max-height:220px;overflow:hidden;margin:0 3rem;}
.en_avant3 {min-height:560px;border-right: 1px solid #e6e6e6;}
.en_avant3 .image {height:auto;max-height:160px;overflow:hidden;margin:0 2rem;}
.texte_en_avant p {margin-bottom:1em;font-size:1em;}
/* .slogan-mobile {padding-top:130px;} */
.wrapper .logo  {height:100%;}
.wrapper .logo a img {margin: 10px 0px 0px 0px;}
.texte img {max-width:100%;height:auto;}
.sidr-class-center {text-align:center;padding:12px;}

.tete h1 {
	font-size: 2.3em;
	text-align:left;
	color:#FFF;
	letter-spacing:5px;
	padding-left:0px;
	margin-top:0px;
}
.tete h1 a,.tete h1 a:visited {color:#FFF;text-shadow: black 0.1em 0.1em 0em;}
.tete h1 a:hover{background-color:transparent;}
#slogan {
	font-size:16px;
	color:#ffd737;
	letter-spacing: normal;
	display:block;
	margin-top:-10px;
}
@media screen and (min-width:961px) {
  #mobile-header { display: none; }

}

@media screen and (max-width:960px) {
	.sousmenu li {margin-right:1.3em;}
	.sousmenu li a, .sousmenu li a:hover {font-size:0.9em;}
	.danslasalle {margin-top:0.8em;}
	
  #menu { display: none; }
  .barmenu {width:100%;background-color:#608760;height:2.65em;}
  .tete h1 {font-size:1.5em;margin-top:20px;}
  #slogan {display:block;}
  body.page_article h1 {font-size:1.2em;}
  .scrollup{bottom:54px;right:6px;}
  ul.spip {margin-left: 0.25em;}
  #formulaire_recherche {display: block;    position: static;    text-align: center;     margin-top: 4px!important;}
  #hierarchie li a {color:#8c0c19;text-decoration:none;font-size:0.75em!important;}
  .menu_rubriques a {font-size:1em;}
  .sidr ul li ul li a, .sidr ul li ul li span { font-size: 1rem;}
  .sidr ul li a, .sidr ul li span {font-size: 1.2rem;}
}
@media screen and (max-width: 568px) {
  .tete h1 {font-size:1.2em;margin-top:20px;}	
 #content .cartouche {font-size:0.9em;}
}


@media screen and (orientation:portrait) and (min-width:1024px) and (max-width:1366px) {
.max-width-5 {
    max-width: 62rem;
}
}
.max-width-perso {max-width: 479px;max-height:95px;}
h1, h2, h3, h4, h5, label {font:  'Courier New', Courier, Georgia, Cambria, Times New Roman, Times, serif;}
h1.h1_accueil {		font-size: 2.15em;font-weight:600;}

h2.bouton {font-size: 1.1rem;color:#8c0c19;margin:0.6em 1.2em 0.6em 0;padding:0.3em 0.8em; text-transform: uppercase;background-color:#8c0c19;color:#ffffff;display:inline-block;}
h2.spip {font-size: 1.4rem;margin:2.6em 0;padding:0; text-transform: uppercase;color:#8c0c19;background-color:transparent!important;text-align:center;font-weight:700;}
h2.spip a span {font-size: 1.2rem;color:#8c0c19;margin:0;padding:0; text-transform: uppercase;color:#8c0c19;background-color:transparent!important;text-align:center;}
h3 {font-size: 1.0rem;color:#8c0c19;margin:0.6em 0;padding:0.2em 0.6em; text-transform: uppercase;background-color:transparent;color:#8c0c19;display:inline-block;}
h3.spip {font-size: 1.3rem;color:#8c0c19;margin:0.6em 0;}
.navinfo h3, .navinfo .h3, .aside h3, .aside .h3 {
	font-family: 'Courier New', Courier, serif;
	font-size: 1.1em;
	margin-bottom: 1.2em;
	font-weight: bold;
	border-bottom: 2px solid #8c0c19;
	margin-top: 0;
	padding-top: 0;
	width: 95%;
}

body.plan h2.spip {text-align:left;}
body.rubrique6 h2.spip {text-align:left;}
p {margin-bottom:1em;font-size:1em;color:#000000;}
p i {font-style:italic;font-size:1em;}
footer p {margin-bottom:1.2em;font-size:1.2em;color:#ffffff;}
ul.spip {list-style:none; margin-bottom:1.6em;padding-left:24px;}
ul.spip li::before {content: "\2022";color: #8c0c19;display: inline-block;width: 1em;margin-left: -1em;} 
ul.spip li {font-size:1em;color:#000000;}
.border-bottom  {border-bottom-color:#8c0c19;}
#hierarchie li p.on {color:#8c0c19;display:inline-block;margin:0;font-size:0.95em;padding:0 0 0 4px;}
.encours {border-bottom: 0.5rem  solid red;}


.wrapper.opaque {opacity:0.5;}

.alerte_urgence {background:#8c0c19!important;color:#ffffff!important;}
.alerte_urgence p {color:#ffffff!important;}

.swiper-wrapper {height:120px;}

input[type="submit"], input[type="reset"], input[type="button"], button, .button {height:auto;}

#liste_articles_rubriques  li a {transition: all 1s ease-out;}
#liste_articles_rubriques  li:hover {background-color:#F2F2F2;}
#liste_articles_rubriques  li:hover a {color:#8c0c19;}

.listepodcast li img {vertical-align:top;}


    	.counters 	{ padding: 50px 0; color: #ffffff; }
    	.common-box { width: calc(100% / 4 - 4px); display: inline-block; vertical-align: top; text-align: center; }
    	.counter-num	{ font-size: 60px; line-height: normal; font-weight: 900; }
    	.counter-text	{ font-size: 26px; line-height: normal; }


.ancre_articles a {
	display: inline-block;
	background: url(../icones/icone_oeil_32.png) no-repeat;
	width: 32px;
	height: 32px;
	border: 0;
	vertical-align: middle;
}

.abo_rss a {
	display: inline-block;
	background: url(../icones/icone_rss_32.png) no-repeat;
	width: 32px;
	height: 32px;
	border: 0;
	vertical-align: middle;
}

.abo_podcast a {
	display: inline-block;
	background: url(../icones/icone_podcast_32.png) no-repeat;
	width: 32px;
	height: 32px;
	border: 0;
	vertical-align: middle;
}
.mail_contact a {
	display: inline-block;
	background: url(../icones/icone_mail_32.png) no-repeat;
	width: 32px;
	height: 32px;
	border: 0;
	vertical-align: middle;
}
span.permalink {
	display: inline-block;
	background: url(../icones/icone_com_rouge_32.png) no-repeat;
	width: 32px;
	height: 32px;
	border: 0;
	vertical-align: middle;
}

/* forum */

.comment-meta {
	margin: 0;
	font-weight: bold;
}

.comments-items .comments-items {
	margin-left: 25px;
	padding-left: 20px;
}
.last {
	margin-right: 0;
	padding-right: 0;
}
.first {
	margin-left: 0;
	padding-left: 0;
}


/* mots clés */ 

li.mots a.on , li.groupe_mots a.on {color:#b0004d;}

.motcle {top:-10px;left:-10px;
 background:url(../../images/tag.svg) #8c0c19 no-repeat; 
background-size: 1.25rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 8.2rem) center;
		padding:1em;
		}	

.motcle2 {
 background:url(../../images/tag.svg) #e1e1e1 no-repeat; 
background-size: 0.9rem;
		background-repeat: no-repeat;
		background-position: top 8px  left 10px;
		padding:0.1rem 0.5rem 0.2rem 2rem;
		}	
.motcle2 a {font-size:0.80em;}		
.motcle3 {top:-10px;left:-10px;
 background:url(../../images/tag.svg) #ffffff no-repeat; 
background-size: 0.9rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 8.6rem) center;
		}	
		
	
/* separateurs */

.separateur::after {
	content: " ";
	display: block;
	margin:0px 5px 0px 5px;
	height: 0;
	width:99%;
	border-bottom: 6px solid #cbcbcb;
	-webkit-transform: skewX(150deg);
}

.separateur-droite::after {
	content: " ";
	display: block;
	margin:20px 5px 0px 5px;
	height: 0;
	width:98%;
	border-bottom: 3px solid #8c0c19;
	-webkit-transform: skewX(150deg);
}
.separateur-droite-fin::after {
	content: " ";
	display: block;
	margin:0px 5px 0px 5px;
	height: 0;
	width:98%;
	border-bottom: 3px solid #8c0c19;
	-webkit-transform: skewX(150deg);
}




.mois:before,
.mois:after {
  background-color: #8c0c19;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 30%;
}

.mois:before {
  right: 0.5em;
  margin-left: -50%;
}

.mois:after {
  left: 0.5em;
  margin-right: -50%;
}


/* #titre page */

#titre-page:before,
#titre-page:after {
  background-color: #9a0003;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 30%;
}

#titre-page:before {
  right: 0.5em;
  margin-left: -50%;
}

#titre-page:after {
  left: 0.5em;
  margin-right: -50%;
}

@media screen and (max-width: 970px) {
#titre-page:before, #titre-page:after {width:12%;}

}	

@media screen and (max-width: 568px) {
#titre-page:before, #titre-page:after {width:6%;display:none;}
}	

@media screen  and (max-width: 767px) {
body.sommaire #titre-accueil{left:6%;top:100px;}	
#titre-accueil{left:6%;}	
}



@media screen and (max-width: 568px) {
#titre-accueil {	position: absolute;top:100px;left:0;}
body.rubrique #titre-accueil, body.rubrique6 #titre-accueil, body.article #titre-accueil {	position: absolute;top:28px;left:10px;}
#liste_articles_rubriques  li {padding:0.95rem;margin:0.85rem;}
#liste_articles_rubriques  li a {font-size:0.7em;}
#logo_anime {margin-top:100px;}
img.logo_gauche  {object-fit: contain;max-width :50px; height:auto;}	
img.logo_droite {object-fit: contain;max-width :178px; height:auto;}
img.logo_texte {object-fit: contain;max-width :320px; height:auto;}	
}	

li.autres_sous_rubriques a.on  {color:#8c0c19;}

#footer ul li.facebookfooter a img {width:1.4em;height:1.4em;}
#footer ul li.youtubefooter a {display:inline-flex;vertical-align:bottom;}
#footer ul li.youtubefooter a img {width:1.6em;height:1.6em;margin-top:-1.2em;}



.texte img {max-width:100%;height:auto;}

#banner .button {
	background-color: #8c0c19;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75);
	color: #ffffff !important;
}

	
/* icones */	


a.comm {
	display: inline-block;
	background: url(../icones/icone_com_rouge_32.png) no-repeat;
	width: 32px;
	height: 32px;
	border: 0;
	vertical-align: middle;
}

.chemin-dossier { 
background:url(../../images/angle-right.svg) #f5f5f5 no-repeat; 
background-size: 0.5rem;
		background-repeat: no-repeat;
		background-position: left;}	
		
.address-card {background:url(../../images/address-card.svg) #f5f5f5 no-repeat; 
background-size: 1rem;
		background-repeat: no-repeat;
		background-position: left;}	
.phone {background:url(../../images/phone.svg) #f5f5f5 no-repeat; 
background-size: 0.8rem;
		background-repeat: no-repeat;
		background-position: left;}	
.mobile {background:url(../../images/mobile-alt-solid.svg) #f5f5f5 no-repeat; 
background-size: 0.8rem;
		background-repeat: no-repeat;
		background-position: left;}	

.mail {background:url(../../images/at-solid.svg) #f5f5f5 no-repeat; 
background-size: 0.8rem;
		background-repeat: no-repeat;
		background-position: left;}
		
.facebook {background:url(../../images/facebook-f.svg) #f5f5f5 no-repeat; 
background-size: 0.8rem;
		background-repeat: no-repeat;
		background-position: left;}	
		

body.plan ul li a {font-size:1.1em;}

/* Tableaux */
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
}
.table caption, table.spip caption,
.table th, table.spip th,
.table td, table.spip td  {
  padding: 0.375em;
}
.table caption, table.spip caption {
  font-weight: bold;
  text-align: left;
  border-bottom: 2px solid;
}
.table th, table.spip th {
  font-weight: bold;
}
.table th, table.spip th,
.table td, table.spip td {
  border-bottom: 1px solid;
}
.table thead th, table.spip thead th {
  vertical-align: bottom;
}
.table tbody tr:hover td {
  background-color: rgba(34, 34, 34, 0.050000000000000044);
}
.table tfoot {
  font-style: italic;
}
.table tfoot td {
  border-bottom: 0;
  vertical-align: top;
}

.table tr td {vertical-align:top;}


th {
	font-weight: bold;font-size:18px;
}

/*Style de la grille de Canal Sud*/

table.spip {font-size:0.8em;text-align:center;}
table.spip li {list-style: none;}
table.spip th,td {padding:0.6em;}
table.spip td {width:15%;}
table.spip caption {  background: none; border-bottom: 1px solid; display: none; }
table.spip thead th { background: none;  }
table.spip tr.row_first {background: #DDD; color:black;}
table.spip tr.row_first th {border:2px solid black;}
table.spip th:first-child {background: #DDD; color:black;}
table.spip th[headers] {background: #DDD !important; color:black;border:2px solid black;}
table.spip tbody tr th,
table.spip tr td { background: none; vertical-align: middle;border: 2px solid black; }
table.spip tbody tr.odd th,
table.spip tr.odd td { background: none;  }
table.spip tfoot { border-top: 4px solid black; }

/*Style de la page Archives sonores*/

#tableau_archives li {list-style: none;}
#tableau_archives td {vertical-align: middle;}
#tableau_archives tr.odd  {background:white;}


tbody tr:nth-child(2n) th, tbody tr:nth-child(2n) td, tbody tr.even th, tbody tr.even td {
	background: #EEE;
}
thead th {
	background: #DDD;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

}	

/* divers */

.ombres {
	padding:0;margin:0;
}
.sansombres {box-shadow:none;}
@media (max-width: 1480px) {
.ombres {padding:0;margin:0;max-height: 300px;overflow: hidden;}
}
@media (max-width: 1280px) {
.ombres {padding:0;margin:0;max-height: 300px;overflow: hidden;}
}
@media (max-width: 767px) {
.ombres {padding:0;margin:0;max-height: 300px;overflow: hidden;}
}
a {
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	color: #8c0c19;
	text-decoration: none;
	border-bottom: none;
	font-size:1em;
		font-weight: bold;
}

.navinfo h3, .aside h3 {
	font-family: 'Courier New', Courier, serif;
	color:#343a3a;
	font-size: 1.1em;
	margin-bottom: 1.2em;
	font-weight: bold;
	border-bottom: 2px solid #8c0c19;
	/* border-bottom: 2px dotted black; */
	margin-top: 0;
	padding-top: 0;
	width: 95%;
}

.syndication a {font-size:1.1em;}
.syndication small em a {}

footer a {color:#ffffff;}


.image.featured {
	display: block;
	margin: 0 2em 2em 0;
}



@media screen and (max-width: 1280px) {
ul.menu-liste {padding:0; margin: 0 0 0 0;}	
ul.menu-liste li {font-size: 0.65em;}	
input[type="submit"], input[type="reset"], input[type="button"], .button {padding: 0 0.6em;}
}

@media screen and (max-width: 1024px) {

}

.button a {
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	color: #ffffff;
	text-decoration: none;
	border-bottom: dotted 1px;
}

.footer .colophon { text-align: center; width: 99%; margin: 0 auto; }
.footer .login a {display: inline-block;background: url(../icones/icone_login_rouge_32.png) no-repeat;
width:32px;height:32px; border:0;vertical-align: middle;}
.footer .login  a:hover {display: inline-block;background: url(../icones/icone_login_noire_32.png) no-repeat;
width:32px;height:32px;border:0; vertical-align: middle;}
.footer .logout a {display: inline-block;background: url(../icones/icone_logout_rouge_32.png) no-repeat;
width:32px;height:32px; border:0;vertical-align: middle;}
.footer .logout  a:hover {display: inline-block;background: url(../icones/icone_logout_noire_32.png) no-repeat;
width:32px;height:32px;border:0; vertical-align: middle;}

/* cf. style.css pour les icones rss/podcast hors footer*/

.abo_rss_revert a {display: inline-block;background: url(../icones/icone_rss_rouge_32.png) no-repeat;
width:32px;height:32px; border:0;vertical-align: middle;}
.abo_rss_revert a:hover {display: inline-block;background: url(../icones/icone_rss_32.png) no-repeat;
width:32px;height:32px;border:0; vertical-align: middle;}
.abo_podcast_revert a {display: inline-block;background: url(../icones/icone_podcast_rouge_32.png) no-repeat;
width:32px;height:32px;border:0;vertical-align: middle; }
.abo_podcast_revert a:hover {display: inline-block;background: url(../icones/icone_podcast_32.png) no-repeat;
width:32px;height:32px; border:0;vertical-align: middle;}


#documents_portfolio ul {list-style:none;}
.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; max-width: 100%;}
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
.spip_documents_center { clear: both; display: block; width: 100%; }
.spip_documents_left { float: left!important; margin-right: 1.5em; }
.spip_documents_right { float: right; margin-left: 1.5em; }
.spip_doc_titre {}
.spip_doc_descriptif { clear: both; }
.spip_doc_credits { font-size:x-small; clear: both; }
.spip_doc_titre {font-size:1.2em;color:#000;}

/* Form */



fieldset {
	color:#000000;
	padding:1em;
	width: 98%;
	margin: 10px 0px 20px 0px;
	font-size: 0.9em;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
}
fieldset legend {	font-size: 1.4em;font-weight:bold;color:#8c0c19;}
fieldset label {color:#000000;}	


	form {
		margin: 0 0 2rem 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		border-radius: 0;
		border: none;
		border: solid 1px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1rem;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		input[type="search"]:invalid,
		input[type="url"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

	label {
		display: block;
		font-size: 1.2rem;
		font-weight: 400;
		margin: 0 0 1rem 0;
	}
	


	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"] {
		height: 2.25rem;
	}

	input[type="search"] {
		background-size: 1.25rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 1rem) center;
		height: 2.25rem;
		padding-right: 1.25rem;
		text-overflow: ellipsis;
		display: inline-block;
		max-width:70%;
	}

	select {
		background-size: 1.25rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 1rem) center;
		height: 2.25rem;
		padding-right: 2.25rem;
		text-overflow: ellipsis;
	}

		select:focus::-ms-value {
			background-color: transparent;
		}

		select::-ms-expand {
			display: none;
		}

	textarea {
		padding: 0.75rem 1rem;
	}


	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		opacity: 1.0;
	}

	:-moz-placeholder {
		opacity: 1.0;
	}

	::-moz-placeholder {
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		opacity: 1.0;
	}

	label {
		
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select,
	textarea {
		background-color: #ffffff;
		border-color: #e0e0e0;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		select:focus,
		textarea:focus {
			border-color: #7abaa4;
			box-shadow: 0 0 0 1px #7abaa4;
		}
		
	input[type="submit"], input[type="reset"], input[type="button"], .button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-color: #8c0c19;
	border-radius: 5px;
	border: 0;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	padding: 0 1.5em;
	margin-left:4px;
	line-height: 2.0em;
	min-width: 3em;
	text-align: center;
	text-decoration: none;
	font-weight: 300;
	letter-spacing: -0.025em;
}	

	input[type="submit"], input[type="reset"], input[type="button"] , button[type="submit"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-color: #0D0D0D;
	border-radius: 5px;
	border: 0;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	padding: 0 1.5em;
	margin-left:4px;
	line-height: 2.0em;
	min-width: 3em;
	text-align: center;
	text-decoration: none;
	font-weight: 300;
	letter-spacing: -0.025em;
}

	input[type="search"] {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='179.2' height='179.2'%3E%3Cpath transform='scale(0.1,-0.1) translate(0,-1536)' d='M1152 704q0 185 -131.5 316.5t-316.5 131.5t-316.5 -131.5t-131.5 -316.5t131.5 -316.5t316.5 -131.5t316.5 131.5t131.5 316.5zM1664 -128q0 -52 -38 -90t-90 -38q-54 0 -90 38l-343 342q-179 -124 -399 -124q-143 0 -273.5 55.5t-225 150t-150 225t-55.5 273.5 t55.5 273.5t150 225t225 150t273.5 55.5t273.5 -55.5t225 -150t150 -225t55.5 -273.5q0 -220 -124 -399l343 -343q37 -37 37 -90z' fill='%23e0e0e0' /%3E%3C/svg%3E");
	}

	select {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23e0e0e0' /%3E%3C/svg%3E");
	}

		select option {
			color: #171717;
			background-color: #ffffff;
		}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		color: #171717;
	}

		input[type="checkbox"] + label:before,
		input[type="radio"] + label:before {
			background: #ffffff;
			border-color: #e0e0e0;
		}

	input[type="checkbox"]:checked + label:before,
	input[type="radio"]:checked + label:before {
		background-color: #0D0D0D;
		border-color: #0D0D0D;
		color: #ffffff;
	}

	input[type="checkbox"]:focus + label:before,
	input[type="radio"]:focus + label:before {
		border-color: #0D0D0D;
		box-shadow: 0 0 0 1px #0D0D0D;
	}

	::-webkit-input-placeholder {
		color: #aeaeae !important;
	}

	:-moz-placeholder {
		color: #aeaeae !important;
	}

	::-moz-placeholder {
		color: #aeaeae !important;
	}

	:-ms-input-placeholder {
		color: #aeaeae !important;
	}
	;
	
fieldset legend {	font-size: 1.4em;font-weight:bold;color:#8c0c19;}
fieldset label {color:#000000;}		

.formulaire_spip__etapes {padding:1.3em 1em;background-color:#0D0D0D21;margin-bottom:1.6em;font-weight:bold; color:#8c0c19;}	
.formulaire_formidable p.boutons {margin-top:20px; float:right;margin-right:10px;}	
.formulaire_formidable .etapes__items li {display: inline-block;}
.formulaire_formidable .etapes__items li em {font-size:1.3em;font-weight:bold; color:#8c0c19;}
	
.formulaire_formidable  label, #formulaire_recommander label{display: block;font-size: 1.1em;font-weight: 400;margin: 0.85rem 0 0  0;}
p.explication  {font-size: 0.85em;text-align:left;float:right;}	
p.explication:after {clear:right;}
.choix {clear:right;}	
.explication p {font-size: 0.85em;text-align:left;}	
.explication_texte p {font-size: 1em;text-align:left;}
.explication_texte p a {text-decoration:underline;}	
.explication.explication_apres {font-size: 0.85em;text-align:left;}

.etapes__items .etapes__item {padding-left:1.6em;}

.formulaire_formidable .editer-groupe {display:flex;flex-wrap:wrap; }
.choix {display:block; }
 
.choix checkbox{display: inline-block;}
.choix label{display: contents;}
.editer_input_1 {width:50%;float:left;padding:0 1.6em;}
.editer_input_4 {width:50%;float:left;padding:0 1.6em;}
.editer_textarea_1  {width:100%;float:left;padding:0 1.6em;}

.formulaire_spip .etapes__item:not(:first-child)::before {
	content: ' → ';
}




input[type="submit"], input[type="reset"], input[type="button"], button[type="submit"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-color: #8c0c19;
	border-radius: 5px;
	border: 0;
	color: #ffffff!important;
	cursor: pointer;
	display: inline-block;
	padding: 0 1.5em;
	margin-left: 4px;
	line-height: 2.0em;
	min-width: 3em;
	text-align: center;
	text-decoration: none;
	font-weight: 300;
	letter-spacing: -0.025em;
}
	
	
.formulaire_formidable  button.submit {font-size:1.2em;float:right; margin-bottom:1.4em; margin-right:1.4em;}	
.formulaire_formidable  button.submit::after {clear:right;}
	
/* documents */

.pdffile {top:-10px;left:-10px;
 background:url(../../images/file-pdf.svg) no-repeat; 
background-size: 0.9rem;
		background-repeat: no-repeat;
		background-position: left;
		}	

.syndication  nav ul {}
.syndication  nav ul  li {}
/* Pagination */

nav.pagination {}

nav.pagination a {font-size:15px;font-weight:600;}	
.pagination .pagination-items {list-style: none;display: flex;flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #666666; color: #fff; }
.pagination .on .pagination-item-label {font-weight: bold;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
.menu_articles .pagination strong {font-size:1em;}

/* Pagination */
.pagination { clear: both; text-align: center; }
.pagination .disabled {display:none;}
@media print {
	.pagination { display: none; }
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
background-color :#a4cb67;
 border-color: #c3bcb0;
    color: #333333;
}

.pagination > li > a, .pagination > li > span {
background-color :#f2ecec;
 border-color: #c3bcb0;
    color: #333333;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
background-color :#f2ecec;
 border-color: #c3bcb0;
    color: #333333;
}
@media screen and (max-width: 736px){
.pagination_ancre {padding-top:130px;}
}
.spip-admin-bloc, .spip-admin-float {
/*display:none;*/
    z-index: 10001!important;
    top:unset!important;
    bottom:0!important;
    }
	
@media screen and (max-width: 480px) {
p.pagination {font-size:15px;}	
}

/* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */
@media (max-width: 640px) {
.spip_documents,.spip_doc_titre,.spip_doc_descriptif { max-width: 100% !important; }
}


/* .preload {position: fixed;	left: 0px;	top: 0px;	width: 100%;	height: 100%;	z-index: 9999;	background: url(../../images/Preloader_11.gif) center no-repeat #fff;} */
.scrollup{
z-index:9999;
    width:50px;
    height:50px;
    opacity:0.8;
    position:fixed;
    bottom:80px;
    right:30px;
    display:none;
    text-indent:-9999px;
    background: url(../../images/top.png) no-repeat;
    border-bottom: none;
}

a.scrollup:focus {
outline:none;
}


@media screen and (max-width: 736px){
.scrollup {bottom:60px; right:30px;}
.spip-admin-bloc, .spip-admin-float {
    z-index: 10001!important;
    top:unset!important;
	right:0!important;
    bottom:0!important;
    }
}

.bottom-nav-collapse {position:fixed;left:0;right:0;bottom:0;z-index:100;}

#progress-container {
    position: fixed;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background: transparent;
    transition: all ease-out 0.2s;
}

#progress-container.ready {
    transform: translateY(-3px);
}

#progress-bar {
    display: block;
    width: 0;
    height: 3px;
    background: #d3050c;
}
/* Non visible a l'ecran */
.offscreen, .invisible { position: absolute; left: -999em; height: 1%; }
.hidden { visibility: hidden; }
.none { display: none; }

.NFClass {
background-color: transparent;
}