@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background-color:#FFF;
}

body {
	/*background: url(../images/fond-site-montagnards.jpg) top center no-repeat fixed;*/
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link { text-decoration: none; color: #235186; }
a:visited {	text-decoration: none; color: #235186;}
a:hover { text-decoration: none; color: #35aaf2;}
a:active { text-decoration: none; color: #35aaf2;}

#haut {
	width:100%;
	height:50px;
	background-color:#235186;
	border-bottom: solid 3px #fff;
	
}
#menu-haut {
	max-width:1000px;
	width:100%;
	height:50px;
	margin: 0 auto 0 auto;
}
.btn-menu {
	width:200px;
	height:50px;
	float:left;
	margin: 0 0 0 0;
	background: url(../images/fond-btn.png) top left repeat-x;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	background-color:#235186;
}
.btn-menu:hover {
	background: url(../images/fond-btn.png) bottom left repeat-x;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	cursor:pointer;
	background-color:#235186;
}
.btn-menu-association {
	width:200px;
	height:50px;
	float:left;
	margin: 0 0 0 0;
	background: url(../images/fond-btn-b.png) top left repeat-x;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	background-color:#235186;
}
.btn-menu-association:hover {
	background: url(../images/fond-btn-b.png) bottom left repeat-x;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	cursor:pointer;
	background-color:#235186;
}

#logo {
	max-width:1000px;
	width:100%;
	margin: 30px auto 30px auto;
	text-align: center;
}

#page {
  width:100%;
  box-sizing: border-box;
  display:block;
}
#contenus-page {
	max-width:1010px;
	width:100%;
	margin: 0 auto 0 auto;
	background-color:#fff;
	box-sizing:border-box;
	border: solid 3px #fff;
	/*background: url(../images/blanc.png) top center repeat ;*/

	
}

#menu-page {
	width:250px;
	height:260px;
	background-color:#235186;
	display:block;
	position:relative;
	float:left;
}
.moduletable-menu-section {
	width:250px;
	height:260px;
	background-color:#235186;
	display:block;
	position:relative;
	float:left;
}
.btn-page {
	width:250px;
	height:28px;
	float:left;
	margin: 1px 0 1px 0;
	background: url(../images/fond-btn2.png) top right repeat-y;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.btn-page:hover {
	background: url(../images/fond-btn2.png) top left repeat-y;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	cursor:pointer;
}

#bloc-infos {
	width:330px;
	height:190px;
	margin: 3px 10px 10px  20px;
	padding: 45px 10px 10px 10px;
	border: solid 2px #ff6600;
	background: url(../images/bloc-infos.png) top center no-repeat;
	text-align:justify;
	font-size:16px;
	overflow:hidden;
	display:block;
	position:relative;
	float:left;
}
.bloc-infos { width:310px; height:170px; text-align:justify; font-size:16px; overflow:hidden; display:block; padding: 10px 10px 10px 10px; }

.moduletable-flash {
	width:330px;
	
	margin: 3px 10px 10px  20px;
	padding: 0 0 10px 0;
	border: solid 2px #ff6600;
	/*background: url(../images/bloc-infos.png) top center no-repeat;*/
	text-align:justify;
	font-size:16px;
	overflow:hidden;
	display:block;
	position:relative;
	float:left;
}
.newsflash-flash {height:200px; overflow:hidden;}


#bloc-randos {
	width:350px;
	height:195px;
	overflow:hidden;
	margin: 0 0 10px 10px;
	padding: 45px 0 10px 0;
	background: url(../images/titre-randos.png) top center no-repeat #235186;
	border: solid 3px #fff;
	display:block;
	position:relative;
	float:left;
	
}
.moduletable-randos {
	width:350px;
	height:195px;
	overflow:hidden;
	margin: 0 0 10px 10px;
	padding: 45px 0 16px 0;
	background: url(../images/titre-randos.png) top center no-repeat #235186;
	border: solid 3px #fff;
	display:block;
	position:relative;
	float:left;
	
}
.moduletable-articles {
	width:350px;
	height:195px;
	overflow:hidden;
	margin: 0 0 10px 10px;
	padding: 45px 0 16px 0;
	background: url(../images/titre-articles.png) top center no-repeat #235186;
	border: solid 3px #fff;
	display:block;
	position:relative;
	float:left;
	
}
.moduletable-actus {
	width:350px;
	height:195px;
	overflow:hidden;
	margin: 0 0 10px 10px;
	padding: 45px 0 16px 0;
	background: url(../images/titre-actus.png) top center no-repeat #235186;
	border: solid 3px #fff;
	display:block;
	position:relative;
	float:left;
	
}

#infos-gauche {
	width:248px;
	padding: 0 0 30px 0;
	/*border: solid 1px #35aaf2;*/
	text-align:justify;
	display:block;
	position:relative;
	display: table-cell;
	
}

.moduletable-gauche {
	width:248px;
	padding: 0 0 30px 0;
	/*border: solid 1px #35aaf2;*/
	text-align:justify;
	display:block;
	position:relative;
	display: table-cell;
	
}

#contenus {
	width:100%;
	min-width:700px;
	padding: 0 10px 30px 10px;
	text-align:justify;
	position:relative;
	display: table-cell;
	vertical-align:top;
	background-color:#FFFFFF;
}

.page-header { margin: 20px 0 0 0; border-top: dotted 1px #35aaf2;}

a.bloc-liens:link { font-family: 'bankgothic'; font-size:20px; font-weight:normal; text-decoration: none; color: #fff;  margin: 10px 0; padding: 8px 15px; background-color:#35aaf2; display:inline-block;}
a.bloc-liens:visited { font-family: 'bankgothic'; font-size:20px; font-weight:normal;	text-decoration: none; color: #fff; background-color:#35aaf2;}
a.bloc-liens:hover { font-family: 'bankgothic'; font-size:20px; font-weight:normal; text-decoration: none; color: #fff; background-color:#ff6600;}
a.bloc-liens:active { font-family: 'bankgothic'; font-size:20px; font-weight:normal; text-decoration: none; color: #fff; background-color:#ff6600;}

ul.latestnews-randos {list-style:none; margin: 0 0; padding: 0 0;}
ul.latestnews-randos li { padding: 11px 0 11px 0; border-top: solid 1px #5281b8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.latestnews-randos li a:link { background: url(../images/puce01.png)  center left no-repeat; width:330px; padding: 12px 30px; color:#FFFFFF;}
ul.latestnews-randos li a:visited {color:#FFFFFF;}
ul.latestnews-randos li a:hover { background: url(../images/puce02.png)  center left no-repeat; background-color:#fff; cursor:pointer;  color:#ff6600;}
ul.latestnews-randos li a:active {background-color:#fff; color:#ff6600;}

ul.latestnews-articles {list-style:none; margin: 0 0; padding: 0 0;}
ul.latestnews-articles li { padding: 11px 0 11px 0; border-top: solid 1px #5281b8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.latestnews-articles li a:link { background: url(../images/puce01.png)  center left no-repeat; width:330px; padding: 12px 30px; color:#FFFFFF;}
ul.latestnews-articles li a:visited {color:#FFFFFF;}
ul.latestnews-articles li a:hover { background: url(../images/puce02.png)  center left no-repeat; background-color:#fff; cursor:pointer;  color:#ff6600;}
ul.latestnews-articles li a:active {background-color:#fff; color:#ff6600;}

.items-more {display:none;}

.counter {width: 150px; margin: 10px auto; font-family: 'bankgothic'; font-size:18px; font-weight:normal; text-decoration: none; color: #fff; padding: 6px 8px; background-color:#35aaf2; text-align:center;}

.pagination ul {list-style:none; margin: 0 0; padding: 0 0;}
.pagination li { float:left; font-family: 'bankgothic'; font-size:18px; font-weight:normal; text-decoration: none; color: #fff;  margin: 0 0; padding: 6px 8px; background-color:#35aaf2;}
.pagination li a:link { font-family: 'bankgothic'; font-size:18px; font-weight:normal; text-decoration: none; color: #fff;  margin: 0 0; padding: 6px 8px; background-color:#35aaf2;}
.pagination li a:visited { font-family: 'bankgothic'; font-size:18px; font-weight:normal;	text-decoration: none; color: #fff; background-color:#35aaf2;}
.pagination li a:hover { font-family: 'bankgothic'; font-size:18x; font-weight:normal; text-decoration: none; color: #fff; background-color:#ff6600;}
.pagination li a:active { font-family: 'bankgothic'; font-size:18px; font-weight:normal; text-decoration: none; color: #fff; background-color:#ff6600;}



#bas {
	width:100%;
	height:auto;
	padding:5px 0;
	background-color:#235186;
	border-bottom: solid 3px #fff;
	display:block;
	box-sizing:border-box;
	
}
#txt-bas {
	max-width:1000px;
	width:100%;
	height:155px;
	margin: 0 auto 0 auto;
	display:block;
	box-sizing:border-box;
	background-color:#235186;

}
#txt-bas a:link { text-decoration: none; color: #fff; }
#txt-bas a:visited {	text-decoration: none; color: #fff;}
#txt-bas a:hover { text-decoration: none; color: #35aaf2;}
#txt-bas a:active { text-decoration: none; color: #35aaf2;}

.bas-gauche {
	max-width:750px;
	width:100%;
	height:auto;
	display:block;
	float:left;
	position:relative;
	background-color:#235186;
}

.bas-gauche ul {list-style:none; margin: 0 0; padding: 0 0;}
.bas-gauche ul li {padding: 8px 10px;}
.bas-gauche ul li a:link { font-family: 'bankgothic'; font-size:18px; font-weight:normal; text-decoration: none; color: #fff;  margin: 10px 0; padding: 8px 10px;}
.bas-gauche ul li a:visited { font-family: 'bankgothic'; font-size:18px; font-weight:normal;	text-decoration: none; color: #fff;}
.bas-gauche ul li a:hover { font-family: 'bankgothic'; font-size:18px; font-weight:normal; text-decoration: none; color: #35aaf2; background-color:#FFFFFF;}
.bas-gauche ul li a:active { font-family: 'bankgothic'; font-size:18px; font-weight:normal; text-decoration: none; color: #35aaf2;}



.bas-droite {
	width:250px;
	height:auto;
	display:block;
	float:right;
	position:relative;
	text-align:right;
	background-color:#235186;
}
.bas-droite ul {list-style:none; margin: 0 0; padding: 0 0;}
.bas-droite ul li {padding: 5px 0;}

.moduletable {margin: 0 0;}

h2 {font-family: 'bankgothic'; font-size:28px; font-weight:normal; color:#FFFFFF; background:#235186 url(../images/pics01.png) top left no-repeat; padding: 4px 10px 4px 80px; margin: 10px 0;}
h3 {font-family: 'bankgothic'; font-size:18px; font-weight:normal; color:#FFFFFF; background:#235186 url(../images/pics02.png) top left no-repeat; padding: 6px 10px 8px 62px; margin:0 0 10px 0;}
.titre-pics {font-family: 'bankgothic'; font-size:28px; font-weight:normal; color:#FFFFFF; background:#235186 url(../images/pics01.png) top left no-repeat; padding: 4px 10px 4px 80px; margin: 10px 0;}
.titre-pics1 {font-family: 'bankgothic'; font-size:24px; font-weight:normal; color:#FFFFFF; background:#235186 url(../images/pics01.png) top left no-repeat; padding: 4px 10px 4px 80px; margin: 10px 0;}
.titre-pics2 {font-family: 'bankgothic'; font-size:18px; font-weight:normal; color:#FFFFFF; background:#235186 url(../images/pics02.png) top left no-repeat; padding: 4px 10px 4px 62px; margin: 10px 0;}

.blog h2 {font-family: 'bankgothic'; font-size:28px; font-weight:normal; color:#235186;  padding: 4px 10px 4px 80px; background: url(../images/pics03.png) top left no-repeat; margin: 10px 0; }

.titre-flash {font-family: 'angerpoise'; font-size:30px; font-weight:normal; color:#FFFFFF; background:#ff6600; padding:0 0 5px 0; margin: 0 0; text-align:center;}

.texte-orange {color:#ff6600;}
.texte-jaune {color:#ffba00;}
.texte-bleu {color:#235186;}
.texte-ciel {color:#35aaf2;}

.texte-bleu16 {color:#235186; font-size:16px;}

.texte-bleuB {color:#235186; font-size:18px; padding:5px 5px; background-color:#fff;}

.trait-orange {border-bottom: solid 1px #ff6600; width:100%; height:1px;}

.img-survol {border-top: solid 1px #5281b8; border-bottom: solid 1px #5281b8;}
.img-survol:hover {background-color:#5281b8; cursor:pointer; }

.img-no-bord {border:none;}

.img100 {max-width:877px; width:100%; height:auto;}


.clear {clear:both;}


@font-face {
    font-family: 'bankgothic';
    src: url('tt0589m.eot');
    src: url('tt0589m.eot?#iefix') format('embedded-opentype'),
         url('tt0589m.woff') format('woff'),
         url('tt0589m.ttf') format('truetype'),
         url('tt0589m.svg#bankgothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'angerpoise';
    src: url('angerpoise-lampshade.eot');
    src: url('angerpoise-lampshade.eot?#iefix') format('embedded-opentype'),
         url('angerpoise-lampshade.woff2') format('woff2'),
         url('angerpoise-lampshade.woff') format('woff'),
         url('angerpoise-lampshade.ttf') format('truetype'),
         url('angerpoise-lampshade.svg#angerpoise') format('svg');
    font-weight: normal;
    font-style: normal;
}

li.edit-icon {background: url(../images/crayon.jpg) top left no-repeat; padding: 0 0 10px 30px;}

.chzn-container { width:100px;}

@media screen and (max-width: 950px) {
.moduletable-gauche {	display: none;}
#bas {	border-bottom: none;}
}

@media screen and (max-width: 600px) {
img { width:100%; height:auto;}
.sticker { width:150px; height:150px;}

#contenus {min-width:inherit;}
}