@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'architectsdaughter-webfont';
    src:url(ArchitectsDaughter/architectsdaughter-webfont.eot);
  	src: local('architectsdaughter-webfont'), local('architectsdaughter-webfont'), url('ArchitectsDaughter/architectsdaughter-webfont.woff') format('woff'), url('ArchitectsDaughter/architectsdaughter-webfont.ttf') format('truetype');
  

}
@font-face {
     font-family: 'ShadowsIntoLightTwo-Regular';
    src:url(Shadows_Into_Light_Two/shadowsintolighttwo-regular-webfont.eot);
    src: url(Shadows_Into_Light_Two/shadowsintolighttwo-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(Shadows_Into_Light_Two/shadowsintolighttwo-regular-webfont.woff2) format('woff2'),
         url(Shadows_Into_Light_Two/shadowsintolighttwo-regular-webfont.woff) format('woff'),
         url(Shadows_Into_Light_Two/shadowsintolighttwo-regular-webfont.ttf) format('truetype'),
         url(Shadows_Into_Light_Two/shadowsintolighttwo-regular-webfont.svg#ShadowsIntoLightTwo-Regular) format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'quicksand_regular';
    src:url(Quicksand/quicksand-regular-webfont.eot);
    src: url(Quicksand/quicksand-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(Quicksand/quicksand-regular-webfont.woff) format('woff'),
		 url(Quicksand/quicksand-regular-webfont.woff2) format('woff2'),
         url(Quicksand/quicksand-regular-webfont.ttf) format('truetype'),
         url(Quicksand/quicksand-regular-webfont.svg#quicksandbold) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'quicksand_bold';
    src:url(Quicksand/quicksand-bold-webfont.eot);
    src: url(Quicksand/quicksand-bold-webfont.eot?#iefix) format('embedded-opentype'),
         url(Quicksand/quicksand-bold-webfont.woff) format('woff'),
		 url(Quicksand/quicksand-bold-webfont.woff2) format('woff2'),
         url(Quicksand/quicksand-bold-webfont.ttf) format('truetype'),
         url(Quicksand/quicksand-bold-webfont.svg#quicksandbold) format('svg');
    font-weight: normal;
    font-style: normal;

}



* {
  margin: 0;
  padding: 0;
}

a {
color:#3F0;	

}

a img{
border:none;

}

b {
	font-style:quicksand_bold;
	font-size:20px;
}

p em{
font-size:25px;

	
}

h1{

color: rgb(160,220,6);
margin-top:10px;
font-size:50px;
}

h2{
font-size:35px;
font-family:architectsdaughter-webfont;
margin-bottom:30px;
text-align:center;
}

p{
text-indent:2em;
text-align:justify;
line-height:23px;
}

body{

	height:100%;
	margin:0px;
	background-image:url(../Images/Fond_body.png);
	background-repeat:repeat;
}


header{
	position:relative;
	font-family:ShadowsIntoLightTwo-Regular;
	float:none;
	margin-right:auto;
	margin-left:auto;
    background-image:url(../Images/Fond_header.png);
	background-repeat:repeat;
	height:160px;	
	text-align:center;
	padding-top:2%;
	
}
#logo{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	height:10px;
	right:400px;
	top:-40px;
}

#signature{
	
	position:relative;
	margin-right:auto;
	margin-left:auto;
	font-family:architectsdaughter-webfont;
	font-size:1em;
	color:#FFF;
	height:10px;
	top:45px;
	left:380px;
	
}



#banner{
	
	background-image:url(../Images/border_double.png), url(../Images/Fond_banner.png);
	background-repeat:no-repeat, repeat;
	background-position:center, center;
	position:relative;
	padding-top:4px;
	min-height:178px;
	margin-left: auto;
 	margin-right: auto;
  	text-align: left;
	
	}
	

@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#banner img {
  position:absolute;
  left:50%;
  margin-left:-450px;
  width:900px;
  height:173px;
}

#banner img {
 -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 9s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 9s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 9s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 9s;
}


#banner img:nth-of-type(1) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#banner img:nth-of-type(2) {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay:3s;
  animation-delay: 3s;
}
#banner img:nth-of-type(3) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}


@media screen and (min-width: 890px) {
#content{

	
	display:block;
	padding-top: 10px;
	background-repeat:repeat;
	color:#FFF;
	max-width:940px;
	margin:auto;
}
	


section {	

	float:left;
	margin-left:80px;
	width:570px;
	word-wrap:break-word;
	margin-bottom:150px;
	vertical-align:top;
	font-family:quicksand_regular;
	text-align:center;
	color:#FFF;
}


}
section ul{
	 margin:20px;
	 text-align:left;
	 list-style-image:url(../Images/coche.png);
	 padding-left:100px;

	 
}

aside{

	float:right;
	vertical-align:top;
	width:250px;
	color:#FFF;
	margin-bottom:150px;
}

.aside_block{
	border:#6C3;
	border-style:solid;
	border-width:thin;
	text-align:center;
	margin-bottom:10px;
		margin:5px;	
	font-family:quicksand_regular;
}

.aside_block p{
	margin:8px;	
	font-family:quicksand_regular;
	text-align:center;

}


.aside_bandeau{
	
	border:#7ad800;
	font-size:20px;
	
	border-style:solid;
	border-width:thin;
	background-color:#7ad800;
	text-align:center;
}

.aside_bandeau h3{
	margin:0;
	font-family:architectsdaughter-webfont;
	
	
}

nav{

padding-left:345px;
width:250px;
margin-top:-380px;
font-size:0;


}

nav img{
width:220px;	
}
nav img:hover{
width:220px;
-webkit-filter: brightness(1.3);
-moz-filter: brightness(1.3);
-o-filter: brightness(1.3);
-ms-filter: brightness(1.3);

filter: brightness(1.3);	
}

#footer{
	
	position:fixed;
	background-repeat:no-repeat;
	text-align:center;
	height:143px;
	margin-left:-500px;
	bottom:20px;
	

}
#block_footer{ /*Adresse*/
position:fixed;
text-align:center;
bottom:0px;
left:50%;
margin-left:-300px;
font-size:14px;
color:#000;	
}




@media screen and (min-width: 1200px) {
	#nav2 li {
	display:none;	
	}
}
@media screen and (max-width: 1200px) {
	
	#nav2 {
		text-align:center;
		width:auto;
		margin-bottom:20px;
		
	}
	#nav2 li {
		padding-top:5px;	
		list-style-type: none;
		width:180px; 
		height:30px;
		display:inline-block;
	}
	#nav2 li a{
		font-family:ShadowsIntoLightTwo-Regular;
		font-size:20px;
	}
	nav{
	display:none;	
	}
	
	#footer{
		background-image:url(../Images/Grass.png);
	}

@media screen and (max-width: 890px) {

aside{
	
	width:250px;
	text-align:center;
	margin-right:30%;
	
	
}
.aside_block{
	border:#6C3;
	border-style:solid;
	border-width:thin;
	text-align:center;
	margin-bottom:10px;
		margin:5px;	
	font-family:quicksand_regular;
}
.aside_block li{
	margin:8px;	
	font-family:quicksand_regular;
}


.aside_bandeau{
	
	border:#7ad800;
	font-size:20px;	
	border-style:solid;
	border-width:thin;
	background-color:#7ad800;
	text-align:center;
}

.aside_bandeau h3{
	margin:0;
	font-family:architectsdaughter-webfont;
	
}
#content{

	text-align:center;
	padding:5%;
	display:block;
}



section {	

	float:none;
	margin-bottom:50px;
	font-family:quicksand_regular;
	text-align:center;
	color:#FFF;
}	
#footer_grass{
	display:none;
}