/* HTML Tag Redefinition */
html, body {height: 100%;  }
body {/* customize_background */ background-color: #ffffff; /* customize_background */ padding: 0px; margin: 0px; }

a { cursor:pointer}

fieldset { border:1px solid #ccc;}

hr.both{clear: both;border: none;background: #fff;height: 1px;margin: 0;padding: 0}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{ width:960px; margin:0 auto;padding:0;font-family: Verdana, sans-serif;}
#page #header{margin-top: 20px;}
#page #header #logo{margin:0 auto;padding: 0;
background: url(/themes/fanny/images/ban.jpg) no-repeat;
width: 668px;
height: 418px;
position: relative;
margin-bottom: 20px
}



#page #header #logo #headerNav{width: 450px;position: absolute;bottom:0;left:200px;text-align: right;}
#page #header #logo #headerNav ul{list-style: none;}
#page #header #logo #headerNav ul li{display: inline;margin: 0;}
#page #header #logo #headerNav ul li a{color:#444;font-size: 18px;text-decoration: none;}
#page #header #logo #headerNav ul li a:hover,#page #header #logo #headerNav ul li a.nav-selected{color: #e73924}

#page #header #logo #headerNav ul li a{background:url(/themes/fanny/images/sep-nav.jpg) 0 0 no-repeat;padding: 0 20px}
#page #header #logo #headerNav ul li a.masquer{background: none}

#page #central{clear:both;margin: 0;padding: 0;}

#page #central.central-left { background:url(/themes/fanny/images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 68px !important; padding-right: 0px !important; float:right}

#page #central #body{text-align: center}

#page #central #body img{border: 1px solid #bebebb;padding: 0;margin: 0 auto}

#page #central #body .ccm-image-block{max-width:960px;display: block;margin: 0 auto;margin-bottom: 15px}

#page #miniatures{margin: 0;padding: 0}
#page #miniatures a{float: left;margin: 5px;padding: 0;display: block;width: 310px;}





#page #footer{ clear:both; padding:10px 0; color:#999; font-size:10px;text-align: center }
#page #footer a{ text-decoration:none }


/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}
div.pageSection { margin-bottom: 10px; }

/* customize_miscellaneous */ /* customize_miscellaneous */




/*
// caption.js styles
*/

/* Main */
.captionjs {
	line-height: 1;
	margin: 0;padding: 0
}
.captionjs.animated figcaption {
	background: #e73924;
	opacity: 0.9;
	color: #fff;
	font-size: 30px;
	text-align: left;
	padding: 15px;
	display: block;
	height: 45%;
	width: 310px;
	line-height:1.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	-ms-box-sizing:     border-box;
	-o-box-sizing:      border-box;
	box-sizing:         border-box;
}
.captionjs.hide figcaption{
	background: #e73924;
	opacity: 0.9;
	color: #fff;
	font-size: 20px;
	text-align: left;
	padding: 15px;
	display: block;
	height: 35%;
	width: 310px;
	line-height:1.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	-ms-box-sizing:     border-box;
	-o-box-sizing:      border-box;
	box-sizing:         border-box;
}



.captionjs.stacked,
.captionjs.animated,
.captionjs.hide {
	position: relative;
	overflow: hidden;
}
.captionjs.stacked figcaption,
.captionjs.animated figcaption,
.captionjs.hide figcaption {
	position: absolute;
}

/* Stacked mode */
.captionjs.stacked figcaption {
	bottom: 0;
}

/* Animated mode */
.captionjs.animated figcaption {
	-webkit-transition: 0.25s bottom;
	-moz-transition:    0.25s bottom;
	-ms-transition:     0.25s bottom;
	-o-transition:      0.25s bottom;
	transition:         0.25s bottom;
}
.captionjs.animated:hover figcaption {
	bottom: 0 !important;
}

/* Hide mode */
.captionjs.hide figcaption {
	-webkit-transition: 0.25s margin-bottom;
	-moz-transition:    0.25s margin-bottom;
	-ms-transition:     0.25s margin-bottom;
	-o-transition:      0.25s margin-bottom;
	transition:         0.25s margin-bottom;
}
.captionjs.hide:hover figcaption {
	margin-bottom: 0 !important;
}

h1{margin-top: 50px}


#qui, #quoi, #comment{padding: 0 22%;min-height: 52px;}
#qui{background: url(/themes/fanny//images/picto_qui.jpg) 15% 5px no-repeat;}
#comment{background: url(/themes/fanny//images/picto_comment.jpg) 15% 0 no-repeat;}
#quoi{background: url(/themes/fanny//images/picto_quoi.jpg) 15% 0 no-repeat;}

.fa-arrow-circle-left{font-size: 1.8em;padding: 1% 0;}

.scrollup{ z-index: 9999; width:60px; height:60px; opacity:1; position:fixed; bottom:70px; right:40px; display:none;}
.fa-arrow-circle-up{font-size: 60px;color: #e73924} 
.scrollup:hover{opacity: 0.8}



.main-content-thumb{width: 310px;height: 310px;float: left;position: relative;margin: 5px}
.main-content-thumb .date{position: absolute;z-index: 10;background: #fff;top:1px;left:1px;}
.main-content-thumb .date p{padding: 0 5px;margin: 0}


#formulaire,#plan{
width: 45%;
float: left
}
#formulaire{margin-right: 10%}

.googleMapCanvas{ width:100%; border:0px none; height: 300px;}


#sidebar{
float: left;width: 17%;}
#sidebar img{margin-bottom: 50px;margin-top: 50px;margin-left: 50px;text-align: right}

#a_propos{
float: left;width: 68%;
padding: 0 ;text-align: left;padding-right: 15%
}

#a_propos ul li{margin: 10px 0}

a#profil{
display: block;
width: 400px;
height:450px;
background: url(/themes/fanny//images/profil.jpg) 145px 21px no-repeat;
opacity: 0;
-webkit-transition: opacity .6s ease-in;
    -moz-transition: opacity .6s ease-in;
    -o-transition: opacity .6s ease-in;
    transition: opacity .6s ease-in;
position:absolute;
top:0;
}
a#profil:hover{
opacity: 1;
-webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}