@font-face{
	font-family:'PoliceTitre';
	src: url('Polices/Overlock-Regular.ttf');
}
@font-face{
	font-family:'policetexte';
	src: url('Polices/AlegreyaSans-Medium.ttf');
}
@font-face{
	font-family:'policeslogan';
	src: url('Polices/GreatVibes-Regular.ttf');
}
body{
	background-color: rgba(51, 51, 51, 1); 
}
#Menu
{
	z-index:5;
}
#logo 
{
position:absolute;
top:0px;


}
#lien
{
    list-style-type: none;
	position:absolute;
    display: flex;
}

header li
{
    margin-right: 30px;
}

header a
{
	font-family:'policetexte', Arial, serif;
    font-size: 1.3em;
    color: white;
    padding-bottom: 3px;
    text-decoration: none;
}

header a:hover
{
   color: red;
   height:50px;
   
}
#position{
	color:red;
}


#doc {
	display:block;
	margin-top:150px;
	margin-left:0px; 
	}
#content {
	margin-left: 0;
	min-width: 600px;
	max-width: 1550px;
	}

.blueberry { max-width: 1550px; }

.blueberry { margin: 0 auto; }
.blueberry .slides {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
}
.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.blueberry .slides li img {
	display: block;
	width: 100%;
	max-width: none;
}
.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto; }

.blueberry .pager {
	height: 40px;
	text-align: center;
}
.blueberry .pager li { display: inline-block; }
.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 4px;
	width: 4px;
}
.blueberry .pager li a {
	padding: 18px 8px;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
	border-radius: 6px;
}
.blueberry .pager li a span {
	overflow: hidden;
	background: white;
	text-indent: -9999px;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
	border-radius: 2px;
}
.blueberry .pager li.active a span { background: red; }

section
{
	position:relative;
	display:block;
	width:100%;
	height:1200px;
}

h1
{
	position: absolute;
	color:red;
	font-family:'policeslogan', Arial, serif;
	font-size:2em;
	right:5%;
	top:-50px;
	
}
h2
{
	font-family:'PoliceTitre', Arial, serif;
	position:absolute;
	color:red;
	top:50px;
	left:2%;
}
#ligne1
{
	position:absolute;
	top:80px;
	left:180px;
	border-bottom: 2px solid #999999;
	width:55%;
	
}
#ligne2
{
	position:absolute;
	top:90px;
	left:180px;
	border-bottom: 2px solid #999999;
	width:55%;
}
.article1
{
	position:absolute;
	width:60%;
	top:125px;
	left:3%;
	margin-left:10px;
}

p
{
	display:block;
	font-family:'policetexte', Arial, serif;
	color:white;
	font-size:1em;
	line-height : 30px;
}
.photo{
	position:absolute;
	display:block;
	width:100%;	
}
#lphoto1
{
	position:relative;
	margin-top:100px;
	width:100%;
}
#portail0
{
	margin-right:0px;
	width:24%;
	height:100%;
	visibility: hidden;
}
#portail1
{
	position:absolute;
	left:0%;
	width:26%;
	height:100%;
}
#portail1:hover
{
	width:30%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}
#portail2
{
	position:absolute;
	left:28%;
	width:26%;
	height:100%;
}
#portail2:hover
{
	width:30%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}
#portail3
{
	position:absolute;
	left:56%;
	width:15%;
	height:100%;
}
#portail3:hover
{
	width:18%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}

#portail4
{
	position:absolute;
	left:73%;
	width:26%;
	height:100%;
}
#portail4:hover
{
	width:30%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}

#lphoto2
{
position:relative;
	margin-top:10px;
	width:100%;

}
#portail00
{
	margin-right:0px;
	width:24%;
	height:100%;
	visibility: hidden;
}
#portail5
{
	position:absolute;
	left:0%;
	width:54%;
	height:100%;
}
#portail5:hover
{
	width:60%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}
#portail6
{
	position:absolute;
	left:56%;
	width:15%;
	height:100%;
}
#portail6:hover
{
	width:18%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}
#portail7
{
	position:absolute;
	left:73%;
	width:26%;
	height:100%;
}
#portail7:hover
{
	width:30%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}


#lphoto3
{
	position:relative;
	margin-top:10px;
	width:100%;
}
#portail000
{
	margin-right:0px;
	width:24%;
	height:100%;
	visibility: hidden;
}
#portail8
{
	position:absolute;
	left:0%;
	width:26%;
	height:100%;
}
#portail8:hover
{
	width:30%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}
#portail9
{
	position:absolute;
	left:28%;
	width:26%;
	height:100%;
}
#portail9:hover
{
	width:30%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}
#portail10
{
	position:absolute;
	left:56%;
	width:15%;
	height:100%;
}
#portail10:hover
{
	width:18%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}
#portail11
{
	position:absolute;
	left:73%;
	width:26%;
	height:100%;
}
#portail11:hover
{
	width:30%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}



#lphoto4
{
	position:relative;
	margin-top:10px;
	width:100%;
}
#portail0000
{
	margin-right:0px;
	width:24%;
	height:100%;
	visibility: hidden;
}
#portail12
{
	position:absolute;
	left:0%;
	width:26%;
	height:100%;
}
#portail12:hover
{
	width:30%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}
#portail13
{
	position:absolute;
	left:28%;
	width:43%;
	height:100%;
}
#portail13:hover
{
	width:47%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}
#portail14
{
	position:absolute;
	left:73%;
	width:26%;
	height:100%;
}
#portail14:hover
{
	width:30%;
	height:106%;
	background-color: white;
    padding:1%;
	z-index:4;
}

#photogardecorp
{
position:absolute;
display:inline-block;
width:20%;
right:7%;
top:100px;
}

h3
{
	font-family:'PoliceTitre', Arial, serif;
	position:absolute;
	display:block;
	right:14%;
	top:650px;
	color:red;
	font-size:1.3em;
}

#googlemaps
{
	position:absolute;
	display:inline-block;
	right:7%;
	top:700px;
	margin-top:15px;
	width:20%;
	height:280px;
	border:0;
}
h4
{
	font-family:'PoliceTitre', Arial, serif;
	position:absolute;
	right:12%;
	
	top:1000px;
	color:red;	
	font-size:1.3em;
}
aside p 
{
	position:absolute;
	display:inline-block;
	right:12%;
	top:1050px;
	color:white;	
	font-size:1em;
	font-family:'policetexte', Arial, serif;
	text-align : center;
	margin-bottom:20px;
}

footer
{
	display:block;
	position:relative;
	width:60%;
}
#ligne3
{
position:absolute;
	top:150px;
	left:5%;
	border-bottom: 2px solid #999999;
	width:100%;	
}
#logofin
{
	position:absolute;
	top:190px;
	left:15%;
	width:25%;
}
#logofinartisan
{
	position:absolute;
	top:200px;
	left:60%;
	width:25%;
}