@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'dual300';
    src: url('font/Dual-300-webfont.eot');
    src: url('font/Dual-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Dual-300-webfont.woff2') format('woff2'),
         url('font/Dual-300-webfont.woff') format('woff'),
         url('font/Dual-300-webfont.ttf') format('truetype'),
         url('font/Dual-300-webfont.svg#dual300') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* spécificités du menu déroulant */

#menu {
	border:solid 0px red;
	position: relative;
	list-style-type : none;
	width: 90%;
	display: inline-block;
	text-align: center;
} 
 
#menu li {
	vertical-align:top;
	position: relative;
	overflow: hidden;
	cursor: pointer;
} 
 
#menu li span { 
  position: relative; 
} 
 
#menu li blockquote {
	position: relative;
	line-height: 200%;
	border:solid 0px green;
	text-align:left;
	padding-left:15%;
	padding-bottom:5%;
} 
blockquote a {
	font-size: 1.3em;
    font-family: 'dual300';
	line-height:300%;
}
#go { clear: both; }

#entreprise, #particulier {
	display:inline-block;
	width:40%;
	padding:1%;
}
#particulier {
	background-color:rgba(251,248,203,1);
}
#entreprise {
	background-color:rgba(200,235,137,.8);
}
.ent {
	border:solid 0px blue;
	text-align:center;
	line-height:300%;
}
.ent:hover {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#entreprise blockquote a {
	border:solid 0px orange;
	text-align:left;
}
#entreprise h3 {
	text-align:center;
	border:solid 0px red;
}
a {
	color:rgba(0,0,0,1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:hover {
	background-color:rgba(255,255,255,.6);
}
blockquote a {
	padding:4%;
	text-decoration:none;
}
/* fin des spécificités du menu déroulant */

@media screen and (max-width:800px) {
#entreprise, #particulier {
	width:90%;
	margin-bottom:5%;
}
#menu {
	margin-bottom:30%;
	margin-top:10%;
}
#menu li blockquote {
	padding-left:1%;
}
}