*{
-moz-user-select: none; 
-ms-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-webkit-touch-callout: none; 
user-select: none; 
}
body{
	text-align:center;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;	
	background-color:#56b1f2;
	background-image:url(../images/fond.png);
	background-repeat:repeat-x; 
	padding-top:20px 50px 50px 20px;
}

#contenu { 
	max-width: 90%;  
	border-radius:30px;
	background-color: #fff;
	margin:40px auto;
	padding:0px;
}
@media (max-width: 767px) {
	#contenu { 
		max-width: 95%;  
		margin:10px auto;
		padding:0px;
	}
}
header{
	text-align:center;
	background-image: url(../images/bandeau/header-ss.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	border-radius: 30px 30px 0px 0px;
	z-index: 600;
	
}
header .bandeau img { width:100%;border-radius: 30px 30px 0px 0px; }
header .bandeau img.bd_pt{ display:none; visibility: hidden; } 
header .bandeau img.bd_gd { display:block; visibility: visible; }
@media (max-width: 767px) {
	header .bandeau img.bd_gd { display:none; visibility: hidden; }
	header .bandeau img.bd_pt { display:block; visibility: visible; }
}



.navbar{ margin-top:0px; z-index: 999;}
#bs-example-navbar-collapse-1{
	background-color: #edeeee;
	text-align:center;
	z-index: 999;
}

#menu {
	background-color: #edeeee;
	height:40px;
	
}
#menu li {	
	border-right:1px #999 solid;
	padding:0px 15px 0px 15px;
	font-size:14px;
	line-height: 10px;
	height:40px;
	background-color: #edeeee;
}

#menu li.ss { border:none; }	
#menu li:hover {background-color: #bdbdbd; }

#menu a{ color:#000;	}
#menu li.choix { background-color: #0a588f; }
#menu li.choix_ss { background-color: #0a588f;border:none }
#menu li.choix a, #menu li.choix_ss a { color: #fff; }


@media (min-width: 1500px) {
	#menu li {	
		padding:0px 20px 0px 20px;
		font-size:16px;
	}
}
@media (max-width: 1255px) {
	#menu li {	
		padding:0px 10px 0px 10px;
		font-size:14px;
	}
}
@media (max-width: 1164px) {
	#menu li {	
		padding:0px 5px 0px 5px;
		font-size:14px;
	}
}
@media (max-width: 1079px) {
	#menu li {	
		padding:0px 0px 0px 0px;
		font-size:13px;
	}
}
@media (max-width: 949px) {
	#menu li, #menu li a {	
		padding-left:5px;
		padding-right:5px;
		font-size:11px;
	}
}

@media (max-width: 768px) {
	
	#bs-example-navbar-collapse-1, .navbar{
		height:auto;
	}
	#menu {	
		height:auto;
	}
	#menu li , #menu li a{	
		font-size:14px;
		padding:0px;
		padding-top:5px;
		letter-spacing: 0px;
		line-height: 18px;
	}
}



section {
	margin-top: -20px;
	z-index:200;
}


#menu_lg{
	display: none;visibility: hidden;
	background-color:#0a588f;
	margin:0px;
	z-index:200;

}
#menu_lg li{
	display: inline-block;
	width: 18%;
	padding:5px;
}

#menu_lg_gd{
	background-color:#0a588f;
	margin:0px;
	margin-left:-15px;
	padding:10px;
	z-index:200;
	height:auto;
}
#menu_lg_gd ul, #menu_lg ul {
	list-style: none;
	text-align: center;
	font-weight: bold;
	margin:0px;
	padding:0px;
}
#menu_lg_gd li {
	margin:0px;
	padding:10px;
	font-size:16px;
	margin-bottom:10px;
}
@media (max-width: 947px) {
	#menu_lg_gd li { font-size:12px; }
}
#menu_lg li.choix, #menu_lg_gd li.choix { background:#56b1f2; }
#menu_lg li:hover, #menu_lg_gd li:hover { background:#012944; }
#menu_lg_gd ul a, #menu_lg a { color:#fff; text-decoration: none; }
@media (max-width: 767px) {
	#menu_lg_gd{ display: none;visibility: hidden; }	
	#menu_lg{
		display: block;visibility: visible;
	}
}

article {
	margin:20px;
	text-align: left;
}
@media (max-width: 767px) {
	article { margin:10px; }	
}
h1 {
	font-size:26px;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #ddd;
	padding:7px;
	text-align: center;
}
h2 { font-size:20px; font-weight: bold;color:#0a588f; text-align: center; }
h3 {
	font-size:20px;
	font-weight: bold;
	letter-spacing: 1px;
	color:#0a588f;
	text-align: center;
	text-decoration:underline;
	padding-bottom:10px;
}
h4 {
	font-size:16px;
	color:#0a588f;
	font-weight: bold;
}
@media (max-width: 767px) {
	h1 {
		font-size:18px;
		letter-spacing: 1px;
		background-color: #ddd;
		padding:7px;
		margin:0px;
	}	
}
hr {	
	border:1px dotted #0a588f;
}

article p {
	text-align: justify;
	font-size:13px;
	color:#0a588f;
}
.ct_int{
	margin:5px 2px 0px 2px;
}
.col-bor-dr{
	border-right:1px solid #0a588f;
}
@media (max-width: 990px) {
	.col-bor-dr{
		border-right:none;
	}
}

.poeme {
	padding:15px;

}
.poeme p, .poeme2 p{ text-align:center; font-style: italic;line-height:21px; }
.poeme h2, .poeme2 h2{
	text-decoration: underline;
	font-size:18px;
	text-align: center;
	color:#0a588f;
	font-weight: bold;
}
.poeme_int { padding-top:20px;}
.poeme_int p{
	 text-align:center; line-height:25px;font-size:18px; 
}

.poeme2 { background-color:#e8eef6;padding:20px; }

.fd_bleu {
	background:#56b1f2;
	padding-left:2%;
}
#bl-ph{
	margin : 20% 0px 0px 30px;
	display: inline-block;
	vertical-align: top;
	padding:0px;

}
#bl-ph img{ width:118px; border:4px solid #fff; }
#bl-cadre{
	background-color:#fff;
	margin : 20% 0px 20% 0px;
	width:60%;
	padding:20px 20px 20px 20px;
	display: inline-block;
	vertical-align: top;
}
#bl-cadre p { font-size:14px;font-weight:bold;text-align: left; }
@media (max-width: 990px) {
	#bl-ph{ margin:10px; }
	#bl-cadre{
		margin :10px auto ;
		width:90%;
	}
	#bl-ph img{ 
	
	}
}

.mess p{
	text-align:center;
	font-weight: bold;
	font-size:14px;
}

.mess img{ width: 95%;border:2px solid #0a588f; }
.mess img.img_v { width: 50%;border:2px solid #0a588f; }
.mess img.img_fl { width:32px;border:0px; }
.mess select.liste {
	width:300px;
}
.mess-encart {
	border:2px solid #0a588f;
	padding:2%;
	margin:2%;
	margin-right: 15%;
	color:#0a588f;
	text-align:center;
}
.mess-liste{
	border:2px solid #0a588f;
	margin:2% 0% 0% 2%;
	padding:1%;
	width:31%;
	color:#0a588f;
	text-align:left; 
}
.mess-liste p{
	font-size:15px;
	text-align:left; 
	font-weight: bold;
	line-height:24px;
	margin-top:8px;
}
.mess-liste p span{
	background-color: #0498CD;
	color: #fff;
	border-radius:7px;
	padding:3px 5px 3px 5px;
	font-size:13px;
	letter-spacing:1px;
	margin-right: 8px;
}
.mess-liste p span:hover, .mess-liste p a:hover span { background-color: #0a588f; text-decoration: none; }


@media (max-width: 990px) {
	.mess-liste{
		width: 90%; 
		margin:5%;
		border:0px solid #0a588f;
	}
	.mess-liste p{
		margin-top:15px;
	}
}
#fl_mess {
	font-size:16px;	
	display:inline-block;
	vertical-align:bottom;
}
#fl_mess img{
	display:inline-block;
	vertical-align:bottom;
	margin-bottom:0px;
}

#pdf{
	margin:10px auto;
	width:500px;
	border:2px solid #979494;
	text-align:left;
	padding:10px;	
	color:#000;
	font-size:12px;
	line-height: 13px;
}
#pdf img{
	float:right;
}

.shop{
	background-color:#d8eff9;
	padding:10px;
	border-radius: 15px;
	text-align:center;
}
.shop img{ border:none; width:80%;margin-bottom:10px; }
.shop p { text-align: center;font-size:14px; }
.shop p.prix { 
	font-weight: bold;
	font-size: 16px;
}

#priere .col-md-3, #priere .col-md-12{ text-align:center ;padding:10px; }
#priere { margin: 10px;  border-bottom:1px solid #0a588f; }
@media (max-width: 988px) {
	#priere { border-bottom:none; }
	#priere .col-md-3:nth-child(odd)  {
		border-right:1px solid #0a588f;
	}
	#priere .col-md-3  {
		border-bottom:1px solid #0a588f;
	}
	#priere .col-md-12 { border-bottom:1px solid #0a588f; }
}
@media (max-width: 768px) {
	#priere .col-md-3:nth-child(odd)   {
		border-right:none;
	}
	#priere .col-md-12{ border-bottom:none; }
}
#galerie{ text-align: center; }
#galerie img{
	margin:7px;
	border:1px solid #999;
}
@media (max-width: 767px) {
	#galerie img{ width:40%;height:auto; }	
}

p a.bouton{
	display:inline-block;
	background-color: #ddd;
	border-radius: 10px;
	text-align:center;
	margin:10px;	
	padding: 5px 15px 5px 15px;
	
	color:#0D8CDD;
	font-weight: bold;
	font-size:14px;
	line-height: 14px;
}
a.bouton img{
	display: inline-block;
	vertical-align: middle;
	margin-left:5px;
}

ul.histo{
	padding-left:10px;
}
ul.histo li{
   list-style:none;
   background-image: url('../images/picto/blockcontentbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding-left:10px;
	margin-bottom:5px;
	font-size:12px;
	font-weight: bold;
	color:#0a588f ;
}

.photo{ padding-top: 20px; text-align: center; }
img.cadre {
	border:1px solid #0a588f;
	margin:0px auto;
}
img.cadre_dr{
	border:1px solid #0a588f;
	float:right;
	margin:7px;
	margin-left:20px;
	margin-right:0px;
}

footer {
	background-color:#0a588f;
	margin:0px auto;
	padding:5px;
	color:#fff;
	border-radius:0px 0px 30px 30px;
	z-index: 200;
	font-size:14px;
	font-weight: bold;
}
footer p{  text-align:left; padding:10px 10px 0px 10px; }
footer p.ad{ padding-top:50px; }
footer p.maria { padding:0px; text-align: center; margin:20px auto;}
footer p.maria img { border:1px solid #fff;padding:0px;margin:20px auto;  }
footer p.copyright{ text-align: center; }
footer a { color: #fff; }
footer img.lg{ border:none; }

@media (max-width: 819px) {
	
	footer p.maria img { margin:20px 0px;  }
}

/*
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }*/