/*
Theme Name: Constantia
Theme URI: http://alsacreations.fr/
Description: Le thème de Constantia.
Version: 1
Author: Alsacréations
Author URI: http://alsacreations.fr/
Tags:  

Constantia v1
http://alsacreations.fr

*/
* {
	padding: 0;
	margin: 0;
}

html {
	height: 100%;
	font-size: 100%;
}

body {
	height: 100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.625em;
	background: #4b0506 url(images/background.jpg) center top no-repeat;
}

h2 {
  font-family: 'Crimson Text', Verdana, Arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #f2e8c3;
	margin-top: 50px;
	margin-bottom: 22px;
}

a img {
	border: none;
}

a {
	color: #c6a04e;
	text-decoration: none;
}
a:hover, a:focus {
	color: #d6b877;
	text-decoration: underline;
}
a:focus {outline: none;}
#wrapper {
	width: 915px; /*960 en tout*/
	min-height: 100%;
	margin: auto;
	margin-bottom: -52px; /*hauteur du pied*/
	padding-left: 45px;
}

header, nav, footer, figure, section, aside { display: block; }
.upper { text-transform: uppercase; }
.right { float: right; }
.clear_both { clear: both; padding-bottom: 70px; }
.clear_left { clear: left; border: 0; }
/*----HEADER et NAV----*/
/**/
header {
	position: relative;
	padding-top: 18px;
}

header h1 {
	position: absolute;
	top: 89px;
	left: 380px;
}
header h2 {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
}
header .nav {
	position: relative; /*pour le lavalamp*/
	width: 460px;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.6em;
	padding: 10px;
	background-color: rgba(255,255,255,0.5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
header .nav li {
	display: inline;
}
header .nav a {
  font-family: 'Crimson Text', Verdana, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 0 5px;
	font-size: 19px;
}

header .nav a:hover, header .nav a:focus {
	color: #a32017;
}


/*----SECTION----*/
/**/
.introduction { padding-top: 220px; }

/*slide+intro*/
.slideshow {
	display: inline-block; /*pour placer l'intro à côté*/
	vertical-align: top;
	width: 46Opx;
	height: 240px;
	padding: 7px 0 0 28px;
}
.slideshow p { position: relative; }
.slideshow a {
	position: absolute; /*on superpose toutes les liens-images du slideshow*/
	top: 0;
	left: 0;
	text-decoration: none;
}
.slideshow a:hover:after, .slideshow a:focus:after {
	content: attr(rel);
	position: absolute;
	bottom: 15px;
	left:0;
	width: 420px;
	height: 45px;
	font-family: Georgia, Verdana, Arial, sans-serif;
	font-size: 2em;
	font-weight: bold;
	line-height: 45px;
	color: #a32017;
	background-color: rgba(255,255,255,0.75);
	padding: 0 20px;
	z-index: 100;
}


.intro {
	display: inline-block;
	width: 278px; /*taille de l'image*/
	color: #f2e8c4;
	font-size: 1.4em;
	margin-left: 500px;
	vertical-align: top;
	line-height: 1.5em;
}
.intro p { padding: 30px 20px 0 25px; }

.en_savoir_plus {
	display: block;
	margin-top: 25px;
}

/*nav activity*/
.nav_disciplines figure {
	display: inline-block;
	vertical-align: top;
	-moz-box-shadow: 0 0 12px #222; 
	-webkit-box-shadow: 0 0 12px #222; 
	-khtml-box-shadow: 0 0 12px #222; 
	box-shadow: 0 0 12px #222;
	margin: 0 4px;
}
.nav_disciplines figure a { 
	position: relative;
	display: inline-block;
	vertical-align: top;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 14px;	
	text-decoration: none;
}
.nav_disciplines figure a figcaption {
	position: absolute;
	right: 14px;
	bottom: 16px;
	width: 149px;
	padding-right: 10px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.8);
	text-align: right;
	font-family: Georgia, Verdana, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #f3f2d6;
}

.nav_disciplines figure a figcaption img{
	vertical-align: middle;
	-webkit-transition-property: rotate;
	-khtml-transition-property: rotate;
	-moz-transition-property: rotate;
	transition-property: rotate;
	-webkit-transition-duration: 1s;
	-khtml-transition-duration: 1s;
	-moz-transition-duration: 1s;
	transition-duration: 1s;
}
.nav_disciplines figure a:hover figcaption img, .nav_disciplines figure a:focus figcaption img{
	-webkit-transform: rotate(540deg);
	-khtml-transform: rotate(540deg);
	-moz-transform: rotate(540deg);
}
.nav_disciplines figure a:hover, .nav_disciplines figure a:focus {
	border: 1px solid rgba(198, 160, 78, 0.5);
} 

/*article summary*/
.last_actu {
	vertical-align: top;
	padding-bottom: 52px; /*pousse le footer pour éviter une superposition*/
}
.last_actu section {
	display: inline-block;
	vertical-align: top;
	width: 390px;
	margin-bottom: 20px;
}
section article a {
	display: block;
	color: #c6a04e;
	font-size: 1.2em;
	margin-bottom: 25px;
	min-height: 73px;
	text-decoration: none;
	text-align: justify;
}


section article a:hover, section article a:focus { color: #e4d2aa; text-decoration: none; }
section article a:hover img, section article a:focus img { border: 1px solid rgba(198, 160, 78, 0.5); }
section article span {
	font-style: italic;
	font-weight: bold;
}
section article img {
	float: left;
	padding: 8px;
	margin-right: 10px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 1px 1px 8px #333; 
	-webkit-box-shadow: 1px 1px 8px #333; 
	-khtml-box-shadow: 1px 1px 8px #333; 
	box-shadow: 1px 1px 8px #333;
}
/**autres éléments de nav**/
.last_actu figure {
	display: inline-block;
	width: 350px;
	vertical-align: top;
	margin-left: 60px; /*espace entre les deux colonnes (justification des "blocs" à droite)*/
	margin-bottom: 20px; /*pousse le footer si besoin*/
	padding-top: 55px;
}
.last_actu figure a {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-right: 4px;
	margin-top: 16px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.1);
	text-decoration: none;
	-moz-box-shadow: 1px 1px 8px #333; 
	-webkit-box-shadow: 1px 1px 8px #333; 
	-khtml-box-shadow: 1px 1px 8px #333; 
	box-shadow: 1px 1px 8px #333;
}
.last_actu figure a figcaption {
	position: absolute;
	right: 10px;
	bottom: 12px;
	width: 134px;
	padding-left: 10px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.8);
	font-family: Georgia, Verdana, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #f3f2d6;
}
.last_actu figure a figcaption.act {
	width: 310px;
}
.last_actu figure a:hover, .last_actu figure a:focus { border: 1px solid rgba(198, 160, 78, 0.5); }
.toutes-actus {
	font-size: 1.1em;
	letter-spacing: 0.2em;
	text-align: right;
}
/**---- PAGES ACTIVITES ----**/
/**/
#wrapper .description_activites {clear: left;  margin-top: 15px; }
#wrapper .description_activites a {position: relative; float: left; margin: -15px 10px 10px 0;}
#wrapper .description_activites a span{
	position: absolute;
	bottom: 27px;
	left: 8px;
	background: rgba(0, 0, 0, 0.8);
	width: 149px;
	text-align: right;
	padding-right: 10px;
}
#wrapper .description_activites a span img{
	vertical-align: middle;
	background: none;
	padding: 0;
}
#wrapper .description_activites a:hover,#wrapper .description_activites a:focus { text-decoration: none; }
#wrapper .description_activites a:hover img, #wrapper .description_activites a:focus img { border: 1px solid rgb(198, 160, 78); padding:7px;}
#wrapper .description_activites a:hover span img, #wrapper .description_activites a:focus span img {padding: 0; border: none;}

#wrapper .text_description_activites { line-height: 1.3em; }

/**---- PAGES INTERNES ----**/
/**/

body.page, body.single, body.search, body.archive, body.error404 {
	background: #4b0506 url(images/background-intern.jpg) center top no-repeat;
}

.page h2, .single h2, .search h2, .archive h2 {
	font-size: 3.5em;
	font-weight: bold;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 22px;
}
h2 span{
	display: block;
	font-size: 0.8em;
	margin-left: 40px;
}


/*----SECTIONS et PAGES (recherche incluse)----*/
/**/
.page  #content, .single  #content, .search  #content, .archive #content { 
	padding-top: 190px;
	padding-bottom: 65px;
	color: #fff;
}
.page  #content nav, .page  #content section, .single  #content nav, .single  #content section {
	display: inline-block;
	vertical-align: top;
	float: left;
}
.page  #content section, .single  #content section { width: 630px; }

.page  #content section p,.single  #content section p { 
	font-size: 1.2em;
	line-height: 1.35em;
	margin-bottom: 20px;
	margin-top: 20px;
}
.page  #content nav, .single  #content nav {
  float: right;
	padding-top: 60px;
	padding-right: 50px;
	min-height: 185px;
	font-size: 1.1em;
	background: url(images/fond-menu.jpg) no-repeat top right;
}
/*aside de news pour le volley*/
aside.news_volley {
	font-size: 1em;
	float: right;
	width: 170px;
	border: 1px solid #999;
	padding: 8px;
	overflow: hidden;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}
aside.news_volley a.titre {
	font-size: 1.4em;
	text-decoration: none;
}
aside.news_volley a.titre:hover, aside.news_volley a.titre:focus {	text-decoration: underline; }
.page  #content nav ul, .single  #content nav ul { 
	text-align: right;
	border-right: 7px solid #fff;
	list-style: none;
	padding-right: 9px;
}
.page  #content nav a, .single  #content nav a {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.9em;
	color: #f4cd7a;
	text-decoration: none;
	-webkit-transition-duration: 0.7s;
	-khtml-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	transition-duration: 0.7s;
}
.page  #content nav a:hover, .page  #content nav a:focus, .single  #content nav a:hover, .single  #content nav a:focus, #content nav .current_page_item a {
	color: #fff;
	text-decoration: overline;
}
.page #content nav .current_page_item li a, .page #content li li a {
	font-size: 0.95em;
	color: #ae9051;
	text-decoration: none;
}
.page #content nav .current_page_item ul, .page #content nav ul ul {
	border-right: 5px solid #bbb;
}
.wp-caption, .entry img { 
	margin: 1em 0;
	padding: 8px;
	background: #652f2f;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 1px 1px 8px #222; 
	-webkit-box-shadow: 1px 1px 8px #222; 
	-khtml-box-shadow: 1px 1px 8px #222; 
	box-shadow: 1px 1px 8px #222;
}
.wp-caption {
  text-align: center;
}
.wp-caption p {
  margin-bottom:4px !important;
  font-size: 0.9em !important;
  font-style: italic;
}
.page .post .wp-caption img, .entry .wp-caption img { 
	margin: 5px;
	padding: 0;
	background: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0; 
	-webkit-box-shadow: 0; 
	-khtml-box-shadow: 0; 
	box-shadow: 0;
}

.entry img.alignright, .wp-caption.alignright {
	float: right;
	margin: 5px 0 10px 15px;
}
.entry img.alignleft, .wp-caption.alignleft {
	float: left;
	margin: 5px 15px 10px 0;
}

/*ARTICLE*/
.page  article, .single article {
	display: block;
	margin-right: 285px;
	padding-bottom: 40px;
	font-size: 1.3em;
}
.page  h1, .page h2, .page h3, .page h4, .page h5, .page h6, .single h1, .single h2, .single h3, .single h4, .single h5, .single h6, #respond h3, .search h3, .archive h1, .archive h2, .archive h3, .archive h4, .archive h5, .archive h6 { 	
	font-weight: bold;
	text-shadow: 1px 1px 5px #000;
}
.page  article h3, .single  article h3, #respond h3, .search h3, h3#comments, .archive h3  {
  font-family: 'Crimson Text', Verdana, Arial, sans-serif;
	font-size: 30px;
	padding-top: 40px;
	padding-bottom: 20px;
	background: url(images/titre-article.jpg) left 27px no-repeat;
	clear: left;
}
.search h3 { font-size: 1.8em; }
.search_summary { 
	font-size: 1.5em;
	line-height: 1.5em;
}
#respond h3, h3#comments  { background: url(images/titre-article.jpg) left 23px no-repeat; }
.entry { font-size: 1.1em; }
.page .entry h1, .single  .entry h1, .archive .entry h1 {
	font-size: 2em;
	margin-top: 38px;
	margin-bottom: 18px;
}
.page .entry h2, .single .entry h2, .archive .entry h2 {
  font-family: 'Crimson Text', Verdana, Arial, sans-serif;
	font-size: 2em;
	margin-top: 35px;
	margin-bottom: 15px;
}
.page .entry h3, .single .entry h3, .archive .entry h3 {
  font-family: 'Crimson Text', Verdana, Arial, sans-serif;
	font-size: 1.8em;
	margin: 30px 0 20px 0;
	background: none;
}
.page  .entry h4, .single .entry h4, .archive .entry h4 {
  font-family: 'Crimson Text', Verdana, Arial, sans-serif;
	font-size: 1.6em;
	margin: 30px 0 20px 0;
}
.page .entry h5, .single .entry h5, .archive .entry h5 {
	font-size: 1.4em;
	margin-top: 20px;
	margin-bottom: 10px;
}
.page .entry h6, .single .entry h6, .archive .entry h6 {
	font-size: 1.3em;
	margin-top: 15px;
	margin-bottom: 8px;
}
.entry p { /*styles des P de pages "normales"*/
	font-size: 1.2em; 
	line-height: 1.6em;
	margin-top: 15px;
	margin-bottom: 15px;
}
.page  article p, .single  article p{ /*styles des P dans les articles*/
	font-size: 0.95em;
	margin-top: 15px;
	margin-bottom: 15px;
}
.page .entry ul, .page .entry ol, .archive .entry ul, .archive .entry ol{
	font-size: 1.2em;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 40px;
}
.page article .entry  ul, .page article .entry ol, .single  article .entry ul, .single  article .entry ol{
	font-size: 0.95em;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 40px;
}
.page .entry ul li ul { font-size: 1em; }
.page article ul li, .single  article ul li, .entry ul li {
	list-style-type: disc; 
	list-style-image: url(images/puce.jpg);
	line-height: 1.4em;
}
.page  article ol li, .single  article ol li, .entry ol li {
	list-style: latin outside;
	line-height: 1.4em;
}
.page  article a, .single  article a, .entry a {
	text-decoration: none;
	color: #efdcb4;
}
.page  article a:hover, .page  article a:focus, .single  article a:hover, .single  article a:focus, .entry a:hover, .entry a:focus {
	text-decoration: underline;
	color: #f2d18a;
}
.post a[href$=".pdf"], .post a[href$=".odt"], .post a[href$=".xls"], .post a[href$=".doc"], .post a[href$=".docx"] {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	height: 110px;
	padding: 10px 10px 25px;
	margin: 15px 2px;
	font-size: 11px;
	line-height: 1.2em;
	text-align: left;
	background: #551c1d url(images/icones/pdf2.png) no-repeat scroll center 93%;
	text-decoration: none;
	border: 1px solid #683535;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	
}
.post a[href$=".odt"], .post a[href$=".xls"] { background-image: url(images/icones/xls2.png); }
.post a[href$=".doc"], .post a[href$=".docx"] { background-image: url(images/icones/doc2.png); }
.post a[href$=".pdf"]:hover, .post a[href$=".odt"]:hover, .post a[href$=".xls"]:hover, .post a[href$=".doc"]:hover, .post a[href$=".docx"]:hover, .post a[href$=".pdf"]:focus, .post a[href$=".odt"]:focus, .post a[href$=".xls"]:focus, .post a[href$=".doc"]:focus, .post a[href$=".docx"]:focus {
	border: 1px solid #8a6036;
	background-color: #602e2e;
}
.page  article blockquote, .single  article blockquote, .entry blockquote {
	width: 80%;
	clear: both;
	margin: auto;
	padding: 4px;
	border: 1px dotted #643233;
	background: #541c1e url(images/quote-close.png) 97% 95% no-repeat;
	color: #a07573;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1.8em;
}

.page  article blockquote p:first-child, .single  article blockquote p:first-child, .entry blockquote p:first-child {
	text-indent: 30px;
	background: url(images/quote-open.png) 15px top no-repeat;
	padding: 15px;
	margin-bottom: 15px;
}
article .postmetadata {
	float: both;
	text-align: right;
	border-top: 1px dotted #efdcb4;
}
.date {
	position: relative;
	top: -15px;
	left: 20px;
	font-size: 0.8em;
	color: #efdcb4;
}
small.date { font-size: 1.1em; }
/*formulaire*/
.page  article form, .single  article form, form {
	padding: 15px;
	width: 75%;
	-moz-box-shadow: 1px 1px 8px #222; 
	-webkit-box-shadow: 1px 1px 8px #222; 
	-khtml-box-shadow: 1px 1px 8px #222; 
	box-shadow: 1px 1px 8px #222;
}
#commentform { margin-left: 30px; }
#commentform p { margin-bottom: 3px; }
#commentform span { color:#754142; }
.page  article label, .single  article label, #commentform label, .entry label {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	text-align: right;
	padding-right: 10px;
	line-height: 1.3em;
	font-weight: bold;
	color: #efdcb4;
}
.page  article input, .page article textarea, .single  article input, .single article textarea, #commentform input, #commentform textarea, #form-contact input, #form-contact textarea, #form-contact select {
	width: 300px;
	border: 1px solid #643233;
	background: #541c1e;
	color: #b6908e;
	padding: 2px;
	font-size: 1.3em;
	font-family: Verdana, Arial, Georgia, sans-serif;
}
#form-contact select { width: auto; }
.page  article textarea, .single  article textarea, #commentform textarea, #form-contact textarea { 
	height: 10em;
	width: 30em;
}
.page  article input:focus, .page  article textarea:focus, .single  article input:focus, .single  article textarea:focus, #commentform input:hover, #commentform input:focus, #commentform textarea:hover, #commentform textarea:focus, #form-contact textarea:hover, #form-contact textarea:focus, #form-contact input:hover, #form-contact input:focus {
	border: 1px solid #744243;
	background: #4a1719;
}
.page  article input[type=submit], .single  article input[type=submit], #commentform input[type=submit], #form-contact input[type=submit] { 
	width: 150px;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
}
#form-contact input[type=submit] {
	margin-left: 115px;
}
.page  article input[type=submit]:hover, .single  article input[type=submit]:hover, #commentform input[type=submit]:hover, #form-contact input[type=submit]:hover {
	border: 1px solid #744243;
	background: #4a1719;
	cursor: pointer;
}
#commentform #submit {
	width: 200px;
	margin-left: 114px;
	cursor: pointer;
}
.info-form {
	text-align: right;
	color:#754142;
}
/*LES COMMENTAIRES*/
.commentlist { padding-right: 200px; }
.commentlist li {
	margin-left: 40px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #744243;
	list-style: latin outside;
	font-size: 1.3em;
	line-height: 1.4em;
}

/*pour les pages volley*/
body.page-id-7, body.parent-pageid-7 { background: #000 url(images/background-intern-volley.jpg) center top no-repeat; }
body.page-id-7  #content nav, body.parent-pageid-7  #content nav { background: url(images/fond-menu-volley.jpg) no-repeat top right;}
body.page-id-7 .post img, body.parent-pageid-7 .post img { background: #02879a; }
body.page-id-7 .post img:hover, body.parent-pageid-7 .post img:hover { background: #2cbace; }
body.page-id-7 article ul li, body.parent-pageid-7 article ul li, body.page-id-7 .entry ul li, body.parent-pageid-7 .entry ul li{ list-style-image: url(images/puce-volley.png); }
body.page-id-7 article h3, body.parent-pageid-7 article h3, body.parent-pageid-7 #respond h3, body.parent-pageid-7 h3#comments  { background: url(images/titre-article-volley.jpg) left 35px no-repeat; }
body.page-id-7  blockquote, body.parent-pageid-7  blockquote  {
	border: 1px dotted #444;
	background: #222 url(images/quote-close.png) 97% 95% no-repeat;
	color: #bbb;
}
body.page-id-7 article input, body.page-id-7 article textarea, body.parent-pageid-7 article input, body.parent-pageid-7 article textarea {
	border: 1px solid #444;
	background: #222;
	color: #666;
	padding: 2px;
}
body.page-id-7 article input:focus, body.page-id-7 article textarea:focus, body.parent-pageid-7 article input:focus, body.parent-pageid-7 article textarea:focus {
	border: 1px solid #666;
	background: #121212;
}
body.page-id-7 article input[type=submit]:hover, body.parent-pageid-7 article input[type=submit] {
	border: 1px solid #666;
	background: #121212;
}
body.post-id-7 article .postmetadata, body.parent-pageid-7 article .postmetadata {
	border-top: 1px dotted #555;
}
body.parent-pageid-7 .commentlist li { border-color: #02879a; }
body.post-id-7 #commentform span, body.post-id-7 .info-form , body.parent-pageid-7 #commentform span, body.parent-pageid-7 .info-form { color:#555; }
body.parent-pageid-7 #commentform input, body.parent-pageid-7 #commentform textarea { border-color: #02879a; background: #076d7b; color: #fff; }
body.parent-pageid-7 #commentform input:hover, body.parent-pageid-7 #commentform textarea:hover,body.parent-pageid-7 #commentform input:focus, body.parent-pageid-7 #commentform textarea:focus { border-color: #076d7b; background: #02879a; color: #000; }

/*STRONG en turquoise !!!*/
body.post-id-7 strong, body.parent-pageid-7  strong, body.page-id-7 strong { color: #00ccff; }

/*GALERIE*/
.piclenselink { display: none; } /*pour planquer le lien bizarre*/
.ngg-navigation { margin-bottom: 15px; }

/**PLAN SITE**/

#wrapper .ddsg-wrapper ul li ul { font-size: 1em;} /*pour éviter le grossissement*/
.ddsg-wrapper { background: url(images/plan-site.jpg) no-repeat 50% 10%; }
.ddsg-pagenav { display: none; } /*planque la pagination sur le site map*/
/**/

/*----FOOTER----*/
/**/
footer {
	background: #000;
	text-align: right;
	height: 52px;
	clear: both;
}
footer div#footercontent {
	width: 960px;
	margin: auto;
}
footer nav {
	width: 520px;
	margin-left: 330px;
}
footer nav a {
	color: #f4cd7a;
	font-weight: bold;
	font-size: 1em;
	line-height: 51px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 0 1px 0;
	margin-right: 15px;
}
footer nav a.current {
	color: white;
	border-bottom: 1px dotted white;
	padding-bottom: 0px;
	text-decoration: none;
}
footer nav a:hover, footer nav a:focus {
	color: #f4cd7a;
	border-bottom: 1px dotted #f4cd7a;
	padding-bottom: 0px;
	text-decoration: none;
}
/*SEARCH BOX*/
/**/
#searchform {
	float: left;
	width: 230px;
	-moz-box-shadow: 0 0 0 #222; 
	-webkit-box-shadow: 0 0 0 #222; 
	-khtml-box-shadow: 0 0 0 #222; 
	box-shadow: 0 0 0 #222;
}
#searchform input {
	padding: 1px;
	color: #eee;
	font-weight: bold;
	background: #999;
	border: 1px solid #999;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
#searchform #s {	padding: 2px; }
#searchform #s:hover, #searchform #s:focus {
	color: #efefef;
	background: #aaa;
	border: 1px solid #eee;
}
#searchsubmit:hover, #searchsubmit:focus {
	cursor: pointer;
	color: #fff;
	background: #bbb;
	border: 1px solid #eee;
}

/*reset radius*/
#wrapper .reset {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	-khtml-box-shadow: none; 
	box-shadow: none;
	background: transparent;
}

/*Gestion des GoogleMaps*/
.page #content .clear_left { clear: left; margin: 0; padding: 0; }
#bad1Map, #bad2Map, #volleyMap, #volleyMap2, #volleyMap3, #gymMap, #gymMap2, #houseMap{
	width:305px;
	height:305px;
	background: #652f2f;
	margin-bottom: 20px;
	-moz-box-shadow: 1px 2px 7px #000; 
	-webkit-box-shadow: 1px 2px 7px #000; 
	-khtml-box-shadow: 1px 2px 7px #000; 
	box-shadow: 1px 2px 7px #000;
}
/*map1,2 et 3 sont les titres h3*/
#map1, #map2, #map3 { width:305px; margin-bottom: 0; margin-top: 0; padding-bottom: 0; }
#volleyMap3, #houseMap { width: 630px; }
#bad1Map, #volleyMap, #gymMap, #map1 { float: left; }
#bad2Map, #volleyMap2, #gymMap2, #map2 { margin-left: 320px; }
#bad1Map img, #bad2Map img, #volleyMap img, #volleyMap2 img, #volleyMap3 img, #gymMap img, #gymMap2 img, #houseMap img {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0 0 0 #222; 
	-webkit-box-shadow: 0 0 0 #222; 
	-khtml-box-shadow: 0 0 0 #222; 
	box-shadow: 0 0 0 #222;
	background: transparent;
}
#map1 span,#map2 span, #map3 span {
	display: block;
	font-size: 0.8em;
	margin: 0;
	font-weight: normal;
}

/*Partenaires*/
.partenaires-p {
	width: 310px;
	float: left;
	margin-right: 35px;
	margin-left: 35px;
}
.partenaires-p + h4 {
	margin-top: 20px;
}

/*styles RSS facebook*/
.news_box {
  float: right;
	width: 145px;
	padding: 7px;
	margin-top: 10px;
	overflow: hidden;
	border: 1px solid #ddd;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
.news_box div {
	font-size: 1.1em;
	line-height: 1.4em;
	margin-top: 10px;
	margin-bottom: 15px;
}
.news_box div a span { display: block; border-bottom: 1px solid #444; font-weight: bold; }
.news_box div a { color: #ccc; text-decoration: none; }
.news_box div a:hover,.news_box div a:focus { color: #fff; text-decoration: none; }
.news_fbk {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1.3em;
	padding-bottom: 10px;
	border-bottom: 1px dotted #efdcb4;
}
.news_fbk_date {
	font-size: 0.8em;
	color: #efdcb4;
	margin-bottom: 5px;
}
.news_fbk_title  a{
	color: #f0e9d9;
}
.news_fbk  a{
	margin-bottom: 20px;
}

#sidebar {
  width: 230px;
  float: right;
  position:relative;
  top:-43px;
}

#sidebar nav a {
  font-family: 'Crimson Text', Verdana, Arial, sans-serif;
  font-size: 18px!important;
}


/* cartouche bouton info stage */

#button {

opacity: 0.9;

position: absolute;
top: 0;
right: 0;

font-family: arial;
font-size: 18px;

padding: 10px 25px;
color: #fff;
text-decoration: none;

-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
box-shadow: 5px 5px 10px rgba(0,0,0,0.4);

-webkit-border-radius: 0 0 20px 20px;
-moz-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;

border: 4px solid #fff; border-top: 0;

background: #4c4c32; /* Old browsers */
background: -moz-linear-gradient(top, #4c4c32 0%, #acb276 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c32), color-stop(100%,#acb276)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c4c32 0%,#acb276 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c4c32 0%,#acb276 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c4c32 0%,#acb276 100%); /* IE10+ */
background: linear-gradient(top, #4c4c32 0%,#acb276 100%); /* W3C */

-webkit-transition: .5s all cubic-bezier(.75,.01,.29,1.89);
-moz-transition: .5s all cubic-bezier(.75,.01,.29,1.89);
-ms-transition: .5s all cubic-bezier(.75,.01,.29,1.89);
-o-transition: .5s all cubic-bezier(.75,.01,.29,1.89);
transition: .5s all cubic-bezier(.75,.01,.29,1.89);

}

#button:hover, #button:focus {
opacity: 1;
padding-top: 45px;

background: #444403; /* Old browsers */
background: -moz-linear-gradient(top, #444403 0%, #acb276 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444403), color-stop(100%,#acb276)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #444403 0%,#acb276 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #444403 0%,#acb276 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #444403 0%,#acb276 100%); /* IE10+ */
background: linear-gradient(top, #444403 0%,#acb276 100%); /* W3C */

}