@font-face {
    font-family: 'Champagne';
    src: url('champ/champagne__limousines-webfont.eot');
    src: url('champ/champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
         url('champ/champagne__limousines-webfont.woff2') format('woff2'),
         url('champ/champagne__limousines-webfont.woff') format('woff'),
         url('champ/champagne__limousines-webfont.ttf') format('truetype'),
         url('champ/champagne__limousines-webfont.svg#champagne__limousinesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

*
{
	float:none;
}

body 
{
	position:relative;
	margin: 0;
	height: auto; 
	padding: 1px;
	width:99%;
	background-color:rgba(255,255,255,1);
	text-align:center;
	font-family : Verdana,Arial,Tahoma,Times New Roman;
	border:none;
}

h1
{
	color:#000;
	font-family :Champagne,Verdana,Arial,Tahoma,Times New Roman;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	font-size:60px;
	font-weight:bold;
}

h2
{
	text-align:center;
	color:#000;
	font-family :Champagne,Verdana,Arial,Tahoma,Times New Roman;
	font-size:24px;
	font-weight:bold;
}

h3
{
	text-align:center;
	color:#000;
	font-family :Champagne,Verdana,Arial,Tahoma,Times New Roman;
	font-size:22px;
	/*border: 1px solid #000;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/
	height:50px;
	line-height:50px
}

div#corp
{
	width:100%;
	height : auto;
	text-align:justify;
	font-family : Verdana,Arial,Tahoma,Times New Roman;
	position:relative;
	margin:0 auto;
	top:-50px;
	right:0;
	left:0;
	bottom:0;
}

.center
{
	text-align:center;
}

a
{
	text-decoration:none;
	color:#000;
	font-family : Verdana,Arial,Tahoma,Times New Roman;
	font-size:13px;
	/*font-weight:bold;*/
}

a:hover
{
	color:#fe2712;
}

ul#menu-haut
{
	width:420px;
	height:425px;
	margin:100px auto;	
}

ul#menu-haut li
{
	list-style:none;
	float:left;
	width:200px;
	height:200px;
	margin:5px;
}

ul#menu-haut li:nth-child(3)
{
	clear:left;
}

ul#menu-haut img
{
	position:absolute;
	z-index:1;
	height:200px;
	width:auto;
	margin:0;
	box-shadow:0 0 3px black;
	-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
		-moz-transition:all .5s cubic-bezier(.6,2,.4,1);
		 -ms-transition:all .5s cubic-bezier(.6,2,.4,1);
		  -o-transition:all .5s cubic-bezier(.6,2,.4,1);
			 transition:all .5s cubic-bezier(.6,2,.4,1);
}

ul#menu-haut li:hover img
{
	z-index:5;
	-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		 -ms-transform: scale(1.5);
		  -o-transform: scale(1.5);
			 transform: scale(1.5);
/*	-webkit-filter: invert(1);
		-moz-filter: invert(1);
		 -ms-filter: invert(1);
		  -o-filter: invert(1);
			 filter: invert(1);*/
/*	-webkit-filter: contrast(0.3);
	   -moz-filter: contrast(0.3);
		-ms-filter: contrast(0.3);
		 -o-filter: contrast(0.3);
			filter: contrast(0.3);*/
				
	box-shadow:0 0 10px black;
}

ul#menu-haut:hover li:not(:hover) img
{
	-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		 -ms-filter: blur(5px);
		  -o-filter: blur(5px);
			 filter: blur(5px);
}


ul#menu-haut-commerce
{
	width:950px;
	height:100px;
	margin:50px auto;	
}

ul#menu-haut-commerce li
{
	list-style:none;
	float:left;
	width:465px;
	height:150px;
	margin:5px;
}

ul#menu-haut-commerce li:nth-child(4)
{
	clear:left;
}

ul#menu-haut-commerce img
{
	position:absolute;
	z-index:1;
	height:150px;
	width:auto;
	margin:0;
	box-shadow:0 0 3px black;
	-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
		-moz-transition:all .5s cubic-bezier(.6,2,.4,1);
		 -ms-transition:all .5s cubic-bezier(.6,2,.4,1);
		  -o-transition:all .5s cubic-bezier(.6,2,.4,1);
			 transition:all .5s cubic-bezier(.6,2,.4,1);
}

ul#menu-haut-commerce li:hover img
{
	z-index:5;
	-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		 -ms-transform: scale(1.5);
		  -o-transform: scale(1.5);
			 transform: scale(1.5);
/*	-webkit-filter: invert(1);
		-moz-filter: invert(1);
		 -ms-filter: invert(1);
		  -o-filter: invert(1);
			 filter: invert(1);*/

				
	box-shadow:0 0 10px black;
}

ul#menu-haut-commerce:hover li:not(:hover) img
{
	-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		 -ms-filter: blur(5px);
		  -o-filter: blur(5px);
			 filter: blur(5px);
}

ul#menu-haut-projets
{
	width:900px;
	height:auto;
	margin:50px auto;	
}

ul#menu-haut-projets li
{
	list-style:none;
	float:left;
	width:250px;
	height:auto;
	margin:5px;
}

ul#menu-haut-projets li:nth-child(5)
{
	clear:left;
}
/*
ul#menu-haut-projets img
{
	position:absolute;
	z-index:1;
	height:150px;
	width:auto;
	margin:0;
	box-shadow:0 0 3px black;
	-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
		-moz-transition:all .5s cubic-bezier(.6,2,.4,1);
		 -ms-transition:all .5s cubic-bezier(.6,2,.4,1);
		  -o-transition:all .5s cubic-bezier(.6,2,.4,1);
			 transition:all .5s cubic-bezier(.6,2,.4,1);
}

ul#menu-haut-projets li:hover img
{
	z-index:5;
	-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		 -ms-transform: scale(1.5);
		  -o-transform: scale(1.5);
			 transform: scale(1.5);
/*	-webkit-filter: invert(1);
		-moz-filter: invert(1);
		 -ms-filter: invert(1);
		  -o-filter: invert(1);
			 filter: invert(1);
	-webkit-filter: contrast(0.5);
	   -moz-filter: contrast(0.5);
		-ms-filter: contrast(0.5);
		 -o-filter: contrast(0.5);
			filter: contrast(0.5);
				
	box-shadow:0 0 10px black;
}

ul#menu-haut-projets:hover li:not(:hover) img
{
	-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		 -ms-filter: blur(5px);
		  -o-filter: blur(5px);
			 filter: blur(5px);
}
*/
ul#menu-haut-partenaires
{
	width:800px;
	height:100px;
	margin:300px auto;	
}

ul#menu-haut-partenaires li
{
	list-style:none;
	float:left;
	width:150px;
	height:150px;
	margin:5px;
}

ul#menu-haut-partenaires li:nth-child(7)
{
	clear:left;
}

ul#menu-haut-partenaires img
{
	position:absolute;
	z-index:1;
	height:150px;
	width:auto;
	margin:0;
	box-shadow:0 0 3px black;
	-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
		-moz-transition:all .5s cubic-bezier(.6,2,.4,1);
		 -ms-transition:all .5s cubic-bezier(.6,2,.4,1);
		  -o-transition:all .5s cubic-bezier(.6,2,.4,1);
			 transition:all .5s cubic-bezier(.6,2,.4,1);
}

ul#menu-haut-partenaires li:hover img
{
	z-index:5;
	-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		 -ms-transform: scale(1.5);
		  -o-transform: scale(1.5);
			 transform: scale(1.5);
/*	-webkit-filter: invert(1);
		-moz-filter: invert(1);
		 -ms-filter: invert(1);
		  -o-filter: invert(1);
			 filter: invert(1);*/
				
	box-shadow:0 0 10px black;
}

ul#menu-haut-partenaires:hover li:not(:hover) img
{
	-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		 -ms-filter: blur(5px);
		  -o-filter: blur(5px);
			 filter: blur(5px);
}

li#D-daphicolange .texte-menu-daphicolange, li#P-daphicolange .texte-menu-daphicolange, li#C-daphicolange .texte-menu-daphicolange, li#A-daphicolange .texte-menu-daphicolange
{
	position:relative;
	bottom:0px;
	left:0px;
	visibility:hidden;
	color:#fff;
	font-size:30px;
	font-family :Champagne,Verdana,Arial,Tahoma,Times New Roman;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}

li#Optionhightech-daphicolange .texte-menu-daphicolange, li#Marchenaturel-daphicolange .texte-menu-daphicolange
{
	position:relative;
	bottom:-200px;
	left:0px;
	visibility:hidden;
	color:#000;
	font-size:30px;
	font-family :Champagne,Verdana,Arial,Tahoma,Times New Roman;
	font-weight:bold;
	text-align:center;
}

li#residencepierreclement-daphicolange .texte-menu-daphicolange
{
	position:relative;
	bottom:0px;
	left:0px;
	visibility:hidden;
	color:#000;
	font-size:30px;
	font-family :Champagne,Verdana,Arial,Tahoma,Times New Roman;
	font-weight:bold;
	text-align:center;
}

li#D-daphicolange a
{
	background-color:rgba(0,0,0,0.5);
}

li#D-daphicolange:hover .texte-menu-daphicolange
{
	visibility:visible;
	z-index:6;
}

li#P-daphicolange:hover .texte-menu-daphicolange
{
	visibility:visible;
	z-index:6;
}

li#C-daphicolange:hover .texte-menu-daphicolange
{
	visibility:visible;
	z-index:6;
}

li#A-daphicolange:hover .texte-menu-daphicolange
{
	visibility:visible;
	z-index:6;
}

li#Optionhightech-daphicolange:hover .texte-menu-daphicolange
{
	visibility:visible;
	z-index:6;
}

li#Marchenaturel-daphicolange:hover .texte-menu-daphicolange
{
	visibility:visible;
	z-index:6;
}

li#residencepierreclement-daphicolange:hover .texte-menu-daphicolange
{
	visibility:visible;
	z-index:6;
}

.projets
{
	border:1px solid #000;
	text-align:justify;
	padding:20px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-family :Verdana,Arial,Tahoma,Times New Roman;
}

footer
{
	position:fixed;
	text-align:center;
	background-color:#040204; /* couleur de fond */  
	/*background-image:url('../image/footer.png');*/
	color : #fff; /* couleur du texte */
	text-decoration : none; 
	width : 100%; /* largeur */
	height : auto; /* hauteur */
	min-height:30px;
	bottom:0px;
	left:0;
}

ul#menu-bas li 
{ 
	display : inline;
	padding : 0 6em;
	text-decoration:none;
	color:#fff;
	font-family : Verdana,Arial,Tahoma,Times New Roman;
	font-size:12px;
}

ul#menu-bas a
{ 
	text-decoration:none;
	color:#fff;
	font-family : Verdana,Arial,Tahoma,Times New Roman;
	font-size:12px;
}

ul#menu-bas a:hover
{ 
	color:#fcdd04;
}

ul#menu-bas 
{
	list-style-type : none;
}

.return
{
	text-align:center;
}

.txt-daphicolange
{
	text-align: justify;
	font-size:15px;
	margin:50px;
}

.logo-daphicolange
{
	width:200px;
	height:auto;
}

form
{
	text-align:right;
	width:63%;
	font-size:12px;
	margin-top:50px;
	margin-bottom:50px;
}

#contact
{
	text-align:left;
	margin-top:0px;
}

textarea
{
	width:400px;
	height:200px;
}

#cont input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#000;
	width:190px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}