/* CSS Document */
body{
	font-family: "Trebuchet MS";
	font-size: 13px;	
	color: #353535;	
	}


#imgheader h1{
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	padding-top: 125px;
	color: white;
	}

h2{
	color: #EC6225;
	font-size: 30px;
	border-bottom: dotted 1px;
	margin-bottom: 30px;
	font-weight: bold;
	}
#actu h3{
	text-transform: uppercase;
	font-size: 14px;
	color: black;
	margin-bottom: 10px;
	font-weight: bold;
		}
p{
	margin-bottom: 20px;
	text-align: justify;
}

footer{
	background: #EC6225;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 50px;
	color: white;
	font-size: 13px;
	font-weight: bold;
	}
footer p{
	text-align: center;
	padding-top: 5px;
}

#imgheader{
	background: url("images/imageheader.jpg") center no-repeat;
	background-size: cover;
	border-bottom: 5px #FFDF00 solid;
	height:  330px;
			}

#imgheaderboutique{
	border-bottom: 5px #FFDF00 solid;
	height:  330px;
	background: white center ;
}
#topnav{
	width: auto;
	padding: 10px;
		}
	#topnav a:hover{
		color: #ffa11b;
		
					}
	
#menu{
	float: right;
	
	}	
	#menu a{
		float: left;
		display: block;
		line-height: 45px;
		text-decoration: none;
		color: #EC6225;
		margin-right: 30px;
		font-weight: bold;
		font-size: 14px;
			}
	#menu li{
		float: left;
			}

#logo{
	
	float: left;
		
	}

.container{
			width: 1200px;
			margin-left: auto;
			margin-right: auto;
			}
#intro{
	
	padding-left: 270px;
	padding-right: 270px;
		}
	#intro p{
			line-height: 36px;
			font-size: 17px;
			color: gray;
			
			}
section{
	padding-top: 80px;
		}
section ul {
	list-style: disc;
	margin-bottom: 20px;
		}
section a{
	color: #ffa11b;
	
		}


section a:hover{
	color: #EC6225;
				}

#imgedition{
	background: url("images/imgedition.jpg") fixed center;
	background-size: cover;
	height: 300px;
	margin-top: 50px;
			}

#imgcon{
	background: url("images/imgconcurrents.jpg") fixed center;
	background-size: cover;
	height: 300px;
	margin-top: 50px;
		}
#imgafr{
	background: url("images/imgafrique.jpg") fixed center;
	background-size: cover;
	height: 300px;
	margin-top: 50px;
		}
#home{
	background: url("images/sahara03.jpg") center no-repeat;
	background-size: cover;
	height: 800px;
	padding-top: 100px;
	text-align: center;
		}
#home h2{
	font-size: 26px;
	text-transform: uppercase;
	color: white;
	border: 0px;
	font-weight: normal;
	margin-top: 35px;
		
		}
#home p{
	color: white;
	width: 500px;
	margin: auto;
	margin-top: 35px;
	margin-bottom: 40px;
	line-height: 130%;
}
.home h2 {
	font-size: 50px;
}

#socialmedia{
		
			}
#socialmedia p {
	font-size: 18px;
	font-weight: bold;
	text-align: center;

				}

#logosocial{
	text-align: center;
	
			}
#plus{
	text-align: center;
}

#dakar{
	
}
#dakar p{
	font-size: 17px;
	line-height: 140%;
	color: grey;
		
}


.col2{
	width: 47%;
	margin: 0 1.5%;
	float: left;
	}

.col3{
	width: 30%;
	float: left;
	margin: 0 1.5%;
		}
.col4{
	width: 22%;
	float: left;
	margin: 0 1.5%;
}
.afrique{
	margin-top: 5px;
		}

.retour{
	clear: both;
	}
#actu{
	
		}
.btn{
	display: block;
	background: url("images/btn-plus.png") no-repeat 15px center #EC6225;
	padding: 10px 20px 10px 30px;
	float: right;
	text-decoration: none;
	color: white;
	margin-bottom: 50px;
}

.btn:hover{
	background: url("images/btn-plus.png") no-repeat 15px center #ffa11b;
	color: white; 
}

#galerie{
	background: url("images/pattern.png");
	
	padding-top: 50px;
	padding-bottom: 115px;
		
}
#galerie h2{
	color: white;
	font-size: 30px;
	border: 0px;
	text-align: center;
	margin-bottom: 60px;
	
}

#galerie img{
	border: 1px solid white;
	margin: auto;
	transition: all 0.3s;
}
#galerie img:hover{
	transform: scale(1.05);
}


.product{
	display: block;
	border: 1px solid #ddd;
	text-align: center;
}
.product:hover{
	background: #F7F7F7;
}

#boutique h2{
	font-size: 16px;
	color: #666666;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
	border: 0px;
	
	
}

#boutique p{
	font-size: 20px;
	color:#666666;
	text-align: center;
	
}
#boutique a{
	text-decoration: none;
}
#boutique img{
	padding-top: 10px; 
}
#boutique h3 {
	font-size: 30px;
}
#boutique{
	padding-top: 50px;
	margin-bottom: 30px;
	
}

#boutique h3{
	padding-bottom: 20px;
}

strong{
	font-weight: bold;
}
#green{
	
	
	margin-bottom: 20px;
		
}
#green span {
	border: solid 1px yellowgreen;
	color: yellowgreen;
	
	padding: 7px;
	
}
#ficheproduit{
	padding-top: 35px;
	margin-bottom: 20px;
}
.lignegrise {
	background: #EFEFEF;
}
#grey span{
	border: solid 1px #efefef;
	
	padding: 3px;
	
	
}
#grey{
	margin-bottom: 35px;
}
#grey a {
	color: #B2B2B2;
	text-decoration: none;
	font-size: 12px;
}
.price{
	font-size: 20px;
	color:#666666;
}
.price2{
	font-size: 25px;
	color:#666666;
}
.fchtch td{
	
	
	
}
.fchtch{
	
}
.table{
	width: 570px;
	margin: auto;
	font-size: 16px;
		
}
.table td{
	border-collapse: collapse;
	padding: 10px;
}
textarea{
	width: 510px;
	height: 180px;
	border: #E6E6E6 1px solid;
	
}
#contact{
	width: 510px;
	
}
#contact p{
	
}
#contact fieldset{
	
	
}

#contact label{
	
	
}

#contact input{
	
	width: 560px;
	line-height:  35px;
	text-align: left;
	border: #E6E6E6 1px solid;
	
}

legend{
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: grey;
	margin-top: 10px
}
form{
	padding-top: 70px;
}
#envoyer{
	margin-left: 450px;
	margin-top:10px;
}
#envoyer input[type="submit"]{
	border: #E6E6E6 1px solid;
	width: 290px;
	line-height: 38px;
	margin-top: 25px;
	background-color: #FFDF00;
	color: grey;
	font-size: 15px;
	font-weight: bold;
		
}
#envoyer input[type="submit"]:hover{
	background-color: #E6E6E6;
	cursor: grab;
}