@charset "utf-8";
/* CSS Document */
/*
Theme Name: TEPACAP
Theme URI: http://www.tepacap-savenay44.fr/
Description: Version html5 en construction
Version: 1.26
Author: Amélie Krug / francecom
Author URI: http://www.francecom.fr
Tags:
*/


/**************************************************
						RESET
***************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
	text-rendering:optimizeLegibility;
	-webkit-text-size-adjust:100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

:focus{
	outline:none;
	}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
	color:inherit;
}
a img{
	border:none;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*-------------------------------- mini class --------------------------------*/

.clr{
	clear:both;
	}
.clrl{
	clear:left;
	}
.clrr{
	clear:right;
	}

br.clear{ clear:both; display:block; width:100%; height:1px; margin:-1px 0 0 0; }

.none{ display:none; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.dbloc{ display:block; }

.hide{ text-indent:-30000px; }

.relative{ position:relative; }

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.invisible{
visibility:hidden;
}

.alignright {
float:right;
margin-left:15px;
}
.alignleft{
float:left;
margin-right:15px;
}

/**************************************************
						TEPACAP
***************************************************/
/* Lien google font*/

/*@font-face {
    font-family: 'BreeSerifRegular';
    src: url('font/bree/BreeSerif-Regular-webfont.eot');
    src: url('font/bree/BreeSerif-Regular-webfont.eot#iefix') format('embedded-opentype'),
url('font/bree/BreeSerif-Regular-webfont.woff') format('woff'),
url('font/bree/BreeSerif-Regular-webfont.ttf') format('truetype'),
url('font/bree/BreeSerif-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

/**************************************************
						STRUCTURE
***************************************************/
body{
	background:url('img/fond_body.jpg') repeat top left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	}


#global{
	position:relative;
	width:940px;
	height:auto;
	margin:-5px auto 0;
	}

#header{
	position:relative;
	width:100%;
	}
#logo{
	float:left;
	margin:0 0 20px -30px;
	}
	.logo, .lgo_titre{
	float:left;
	height:212px;
		}

	.logo{
	display:block;
	width:216px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; /* appel de la transition à l'état initial */
		}
	.logo:hover{
-webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg); 
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
		}

	.lgo_titre{
	width:607px;
		}
		
.titreblog{
	display:none;
	}
	
p, address{
	margin:5px 0 15px;
	font-size:13px;
	line-height: 16px;
	}
address{
font-weight:normal;
}

/**************************************************
						ADDTHIS
***************************************************/
#reso{
	float:right;
	width:130px;
	margin:20px 0 0;
	}
#reso ul{
	position:relative;
	width:100%;
	}
	/*#reso span{
		display:none;
		}*/
#reso ul li{
	float:left;
	width:32px;
	height:32px;
	margin:10px 0 0 10px;
	}
#reso ul li a{
	display:block;
	width:32px;
	height:32px;
	}
	
.addthis_button_compact span, .addthis_button_facebook span, .addthis_button_twitter span, 
	.addthis_button_email span, .addthis_button_print span, .addthis_button_favorites span{
		display:block;
		width:32px !important;
		height:32px !important;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; 
		}
.addthis_button_compact:hover span, .addthis_button_facebook:hover span, .addthis_button_twitter:hover span, 
	.addthis_button_email:hover span, .addthis_button_print:hover span, .addthis_button_favorites:hover span{
-webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg); 
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  }
	
	.addthis_button_compact span{
		background:url('img/bt_reso.png') no-repeat -4px -2px !important;
		}
	.addthis_button_facebook span{
		background:url('img/bt_reso.png') no-repeat -47px -2px !important;
		}
	.addthis_button_twitter span{
		background:url('img/bt_reso.png') no-repeat -92px -2px !important;
			}
	.addthis_button_email span{
		background:url('img/bt_reso.png') no-repeat -4px -44px !important;
		}
	.addthis_button_print span{
		background:url('img/bt_reso.png') no-repeat -47px -44px !important;
		}
	.addthis_button_favorites span{
		background:url('img/bt_reso.png') no-repeat -91px -44px !important;
		}
		span.at_a11y{
			text-indent:-1000em;
			/*display:none;*/
			}

/**************************************************
						RECHERCHER
***************************************************/
#recherche{
	float:right;
	width:121px;
	height:25px;
	margin:15px 0 0;
	/*background:url(img/champ_recherche.png) no-repeat left top;*/
	font-family:'Rokkitt', Verdana, sans-serif;
	}
#recherche input{
	width:27px;
	height:25px;
	float:left;
	}
	#search{
    width: 85px !important;
	height:19px !important;
	margin:2px 0 0 0;
	padding: 2px 0 0px 5px;
	color:#fff;
	font-size:16px;
	font-family:'Rokkitt', Verdana, sans-serif;
	border:solid 1px #fff;
	background:none;
	/*padding:2px;*/
	}

/**************************************************
						MENU PRINCIPAL
***************************************************/	
.menu-principal-container{
	position:relative;
	width:100%;
	height:42px;
	font-family:'Rokkitt', Verdana, sans-serif;
	color:#fff;
	font-size:16px;
	}
.menu-principal-container ul.menu li{
	width:75px;
	height:37px;
	float:left;
	border-right:solid 1px #fff;
	text-align:center;
	padding:0 15px;
	line-height: 1.1;
	text-transform:uppercase;
	}
	.menu-principal-container ul.menu li:first-child{
		/* width:60px; */
		padding:0 15px 0 0;
		}
	.menu-principal-container ul.menu li:last-child{
		border:none;
		padding:0 0 0 15px;
		}
	.menu-principal-container ul.menu li.menu-item-463{
		width:90px;
		}
	.menu-principal-container ul.menu li.menu-item-463 a, .menu-principal-container ul.menu li.menu-item-466 a{
		color: #A7BA2D;
		}
		.menu-principal-container ul.menu li.menu-item-463 a:hover, .menu-principal-container ul.menu li.menu-item-466 a:hover{
		color: #fff;
		}

.menu-principal-container ul.menu li a, .menu-principal-container ul.menu li span{
	color:#fff;
	display:block;
	cursor:pointer;

 -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease; 
}
.menu-principal-container ul.menu li a:hover, .menu-principal-container ul.menu li span:hover{
	color:#A7BA2D;
	margin:6px 0 0 0;
 /*  -webkit-transform: translate(0, 6px);
  -moz-transform: translate(0, 6px);
  -ms-transform: translate(0, 6px);
  -o-transform: translate(0, 6px);
  transform: translate(0, 6px);  */
	}
.menu-principal-container ul.menu li.current_page_item span{
	color:#5D91D6;
	cursor:text;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none; /* déclanchement de la transition au survol */
	}


/**************************************************
						SOUS MENU DEROULANT
***************************************************/

	
.menu-principal-container ul.menu li > ul.sub-menu {
	position:absolute;
	left:0;
	top:52px;
	width:940px;
	height:0;
	z-index:2000;
	background:url('img/fond_sub-menu.jpg') no-repeat 0 0;
	padding:0;

  -webkit-transition: height .7s ease;
  -moz-transition: height .7s ease;
  -ms-transition: height .7s ease;
  -o-transition: height .7s ease;
  transition: height .7s ease;
}
.menu-principal-container ul.menu li > ul.sub-menu li{
	display:none;
}
		.menu-principal-container ul.menu li:hover ul.sub-menu {
			display:block;
			left:0;
		height:350px;
		z-index:2000;
		}
		.menu-principal-container ul.menu li:hover ul.sub-menu li{
			display:block;
      -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
		}

.menu-principal-container ul.menu li > ul.sub-menu li,
.menu-principal-container ul.menu li > ul.sub-menu li:last-child
{
	width:249px;
	padding:0;
}

.menu-principal-container ul.menu li ul.sub-menu  li  ul.sub-menu, 
.menu-principal-container ul.menu li ul.sub-menu  li  ul.sub-menu li:first-child, 
.menu-principal-container ul.menu li ul.sub-menu  li  ul.sub-menu li:last-child{
	position:relative;
	width:300px;
	height:auto;
	left:0;
	top:0;
	padding:0;
	border:none;
	background:none;	
}


.menu-principal-container ul.sub-menu li, .menu-principal-container ul.sub-menu li  ul.sub-menu li{
	/*width:300px;*/
	margin:0;
	height:auto;
	float:none;
	border-right:none;
	text-align:left;
	padding:0;
	line-height: 1;
}




/**************************************************
						BLOC SOUS MENU WALKER
***************************************************/	
.bloc_menu{
	position:relative;
	width:290px;
	height:auto;
	/*min-height:150px;*/
	margin:30px 0 20px;
	padding:0 0 0 30px;
	/*margin:30px 0px 20px 30px;*/
	float:left;
	border-left:dashed #70655F 1px;
	}

.bloc_menu:first-child{
	width:259px;
	border-left:none;
}
.bloc_menu:last-child{
	width:230px;
}

.menu-principal-container ul.menu li ul.sub-menu .bloc_menu li{
	text-transform:none;
	font-size:18px;
	background:url('img/puce_verte.png') no-repeat 0 4px;
	padding:0 0 0 16px;
	/*list-style:url('img/puce_verte.png') outside;*/
	margin-bottom:15px;
	font-family:'Rokkitt', Verdana, sans-serif;
}
 
/*.menu-principal-container ul.menu li ul.sub-menu .bloc_menu li ul.sub-menu li a{
	display:block;
	text-transform:none;
	font-family:Verdana, sans-serif;
	font-size:17px;
	background:url('img/puce_fleche.png') no-repeat 0 3px;
	padding:0 0 0 10px;
	margin:0 0 5px 15px;
}       */

.menu-principal-container ul.menu li ul.sub-menu .bloc_menu li a, 
.menu-principal-container ul.menu .bloc_menu li ul.sub-menu li span{
	/*color:#fff;*/
	text-transform:none;
	display:block;
}
.menu-principal-container ul.menu li ul.sub-menu .bloc_menu li a{
	color:#E7E1DB;
	margin-bottom:10px;
		font-size:18px;
}
.menu-principal-container ul.menu li ul.sub-menu .bloc_menu li ul.sub-menu li a{
	color:#ECC27E;
}


.menu-principal-container ul.menu li ul.sub-menu .bloc_menu li a:hover, 
.menu-principal-container ul.menu li ul.sub-menu .bloc_menu li span:hover{
	color:#A7BA2D;
         text-transform:none !important;
	}
.menu-principal-container ul.menu li ul.sub-menu .bloc_menu li ul.sub-menu li a:hover{
	color:#E7E1DB;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none; 
	background:url('img/puce_fleche_crem.png') no-repeat 0 3px;
	}
.menu-principal-container ul.menu li ul.sub-menu .bloc_menu li.current-menu-item span{
	color:#A7BA2D;
	margin-bottom:10px;
}
.menu-principal-container ul.menu li ul.sub-menu .bloc_menu li  ul.sub-menu li.current-menu-item span{
	color:#A7BA2D;
	background:url('img/v_puce_fleche.png') no-repeat 0 3px;
	display:block;
	text-transform:none;
	font-family:Verdana, sans-serif;
	font-size:13px;
	padding:0 0 0 10px;
	margin:0 0 5px 15px;
}

/**************************************************
						SLIDESHOW
***************************************************/	
#slideshow{
	position:relative;
	width:100%;
	height: 350px;
	padding: 7px 0;
	
	}
#cadre{
	background:url('img/cadre_bois.png') no-repeat;
	width:954px;
	height:343px;
	position:absolute;
	top:0;
	left:-7px;
	z-index:-1;
	}
#slideshow figure, #map_canvas{
	width: 946px;
	height: 356px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
border: 3px solid #342C29;
margin-left:-3px;
z-index: 400;
	}
	
#mascotte{
	position:absolute;
	top:250px;
	left:-7px;
	z-index:10;
	width:350px;
	height:354px;
}

#nav_flech{
	position: absolute;
width: 940px;
height: 27px;
left: 0;
top: 45%;
z-index: 1000;
	}
	#prev, #next{
		display:block;
		width:22px;
		height:27px;
		background:url('img/fleche_left.png') no-repeat left top;
	  -webkit-transition: all 1.0s ease;
  -moz-transition: all 1.0s ease;
  -ms-transition: all 1.0s ease;
  -o-transition: all 1.0s ease;
  transition: all 1.0s ease; 
		}	
  
	#prev{
		float:left;
		background:url('img/fleche_left.png') no-repeat left top;
		margin:0 0 0 10px;
		}
		#prev:hover{
		
		background:url('img/fleche_left_hov.png') no-repeat left top;
		}
	#next{
		float:right;
		background:url('img/fleche_right.png') no-repeat left top;
		margin:0 10px 0 0;
		}
		#next:hover{
		background:url('img/fleche_right_hov.png') no-repeat left top;
		}

		
#btn_masquer_actu {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
	position: absolute;
		display:block;
right: 90px;
top: 5px;
	font-family:'Rokkitt', Verdana, sans-serif;
    width: 230px;	
	height: 50px;
	/* background:url('img/bt_actus.png') no-repeat 0px 28px; */
	
	font-weight:normal;
	z-index: 1050;
	  -webkit-transition: all 1.0s ease;
  -moz-transition: all 1.0s ease;
  -ms-transition: all 1.0s ease;
  -o-transition: all 1.0s ease;
  transition: all 1.0s ease; 
  cursor: pointer;
	
}
#btn_masquer_actu:hover {
/*background-position:0px 5px;
 height: 26px; */
 
}
#btn_masquer_actu p{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
 width: 230px;	
	height: 26px;
		text-align:center;
font-weight: bold;
font-size: 16px;
background: #BFD72E;
padding: 6px 15px 10px;
		

	}



 #actu_slide {
	position: absolute;
right: 90px;
top: 10px;
width: 230px;
height: 350px;
z-index: 1000;
background: url('img/fond_actu_slide.png') repeat 0 0;
padding: 0;
  
}

	#actu_slide article{
	position:relative;
	padding:0 15px;
	margin:50px 0 25px;
	color:#fff;
	}

	.plus_actu_slide{
	position: absolute;
bottom: 20px;
left: 15px;
	}
/**************************************************
						CONTENU HOME
***************************************************/	
#contenu{
	position:relative;
	width:100%;
	height:auto;
	}

.fleft{
	float:left;
	}

.fright{
	float:right;
	}
.bloc{
	width: 935px;
	margin: 30px auto;
	}

/**************************************************
						CARRES X3
***************************************************/	
.pinso{
	width:274px;
	height:auto;
	background:url('img/trait_pinceau.png') no-repeat left top;
	padding:20px 2px 0;
	
	}
.left_pinso{
	float:left;
}	
.marg_pinso{
margin: 0 52px 0 0;
}
.right_pinso{
	float:right;
}
.carre{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
	width:270px;
	height:270px;
	padding:22px 40px 15px;
	}

.carre header, .carre article{
	color:#fff;
}
.carre header{
		height:45px;
	font-family:'Rokkitt', Verdana, sans-serif;
}
.carre article{
		height:135px;
}
.carre footer{
		height:25px;
		margin:20px 0 0;
	font-family:'Rokkitt', Verdana, sans-serif;
}

a.savoir{
	display:block;
	font-family:'Rokkitt', Verdana, sans-serif;
    width: 108px;	
	height: 14px;
	background:#fff;
    padding: 5px;
	font-weight:bold;
	font-size:16px;
  -webkit-transition: color .5s ease-in, -webkit-transform 0.5s ease;
  -moz-transition: color .5s ease-in, -moz-transform 0.5s ease;
  -ms-transition: color .5s ease-in, -ms-transform 0.5s ease;
  -o-transition: color .5s ease-in, -o-transform 0.5s ease;
  transition: color .5s ease-in, transform 0.5s ease;
	}
a.savoir:hover{
  -webkit-transform: translate(20px, 0);
  -moz-transform: translate(20px, 0);
  -ms-transform: translate(20px, 0);
  -o-transform: translate(20px, 0);
  transform: translate(20px, 0);
}

/**************************************************
						SPECIAL GROUPE HOME
***************************************************/	
#group{
	background:#5E90D5;
	}
	#group h2, #galerie h2, #promo h2{
		height:23px;
		font-size:19px;
		border-bottom:solid 3px #fff;
		font-weight:normal;
			width:100%;
	}
	/* #group h2{
		width:110px;
		}
	#galerie h2{
		width:150px;
		}
	#promo h2{
		width:120px;
		} */

#group footer nav a{
  	color:#5E90D5;
	}
#group footer nav a:hover{
  	color:#1A57A3;
	}

/**************************************************
						GALERIE PHOTO HOME
***************************************************/	
#galerie{
	background:#B2CC24;
	}
	#galerie article img{
		display:block;
		float:left;
		width:38px;
		height:38px;
		border:solid 1px #534741;
		margin:0 4px 7px 0;
		
		}
#galerie footer nav a{
	color:#A6BD29;
	}
#galerie footer nav a:hover{
	color:#738403;
	}

/**************************************************
						PROMO HOME
***************************************************/	
#promo{
	background:#EDB91E;
	}
#promo footer nav a{
	color:#E2AD0B;
	}
#promo footer nav a:hover{
	color:#B77803;
	}


/**************************************************
						FOOTER
***************************************************/	
#footer{
	position:relative;
	width:100%;
	height:130px;
	color:#998675;
	font-size:14px;
	padding:5px 0;
	font-family:'Rokkitt', Verdana, sans-serif;
	}


#footer a{
	color:#998675;
	font-family:'Rokkitt', Verdana, sans-serif;
	}
#footer a span{
	color:#EBC98D;
	text-decoration:underline;
	}
#footer strong{
	color:#736357;
	}
#in_foot{
	text-align:center;
	}

#copyright, address{
	margin:10px auto;
	}

/**************************************************
						MENU FOOTER
***************************************************/	
#m_footer{
	margin:20px 0;
}
#m_footer ul{
	background:url('img/border_footer.png') repeat-x left center;
	padding:12px 6px 9px;
	display:inline;
	}
	#m_footer ul li{
	display:inline;
	border-right:solid 2px #998675;
	padding:0 7px;
	font-style:normal;
	text-align:center;
	font-size:19px;
}
#footer address p, #copyright p{
	display:inline;
	border-right:solid 2px #998675;
	padding:0 7px;
	font-style:normal;
	text-align:center;
	font-size:17px;
}
#m_footer ul li:last-child, #footer address p:last-child, #copyright p:last-child, #footer address p.last{
	border:none;
}

#m_footer ul li a, #footer address p a{
	-webkit-transition: color .5s ease-in;
    -moz-transition: color .5s ease-in;
    -o-transition: color .5s ease-in;
    transition: color .5s ease-in;
	}
#m_footer ul li a:hover, #footer address p a:hover{
	color:#EBC98D;
	}



/**************************************************
						BLOCS PAGE INTERNE 1
***************************************************/	
.bloc_page{
	width:940px;
	/*min-height:623px;*/
	height:auto;
	position:relative;
	margin:0;
	}

                                                                 
/**************************************************
				BACKGROUND CONTENT PAGE
***************************************************/	
.top{
	background:url('img/back_content_top.png') no-repeat top left;
	width:952px;
	height:31px;
	margin:0 0 0 -6px;
	}
.bottom{
	background:url('img/back_content_bottom.png') no-repeat top left;
	width:952px;
	height:14px;
	margin:0 0 0 -6px;
	}
.middle{
	position:relative;
	background:url('img/back_content_middle.png') repeat-y top left;
	width:952px;
	/*min-height:607px;*/
	height:auto;
	margin:0 0 0 -6px;
	padding: 0 0 150px 0;
	}

/**************************************************
						FILE D ARIANE
***************************************************/	
#breadcrumbs{
	font-weight:normal;
	color:#77726E;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	}
#breadcrumbs a{
	font-weight: normal;
}
#breadcrumbs a:hover{
	text-decoration:underline;
}


/**************************************************
			CONTENT + TITRES PAGE INTERNE
***************************************************/	
.content{
	width:100%;
	position:relative;
	/* margin:0 0 0 350px; */
	padding:5px 50px 0 350px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
min-height: 720px;
	}
	.content2{
	width: 100%;
position: relative;
/* margin: 0 0 0 50px; */
padding: 5px 50px 0 50px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.content_serv{
	width:550px;
	position:relative;
	margin:0 0 0 350px;
	padding:5px 0 80px 0;
	}
	
.content h1, .content_serv h1, .content2 h1, .sidebar h1{
	margin:20px 0;
	font-family:'Rokkitt', Verdana, sans-serif;
	color:#BFD72E;
	font-size:25px;
	font-weight: normal;
	}
.content h2, .content_serv h2, .content2 h2, .sidebar h2, .content h2 a, .content_serv h2 a, .content2 h2 a{
	margin:20px 0 10px ;
	font-family: 'Pacifico', cursive;	
	color:#776C67;
	font-size:21px;
	font-weight: normal;
	line-height: 30px;
	clear:both;
	}
.content h3, .content_serv h3, .content2 h3{
font-family: 'Rokkitt', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
color: #13478C;
margin: 15px 0 10px 0;
	clear:both;
}
.content img, .content_serv img, .content2 img{
border:solid 3px white; 
box-shadow: 0 0 6px #979797; 
-moz-box-shadow: 0 0 6px #979797; 
-webkit-box-shadow: 0 0 6px #979797;
margin-top:5px;
margin-bottom:20px;
}
.wp-caption-text{
font-size: 10px;
font-style: italic;
margin-top: -20px;
color: #776C67;
}

.content a, .content_serv a, .content2 a{
	color: #8B9E22;
	font-weight: bold;
	-webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s easer;
	}
	.content a:hover, .content_serv a:hover, .content2 a:hover{
	color: #776C67;
	}
.content p, .content_serv p, .content2 p, .content address, .content_serv address, .content2 address{
	line-height:18px;
	color: #564F4C;
	}
.content strong, .content_serv strong, .content2 strong{
	font-weight: bold;
  color:#776C67 /*#638C3A*/;
	}
.content ul, .content_serv ul, .content2 ul{
	margin:10px 0 15px 0px;
	}
	
.content ul li, .content_serv ul li, .content2 ul li{
	list-style:url('img/puce_verte.png') inside;
	margin:0 0 10px 0px;
	line-height:17px;
	font-size:13px;
	color: #564F4C;
	}
.content ul li em, .content_serv ul li em, .content2 ul li em, .sidebar ul li em{
	font-family: 'Pacifico', cursive;	
	color:#5D91D6;
	font-size:15px;
	font-style:normal;
	color: #564F4C;
	}

.sidebar h3, .sidebar_sousrub h3{
	margin:25px 0;
	font-family: 'Pacifico', cursive;	
	color:#776C67;
	font-size:17px;
	}
.sidebar ul li, .sidebar_sousrub ul li{
	background:url("img/v_puce_fleche.png") no-repeat 0px 3px;
	list-style:none;
	margin:0 0 15px 0;
	padding:0 0 0 12px;
	}

.cat_faq{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
padding: 15px 0 3px 0;
background-color: white;
border-radius: 7px;
-moz-box-shadow:0 3px 1px #CEC5C2;
	-webkit-box-shadow:0 3px 1px #CEC5C2;
	box-shadow: 0 3px 1px #CEC5C2;
	margin: 10px 0 20px;
}
.cat_inf{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
padding: 15px 0 3px 0;
background-color: white;
border-radius: 7px;
-moz-box-shadow:0 3px 1px #CEC5C2;
	-webkit-box-shadow:0 3px 1px #CEC5C2;
	box-shadow: 0 3px 1px #CEC5C2;
	margin: 20px 0 20px;
}
.cat_faq h1, .cat_inf h1{
margin: 0 0 20px 0;
font-family: 'Rokkitt', Verdana, sans-serif;
color: white;
font-size: 23px;
font-weight: normal;
background-color: #CEC5C2;
padding: 5px 5px 7px 0px;
text-align: center;
}
.sous_menus{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
padding: 5px 5px 3px 15px;
}

#id_Groupes li ul.sub-menu{
margin: 10px 0 0 5px;
}


/**************************************************
						SIDEBAR
***************************************************/	
.sidebar{
	width:305px;
	height:100%;
	position:absolute;
	top:6px;
	left:0;
	z-index:100;
	padding-bottom : 12px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
	}
.back_sidebar{
	width:100%;
	height:100%;
	background:url('img/sidebar_fond.png') repeat-y left top;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
padding : 20px;
	}
.sidebar_sousrub{
	width:280px;
	float:left;
	margin:0 0 0 25px;
	padding:0 0 10px 0;
	}
	.jane{
		background:url('img/jane.png') no-repeat left bottom;
		width:120px;
		height:281px;
		position:absolute;
		bottom:-21px;
		left: -23px;
		z-index:200;
		}
	.superman{
		background:url('img/superman.png') no-repeat left bottom;
		width:131px;
		height:310px;
		position:absolute;
		bottom:15px;
		right:90px;
		z-index:200;
		}
	.tarzan{
		background:url('img/tarzan.png') no-repeat left bottom;
		width:279px;
		height:255px;
		position:absolute;
		top:360px;
		right:3px;
		z-index:200;
		}
.img-rub{
position: relative;
margin: 50px 0 20px 0;
clear: both;
background: white;
border-radius: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0 9px;
-moz-box-shadow:0 3px 1px #CEC5C2;
	-webkit-box-shadow:0 3px 1px #CEC5C2;
	box-shadow: 0 3px 1px #CEC5C2;
}	
.img-rub img{
box-shadow: 0 0 6px #979797; 
-moz-box-shadow: 0 0 6px #979797; 
-webkit-box-shadow: 0 0 6px #979797;
border:solid 4px white; 
margin: 10px 0;
}

/**************************************************
						PANNEAU PHOTO + VIDEO
***************************************************/	
	.panno a.video_p, .panno a.photo_v{
		display:block;
		width:154px;
		position:absolute;
		right:50px;
		z-index:300;
	
		}
	.panno a.video_p{
		background:url('img/video_p.png') no-repeat left bottom;
		height:58px;
		bottom:108px;
		}
	.panno a.video_p:after{
		background:url('img/video_p_hover.png') no-repeat left bottom;
		height:58px;
		}
	
	.panno a.photo_v{
		background:url('img/photo_v.png') no-repeat right bottom;
		height:130px;
		bottom:-22px;
		}
	.panno a.photo_v:after{
		background:url('img/photo_v_hover.png') no-repeat left bottom;
		height:130px;
		}


	.panno a.video_p:after, .panno a.photo_v:after, .panno a.video:after, .panno a.photo:after {
		content:'';
		opacity:0;
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:154px;
		/* z-index:-1; */
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s easer;
	}
		.panno a.video_p:hover:after, .panno a.photo_v:hover:after, .panno a.video:hover:after, .panno a.photo:hover:after {
			opacity:1;
		}

/**************************************************
						PANNEAU PHOTO ou VIDEO
***************************************************/	
	.panno a.video, .panno a.photo{
		display:block;
		width:154px;
		height:188px;
		position:absolute;
		right:50px;
		bottom:-21px;
		z-index:10;
		}
	.panno a.video{
		background:url('img/video.png') no-repeat left bottom;
		}
	.panno a.video:after{
		background:url('img/video_hover.png') no-repeat left bottom;
		height:188px;
		}
	.panno a.photo{
		background:url('img/photo.png') no-repeat right bottom;
		}
	.panno a.photo:after{
		background:url('img/photo_hover.png') no-repeat left bottom;
		height:188px;
		}


/**************************************************
						MENU INFOS PRATIQUES
***************************************************/	

/*** les <li> **************/

#menu-infospratiques{
	margin:20px 0 0;
	}
#menu-infospratiques li{
	float:left;
	list-style:none;
	margin:20px 10px 0;
	padding:0;
	background:none;
	height: 170px;
	}

.sous_menus li a{
	color: #564F4C;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
	}
	.sous_menus li a:hover{
	color: #8B9E22;
	}
.sous_menus li.current-cat a{
color: #8B9E22;
}
		
/*** les <span> images**************/
.i_menu{
	display:block;
	width:115px;
	height:115px;
	/*background-color: #fff;*/
    background-repeat: no-repeat;
    border-radius: 80px 80px 80px 80px;
	border:7px solid #fff;
	box-shadow: -4px 0 10px #c1bbb8;
	  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; 
  background-position:-3px -1px;
  background-repeat:no-repeat;
	}
#menu-infospratiques li a .i_menu{
	width:100px;
	height:100px;
	border:4px solid #fff;
  background-position:-10px -10px;
	}

/***  MASQUES DU MENU INFOS PRATIQUES  **************/
#menu-infospratiques .pos_1 .i_menu{
	background-image:url(img/masque_vert_jaun.jpg);
}
#menu-infospratiques .pos_2 .i_menu{
	background-image:url(img/serv_tarifs.png);
}
#menu-infospratiques .pos_3 .i_menu{
	background-image:url(img/cible.jpg);
	background-position: -5px -6px;
}
#menu-infospratiques .pos_4 .i_menu{
	background:url(img/serv_renseignements.png) -7px -8px;
	}


	
	#menu-infospratiques .pos_1 a:hover .i_menu,
	#menu-infospratiques .pos_2 a:hover .i_menu,
	#menu-infospratiques .pos_3 a:hover .i_menu,
	#menu-infospratiques .pos_4 a:hover .i_menu
	{
	border:4px solid #C0D72F;
		}
/*** les <span> titres**************/		
 
.t_menu{
	display:block;
	width:110px;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	font-family:'Rokkitt', Verdana, sans-serif;
	color:#534741;
	/* font-size:18px; */
	line-height:16px;	
	background-color: #fff;
	box-shadow: -4px 0 10px #c1bbb8;
	height: auto;
    margin: 13px 0 0;
    padding: 8px 0;	
	  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; /* appel de la transition à l'état initial */
	}
  #menu-infospratiques li.pos_1 a .t_menu{
  /*background-color: #FCCD0B; */
  }

	#menu-infospratiques .pos_1 a:hover .t_menu,
	#menu-infospratiques .pos_2 a:hover .t_menu,
	#menu-infospratiques .pos_3 a:hover .t_menu,
	#menu-infospratiques .pos_4 a:hover .t_menu
	{
	color:#fff;
	background-color: #C0D72F;
	}
	/**************************************************
						MENU SERVICE JEUNESSE
***************************************************/	

/*** les <li> **************/

#menu-servicejeunesse li,
#menu-menuclinoeil li{
	float:left;
	list-style:none;
	height:200px;
	background:none;
	padding:0;
	}

/*** les <li> **************/
#menu-menuclinoeil .gsco1, #menu-menuclinoeil .gsco2, #menu-menuclinoeil .gsco3{
	margin:30px 23px;
	}
#menu-menuclinoeil .gsco4, #menu-menuclinoeil .gsco5{
	margin:80px 23px 0;
	}
	
/*** les <a> service jeunesse  **************/
#menu-servicejeunesse .pos_1 a{
	display:block;
	background:url(img/serv_activite.png) no-repeat 1px 1px;
	}
#menu-servicejeunesse .pos_2 a{
	display:block;
	background:url(img/serv_journee.png) no-repeat 2px 2px;
	}
#menu-servicejeunesse .pos_3 a{
	display:block;
	background:url(img/serv_minicamp.png) no-repeat 1px 1px;
	}

/*** les <a> groupe scolaire  **************/
#menu-menuclinoeil .gsco1 a{
	display:block;
	background:url(img/gs_etudiant.png) no-repeat 1px 1px;
	}
#menu-menuclinoeil .gsco2 a{
	display:block;
	background:url(img/gs_tipi_reception.png) no-repeat 2px 2px;
	}
#menu-menuclinoeil .gsco3 a{
	display:block;
	background:url(img/gs_minicamp.png) no-repeat 1px 1px;
	}
/*#menu-menuclinoeil .gsco4 a{
	display:block;
	background:url(img/gs_clverte.png) no-repeat 1px 1px;
	}*/
		




/***  MASQUES DU MENU GROUPE SCOLAIRE  **************/
#menu-menuclinoeil .gsco1 .i_menu{
	background-image:url(img/masque_vert_rouge.jpg);
}
#menu-menuclinoeil .gsco2 .i_menu{
	background-image:url(img/masque_rouge_jaun.jpg);
}
#menu-menuclinoeil .gsco3 .i_menu{
	background-image:url(img/masque_bleu_jaun.jpg);
}
#menu-menuclinoeil .gsco4 .i_menu{
	background-image:url(img/masque_bleu_rouge.jpg);
}
/*#menu-menuclinoeil .pos_5 .i_menu{
	background-image:url(img/serv_renseignements.png);
}
*/



#menu-menuclinoeil .gsco1 a:hover .i_menu, 
#menu-menuclinoeil .gsco2 a:hover .i_menu, 
#menu-menuclinoeil .gsco3 a:hover .i_menu,
#menu-menuclinoeil .gsco4 a:hover .i_menu{
  	background-position:-3px -120px;
		}
	
	



/**************************************************
			GALERIE PHOTO
***************************************************/	
.img_galerie img{
width:auto;
height:auto;
margin-right:15px;
}

/**************************************************
			FORMULAIRE CONTACT
***************************************************/	
.bloc-contenu{
position:relative;
width:100%;
}
#contactform, #form_resa{
	margin:10px 0 0;
    width: 80%;
	}

#contactform input,#contactform textarea,#contactform select, 
#form_resa input, #form_resa textarea, #form_resa .nbr_pers  .nbr_adult{
	display:block;
	border:1px solid #e8e8e8;
	padding:5px 5px;
	margin-bottom:10px;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; 
	-moz-box-shadow:0 3px 1px #D6E6E5;
	-webkit-box-shadow:0 3px 1px #D6E6E5;
	box-shadow: 0 3px 1px #D6E6E5;
	border-radius:5px;
	background-color: #fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#54767F;
}

#contactform input,#contactform textarea, 
#form_resa input, #form_resa textarea{
	width:100%;
}
#contactform #objet, #contactform #submitmessage{
	width:50%;
}
/* #contactform #submitmessage{
float:right;
margin-right: -12px;
} */
#contactform .hidden, 
#form_resa .hidden{display:none;
}
#contactform input[type="text"]:hover,#contactform textarea:hover,#contactform input[type="text"]:focus,#contactform textarea:focus,
#form_resa input[type="text"]:hover,#form_resa textarea:hover,#form_resa input[type="text"]:focus,#form_resa textarea:focus{
	background-color:#E6F0F2;
}
#contactform #submitmessage, #ok{
	font-size:15px;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; 
    border: 1px solid #E8E8E8;
	color:#fff;
	background-color:#A7BA2D;
	cursor:pointer;
	-moz-box-shadow:0 3px 1px #D6E6E5;
	-webkit-box-shadow:0 3px 1px #D6E6E5;
	box-shadow:0 3px 1px #D6E6E5;
	border-radius:5px;
}

.type_heb, .date_resa, .duree_resa, .nbr_pers{
margin-bottom:10px;
position:relative;
width:100%;
clear:both;
}
#form_resa .date_resa input, #form_resa .duree_resa input{
width:38%;
}
.nbr_pers select{
width:40%;
}
.like_d{
width:60%;
margin:0 0 10px 40%;
}
#nomlocatif{
	display:block;
	width: 220px;
	float: right;
	height: 20px;
	border:1px solid #e8e8e8;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; 
	-moz-box-shadow:0 3px 1px #D6E6E5;
	-webkit-box-shadow:0 3px 1px #D6E6E5;
	box-shadow: 0 3px 1px #D6E6E5;
	border-radius:5px;
	background-color: #fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#54767F;
}

#form_resa .date_resa input, #form_resa .date_resa label, #form_resa .duree_resa input, #form_resa .duree_resa label, .nbr_pers label, .nbr_pers select, #form_resa p.titre_heb{
float:left;
height: 17px;
}
#form_resa .date_resa label, #form_resa .duree_resa label, .nbr_pers label, #form_resa p.titre_heb{
width:40%;
}
#form_resa .nbr_pers  .nbr_adult{
height:27px;
	
}
#form_resa .submitform{
width:40%;
clear:left;
margin: 15px 0 0 40%;
}

#form_resa input[type="radio"]{
width: auto;
float: left;
margin: 5px 10px 0 0;
}
#ok{
    margin: 0 0 0 5px;
    padding: 2px 5px 5px;
	}

#contactform #submitmessage:hover, #form_resa #submitmessage:hover, #ok:hover {
	background-color:#776C67;
}

.itineraire label{
font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#54767F;
	}
.itineraire #start{
	width:33%;
	border:1px solid #e8e8e8;
	padding:5px 5px;
	/* margin-bottom:10px; */
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; 
	-moz-box-shadow:0 3px 1px #D6E6E5;
	-webkit-box-shadow:0 3px 1px #D6E6E5;
	box-shadow: 0 3px 1px #D6E6E5;
	border-radius:5px;
	background-color: #fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#54767F;
}

.infomap{
font-size: 12px;
line-height: 16px;
color: #776C67;
}



/* = pirobox
*****************************************************************************************/
.piro_html {position:absolute; top:0; left:0; padding:0; width:500px; height: 500px; margin:0; display:block; padding:0; z-index:150001; padding:0;  }
.piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;}
.piro_html img{ margin:0; padding:0; border:none;}

.piro_html .h_t_l{ width:10px; height:10px; background:  url(img/pirobox/new_skin.png) top left no-repeat;}
.piro_html .h_t_r{ width:10px; height:10px; background:  url(img/pirobox/new_skin.png) top right no-repeat;}
.piro_html .h_t_c{ cursor:move; height:10px;background:  url(img/pirobox/new_skin_top.png) top repeat-x;}

.piro_html .h_c_l{width:10px; background:  url(img/pirobox/new_skin_left.png) left repeat-y; }
.piro_html .h_c_c{background:  url(img/pirobox/caption.png);margin:0; padding:0;}
.piro_html .h_c_c .div_reg{ background:  url(img/pirobox/caption.png); width:480px; overflow:hidden; height:480px; margin:0; padding:0; }
.piro_html .h_c_c .div_reg img{ cursor:move;}
.piro_html .h_c_r{width:10px; background:  url(img/pirobox/new_skin_left.png) right repeat-y;}

.piro_html .h_b_c{ cursor:move; height:10px;background:  url(img/pirobox/new_skin_top.png) bottom repeat-x;}
.piro_html .h_b_l{ width:10px; height:10px;background:  url(img/pirobox/new_skin.png) bottom left no-repeat;}
.piro_html .h_b_r{ width:10px; height:10px;background:  url(img/pirobox/new_skin.png) bottom right no-repeat;}

.piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%;  z-index:150000;background:#fff;display:none; cursor:pointer;}
.piro_loader{position:absolute;top:50%;left:50%;margin:-59px 0 0 -59px;width:118px;height:118px;display:block;z-index:150005;  cursor:pointer; }
.piro_loader span{position:absolute;top:50%;left:50%;margin-top:-36px;margin-left:-36px;width:72px;height:72px;display:block;z-index:150009; background:  url(img/pirobox/loadinfo.gif) center top no-repeat; }
.piro_title{position:fixed; background:  url(http://www.tepacap-savenay44.fr/wp-content/themes/fcx/img/pirobox/bg_title.png) bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;}
.btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background:  url(http://www.tepacap-savenay44.fr/wp-content/themes/fcx/img/pirobox/b_w/info.png) no-repeat; z-index:1500440}
.caption{position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background:  url(img/pirobox/caption.png); z-index:150018}
.caption p{ display:block; margin:0;padding:7px 5px; text-align:center; font-weight:normal; font-size:14px; color:white; z-index:150019; color:white;}

.nav_container{position:absolute; right:5px; bottom:-20px;  height:25px; width:60px; background:   url(img/pirobox/bottom_nav.png) bottom; z-index:1500190000000;}
.piro_close{position:absolute;right:20px; top:0;height:20px;width:20px;background: transparent  url(img/pirobox/close.png) no-repeat center center;cursor:pointer;margin:0 0 0 0;z-index:150022;display:none;}
a.piro_next{position:absolute;width:20px; top:0; right:0px; height:20px;text-indent:-999em;outline:none; display:block; margin:0;background: url(img/pirobox/next.png) center right no-repeat; border:none; cursor:pointer;z-index:150023}
a:hover.piro_next{background: url(img/pirobox/next.png) center right no-repeat;}
.piro_next_fake{position:absolute;width:20px;  top:0;right:0px; height:20px;outline:none; text-indent:-999em; display:none; margin:0;background:  url(img/pirobox/next.png) center right no-repeat; border:none; cursor:auto;z-index:150020}
.piro_prev_fake{position:absolute;width:20px;  top:0;right:40px; height:20px;outline:none; text-indent:-999em; display:none; margin:0;background:  url(img/pirobox/prev.png) center right no-repeat; border:none; cursor:auto;z-index:150020}

a.piro_prev{position:absolute;width:20px; right:40px; top:0; height:20px; text-indent:-999em; outline:none;display:block;margin:0;background:  url(img/pirobox/prev.png) center left no-repeat;border:none; cursor:pointer; z-index:150024}
a:hover.piro_prev{background: url(img/pirobox/prev.png) center left no-repeat;}
a.close_pirobox{color:#bb0f05;}


/**************************************************
		TABLEAUX TARIFS
***************************************************/	


 .wp-table-reloaded {
border-collapse: separate;
border-spacing: 3px;
background-color: white;
margin: 10px 0px 15px 0px;
font-size: 8pt;
width: 100%;
text-align: center;
line-height: 20px;
}

.wp-table-reloaded-table-description{
color: #77726E;
line-height:17px;
}

.wp-table-reloaded th{
background-color: #A7BA2D;
padding: 5px 10px;
color: white!important;
font-family: 'Rokkitt', Verdana, sans-serif;
font-size: 18px;
text-align: left;
}
.wp-table-reloaded td, td{
padding: 5px 10px;
color: #6B625E;
vertical-align: middle;
}

.column-1{
text-align: left;
font-weight: bold;
}

.wp-table-reloaded .row-2 td{
 /*background-color: #C1D34E;   */
 background-color: #EAE2DE;
padding: 5px 10px;
color: #4477BA;
text-align: center;
font-weight: bold;
}
.content td{
 background-color: #EAE2DE;
padding: 5px 10px;
color: #4477BA;
}
.wp-table-reloaded .row-3 td, .wp-table-reloaded .row-4 td, .wp-table-reloaded .row-10 td, .wp-table-reloaded .row-7 td{
background-color: #9E938F;
padding: 5px 10px;
color: white;


}
.wp-table-reloaded .row-5 td, .wp-table-reloaded .row-8 td, .wp-table-reloaded .row-9 td, .wp-table-reloaded .row-11 td, .wp-table-reloaded .row-12 td, .wp-table-reloaded .row-6 td{
background-color: #D8D0CD;
padding: 5px 10px;
color: #6B625E;

 }

 #wp-table-reloaded-id-4-no-1 .row-5 td, #wp-table-reloaded-id-4-no-1 .row-6 td{
 background-color: #EAE2DE;
color: #4477BA;
text-align: center;
font-weight: bold;
 }

#wp-table-reloaded-id-4-no-1 .row-7 .column-1{
text-align: center;
font-weight: normal;
 }
       
#wp-table-reloaded-id-5-no-1 .row-4 td{
background-color: #D8D0CD;
padding: 5px 10px;
color: #6B625E;
}
#wp-table-reloaded-id-5-no-1 .row-5 td{
background-color: #9E938F;
padding: 5px 10px;
color: white;
}
#wp-table-reloaded-id-5-no-1 .row-6 td{
background-color: #EAE2DE;
padding: 5px 10px;
color: #4477BA;
text-align: center;
font-weight: bold;
}

iframe.vignet_video{
width:240px;
height:144px;
border:solid 3px white; 
box-shadow: 0 0 6px #979797; 
-moz-box-shadow: 0 0 6px #979797; 
-webkit-box-shadow: 0 0 6px #979797;
}
.placement_video{
width:260px;
margin-bottom: 20px;
float:left;
}


#menu-plan_site li a{
font-weight: normal;
font-size: 14px;
margin: 15px 0 10px 0;
color: #534741;
}
#menu-plan_site li .sub-menu li{
background: url("img/v_puce_fleche.png") no-repeat 0px 3px;
list-style: none;
margin: 0 0 15px 0;
padding: 0 0 0 12px;
}
#menu-plan_site li .sub-menu li a{
font-size: 13px;
font-weight: normal;
color: #534741;
}
#menu-plan_site li a:hover, #menu-plan_site li .sub-menu li a:hover{
color: #A6BD29;
margin: 0 0 0 15px;
}

#fb-like{
position: absolute;
top: -8px;
right: 25px;
z-index: 1000;
}