body {

    position: absolute;

    margin: 0;

    -webkit-text-size-adjust: none;

    min-height: 416px;

    font-family: Arial, Helvetica, sans-serif;

    -webkit-touch-callout: none;

    width: 100%;

    text-overflow: ellipsis;

    font-size: 22px;

    letter-spacing: 1.5px;    

    line-height: 1.7;

}

.gh {

    color:#FF6666;

}

@media screen and (min-width: 300px) and (max-width: 709px) {

    .generalRGPD {

        position: fixed;

        top: 0px;

        left: 0px;

        right: 0px;

        bottom: 0px;

        background-color: white;

        z-index: 10000;

    }

    .RGPD {

        position: absolute;

        top: 40px;

        left: 0px;

        width: calc(100% - 30px);

        bottom: 40px;

        padding: 15px;

        overflow: scroll;

        font-size: 14px;

    }

    .hautRGPD {

        position: absolute;

        top: 0px;

        height: 20px;

        left: 0px;

        right: 0px;

        font-weight: bold;

        font-size: 16px;

        padding: 10px;

        background-color: #dfdfdf;

    }

    .basRGPD {

        position: absolute;

        bottom: 0px;

        height: 35px;

        left: 0px;

        right: 0px;

        font-weight: bold;

        font-size: 18px;

        padding: 5px;

        text-align: center;

        background-color: #efefef;

    }

}

@media screen and (min-width: 710px) and (max-width: 899px) {

    .petite {

        display:none;

    }

    .moyenne {

        display:block;

    }

    .grande {

        display:none;

    }

    .generalRGPD {

        position: fixed;

        width: 600px;

        height: 400px;

        margin-top: 5%;

        margin-left: calc(50% - 300px);

        border-radius: 8px;

        border: 2px solid #888888;

        box-shadow: 4px 4px 10px #333333;

        padding: 20px;

        background-color: white;

        z-index: 10000;

    }



    .RGPD {

        position: absolute;

        top: 50px;

        height: 310px;

        width: calc(100% - 30px);

        left: 0px;

        padding: 15px;

        overflow: scroll;

        font-size: 16px;

    }



    .hautRGPD {

        position: absolute;

        top: 0px;

        height: 30px;

        left: 0px;

        right: 0px;

        font-weight: bold;

        font-size: 22px;

        padding: 10px;

        background-color: #dfdfdf;

        border-top-left-radius: 8px;

        border-top-right-radius: 8px;

    }



    .basRGPD {

        position: absolute;

        bottom: 0px;

        height: 30px;

        left: 0px;

        right: 0px;

        font-weight: bold;

        font-size: 22px;

        padding: 10px;

        text-align: center;

        background-color: #efefef;

        border-bottom-left-radius: 8px;

        border-bottom-right-radius: 8px;

    }

}

@media screen  and (min-width: 900px) {    

    .generalRGPD {

        position: fixed;

        width: 800px;

        height: 500px;

        margin-top: 5%;

        margin-left: calc(50% - 400px);

        border-radius: 8px;

        border: 2px solid #888888;

        box-shadow: 4px 4px 10px #333333;

        padding: 20px;

        background-color: white;

        z-index: 10000;

    }



    .RGPD {

        position: absolute;

        left: 0px;

        top: 50px;

        height: 440px;

        width: calc(100% - 30px);

        overflow: scroll;

        padding: 15px;

        font-size: 16px;

    }



    .hautRGPD {

        position: absolute;

        top: 0px;

        height: 30px;

        left: 0px;

        right: 0px;

        font-weight: bold;

        font-size: 22px;

        padding: 10px;

        background-color: #dfdfdf;

        border-top-left-radius: 8px;

        border-top-right-radius: 8px;

    }



    .basRGPD {

        position: absolute;

        bottom: 0px;

        height: 30px;

        left: 0px;

        right: 0px;

        font-weight: bold;

        font-size: 22px;

        padding: 10px;

        text-align: center;

        background-color: #efefef;

        border-bottom-left-radius: 8px;

        border-bottom-right-radius: 8px;

    }

}

.cal_liste

{

    position:relative;   

    font-size:15px;

    color:white;

    background-image:url("../images/cal_liste.png");

    height:20px;

    padding: 4px 0px 4px 0px;

    left:0px;

    font-weight:bold;

}

.cal_contenu

{

    position:relative;

    padding: 0px 0px 0px 0px;

    left:0px;

}

@media screen and (min-width: 900px) {

    .desktop-visible { display: block; }

    .fond {

        margin: 0px;

        background-image: url(../images/Meije_003.jpg);

        background-attachment: fixed;

        background-size: 100% 100%;

        background-repeat: no-repeat;

        height:100%;

    }

    .fond_clair {

        margin: 0px;

        background-image: url(../images/Meije_001.jpg);

        background-attachment: fixed;

        background-size: 100% 100%;

        background-repeat: no-repeat;

        height:100%;

    }

}

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

    .desktop-visible { display: none; }

    .fond {

        margin: 0px;

        background-color:white;

    }

    .fond_clair {

        margin: 0px;

        background-color:white;

    }

}

#date {

    margin: 0;

    padding: 0;

    background-color: #CCCCD1;

    border-bottom: 1px solid #AAAEB6;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F6), to(#CCCCD1));

    position:absolute;

    left:0px;

    top:42px;  

    width:100%;  

}

.date_contenu 

{

    color: #2C3641;

    display: block;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

    text-decoration: none;

    text-shadow: 0px 1px 0px #FFFFFF;    

}

.date_contenu a 

{

    color: #2C3641;

    display: block;

    font-size: 16px;

    font-weight: bold;

    text-align: center;

    text-decoration: underline;

}

.jour_entete

{

    width:14%;

    text-align:center;

    color:#343434;

    text-shadow: 0px 1px 0px #FFFFFF;

    font-size: 12px;

    font-weight:bold;

    width:14%;

}

td.jour

{

    width:14%;

    height:44px;

    border-left:1px solid #A8ACB4;

    border-bottom:1px solid #A8ACB4;   

    color:#2C3641;

    font-size:22px;

    font-weight:bold;

    text-align:center;

    background-color:#D6D6DA;

    text-shadow: 0px 1px 0px #FFFFFF;        

    background-image:url(images/fond_jour.png);

    cursor:pointer;

}

td.jour_point

{

    width:14%;

    height:44px;

    border-left:1px solid #A8ACB4;

    border-bottom:1px solid #A8ACB4;   

    color:#2C3641;

    font-size:22px;

    font-weight:bold;

    text-align:center;

    background-color:#D6D6DA;

    text-shadow: 0px 1px 0px #FFFFFF;        

    background-image:url(images/fond_jour_point.png);

    cursor:pointer;

}

td.jour:hover

{

    width:14%;

    height:44px;

    border-left:1px solid #A8ACB4;

    border-bottom:1px solid #A8ACB4;   

    color:#FFFFFF;

    font-size:22px;

    font-weight:bold;

    text-align:center;    

    text-shadow: 0px 1px 0px #485463;  

    background-image:url(images/fond_hover.png);

    cursor:pointer;

}

td.jour_point:hover

{

    width:14%;

    height:44px;

    border-left:1px solid #A8ACB4;

    border-bottom:1px solid #A8ACB4;   

    color:#FFFFFF;

    font-size:22px;

    font-weight:bold;

    text-align:center;    

    text-shadow: 0px 1px 0px #485463;  

    background-image:url(images/fond_hover_point.png);

    cursor:pointer;

}

td.jour_premier

{

    width:14%;

    height:44px;

    border-bottom:1px solid #A8ACB4;

    color:#2C3641;

    font-size:22px;

    font-weight:bold;

    text-align:center;

    background-color:#D6D6DA;

    text-shadow: 0px 1px 0px #FFFFFF;        

    background-image:url(images/fond_jour.png);

    cursor:pointer;    

}

td.jour_premier_point

{

    width:14%;

    height:44px;

    border-bottom:1px solid #A8ACB4;

    color:#2C3641;

    font-size:22px;

    font-weight:bold;

    text-align:center;

    background-color:#D6D6DA;

    text-shadow: 0px 1px 0px #FFFFFF;        

    background-image:url(images/fond_jour_point.png);

    cursor:pointer;    

}

td.jour_premier:hover

{

    width:14%;

    height:44px;

    border-bottom:1px solid #A8ACB4;

    color:#FFFFFF;

    font-size:22px;

    font-weight:bold;

    text-align:center;    

    text-shadow: 0px 1px 0px #485463;  

    background-image:url(images/fond_hover.png);

    cursor:pointer;    

}

td.jour_premier_point:hover

{

    width:14%;

    height:44px;

    border-bottom:1px solid #A8ACB4;

    color:#FFFFFF;

    font-size:22px;

    font-weight:bold;

    text-align:center;    

    text-shadow: 0px 1px 0px #485463;  

    background-image:url(../images/fond_hover_point.png);

    cursor:pointer;    

}

td.jour_select

{

    width:14%;

    height:44px;

    border:1px solid #364F72;

    color:#FFFFFF;

    font-size:22px;

    font-weight:bold;

    text-align:center;

    background-color:#0C4BB4;    

    text-shadow: 0px 1px 0px #000000;        

    cursor:pointer;        

}

td.jour_select_point

{

    width:14%;

    height:44px;

    border:1px solid #364F72;

    color:#FFFFFF;

    font-size:22px;

    font-weight:bold;

    text-align:center;

    background-color:#0C4BB4;

    background-image:url(images/fond_hover_point.png);

    text-shadow: 0px 1px 0px #000000;        

    cursor:pointer;        

}

td.jour_select:hover

{

    width:14%;

    height:44px;

    border:1px solid #364F72;

    color:#FFFFFF;

    font-size:22px;

    font-weight:bold;

    text-align:center;

    background-color:#0474E2;    

    text-shadow: 0px 1px 0px #000000;        

    cursor:pointer;            

}

td.jour_select_point:hover

{

    width:14%;

    height:44px;

    border:1px solid #364F72;

    color:#FFFFFF;

    font-size:22px;

    font-weight:bold;

    text-align:center;

    background-color:#0474E2;

    background-image:url(images/fond_hover_point.png);

    text-shadow: 0px 1px 0px #000000;        

    cursor:pointer;            

}

.ligne

{

  border-bottom:1px solid #E0E0E0;     

  font-size:14px;

  font-weight:bold;

  color:#000000;

  min-height:65px;

  text-align:left;

  padding: 0 0 0 10px;

}

.heure

{

  border-bottom:1px solid #E0E0E0;     

  font-size:14px;

  font-weight:bold;

  color:#000000;

  height:47px;

  width:45px;

  text-align:right;

}

.bouton_2013

{

    font-size:18px;

    font-weight:bold;

}

.bouton_2012

{

    cursor:default;

    padding:5px;

    border:1px Gray solid;    

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#cccccc));

    border-radius:5px;    

    margin-bottom:10px;

    width:auto;

    position:relative;

    float:left;

    margin-right:10px;    

}

.manote {

    width:100%;

    background-color:#efefef;

    border-bottom:2px solid #bfbfbf;

    margin-bottom:20px;

    text-align:center;

}

.manotecontenu {

    width:calc(100% - 42px);

    min-height:200px;

    max-height:500px;

    height:300px;

    padding:20px;

    background-color:#efefef;

    border:1px solid #efefef;

    font-family:helvetica,sans-serif;

}

.manotemotscles {

    width:calc(100% - 42px);

    background-color:#efefef;

    border:1px solid #efefef;

    padding:20px;

    margin-bottom:20px;

}

.bouton_2012:hover

{

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), to(#aaaaaa));

}

.verset

{

    color: #800000;

}

.center {

	margin: auto;

	display: block;

	text-align: center!important;

}

img {

	border: 0;

}

.sous_titre {

	white-space: nowrap;

	font-weight: bold;

	font-size: 20px;

	color: #4c566c;

	text-shadow: #FFF 0 1px 0;

	text-align:center;

	padding-top:10px;

}

.topbar {

	height: 50px;

	z-index:5;

	overflow:hidden;

	top:0px;

	left:0px;

	width:100%;

	background-color:#c5ccd4;	

	position:absolute;

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd5df), color-stop(3%, #b0bccd), color-stop(50%, #889bb3), color-stop(51%, #8195af), color-stop(97%, #6d84a2), to(#2d3642));

	margin-bottom: 8px;

	margin-top: 0px;

}

.title {

	font-size: 28px;

	position: absolute;

	top: 2px;

	left: 0;

	right: 0;

	text-align: center;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	color: #FFF;

	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;	

}

.wol

{    

    background-color:#F9F9F9;

    position:relative;

    width:123px;

    height:123px;

    padding:5px;

    color:#101010;

    float:left;

    margin: 10px 0px 0px 10px;

    border:1px solid #E9E9E9;

}

.programmes

{

    cursor:default;

    background-color:#F9F9F9;

    position:relative;

    width:123px;

    height:123px;

    padding:5px;

    float:left;

    margin: 10px 0px 0px 10px;

    border:1px solid #E9E9E9;

    display:inline-block;

}

.reunion_predication

{

    cursor:default;

    background-color:#F9F9F9;

    position:relative;

    width:123px;

    height:123px;

    padding:5px;

    float:left;

    margin: 10px 0px 0px 10px;

    text-align:center;

    color:#101010;

    border:1px solid #E9E9E9;

}

.presentoir

{    

    cursor:default;

    background-color:#F9F9F9;

    position:relative;

    width:123px;

    height:123px;

    padding:5px;

    float:left;

    margin: 10px 0px 0px 10px;

    text-align:center;

    color:#101010;

    border:1px solid #E9E9E9;

    background-image:url(../images/carts.png);

    background-size:70px;

    background-position:top;

    background-repeat:no-repeat;

}

.suggestions

{

    cursor:default;

    background-color:#E9E9E9;

    position:relative;

    width:123px;

    height:123px;

    padding:5px;

    float:left;

    margin: 10px 0px 0px 10px;

    border:1px solid #E9E9E9;

}

.lecture

{

    cursor:default;

    background-color:#E9E9E9;

    position:relative;

    width:123px;

    height:123px;

    padding:5px;

    color:#101010;

    float:left;

    margin: 10px 0px 0px 10px;

    border:1px solid #E9E9E9;

}

.predication

{

    cursor:default;

    background-color:#E9E9E9;

    position:relative;

    width:123px;

    height:123px;

    padding:5px;

    float:left;

    margin: 10px 0px 0px 10px;

    border:1px solid #E9E9E9;

}

.notes

{

    cursor:default;

    background-color:#E9E9E9;

    position:relative;

    width:123px;

    height:123px;

    padding:5px;

    float:left;

    margin: 10px 0px 0px 10px;

    border:1px solid #E9E9E9;

    text-align:left;

}

.territoires

{

    cursor:default;

    background-color:#F9F9F9;

    background-image:url('../images/cartes.png'); 

    background-size:80px;   

    background-repeat:no-repeat;

    background-position:center;

    position:relative;

    width:123px;

    height:123px;

    padding:5px;

    float:left;

    margin: 10px 0px 0px 10px;

    border:1px solid #E9E9E9;

}

.mongroupe

{

    cursor:default;

    background-color:#F9F9F9;

    background-image:url('../images/mongroupe.png'); 

    background-size:80px;   

    background-repeat:no-repeat;

    background-position:center;

    position:relative;

    width:123px;

    height:123px;

    padding:5px;

    float:left;

    margin: 10px 0px 0px 10px;

    border:1px solid #E9E9E9;

}

.lettres

{

    cursor:default;

    background-color:#F9F9F9;

    background-image:url('../images/leslettres.png'); 

    background-repeat:no-repeat;

    background-position:center;

    position:relative;

    width:123px;

    height:123px;

    padding:5px;

    float:left;

    margin: 10px 0px 0px 10px;

    border:1px solid #E9E9E9;

}

.affiches

{

    cursor:default;

    background-color:#E9E9E9;

    position:relative;

    width:123px;

    height:123px;

    padding:5px;

    float:left;

    margin: 10px 0px 0px 10px;

    border:1px solid #E9E9E9;

}

.leftnav

{

    margin-top:2px;

	padding:2px;

	text-align:left;

	position: absolute;

	font-size: 12px;

	left: 2px;

	font-weight: bold;

	z-index:1000;

}

.rightnav

{

    margin-top:2px;

	padding:2px;

	text-align:right;

	font-size:12px;

	position: absolute;

	right: 2px;

	font-weight:bold;

	padding-right:5px;

}

.content {

	width: 100%;

	height:auto;

	z-index: 0;

	position:absolute;

	top:40px;

	left:0px;

}

.pageitem {

	background-color: #ffffff;

	font-size: 21px;

	padding: 0;

	display: block;

	height: auto;

	margin: 10px;

	list-style: none;

	text-overflow:ellipsis;

	overflow:hidden;

}

.menu, .menu a {

	width: auto;

	color: #000;	

	font-size: 19px;

	text-overflow: ellipsis;

	text-decoration:none;

	height:36px;

	cursor:pointer;

	overflow:hidden;

}

.menu_note {

	width: auto;

	color: #000;

	height:32px;

	cursor:pointer;

	overflow:hidden;

	padding:6 6 6 6;    

    position:relative;

}

.menu_note .date

{

    min-width:40px;

    height:32px;

    font-size:12px;

    color:#888; 

    right:0px;

    position:absolute;

    top:3px;

    z-index:1000;

    background-color:White; 

    padding-left:10px;   

}

.menu_note .titre

{

    text-decoration:none;

    color: #000;

    padding-right:40px; 

    white-space:nowrap; 

    text-overflow: ellipsis;  

    font-weight: bold;

	font-size: 20px;	

	text-decoration:none;

	width:80%;

}

.menu_img {

	width: 32px;

	height:32px;

	text-align:center;

	cursor:pointer;

}

.name

{

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.prisenote

{

    left:10px;

    top:10px;

    width:300px;

    height:390px;

    z-index:1000;

    position:fixed;

    display:none;

    border-radius:10px;

    background-color:#FFF090;

    border-color:#705830;

    border-style:solid;

    border-width:2px;

    box-shadow: 2px 2px 4px #888;

    padding:0px;

    text-align:center;

}

.prisenote_contenu

{

    width:280px;

    height:305px;

    background-color:#FFF090;

    line-height:25px;

    padding:10px;

    font-size:16px;    

    color:#232323;

    text-align:left;

    overflow:auto;

    border:0px none #FFF090; 

    margin-bottom:10px;

}