/********************************************************************************/
/*                               RADIO ESPÉRANCE                                */
/********************************************************************************/

/********************************************************************************/
/*                               icônes en SVG                                  */
/********************************************************************************/
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon/icomoon.eot');
    src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/icomoon/icomoon.svg#icomoon') format('svg'),
        url('../fonts/icomoon/icomoon.woff') format('woff'),
        url('../fonts/icomoon/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    display:inline-block;
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;

    margin-right: 10px;
    /*color: #000;#a02d33;#1f1fa0;#F40;*/
    /*text-shadow: 4px 4px 4px #000;*/
}

.icomoon {
    font-family: 'icomoon';
}

/********************************************************************************/
/*                               reset perso                                    */
/********************************************************************************/
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

header,section,article,aside,footer,dialog,nav,menu,hgroup,figure,figcaption,datalist,details,summary
{
	display: block;
	margin: 0;
}

audio,canvas,video {
	display: inline-block;
}

abbr,eventsource,mark,meter,time,progress,output {
	display: inline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

audio:not ([controls] ) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

a:focus {
	outline: thin dotted #333;
}

a:active,a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

code,kbd,pre,samp {
	font-family: monospace, serif;
	font-size: 1em;
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

img {
	border: 0;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

button,input {
	line-height: normal;
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],input[disabled] {
	cursor: default;
}

input[type=checkbox],input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration
	{
	-webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

/********************************************************************************/
/*                               style de base                                  */
/********************************************************************************/
body {
	margin: 0;
	padding: 0;
	font: 400 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: 'Fanwood Text', serif;
	color: #000;
	background: #eee url(../img/bruit.png);
}

/*
.osx {
	font-size: 16px;
}
*/

a {
	text-decoration: none;
	color: #F70;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0 0 10px;
}

small {
	font-size: 85%;
}

b,strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

cite {
	font-style: normal;
}

blockquote {
	margin: 1em 40px;
}

h1,h2,h3,h4,h5,h6 {
	margin: 10px 0;
	font-weight: 400;
	line-height: 1;
	color: #333;
	font-family: 'Fanwood Text', serif;
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
	font-weight: normal;
	line-height: 1;
	color: #999;
}

h1,.h1 {
	font-size: 36px;
	line-height: 40px;
	/*
    font-family: 'Eagle Lake', cursive;
    */
}
/*
h2,.h2 {
	font-size: 30px;
	line-height: 40px;
}
*/

/*CHGT FXP : pour pouvoir metttre ne ligne*/
h2,.h2 {
	font-size: 20px;
	line-height: 22px;
}



h3,.h3 {
	font-size: 24px;
	line-height: 40px;
}

h4,.h4 {
	font-size: 18px;
	line-height: 20px;
}

h5,.h5 {
	font-size: 14px;
	line-height: 20px;
}

h6,.h6 {
	font-size: 12px;
	line-height: 20px;
}

ul,ol {
	padding: 0;
	margin: 0;
}

.content ul,.content ol,.footer ul {
	margin: 0 0 10px;
	padding: 0 0 0 30px;
}

dl {
	margin-bottom: 20px;
}

dt,dd {
	line-height: 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 10px;
}

blockquote {
	padding: 0 0 0 15px;
	margin: 0 0 20px;
	border-left: 5px solid #eeeeee;
}

blockquote p {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 25px;
}

blockquote small {
	display: block;
	line-height: 20px;
	color: #999999;
}

q:before,q:after,blockquote:before,blockquote:after {
	content: "";
}

/*************************/
/***** LITURGIA***********/
/*************************/

	
.droite {
	margin-right:12px;
	margin-left:6px;
	margin-bottom: 4px;
	font-family: georgia;
	font-size:0.95em;
	float: right;
	width: 47%;
	text-align:justify;
        }
.gauche {
	margin-left:12px;
	margin-right:6px;
	margin-bottom: 4px;
	font-family: georgia;
	font-size:0.95em;
	float: left;
	width: 47%;
    clear:both;
	text-align:justify;
	}    


/********************************************************************************/
/*                               structure du site - grille                     */
/********************************************************************************/
.wrap {
	width: 1020px;
	margin: 0 auto;
}

.module1,.module2,.module3,.module4,.module5,.module6,.module7,.module8,.module9,.module10,.module11,.module12
	{
	margin: 0 10px;
	display: inline-block;
}

.module1 {
	width: 65px;
}

.module2 {
	width: 150px;
}

.module3 {
	width: 235px;
}

.module4 {
	width: 320px;
}

.module5 {
	width: 405px;
}

.module6 {
	width: 490px;
}

.module7 {
	width: 575px;
}

.module8 {
	width: 660px;
}

.module9 {
	width: 745px;
}

.module10 {
	width: 830px;
}

.module11 {
	width: 915px;
}

.module12 {
	width: 1000px;
}

.grid1 {
	width: 85px;
	float: left;
	display: table-cell;
}

.grid2 {
	width: 170px;
	float: left;
	display: table-cell;
}

.grid3 {
	width: 255px;
	float: left;
	display: table-cell;
}

.grid4 {
	width: 340px;
	float: left;
	display: table-cell;
}

.grid5 {
	width: 425px;
	float: left;
	display: table-cell;
}

.grid6 {
	width: 510px;
	float: left;
	display: table-cell;
}

.grid7 {
	width: 595px;
	float: left;
	display: table-cell;
}

.grid8 {
	width: 680px;
	float: left;
	display: table-cell;
}

.grid9 {
	width: 765px;
	float: left;
	display: table-cell;
}

.grid10 {
	width: 850px;
	float: left;
	display: table-cell;
}

.grid11 {
	width: 935px;
	float: left;
	display: table-cell;
}

.grid12 {
	width: 1020px;
	float: left;
	display: table-cell;
}

.sidebar {
	float: left;
	display: table-cell;
}

.table {
	display: table;
}

/********************************************************************************/
/*                               classe invisible                               */
/********************************************************************************/
.screenreader {
	display: none;
}

/********************************************************************************/
/*                               modules                                        */
/********************************************************************************/

/********************************************************************************/
/*                               liens de téléchargement                        */
/********************************************************************************/
a[href $=".pdf"] {
	background: url(../ico/File-PDF-128-color.png) no-repeat center;
}

a[href $=".doc"],a[href $=".docx"] {
	background: url(../ico/File-Document-128-color.png) no-repeat center;
}

a[href $=".ppt"],a[href $=".pps"],a[href $=".pot"],a[href $=".pptx"],a[href
	$=".ppsx"],a[href $=".potx"] {
	background: url(../ico/File-Presentation-128-color.png) no-repeat center;
}

a[href $=".zip"] {
	background: url(../ico/File-Archive-128-color.png) no-repeat center;
}

a.link-img {
	background: url(../ico/File-Picture-128-color.png) no-repeat center;
}

a.link-video {
	background: url(../ico/File-Video-128-color.png) no-repeat center;
}

a[href $=".pdf"],a[href $=".doc"],a[href $=".docx"],a[href $=".ppt"],a[href
	$=".pps"],a[href $=".pot"],a[href $=".pptx"],a[href $=".ppsx"],a[href $=".potx"],a[href
	$=".zip"],a.link-img,a.link-video {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	min-height: 100px;
	background-size: 100px 100px;
	margin: 0 10px 10px 0;
	padding: 10px;
	text-decoration: none;
	word-wrap: break-word;
	font-weight: 700;
	color: #fff;
	background-color: #7cdc7e;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

a[href $=".pdf"]:hover,a[href $=".doc"]:hover,a[href $=".docx"]:hover,a[href
	$=".ppt"]:hover,a[href $=".pps"]:hover,a[href $=".pot"]:hover,a[href $=".pptx"]:hover,a[href
	$=".ppsx"]:hover,a[href $=".potx"]:hover,a[href $=".zip"]:hover,a.link-img:hover,a.link-video:hover
	{
	background-color: #ff9f80;
}

/* Faire un don, Boutique, Web-Lettre, Intention de priere */
#ecoutenous,#helpDon,#lienBoutique,#lettreInfo, #intentionPriere {
	display: block;
	width: 100%;
	height: 37px;
	margin: 0;
	padding: 0 0 0 33px;
	text-align: left;
}
#intentionPriere {
	text-align: center;
	padding-left: 0;
}
#ecoutenous {
	background-color: #003da5;
}
#lettreInfo {
	background-color: #356fd2;
}
#intentionPriere {
	background-color: #77a5f3;
}
#lienBoutique {
	background-color: #fca25d;
}
#helpDon {
	background-color: #ff7205;
}

#ecoutenous:hover {
	background-color: #022d76;
}
#lettreInfo:hover {
	background-color: #2956a4;
}
#intentionPriere:hover {
	background-color: #5b7eba;
}
#lienBoutique:hover {
	background-color: #c17b46;
}
#helpDon:hover {
	background-color: #c35703;
}

#ecoutenous span:hover, #helpDon span:hover, #lienBoutique span:hover, #lettreInfo span:hover, #intentionPriere span:hover {
	color: #F9F900;
}

/*** FIN - MODIF STEPHANE - BOUTONS DROIT ***/


#nousecoute a:hover,#nousecoute a:focus,#helpDon a:focus,#help a:hover,#help a:active,#lienBoutique a:focus,#widget_boutique a:hover,#widget_boutique a:active,#lettreInfo a:focus,#lettre a:hover,#lettre a:active,
#intentionPriere a:focus, #priere a:hover, #priere a:active	{
	text-decoration: none;
}

#ecoutenous span,#helpDon span,#lienBoutique span, #lettreInfo span, #intentionPriere span {
	display: block;
	padding: 2px 0 0;
	color: #fff;
	font: 400 24px 'Fanwood Text', serif;
}
#ecoutenous span i,
#helpDon span i,
#lienBoutique span i,
#lettreInfo span i {
	font-size: 19px;
	margin-right: 7px;
}
/********************************************************************************/
/*                               fond d'écran                                   */
/********************************************************************************/
#fond {
	position: fixed;
	z-index: -100;
	top: 15px;
	right: -64px;
}

/********************************************************************************/
/*                               calendar                                       */
/********************************************************************************/
ul.calendar {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	border-top: 1px dashed #777;
	border-bottom: 1px dashed #777;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
}

/********************************************************************************/
/*                               texte utilitaire                               */
/********************************************************************************/
.info,.success,.error,.warning {
	padding: 10px 20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.info {
	background: #eee/*#92ff6e*/ url(../img/bruit.png);
}

.success {
	color: #468847;
	background: #DFF0D8 url(../img/bruit.png);
}

.error {
	color: #B94A48;
	background: #F2DEDE url(../img/bruit.png);
}

.warning {
	background: #FCF8E3 url(../img/bruit.png);
}

/********************************************************************************/
/*                               images WordPress                               */
/********************************************************************************/
/*
#mag article img{margin:0}
*/
img.alignleft {
	float: left;
	margin-right: 20px;
}

img.alignright {
	float: right;
	margin-left: 20px;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

/********************************************************************************/
/*                               flèche pour éléments "en savoir plus"          */
/********************************************************************************/


/********************************************************************************/
/*                               navigation du header                           */
/********************************************************************************/

/* comme le navHeader est fixed, le wrapper doit descendre d'une hauteur = au navHeader */
#wrapper {
	margin-top: 50px;
}

#navHeader {
	padding: 5px 0;
	margin-top: 0 /*-20px*/;

/* ajoute par Stephane pour fixer sur la partie sup de la fenetre */

	position: fixed;
	z-index: 999999999;
	left: 0;
	top: 0;
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
}

#navHeader div>div {
	/*forçage de #navHeader en position 'fermeture' afin de laisser au fichier scripts.js le temps de se charger*/
	display: none;
}

#navHeader div {
	margin: 0 auto;
	text-align: center;
	width: 1020px;
}

#navHeader div > h2 {
	display: inline;
	padding: 0 0px 0 0;
	line-height: 48px;
	/*border-left: 1px solid #777;*/
	color: #eee;
	/*font: 100 1em 'Fanwood Text', serif;*/ /*CHGT FXP pour pouvoir mettre en ligne */
	font: 100 1.05em 'Arial', sans-serif;
	cursor: pointer;
	/*background-position: 10px 1px;*/
}

#navHeader div > h2:hover {
	text-decoration: underline;
}

#navHeader div > h2:first-child {
	border-left: none;
}

#navHeader div > h2:before {
	content: "|";
}
#navHeader div > h2.prem:before {
	content: "";
}
#navHeader div > h2.der {
	padding-left: 0px;
}
#navHeader div > h2 span {
	padding-left: 3px;
}

#navHeader h2 a {
	padding: 0;
}
#navHeader div > div {
	position: absolute;
	z-index: 200;
	border-radius: 0 0 20px 20px;
	text-align: left;
}

#navHeader div>div>ul {
	padding-bottom: 10px;
}

#navHeader div>div>ul li {
	display: block;
	width: 440px;
	line-height: 1.5em;
	margin: 0 0 0 20px;
	border-bottom: 1px solid #777;
	border-left: none;
}

#navHeader a {
	/*font: 100 1em 'Fanwood Text', serif;*/ /*CHGT FXP pour pouvoi rmettre en ligne*/
	/*font: 100 1.1em 'Fanwood Text', serif;*/
	color: #EEE;
}

#navHeader>section {
	margin: 0 0 10px;
}

#navHeader ul ul li a {
	color: #aaa;
	font: 100 1em 'Fanwood Text', serif;
}

#panel section {
	width: 350px;
	margin: 10px;
	padding: 20px;
	padding-top: 0px;
	border: 1px solid #ffffff;
}

#panel section.messageConnect {
	position: absolute;
	left: 247px;
	top: 0px;
	border: 1px solid #777;
	width: 709px;
}
#panel h2 {
	font-family: Arial,Helvetica,sans-serif;
	color: #fff;
}

#panel p {
	margin: 10px 0;
	padding: 0;
	color: #aaa;
}

#panel li {
	padding-bottom: 12px;
	font-size:1.2em;
	list-style-type: none;
}
#panel section a {
	font-family: Arial,Helvetica,sans-serif;
	font-size:1.1em;
}

#panel a {
	text-decoration: underline;
}

#panel a:hover {
	text-decoration: none;
}

#panel label {
	display: block;
	margin: 10px 0;
	font-family: Arial,Helvetica,sans-serif;
}

.requiredField {
	width: 180px;
	padding: 0 10px;
	color: #fff;
	border: 1px solid #777;
	background: #777 url(../img/bruit.png);
}

.upMenu {
	display: block;
	position: relative;
	width: 32px;
	height: 32px;
	margin: -20px 0 -10px -10px;
	background: url(../ico/Cancel-32.png) no-repeat;
}

.upMenu:hover {
	background: url(../ico/Cancel-32-hover.png);
}

/********************************************************************************/
/*                               header de la page (en-tête)                    */
/********************************************************************************/
#header {
	width: 1000px;
	height: 130px;
	margin: -30px auto 0;
	background: transparent url(../img/theme_re/logo_re.png) no-repeat center -4px;
}

#header #title {
	display: none;
}

#title img {
	height: 120px;
}

#title h2 {
	margin: -90px 0 0 200px;
	color: #091B55;
	font-size: 3em;
}

/***************************************************/
/******************   Header new   *****************/
/***************************************************/

#header2 {
	width: 1000px;
	height: 85px;
	margin: -30px auto 0;
	background: transparent url(../img/logo_re_reduit.png) no-repeat center 0;
}
#header0 {
	width: 1000px;
	height: 187px;
	margin: -30px auto 0;
	background: transparent url(../img/header_pc-1000.png) no-repeat center 0;
}

/***************************************************/
/****************  FIN Header new   ****************/
/***************************************************/


/*** WebRadios ***/
/*
#webRadios {
	width: 840px;
	margin: 0px auto 0;
}

#webRadios ul {
	display: block;
	overflow: visible;
	margin: 0;
	padding: 0;
}

#webRadios li {
	display: block;
	float: left;
	border: 1px solid #0161ab;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 3px 0 0;
}

#webRadios li:last-child {
	margin-right: 0;
}
#webRadios a {
	display: block;
	margin: 0px;
	padding: 0;
	text-align: center;
	color: #fff;
	font: 100 1em 'Fanwood Text', serif;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#webRadios a#wr1:hover,
#webRadios a#wr2:hover,
#webRadios a#wr3:hover,
#webRadios a#wr4:hover,
#webRadios a#wr5:hover,
#webRadios a#wr6:hover,
#webRadios a#wr7:hover,
#webRadios a#wr8:hover,
#webRadios a#wr9:hover {
	background-color: #cef;
}
nav#webRadios li a.active {
	background-color: #cef !important;
}
#webRadios a span {
	display: none;
}

.osx #webRadios a span {
	font-size: 16px;
}
#webRadios a#wr1,
#webRadios a#wr2,
#webRadios a#wr3,
#webRadios a#wr4,
#webRadios a#wr5,
#webRadios a#wr6,
#webRadios a#wr7,
#webRadios a#wr8,
#webRadios a#wr9 {
	display: block;
	height: 60px;
	width: 100px;
}
#webRadios a#wr1 {
	background: #fff url("../img/logo-wr/Icones_WebRadio-accueil.png") no-repeat  top right;
}
#webRadios a#wr2 {
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -5px;
}
#webRadios a#wr3 {
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -287px;
}
#webRadios a#wr4 {
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -355px;
}
#webRadios a#wr5 {
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -427px;
}
#webRadios a#wr6 {
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -215px;
}
#webRadios a#wr7 {
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -145px;
}
#webRadios a#wr8 {
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -507px;
}
#webRadios a#wr9 {
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -70px;
}
*/

/*********************************************
 *     Barre de Navigation des Webradios     *
 *********************************************/

#webRadios {
	/*width: 746px; valeur pour 7 webradios */
	width: 839px; /* valeur pour 8 webradios */
	margin: 0 auto;
}

#webRadios ul {
	display: block;
	overflow: visible;
	margin: 0;
	padding: 0;
}

#webRadios li {
	display: block;
	float: left;
	border: 1px solid #0161ab;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 3px 5px 0;/* la taille de margin-top et bottom est égal à celle de border-top et bottom lorsqu'il est "active"  */
}

nav#webRadios li.active  {
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-top: 5px solid #009cd8;
	border-right: 1px solid transparent;	
	border-bottom: 5px solid #009cd8;
	border-left: 1px solid transparent;
	margin-top: 0;/* la taille de border-top et bottom de 5px annulent celle de margin-top et bottom 5px lorsqu'il n'est pas "active" */
	margin-bottom: 0;/* idem */
}

#webRadios li:last-child {
	margin-right: 0;
}
#webRadios a {
	display: block;
	/*width: 93px; */ /* pour 10 webradios */
	/*width: 118px; ajustement pour 8 webradios au lieu de 10 */
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
	font: 100 1em 'Fanwood Text', serif;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#webRadios li.active a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#webRadios a#wr1:hover,
#webRadios a#wr2:hover,
#webRadios a#wr3:hover,
#webRadios a#wr4:hover,
#webRadios a#wr5:hover,
#webRadios a#wr6:hover,
#webRadios a#wr7:hover,
#webRadios a#wr8:hover,
#webRadios a#wr9:hover {
	background-color: #cef;
}

#webRadios a span {
	display: none;
}

.osx #webRadios a span {
	font-size: 16px;
}
/* ajout Stef */
#webRadios a#wr1,
#webRadios a#wr2,
#webRadios a#wr3,
#webRadios a#wr4,
#webRadios a#wr5,
#webRadios a#wr6,
#webRadios a#wr7,
#webRadios a#wr8,
#webRadios a#wr9 {
	display: block;
	height: 60px;
	width: 100px;
}

/* VERSION PNG désactivé */

/* Radio Espérance */
#webRadios a#wr1 {
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -5px;
}
/* Radio Espérance Chant Grégorien */
#webRadios a#wr2 {
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -287px;
}
/* Radio Espérance Enseignement */
#webRadios a#wr3 { 
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -355px;
}
/* Radio Espérance Parole de Dieu */
#webRadios a#wr4 { 
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -427px;
}
/* Radio Espérance Louange */
#webRadios a#wr5 { 
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -215px;
}
/* Radio Espérance Musique Sacrée */
#webRadios a#wr6 { 
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -145px;
}
/* Radio Espérance Au Fils */
#webRadios a#wr7 { 
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -70px;
}
/* Radio Espérance 100% Franciscus */
#webRadios a#wr8 { 
	background: #fff url("../img/logo-wr/Icone_WebRadio.png") no-repeat  -5px -507px;
}

/* VERSION SVG */

/* Radio Espérance
#webRadios a#wr1 {
    background: #fff url("../img/logo-wr/btnWebRadio_re.svg") no-repeat center top;
} */
/* Radio Espérance Chant Grégorien
#webRadios a#wr2 {
    background: #fff url("../img/logo-wr/btnWebRadio_cg.svg") no-repeat center top;
} */
/* Radio Espérance Enseignement
#webRadios a#wr3 {
    background: #fff url("../img/logo-wr/btnWebRadio_ens.svg") no-repeat center top;
} */
/* Radio Espérance Parole de Dieu
#webRadios a#wr4 {
    background: #fff url("../img/logo-wr/btnWebRadio_pdieu.svg") no-repeat center top;
} */
/* Radio Espérance Louange
#webRadios a#wr5 {
    background: #fff url("../img/logo-wr/btnWebRadio_lou.svg") no-repeat center top;
} */
/* Radio Espérance Musique Sacrée
#webRadios a#wr6 {
    background: #fff url("../img/logo-wr/btnWebRadio_ms.svg") no-repeat center top;
} */
/* Radio Espérance Au Fils
#webRadios a#wr7 {
    background: #fff url("../img/logo-wr/btnWebRadio_fil.svg") no-repeat center top;
} */

/* Fin - WebRadios */

/********************************************************************************/
/*     structure des sections et articles (ne plus utiliser ces class et id...) */
/********************************************************************************/
#container,#footer nav {
	width: 1020px;
	margin: 0 auto;
	clear: both;
}

#mag1, #mag, #single {
	float: left;
	width: 765px;
	margin-top: 10px;
}
/* #mag0 et #blocinfo : nouvel emplacement du slider et des Blocs infos */
#mag0, #tuiles, #blocinfo, #emission, #piedpage, #piedpagebas {
	float: left;
	width: 1026px;
	margin-top: 10px;
}
/* mode paysage */
@media (max-width:1010px) {
	#mag0, #tuiles {
		width: 765px;
	}
}
/**/
/* FIN - #mag0 : nouvel emplacement du slider */

/***************************************************/
/*****************  Blocs Infos   ******************/
/***************************************************/

#blocinfo article.infowr {
	background-color: #fff;
  box-shadow: none;
/**/
	padding: 0px;
	height: 290px;
/**/
	float: left;
	margin: 10px;
	margin-top: 0;
	margin-right: 0;
	
	overflow: hidden;
	word-wrap: break-word;
	background: #fff;
	color: #151515;
/**/
	width: 244px;
/**/
	/*border: #0161ab solid 1px;*/
}
#blocinfo article.infowr > a {
	display: block;
	height: 146px;
}
#blocinfo article.infowr img {
	width: 100%;
}
.infoactuelle {
	overflow: hidden;
	height: 129px;
	padding: 7px;
	border: #ccc solid 1px;
	border-top: none;
}
.infoactuelle h4 {
	margin: 0;
}
.infoactuelle > p {
    line-height: 19px;
}

/***************************************************/
/**************   FIN Blocs Infos   ****************/
/***************************************************/

/***************************************************/
/******************   Filariane   ******************/
/***************************************************/

#filariane {
	color: #777;
	font-family: "open sans";
	font-size: 16px;
	margin-bottom: 7px;
	margin-left: 10px;
	padding: 17px 0 3px 0;
	width: 1000px;
}
#filariane > a {
    color: #777;
}
#filariane > span:after {
	content: "\f101";
	font-family: FontAwesome;
  margin-left: 7px;
	margin-right: 4px;
}

/***************************************************/
/****************   FIN Filariane   ****************/
/***************************************************/

/***************************************************/
/****************   Pied de page   *****************/
/***************************************************/

#piedpage {
	margin-top: 17px;
}
#piedpagebas {
	margin-top: 0;
}
#piedpage, #piedpagebas {
	
}
#piedpage .tripleSample0, #piedpagebas .tripleSample0 {
	color: #fff;
	text-align: center;
}
#piedpage .tripleSample0 {
	background-color: #00a7fb;
	padding-top: 5px;
	padding-bottom: 5px;
}
#piedpagebas .tripleSample0 {
	background-color: #0161ab;
	height: 90px;
}

/***************************************************/
/**************   FIN Pied de page   ***************/
/***************************************************/

/***************************************************/
/*****************   Off-canvas   ******************/
/***************************************************/

/**** voir fichier ---[ re-offcanvas.css ]--- ******/

/***************************************************/
/**************  FIN Off-canvas   ******************/
/***************************************************/

/***************************************************/
/**************  CSS Formulaire   ******************/
/***************************************************/

/**** voir fichier ---[ re-formulaires.css ]--- ****/

/***************************************************/
/************  FIN CSS Formulaire   ****************/
/***************************************************/

span#mag {
	margin-top: 0px;
}

aside {
	float: right;
	width: 255px;
	margin-top: 10px;
}

#mag>article,#mag>section,#mag>nav,#mag1>article,#mag1>section,#mag1>nav,#single>article,aside>section,aside>nav,.comment,#respond
	{
	float: left;
	margin: 10px;
	padding: 20px;
	overflow: hidden;
	word-wrap: break-word;
	background: #FFFFFA;
	color: #151515;
}
/* nouvel emplacement du slider */
#mag0 > section {
	float: left;
	margin: 10px;
	padding: 0;
	overflow: hidden;
	word-wrap: break-word;
	background: #FFFFFA;
	color: #151515;
}
/**/
/* mode paysage */
@media (max-width:1010px) {
	#mag0 > section {
		padding: 20px;
	}
}
/**/
/* ajout Stef */
#mag > section.tripleSample.heightInherit {
	padding-top: 12px;
}
/* ajout Stef */
#mag .tripleSample.heightInherit > span.prog {
	display: block;
	margin-bottom: 12px;
}
/* modif Stef */
#mag > section.heightInherit {
	font-family: Arial,Helvetica,sans-serif;
	background-color: #fff;
}

/* ajout Stef */
#mag > section.radio-esperance {
	background: #fff url(../img/logo-wr/Icones_WebRadio_re.png) right 17px top 0px no-repeat;
}
#mag > section.enseignement {
	background: #fff url(../img/logo-wr/Icones_WebRadio_ens.png) right 17px top 0px no-repeat;
}
#mag > section.gregorien {
	background: #fff url(../img/logo-wr/Icones_WebRadio_cg.png) right 17px top 0px no-repeat;
}
#mag > section.parole-de-dieu {
	background: #fff url(../img/logo-wr/Icones_WebRadio_pdieu.png) right 3px top 0px no-repeat;
}
#mag > section.au-fil {
	background: #fff url(../img/logo-wr/Icones_WebRadio_em.png) right 3px top 3px no-repeat;
}

/* ajout Stef */
#mag > section.heightInherit h2 {
	background-color: #ddd;
	color: #777;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	margin: 17px 0 2px 0;
	padding: 2px 0 2px 0;
}

#mag > section .programme li {
	background-color: #fbfbfb;
	border-bottom: 1px solid #ccc;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

#mag .wrap {
	width: 745px;
}

#prog>article,#prog>section,#prog>nav,#prog>article,aside>section,aside>nav	{
	float: left;
	margin: 10px;
	padding: 20px;
	overflow: hidden;
	word-wrap: break-word;
	background: #FFFFFA;
	color: #151515;
}

.sample,aside section,aside nav {
	width: 195px;
}

/* Bloc Don, Boutique, Web-Lettre */
aside section#nousecoute,
aside section#help,
aside section#widget_boutique,
aside section#lettre,
aside section#priere {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 235px;
	/*box-shadow: none;*/

}
aside section#nousecoute {
	margin-top: 10px;
}
/*aside section#priere*/
aside section#help {
	margin-bottom: 10px;
}

aside section#nousecoute span,
aside section#help span,
aside section#widget_boutique span,
aside section#lettre span,
aside section#priere span {
	color: #fff;
	font-size: 22px;
	font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial,sans-serif;
}
/* FIN - Bloc Don, Boutique, Web-Lettre */

/* Bloc Twitter */
aside section#widget_tweeter {
	padding: 12px 4px;
	width: 227px;
}
/* Bloc Rechercher */
aside section#rechercheGoogle {
	padding: 4px;
	width: 227px;
}

/* FIN - Bloc Twitter & Rechercher */

/* Bloc Don, Boutique, Web-Lettre, Twitter */
/*
aside section#help,
aside section#widget_boutique,
aside section#lettre,
aside section#rechercheGoogle,
aside section#widget_tweeter {
	-webkit-box-shadow: 3px 3px 10px #777;
	-moz-box-shadow: 3px 3px 10px #777;
	-o-box-shadow: 3px 3px 10px #777;
	box-shadow: 3px 3px 10px #777;
}*/
/* FIN - Bloc Don, Boutique, Web-Lettre, Twitter */



.doubleSample,.doubleImg {
	width: 450px;
}

.tripleSample {
	width: 705px;
}
/* Nouvel emplacement Slider */
.tripleSample0 {
	width: 1006px;
}
/**/
/* mode paysage */
@media (max-width:1010px) {
	.tripleSample0 {
		width: 705px;
	}
}
/**/
.heightFix,#mag article.heightFix,#mag1 article.heightFix {
	height: 400px;
}

#mag article.FB_jaime,#mag1 article.FB_jaime{
	padding: 0px 20px 0px 20px;
	height: 440px;
}

.heightInherit {
	height: inherit;
}

#mag .double,#mag1 .double  {
	width: 450px;
}

#mag section div.logoecoute {
	float: right;
	position: relative;
	right: 170px;
	top: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#mag section div.logoecoute > a {
	display: block;
	height: 60px;
	width: 130px;
	background: #003DA5 url(../img/theme_re/icon_ecouter.jpg) right top no-repeat;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#mag section div.logoecoute > a:hover {
	background: #003DA5 url(../img/theme_re/icon_ecouter.jpg) right top -90px no-repeat;
	color: #f9f900;
}


/********************************************************************************/
/*                               contact, erreur404 et avertissements           */
/********************************************************************************/
.contactTelephone {
	background: url(../ico/Phone-ClassicPhone-72-color.png);
}

.contactCourrier {
	background: url(../ico/Mail-Open-72-color.png);
}

.contactEmail {
	background: url(../ico/Mail-GoogleMail-72-color.png);
}

.contactDon {
	background-image: url(../img/theme_re/Icone_tuile_dons.png);
}

.contactMaps {
	background: url(../ico/Maps-72-color.png);
}

.contactwarning {
	background: url(../ico/Toolbar-Alert-72-color.png);
}

.contactOne {
	min-height: 72px;
	margin: 0 0 20px;
	padding: 20px 160px 20px 24px;
	font-family: Arial, Sans-Serif;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: 97% center;
	color: #003da5;
}

.contactOne:last-child {
	margin: 0;
}
.contactOne h1,
.contactOne h3 {
	color: #003da5;
	font-family: Arial, Sans-Serif;
	line-height: 20px;
}
.contactOne h1 {
	font-size: 24px;
}
.contactOne h3 {
	font-size: 17px;
}

.contactboutique {
	min-height: 72px;
	padding: 5px;
	font-family: Arial, Sans-Serif;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: right;
}

/********************************************************************************/
/*                               témoignages                                    */
/********************************************************************************/
.temoignage {
	display: block;
	color: #17458e;
	background: #f3f3f3 url(../img/guillemets.png) right 7px no-repeat;
	font-style: normal;
	margin: 0em 0 0.7em;
	padding: 0.4em 3em 0.4em 1.3em;
	border: none;
}

/********************************************************************************/
/*                               calendrier                                     */
/********************************************************************************/
#moon {
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0;
	background: #444;
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}

#moon img {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto;
}

#calendarium p {
	font: 400 .8em Arial, Sans-Serif;
	margin: 0 0 2px 0;
	padding: .5em;
	background-color: #EEE;
	-webkit-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

#calendarium a {
	text-decoration: none;
}

#calendarium ul {
	margin: 12px 0;
	padding: 0;
	height: 24px;
}

#calendarium li {
	display: block;
	float: left;
	width: 141px;
	padding: 0;
	text-align: center;
	background: #EEE;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#calendarium li:first-child,#calendarium li:last-child,#calendarium li:first-child a,#calendarium li:last-child a
	{
	display: inline-block;
	width: 24px;
	height: 24px;
}

#calendarium li:first-child {
	background: url(../ico/ToolbarLastMedia-24.png) no-repeat;
}

#calendarium li:last-child {
	background: url(../ico/ToolbarNextMedia-24.png) no-repeat;
}

#calendarium table {
	width: 195px;
}

#calendarium td {
	height: 24px;
	width: 27px;
	text-align: center;
	border: 1px solid #ddd;
}

/********************************************************************************/
/*                               page éphéméride                                */
/********************************************************************************/
#navEphemeride {
	margin: 0 0 24px;
}

#navEphemeride li {
	display: inline-block;
}

#navEphemeride a {
	display: block;
	width: 100px;
	text-decoration: none;
	color: #777 !important;
	margin: 0 .5em .5em 0;
	padding: 1em 0;
	text-align: center;
	background: #EEE url(../img/bruit.png);
}

#ephemerideMoon {
	margin-top: 24px;
	background: #000;
}

#ephemerideMoon img {
	display: block !important;
	height: 192px;
	width: 192px;
	margin: 0 auto !important;
}

/********************************************************************************/
/*                               campagne "pourquoi donner ?"                   */
/********************************************************************************/
#help h2 {
	margin-top: 24px;
}

#help ul {
	margin: 0;
	font: 400 .8em Arial, Sans-Serif;
}

#help li {
	display: block;
	margin: 0 0 2px 0;
	padding: .5em;
	color: #000;
	background: #EEE url(../img/bruit.png);
}

#help li:last-child {
	background: #D6C899 url(../img/bruit.png);
}

/********************************************************************************/
/*                               mini player                                    */
/********************************************************************************/
#miniPlayer hgroup {
	margin: 0 0 2px;
	padding: 0;
	background: #091B55 url(../ico/Etoile72.png) 0 0 no-repeat;
}

#miniPlayer div,#miniPlayer h2,#miniPlayer h3,#miniPlayer p {
	margin: 0;
	padding: 0;
	line-height: 1em;
}

#miniPlayer h2 {
	padding: 12px 0 0 48px;
	color: #fff;
	font-size: 1.2em;
}

#miniPlayer h3 {
	padding: 6px 0 6px 48px;
	color: #ccc;
	font-size: 1em;
}

#miniPlayer a {
	display: block;
	min-height: 48px;
	max-height: 96px;
	padding: .5em .5em .5em 48px;
	font: 400 .8em Arial, Sans-Serif;
	color: #ccc;
	background: #091B55 url(../img/vumetre.gif) no-repeat 7px center;
	overflow: hidden;
}

#miniPlayer a:hover {
	text-decoration: underline;
}

/********************************************************************************/
/*                               direct                                         */
/********************************************************************************/
#directs hgroup {
	margin: 0 0 2px;
	padding: 0;
	background: #72A7FA url(../ico/Etoile72.png) 0 0 no-repeat;
}

#directs div,#directs h2,#directs h3,#directs p {
	margin: 0;
	padding: 0;
	line-height: 1em;
}

#directs h2 {
	padding: 12px 0 0 48px;
	color: #fff;
	font-size: 1.2em;
}

#directs h3 {
	padding: 9px 0 6px 48px;
	color: #FFF;
	font-size: 1em;
}

#directs h4 {
	margin: 0;
	padding: 6px 0 6px 48px;
	color: #FFF;
	font-size: 1em;
}

#directs a {
	display: block;
	min-height: 48px;
	padding: .5em .5em .5em 48px;
	font: 400 .8em Arial, Sans-Serif;
	color: #ccc;
	background: #091B55 url(../img/mini-player-play-48.png) no-repeat 0
		center;
}

#directs a:hover {
	text-decoration: underline;
	background: #091B55 url(../img/mini-player-play-48-hover.png) 0 center
		no-repeat;
}

/********************************************************************************/
/*                               prochain temps de prière en direct             */
/********************************************************************************/
#priereDirect {
	margin: 0;
	padding: 0;
	font: 400 .8em Arial, Sans-Serif;
}

#priereDirect li {
	display: block;
	margin: 0 0 2px 0;
	padding: .5em;
	font-size: 1em;
	color: #000;
	background: #B1CEFD;
}

#priereDirect li.suite {
	color: #fff;
	background: #6F8DBB;
}

#priereDirect li.bientot,#priereDirect li.imminent {
	min-height: 48px;
	cursor: pointer;
	padding: .5em .5em .5em 48px;
	color: #000;
	background: #FFEEAB url(../img/mini-player-play-48.png) no-repeat 0
		center;
}

#priereDirect li.imminent.blinkVisible {
	background: #FFE166;
}

#priereDirect li.play {
	min-height: 48px;
	cursor: pointer;
	padding: .5em .5em .5em 48px;
	color: #fff;
	background: #091B55 url(../img/mini-player-play-48.png) no-repeat 0
		center;
}

#priereDirect li.play:hover {
	background: #091B55 url(../img/mini-player-play-48-hover.png) no-repeat
		0 center;
}

#priereDirect li.suite a {
	color: #000;
	text-align: right;
}

/********************************************************************************/
/*                               navigation émissions précédentes et suivantes  */
/********************************************************************************/
.navEmissions ul {
	margin: 0;
}

.navEmissions li,.navEmissions a {
	display: block;
	width: 200px;
	height: 24px;
	color: #777;
}

.navEmissions li:hover {
	opacity: .7;
}

.navEmissions li {
	float: left;
	background: url(../ico/ToolbarLastMedia-24.png) no-repeat;
}

.navEmissions li:last-child {
	float: right;
	background: url(../ico/ToolbarNextMedia-24.png) 176px 0 no-repeat;
}

.navEmissions li span {
	display: block;
	float: left;
	margin: 0 0 0 30px;
	padding: 0 1em;
	background: #EEE url(../img/bruit.png);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.navEmissions li:last-child span {
	float: right;
	margin: 0 30px 0 0;
}

/********************************************************************************/
/*                               étiquettes                                     */
/********************************************************************************/
#mag .endirect,#mag1 .endirect {
	background-image: url(../img/bruit.png), url(../img/endirect.png);
	background-position: left top, right bottom;
	background-repeat: repeat, no-repeat;
}

#mag .actuellement,#mag1 .actuellement {
	background-image: url(../img/bruit.png), url(../img/actuellement.png);
	background-position: left top, right bottom;
	background-repeat: repeat, no-repeat;
}

#mag .recemment,#mag1 .recemment {
	background-image: url(../img/bruit.png), url(../img/recemment.png);
	background-position: left top, right bottom;
	background-repeat: repeat, no-repeat;
}

#mag .prochainement,#mag1 .prochainement {
	background-image: url(../img/bruit.png), url(../img/prochainement.png);
	background-position: left top, right bottom;
	background-repeat: repeat, no-repeat;
}

#mag .nouveau, #mag1 .nouveau {
	background-image: url(../img/bruit.png), url(../img/nouveau.png);
	background-position: left top, right bottom;
	background-repeat: repeat, no-repeat;
}

/********************************************************************************/
/*                               articles                                       */
/********************************************************************************/
#single h1 {
	margin: 10px 0 0;
	padding: 20px 0 20px 48px;
	background: #EEE url(../img/bruit.png);
	border-radius: 7px 7px 7px 0;
}

.column {
	margin: 0 0 24px;
	padding: 24px 24px 0 96px;
	background: url(../img/bruitSingle.jpg) repeat-y;
}

.column p:last-child {
	margin-bottom: 0;
}

#mag .post-edit-link ,#mag1 .post-edit-link {
	float: right;
	line-height: 20px;
	text-transform: uppercase;
	font-family: 'Fanwood Text', serif;
	margin: -20px 0 0;
	padding: 0;
}

.postmeta {
	margin: 0;
}

.postmeta li {
	display: block;
	float: left;
	height: 24px;
	background: #EEE url(../img/bruit.png);
	margin: 0 12px 0 0;
	padding: .5em;
}

.print {
	display: block;
	width: 24px;
	height: 24px;
	background-color: #EEE;
	background-image: url(../img/bruit.png),
		url(../ico/Printer-24-color.png);
	background-repeat: repeat, no-repeat;
	background-position: center, center;
}

.print span,.postmeta .post-edit-link span {
	display: none;
}

.postmeta .post-edit-link {
	display: block;
	width: 24px;
	height: 24px;
	background-color: #EEE;
	background-image: url(../img/bruit.png), url(../ico/Pencil-24-color.png);
	background-repeat: repeat, no-repeat;
	background-position: center, center;
}

/********************************************************************************/
/*                               réécouter                                      */
/********************************************************************************/
.reecouter{
	font-size: 1.1em;
	font-weight: 900;
	position: absolute;
	margin: 0;
	padding: 0;
	height: 128px;
	width: 200px;
	background: url(../img/play.png) 35px -5px no-repeat;
	float : left;
}

form .reecouter{
	font-size: 1.1em;
	font-weight: 900;
	position: absolute;
	margin: -120px 0 0px 0px;
	border:0px;
	padding: 0;
	height: 128px;
	width: 200px;
	background: url(../img/play.png) 35px -5px no-repeat;
	opacity: 0 ;
	float : left ;	
}

/*
.reecouter + form input[type=submit]{
	margin: 0 0 0 -204px;
	padding: 0;
	position: absolute;
	height: 120px;
	width: 195px;
	display :none;
}

.reecouter input[type=submit]:hover{
	margin: -120px 0 0 0;
	padding: 0;
	position: absolute;
	height: 120px;
	width: 195px;
}*/

.reecouter:hover, form .reecouter:hover {
	cursor: pointer;
	background: url(../img/play-hover.png) 35px -5px no-repeat;
}

.reecouter span {
	display: block;
	width: 195px;
	margin: 100px -2px 0 0;
	text-align: center;
	font: 700 14px/20px Arial, Sans-Serif;
	color: white;
	background: #091B55;
	background: rgba(9, 27, 85, .4);
}

form .reecoute {
	display: block;
	width: 90px;
	height: 20px;
	margin: -20px 0px -18px 558px;
	text-align: center;
	font: 700 14px/20px Arial, Sans-Serif;
	color: white;
	background: #091B55;
	background: rgba(9, 27, 85, .4);
	border-radius: 7px 7px 7px 7px;
	opacity: 0 ;	
}
/* ajout Stef */
form.reecoute span,
div.reecoute span {
	display: block;
	width: 77px;
	margin: -20px 0px 0px 625px;
	text-align: center;
	font-weight: normal;
	font-size: 1em;
	-webkit-border-radius: 3px  3px 3px 3px;
	-moz-border-radius: 3px  3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
/* ajout Stef */
form.reecoute input {
	display: block;
	width: 77px;
	margin-left: 625px;
	margin-right: 0;
	margin-top: -20px;
	padding: 0;
}

/* modif Stef */
form.reecoute span {
	border: 1px solid #0161ab;
	color: #0161ab;
	background-color: #fff;
}
/* modif Stef */
div.reecoute span {
	border: 1px solid #ccc;
	color: #aaa;
	background-color: #fcfcfc;
}
/* ajout Stef */
.reecoute span:hover {
    background-color: yellow;
}

.reecoute:hover, .addrdtq:hover {
	cursor: pointer;
}

.addrdtq span  {
	display: block;
	width: 55px;
	margin: -20px 0px 0px 650px;
	text-align: center;
	font: 700 20px/20px Arial, Sans-Serif;
	color: white;
	background: #FD9F53;
	border-radius: 7px 7px 7px 7px;
}

form .addrdtq {
	display: block;
	width: 55px;
	height: 20px;
	margin: -40px 0px -18px 650px;
	text-align: center;
	font: 700 15px/10px Arial, Sans-Serif;
	color: white;
	background: #FD9F53;
	border-radius: 7px 7px 7px 7px;
}
/********************************************************************************/
/*                               réseaux sociaux                                */
/********************************************************************************/
.social {
	margin: 120px 0 0;
	padding: 0;
	position: relative;
	z-index: 1;
}

.social li {
	display: block;
	float: left;
	height: 22px;
	width: 66px;
	margin: 1px 3px;
	overflow: hidden;
}

.social li:first-child {
	width: 32px;
	margin-left: 0;
}

.social li:last-child {
	margin-top: -1px;
}

.gabarit {
	height: 400px;
	overflow: hidden;
}

.gabarit img, .gabarit_FBjaime img {
	width: 195px;
	height: 120px;
	margin: 0 .7em 0 0;
	float: left;
	background: #000;
}

.gabarit_FBjaime {
	height: 430px;
	overflow: hidden;
}

.doubleSample .gabarit img {
	margin: 20px .7em 0 0;
}

.annusfidei {
	background: url(../img/annus_fidei_ss.png) no-repeat right bottom;
	background-size: 25px 25px;
}

/********************************************************************************/
/*                               pied de page                                   */
/********************************************************************************/
#clear {
	clear: both;
}

footer#footer {
	width: 100%;
	padding: 0;
	height: 500px;
}

#footer {
	color: #eee;
	/*background: transparent url(../img/bruit.png);*/
}

#footer section {
	display: block;
	float: left;
	width: 195px;
	height: 400px;
	margin: 10px;
	padding: 20px;
	overflow: hidden;
	word-wrap: break-word;
/*
	-webkit-box-shadow: 10px 10px 10px #222;
	-moz-box-shadow: 10px 10px 10px #222;
	-o-box-shadow: 10px 10px 10px #222;
	box-shadow: 10px 10px 10px #222;
*/
	-webkit-box-shadow: 3px 3px 7px #999;
	-moz-box-shadow: 3px 3px 7px #999;
	-o-box-shadow: 3px 3px 7px #999;
	box-shadow: 3px 3px 7px #999;
}

#footer h2 {
	margin-bottom: 12px;
	font: 400 1.325em Arial, Sans-Serif;
	color: #EEE;
}

#footer a {
	color: #EEE;
}

#footer ul {
	margin: 0 0 12px 0;
}

#footer li {
	list-style: none;
}

/********************************************************************************/
/*                               popups                                         */
/********************************************************************************/
#fade {
	display: none;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: .80;
	z-index: 9999;
}

.popup_block {
	display: none;
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}

/********************************************************************************/
/*                               icônes de navigation en bordure                */
/********************************************************************************/
#navicobord {
	position: absolute;
	position: fixed;
	margin: 0px;
	padding: 0px;
	top: 165px;
	left: -10px;
	list-style: none;
	z-index: 200;
}

#navicobord .re-ecouter a {
	background: #72A7FA url(../img/re-ecouter.png) no-repeat;
}

#navicobord .re-programme a {
	background: #777 url(../img/re-programme.png) no-repeat;
}

#navicobord .re-collaborer a {
	background: #72A7FA url(../img/re-collaborer.png) no-repeat;
}

#navicobord .re-don a {
	background: #FF8A00 url(../img/re-don.png) no-repeat;
}

#navicobord a {
	display: block;
	width: 50px;
	height: 150px;
	margin-bottom: 5px;
	-webkit-border-radius: 0 14px 14px 0;
	-moz-border-radius: 0 14px 14px 0;
	border-radius: 0 14px 14px 0;
}

/********************************************************************************/
/*                               factorisation des propriétés                   */
/********************************************************************************/

/* retire : .programmeTitre */
input,.button,textarea,a.sld-next,a.sld-prev,.programme li,#nousecoute li,#help li,#helpDon,#lettreInfo,#lienBoutique,.heure,#directs hgroup,#miniPlayer hgroup,#miniPlayer a,.contactOne,.contactboutique,.temoignage,#priereDirect li,#navSlider li,.player-bg {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#mag article,#mag section,#mag nav,#mag1 article,#mag1 section,#mag1 nav,#single article,aside section,aside nav,#panel section,#footer section,.postmeta li,.comment,#respond,#ephemerideMoon,#navEphemeride a {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
/* nouvel emplacement du slider */
#mag0 section {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/**/
aside section#nousecoute,aside section#help,aside section#widget_boutique,aside section#lettre,aside section#priere,
a#ecoutenous, a#helpDon, a#lienBoutique, a#lettreInfo, a#intentionPriere {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
aside section#nousecoute, a#ecoutenous {
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
/*aside section#priere, a#intentionPriere*/
aside section#help, a#helpDon {
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}
aside section#nousecoute,aside section#help,aside section#widget_boutique,aside section#lettre,aside section#priere {
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	border-left: 3px solid #fff;
}
/*aside section#priere*/
aside section#help {
	border-bottom: 3px solid #fff;
}
/* modif Stef */
/*#webRadios a,*//* #mag0>section : nouvel emplavement slider */#mag0>section,#mag>article,#mag>span>article,#mag>section,#mag>span>section,#mag>nav,#mag1>article,#mag1>span>article,#mag1>section,#mag1>span>section,#mag1>nav,#single>article,aside>section,aside>nav {
/*
	-webkit-box-shadow: 10px 10px 10px #666;
	-moz-box-shadow: 10px 10px 10px #666;
	-o-box-shadow: 10px 10px 10px #666;
	box-shadow: 10px 10px 10px #666;
*/background-color: #fff;
	-webkit-box-shadow: 3px 3px 7px #999;
	-moz-box-shadow: 3px 3px 7px #999;
	-o-box-shadow: 3px 3px 7px #999;
	box-shadow: 3px 3px 7px #999;
}

#navHeader,#navHeader div>div,a#wr1,a#wr3,a#wr5,a#wr7,a#wr9,#footer section {
	background: #023181 url(../img/bruit.png);
	color: #eee;
}

a#wr2,a#wr4,a#wr6,a#wr8,a#wr10 {
	background: #72A7FA url(../img/bruit.png);
	color: #fff;
}

/********************************************************************************/
/*                               recherche Google                               */
/********************************************************************************/
#rechercheGoogle {
	height: 40px;
	overflow: hidden !important;
}

.cse .gsc-search-button input.gsc-search-button-v2,input.gsc-search-button-v2 {
	margin-top: 8px !important;
}

.gsc-adBlock,.gsc-above-wrapper-area,.gcsc-branding {
	display: none !important;
}

.cse .gsc-control-cse,.gsc-control-cse {
	background: none !important;
	border: none !important;
}

.gsc-search-box {
	margin: 0 !important;
}

/********************************************************************************/
/*                               boutique (e-commerce)                          */
/********************************************************************************/
.group,.wpsc_featured {
	margin: 0 0 20px;
	padding: 20px;
	background: #FFF url(../img/bruit.png);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
/*
	-moz-box-shadow: 10px 10px 10px #666;
	-webkit-box-shadow: 10px 10px 10px #666;
	-o-box-shadow: 10px 10px 10px #666;
	box-shadow: 10px 10px 10px #666
*/
	-webkit-box-shadow: 3px 3px 7px #999;
	-moz-box-shadow: 3px 3px 7px #999;
	-o-box-shadow: 3px 3px 7px #999;
	box-shadow: 3px 3px 7px #999;
}

/*
.product_image {
	float: left;
	max-width: 195px;
	margin-right: 24px !important
}

.wpsc_checkout_forms h2,.wpsc_checkout_forms h3,.wpsc_checkout_forms h4
	{
	margin: 24px 0;
	font-size: 1.325em
}

.wpsc_checkout_forms>table {
	width: 100%;
	margin: 0 0 24px
}

.wpsc_checkout_forms>table td: {
	width: 100%
}

.wpsc_checkout_forms input[type=text],.wpsc_checkout_forms input[type=email],.wpsc_checkout_forms input[type=tel],.wpsc_checkout_forms select,.wpsc_checkout_forms textarea
	{
	float: right;
	width: 470px;
	line-height: 1.5em;
	padding: 0 5px
}

.wpsc_checkout_forms textarea {
	height: 28px
}

.wpsc_checkout_forms input[type=radio],.wpsc_checkout_forms input[type=checkbox]
	{
	margin-left: 220px;
	padding: 0 5px
}

.custom_gateway {
	line-height: 36px;
	margin: 0;
	padding: 0
}
*/ 

/* Thib Modif - ajout paypal */

.custom_gateway input {
  height: 20px;
  margin: 4px 5px 10px 0px;
}


/*

.custom_gateway input {
	display: block;
	position: relative;
	top: 24px
}

.custom_gateway img {
	display: none
}

.wpsc_checkout_forms select {
	width: 484px
}

.wpsc_checkout_forms .inline span {
	display: block;
	float: right;
	width: 220px;
	line-height: 1.5em;
	padding: 0
}

.wpsc_checkout_forms label {
	display: block;
	width: 200px;
	padding: 0 24px 0 0;
	text-align: right
}

.pricedisplay {
	max-width: 220px;
	padding: 0 .5em;
	color: #F00;
	font: 700 1em Arial, Sans-Serif
}

#boutique ul {
	margin: 0 0 2px 0;
	padding: .5em;
	list-style-type: none;
	font: 400 .8em Arial, Sans-Serif;
	color: #000;
	background: #EEE url(../img/bruit.png);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px
}

#boutique .cart-widget-total {
	background: #D6C899 url(../img/bruit.png)
}

#boutique input[type=submit] {
	margin-top: 0
}
*/
/********************************************************************************/
/*                               facebook  / tweeter                            */
/********************************************************************************/

element.style {
    top: 0;
}

.uiIconText .img {
    left: 0;
    position: absolute;
    top: 5px;
    vertical-align: middle;
}

i.img {
	cursor:pointer;
}

.sx_like_fav {
    background-position: 0 0;
}

.sp_like {
    background-image: url("https://fbstatic-a.akamaihd.net/rsrc.php/v2/y-/r/tbhIfdAHjXE.png");
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    height: 14px;
    width: 14px;
	position: relative;
	top:3px;
	left:5px;
}

p#msg{
	margin: 0 0 -20px;
}

a.lien_no_line:link{
	text-decoration:none;
	cursor: default;
}

#marge{
	/*display:none ;*/
	background-color: rgba(0, 0, 0, 0);
	cursor: default;
	border:0px;
}

#tweet_partage a{
	background-image: url("https://twitter.com/favicons/favicon.ico");
	background-repeat: no-repeat;
	background-size: 15px 15px;
	display: inline-block;
	position: relative;
	height: 15px;
	width: 15px;
	top: -13px;
	left: 175px;
	margin: 0 0 -0px;
}
#tweet_partage_big a{
	background-image: url("https://twitter.com/favicons/favicon.ico")  ;
	background-repeat: no-repeat;
	background-size: 15px 15px;
    display: inline-block;
	position: relative;
	height: 15px;
    width: 15px;
	top:-52px;
	left:380px;
	margin: 0 0 -40px;
	cursor: pointer;
}

#fb_partage{
	position: relative;
	top:-25px;
	left:93px;
	margin: 0 0 -40px;
}

#fb_partage_jaime{
	position: relative;
	top:0px;
	left:205px;
	margin: 0 0 -40px;
	z-index: 100;
	width: 16%;
}

table td, table th {
  padding: 0px;
  border: 0px solid #bbb;
  text-align: left;
}






/********************************************************************************/
/*                               configuration impression                       */
/********************************************************************************/
@media print {
	header,aside,footer,nav,.post-edit-link,.print {
		display: none;
	}
	a {
		color: #000;
		text-decoration: underline;
	}
	blockquote {
		border-left: 5px solid #DDD;
	}
	@page {
		margin: 2cm 5cm;
	}
} /*END @media print*/

/********************************************************************************/
/*                               responsive design - media queries              */
/********************************************************************************/
@media only screen and (max-width:1010px) {

	/* retirer la marge */
	#wrapper {
	    margin-top: 0px;
	}
	#navHeader {
	/* desactiver le fixed */
		position: initial !important;
	}

	#header,#navHeader div,#container,#mag,#mag1,aside,#footer nav {
		width: 770px;
	}
	#navHeader div>h2 {
		display: block;
	}
	#navHeader ul li {
		display: block;
		border: none;
		margin: 0;
		padding: 0;
	}
	#webRadios {
		width: 425px;
	}
/* ajout Stef */
	#webRadios li {
		margin-top: 3px;
	}
	#webRadios a:hover,#webRadios a:focus,#webRadios a:active {
		top: 0;
	}
	#title img {
		margin: 0 0 0 10px;
	}
	#mag,#mag1,aside {
		float: left;
	}
	#footer {
		background: none;
	}
} /*END @media*/
@media only screen and (max-width:1100px) {
	#navicobord {
		display: none;
	}
} /*END @media*/
@media only screen and (max-width:760px) {
	#fond {
		display: none;
	}
	#slider {
		width: 450px;
		height: 190px
	}
	#slider img {
		width: 450px;
		height: 190px
	}
	#navSlider {
		top: 132px
	}
	#header,#navHeader div,#container,#mag,#mag1,aside,#footer nav,.comment,#respond
		{
		width: 520px
	}
	#title h2 {
		font-size: 2em;
		margin-top: -85px;
	}
	
	#webRadios {
		width: 510px;
	}
	#webRadios a {
		width: 92px;
	}
	.heightFix,.tripleImg,.sample,.doubleSample,.tripleSample,#mag article,#mag section,#mag1 article,#mag1 section,aside nav,aside section,#calendarium,#footer section,.gabarit,#slider-container {
		width: 450px;
		height: inherit !important;
	}
/* Nouvel emplacement Slider */
	.tripleSample0, #mag0 section {
		width: 450px;
		height: inherit !important;
	}
/**/
	#slider-images,.tripleSample img {
		width: 450px;
		height: 194px;
	}
/* Nouvel emplacement Slider */
	.tripleSample0 img {
		width: 450px;
		height: 194px;
	}
/**/	
	a.sld-next,a.sld-prev {
		top: 140px;
	}
	.single #mag article,.single #mag1 article,#calendarium {
		width: 450px;
	}
	.single #mag article img,.single #mag1 article img {
		width: 450px;
		height: 194px;
	}
	.contact input,.contact input[type=text],.contact input[type=email],.contact input[type=tel],.contact textarea
		{
		float: right;
		width: 215px;
	}
	.contact select {
		float: right;
		width: 228px;
	}
	#mag article img,#mag1 article img {
		width: 213px;
		height: 128px;
		margin: 0 .7em 0 0;
	}
	.reecouter {
		margin: -20px 0 0;
	}
	.social {
		margin: 0;
	}
	.contact {
		float: left;
		width: 450px;
	}
	.product_image,.wpsc_loading_animation img {
		height: inherit !important;
		width: inherit !important;
	}
	.wpsc_checkout_forms input[type=text],.wpsc_checkout_forms input[type=email],.wpsc_checkout_forms input[type=tel],.wpsc_checkout_forms select,.wpsc_checkout_forms textarea {
		width: 200px;
	}
	.wpsc_checkout_forms select {
		width: 214px;
	}
} /*END @media*/

/********************************************************************************/
/*                               calendrier ajout Sef                                     */
/********************************************************************************/

/*#container aside section:first-child {*/
#container aside section.date_jour,
#container aside section.calendrier {
	width: 227px;
	padding: 10px 4px 7px;
}
#container aside section.date_jour .ephemeride {
	margin-bottom: 3px;
}

#container aside section#nousecoute {
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
	padding-left: 0;
	width: 235px;
}

div#moon {
	display: none;
}
div#eph .date {
	color: #003da5;
	font-weight: bold;
	margin-bottom: 3px;
}
div#eph .hebdo {
	color: #003da5;
	margin-bottom: 7px;
	font-style: italic;
}

div.kalendarium p:first-child {
	display: none;
}

table.kalendarium {
	font-family: Arial,Helvetica,sans-serif;
}
table.kalendarium td {
	color: #003da5;
}
table.kalendarium td a {
	text-decoration: none;
}
table.kalendarium td.kal a {
	display: block;
}
table.kalendarium td.kal {
	padding: 0;
}
table.kalendarium td a i {
	color: #003DA5;
}
table.kalendarium td.kal a {
	height: 30.7px;
	width: 30.7px;
	padding: 0;
	line-height: 2.3;
	font-weight: bold;
	border: 1px solid #fff;
	border-top: none;
	border-left: none;
}
table.kalendarium td.kal a:hover {
	background-color: yellow;
	text-decoration: none;
	color: #777777 !important;
}

#container aside section {
	background-color: #fff;
}


/*** BOUTIQUE ***/

.widget_wpsc_shopping_cart .shoppingcart {
	font-family: 'Arial', sans-serif;
}
aside section#widget_boutique .widget_wpsc_shopping_cart td span {
	color: #023181;
	font-size: 14px;
	font-family: 'Arial', sans-serif;
}
aside section#widget_boutique .widget_wpsc_shopping_cart h2.widgettitle {
	padding-left: 12px;
	margin: 5px 0;
	color: #fca25d;
}
aside section#widget_boutique .widget_wpsc_shopping_cart .shopping-cart-wrapper span {
	color: #023181;
	font-size: 14px;
}
aside section#widget_boutique .widget_wpsc_shopping_cart .shopping-cart-wrapper span.cart_message {
	color: #023181;
	background-color: #fefd99;
}
.widget_wpsc_shopping_cart .cart-widget-total td {
	border-top: 1px solid #aaa;
	color: #023181
}
.widget_wpsc_shopping_cart .cart-widget-total td.cart-widget-count {
	padding: 5px 0;
	width: 17px;
}
.shopping-cart-wrapper .shoppingcart table tbody td a {
	color: #023181;
}
.shopping-cart-wrapper .shoppingcart table tbody td a:hover {
	color: #333;
}
.shopping-cart-wrapper .shoppingcart table tbody td.cart-widget-vide {
	width: 12px;
	color: #023181;
}
.shopping-cart-wrapper .shoppingcart table tbody td.cart-widget-prix {
	width: 195px;
	padding-right: 10px;
	text-align: right;
}
.shopping-cart-wrapper .shoppingcart table tbody td.product-name {
	max-width: 212px;
}
.shopping-cart-wrapper .shoppingcart table tbody td.cart-widget-remove {
	width: 17px;
}
.shopping-cart-wrapper .shoppingcart table tbody td.cart-widget-remove form.adjustform {
	margin-bottom: 0px;
}
.shopping-cart-wrapper .shoppingcart table tbody td.cart-widget-remove form .remove_button {
	margin: 0;
	padding: 0;
	height: 18px;
	width: 19px;
	background-position-x: center;
	background-position-y: 0;
}
.shopping-cart-wrapper .shoppingcart table tbody td.cart-widget-remove form .remove_button:hover {
	background:  transparent url("../wpsc-images/delete.png") center 0;
}

/*  */
.indisponible {
	background-color: #f9f9f9;
	padding: 220px 10px;
}
.indisponible > div {
	color: #ff0000;
	font-size: 1.2em;
	text-align: center;
}


/* désactivation tempo */

#mag0 > section {
	box-shadow: none;
	border-radius: none;
}


embed, iframe, object
{
max-width: 100%;
}


/********************************************************************************/
/*                               END CSS                                        */
/********************************************************************************/