@import "functions.less";

.couleur1-bg 		{	background: @orange;		}
.couleur2-bg 		{	background: @vert-moyen;	}
.bordered			{ 	border: 1px solid @vert-fonce;		}

.accordion {
	h4 {
		margin-left: -1em;
	}
}
.accordion-group {
	margin: 0pt;
}
.accordion-heading {
	padding-left: 1em;
}
.btn-large {
	padding: 10px;
	font-size: 17px;
}

body {
	color: black;
	background: white;
}

header {
	.couleur2-bg;
	color: white;
	
	
	#tela {
		background: url("../logos/tela_transparent.png") no-repeat 2px 6px;
	}
	
	
	.titre {
		font-style: italic;
		font-size: 130%;
		font-weight: bold;
		.shadow(@orange);
	}
}
.gradient-bas {
	@top: left top;
	@bottom: left bottom;
	.gradient(@vert-moyen, @top, white, @bottom);
}

footer {
	display: none;
}


.sci {
	font-style: italic;
}

#principal {		
	margin-bottom: -1em;
	padding-left: 0.5em;
	
	a:hover {
		text-decoration: none;
	}
	
	
	h4 {
		font-size: 17px;
		color: @orange;
		.shadow(white, 2px, 1px, 1px);
	}
}

#canvas_fleur, #canvas_fruit {
	width: 100%;
}
#floraison_value, #fructification_value {
	display: none;
}


.wrapper {
	@square: 120px;
	width: @square;
	height: @square;
	.margin-center;
    overflow: hidden;
    
    
    img {
    	height: @square;
    	width: auto;
    }
    
    
    ul {
    	margin: 0pt;
    }
}

.wrapper_carte {
  	.margin-center;
  	
  	
    ul {
    	margin: 0pt;
    }
    

	#galerie_carte {		
		img {
			.bordered;
		}
	}
}

.wrapper_demi { 
	height: 59px; 
}

#galerie_carte {
	list-style-type: none;
}
.bas-de-page {
	margin-top: 1em;
	margin-bottom: 1em;
}
.en-savoir-plus {
	margin-left: 0.2em;
	float: left;
	.couleur2-bg;
	color: white;
	text-shadow: 0pt 0pt 0pt black;
	 
	 
	 
}
.en-savoir-plus:hover, .en-savoir-plus:visited {
	text-decoration: none;
}


.haut-de-page {
	margin-right: 0.2em;
	float: right;
	background: black;
	color: white;
}
.haut-de-page:hover, .haut-de-page:visited {
	text-decoration: none;
}