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

/*-----------------------------------------------------
Annulation des marges et préparation des balises html5
-----------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
header,footer,section,article,nav,figure,figcaption {
	display:block;
}


/*-----------------------------------------------------
Démarrage de la mise en page
-----------------------------------------------------*/
body{
	margin:0 auto;
	background:url(../images/fond.jpg) repeat;
	width:100%;
	min-width:650px;
	/*background:#a6bcb3;
	min-width:780px;*/
}

#container {
	width:60%;
	margin:0 auto;
	overflow:hidden;
}

#renard img{
	width:15%;
	float:left;
}

#ours img{
	width:15%;
	float:right;
	padding-top:80px
}

#logo {
	text-align:center;
}

#logo img {
	width:100%;
	text-align:center;
}

#bandeau img {
	width:100%;
}

h1 {
	color:#5b6b6d;
	font-family: 'Homemade Apple', cursive;
	font-size:20px;
	padding:10px;
	text-align:center;
	font-weight:normal;
}

#mainMenu {
	margin:0 auto;
	width:100%;
	clear:both;
	top:7%;
	left:8%;
}

#menu {
	width:100%;
	list-style-type:none;
	margin:0 auto;
}

#menu li {
	float:left;
	width:16.6%;
	padding-left:2.%;
}


#menu li a {
	display:block;
	width:100%;
	text-align:center;
	text-decoration:none;
	color:#5b6b6d;
	font-family: 'Homemade Apple', cursive;
	font-size:17px;
	padding-top:20px;
}

#menu li a:hover {
	color:#A5B07D;

}

#ligne img {
	width:100%
}


#facebk {
	width:10%;
	float:right;
	padding-right:3%;
	padding-top:30px;
}

#intro {
	font-family: 'jura';
	font-size:16px;
	line-height:1.8;
	color:#000;
	width:80%;
	padding-left:60px;
	padding-top:30px;
}

#intro span {
	font-size:17px;
}

#intro a {
	color:#DEAB3C;
	text-decoration:none;
}

#intro a hover {
	color:#000;	
}

#galeries p {
	font-family: 'jura';
	font-size:16px;
	line-height:1.8;
	color:#000;
	width:80%;
	padding-left:60px;
	padding-top:30px;
	text-align:left;
	padding-bottom:60px;
}

#galeries p span {
	font-style:italic;
}

#portrait img {
	width:40%;
}

.hdp img { 
	border:0;  
	position:fixed;  
	top:80%;  
	right:8%; 
}

#bandO {
	text-align:center;
	padding-top:30px;
}

#bandO img {
	width:90%;
}

#direct {
	text-align:center;
}

#direct img {
	width:27%;
	padding-top:40px;
	padding:2%;
}

h2 {
	font-family: 'Amatic SC', cursive;
	font-size:50px;
	padding-top:30px;
	font-weight:normal;
	padding-bottom:30px;
}

#pref {
	clear:both;
	text-align:center;
}

#pref1 a {
	display:block;
	background:url(../images/lapinou.png) no-repeat;
	height:320px;
	width: 320px;
    float: left;
	margin-left:8%;
}

#pref1 a:hover {
	display:block;
	background:url(../images/lapinouHover.png) no-repeat;
}

#pref2 a {
	display:block;
	background:url(../images/preferes1.png) no-repeat;
	height:320px;
	width: 320px;
    float: left;
}

#pref2 a:hover {
	display:block;
	background:url(../images/preferes2Hover.png) no-repeat;
}

#pref3 a {
	display:block;
	background:url(../images/preferes3.png) no-repeat;
	height:320px;
	width:320px;
    float: left;
}

#pref3 a:hover {
	display:block;
	background:url(../images/preferes3Hover.png) no-repeat;
}

#liens {
	padding-top:60px;
	clear:both;
	text-align:center;
	overflow:hidden;
}

#link:hover ,#link img {
	width:320px;
    height:320px;
    background:url(../images/lapinouHover.png) no-repeat;
    display:inline-block;
}
	   
#link img {
     vertical-align:top;
}
#link:hover img {
	display:none;
}	

#liens img {
	width:90%;
	padding-top:50px;
}

#footer {
	padding-top:1%;
	padding-bottom:1%;
	background:#fff6e7;
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
	color:#a1937b;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
}

#footer span {
	color:#696257;
}

#footer a {
	text-decoration:none;
	font-style:italic;
	color:#a1937b;
	font-family: 'Open Sans Condensed', sans-serif;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#souMenu {
	text-align:center;
	padding-left:9%;
}


#souMenu img {
	width:20%;
}

#galeries {
	text-align:center;
}

#boucles {
	text-align:center;
}

#boucles img {
	width:20%;
}

#boucles p {
	color:#5b6b6d;
	font-family: 'Homemade Apple', cursive;
	font-size:16px;
	line-height:1.8;
	padding-bottom:20px;
	padding-top:30px;
	text-align:initial;
	width:80%;
	margin: 0 auto;
}

#boucles p span {
	color:#A5B07D;
}


#commande {
	color:#5b6b6d;
	font-family: 'Amatic SC', cursive;
	font-size:40px;
	margin-bottom:30px;
	margin-top:70px;
	text-align:center;
	border:solid #5b6b6d;
	border-width:thin;
}


#galeries2 p {
	color:#A5B07D;
	font-family: 'Amatic SC', cursive;
	font-size:35px;
	padding-bottom:30px;
	padding-top:60px;
	text-align:initial;
	width:80%;
	margin: 0 auto;
	line-height:7pt;
}

#galeries2 p span {
	color:#A5B07D;
	font-family: 'Loved by the King', cursive;
	font-size:20px;
	line-height:1.8;
	
}

.detail {
	color:#5b6b6d;
	font-family: 'Homemade Apple', cursive;
	font-size:16px;
	line-height:1.8;
	width:85%;
	margin: 0 auto;
	padding-bottom:30px;
}

.detail span {
	font-size:18px;
}

.photos {
	text-align:center;
}

.photos img {
	height:222px;
	text-align:center;
}
	
.photosE {
	text-align:center;
}

.photosE img {
	height:330px;
	text-align:center;
}

.ps {
	color:#A5B07D;
	font-family: 'Homemade Apple', cursive;
	font-size:13px;
	line-height:1.8;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#galeries3 p {
	color:#A5B07D;
	font-family: 'Amatic SC', cursive;
	font-size:35px;
	padding-bottom:30px;
	padding-top:60px;
	text-align:center;
	width:80%;
	margin: 0 auto;
	line-height:7pt;
}

#galeries3 p span {
	color:#A5B07D;
	font-family: 'Homemade Apple', cursive;
	font-size:18px;
	line-height:1.8;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#souMenuID {
	text-align:center;
	padding-left:9%;
}

#souMenuID img {
	width:20%;
}

#souMenu2ID {
	text-align:center;
	padding-left:9%;
}

#souMenu2ID img {
	width:20%;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#IDcad p {
	color:#5b6b6d;
	font-family: 'Homemade Apple', cursive;
	font-size:16px;
	line-height:1.8;
	padding-bottom:20px;
	padding-top:30px;
	text-align:initial;
	width:80%;
	margin: 0 auto;
}

#IDcad p span {
	color:#A5B07D;
}

#IDcad img {
	width:20%;
}

#IDcad a {
	margin:0 auto;
}

#cadeaux {
	text-align:center;
	padding-bottom:30px;
}


#IDcad2 p {
	color:#5b6b6d;
	font-family: 'Homemade Apple', cursive;
	font-size:16px;
	line-height:1.8;
	padding-bottom:20px;
	padding-top:30px;
	text-align:initial;
	width:80%;
	margin: 0 auto;
}

#IDcad2 p span {
	color:#A5B07D;
}

#IDcad2 img {
	height:180px;
}

#IDcad2 a {
	margin:0 auto;
}

#parures {
	text-align:center;
	width: 90%;
    margin: 0 auto;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#loc p {
	font-family: 'jura';
	font-size:16px;
	line-height:1.8;
	color:#000;
	width:80%;
	padding-left:60px;
	padding-top:30px;
}

#loc strong {
	font-weight:normal;
}

#loc span {
	color:#A5B07D;
	font-family: 'jura';
	font-size:16px;
}
	
#loc img {
	text-align:center;
	margin:0 auto;
}

#nom {
	font-family: 'jura';
	font-size:16px;
	line-height:1.8;
	color:#000;
	width:80%;
	padding-left:60px;
	padding-top:30px;
}

#Formulaire {
	font-family: 'jura';
	font-size:16px;
	line-height:1.8;
	color:#000;
	width:80%;
	padding-left:60px;
	padding-top:30px;
}

#nom img {
	width:25%;
}

#Formulaire p {
	margin:20px;
	color:#566466;;
}

form {
	padding:20px;
	color:#5b6b6d;
	font-family: 'Homemade Apple', cursive;
	font-size:16px;
	line-height:1.8;
}

form p {
	margin-bottom:15px;
	clear:both;
	color:#566466;
}

.consigne {
	width:100%;
	float:left;
	text-align:center;
	color:#A5B07D;
	font-family: 'Amatic SC', cursive;
	font-size:30px;
}

#objet {
	width:500px;
}

#mail {
	width:500px;
}

.champs {
	width:800px;
	border:solid 1px #333;
	color:#5b6b6d;
	font-family: 'Homemade Apple', cursive;
	font-size:16px;
	line-height:1.8;
	resize: none;
	padding-right:300px;
}

#message {
	height:400px;
	width:500px;
}

#go {
	background:#666;
	color:#FFF;
	width:100px;
	height:20px;
}

.error {
	color:#F00;
	padding:60px;
}

#valid {
	font-family: 'Homemade Apple', cursive;
	font-size:16px;
	line-height:1.8;
	color:#4f3f2e;
	float:left;
	padding:15px;
}


@media screen and (max-width:1300px) {
	
#container {
	width:100%;
}
	
}


@media screen and (max-width:1080px) {
	
#pref1 a {
	float:none;
	margin:0 auto;
}

#pref2 a {
	float:none;
	margin:0 auto;
}

#pref3 a {
	float:none;
	margin:0 auto;
}

}