/* CSS Document */
@font-face {
    font-family: 'seasideresortnfregular'; /* Juste le nom de la police */
   src: url('../../../styles/font/SEASRN__-webfont.eot');  /* Indiquer les URL complets depuis la feuille de style et non pas depuis la page */
    src: url('../../../styles/font/SEASRN__-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../../styles/font/SEASRN__-webfont.woff') format('woff'),
		url('../../../styles/font/SEASRN__-webfont.ttf') format('truetype'),
		url('../../../styles/font/SEASRN__-webfont.svg#seasideresortnfregular') format('svg');
		font-weight: normal;
		font-style: normal;
}

body {
	margin:0px;
	padding:0px;
	background: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	text-align:center;
	vertical-align:top;
	max-width:100%;
	max-height:100%;
	min-height:100%;
}

#bandeTop {
	width:1200px;
	min-width:1200px;
	height:200px;
	min-height:200px;
	background:#CCCCCC;
	text-align:center;
	box-shadow: 8px 0px 12px #AAAAAA;
	-moz-box-shadow:  8px 1px 12px #AAAAAA;
	-webkit-box-shadow:  8px 1px 12px #AAAAAA;
	/* padding:75px 0px 75px 0px; */
}

#menuTop {
	font-family:'seasideresortnfregular', Verdana, Geneva, sans-serif;
	letter-spacing:0.5em;
	width:1200px;
	min-width:1200px;
	background:#A4BDDB;
	vertical-align:middle;
	padding:20px 0px 20px 0px;
	text-transform:uppercase;
	font-size:24px;
	box-shadow: 8px 4px 12px #aaa;
	-moz-box-shadow:  8px 1px 12px #AAA;
	-webkit-box-shadow:  8px 1px 12px #AAA;
}

.content {
	background:#CBDAEB;
	width:1200px;
	min-width:1200px;
	min-height:540px;
	padding:20px 0px 20px 0px;
	box-shadow: 8px 4px 12px #aaa;
	-moz-box-shadow:  8px 1px 12px #AAA;
	-webkit-box-shadow:  8px 1px 12px #AAA;
	text-align:center;
}

.contentCenter {
	max-width:1200px;
	padding:0px 60px 0px 60px;
}

#content1 {
	width:320px;
	min-width:320px;
	max-height:450px;
	padding:10px 40px 40px 40px;
	float:left;
	overflow:auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}

.text { width:75%; margin:0 auto 20px auto; text-align:left; }

#content2 {
	width:320px;
	min-height:320px;
	max-height:450px;
	padding:10px 40px 40px 40px;
	float:left;
	overflow:auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}

#content3 {
	width:320px;
	min-width:320px;
	max-height:450px;
	padding:10px 40px 40px 40px;
	float:left;
	overflow:auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}

#piedPage {
	width:1200px;
	padding:10px;
	text-align:right;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:link { color:#FFFFFF; text-decoration:none }
a:visited { color:#FFFFFF; text-decoration:none }
a:hover { color:#333333; text-decoration:none }

ul { list-style-type:none; }

a.a_studiostrob:link { color:#333333; text-decoration:none }
a.a_studiostrob:visited { color:#333333; text-decoration:none }
a.a_studiostrob:hover { color:#FF0000; text-decoration:none }

.flex { width:98%; display:flex;, margin:0% 1% 5% 1%; padding:0; }
.flexDiv {
		margin:0% 2%; 
		box-sizing:border-box; 
		background-color:#A4BDDB; 
		box-shadow:4px 4px 12px #AAAAAA; 
		moz-box-shadow:1px 1px 4px #AAA;
	}
	
	.article { width:100%; }
		.articleTitle { width:100%; display:inline-block; background-color:#FFF; padding:5px 0px; }
			.articleTitle h1 { 
				margin:10px 0px;
				padding:0px;
				font-family:Verdana, Arial, Geneva, sans-serif;
				font-size:1.15em;
			}
		.articleIMG { width:100%; display:inline-block; }
		.articleText { width:86%; margin:5%; padding:2%; display:inline-block; border:#CBDAEB 1px solid; text-align:left; min-height:280px }
			.articleText p { text-align:justify }
	
		.articleText2 { width:86%; margin:5%; padding:2%; display:inline-block; border:#CBDAEB 1px solid; text-align:left; min-height:280px }
			.articleText2 p { text-align:justify }
	
	
@media screen and (max-width:1079px) {
	* { 
		box-sizing:border-box;
	}

	#bandeTop {
		width:100%;
		height:100%;
		min-width:0px;
		min-height:0px;
		text-align:center;
	}
	
	#bandeTop img { width:100%; }
	
	#menuTop {
		width:100%;
		min-width:0px;
		min-height:0px;
		vertical-align:middle;
		padding:5px 0px;
		font-size:125%;
	}
	.content {
		width:100%;
		height:100%;
		min-width:0px;
		min-height:0px;
		padding:10px 0px;
		border-radius:0px;
		text-align:justify;
	}
	#content1 {
		width:100%;
		min-width:0px;
		max-height:100%;
		margin:0px auto;
		padding:10px 20px;
		float:none;
		text-align:justify;
	}
	
	.text { width:98%; margin:0 2%; text-align:left; }
	
	.flex { width:98%; display:block; margin:0% 1% 5% 1%; padding:0; }
		.flexDiv { width:96%; }
	.articleTitle { text-align:center; }
	.articleIMG { text-align:center; }
	.articleText { width:96%; min-height:100%; margin-left:2%; margin-right:2%; }
	
	#content2 {
		width:100%;
		max-height:100%;
		min-height:0px;
		margin:0px auto;
		padding:10px 10px;
		float:none;
		overflow:hidden;
	}
	
		#content2 img {
			width:90%;
			margin:0px auto 0px auto;
		}
	
	#content3 {
		width:100%;
		min-width:0px;
		max-height:100%;
		margin:0px auto;
		padding:10px 10px;
		float:none;
		overflow:hidden;
	}
	
	#social {
		margin-top:10px;
	}

	#piedPage {
		width:100%;
		padding:10px 0px;
		text-align:center;
		font-size:75%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
	}
	
	.piedPage a:link { color:#FFFFFF; text-decoration:none; }
	.piedPage a:visited { color:#FFFFFF; text-decoration:none; }
	.piedPage a:hover  { color: #319DB8; text-decoration: none }
	
	address { font-style:normal; }
	
	.errorPict { width:96%; float:none; margin:0% 2%; }

}