/*
Theme Name: Cactus
Description: Un thème pour le site Cactus
Version: 1.0
Author: Alain Legros
*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}

body { 
	background: #f3f3f3; 
	font-family: 'Karla', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 130%; 
	margin-top: 8px;
	color: #292929;
}
/* ----- TEXT Rules ----- */

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}

p { 	
	font-family: 'Karla', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 130%;
	margin-bottom: 18px;
}
.bigger { font-size: 17px; font-weight: 700; }
.smaller { font-size: 13px; font-weight: 400; line-height: 50%; }

b, bold, strong { font-weight: bold; }

h1, h2, h3, h5, h6 { font-family: 'Economica', sans-serif; text-transform: uppercase; }
h1, h3.widget-title {
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 14px;
	margin-bottom: 20px;
   background: url( 'images/h1-border.jpg' ) no-repeat bottom left;
}
p+h1 { margin-top: 50px;}
h2 { font-size: 22px; }
h3 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
}

h4 {	font-size: 21px;
	font-family: 'Karla', sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #d4490b;
	margin-top: 30px;
	margin-bottom: 15px;
}

p+h4 {	margin-top: 50px; }

a { color: #0b8a75; text-decoration: none; font-weight: 700; font-weight: bold; }
a:hover { color: #0FB89C; }

a.plus { 
	float: right;
	display: inline;
	color: #FFF;
	font-size: 12px;
	line-height: 25px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	width: 129px;
	height: 25px;
	background: url( 'images/plus.png' ) no-repeat;
}
a.plus:hover { font-size: 13px; font-weight: 700; }

.separateur {  /* sert de séparateur  */
	height: 64px;
	width: 700px;
	margin-bottom: 45px;
	clear: both;
	background: #f3f3f3 url( 'images/separateur.png' ) no-repeat;
}
.alignright {float:right; }
.alignleft {float:left; }

table { border: #ccc 1px solid; width: 100%; }
td { border: #ccc 1px solid; padding: 5px; width: auto; }
tr:first-child { background: #E4E4E4; }

/* structure - sizes for CONTENT */

#wrapper { width: 100%; } /* sections pleine largeur */
.green { height: 135px; border-bottom: #FFF 3px solid; background-color: #0b8a75 }
.header-triangles { background: #0b8a75 url( 'images/header-triangles.jpg' ) no-repeat right 0px; }
.orange { height: 90px; border-bottom: #FFF 3px solid; background-color: #e57921; }
.b-gris { max-height: 75px; background: #515456; }
.b-photo { height: 75px; max-width: 960px; background: #515456 url( 'images/footer-photo.jpg' ) no-repeat; 
}
.b-noir { color: #FFF; width: 100%; background: #000 url( 'images/footer-triangles.jpg' ) no-repeat; }
.border-orange { border-bottom: #e57921 5px solid; }

#container {
	width: 960px;
	margin: 0 auto;
	overflow: auto;
}

header {
	width: 960px;
	height: 135px;
	margin: 0 auto;
}
h1.header {
	text-indent: -9999px;
	font-size: 0;
	height: 0;
	padding: 0;
	margin:0;
	border: none;
	background: none;
}

#header-logo a {
	display: inline-block;
	float: left;
	width: 320px;
	height: 100px;
	margin-top: 22px;
	background: url( 'images/logo.png' ) no-repeat 0 0 transparent;
}

#header-contact {
	display: inline-block;
	float: left;
	margin-left: 250px;
	width: 220px;
	height: 135px;	
	padding-right: 10px;
	background: #0b8a75 url("images/header-contact.png") no-repeat; }
}

/* - - - - - qTranslate - - - - - */

#header-lang { 
	display: inline-block;
	float: left;
	width: 100px;
}
.qtrans_language_chooser ul { list-style-type: none; margin: 20px 15px 0 0; }
.qtrans_language_chooser li {
	float: right;
	font-size: 13px;
	line-height: 15px;	
	padding: 2px 8px; 
	border-radius: 3px;
	background: #fff;
}
.qtrans_language_chooser li a { color: #0b8a75; }
.qtrans_language_chooser li a:hover { color: #0FB89C; }
.qtrans_language_chooser li.active { display: none; }


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

nav {
	height: auto; width: 960px; 
}

.menu { 
	font-family: 'Karla', arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	text-wrap: none;
	text-transform: uppercase;	
	padding: 5px 5px; /* ceci correspond au mot le plus long */
}
.menu ul {	
	height: 84px;
	list-style:none;
}

.menu li {
    float: left;
    width: 95px;
    height: 80px;    
    padding: 0px;
    margin-right: 4px;
}
.menu li a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 30px;
    padding-top: 50px;
}
.menu li a:hover {
    text-decoration: none;
    color: #FFFFFF;
}

/* Navigation Second Level */

.menu li ul {
    position:absolute;
    display:none;
    margin-top: -5px;
    margin-left: 0;
    height: 30px;
    width: 194px;
    width: 240px\9; /* IE8 and below */
}
.menu li:hover ul {
    display:block;
}
.menu li li:hover {
    font-weight: 800;
}
.menu li li {
    display:block;
    float:none;
    border-bottom: #F2F2F2 2px solid;
position: relative;
z-index: 999999;
    height: 30px;
    width: 194px;
    width: 240px\9; /* IE8 and below */
}
.menu li ul a{
    text-align:left;

    display:block;
    height: 30px;
    padding:0px 5px 0px 10px;
    background-image: none;
}

.menu li, .menu ul li, .menu li li { background-color: #ec9b59; }
.menu a:hover { background-color: #F7D0B0; }
.menu .current-menu-ancestor, .menu li.current-menu-item, .menu li li.current-menu-item 
	{ background-color: #d4490b; }
.menu .current-menu-item a:hover { background-color: #d4490b; }

.m-accueil a { background: url( 'images/m-accueil.png' ) no-repeat; }
.m-apropos a { background: url( 'images/m-apropos.png' ) no-repeat; }
.m-actions a { background: url( 'images/m-actions.png' ) no-repeat; }
.m-horaires a { background: url( 'images/m-horaires.png' ) no-repeat; }
.m-simpliquer a { background: url( 'images/m-simpliquer.png' ) no-repeat; }


/* - - - - - CONTENT - - - - - */

#content, #content-post {
	float: right;	
	width: 700px;
	margin: 50px 0 40px 0;
}
#content-home {
	float: left;

	width: 700px;
	margin: 50px 0 40px 0;
}
#content-full {
	width: 960px;
	margin: 50px 0 40px 0;
}
span.noir {
	font-family: 'Economica', sans-serif;
	color: #FFF;
	font-size: 19px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 1px 3px;
	background-color: #000;
}


/* - - - - - SIDEBAR - - - - - */
	
#sidebar {
	width: 240px;
	float: left;
	margin: 50px 0 20px 0;
}
#sidebar-home {
	float: right;
	width: 240px;
	margin: 50px 0 20px 0;
}

.menu-side { margin-bottom: 40px; }

.menu-side a { text-decoration: none; }

.menu-side li { font-size: 28px; line-height: 50px; }
.menu-side li li{ font-size: 21px; line-height: 34px; } 

.menu-side ul, .menu-side ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu-side > li > a, .menu-side > li > a:visited, .menu-side ul li a { 
	display: block;
	position: relative;	
	color: #FFF;	
	font-family: 'Economica', sans-serif;	
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 15px;
	margin-bottom: 2px;
}

.menu-side li { display: none; pointer-events: auto; }
.menu-side li.current-menu-item,
.menu-side .sub-menu li,
.menu-side li.current-menu-ancestor { display: block; }

ul.menu-side li a, ul.menu-side li a:visited { background-color: #d4490b; }
.menu-side ul li a, .menu-side ul li a:visited { background-color: #ec9b59; }
.menu-side ul li a:hover { background-color: #e57921; }
.menu-side ul li.current-menu-item a { background-color: #e57921; }
.menu-side ul li.current-menu-item a:hover { background-color: #d4490b; }

.menu-side .nolink { pointer-events: none; cursor: default; }


/* ----- FOOTER ----- */

footer {  }

#footer-box1 { display: inline; float: left; width: 230px; padding: 30px 5px 15px 0px; background: #000; }
#footer-box2 { display: inline; float: right; width: auto; padding-top: 30px; background: #000; }
#footer-fb { display: inline; float: right; position:relative; bottom: -60px; right: 50px;}
#footer-copy { width: 960px; font-size: 12px; color: #666; }

#footer-box1 a { text-decoration: none; font-weight: 400; }
#footer-box1 a:hover { color: #B2B2B2; }
#footer-box2 a { color: #FFF; text-decoration: none; }
#footer-box2 a:hover { color: #B2B2B2; }

footer h1 {
	color: #FFF;
	font-size: 26px;
	font-weight: 400;
	padding-bottom: 12px;
	margin-left: 1px;	
	margin-bottom: 20px;
	background: url( 'images/h1-border-blanc.jpg' ) no-repeat bottom left;
}

.hMenu, .hMenu a, .hMenu a:visited, .hMenu a:hover {
	color: #FFF;
	font-size: 13px;
	font-weight: 100;
	text-decoration: none;
}
.hMenu > li, .hMenu li {
	display: inline-block;
	font-weight: 100;
	text-transform: uppercase;
	vertical-align: top;
	margin-right: 18px;
}
.hMenu li ul li { display: block; text-transform: none; margin-bottom: 0px; }
.hMenu li ul li:first-child { margin-top: 12px; }
.hMenu li:last-child { margin-right: 5px; }

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

/* - - - - - Shadow - - radial effect - - - - - */

.box {
    background: #fff;
    line-height: 0;
    margin-bottom: 30px;
}

.shadow { position:relative; }

.shadow:after { /* - radial gradient - */
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.7);
    box-shadow:0 0 30px rgba(0,0,0,0.7);
    bottom:0px;
    left:10%;
    right:10%;
    width:80%;
    height:50%;
    -moz-border-radius:100%;
    border-radius:100%;
}


/* - - - - - BLOCKQUOTE - - - - - */

blockquote {
	display: inline-block;
	width: 510px;
	padding: 0 95px;
	margin: 0;
	position: relative;
	quotes: "\201C" "\201D";
}
blockquote p { 	
	font-family: 'Karla', arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 23px;
	color: #13a189;
	padding: 0;
	margin-bottom: 30px;
}
blockquote:before, blockquote:after {
	display: inline-block;
	content: open-quote;
	font-family: Georgia, serif;
	font-size: 100px;
	font-weight: bold;
	position: absolute;
	color: #292929;
}
blockquote:before {
	content: "\201C"; /*Unicode for Left Double Quote*/
	content: open-quote;
	left: 10px;
	top: 30px;
}
blockquote:after {
	content: "\201D";
	content: close-quote;
	left: 620px;
	bottom: 10px;
}

/* - - - - - FACEBOOK official Like Box - - - - - */

.fb-like-box  {
	font-family: 'Karla', arial, sans-serif;
	font-size: 12px;
	line-height: 120%;
	font-weight: 400;
	margin-bottom: 20px;
}

.fb-like-box { background: #fff; }

#sidebar-home .fb-like-box .uiStreamStory .mainWrapper { margin: 0 10px 14px 0; }


/* - - - - - SLIDER home page - mod de Meta Slider plugin - - - - - */

#metaslider_340, #metaslider_400 { margin: 0; }
.slider-home .flexslider { margin: 0; }

.slider-home .flex-control-nav { z-index: 9999; bottom: 10px; text-align: right; font-size: 0; }
.slider-home .flex-control-nav li { margin: 0 1px; }
.slider-home .flex-control-paging li a { width: 14px; height: 14px; background: #ec9b59; }
.slider-home .flex-control-paging li a:hover { background: #d4490b; }
.slider-home .flex-control-paging li a.flex-active { background: #d4490b; }

.slider-home .flex-direction-nav a { 
	width: 40px;
	height: 40px;
}
.slider-home .flex-prev a { background: url( "images/arrow-prev.png" ) no-repeat 0 0; }
.slider-home .flex-next a { background: url( 'images/arrow-next.png' ) no-repeat 0 0; }

.slider-home .flexslider:hover .flex-prev { opacity: 0.8; left: 10px; 
	background: url( "images/arrow-prev.png" ) no-repeat 0 0; }
.slider-home .flexslider:hover .flex-next { opacity: 0.8; right: 10px; 
	background: url( 'images/arrow-next.png' ) no-repeat 0 0; }