/*
Theme Name: VVP78
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: VVP78
Author URI:
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1..
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

article{
	margin-bottom:20px;
}
/* =Structure
----------------------------------------------- */

body {
	padding: 0 2em;
}
#page {
	margin: 0 auto;
	width:990px;
}
/*
CSS Credit: http://www.templatemo.com
*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background: #02194e;
}

a:link, a:visited { color: #022576; text-decoration: none; font-weight: bold; }
a:active, a:hover { color: #2aa3e8; }

p {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

.image{
width:100px;
height:100px;
float:left;
margin-right:10px;
}

#image_calendrier{
float:left;
}

.avatar{
/*margin-top:50px;*/
width:250px;
margin-bottom:20px;
margin-right:50px;
float:left;
}

#photo_piscine{
margin-left:70px;
width: 200px;
height:133px;
}

#photo_fosse{
margin-left:60px;
width: 200px;
height:134px;
}

#texte_contact{
float:left;
}

.banniere{
margin-top:20px;
margin-left:20px;
}


.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { float: left; width: 100%; height: 10px; font-size: 1px;	}
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	}
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	}
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	}
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}

.margin_right_10 { margin-right: 10px; }
.margin_right_20 { margin-right: 20px; }
.margin_right_50 { margin-right: 50px; }

.border_bottom {
	border-bottom: 1px solid #CCC;
}

#templatemo_container {
	width: 990px;
	margin: 0 auto;
}

#templatemo_header {
	width: 990px;
	height: 175px;
	/*background: url(images/templatemo_header_bg3.jpg) no-repeat;*/
	background-color:#fff;
}

#templatemo_header #site_logo {
	float: left;
	margin: 20px 0 0 40px;
	width: 330px;
	height: 151px;
	background:url(images/logo.jpg) bottom left no-repeat;
}

.rc_btn_01 a{
	float: right;
	clear: both;
	display: block;
	width: 80px;
	height: 15px;
	text-align: center;
	padding: 10px 0 10px 10px;
	background: url(images/templatemo_buttom_01.jpg) bottom right no-repeat;
	color: #022576;
	font-weight: bold;
	text-decoration: none;
}
/* old menu static */
/*
.menu {
	clear: both;
	width: 910px;
	height: 50px;
	padding: 0 40px 0 40px;
*/
	/*background: url(images/templatemo_menu_bg2.jpg) no-repeat;*/
/*	background-color:#fff;
}

.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu ul li {
	display: inline;
}

.menu ul li a {
	float: left;
	padding: 20px 40px 0 0;
	text-align: center;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #2aa3e8;
	font-weight: bold;
	outline: none;
}

.menu li a:hover, .menu li.current_page_item a{
	color: #042474;
}

.menu li .last {
	background: none;
}*/
/* end of old menu static*/

/* menu dynamic generated by wordpress */
.menu-menutop-container {
	clear: both;
	width: 910px;
	height: 50px;
	padding: 0 40px 0 40px;
	/*background: url(images/templatemo_menu_bg2.jpg) no-repeat;*/
	background-color:#fff;
}

.menu-menutop-container ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu-menutop-container ul li {
	display: inline;
}

.menu-menutop-container ul li a {
	float: left;
	padding: 20px 30px 0 0;
	text-align: center;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #2aa3e8;
	font-weight: bold;
	outline: none;
}

.menu-menutop-container li a:hover, .menu li.current_page_item a{
	color: #042474;
}

.menu-menutop-container li .last {
	background: none;
}

/* end of menu*/

/* content */

.entry-header, .page h1, .content_panel_4_col h1{
	font-size: 20px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #022576;
	border-bottom: 1px solid #CCC;
	clear:both;
}
.datepublished{ font-style:italic; font-size:10px; color:#022576; text-align:right;}
.datepublished a{ font-style:italic; font-size:10px; color:#022576;}
.alignright{ float:right;}
.alignleft{ float:left;}

.page h2{font-size: 1.5em; font-weight: bold; color:#333;}
.page strong{font-weight:bolder;}
.entry-header .entry-meta{
	font-size:10px;
}

.entry-content p{
	font-size:11px;
}

.entry-content h2{
	font-size: 18px;
	font-weight: bold;
	color:#333;
}

#main {
	clear: both;
	width: 910px;
	padding: 10px 40px 0;
	/*background: url(images/templatemo_content_bg2.jpg) repeat-y;*/
	background-color:#fff;
}

#main #primary {
	float: left;
	width: 600px;
	padding: 20px 0 0 0;
	/* background: #a4ddfe; */
}

#main #secondary {
	float: right;
	width: 270px;
}

#content_left .left_column_section {
	margin: 0;
	padding: 0;
}

.left_column_section p, #primary  p{
	text-align: justify;
	margin-bottom: 5px;
}

#primary ul{padding-left:40px; margin-bottom:20px;}
#primary li{list-style:disc;}
/**Evenements**/
.header_02 {
    background: url("images/templatemo_section_01_header_bg.jpg") no-repeat scroll 0 0 transparent;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    padding: 40px 0 0;
    text-align: center;
    width: 270px;
}
.content_02{
	 background: url("images/templatemo_section_01_content_bg.jpg") repeat-y scroll 0 0 transparent;
    padding: 10px 20px 0;
}

.content_02 .title{
	color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}
.footer_02{
	background: url("images/templatemo_section_01_bottom_bg.jpg") repeat scroll 0 0 transparent;
    height: 60px;
    position: absolute;
    width: 270px;
}

/** Galerie **/
.gtitle{ clear:both;}
.galerie a{ float:left; margin:0 4px;}

/**Commentaires**/
#comments{ margin-top:20px;}
.comment-form-comment label{display:block;}

.image_box {
	float: left;
	width: 280px;
	height: 120px;
	background: #ffffff;
	border: 1px solid #999;
	padding: 4px;

}

.image_box img {
	width: 280px;
	height: 120px;
}

#content_right .right_column_section {
	clear: both;
	position: relative;
	background: url(images/templatemo_section_01_content_bg.jpg) repeat-y;
}

.right_column_section .header_02 {
	width: 270px;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	padding: 40px 0 0 0;
	text-align: center;
	background: url(images/templatemo_section_01_header_bg.jpg) no-repeat;
}


.right_column_section  .header_03 {
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #333333;
}

.right_column_section .content {
	padding: 10px 20px 0 20px;
	background: url(images/templatemo_section_01_content_bg.jpg) repeat-y;
}

.right_column_section span {
	position: absolute;
	width: 270px;
	height: 60px;
	background: url(images/templatemo_section_01_bottom_bg.jpg);
}

/* bottom panel */
#templatemo_bottom_panel {
	clear: both;
	width: 600px;
	height: 190px;
	padding: 20px 400px 30px 0;
	background: url(images/templatemo_bottom_panel_bg2.jpg) -40px 0 no-repeat;
}

.content_panel_section {
	float: left;
	width: 275px;
}

.content_panel_section ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.content_panel_4_col li {
	margin: 0px;
	padding: 0px;
	color: #2da3e9;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #CCC;
}

.content_panel_4_col li a {
	color: #2da3e9;
}

.content_panel_4_col li a:hover {
	color: #022576;
}

.content_panel_4_col li span {
	clear: both;
	display: block;
	color: #333;
	font-weight: normal;
}

.motsgras{
color:#02194e;
font-weight:bold;
}

.video{
margin-bottom:20px;
}

/* end of bottom panel*/

/* footer */
#templatemo_footer {
	clear: both;
	width: 910px;
	padding: 20px 40px 30px 40px;
	text-align: left;
	color: #fff;
	background: #02194e url(images/templatemo_footer3.jpg) 1px 0 no-repeat;
}

#templatemo_footer a{
	color: #fff;
	font-weight: bold;
}

.clear{clear:both;}
/* end of footer */


/* ColorBox*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

#connexion{
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	width: 270px;
	height: 180px;
}

#connexion fieldset{
	border: 1px solid #ccc;
	padding: 5px;
}

#connexion form {
	margin: 0 auto;
	margin-top: 5px;
}

#connexion label {
	color: #555;
	display: inline-block;
	margin-left: 3px;
	padding-top: 5px;
	font-size: 12px;
}

#connexion p a {
	font-size: 11px;
	color: #aaa;
	float: right;
	margin-top: -13px;
	margin-right: 20px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

#connexion p a:hover {
	color: #555;
}

#connexion input {
	font-size: 12px;
	outline: none;
}

#usr_email,
#pwd {
	color: #777;
	padding-left: 1px;
	margin: 1px;
	margin-top: 5px;
	margin-left: 3px;
	width: 250px;
	height: 25px;
	border: 1px solid #c7d0d2;
	border-radius: 2px;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

#usr_email:hover,
#pwd:hover {
	border: 1px solid #b6bfc0;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #f5f7f8;
}

#usr_email:focus,
#pwd:focus {
	border: 1px solid #a8c9e4;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
}


#doLogin {
	margin-right: 20px;
	margin-top: 10px;
	width: 80px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

#connexion .inscrire {
	font-size: 13px;
}



/* =Widgets
----------------------------------------------- */

.widget-area {
	font-size: 12px;
}
.widget {
	clear: both;
	margin: 0 0 2.2em;
}
.widget-title {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.widget ul {
	font-size: 15px;
	margin: 0;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
	color: #777;
	font-size: 11px;
}
.widget a {
	font-weight: bold;
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}

/* Ephemera Widget */
section.ephemera ol,
.widget_twentyeleven_ephemera ol {
	list-style: square;
	margin: 5px 0 0;
}
.widget_twentyeleven_ephemera .widget-entry-title {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}
.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link > span {
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	text-transform: uppercase;
}
section.ephemera .entry-title .comments-link a:hover,
.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
}
section.ephemera .entry-title a span {
	color: #29628d;
}