@charset "UTF-8";
/* 20210312-1732 */
/* POLICES */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/scripts/polices/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/scripts/polices/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/scripts/polices/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/scripts/polices/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/scripts/polices/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/scripts/polices/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('/scripts/polices/open-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/scripts/polices/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/scripts/polices/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/scripts/polices/open-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/scripts/polices/open-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/scripts/polices/open-sans-v18-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/scripts/polices/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/scripts/polices/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/scripts/polices/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/scripts/polices/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/scripts/polices/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/scripts/polices/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/scripts/polices/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/scripts/polices/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/scripts/polices/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/scripts/polices/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/scripts/polices/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/scripts/polices/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* LIGHTBOX */
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/scripts/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/scripts/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/scripts/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/scripts/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



/* CUSTOM */

body{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px;
	padding:0;
	margin:0;
}
div, p{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5{
	text-transform:uppercase;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
}
h1{
	font-size: 34px;
	text-align:center;
	margin-top:20px;
	margin-bottom:40px;
	color:#34a0da;
	font-weight:400;
}
@media all and (min-width: 450px) {
	h1{
		font-size: 38px;
	}
}
h2{
	font-size:21px;
	margin-top:10px;
	margin-bottom:20px;
	font-weight:400;
}
h3{
	color:#3498db;
	font-size:19px;
}
h4{
	color:#3498db;
	font-size:17px;
}
h5{
	color:#3498db;
	font-size:16px;
}
a{
	text-decoration:none;
	color:#DA0402;
}
a:hover{
	text-decoration:underline;
	color:#DA0402;
}
*:active, *:focus-visible, *:focus-within, *:-moz-focusring{
	outline: 0px solid transparent;
}
img{
	max-width:100%;
	border:0px solid transparent;
}
ul{
	list-style-type:square;
}
#main_page{
	background-color:#f8f9fa;
}

/* GENERAL */
section.grid{
	display:flex;
	flex-flow:wrap;
}
section.grid > div.content{
	order:0;
	padding:10px;
	width:100%;
	background-color:#f8f9fa;
}
section.grid > aside{
	order:1;
	color: white;
	background: #3498db;
	width:100%;
	padding-bottom:40px;
}
section.grid > div.content h1 + div{
	text-align:center;
}
@media all and (min-width: 600px){
	section.grid{
		display:flex;
		flex-flow:nowrap;
	}
	section.grid > aside{
		order:0;
		width:200px;
		padding-bottom:20px;
	}
}

#acces_sous_rubriques > a, #acces_sous_rubriques > figure{
	display:block;
	margin:0 auto;
	margin-bottom:40px;
	text-align: center;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 20% 20%;
	width:100%;
	min-height:280px;
	position:relative;
	border:1px solid grey;
	background-size: cover;
}
#acces_sous_rubriques > a span, #acces_sous_rubriques > figure span{
	display:block;
	color: white;
	font-size: 22px;
	background: rgba(0,0,0,0.55); 
	vertical-align: middle;
	font-weight:400;
	position:absolute;
	left:0;
	right:0;
	top:12%;
}
#acces_sous_rubriques > figure#sous_rubrique_activites_voile_competition span, #acces_sous_rubriques > figure#sous_rubrique_activites_s_impliquer_dans_la_vie_du_club span{
	top:5%;
}
#acces_sous_rubriques > figure#sous_rubrique_activites_voile_pour_tous span{
	top:20%;
}
#acces_sous_rubriques > figure span ul{
	padding:0;
	margin:0;
}
#acces_sous_rubriques > figure span ul li{
	list-style-type:none;
	padding:5px;
	text-align:center;
	font-size:16px;
	margin-top:5px;
}
#acces_sous_rubriques > figure span ul li a {
	color: white;
	display:block;
}
#acces_sous_rubriques > a span {
	padding: 40px 10px;
	top: 30%;
}
#acces_sous_rubriques > a:hover span{
	text-decoration:underline;
}

@media all and (min-width: 720px){
	#acces_sous_rubriques > a, #acces_sous_rubriques > figure{
		width: 450px;
		height: 250px;
		display: inline-block;
		margin:0 auto;
		margin-bottom:40px;
		margin-left:20px;
		margin-right:20px;
		vertical-align: top;
		font-size: 1.6rem;
		max-width:100%;
		background-size: 115%;
		transition-duration: 500ms;
		transition-property: font-size, background-size, background-position;
	}
	#acces_sous_rubriques > a span, #acces_sous_rubriques > figure span{
		top: 40%;
		font-weight:400;
		transition-duration: 500ms;
		transition-property: font-size, background-size, background-position;
	}
	#acces_sous_rubriques > a span{
		padding: 40px 10px;
		top: 30%;
	}
	#acces_sous_rubriques > figure span{
		top:12%;
	}
	#acces_sous_rubriques > figure#sous_rubrique_activites_voile_pour_tous span{
		top:15%;
	}
	#acces_sous_rubriques > figure#sous_rubrique_activites_voile_competition span,
	#acces_sous_rubriques > figure#sous_rubrique_activites_s_impliquer_dans_la_vie_du_club span{
		top:7%;
	}
	#acces_sous_rubriques > figure span ul{
		text-align:center;
		padding:0 10px;
		margin-bottom:0;
	}
	#acces_sous_rubriques > figure span ul li{
		margin-top:unset;
	}
	#acces_sous_rubriques > figure span ul li a {
		padding: 0;
		font-size: 16px;
		display:block;
		margin-top:5px;
	}
	#acces_sous_rubriques > a:hover, #acces_sous_rubriques > figure:hover{
		background-size: 125%;
		text-decoration:none;
		border: 1px solid #34a0da;
	}
	#acces_sous_rubriques > a:hover span, #acces_sous_rubriques > figure:hover span{
		font-size: 25px;
	}
	#acces_sous_rubriques > figure span a{
		display:block;
		height: unset;
		width: unset;
		margin: unset;
		text-align: left;
		font-size: 1.1rem;
		background-image: none;
	}
}



/* HEADER */
header{
	color:black;
	padding:0;
	background:linear-gradient(#3498db 0%, #08296c 90%);
	display:block;
	position:relative;
	text-align:center;
}

#entete_titre_logo_efvoile{
	display:none;
	background-color:white;
	clear:both;
}
#entete_titre_logo_efvoile_responsive{
	background-color:white;
	clear:both;
}
#entete_titre_logo_efvoile_responsive img{
	max-height:50px;
}
#entete_titre_logo_site img {
	height: 50px;
	vertical-align: top;
	margin-top: -5px;
}
#entete_titre_textes {
	padding-bottom: 10px;
	text-transform: uppercase;
}
#entete_titre_textes a {
	color: white;
	font-weight: 400;
}
#entete_titre_textes a:hover{
	text-decoration:none;
}
#entete_titre_textes_titre span {
	display: block;
}

#entete_titre_textes a{
	display:block;
}
#entete_titre_textes_titre {
	font-size: 22px;
}
a#entete_titre_textes_sous_titre {
	clear:both;
	text-align:center;
	font-size:16px;
	color:#34a0da;
}


#entete_menu {
	text-align: center;
	background: #F6CE30;
	cursor: pointer;
}
#entete_menu_action {
	background-color: #F6CE30;
	padding: 10px;
	display: inline-block;
	vertical-align: middle;
}

#entete_menu_action span {
	border-top: 1px solid black;
	display: block;
	margin-top: 2px;
	height: 3px;
	width: 20px;
	padding-top: 1px;
}
#entete_menu.selected #entete_menu_action span {
	border-color: black;
}

#entete_menu_action_texte {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 22px;
	margin-bottom: 3px;
}
#entete_menu ul {
	display:none;
	padding: 0;
	padding-top: 10px;
	margin: 0;
}
#entete_menu ul li {
	list-style-type: none;
	text-transform: uppercase;
	font-size: 18px;
	padding: 5px;
	border-bottom: 1px solid black;
	max-width: 100%;
	font-weight: 400;
	width: 100%;
}
#entete_menu ul li:first-child {
	border-top: 1px solid black;
}
#entete_menu ul li:hover {
	background-color: orange;
}
#entete_menu ul li a {
	color: black;
	display: block;
}

@media all and (min-width: 720px) {
	#entete_menu_action, #entete_menu_action_texte{
		display:none;
	}
	#entete_menu:hover{
		cursor:default;
	}
	#entete_menu ul {
		display:block;
		text-align: right;
		font-size: 20px;
		font-weight: 400;
		padding: 10px 0 5px 15px;
	}
	#entete_menu ul li {
		display: inline;
		list-style-type: none;
		margin-right: 15px;
		border:unset !important;
		
	}
	#entete_menu ul li:hover {
		background-color: unset;
	}
	#entete_menu ul li a {
		color: black;
		display:inline-block;
		padding-bottom:5px;
	}
}

@media all and (min-width: 720px) {
	#entete_titre_logo_efvoile{
		display:inline-block;
	}
	#entete_titre_logo_efvoile_responsive{
		display:none;
	}
	#entete_titre {
		display: flex;
		flex-wrap: nowrap;
		justify-content:flex-start;
		align-items:center;
	}
	#entete_titre_textes, a#entete_titre_textes_sous_titre {
		text-align: left;
	}
	#entete_titre_logo_site {
		flex: 1;
		max-width: 80px;
	}
	#entete_titre_textes {
		flex: 2;
		padding-left:5px;
	}
	#entete_titre_logo_efvoile {
		flex: 1;
		text-align:center;
		max-width:250px;
		margin-top: -5px;
		vertical-align:middle;
	}
	#entete_titre_logo_site img {
		height: unset;
		margin-top: unset;
	}
	#entete_titre_textes_titre span {
		display:inline;
	}
}
@media all and (min-width: 850px) {
	#entete_titre_textes_titre {
		font-size: 28px;
	}
	a#entete_titre_textes_sous_titre {
		font-size: 21px;
		font-weight: 300;
		letter-spacing:0.15px;
	}
}
@media all and (min-width: 1230px) {
	#entete_titre {
		align-items: stretch;
	}
	#entete_titre_logo_site {
		align-self: center;
	}
	#entete_titre_textes_titre {
		font-size: 50px;
	}
	a#entete_titre_textes_sous_titre {
		font-size: 35px;
		font-weight: 300;
		margin-top: -15px;
		letter-spacing: 1.58px;
		padding-left: 1px;
	}
}

/* DIAPORAMA ET BANNIERES */
#site_diaporama{
	background:black;
}
#site_diaporama img{
	display:block;
}

/* ASIDE */
section.grid > aside .widget{
	padding:10px;
	text-align: center;
}
section.grid > aside .widget .widget widgetText{
	
}
section.grid > aside .widget.AwoO h4{
	display:none;
}
section.grid > aside .widget.AwoO{
	background: #F6CE30;
	color: black;
	font-weight: 400;
}
section.grid > aside .widget.AwoO a{
	color: black;
}
section.grid > aside .widget.AwoO .widgetContainer {
	background-image: url(/media/awoo.png);
	background-repeat: no-repeat;
	background-size: 50px;
	background-position:0 0;
	font-size: 17px;
	max-width:310px;
	margin:0 auto;
}

section.grid > aside .widget.AwoO .widgetContainer p {
	padding: 0px 5px 0 55px;
	text-align: left;
	min-height:46px;
	display:inline-block;
	vertical-align:middle;
}

section.grid > aside h4{
	font-weight:400;
	color:white;
	margin:20px 0 10px 0;
	padding-bottom:5px;
	border-bottom:1px dotted white;
	text-align:center;
	font-size:19px;
}
#widget_lien_meteo_france{
	background-color:#005892;
	text-align:center;
	min-width:280px;
	max-width:320px;
	display:inline-block;
	margin:0 auto;
}
#widget_lien_meteo_france a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
#widget_lien_meteo_france img{
	max-height:84px;
}
#widget_lien_maree_info, #widget_lien_windguru{
	text-align:center;
}
#widget_lien_windguru{
	margin-top:20px;
}
#widget_lien_maree_info img{
	margin-bottom:10px;
}
#widget_lien_maree_info img, #widget_lien_windguru img{
	max-width:80%;
}
#widget_lien_windguru img{
	max-height:49px;
}
.widget.liste_liens ul{
	margin:0;
	padding:0 10px;
	list-style-type:none;
}
.widget.liste_liens ul li{
	margin-bottom:5px;
}
.widget.liste_liens ul li::before{
	padding-right:3px;
	color:white;
	content:'\25AA\fe0e';
}

.widget.liste_liens p.lien_page{
	margin-top:10px;
	padding-left:10px;
}
.widget.liste_liens p.lien_page span::after{
	font-size:12px;
	padding-right:3px;
	color:white;
	content:'\25B6\fe0e';
}

.widget.liste_liens div.division p.division{
	margin-bottom:5px;
	padding-left:10px;
}

.widget.liste_liens div.division + div.division{
	margin-top:10px;
}
#widget_accueil_du_club p {
	max-width: 450px;
	margin: 0 auto;
}
@media all and (min-width: 600px){
	section.grid > aside .widget.AwoO{
		margin-top:20px;
	}
	#widget_accueil_du_club p{
		text-align:justify;
		max-width: unset;
		margin:unset;
	}
	#widget_lien_meteo_france{
		max-width:80%;
		width:80%;
		min-width:160px;
	}
	.widget.liste_liens{
		max-width:80%;
	}
	.widget.liste_liens ul{
		padding:0;
		margin:0 0 0 10px;
		list-style-type:square;
	}
	.widget.liste_liens ul li::before{
		display:none;
		content:unset;
	}
	.widget.liste_liens ul li a{
		display:block;
		vertical-align:top;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 100%;
		text-align:left;
	}
}

@media all and (min-width: 1300px){
	section.grid > aside{
		padding:0 20px 20px 20px;
	}
	section.grid > aside {
		padding-left: 0px;
		width: 250px;
	}

	section.grid > aside h4 {
		text-align: left;
		border-bottom: 2px dotted white;
		padding-left: 10px;
	}

	section.grid > aside .widget {
		text-align: left;
		padding-left: 0px;
	}
	section.grid > aside .widget .widgetContainer {
		padding-left: 10px;
	}
	#widget_lien_maree_info, #widget_lien_windguru {
		text-align: left;
	}
	.widget.liste_liens {
		max-width: 216.333px;
	}
	.widget.liste_liens ul{
		padding:0;
		margin:0 0 0 25px;
	}
	
}
.widget.webcams p {
	margin-bottom:5px;
}
.widget a {
	color: #F6CE30;
	font-weight: 400;
	font-size: 95%;
}



/* FOOTER */
footer{
	background:#08296c;
	color:white;
	text-align:center;
	padding:10px;
	font-size:14px;
}
footer img {
	max-height: 20px;
	vertical-align: sub;
	margin-left:5px;
}
footer a, footer a:hover{
	color:white;
}
footer div > span{
	display:block;
	margin-top:20px;
}

@media all and (min-width: 400px){
	footer div{
		padding-top:5px;
	}
	footer div > span{
		display:inline;
		padding:10px 0;
	}
	footer div > span a::after{
		content:'';
		margin-left:12px;
		margin-right: 10px;
		font-size:10px;
		border:1px solid white;
	}
	footer div > span:last-child a::after{
		content:unset;
	}
}
/* GENERAL */
.pagination {
	margin-bottom: 40px;
	text-align:center;
}
.pagination a {
	display: inline-block;
	background: #3498db;
	color: white;
	width: 25px;
	height: 25px;
	text-align: center;
	margin-left: 5px;
	border: 1px solid #3498db;
}
.pagination a.selected {
	background: white;
	color: #3498db;
}


/* ACTUALITES, BONS PLANS ET PETITES ANNONCES */
#liste_actualites, #liste_bons_plans_petites_annonces {
	max-width: 800px;
	margin: 0 auto;
}
#liste_actualites .actualite, #liste_bons_plans_petites_annonces .bon_plan_petite_annonce{
	text-align: justify;
	margin-bottom: 40px;
	padding:0 10px;
}
#main_page section div.content #liste_actualites .actualite h2, #main_page section div.content #liste_bons_plans_petites_annonces .bon_plan_petite_annonce h2 {
	padding: 0;
	margin: 0;
}
.actualite_date_publication, .bon_plan_petite_annonce_date_publication {
	font-style: italic;
	margin: 10px 0;
}

#liste_actualites hr, #liste_bons_plans_petites_annonces hr {
	max-width: 75%;
	margin: 0 auto;
	border:0;
	height:0;
	border-bottom:1px dotted black;
	margin-bottom:20px;
}

#accueil_a_la_hune_contenu{
	margin:0 auto;
	max-width:600px;
	text-align:justify;
}
#accueil_a_la_hune_contenu h2{
	text-align:left;
}
.accueil_actualite_entree.actualite{
	padding-bottom:10px;
}
#accueil_a_la_hune_lien_actualites {
	margin: 20px 10px 30px 10px;
	display: block;
	text-align: center;
}
.actualite p, .bon_plan_petite_annonce p{
	margin-bottom:10px;
}

#accueil_a_la_hune_contenu > hr{
	margin-bottom:20px;
	margin-top:10px;
	height:1px;
	color:transparent;
	border-top:1px dotted grey;
	max-width:75%;
}

#accueil_a_la_hune_contenu > hr:last-child{
	border-top:1px dotted orange;
}

/* AGENDA */
#liste_agenda h2 {
	border-bottom: 1px dotted black;
	max-width: 75%;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: 20px;
	text-align:center;
}
#liste_agenda .agenda {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 40px 0;
	background: white;
	padding: 10px;
	position: relative;
	width: 275px;
}
#liste_agenda .agenda .titre{
	display: table;
	width: 100%;
	position:relative;
}

#liste_agenda .agenda .titre{
	display: table;
	width: 100%;
	position:relative;
}

#liste_agenda .agenda .titre > div{
	display: table-cell;
	vertical-align:middle;
}

#liste_agenda .agenda .titre .titre_texte {
	padding-left: 20px;
	text-align:left;
	font-weight:400;
}

#liste_agenda .agenda .titre .date {
	background: #34a0da;
	color: white;
	width: 50px;
	height: 50px;
	font-style: unset;
	line-height: 1em;
	vertical-align: middle;
	text-align: center;
}
#liste_agenda .agenda .titre .date .date_jour {
	font-size:1.7em;
}
#liste_agenda .agenda .titre .date .date_mois {
	font-size:1.1em;
}

#liste_agenda .agenda .contenu {
	text-align: justify;
	margin-top: 10px;
}

#accueil_agenda{
	text-align:center;
}

#accueil_agenda h3 {
	margin-top: 100px;
	margin-bottom: 40px;
	font-size: 35px;
	color:#34a0da;
	font-weight:400;
}

#accueil_anniversaire + h3{
	margin-top: 0px;
}

#accueil_agenda_contenu .accueil_agenda_entree {
	margin:0 auto;
	margin-bottom:20px;
	background: white;
	padding: 10px;
	position: relative;
	width: 275px;
	display: table;
	position: relative;
	text-align: center;
}

#accueil_agenda_contenu .accueil_agenda_entree > div {
	display: table-cell;
	vertical-align:middle;
}

#accueil_agenda_contenu .accueil_agenda_entree .accueil_agenda_entree_date {
	background: #34a0da;
	color: white;
	width: 50px;
	height: 50px;
	font-style: unset;
	line-height: 1em;
	text-align: center;
}
#accueil_agenda_contenu .accueil_agenda_entree .accueil_agenda_entree_date .accueil_agenda_entree_date_jour {
	font-size: 1.7em;
}
#accueil_agenda_contenu .accueil_agenda_entree .accueil_agenda_entree_date .accueil_agenda_entree_date_mois {
	font-size: 1.1em;
}
#accueil_agenda_contenu .accueil_agenda_entree .accueil_agenda_entree_titre {
	padding-left: 20px;
	text-align:left;
}
#accueil_agenda_contenu .accueil_agenda_entree .accueil_agenda_entree_titre a{
	color:unset;
}

#accueil_anniversaire {
	background-color: #F6CE30;
	font-weight: 400;
	transform: rotate(10deg);
	max-width: 120px;
	padding: 0 10px 20px 10px;
	margin: 40px auto 40px auto;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	max-width: 140px;
	border-radius: 70px;
	border: 1px solid #F6CE30;
	background-color: white;
}
#accueil_anniversaire p{
	padding:0;
	margin:0;
}
#accueil_anniversaire p.unicode{
	font-size:1.8em;
}

#accueil_a_la_hune_lien_agenda{
	display:block;
	padding:20px 10px 20px 10px;
}

/* ACCUEIL */
#accueil_conteneur{
	padding:0 0 20px 0;
}

@media all and (min-width: 1160px) {
	#accueil_conteneur {
		display: flex;
		flex-flow:wrap;
		justify-content: space-evenly;
	}
	#accueil_a_la_hune {
		min-width: 350px;
		max-width: 600px;
		border-left:20px solid transparent;
  border-right:20px solid transparent;
	}
	#accueil_agenda {
		width: 300px;
		border-left:20px solid transparent;
		border-right:20px solid transparent;
	}
}

@media all and (min-width: 1220px) {
	#accueil_a_la_hune h1{
		margin-top:40px;
		text-align:left;
	}
	#accueil_agenda h3{
		text-align:left;
	}
}
body.accueil #entete_titre_logo_efvoile {
	margin-top: 0;
}


/* PARTENAIRES ET MEDIAS */
#partenaires_liste_type figure{
	margin:0 auto;
	margin-bottom:20px;
}

#partenaires_liste figure a.img, .liste_medias figure a.img{
	display:block;
	height:100%;
	width:100%;
	background-repeat: no-repeat;
	background-size: 75%;
	transition-duration: 500ms;
	transition-property: border, font-size, background-size, background-position;
	background-position: 50% 50%;
	border:1px solid grey;
}

.liste_medias figure a.img{
	background-size: 100%;
}

.liste_medias figure a.img{
	background-size: 120%;
}

#partenaires_liste figure:hover a.img, .liste_medias figure:hover a.img{
	background-size: 100%;
	border:1px solid #34a0da;
}

.liste_medias figure:hover a.img{
	background-size: 140%;
}

/* LE CLUB */
#sous_rubrique_le_club_adherer{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_le_club_adherer.jpg);
}
#sous_rubrique_le_club_devenir_partenaire{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_le_club_devenir_partenaire.jpg);
}
#sous_rubrique_le_club_presentation{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_le_club_presentation.jpg);
}
#sous_rubrique_le_club_la_flotte{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_le_club_la_flotte.jpg);
}
#sous_rubrique_le_club_organigramme{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_le_club_organigramme.jpg);
}
#sous_rubrique_le_club_statuts_de_l_association{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_le_club_statuts_de_l_association.jpg);
}
#sous_rubrique_le_club_s_impliquer_dans_la_vie_du_club{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_le_club_s_impliquer_dans_la_vie_du_club.jpg);
}

/* ACTIVITES */
#sous_rubrique_activites_apprendre{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_activites_apprendre.jpg);
}
#sous_rubrique_activites_voile_loisir{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_activites_voile_loisir.jpg);
}
#sous_rubrique_activites_voile_competition{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_activites_voile_competition.jpg);
}
#sous_rubrique_activites_voile_pour_tous{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_activites_voile_pour_tous.jpg);
}
#sous_rubrique_activites_groupes_et_entreprises{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_activites_groupes_et_entreprises.jpg);
}
#sous_rubrique_activites_s_impliquer_dans_la_vie_du_club{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_activites_s_impliquer_dans_la_vie_du_club.jpg);
}

/* MEDIAS */
#sous_rubrique_medias_videos{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_medias_videos.jpg);
}
#sous_rubrique_medias_photos{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_medias_photos.jpg);
}
#sous_rubrique_medias_presse{
	background-image:url(/images/design/mini_bannieres_sous_rubriques/sous_rubrique_medias_presse.jpg);
}

.liste_medias{
	text-align:center;
}

#liste_medias_photos figure {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 40px 20px;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#liste_medias_photos figure a {
	display: block;
	width: 200px;
	height: 134px;
}
#liste_medias_photos figure figcaption.credits {
	font-size: 10px;
}

#liste_medias_photos .description {
	margin:0 auto;
	margin-bottom:20px;
	max-width:600px;
}
#liste_medias_photos .description > div{
	text-align:justify;
}


.liste_medias .video {
	max-width: 450px;
	margin-bottom: 20px;
	padding: 20px;
	min-height:146px;
	min-width:220px;
	position:relative;
}
.liste_medias .video .lien{
	text-align:left;
	font-size:14px;
}
.liste_medias .video .iframe{
	position:relative;
}
.liste_medias .video .iframe iframe {
	width: auto;
	position:relative;
}
.liste_medias .video.youtube iframe{
	width:260px;
	height:146px;
}
.liste_medias .video.facebook iframe{
	width:260px;
	height:146px;
}
.liste_medias .video.dailymotion iframe{
	width:260px;
	height:146px;
}

.video_youtube_messages {
	padding: 5px;
	background: #34a0da;
	color: white;
	font-size: 14px;
	display: block;
	max-width: 450px;
	min-height: 146px;
	min-width: 220px;
}

.video_youtube_messages a{
	color:#F6CE30;
	font-weight:400;
}
.video_youtube_messages .video_youtube_non_autorisees{
	text-align:justify;
	display:none;
}


.video_youtube_autoriser, .video_youtube_ne_pas_autoriser {
	background-color: white;
	color: #34a0da;
	font-weight: 400;
	margin: 0 auto;
	width: 90%;
	margin-top: 20px;
	margin-bottom: 10px;
	cursor: pointer;
	padding:5px 3px;
}

.video_youtube_notes {
	font-size: 12px;
}


@media all and (min-width: 520px){
	.liste_medias .video.youtube iframe{
		width:445px;
		height:240px;
	}
	.liste_medias .video.facebook iframe{
		width:445px;
		height:240px;
	}
	.liste_medias .video.dailymotion iframe{
		width:445px;
		height:240px;
	}
	.video_youtube_messages {
		width: 445px;
		height: 240px;
	}
	
	.video_youtube_avertissement, .video_youtube_notes {
		text-align: justify;
	}
	.video_youtube_messages .video_youtube_non_autorisees{
		position:absolute;
		top:35%;
	}
	
}




.liste_medias .video .titre {
	font-weight: 400;
	text-align: left;
}

.liste_medias .video .iframe {
	margin-bottom:5px;
	
}
.liste_medias .video .description {
	text-align: justify;
	font-size: 90%;
	padding-top: 10px;
}



#liste_medias_videos{
	display:flex;
	flex-flow: row wrap;
	justify-content:space-evenly;
}

#liste_medias_presse{
	display:flex;
	flex-flow: row wrap;
	justify-content:space-evenly;
}

#liste_medias_presse .media_presse {
	border: 1px solid transparent;
	margin-bottom: 80px;
	width: 280px;
	padding: 5px;
	transition-duration: 500ms;
}



@media all and (min-width: 490px){
	#liste_medias_presse .media_presse {
		width: 450px;	
	}
}


#liste_medias_presse .media_presse:hover {
	border: 1px solid transparent;
	background-color: rgba(52, 160, 218, 0.15);
}

#liste_medias_presse .media_presse a {
	color: black;
}

#liste_medias_presse .media_presse a:hover {
	text-decoration: none;
	cursor: pointer;
}

#liste_medias_presse .media_presse a > span {
	display: block;
}

#liste_medias_presse .media_presse a > span.logo_et_titre {
	display: table;
}

#liste_medias_presse .media_presse span.type_logo, #liste_medias_presse .media_presse span.titre_et_infos_publication{
	display: table-cell;
	vertical-align:top;
}

#liste_medias_presse .media_presse span.type_logo {
	width: 60px;
	height: 60px;
	border: 1px solid #34a0da;
	vertical-align: middle;
	color:#34a0da;
}

#liste_medias_presse .media_presse span.type_logo.type_2{
	/* font-weight:400;
	letter-spacing:1px;
	font-size:90%;
	transition-duration: 300ms; */
}

#liste_medias_presse .media_presse span.type_logo img{
	/* font-size:40px; */
	transition-duration: 300ms;
}

#liste_medias_presse .media_presse:hover span.type_logo.type_2{
	/* font-weight:400;
	letter-spacing:1px;
	font-size:110%; */
}

#liste_medias_presse .media_presse:hover span.type_logo.type_3{
	/* font-size:44px; */
}

#liste_medias_presse .media_presse span.type_logo img {
	width: 30px;
}
#liste_medias_presse .media_presse:hover span.type_logo img {
	width: 40px;
}


#liste_medias_presse .media_presse span.titre_et_infos_publication{
	text-align: left;
	padding-left:10px;
}
#liste_medias_presse .media_presse span.titre_et_infos_publication > span{
	display:block;
}
#liste_medias_presse .media_presse span.titre_et_infos_publication .titre{
	font-weight:400;
}
#liste_medias_presse .media_presse span.titre_et_infos_publication .infos_publication{
	font-size:90%;
}
#liste_medias_presse .media_presse span.description{
	padding-top:5px;
	text-align:justify;
	font-size:90%;
}

/* PARTENAIRES */
#partenaires_liste_type figure{
	display:inline-block;
	vertical-align:top;
	margin:0 20px 20px 0;
	text-align:center;
	width:250px;
}

#partenaires_liste_type figure a.img{
	border:1px solid lightgrey;
	display:block;
	background-color:white;
}

#partenaires_liste_type figure img{
	max-width:100%;
	height:190px;
}

/* CONTACT */
#contact {
	display: flex;
	flex-wrap: wrap;
}
#contact > div {
	margin: 0 auto;
	min-width:280px;
	max-width: 500px;
	margin-bottom: 40px;
}
#contact_coordonnees p {
	margin-bottom: 10px;
}
#contact_coordonnees .facebook{
	margin-top:20px;
}
#contact_coordonnees .facebook img {
	max-height: 70px;
}
#contact_iframe iframe{
	border:1px solid grey;
	max-width:95%;
}
#contact form > div {
	margin-bottom: 10px;
}
#contact form label {
	display: block;
	text-align:justify;
}
#contact form input, #contact form textarea {
	width: 98.8%;
	margin-top:3px;
}
#contact form textarea {
	height: 300px;
}
#contact form #form_submit {
	text-align: right;
}
#contact form #form_submit input {
	width: unset;
	background: #F6CE30;
	border: 1px solid grey;
	padding: 3px 5px;
	font-weight: 400;
	font-size:16px;
}
#contact form #form_submit input:hover {
	border:1px solid black;
	cursor:pointer;
}
#contact #form_fi{
	display:none;
}
#contact_champs_obligatoires, #contact_infos_legales{
	margin-top:10px;
	font-size:11px;
	text-align:justify;
}
#contact form label strong{
	font-weight:400;
}
#contact form label span{
	font-size:85%;
}
#contact form .erreur{
	color:red;
	margin-top:3px;
	margin-bottom:20px;
	text-align:justify;
	font-size:85%;
}
#contact_formulaire .succes {
	color: green;
}

/* MENTIONS LEGALES */
#mentions_legales {
	max-width: 600px;
	margin: 0 auto;
	text-align: justify;
}
#mentions_legales p {
	margin-bottom: 10px;
}
#mentions_legales p:first-child {
	margin-bottom: 30px;
}




/* FORMULAIRES */
body.rubrique_formulaires #liste_formulaires{
	display: flex;
	flex-flow:wrap;
	justify-content: space-around;
}
body.rubrique_formulaires #liste_formulaires h2 {
	margin: 0;
	text-align:left;
}
body.rubrique_formulaires #liste_formulaires .dossier {
	max-width: 500px;
	text-align: left;
	padding: 10px;
	margin:0 5px 40px 5px;
	background-color:white;
}
body.rubrique_formulaires #liste_formulaires .dossier ul{
	margin:0;
	padding:0;
	padding-left:15px;
}
body.rubrique_formulaires #liste_formulaires .dossier ul li{
	margin-top:5px;
}
body.rubrique_formulaires #liste_formulaires .dossier span{
	font-size:12px;
}

body.rubrique_formulaires .remarque_champs_obligatoires{
	text-align:center;
	margin-bottom:5px;
}
body.rubrique_formulaires .fieldset_description{
	text-align:justify;
}
body.rubrique_formulaires .fieldset_description p{
	margin-bottom:5px;
}

body.rubrique_formulaires .form_erreurs {
	color: red;
	font-weight: 400;
	padding: 10px;
	border: 1px solid red;
	margin:0 auto;
	margin-bottom: 10px;
	background-color: white;
	max-width:800px;
}
body.rubrique_formulaires h2{
	max-width: 800px;
	text-align:center;
	margin: 0 auto;
	margin-bottom: 40px;
}
body.rubrique_formulaires form {
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 40px;
}
body.rubrique_formulaires form .hidden{
	display:none;
}
body.rubrique_formulaires form fieldset {
	border: 1px solid #34a0da;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background-color:whitesmoke;
}
body.rubrique_formulaires form legend {
	padding: 5px;
	color: #34a0da;
	font-weight:400;
}
body.rubrique_formulaires form fieldset > div {
	margin-bottom: 10px;
	border-bottom: 1px dotted grey;
	padding-bottom: 20px;
}
body.rubrique_formulaires form fieldset > div:last-child{
	margin-bottom: 20px;
	border-bottom: 0px dotted transparent;
	padding-bottom: unset;
}
body.rubrique_formulaires form label {
	display: block;
	font-weight:400;
}
body.rubrique_formulaires form div.champ{
	margin-top: 5px;
}
body.rubrique_formulaires form label.checkbox_txt, body.rubrique_formulaires form label.radio_txt{
	display: inline;
	margin-bottom: unset;
	font-weight:unset;
}
body.rubrique_formulaires form label.obligatoire span::after{
	content:'*';
	margin-left:3px;
}
body.rubrique_formulaires form input, body.rubrique_formulaires form textarea, body.rubrique_formulaires form select{
	display: block;
	width: 230px;
}

@media all and (min-width: 460px){
	body.rubrique_formulaires form input, body.rubrique_formulaires form textarea, body.rubrique_formulaires form select {
		width: 370px;
	}
}

@media all and (min-width: 600px){
	body.rubrique_formulaires form input, body.rubrique_formulaires form textarea, body.rubrique_formulaires form select {
		width: 320px;
	}
}
@media all and (min-width: 800px){
	body.rubrique_formulaires form input, body.rubrique_formulaires form textarea, body.rubrique_formulaires form select {
		width: 500px;
	}
}
@media all and (min-width: 875px){
	body.rubrique_formulaires form input, body.rubrique_formulaires form textarea, body.rubrique_formulaires form select {
		width: 600px;
	}
}


body.rubrique_formulaires form .submit {
	text-align: right;
}
body.rubrique_formulaires form .submit input {
	display:inline-block;
	width: unset;
	background-color: #F6CE30;
	border: 1px solid grey;
	padding: 5px 10px;
	cursor: pointer;
	color: black;
	font-size:16px;
	-webkit-appearance: none;
}
body.rubrique_formulaires form .submit input:hover {
	border: 1px solid black;
	font-weigh:400;
}
body.rubrique_formulaires form input.checkbox, body.rubrique_formulaires form input.radio {
	display: inline;
	width:unset;
	margin-right:10px;
}
body.rubrique_formulaires form span.radio, body.rubrique_formulaires form span.checkbox {
	display:block;
}
body.rubrique_formulaires form .acceptation {
	text-align: justify;
	margin-bottom: 10px;
}
body.rubrique_formulaires form .acceptation p{
	margin-bottom: 10px;
}
body.rubrique_formulaires form .champ_acceptation {
	text-align: center;
	font-weight: 400;
}
body.rubrique_formulaires .description, body.rubrique_formulaires .erreur {
	font-size: 85%;
}
body.rubrique_formulaires .erreur {
	color: red;
	font-weight: 400;
}

body.rubrique_formulaires div.other {
	padding:10px;
}

body.rubrique_formulaires .form_finaliser {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}
body.rubrique_formulaires .retour_formulaires {
	margin: 20px 0;
}

body.rubrique_formulaires form.form_anti_robots{
	max-width: 600px;
	margin: 0 auto;
}

body.rubrique_formulaires #form_anti_robots{
	margin-bottom:10px;
}

body.rubrique_formulaires #form_anti_robots input{
	width:100%;
}

body.rubrique_formulaires #form_anti_robots label{
	margin-bottom:5px;
}

body.rubrique_formulaires #form_anti_robots label span{
	color:grey;
}

/* contenu_enrichi */

div.contenu_enrichi img{
	margin:0 auto;
	display:block;
	margin-bottom:20px;
}


ul li h4 {
	text-transform: unset;
	color: unset;
	font-size: unset;
	display:inline;
}

.contenu_enrichi hr {
	height: 1px;
	color: transparent;
	border-top: 1px solid grey;
}

/* LE CLUB */
#ss_rubrique_le_club{
	margin:0 auto;
	max-width:800px;
	padding-bottom:40px;
}
#ss_rubrique_le_club h3, #ss_rubrique_le_club h4{
	font-weight:400;
	margin-top:20px;
}

#ss_rubrique_le_club .contenu_enrichi{
	text-align:justify;
}
#ss_rubrique_le_club .contenu_enrichi p{
	margin-top:10px;
}
/* ACTIVITES */
#ss_rubrique_activites{
	margin:0 auto;
	max-width:800px;
	padding-bottom:40px;
}
#ss_rubrique_activites h3, #ss_rubrique_activites h4{
	font-weight:400;
	margin-top:20px;
}

/* body.rubrique_le_club #ss_rubrique_le_club,
body.rubrique_activites #ss_rubrique_activites {
	background-color: white;
	padding: 1px 10px 10px 10px;
	border: 1px dotted #34a0da;
} */

body.rubrique_le_club #ss_rubrique_le_club ul li,
body.rubrique_activites #ss_rubrique_activites ul li{
margin-bottom:10px;
}

body.rubrique_activites #ss_rubrique_activites.ss_rubrique_groupes_et_entreprises{
	background-color: unset;
	padding: unset;
	border: unset;
}

body div.div_hr {
	background-color: white;
	padding: 1px 10px 10px 10px;
	margin-bottom: 20px;
	border: 1px dotted #34a0da;
}
body.rubrique_activites #ss_rubrique_activites.ss_rubrique_groupes_et_entreprises div.div_hr h3{
color:black;
}
body.rubrique_activites #ss_rubrique_activites.ss_rubrique_groupes_et_entreprises div.div_hr h4 {
	margin-bottom: 20px;
	border-bottom: 1px dotted black;
	padding-bottom: 5px;
}
body.rubrique_activites #ss_rubrique_activites.ss_rubrique_groupes_et_entreprises div.div_hr h5::before{
	content: '＊';
	margin-right: 1px;
}

body.rubrique_activites #ss_rubrique_activites.ss_rubrique_groupes_et_entreprises hr{
display:none;
}

#ss_rubrique_activites .contenu_enrichi{
	text-align:justify;
}
#ss_rubrique_activites .contenu_enrichi p{
	margin-top:10px;
}

#main_page section div.content nav {
	color: #34a0da;
	text-align: right;
	font-size:14px;
	margin-top: 10px;
}

/* BANDEAU CENTRE DE CONFIDENTIALITE */

/* #centre_de_confidentialite .titre {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 120%;
	margin-bottom: 10px;
}
#centre_de_confidentialite .titre span{
	display:inline-block;
	vertical-align:top;
}
#centre_de_confidentialite .infos {
	max-width: 800px;
	margin: 0 auto;
	text-align: justify;
}
#centre_de_confidentialite .infos span {
	font-weight: 400;
}
#centre_de_confidentialite .choix {
	margin: 20px;
}
#centre_de_confidentialite .choix span {
	border: 1px solid grey;
	padding: 5px;
	margin: 0 5px 5px 5px;
	text-transform: uppercase;
	cursor: pointer;
	color: black;
	font-weight: 400;
	background-color: #F6CE30;
	display: inline-block;
	vertical-align: top;
	width: 125px;
}
#centre_de_confidentialite .choix span:hover{
	border:1px solid black;
} */
/* PAGE CENTRE DE CONFIDENTIALITE */


/* 
#page_centre_de_confidentialite .tiers, #page_centre_de_confidentialite .infos, #centre_de_confidentialite_max .tiers, #centre_de_confidentialite_max .infos {
	text-align: left;
}

#page_centre_de_confidentialite div.tiers, #centre_de_confidentialite_max div.tiers{
	padding-bottom:10px;
	border-top:1px dotted grey;
}

#page_centre_de_confidentialite div.tiers:last-child, #centre_de_confidentialite_max div.tiers:last-child{
	border-bottom:1px dotted grey;
}




#page_centre_de_confidentialite div.choix, #centre_de_confidentialite_max div.choix {
	text-align:center;
	margin-top:10px;
}

@media all and (min-width: 545px){
	#page_centre_de_confidentialite div.choix, #centre_de_confidentialite_max div.choix {
		text-align:right;
	}
	#centre_de_confidentialite_max div.choix.choix_globaux {
		text-align:center;
	}
} */





/* PAGE CENTRE DE CONFIDENTIALITE */
#page_centre_de_confidentialite {
	max-width: 800px;
	margin: 0 auto;
}
#centre_de_confidentialite {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: white;
	padding: 10px;
	border-top: 1px solid grey;
	text-align: center;
	max-height:410px;
	overflow-y:auto;
	color:black;
	font-size:12px;
	display:none;
}
#centre_de_confidentialite a{
	color:#DA0402;
}
#centre_de_confidentialite_min{
	max-width:800px;
	margin:0 auto;
	padding:20px 10px;
}
#centre_de_confidentialite_max {
	display:none;
	max-width:800px;
	margin:0 auto;
	padding-bottom:40px;
}
#centre_de_confidentialite .titre{
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:10px;
	font-weight:400;
}
#centre_de_confidentialite .titre span{
	display:block;
}
@media all and (min-width: 545px){
	#centre_de_confidentialite {
		font-size:14px;
	}
	#centre_de_confidentialite .titre{
		font-size:23px;
	}
	#centre_de_confidentialite .titre span{
		display:inline;
	}
}
#centre_de_confidentialite .infos{
	max-width:800px;
	margin:0 auto;
	text-align:justify;
}
#page_centre_de_confidentialite h2, #centre_de_confidentialite_max h2 {
	margin-top: 40px;
	font-weight: 400;
}
#page_centre_de_confidentialite h3, #centre_de_confidentialite_max h3 {
	margin-top: 20px;
	font-weight: 400;
	text-align: left;
	margin-bottom: 10px;
}
#page_centre_de_confidentialite h4, #centre_de_confidentialite_max h4 {
	margin-top: 10px;
	margin-bottom:5px;
	text-align: left;
	font-weight: 400;
}
#page_centre_de_confidentialite strong, #centre_de_confidentialite_max strong {
	font-weight:400;
}
#centre_de_confidentialite .justify p, #page_centre_de_confidentialite .justify p{
	text-align:justify;
}
#page_centre_de_confidentialite .tiers, #centre_de_confidentialite_max .tiers {
	text-align: left;
	border-top:1px dotted grey;
}
#page_centre_de_confidentialite .infos, #centre_de_confidentialite_max .infos {
	text-align: left;
}
#page_centre_de_confidentialite .infos div.choix, #centre_de_confidentialite_max .infos div.choix,
#page_centre_de_confidentialite .tiers div.choix, #centre_de_confidentialite_max .tiers div.choix{
	text-align: center;
	margin-top:10px;
}

@media all and (min-width: 545px){
	#page_centre_de_confidentialite .infos div.choix, #centre_de_confidentialite_max .infos div.choix, #page_centre_de_confidentialite .tiers div.choix, #centre_de_confidentialite_max .tiers div.choix{
		text-align:right;
	}
}

#page_centre_de_confidentialite .tiers p, #centre_de_confidentialite_max .tiers p{
	margin-bottom:5px;
}
#centre_de_confidentialite span.bouton, #page_centre_de_confidentialite span.bouton{
	border:1px solid grey;
	padding:5px 10px;
	display:inline-block;
	vertical-align:top;
	-moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
	user-select:none;
	text-transform:uppercase;
	font-weight:400;
	margin-right:10px;
	margin-bottom:10px;
	text-align:center;
	width:80px;
}
#centre_de_confidentialite_min div.choix span.bouton{
	background-color:#F6CE30;
}
#centre_de_confidentialite .choix_globaux span.bouton, #page_centre_de_confidentialite .choix_globaux span.bouton, #centre_de_confidentialite #centre_de_confidentialite_min .choix span.bouton{
	width:140px;
}
#centre_de_confidentialite .enregistrer span.bouton, #page_centre_de_confidentialite .enregistrer span.bouton{
	width:unset;
}
#centre_de_confidentialite span.bouton:hover, #page_centre_de_confidentialite span.bouton:hover{
	border:1px solid black;
	cursor:pointer;
}
#centre_de_confidentialite span.bouton.selectionne:hover, #page_centre_de_confidentialite span.bouton.selectionne:hover{
	cursor:default;
}
#centre_de_confidentialite span.bouton.selectionne, #page_centre_de_confidentialite span.bouton.selectionne, 
#centre_de_confidentialite .tiers.enregistrer span.bouton, #page_centre_de_confidentialite .tiers.enregistrer span.bouton{
	border:1px solid black;
	background-color:#F6CE30;	
}
#centre_de_confidentialite .tiers.choix_globaux p, #page_centre_de_confidentialite .tiers.choix_globaux p{
	margin:10px 0 20px 0;
}
#centre_de_confidentialite .tiers.choix_globaux span.bouton, #page_centre_de_confidentialite .tiers.choix_globaux span.bouton{
	width:200px;
}
#centre_de_confidentialite .tiers.enregistrer, #page_centre_de_confidentialite .tiers.enregistrer {
	text-align:right;
	padding:20px 0;
}

/* TEMPORAIRE */
body .integration_toolbar{
	display:none !important;
}

#accueil_a_la_hune_contenu > hr{
	display:none;
}

.accueil_actualite_entree.actualite {
	padding: 10px;
	background-color: white;
	border: 1px dotted rgb(52, 160, 218);
	margin-bottom:20px;
	padding-top:0;
}

#accueil_agenda_contenu .accueil_agenda_entree, #accueil_nature_et_environnement_contenu {
	border: 1px dotted #34a0da;
	background-color:white;
	max-width:520px;
	margin:0 auto;
}
#liste_agenda .agenda {
	border: 1px dotted #34a0da;
}


#liste_actualites hr {
	display:none;
}
#liste_actualites .actualite {
	padding: 10px;
	background-color: white;
	border: 1px dotted rgb(52, 160, 218);
	margin-bottom:20px;
}

#liste_medias_photos figure figcaption {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12px;
}

#accueil_conteneur_2{
	margin:0 auto;
	max-width:800px;
}

#accueil_nature_et_environnement {
	text-align:center;
}

#accueil_nature_et_environnement h3 {
	margin-top: 50px;
	margin-bottom: 40px;
	font-size: 35px;
	color: #34a0da;
	font-weight: 400;
}



#accueil_nature_et_environnement_contenu {
	padding:10px;
}
#accueil_nature_et_environnement_contenu p{
	margin-bottom:10px;
	text-align:justify;
}
#accueil_nature_et_environnement_contenu img{
	max-width:100%;
	text-align:center;
	display:block;
	margin-bottom:10px;
}

#accueil_agenda h3 {
	margin-top: 50px;
}