/*
Theme Name: ancre
Theme URI: http://www.ancrecn.fr/
Description: Theme du site du club nautique de l'A.N.C.R.E
Version: 1.0
Author: JC, PO
Author URI: http://www.in-wee.fr/
Tags: blue, full-width, simple

    ancre

http://www.ancrecn.fr/

*/
@import url('../twentyfourteen/style.css');

/* FONT-FACE-------------------------------------------------- */


/* FONT-FACE-------------------------------------------------- */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica_neue47LtCn';
    src: url('helveticaneue-lightcond-webfont.eot');
    src: url('fonts/helvetica/helveticaneue-lightcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica/helveticaneue-lightcond-webfont.woff') format('woff'),
         url('fonts/helvetica/helveticaneue-lightcond-webfont.ttf') format('truetype'),
         url('fonts/helvetica/helveticaneue-lightcond-webfont.svg#helvetica_neue47LtCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/helveticaneue/helveticaneue-extblackcond-webfont.eot');
    src: url('fonts/helveticaneue/helveticaneue-extblackcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue/helveticaneue-extblackcond-webfont.woff') format('woff'),
         url('fonts/helveticaneue/helveticaneue-extblackcond-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue/helveticaneue-extblackcond-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('fonts/glyphicons-halflings-regular.eot');
	src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/glyphicons-halflings-regular.woff') format('woff'), 
		 url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
		 url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

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

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

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/open_sans/opensans-italic-webfont.eot');
    src: url('fonts/open_sans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-italic-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/open_sans/opensans-light-webfont.eot');
    src: url('fonts/open_sans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-light-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/open_sans/opensans-lightitalic-webfont.eot');
    src: url('fonts/open_sans/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/open_sans/opensans-bolditalic-webfont.eot');
    src: url('fonts/open_sans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/open_sans/opensans-extrabold-webfont.eot');
    src: url('fonts/open_sans/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('fonts/open_sans/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/open_sans/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/open_sans/opensans-bold-webfont.eot');
    src: url('fonts/open_sans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-bold-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/open_sans/opensans-regular-webfont.eot');
    src: url('fonts/open_sans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-regular-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/open_sans/opensans-semibold-webfont.eot');
    src: url('fonts/open_sans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/open_sans/opensans-semibolditalic-webfont.eot');
    src: url('fonts/open_sans/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/open_sans/opensans-italic-webfont.eot');
    src: url('fonts/open_sans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-italic-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/open_sans/opensans-light-webfont.eot');
    src: url('fonts/open_sans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-light-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/open_sans/opensans-lightitalic-webfont.eot');
    src: url('fonts/open_sans/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open_sans/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/open_sans/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/open_sans/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ----------------------------------------------------------- */

body {
    background-color : #FFFFFF;
}

a {
    color: #0099CC;
}
a:hover, a:active {
	color: #0099CC;
}

ul, ol {margin-left: 20px;color:#808080;font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-style: normal;
    font-weight: normal;line-height: 1;font-size:0.9em;}

/* HEADER
-------------------------------------------------- */

header{margin: 0 auto;position: relative;width: 990px;}
header:before{background: none repeat scroll 0 0 #0099CC;height: 60px;z-index: 1;width:50%;}
div#wrapperGeneral {min-height: 100%;margin:auto;}
div#logo a{ height: 60px;background: url("img/logo.png") no-repeat scroll 0 0 #0099CC;display: block;padding-left: 0px;position: absolute;
    top: 0;width: 160px;z-index: 7;
}

/* MENU
-------------------------------------------------- */

.ha-header {
	position: fixed;
	left: 0;
	width: 100%;
	padding: 0;
	z-index: 50;
}

nav#topMenu {display: inline-block; height: 72px; margin: 0 auto;padding-left: 150px; position: absolute;z-index: 6; float:left;}
.sf-menu, .sf-menu * {color: #FFFFFF; font-family: 'open_sansregular', Helvetica, Arial, sans-serif;font-weight: 5; text-transform: uppercase; font-size:15px;
	list-style: none outside none;margin: 0;padding: 0;}
.sf-menu {
	background: #0099CC; /* IE */
	background: -moz-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, right, color-stop(0%,#0099CC), color-stop(100%,#26a9d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* W3C */
    float: left;height: 60px;line-height: 1;padding: 20px 40px 0 34px;margin-right: -50px;}
.sf-menu ul {box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);position: absolute;top: -999em;width: 11em;z-index:10;}
.sf-menu li {float: left;margin-right: 6px;padding-bottom: 20px;position: relative;}
.sf-menu li:hover {visibility: inherit;}
.sf-menu ul li {width: 100%;}
.sf-menu li + li {padding-left: 10px;}
.sf-menu li:hover ul {left: 0;top: 24px;z-index: 99;}
.sf-menu a {display: block;position: relative;text-decoration: none;}
.sf-menu a, 
.sf-menu a:visited {color: #FFFFFF;text-decoration: none;}
.sf-menu a:hover {color: #040920;}
.sf-menu li li {background: none repeat scroll 0 0 #0099CC;padding: 10px;transition: all 0.2s ease-in 0s;}
.sf-menu li li:hover {background: none repeat scroll 0 0 #fff;}
.sf-menu li li:active, 
.sf-menu li li a:active, 
.sf-menu li a:active, 
.sf-menu li:active{color: #62bbcb;}
.sf-menu li:hover, 
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active {outline: 0 none;}
ul.sf-menu li:hover li ul, 
ul.sf-menu li li:hover li ul{top: -999em;}
ul.sf-menu li li:hover ul{left: 10em;top: 0;}

.jonction{position:absolute;z-index:9;width:49px;height:60px;float:left;margin-left:-15px;z-index:8px;margin-top: 0px;}
.jonction_2{position:absolute;z-index:7;width:49px;height:60px;float:left;margin-left:63px;z-index:8px;margin-top: 0px;}

/* RECHERCHER
-------------------------------------------------- */

.sb-search {
    right:0;
	margin-right: -64px;
	position: absolute;
	margin-top: 0px;
	width: 0%;
	min-width: 30px;
	height: 60px;
	float: left;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	z-index:11;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 350px;
	height: 60px;
	margin: 0;
	z-index: 10;
	padding: 15px 65px 15px 40px;
	font-family: inherit;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
	font-family: 'open_sansregular',Calibri,Arial,sans-serif;
    font-size: 1.2em;
    line-height: 1.5;
	color:#808080;
}


.sb-search-input::-webkit-input-placeholder,
.sb-search-input:-moz-placeholder,
.sb-search-input::-moz-placeholder,
.sb-search-input:-ms-input-placeholder {color: #0099CC;}

.sb-icon-search,
.sb-search-submit  {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: 8;
}

.sb-icon-search {
	padding: 0 0 0 25px;
	color: #0099CC;
	background: #fff;
	z-index: 90;
	font-size: 22px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}
	
.sb-icon-search:before {
	content: "\e000";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #fff;
	color: #0099CC;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

/* DIAPORAMA
-------------------------------------------------- */

/* HEADER */

#header { 
	height:400px; 
	min-width:100%;
	overflow : hidden;
}

#header_page { 
	min-width:100%;
	height:350px; 
	overflow : hidden;

}

.header_image {
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	height:350px;
	min-height:350px;
	margin: auto;
	position: inherit;
}

#header_pages {
	background:url(img/actualites_header.jpg) no-repeat center center;
}

#header_article, #header_pratiquer {
	background:url(img/exemple_article_header.jpg) no-repeat center center;
}

#header_calendrier{
	background:url(img/calendrier_header.jpg) no-repeat center center;
}

#header_regater {
	background:url(img/img03.jpg) no-repeat center center;
}

#header_pratiquer {
	background:url(img/img02.jpg) no-repeat center center;
}

#header_club {
	background:url(img/img01.jpg) no-repeat center center;
}

#header_handicap {
	background:url(img/img04.jpg) no-repeat center center;
}
#header_photo{
	background:url(img/photo_header.jpg) no-repeat center center;
}

#header_evenement-photo{
	background:url(img/evenement_photo_header.jpg) no-repeat center center;
}

#Contact .header{
	background:url(img/contact_header.jpg) no-repeat center center;
}

.header{
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	height:350px;
	min-height:350px;
	margin: auto;
	position: inherit;
}

.texture{
	width:100%; 
	min-width:100%;
	height:400px;
	max-height:400px;
	min-height:400px;
	position:absolute; 
	margin: auto;
	overflow : hidden;
	background-position:top center;
	z-index:2;
}

.headerimg { 
	width:100%; 
	height:400px; 
	position:absolute; 
	margin: auto;
	overflow : hidden;
	background-position:center center;
	z-index:1;
}

/* HEADER TEXT */
#headertxt { 
	width:960px; 
	margin:0 auto; 
	clear:both; 
	position:relative; 
	top:100px; 
	z-index:3;
}

#firstline {
	background:#26a9d5;
	background: -moz-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, right, color-stop(0%,#0099CC), color-stop(100%,#26a9d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* W3C */
	color:#fff; 
	font-family:'open_sanssemibold';
	font-size:30px; 
	padding:4px 13px 7px; 
	float:left;
	text-transform: uppercase;
	text-decoration:none; 
    transition: all 0.2s ease-in 0s;
}

#secondline { 
	background-image:url("img/textbg.png");
	color:#040920;
	font-family:'helvetica_neue47LtCn';
	font-size:25px; 
	padding:0 13px 10px; 
	float:left; 
	display:block; 
	clear:both; 
}

#firstline:hover {
	background: #4ec0e6;
	background: -moz-linear-gradient(left, #21aedd 0%, #4ec0e6 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, right, color-stop(0%,#21aedd), color-stop(99%,#4ec0e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #21aedd 0%, #4ec0e6 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #21aedd 0%, #4ec0e6 99%); /* Opera 11.10+ */
	background: linear-gradient(left, #21aedd 0%, #4ec0e6 99%); /* W3C */
	text-decoration:none;
	color:#fff; 
}

/* CONTROLS */
.btn { 
	height:49px; 
	width:34px; 
	float:left; 
	cursor:pointer; 
	top:30px;
}

#back { 
	background-image:url("img/btn_back.png"); 
	position:absolute;
	left:0%;
	z-index:4;
}
	
#next { 
	background-image:url("img/btn_next.png"); 
	position:absolute;
	left:45%;
	z-index:4;
}
	
/* HEADER HAVIGATION */
#headernav-outer { 
	position:relative; 
	top:300px; 
	margin:0 auto; 
	width:960px; 
}

#headernav { 
	padding-left:864px; 
}

/* CONTENT */
#content { 
	color:#575757; 
	background-color:#eee; 
}

#content p { 
	padding:10px 20px; 
	font-size:16px; 
	width:960px; 
	margin:0 auto;
}

#content p a { 
	text-decoration:none; 
	color:#CD2B3A; 
}

#content p a:hover { 
	text-decoration:underline; 
	color:#7F000C; 
}

/* RESEAUX SOCIAUX HEADER
-------------------------------------------------- */

.btn_so{
	position:relative;
	z-index:22;
	margin-top:-66px;
	margin-left:50%;
	height:66px;
	width:50%;
	overflow:hidden;
	float:left;
	max-width:100%
}

.bord{
	position: relative;
	margin:0 auto 0 auto;
	padding:0;
	float:left;
	height:66px;
	width:55px;
	max-width:100%

}

.group_btn{
	z-index:22;
	float:left;
	height:auto;
	margin-top:0px;
	margin-left:0px;
	width:auto;
	background:#fff;
	max-width:100%
}

#groupe_1, #groupe_2{
	float:left;
}

.btn_sociaux, .btn_widget{
	height:53px;
	width:52px;
	float:left;
	margin:11px 5px 12px 5px;
	cursor:pointer; 
}

#twitter{ background-image:url("img/twitter.png"); }
#twitter:hover{ background-image:url("img/twitter_hover.png"); }

#facebook{
	background-image:url("img/facebook.png");
}

#facebook:hover{
	background-image:url("img/facebook_hover.png");
}

#rss{
	background-image:url("img/rss.png"); 
}

#rss:hover{
	background-image:url("img/rss_hover.png"); 
}

#newsletters{
	background-image:url("img/newsletter.png"); 
}

#newsletters:hover{
	background-image:url("img/newsletter_hover.png"); 
}

#calendar{
	background-image:url("img/calendar.png"); 
}

#calendar:hover{
	background-image:url("img/calendar_hover.png"); 
}

#meteo{
	background-image:url("img/meteo.png"); 
}

#meteo:hover{
	background-image:url("img/meteo_hover.png"); 
}

#raccordMenu2{
	background: none repeat scroll 0 0 #fff;
	height: 66px;
	margin-left:421px;
	width:auto;
	margin-top:-76px;
	float:left;
	z-index:18;
	width:100%;
}

/* Titre pages
-------------------------------------------------- */

.raccordtitre{
	background: -moz-linear-gradient(left, #0099CC 0%, #26a9d5 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, right, color-stop(0%,#0099CC), color-stop(80%,#26a9d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0099CC 0%, #26a9d5 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0099CC 0%, #26a9d5 80%); /* Opera 11.10+ */
	background: linear-gradient(left, #0099CC 0%, #26a9d5 80%); /* W3C */
	height: 45px;
	position: absolute;
	z-index: 2;
	width:100%;
	right:70%;
	margin-top:-22px ;
	float:left;
}

.titre_pages h1{
	position: absolute;
	z-index: 2;
	margin-top:-22px;
	font-family:'open_sanssemibold';
	text-transform: uppercase;
	font-size:24px;
	margin-top: -22px !important;
	margin-bottom:10px;
	margin-left:15px;
	color:#fff;
	padding:6px 15px 5px 10px;
	position:relative;
	letter-spacing:1px;
	font-weight: 100; 
	display:block;
	float:left;
	background: none repeat scroll 0 0 #26a9d5;
	}



/* BODY
-------------------------------------------------- */

.body{
	width:auto;
	margin:auto;
	height:auto;
	max-width: 62.5em;
}

/* DERNIERES ACTUS
-------------------------------------------------- */
.gallery-item, .wp-caption.alignleft {
	float:left;
}
.wp-caption.alignright {
	float:right;
}

.dernieres_actus{
	margin: 10px auto 10px auto;
	padding-top: 15px;
	height:auto;
}

.home span.image {
	height:190px;
	vertical-align:middle;
}

.dernieres_actus img, .home span.image img{
	 border: 2px solid #cacaca;
}

.dernieres_actus h1{
	font-family:'open_sanssemibold';
	text-transform: uppercase;
	font-size:24px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:15px;
	color:#fff;
	padding:5px 0 5px 10px;
	position:relative;
	letter-spacing:1px;
	font-weight: 100; 
}

.titre_home{
	margin:auto;
	height:100%;
	max-width: 62.5em;
	padding: 0 0 10px 05px;
}

.dernieres_actus h1:before{
	background: -moz-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, right, color-stop(0%,#0099CC), color-stop(100%,#26a9d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* W3C */
	content: " "; 
	width:330px; 
	height:45px; 
	position:absolute;
	max-width: 62.5em;
	z-index:-1; 
	padding:0 0 15px 0;
	margin-left:-15px;
	margin-top:-5px;
	-webkit-transform:skew(30deg);
	-moz-transform:skew(30deg);
	-o-transform:skew(30deg);
	tranform:skew(30deg);
}

.large-8 .titre_home h1{
	font-family:'open_sanssemibold';
	text-transform: uppercase;
	font-size:24px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:15px;
	color:#fff;
	padding:5px 0 5px 10px;
	position:relative;
	letter-spacing:1px;
	font-weight: 100; 
}

.large-8 .titre_home{
	margin:auto;
	height:100%;
	max-width: 62.5em;
	padding: 0 0 10px 05px;
}

.large-8 .titre_home h1:before{
	background: -moz-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, right, color-stop(0%,#0099CC), color-stop(100%,#26a9d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* W3C */
	content: " "; 
	 width:350px; 
	 height:45px; 
	 position:absolute;
	 max-width: 62.5em;
	 z-index:-1; 
	 padding:0 0 15px 0;
	 margin-left:-15px;
	 margin-top:-5px;
	 -webkit-transform:skew(30deg);
	-moz-transform:skew(30deg);
	-o-transform:skew(30deg);
	tranform:skew(30deg);
}

#wrapperGeneral .body h4{
	font-family:'helvetica';
	font-weight: normal; 
	color:#434343;
	line-height:1em;
	font-size:22px;
	font-style: normal;
}
#wrapperGeneral .body p{color:#808080;font-family:arial, helvetica;font-size:14px;line-height:1.4em;margin: auto 0 10px 0;}

/* BOUTONS
-------------------------------------------------- */
.ligne.excerpt a {
	float:left;
}
.ligne .excerpt br {
	display:none;
}
.ligne.excerpt a, .button3 {
	padding: 10px 15px;
	margin-bottom:35px;
	margin-top:5px;
}

.ligne .excerpt a:link, 
.button3:link {
	background:#FFBF05;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE29504', endColorstr='#FFFFFFFF', GradientType=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E29504', endColorstr='#FFBF05')"; /* IE8 *
	background: -moz-linear-gradient(left, #E29504 0%,  #FFBF05 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#E29504), color-stop(99%,#FFBF05)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #E29504 0%, #FFBF05 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #E29504 0%, #FFBF05 99%); /* Opera 11.10+ */
	background: linear-gradient(left, #E29504 0%, #FFBF05 99%); /* W3C */
	background: filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#E29504', endColorstr='#FFBF05', GradientType=1);
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #BF9115;
	-webkit-box-shadow: 0px 3px 0px 0px #BF9115;
	box-shadow: 0px 3px 0px 0px #BF9115;
	text-align: center;
	font-family: 'open_sansregular', sans-serif;
	font-size: 0.8em;
	line-height:1.2em;
	color: #FFFFFF;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	vertical-align: middle;
	z-index: auto;
}
	
.ligne .excerpt a:visited, .button3:visited{
	padding: 10px 15px;
	background:#FFBF05;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE29504', endColorstr='#FFFFBF05', GradientType=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E29504', endColorstr='#E29504')"; /* IE8 *
	background: -moz-linear-gradient(left, #E29504 0%, #E29504 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#E29504), color-stop(99%,#FFBF05)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #E29504 0%, #FFBF05 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #E29504 0%, #FFBF05 99%); /* Opera 11.10+ */
	background: linear-gradient(left, #E29504 0%, #FFBF05 99%); /* W3C */
	-moz-box-shadow: 0px 3px 0px 0px #91600B;
	-webkit-box-shadow: 0px 3px 0px 0px #91600B;
	box-shadow: 0px 3px 0px 0px #91600B;
	color: #9B6501;
}

.ligne .excerpt a:hover, .button3:hover {
	background:#FFD352;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFBF05', endColorstr='#FFFFD352', GradientType=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFBF05', endColorstr='#FFD352')"; /* IE8 */
	background: -moz-linear-gradient(left, #FFBF05 0%, #FFD352 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#FFBF05), color-stop(100%,#FFD352)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #FFBF05 0%, #FFD352 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #FFBF05 0%, #FFD352 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #FFBF05 0%, #FFD352 100%); /* W3C */
	-moz-box-shadow: 0px 3px 0px 0px #9B6501;
	-webkit-box-shadow: 0px 3px 0px 0px #9B6501;
	box-shadow: 0px 3px 0px 0px #9B6501;
	color: #9B6501;
}
	
.ligne .excerpt a:active, .button3:active {
	color: #000;
	background:#E29504;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC98104', endColorstr='#FFE29504', GradientType=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C98104', endColorstr='#E29504')"; /* IE8 */
	background: -moz-linear-gradient(left, #C98104 0%, #E29504 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#C98104), color-stop(100%,#E29504)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #C98104 0%,, #E29504 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #C98104 0%, #E29504 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #C98104 0%, #E29504 100%); /* W3C */
	-moz-box-shadow: 0px 3px 0px 0px #603E00;
	-webkit-box-shadow: 0px 3px 0px 0px #603E00;
	box-shadow: 0px 3px 0px 0px #603E00;
}


.button4 {height: 0;}
.button4 input[type=submit], .button.submit {
	position:absolute;
	left:25%;
	height: 35px;
	width:50%;
	border: 0px solid #62bbcb;
	padding: 7px 15px;
	background:#cc0000;
	background: -moz-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#a40000),color-stop(50%,#cc0000), color-stop(100%,#ef2929)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #8a0000;
	-webkit-box-shadow: 0px 3px 0px 0px #8a0000;
	box-shadow: 0px 3px 0px 0px #8a0000;
	text-align: center;
	color: #fff;
	display:inline-block;
	vertical-align:center;
	margin-left: auto;
	margin-right: auto;
	font-family: 'open_sansregular', sans-serif;
	font-size: 15px;
	color: #ffffff;
	cursor: pointer;
	text-transform: uppercase;
}

.button4 input[type=submit]:link, .button.submit:link {
	background:#a40000;
	background: -moz-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#a40000),color-stop(50%,#cc0000), color-stop(100%,#ef2929)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* W3C */
	text-align: center;

}
	
.button4 input[type=submit]:visited, .button.submit:visited {
	background:#af0917;
	background: -moz-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#9d0d15),color-stop(50%,#af0917), color-stop(99%,#af0917)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Opera 11.10+ */
	background: linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* W3C */
	color: #ffffff;
}

.button4 input[type=submit]:hover, .button.submit:hover {
	background:#9d0d15;
	background: -moz-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#9d0d15),color-stop(50%,#af0917), color-stop(99%,#af0917)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Opera 11.10+ */
	background: linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* W3C */
	-moz-box-shadow: 0px 3px 0px 0px #700000;
	-webkit-box-shadow: 0px 3px 0px 0px #700000;
	box-shadow: 0px 3px 0px 0px #700000;
	color: #ffd9d9;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
	
.button4 input[type=submit]:active, .button.submit:active {
	color: #000;
	background:#6f0e0f;
	background: -moz-linear-gradient(left, #6f0e0f 0%, #cc0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#6f0e0f), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #6f0e0f 0%,, #cc0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #6f0e0f 0%, #cc0000 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #6f0e0f 0%, #cc0000 100%); /* W3C */
	-moz-box-shadow: 0px 3px 0px 0px #000000;
	-webkit-box-shadow: 0px 3px 0px 0px #000000;
	box-shadow: 0px 3px 0px 0px #000000;
	width:50%;
}
.button-primary {
	left:0;

	}

::selection {
	background: #0099CC;
}

::-moz-selection {
	background: #0099CC;
}


/* BLOC 2
-------------------------------------------------- */

.bloc2{
	margin:40px auto;
}


/* CONTACTEZ-NOUS
-------------------------------------------------- */

.large-4 .titre_home h1{
	font-family:'open_sanssemibold';
	text-transform: uppercase;
	font-size:24px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:15px;
	color:#fff;
	padding:5px 0 5px 10px;
	position:relative;
	letter-spacing:1px;
	font-weight: 100; 
}

.large-4 .titre_home{
	margin:auto;
	height:100%;
	max-width: 62.5em;
	padding: 0 0 10px 05px;
}

.large-4 .titre_home h1:before{
	background:#0099CC;
	background: -moz-linear-gradient(top, #0099CC 0%, #26a9d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, right, color-stop(0%,#0099CC), color-stop(100%,#26a9d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* W3C */
	content: " "; 
	width:260px; 
	height:45px; 
	position:absolute;
	max-width: 62.5em;
	z-index:-1; 
	padding:0 0 15px 0;
	margin-left:-15px;
	margin-top:-5px;
	-webkit-transform:skew(30deg);
	-moz-transform:skew(30deg);
	-o-transform:skew(30deg);
	tranform:skew(30deg);
}

.forminput input, 
 textarea.forminput{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #0099CC;
    display: block;
    font-family: 'open_sansregular',Calibri,Arial,sans-serif;
    font-size: 1.2em;
    line-height: 1.5;
    padding: 5px 10px;
	height: auto;
	width:100%;
    max-width: 100%;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	border: 2px solid #0099CC;
}

.forminput input:hover, 
.large-4 textarea:hover, 
.forminput input:focus, 
.large-4 textarea:focus, 
.forminput input:active, 
.large-4 textarea:active {
    border: 2px solid #62bbcb;
    outline: medium none;
}

.large-4 textarea{
	min-height: 210px;
}

.large-4 form {
    position: relative;
	width:100%;
}

.large-4 form:before, .large-4 form:after {
    content: " ";
    display: table;
}

.large-4 form:after {
    clear: both;
}

span.wpcf7-not-valid-tip {
	border:none;
	color:#FF0000;
	font-family: 'open_sansregular', sans-serif;
}
div.wpcf7-validation-errors {
	border:none;
	color:#99B;
	font-family: 'open_sansregular', sans-serif;
	font-weight:200;
	font-size:0.9em;
	font-style:italic;
}
div.wpcf7-response-output {
	margin-top:3em;
	font-family: 'open_sansregular', sans-serif;
}

/* PROCHAINS EVENEMENTS
-------------------------------------------------- */
	
.evenements{
	margin:0px 0 15px 0;
	width:100%;
}
.evenements ul, .evenements li{
	list-style-type: none;
	margin:0;
	
}
.evenements>ul{
	height:300px;
	overflow:hidden;
}
.evenements h2 {
	margin-bottom:0.1em;
	background:url(img/puce.png) 0px 13px no-repeat;
	padding-top:10px;
	padding-left:20px;
	font-family:helevtica, arial;
	color:#434343;
	font-size:18px;
	font-weight: 400; 
	line-height: 1;
}

.evenements h2:hover{
	color:#62bbcb;
}

.impaire{
	background:#d9e9f2;
	padding:0 10px 10px 10px;
}

.paire{
	background:#fff;
	padding:0 10px 10px 10px;
}
.evenements>ul>li {
	display:block;
}
.evenements>ul>li:nth-child(odd) {
	background:#d9e9f2;
	padding:0 10px 10px 10px;
}

.evenements>ul>li:nth-child(even) {
	background:#fff;
	padding:0 10px 10px 10px;
}

#wrapperGeneral .evenements .date{
	color:#617199;
	font-family:arial, helevtica;
	font-size:13px;
	line-height: 1.3;
	padding:0;
	margin:0;
}

#wrapperGeneral .evenements .descriptif{
	color:#808080;
	font-family:arial, helevtica;
	font-size:13px;
	line-height: 1.3;
	padding:0;
	margin:0;
}
/*------------- Bouton Up & Down de la liste d'events--------------------*/
.up_down{background:#bfd5e1;padding:0 10px 5px 10px;height:35px;width:100%;}
.up_down p, 
.up_down a{ float:left; }
#wrapperGeneral .up_down p {margin:6px 0 0 8px;color:#FFF;}
.up, .down {float:left;background: url("img/up-down.png") no-repeat;width:13px;height:8px;content:""; display:block;
padding:auto;cursor:pointer;margin:12px 0 0 8px;overflow:hidden;}
.up{ background-position:-15px 0;}
.up:hover{background-position:-15px -10px; }
.down{margin-left:8px; background-position:0px 0px;}
.down:hover{ background-position:0px -10px;}
/*------------- Bloc images partenaires--------------------*/
.partenaires{position:absolute;z-index:45;left:45%;margin-top:-10px;}
.partenaires {border:none;}
.partenaires img {padding-right:20px;}

/* ACTUALITES
-------------------------------------------------- */

.titre{
	float:none;
}

.une{
	border: 6px solid #cacaca;
	margin: 0 0 15px 0;
}

.une:hover{
	opacity: 0.8;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.bloc p{
	margin-bottom:20px !important;
}

.auteur{
	font-size:13px !important;
	line-height: 0.3 !important;
}

.dates{
	color:#168cbe;
}

.nom{
	color:#168cbe;
}


.bloc .button3{
	margin:5px 0 15px 0;
}

.bloc hr{
	margin-bottom:0;
}

/* PAGE
-------------------------------------------------- */
body {
	position:static !important;
}
/*TODO : change .page to .pagination*/
.pagination{
	height:26px;
	margin:10px 0 30px 0;
}

.entry-thumbnail {
	margin: 0px 0px 20px;
}

.btn_page{
	height:26px;
	width:26px;
	margin:10px 10px 10px 0;
	background:url("img/page_fond.gif") no-repeat scroll;
	float:left;
	font-family: 'open_sansregular',Calibri,Arial,sans-serif;
    font-size: 1em;
    line-height: 1.5;
	text-align:center;
	color:#fff;
	list-style-type:none;
}


.btn_page:hover{
	background:url("img/page_fond_hover.gif") no-repeat scroll;
}

.premiere_page{
	background:url("img/premiere_page.gif") no-repeat scroll !important;
}

.premiere_page:hover{
	background:url("img/premiere_page_hover.gif") no-repeat scroll !important;
}

.prec_page{
	background:url("img/prec_page.gif") no-repeat scroll !important;
}

.prec_page:hover{
	background:url("img/prec_page_hover.gif") no-repeat scroll !important;
}

.suiv_page{
	background:url("img/suiv_page.gif") no-repeat scroll !important;
}

.suiv_page:hover{
	background:url("img/suiv_page_hover.gif") no-repeat scroll !important;
}

.der_page{
	background:url("img/der_page.gif") no-repeat scroll !important;
}

.der_page:hover{
	background:url("img/der_page_hover.gif") no-repeat scroll !important;
}

/* COLONE WIDGET
-------------------------------------------------- */
.sidebar-container {
	width:100%;
}
.widget{
	background-color:#e2f1f6 !important;
/*	margin-top:-33px;*/
	top:-33px;
}
.widget li, .widget ul{
	list-style-type: none;
}

.widget input, .widget textarea {
    background-color: rgba(255, 255, 255, 0.7);
    border-color: rgba(127, 127, 127, 0.5);
    color: #888;
    font-size: 16px;
    padding: 4px 4px;
    margin-left:5px;
}
	
.widget_espace{
	height:33px;
}

aside.widget {
	margin:0 0 10px 0;
	height:100%;
	display:inline-block;
}

h3.widget-title {
	font-family:'open_sanssemibold';
	font-size:22px;
	color:#0099cc;
	letter-spacing:1px; 
	padding-top:25px;
	font-weight:100;
}

.cat-item{
	float:left;
	background-color:#0099cc;
	padding:5px;
	margin:5px 5px 5px 0;
}

.cat-item:hover{
	background-color:#fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.cat-item a{
	color:#fff;
	font-family:'open_sansregular';
	font-size:15px;
	letter-spacing:1px;
	font-weight:100px;
}

.cat-item a:hover{
	color:#0099cc;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.widget_recent_entries a{
	background: url("img/puce_2.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
	padding-left:20px;
	color:#0099cc;
	font-family:'open_sansregular';
	font-size:15px;
	letter-spacing:1px;
	font-weight:100px;
	line-height: 1.3;
}

.widget_recent_entries a:hover{
	background: url("img/puce_2.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
	padding-left:20px;
	color:#62bbcb;
	font-family:'open_sansregular';
	font-size:15px;
	letter-spacing:1px;
	font-weight:100px;
}

aside hr{
	background-color:#bedce6 !important;
	color:#bedce6 !important;
	border:none !important;
	height: 1px;
	margin:15px 0 !important;
	width:100% !important;
}

aside img{
	width:100%;
	height:100%;
}

tagcloud.a {
	
}

.widget_fin{
	background:#e2f1f6;
	background: -moz-linear-gradient(top, #e2f1f6 0%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, top, bottom, color-stop(0%,#e2f1f6), color-stop(100%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e2f1f6 0%, #fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e2f1f6 0%, #fff 100%); /* Opera 11.10+ */
	background: linear-gradient(top, #e2f1f6 0%, #fff 100%); /* W3C */
	height:262px;
	width:100%;
}

/* ARTICLE
-------------------------------------------------- */

.entry-header{
	margin-top:25px;
}
.titre h1, .entry-header h1{
	font-family:'open_sanssemibold';
	font-size:27px;
	color:#0099cc;
	position:relative;
	letter-spacing:1px;
	font-weight: 300; 
}

.entry-title a {
    color: #0099cc;
}

.titre a h1:hover,  .entry-header a h1:hover, .entry-title a:hover {
	color:#62bbcb;
}

.large-9 {
    margin: 10px auto;
}

.articles h1{
	font-family:'open_sanssemibold';
	font-size:22px;
	color:#0099cc;
	letter-spacing:1px; 
	font-weight:100;
}

.image{
	float:left;
	margin:10px 10px 10px 0;
}

.image img{
	border: 4px solid #cacaca;
}

.legende{
	font-size:12px !important;
	padding-top:5px;
	color:#0099CC !important;
}

/* CALENDRIER
-------------------------------------------------- */

.tableau{
	width:100%;
}

.tableau ul, .tableau li  {
	list-style: none outside none;
    margin-left: 0;
}

.entete{
	background-color:#0099cc;
	color:#fff;
	font-family: 'open_sansregular',Calibri,Arial,sans-serif;
	vertical-align:middle;
	font-size:18px;
	margin-bottom:15px;
	text-align:center;
	height:60px;
	min-width:470px;
}

.ligne{
	background-color:#fff;
	color:#434343;
	font-family: 'open_sansregular',Calibri,Arial,sans-serif;
	vertical-align:middle;
	margin-bottom:5px;
	text-align:center;
	min-width:470px;
	font-size: 1em;
}

.tableau .ligne, .tableau .ligne > div, .tableau .entete > div {
	height:70px;
}

.tableau .ligne > div {
	background-color:#d9e9f2;
}

.tableau .ligne > div, .tableau .entete > div {
	padding:10px 5px;
	float:left;
	border-left:1px solid #fff;
	height:60px;
}

.date_calendrier{ width:12.5%;}
.regate{ width:25%;}
.grade{ width:12.5%;}
.avis{width:16.6666%;}
.clt_journee{width:16.6666%;}
.clt_general{width:16.6666%;}

.tableau .ligne > div.vide{background-color:#fff;}
.ligne .excerpt {text-align:left;font-size:0.7em;}
.ligne .excerpt a{margin:0 4%;width:25%;}
.excerpt {width:49.999%;padding:10px 5px;float:left;border-left:1px solid #fff;height:60px;}
.excerpt_vide {
	background-color:#fff;
	width:49.999%;
	padding:10px 5px;
	float:left;
	border-left:1px solid #fff;
	height:60px;
}

.em-calnav {
	color:#fff;
}

/* MEDIATHEQUE
-------------------------------------------------- */

.large-12 .titre{
	float:none;
}

article {
	border-bottom : 1px solid #AAA;
}
#mediatheque .hentry {
	margin : 0 auto 20px;
    max-width: 100%;
}

#mediatheque .entry-header h1{
	padding-right:30px;
}
.entry-title{
	float:left;
}
.entry-header:after{
	clear:both;
}
[class*="column"] + [class*="column"]:last-child {
    float: left;
}
#mediatheque .entry-content .button3 {
	position: absolute;
    right: 20px;
    top: 20px;
}
.nb_photos{
	padding-top:3px;
	font-size:20px !important;
}

.nb{
	color:#0099CC;
	font-weight:bold;
}

.mediatheque_s img{
	padding:0 !important;
	border: 4px solid #cacaca;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
	margin:10px 0 30px 0;
}

.mediatheque_s:hover{
	opacity: 0.8;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.nb_photos_2{
	float: left;
	padding:0px 0 0 0px;
	font-size:17px !important;
}

/* CONTACT
-------------------------------------------------- */

.logo_bleu, #Contact .entry-content img{
	float: left;
}

.em-location-map-container {
	margin:0 auto;
	border: 4px solid #CACACA;
    border-radius: 15px 15px 15px 15px;
    margin: 10px 0 30px;
    min-height: 300px;
    padding: 0 !important;
    width: 100%;
}

.inscription{
	right:0;
    float: right;
    font-size: 12px !important;
}
.permanence{
	right:0;
    float: right;
	font-weight: 600 !important;
}

.contact{
	margin-left:10px !important;
	margin-top:-25px !important;;
}

.contact a{
	color:#fff !important;
}

.map{
	border: 4px solid #cacaca;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
	margin:10px 0 30px 0;
	padding:0 !important;
	min-height:300px;
	width:100%
}

#Contact .titre{
	float:none;
	margin-top:-10px !important;
}

#Contact form .name input,.form_contact .email input, #Contact form textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #0099CC;
    border-radius: 3px;
    color: #0099CC;
    display: block;
    font-family: 'open_sansregular',Calibri,Arial,sans-serif;
    font-size: 1.2em;
    height: auto;
    line-height: 1.5;
    max-width: 100%;
    padding: 5px 10px;
}

#Contact form .name input,
#Contact form .subject input,
#Contact form .email input {
	max-width:400px;
}

#Contact form textarea {
	max-width:700px;
	width:100%;
	min-height:300px;
	margin-bottom:20px;
}

#Contact form input:hover, 
#Contact form textarea:hover,
#Contact form input:focus, 
#Contact form textarea:focus, 
#Contact form input:active, 
#Contact form textarea:active {
    border: 2px solid #62bbcb;
    outline: medium none;
}

#Contact form:before, #Contact form:after {
    content: " ";
    display: table;
}

#Contact form:after {
    clear: both;
}

#Contact form .button4 input[type=submit] {
	position:absolute;
	width:200px;
	left:0;
	height: 35px;
	border: 0px solid #62bbcb;
	padding: 7px 15px;
	background:#a40000;
	background: -moz-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#a40000),color-stop(50%,#cc0000), color-stop(100%,#ef2929)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #8a0000;
	-webkit-box-shadow: 0px 3px 0px 0px #8a0000;
	box-shadow: 0px 3px 0px 0px #8a0000;
	text-align: center;
	color: #fff;
	display:inline-block;
	vertical-align:center;
	margin-left:13px !important;
	margin-right: auto;
	font-family: 'open_sansregular', sans-serif;
	font-size: 15px;
	color: #ffffff;
	cursor: pointer;
	text-transform: uppercase;
}

.button4 input[type=submit]:link {
	border: none;
	padding: 10px 15px;
	background:#a40000;
	background: -moz-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#a40000),color-stop(50%,#cc0000), color-stop(100%,#ef2929)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #8a0000;
	-webkit-box-shadow: 0px 3px 0px 0px #8a0000;
	box-shadow: 0px 3px 0px 0px #8a0000;
	text-align: center;

}
	
.button4 input[type=submit]:visited {
	border: none;
	padding: 10px 15px;
	background:#9d0d15;
	background: -moz-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#9d0d15),color-stop(50%,#af0917), color-stop(99%,#af0917)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Opera 11.10+ */
	background: linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #8a0000;
	-webkit-box-shadow: 0px 3px 0px 0px #8a0000;
	box-shadow: 0px 3px 0px 0px #8a0000;
	color: #ffffff;
	border: none;
}

.button4 input[type=submit]:hover {
	background:#9d0d15;
	background: -moz-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#9d0d15),color-stop(50%,#af0917), color-stop(99%,#af0917)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Opera 11.10+ */
	background: linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #700000;
	-webkit-box-shadow: 0px 3px 0px 0px #700000;
	box-shadow: 0px 3px 0px 0px #700000;
	color: #ffd9d9;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	border: none;
}
	
.button4 input[type=submit]:active {
	color: #000;
	background:#6f0e0f;
	background: -moz-linear-gradient(left, #6f0e0f 0%, #cc0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#6f0e0f), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #6f0e0f 0%,, #cc0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #6f0e0f 0%, #cc0000 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #6f0e0f 0%, #cc0000 100%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #000000;
	-webkit-box-shadow: 0px 3px 0px 0px #000000;
	box-shadow: 0px 3px 0px 0px #000000;
	border: none;
}



/* NEWSLETTERS
-------------------------------------------------- */

.popup{
	background:#0099CC;
	background: -moz-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, right, color-stop(0%,#0099CC), color-stop(100%,#26a9d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* W3C */
	height:200px;
	width:200px;
	display:none;
	position: absolute;
	height: 220px;
	width:320px;
	top:426px;
	z-index:101;
	left:700px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 12px #000;
	-webkit-box-shadow: 1px 1px 12px #000;
	box-shadow: 1px 1px 12px #000;
	margin-left: auto;
	margin-right: auto;
}

.popup h2{
	padding-top:20px;
	font-family:helevtica, arial;
	color:#fff;
	font-size:17px;
	font-weight: 200; 
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	margin-bottom:20px;
}

.newsletter-email,.popup input[type=text]{color: #4398bf;display: block;font-family: 'open_sansregular',Calibri,Arial,sans-serif;
    font-size: 1.12em;line-height: 1;padding: 10px 10px 10px 40px;
	width:300px;height:150px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;
    border: 2px solid #fff;margin-left: auto;margin-right: auto;margin-top:10px;margin-bottom:15px;display:block;}
.newsletter-email{background:url(img/sprite.png) 4px no-repeat #a7dcf4;height:auto;}

.popup input[type=submit]{
	left:25%;
	height: 35px;
	width:50%;
	border: 0px solid #62bbcb;
	padding: 5px 15px;
	background: #cc0000;
	background: -moz-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#a40000),color-stop(50%,#cc0000), color-stop(100%,#ef2929)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #8a0000;
	-webkit-box-shadow: 0px 3px 0px 0px #8a0000;
	box-shadow: 0px 3px 0px 0px #8a0000;
	text-align: center;
	color: #fff;
	display:inline-block;
	vertical-align:center;
	margin-left: auto;
	margin-right: auto;
	font-family: 'open_sansregular', sans-serif;
	font-size: 15px;
	color: #ffffff;
	cursor: pointer;
	text-transform: uppercase;
}

.popup input[type=submit]:link {
	border: none;
	background: -moz-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#a40000),color-stop(50%,#cc0000), color-stop(100%,#ef2929)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #8a0000;
	-webkit-box-shadow: 0px 3px 0px 0px #8a0000;
	box-shadow: 0px 3px 0px 0px #8a0000;
	text-align: center;
	color: #fff;
	display:block;
	vertical-align:center;
	margin-left: auto;
	margin-right: auto;
	font-family: 'open_sansregular', sans-serif;
	font-size: 15px;
	color: #ffffff;
	cursor: pointer;
	text-transform: uppercase;
	position: absolute;
}
	
.popup input[type=submit]:visited {
	border: none;
	background: -moz-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#9d0d15),color-stop(50%,#af0917), color-stop(99%,#af0917)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Opera 11.10+ */
	background: linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #8a0000;
	-webkit-box-shadow: 0px 3px 0px 0px #8a0000;
	box-shadow: 0px 3px 0px 0px #8a0000;
	color: #ffffff;
	border: none;
}

.popup input[type=submit]:hover {

	background: -moz-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#9d0d15),color-stop(50%,#af0917), color-stop(99%,#af0917)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Opera 11.10+ */
	background: linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #700000;
	-webkit-box-shadow: 0px 3px 0px 0px #700000;
	box-shadow: 0px 3px 0px 0px #700000;
	color: #ffd9d9;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	border: none;
}
	
.popup input[type=submit]:active {
	color: #000;
	background: -moz-linear-gradient(left, #6f0e0f 0%, #cc0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#6f0e0f), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #6f0e0f 0%,, #cc0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #6f0e0f 0%, #cc0000 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #6f0e0f 0%, #cc0000 100%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #000000;
	-webkit-box-shadow: 0px 3px 0px 0px #000000;
	box-shadow: 0px 3px 0px 0px #000000;
}

.closepopup{
	float:right;
	margin-top:-10px;
	margin-right:-10px;
	height:30px;
	width:29;
}
/* CALENDRIER-------------------------------------------------- */
.calendrier{
	background: #26a9d5;
	background: -moz-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, right, color-stop(0%,#0099CC), color-stop(100%,#26a9d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* W3C */
	position: absolute;height: 300px;width:300px;z-index:101;left:700px;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;
	-moz-box-shadow: 1px 1px 12px #000;-webkit-box-shadow: 1px 1px 12px #000;box-shadow: 1px 1px 12px #000;
	margin-left: auto;margin-right: auto;display:none;}
.home .calendrier{height: 350px;width:350px;}
.calendrier>a, .calendrier a img{width:auto;height:auto;margin: auto;}
.calendrier .closecalendrier{float:right;margin-top:-10px;margin-right:-10px;height:30px;width:29;}
.calendrier table.em-calendar {width: 98%;margin:0 1%;border:0px;}
td.eventless-pre, td.eventless-post {visibility:hidden;}
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {color:#FFFFFF;}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {line-height: 1.5;}
table tr th, table tr td {color: #069BCD;}
table tr td.eventless, table tr td.eventful, table tr td.eventless-today, table tr td.eventful-today  {border:5px solid #069BCD;}
table.em-calendar td.eventless-today, table.em-calendar td.eventful-today {background-color: #FFBF05;}
table tr td.eventless  {background-color: #FFFFFF;}
table tr td.eventful  {background-color: #3492a3;color:#FFFFFF;}
table tr td.eventless-today {background-color: #0dbcf6;color:#FFFFFF;}
table.em-calendar thead, 
.calendrier table.em-calendar, 
table tr.even, table tr.alt, 
table tr:nth-of-type(2n) {background-color: transparent;}
table.em-calendar thead {font-weight:200;}
table.em-calendar tr th, table.em-calendar tr td {padding:0.5em;}
table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {color:#FFFFFF;}
.widget table.em-calendar {background-color: #069BCD;}
.widget table.em-calendar {font-size:0.8em;}
.widget table tr td.eventless, .widget table tr td.eventful, .widget table tr td.eventless-today, 
.widget table tr td.eventful-today  {border:3px solid #069BCD;}
.days-names td {color:#FFFFFF;font-weight:100;}

/* meteo
-------------------------------------------------- */

.popupmeteo{
	position: absolute;
	display:block;
	z-index:101;
	left:700px;
	-moz-box-shadow: 1px 1px 12px #000;
	-webkit-box-shadow: 1px 1px 12px #000;
	box-shadow: 1px 1px 12px #000;
	display:none;
}

.popupmeteo a img{
	width:auto;
	height:auto;
	margin: auto;
}

.popupmeteo .closemeteo{
	float:right;
	margin-top:-10px;
	margin-right:-10px;
	height:30px;
	width:29;
}

/* POPUP
-------------------------------------------------- */

.background{
	display:none;
	position: absolute;
	height: 100%;
	width:100%;
	top:0;
	left:0;
	background:#000;
	z-index:100;
}

/* FOOTER
-------------------------------------------------- */
.footer{bottom:0;margin-top: 69px;}

.body2{
	width:auto;
	margin:auto;
	height:auto;
	max-width: 62.5em;
	margin-top:-10px;
}

#raccordfooter{
	background: none repeat scroll 0 0 #0099CC;
	height: 66px;
	position: absolute;
	z-index: 1;
	width:100%;
	right:65%;
}

.bord_footer{
	position: absolute;
	margin:0 auto;
	padding:0;
	height:66px;
	width:55px;
	left:35%;
	z-index:2;
}

.group_btn_footer{
	position:absolute;
	z-index:22;
	height:66px;
	margin:0 auto;
	padding:0 auto;
	position:auto;
	left:auto;
	display: block;
}

.texte_footer{
	margin-top:65px;
	padding-bottom:15px;
	padding-top:20px;
	height:100%;
	width:100%;
	color: #000;
	background:#0099CC;
	background: -moz-linear-gradient(top, #0099CC 0%, #26a9d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, top, right, color-stop(0%,#0099CC), color-stop(100%,#26a9d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0099CC 0%, #26a9d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0099CC 0%, #26a9d5 100%); /* Opera 11.10+ */
	background: linear-gradient(top, #0099CC 0%, #26a9d5 100%); /* W3C */
}

.logo{margin-left:-10px;}
.adresse,.adresse a {padding-top:10px;padding-left:10px;font-family: 'open_sansregular',Calibri,Arial,sans-serif;color:#fff;}
.adresse{line-height:17px;font-size:15px;}
.adresse a{color:#fff !important;line-height:18px;font-size:14px;}

.footer_mise_ajour{padding-top:17px;}
.espace_membre{padding-top:17px;}

.button4:link {
	left:25%;
	height: auto;
	width:170px;
	border: 0px solid #62bbcb;
	text-transform: uppercase;
	margin:10px;
	padding: 10px 15px;
	background: #a40000;
	background: -moz-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#a40000),color-stop(50%,#cc0000), color-stop(100%,#ef2929)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #a40000 0%, #cc0000 50%, #ef2929 100%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #8a0000;
	-webkit-box-shadow: 0px 3px 0px 0px #8a0000;
	box-shadow: 0px 3px 0px 0px #8a0000;
	text-align: center;
	font-family: 'open_sansregular', sans-serif;
	font-size: 15px;
	color: #ffffff;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
	
.button4:visited {
	padding: 10px 15px;
	background: #9d0d15;
	background: -moz-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#9d0d15),color-stop(50%,#af0917), color-stop(99%,#af0917)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Opera 11.10+ */
	background: linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #8a0000;
	-webkit-box-shadow: 0px 3px 0px 0px #8a0000;
	box-shadow: 0px 3px 0px 0px #8a0000;
	color: #ffffff;
}

.button4:hover {
	background: #9d0d15;
	background: -moz-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#9d0d15),color-stop(50%,#af0917), color-stop(99%,#af0917)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* Opera 11.10+ */
	background: linear-gradient(left, #9d0d15 0%, #af0917 50%, #af0917 99%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #700000;
	-webkit-box-shadow: 0px 3px 0px 0px #700000;
	box-shadow: 0px 3px 0px 0px #700000;
	color: #ffd9d9;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
	
.button4:active {
	color: #000;
	background: #6f0e0f;
	background: -moz-linear-gradient(left, #6f0e0f 0%, #cc0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left, color-stop(0%,#6f0e0f), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #6f0e0f 0%,, #cc0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #6f0e0f 0%, #cc0000 100%); /* Opera 11.10+ */
	background: linear-gradient(left, #6f0e0f 0%, #cc0000 100%); /* W3C */
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 3px 0px 0px #000000;
	-webkit-box-shadow: 0px 3px 0px 0px #000000;
	box-shadow: 0px 3px 0px 0px #000000;
}

.labels{
	background:#56b6d6;
	padding:5px
}

/*.vide{
*/
.footer .vide {
	position: relative;
	background:#26a9d5;
	width:100%;
	height:20px;
	padding:10px;
}

.source{	
	background:#024055;
	width:100%;
	height:50px;
	margin:auto;
}

.source li, .source ul{
	list-style: none;	
}
.source li{
	float:left;
}

.source_texte{
    margin: auto;
	width: 990px;
}

.droit{
	padding:10px 10px 10px 10px;
	float:left;
	left:0px;
	text-align:left;
	font-family: 'open_sansregular',Calibri,Arial,sans-serif;
	color:#87c5da;
	line-height:17px;
	font-size:13px;
	margin-bottom:10px;
}

.droit a{
	text-align:left;
	 font-family: 'open_sansregular',Calibri,Arial,sans-serif;
	color:#fff;
	line-height:17px;
	font-size:13px;
}

.droit a:hover{
	text-align:left;
	 font-family: 'open_sansregular',Calibri,Arial,sans-serif;
	color:#040920;
	line-height:17px;
	font-size:13px;
}

.menu_footer{
	padding:10px;
	float:right;
	text-align:right;
	font-family: 'open_sansregular',Calibri,Arial,sans-serif;
	color:#87c5da;
	line-height:17px;
	font-size:13px;
	margin-bottom:10px;
	right:0;
}

.menu_footer a{
	padding-left:20px;
	 font-family: 'open_sansregular',Calibri,Arial,sans-serif;
	color:#fff;
	line-height:17px;
	font-size:13px;
	margin-bottom:10px;
}

.menu_footer a:hover{
	text-align:left;
	 font-family: 'open_sansregular',Calibri,Arial,sans-serif;
	color:#040920;
	line-height:17px;
	font-size:13px;
}

.logo_partenaire{
    max-height: 150px;
    max-width: 18%;
}

.logo_partenaire_2{
    max-height: 150px;
    max-width: 21%;
}

.maj{
	color:#168cbe;
}

.large-12 img{
	padding:10px 10px;
}

.clear{clear:both;}

@media screen and (max-width:1000px){
	.raccordtitre{
		display:none;
	}
	
	.titre_pages h1{
	 margin-left:-10px;
	 padding-left:35px;
	}
	
	.source_texte{
	width: 900px;
	}
}

@media screen and (max-width:900px){
	#raccordMenu{
		display:none;
	}
	
	header{
		width:100%;
		height:auto;
		background: -moz-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left, right, color-stop(0%,#0099CC), color-stop(100%,#26a9d5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Opera 11.10+ */
		background: linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* W3C */
	}
	
	div#logo a{
		background: url("img/logo.png") no-repeat scroll 0 0 rgba(0, 0, 255, 0);
		position:relative;
		margin:auto;
	}
	
	nav#topMenu{
		padding-left:0;
		height:auto;
		position:relative;
		width: 100%;
	}
	
	.sf-menu{
		height:auto;
		float:left;
		padding: 20px 0 0 34px;
		width:100%
	}
	
	.jonction, .jonction_2{
		display:none;
	}
	
	.sb-search {
		position:absolute;
		min-width: 60px;
		margin:0;
		top:-60px;
		right:0;
	}
	
	.sb-icon-search {
		padding:0;
	}
	
	.btn_so{
		float:none;
		left:0;
		top:400px;
		height:auto;
		width:100%;
		position: static;
	}
	
	.bord{
		display:none;
	}
	
	#headertxt{
		top:120px;
	}
	
	#home .large-4 .titre h1{
		position:relative;
		width:100%;
		height:100%;
		padding-left:10px;
		margin-left:0px;
		letter-spacing:0.5px;
	}

	#home .large-4 .titre{
		margin:auto;
		height:100%;
		max-width:100%;
		padding: 0 0 10px 0px;
	}

	#home .large-4 .titre h1:before{
		height:100%;
		width:100%;
		margin-left:-10px;
		margin-right:-10px;
	}
	
	.source{
	height:100px;;
	}

	.source_texte {
		width:100%;
	}
	
	.menu_footer{
		padding-top:10px;
		float:none;
		text-align:center;
		font-family: 'open_sansregular',Calibri,Arial,sans-serif;
		color:#87c5da;
		line-height:17px;
		font-size:13px;
		margin-bottom:10px;
	}
	
	.droit{
		text-align:center;
		float:none;
	}
		.btn_so{
		margin-left:0px;
		margin-top:0px;
	}
}

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

	nav#topMenu{
		z-index:10;
	}
	
	.demo-1{
		display:block;
		position:absolute;
		z-index:9;
		top:5px;
		left:5px;
	}
	
	.sf-menu{
		display:none;
	}
	
	.dernieres_actus img{
		width:100%;
	}

	.hr{
		display:none;
	}
	
	.columns hr{
		margin:0;
	}
		
	#home .large-4 .titre h1{
		font-family:'open_sanssemibold';
		text-transform: uppercase;
		font-size:24px;
		margin-top: 10px;
		margin-bottom:10px;
		margin-left:15px;
		color:#fff;
		padding:5px 0 5px 10px;
		position:relative;
		letter-spacing:1px;
		font-weight: 100; 
	}

	#home .large-4 .titre{
		margin:auto;
		height:100%;
		max-width: 62.5em;
		padding: 0 0 10px 05px;
	}

	
	#home .large-4 .titre h1:before{
		background: -moz-linear-gradient(top, #0099CC 0%, #26a9d5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left, right, color-stop(0%,#0099CC), color-stop(100%,#26a9d5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* Opera 11.10+ */
		background: linear-gradient(left, #0099CC 0%, #26a9d5 100%); /* W3C */
		content: " "; 
		width:260px; 
		height:45px; 
		position:absolute;
		max-width: 62.5em;
		z-index:-1; 
		padding:0 0 15px 0;
		margin-left:-15px;
		margin-top:-5px;
		-webkit-transform:skew(30deg);
		-moz-transform:skew(30deg);
		-o-transform:skew(30deg);
		tranform:skew(30deg);
	}
	
	.widget{
		background-color:#fff !important;
		margin-top:0px;
	}
	
	.widget_espace{
		display:none !important;
	}

	.widget_fin{
		display:none !important;
	}
	
	.widget_contenu{padding-bottom:30px;}
	.image img{width:100%;}
	.footer_mise_ajour, .espace_membre{ width:100%;height:auto;margin-bottom:45px;}	
	.button4:link {width:50%;left:25%;position:absolute;margin-bottom:125px;min-width:170px;}
	.partenaires{ left:0;}
	#raccordfooter{ display:none;}
	.bord_footer { display: none; }
	.group_btn_footer{ margin-top: 90px; padding-right: 15px; position: absolute; right: 0; }
	.nb_photos { float: none; padding: 0;}
	.large-12 .button3 {float: none; margin: 10px 0 10px 0; position: relative; right: 0; }
	.logo_bleu{ float: none !important;clear:both;}
	.inscription{left:0 !important; float: none; font-size: 12px !important; position:relative !important; width:auto !important;
		margin-bottom:10px !important;}
	.permanence{left:0; float: none; font-weight: 600 !important; margin-left:10px !important;}
	.contact{margin-left:10px !important; margin-top:0 !important;}
}

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

	.image{
		width:100%;
	}
	
}

@media screen and (max-width:480px){
	
	#header {
		display:none;
	}
	
	.btn_so{
		margin-top:60px;
	}
	
}

@media screen and (max-width:450px){
	.group_btn_footer {
		margin-top: 90px;
		padding-left: 15px;
		position: absolute;
		left: 0;
	}
	
	.logo {
		margin-left: 15px;
		margin-top: 74px;
	}
	
	.dl-menuwrapper .dl-menu li a{
		color: #FFFFFF;
		display: block;
		font-size: 14px;
		font-weight: 300;
		line-height: 15px;
		outline: medium none;
		padding: 12px 20px;
		position: relative;
	}
	
	.dernieres_actus h1 {
		color: #FFFFFF;
		font-family: 'open_sanssemibold';
		font-size: 24px;
		font-weight: 100;
		letter-spacing: 1px;
		margin-bottom: 10px;
		margin-left: 0px;
		margin-top: 10px;
		padding: 5px 0 5px 10px;
		position: relative;
		text-transform: uppercase;
		width: 100%;
		text-align:left;
	}
	.dernieres_actus h1:before {
		width:100%;
		-webkit-transform:skew(0deg);
		-moz-transform:skew(0deg);
		-o-transform:skew(0deg);
		tranform:skew(0deg);
		height:100%;
	}

	.large-8 .titre_home h1:before {
		width:100%;
		-webkit-transform:skew(0deg);
		-moz-transform:skew(0deg);
		-o-transform:skew(0deg);
		tranform:skew(0deg);
		height:100%;
	}
	
	.large-8 .titre_home h1 {
		color: #FFFFFF;
		font-family: 'open_sanssemibold';
		font-size: 24px;
		font-weight: 100;
		letter-spacing: 1px;
		margin-bottom: 10px;
		margin-left: 0px;
		margin-top: 10px;
		padding: 5px 0 5px 10px;
		position: relative;
		text-transform: uppercase;
		width: 100%;
		text-align:left;
	}
	
	.large-4 .titre_home h1:before {
		width:100%;
		-webkit-transform:skew(0deg);
		-moz-transform:skew(0deg);
		-o-transform:skew(0deg);
		tranform:skew(0deg);
		height:100%;
	}
	
	.large-4 .titre_home h1 {
		color: #FFFFFF;
		font-family: 'open_sanssemibold';
		font-size: 24px;
		font-weight: 100;
		letter-spacing: 1px;
		margin-bottom: 10px;
		margin-left: 0px;
		margin-top: 10px;
		padding: 5px 0 5px 10px;
		position: relative;
		text-transform: uppercase;
		width: 100%;
		text-align:left;
	}
	
	.une{
		border: 3px solid #cacaca;
	}
	
	.source {
		height: 100%;
	}
	
	#header_pages {
		display:none;
	}

	#header_article {
		display:none;
	}

	#header_calendrier{
		display:none;
	}
	
	.titre_pages{
		top:0;
		margin-top:-270px;
	}
}

@media screen and (max-width:320px){
	div#logo a {
    margin:0 0 0 47px;
    position: relative;
}

	.sb-search-input {
		width: 100%;
	}
	
	.group_btn {
		background: none repeat scroll 0 0 #FFFFFF;
		height: auto;
		margin:auto;
		width: 190px;
		z-index: 22;
	}
	
	.groupe_2{
		right:0;
	}
}


.columns .top-bordered {
	border-top: 1px solid #DDD;
	padding-top:15px;
}