@charset "utf-8";
/* DOCUMENT CSS PORTFOLIO v1.O */

/* RESET */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*{
	box-sizing: border-box;
}
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


/* GENERAL RULES */
body {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif; 
	font-size: 14px; 
	line-height: 20px;
	color: #7f7f7f ;
	
	}

.wrapper { /* COLONNE CENTRALE */
	width : 100%; /* TAILLE STANDARD DE LA LARGEUR DU DESKTOP */
	margin: 0 auto; /* POUR CENTRER LES BLOCS */
	padding: 0 0px;
	text-align: center;
	}

a 	{
	text-decoration: none; /* Enlever le soulignage des liens */ 
	text-transform: uppercase;
	color: #7f7f7f ;
	}

/* HEADER */ 

header#top{
	position: relative;
	text-align: center;
	margin-top: 40px;
	}

nav.entete ul{
	width: 100%;
	text-align: center;
	}

nav.entete ul li{
	display: inline-block;
	padding-top: 30px;
	margin-left: 0%;
	margin-right: 0%;
	letter-spacing: 1px;
	}

nav.entete ul li a:hover{
	color:black;
	}

nav.entete ul li a:active{
	color:black;
	font-style: bold;
	}

li.active a{
    color: #000000;
    visibility: inherit;
	}


/* MENU-SOUS MENUS */ 

	#menu, #menu ul{
	padding:0;
	margin:0;
	list-style:none;
	line-height : 21px;
	text-align:center;
	}
	#menu {
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 13px; /* hauteur du texte : 12 pixels */
	}
	#menu a{
	display : block;
	padding : 0;
	}
	#menu li{
	display:inline-block;
	position:relative;
	text-align:center;
	width:150px;
	}
	#menu ul li{
	display:inherit;
	}
	#menu li ul{
	position: absolute;
	width: 150px;
	}
	#menu ul li a{
	font-size: 10px; 
	line-height: 20px;
	}
	#menu ul{
	position:absolute;
	z-index: 1000;
	max-height:0;
	left: 0;
	right: 0;
	overflow:hidden;
	-moz-transition: .7s all .3s;
	-webkit-transition: .7s all .3s;
	transition: .7s all .3s;
	}

	#menu li:hover ul{
	max-height:50em;
	}

	nav input[type=checkbox]{
		display:none;
	}
	nav label {
		display:none;
	}

	label.menu-mobile {
		text-transform: uppercase;
	}


nav input[type=checkbox]:checked ~ ul#menu{
		display:block;
	}

/* background des liens sous menus */
	#menu .submenu li{
	background:white;
	padding-top: 0px;
	padding-bottom: :0px;
	margin-left: 0px;
	}

/* MAIN */ 

main section.fond_home {
	background: url(../img/abricots.jpg) no-repeat center;
    background-size: initial;
	height: 500px;
	margin-top: 20px;
	text-align: center;
	}

/* CONTACT */ 

#bloc {
	z-index: 108;
	height: 180px;
	background-color: #FFFFFF;
	opacity: 0.4;
	position: absolute;
	width: 100%;
	margin-top: 140px;
	}
.transparent{
	display: inline block;
	
	}

#trait{
	height: 99px;
	background-color: #FFFFFF;
	position: absolute;
	width: 0.20%;
	left: 50%;
	margin-top: 180px;
	}

section.fond_contact {
	background: url(../img/citron.jpg) no-repeat center;
    background-size: initial;
	height: 500px;
	margin-top: 20px;
	}

section div p.contact {
	color:white;
	padding-top: 180px;
	text-align: right;
	font-weight: bold;
	}

section div p.textcontact1 {
	color:white;
	line-height: 20px;
	text-transform: none;
	font-weight:100;
	text-align: right;
	font-size: 13px;
	}
section div p.textcontact2 {
	color:white;
	line-height: 20px;
	text-transform: none;
	font-size: 13px;
	}

div#phone {
	padding-top: 180px;
	text-align: left;
	}

section div p.mail {
	color:white;
	font-weight: bold;
	}

section div p.telephone {
	color:white;
	font-weight: bold;
	padding-top: 21px;
	}

main div.wrapper div {
	width: 50%;
	float: left;
	text-align: right;
	padding-right: 15px;
	padding-left: 15px;
	}



/* FOOTER */ 

footer {
	padding-top: 10px;
	}

footer div.wrapper ul {
	width: 100%;
	float: center;
	margin: 5px 0 ;
	}
footer div.wrapper li {
	display: inline-block;
	margin-right: 20px;
	}


footer p.mentions {
	background-color: #fffffff;
	color: #414141;
	font-size: 12px;
	text-align: center;
	text-transform: none;
	}

a.mentions {
	text-transform: none;
	color: black ;
	}

div p.rgpd{
	padding-top: 10px;
}

/* MENTIONS LÉGALES*/

div#mentionslegales {
	color : black;
	padding-top: 40px;
	padding-left: 220px;
	font-size: 11px;
	line-height: 15px;
	color: #7f7f7f ;
	padding-bottom: 40px;
	padding-right: 220px;
	}

div h3 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color:black;
	}

div h4.soustitre {
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	color:black;
	}

div h5.soustitre {
	font-size: 12px;
	font-weight: bold;
	color:black;
	}


/* SLIDESHOW */ 

div#slideshow {
	padding-top: 20px;
	}
#slideshow li {
    display: inline-block;
    width: 640px;
   }

/*#slideshow img{
	width:100%;
}*/