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

/* Font */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');


/* Simplification */
section {font-family:Oswald!important; font-style:normal!important; text-decoration:none; min-width:320px; max-width:930px; margin-left:auto; margin-right:auto; text-align:center; font-size:16px;}
/* defintion des style */
h1{font-family:Oswald!important; font-style:normal!important; font-size:16px; margin-bottom: -12px;}
h2{font-family:Oswald!important; font-style:normal!important; font-size:16px; margin-bottom: -12px;}
h3{font-family:Oswald!important; font-style:normal!important; font-size:16px; margin-bottom: 0px;}
p{font-family:Oswald!important; font-style:normal!important; font-size:16px; margin-bottom: 0px;}

/* médias responsive */

	/* desktop */
	#BanFull {width: 100%; height:332px; background:url(Visu-Desk_1.jpg) no-repeat 50% 0px aliceblue; margin-top:25px; margin-bottom:25px;}
	#ImgFichesProd {width: 555px; height:306px; background:url(FicheProd-Desk.jpg)no-repeat 50% 0px aliceblue; margin:10px;}
	.SecConseil {max-width:800px; min-width:300px; background-color:#ffffff; display:flex; flex-wrap: wrap; justify-content: space-around; margin: 0px auto;}
	.SecConseil p {width:450px; margin-top: 45px;}
	.SecConseil img {width:235px; margin-top:-45px;}
	
	/* GSM */
	@media (max-width: 768px) {
		#BanFull {width: 100%; height:483px; background:url(Visu-Gsm_1.jpg) no-repeat 50% 0px aliceblue; margin-top:25px; margin-bottom:25px;}
		#ImgFichesProd {width: 295px; height:245px; background:url(FicheProd-GSM.jpg)no-repeat 50% 0px aliceblue; margin:30px;}
		#PavPanier {display: none;}
		.SecConseil {max-width:800px; min-width:300px; background-color:#ffffff; display:flex; flex-wrap: wrap; justify-content: space-around; margin: 0px auto;}
		.SecConseil p {width:300px; margin-top: 5px;}
		.SecConseil img {width:235px; margin-top:5px;}
	}

/* Pavés */
.SecInfo {max-width:900px; min-width:300px; background-color:#ffffff; display:flex; flex-wrap: wrap; justify-content: space-around; box-shadow:0px 2px 5px rgba(0,0,0,0.5); border-radius:5px; padding:15px; margin: 15px 0px 15px 0px;}
.PavInfo {width: 260px; text-align:left!important;}
.ImgShoot {width: 555px; height:306px;}


/* textes */
.TitreLigne1 {font-size:3.2em; line-height:1.2em; font-weight:300; font-family: 'Oswald'!important; color:#022856; text-transform:uppercase;}
.TitreLigne1 b {font-weight:400;}
.TitreLigne2 {font-size:2em!important; line-height:1em!important; font-weight:300; font-family: 'Oswald'!important; color:#b9b9b9; text-transform:uppercase;}
.TitreLigne3 {font-size:2em!important; line-height:1em!important; font-weight:300; font-family: 'Oswald'!important; color:#ee7202; text-transform:uppercase;}
.TitreLigne4 {font-size:1.6em!important; line-height:1em!important; font-weight:300; font-family: 'Oswald'!important; color:#022856; text-transform:uppercase;}
.Paragraphe{font-size:1.1em !important; line-height:1.2em !important;  color:#525252!important; text-align:center; font-weight:300 !important; font-family:'Oswald'!important;}
.TxtLivr{font-size:1.1em !important; line-height:1.1em !important;  color:#525252!important; text-align:left; font-weight:300 !important; font-family:'Oswald'!important; margin-top: -5px;}