/*********************************************************************
 ******************* TOP BOTTOM ARTICLE GALERIE **********************
 *********************************************************************/
 
@import url(top.css);
@import url(bottom.css);
@import url(galerie.css);
@import url(options.css);
@import url(tinymce.css);
@import url(mooflow.css);
@import url(//fonts.googleapis.com/css?family=Comfortaa:400,700);
/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
img {
 border: none;
}

a, strong, b {
 color: #000;
 text-decoration: none;
}

body {
 background:#4770AF url(../img/bg_body.jpg) no-repeat center bottom;
 font-family: Myriad Pro, Helvetica, Arial;
 font-size: 14px;
 color:#000;
 margin:0;
 padding:0px;
 border-top:100px solid #B3C91F;
}

.conteneur {
 margin:-100px auto 0;
 padding:0px;
 width:980px;
 position:relative;
}

*:focus {
 outline: none;
}

/* ------ MENU ACCORDEON ------ */

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
} 

.acc_element h3 {
 margin: 0;
 padding: 0;
} 

/* ------ MENU ACCUEIL ------ */

#homeMenu{
}

#homeMenu a{
display:inline-block;
width:150px;
height:300px;
text-align:center;
margin:0 5px 5px 
}

#homeMenu a .strut, #homeMenu a .homeLink{
display:inline-block;
vertical-align:middle;
}

#homeMenu a .strut{
height:100%;
width:0
}

#homeMenu a .homeLink{
padding:20px 10px;
width:130px;
background:#FFF;
opacity:0.5;
text-transform:uppercase
}

/* ------ STRUCTURE DE LA PAGE (DECOUPAGE) ------ */

h1 {
 text-indent: -9999px; 
 margin: 0;
 padding: 0;
}

h2.block {
 margin: 0px;
 padding: 3px 5px 1px 5px;
 background: #aaa;
 color: #000;
 font-size: 15px;
}

div.block {
 padding: 5px;
}

h3 {
 margin: 0;
 padding: 0;
 font-size: 14px;
}

#partie_centrale {
 background:#fff;
 padding:125px 0;
 margin: 0 auto;
 width: 980px;
 min-height: 300px;
}

#partie_centrale #wrapper {
 height: 100%;
 float: right;
 background: #eee;
}

#partie_droite {
 float: left;
 margin: 0px 0px;
 width: 650px;
}

#partie_gauche {
 float: left;
 margin:0 20px 0px 0;
 width: 260px;
}

.cadre {
 padding: 10px 0;
}

#partie_gauche .cadre {
 margin-right: 5px;
 padding: 10px 0 10px 10px;
}

#partie_droite .cadre {
 margin: 0 15px 5px 0;
 padding: 10px 0 10px 10px;
}

.radius-2px {
 -moz-border-radius-bottomleft:2px;
 -moz-border-radius-bottomright:2px;
 -moz-border-radius-topleft:2px;
 -moz-border-radius-topright:2px;
 -webkit-border-bottom-left-radius: 2px 2px;
 -webkit-border-bottom-right-radius: 2px 2px;
 -webkit-border-top-left-radius: 2px 2px;
 -webkit-border-top-right-radius: 2px 2px; 
}

.radius-3px {
 -moz-border-radius-bottomleft:3px;
 -moz-border-radius-bottomright:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 -webkit-border-bottom-left-radius: 3px 3px;
 -webkit-border-bottom-right-radius: 3px 3px;
 -webkit-border-top-left-radius: 3px 3px;
 -webkit-border-top-right-radius: 3px 3px; 
}

.radius-4px {
 -moz-border-radius-bottomleft:4px;
 -moz-border-radius-bottomright:4px;
 -moz-border-radius-topleft:4px;
 -moz-border-radius-topright:4px;
 -webkit-border-bottom-left-radius: 4px 4px;
 -webkit-border-bottom-right-radius: 4px 4px;
 -webkit-border-top-left-radius: 4px 4px;
 -webkit-border-top-right-radius: 4px 4px; 
}

.radius-2px-top {
 -moz-border-radius-topleft:2px;
 -moz-border-radius-topright:2px;
 -webkit-border-top-left-radius: 2px 2px;
 -webkit-border-top-right-radius: 2px 2px; 
}

.radius-3px-top {
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 -webkit-border-top-left-radius: 3px 3px;
 -webkit-border-top-right-radius: 3px 3px; 
}

.radius-4px-top {
 -moz-border-radius-topleft:4px;
 -moz-border-radius-topright:4px;
 -webkit-border-top-left-radius: 4px 4px;
 -webkit-border-top-right-radius: 4px 4px; 
}

.radius-2px-bottom {
 -moz-border-radius-bottomleft:2px;
 -moz-border-radius-bottomright:2px;
 -webkit-border-bottom-left-radius: 2px 2px;
 -webkit-border-bottom-right-radius: 2px 2px; 
}

.radius-3px-bottom {
 -moz-border-radius-bottomleft:3px;
 -moz-border-radius-bottomright:3px;
 -webkit-border-bottom-left-radius: 3px 3px;
 -webkit-border-bottom-right-radius: 3px 3px; 
}

.radius-4px-bottom {
 -moz-border-radius-bottomleft:4px;
 -moz-border-radius-bottomright:4px;
 -webkit-border-bottom-left-radius: 4px 4px;
 -webkit-border-bottom-right-radius: 4px 4px; 
}

/* --- Articles --- */

.article{
clear:both
}

h2.content-title, .article h2, h2.titre {
 margin: 0;
 padding: 0px 0 15px;
 font:bold italic 16px Myriad Pro, Arial, Helvetica, sans-serif;
 color: #000;
}
.article .contenu h3, .description h3 {
 padding: 0 0px;
 margin:0 0 15px;
 font:bold 14px Myriad Pro, Arial, Helvetica, sans-serif;
 color:#000;
}
.article .contenu ul, .description ul{ list-style:none; margin:0; padding:0;}
.article .contenu ul li, .description ul li{ font-size:14px; color:#000; background:url(../img/bg_li.png) no-repeat left 2px; margin:0 0 10px; padding:0 0 0 20px; line-height:22px;}
.article .contenu p, .description p {
 padding: 0 0px;
 margin:0 0 15px
}

.article .contenuMention{
 padding: 0 0px;
 height:480px;
 overflow:auto
}


.article a.plus {
 margin: 0 0 10px 0px;
 display: block;
 text-decoration: none;
 color: #333;
 float: left;
 padding: 2px 5px;
 font-size: 11px;
 font-weight: bold;
}

.article a.plus:hover {
 color: #000;
}

/* *****************************************************
******************** ARBORESCENCE **********************
****************************************************** */

.arbo {
/* background:url('https://www.campdesroses.com/media/img/background-arbo.png') no-repeat top left; */
/* font-family:Arial; */
font-size:12px;
padding: 10px 0 9px 0;
margin-bottom: 10px;
}

.arbo a {
 color:#000;
 text-decoration:none;
 padding-left: 15px;
 margin-left: 10px;
 background: url('../img/redf.png') 0px 50% no-repeat;
}

.arbo a:hover, .arbo a:last-child {
color:#000;
text-decoration:none
}

/* --- Onglets --- */

.onglets {
 border-bottom: 1px solid #bbb;
 margin: 15px 15px 0 0;
 height: 40px;
}

.onglet {
 border: 1px solid #bbb;
 width: 159px;
 text-align: left;
 font-size: 15px;
 float: left;
 margin: 2px 5px 0 0;
 color: #333;
 background: #c3c3c3;
 border-bottom:none;
}

.onglet a {
 color: #333;
 text-decoration: none;
 display: block;
 padding: 12px 0 9px 10px;
}

.onglet.choosed {
 background-color: #eee;
}

.onglet.choosed a {
 color: #000;
}

/* --- Actualites --- */
#flashInfos h3.title{ display:block; height:50px; width:150px; font:18px Comfortaa, "Century Gothic", "Tw Cen MT", Arial; color:#fff; background:url(../img/devis_gratuit.png) no-repeat left center #B3CB00; border:1px solid #2E6134; line-height:50px; padding-left:50px }
#actualites {
	margin : 10px 10px;
}

#actualites div.actualite_texte{
	overflow: hidden;
}

#actualites div.actualite_texte h3 {
	margin: 0;
	padding: 0px;
	font-size:14px;
	font-weight:normal;
}

#actualites div.actualite_texte p {
	margin: 0;
	padding: 0px;
}

#actualites div.actualite_suite{
	text-align: right;
	margin-left: 0px;
}

#actualites div.actualite_suite a.actu_suite {
	color: #B0B0B0;
	font:14px Comfortaa, "Century Gothic", "Tw Cen MT", Arial;
	text-decoration: none;
}

#actualites .actualites_dot{
	text-align: center;
	display:none;
}

#actualites .actualite_dot{
	background: transparent url('../img/actu_dot_off.png') center no-repeat;
	width: 20px;
	height: 10px;
	padding: 5px 10px;
}

#actualites .actualite_dot_active, #actualites .actualite_dot:hover{
	background: transparent url('../img/actu_dot_on.png') center no-repeat;
}

/* --- Agendas --- */

#agenda-link {
display:block;
background:#FFF url(../img/agenda.jpg) bottom center no-repeat;
text-align:center;
padding-bottom:90px;
font-weight:700;
font-size:15px;
}

.select-agenda, .select-prestation{
display:inline-block;
margin:5px auto;
width:150px;
padding:10px 5px;
text-align:center;
border:2px solid #CCC;
background:#FFF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px
}

.select-agenda:hover, .select-prestation:hover{
border:2px solid #000
}

.ag-selected, .pr-selected{
border:2px solid #C00;
font-weight:700
}

#agenda .active,#agenda .inactive{
display:block;
margin:5px 0;
width:100px;
padding:10px;
text-align:center;
border:1px solid #999;
background:#FFF;
color:#000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px
}

#agenda .inactive {
background:#DDD;
color:#666;
font-style: italic;
cursor:default
}

#agenda .prevweek{
float:left;
margin-left:20px
}

#agenda .date_start{
width:300px;
text-align: center;
display: block;
margin:23px auto 0
}

#agenda .date_toggled, #agenda #date_selector{
width: 150px;
text-align: center
}

#agenda .nextweek{
float:right;
margin-right:20px
}

#agenda #grille-agenda{
clear:both
}

#agenda .bloc-day{
border:1px solid #999;
background:#FFF;
float:left;
width:125px;
margin:0 2px
}

#agenda .dayname{
color:#000;
font-style:italic;
width:115px;
padding:5px;
text-align:center;
height:25px;
background:#CCC
}

#agenda .hours{
text-align:center
}

#agenda .hours a{
display:block;
padding:2px 3px;
height:11px
}

#agenda .hours a:hover{
color:#00F;
background:#DFA;
text-decoration: underline
}

#agenda .creneau{
width:125px
}

#agenda .closed{
background:url(../img/agenda-closed.jpg) top left
}

#agenda .rdv{
background:#FCC
}

#agenda .temp{
background:#AEE
}

/* --- Sous-catégories --- */

.subcats {
}

.subcat {
 float: left;
 width: 120px;
 height: 120px;
 margin: 0 0 6px 7px;
}

.subcat .visuel {
 border: 1px solid #bbb;
 background: #fff;
 text-align: center;
 padding: 0;
 margin: 0 0 12px 0;
 width: 110px;
 height: 110px;
}

.subcat .visuel img {
 max-width: 110px;
 max-height: 110px;
}

.subcat .name {
 display: none;
 position: absolute;
 border: 1px solid #666;
 /*background: #f6e783;*/
 background: #e5e5e5;
 padding: 6px;
 margin: 100px 0 0 90px;
 min-width: 100px;
 -webkit-box-shadow: 0 0 5px #000;
}

.subcat .name span {
 font-size: 15px;
 display: block;
}

.subcat:hover .name {
 display: block;
 text-align: left;
}