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

    @media all and (max-width:30em) {	
		#index{float:left; margin-bottom:0px; margin-top:0px; margin-right:3px; margin-left:0px;}
		.responsive-index-1 {width: 100%;}
		.responsive-index-1 img {width:auto; height:30px;}
		.responsive-index-2 {width: 100%;}
		.responsive-index-2 img {width:auto; height:18px; }
	
	@media all and (min-width:30em) {
		.responsive-index-1 {width: 100%;}
		.responsive-index-1 img {width:auto; height:auto;}   h:36px
		.responsive-index-2 {width: 100%;}
		.responsive-index-2 img {width:auto; height:auto;}   h:21px
		}
		
	@media all and (min-width:30em) and (max-width:70em) {	
		#index{float:left; margin-bottom:0px; margin-top:0px; margin-right:20px; margin-left:20px;}
		}
		
	@media all and (min-width:70em) {	
		#index{margin-bottom:0px; margin-top:40px; margin-right:0px; margin-left:40px; float:left;}
		}}*/


html,body {
    margin:0;
    padding:0;
	scroll-behavior: smooth;}

	    .bande-33 {width:100%;  z-index:1; position: absolute; max-width:80em; }
	@media all and (min-width:72em) {	
		.bande-33 {height:33%; top:33%; }}
    @media all and (min-width:42em) and (max-width:72em) {
		.bande-33 {height:33%; top:33%;}}
	@media all and (max-width:42em) {	
		.bande-33 {height:33%; top:33%;}}
		
		.bleu30 {background-color: #b5cbd7;  top: 30%;
    left: 30%;
    width: 30%;
    height: 30%;}
			 
		.bleu {background-color: #b5cbd7;}
		.rose {background-color: #ce6a85;}
		.jaune {background-color: #ffe500;}
		

/* pages index */

			
		#e1{width:100%; max-width:96em; display: flex; height: auto;}
	@media all and (min-width:70em) {	
		#e1{ margin-top:10em; }
		.text_up {position:absolute; bottom:4%; left:5%; z-index:14;}
		.img_back {position: relative; width:100vw; overflow:hidden; display: flex; justify-content:left; align-items:left; z-index:15;}
		.img_back img{width:115vw; max-width:107em; min-width:80em;  overflow:hidden; margin-top:-39em; margin-right:-7em}
		.txt_commentaire_1 {position: relative; text-align:center; max-width:90vw; width:28em; margin-left:auto; margin-right:auto;}}	
    @media all and (min-width:40em) and (max-width:70em) {
		#e1{ margin-top:10em; }
		.text_up {position:absolute; bottom:12%; left:5vw; z-index:14;}
		.img_back {position: relative; width:100vw; overflow:hidden; display: flex;  justify-content:left; z-index:15;}
		.img_back img{width:110vw; max-width:80em; min-width:60em; overflow:hidden; margin-right:-2em; margin-top:-27em;}
		.txt_commentaire_1 {width:40vw; max-width:24em;  position:absolute; right:0;}}
	@media all and (max-width:40em) {	
		#e1{margin-top:10em; }
		.text_up {position:absolute; top:-1em; width:100vw; z-index:14; justify-content:center; text-align:center;}
		.img_back {position: relative; width:100vw; overflow:hidden; display: flex;  justify-content:center; z-index:15; background-color:#93bbc7;}
		.img_back img{width:200vw;  margin-right:-15%; margin-top:-10vw;}
		.txt_commentaire_1 {width:96%; position: relative; bottom:0; margin-left:0.5em;}}
		
		.img_RDH_Logos {position: absolute; float:right; z-index:25; width:auto; }
		.img_RDH_Logos img { }
		@media all and (min-width:40em) {
		.img_RDH_Logos {display:none;}}
		@media all and (max-width:40em) {	
		.img_RDH_Logos {bottom:1em; left:1em; }
		.img_RDH_Logos img { width:95%;}}			

		
		#e1com{position: relative; max-width:85em; }
		.text_e1 {display: flex; text-align:center; max-width:71vw; width:28em; margin-left:auto; margin-right:auto;}
	
		
		#e2{position: relative; max-width:90em; }
		.text_on-top {display: flex; text-align:center; max-width:70vw; width:27em; margin-left:auto; margin-right:auto;}
		.img_anime {display: flex; justify-content: center; align-items:center;}
		.img_anime img{width:40em; max-width:90vw;}		

		.espace{ clear:both; height:20vh;}
		.espace10{ clear:both; height:2em;}

	@media all and (min-width:70em) {	
		.marges{ margin-top:10em; margin-bottom:10em; margin-left:7em; margin-right:7em;}}	
    @media all and (min-width:30em) and (max-width:70em) {
		.marges{ margin-top:15em; margin-bottom:8em; margin-right:4em; margin-left:3em;}}
 	@media all and (max-width:30em) {	
		.marges{ margin-top:3em; margin-bottom: 3em; margin-right:2em; margin-left:2em;}}
		
	@media all and (min-width:70em) {	
		.marges-l-r{ margin-left:7em; margin-right:7em;}}	
    @media all and (min-width:40em) and (max-width:70em) {
		.marges-l-r{ margin-right:4em; margin-left:3em; }}
 	@media all and (max-width:40em) {	
		.marges-l-r{ margin-right:7vw; margin-left:7vw;}}
		
		
		
		#e3{position: relative; justify-content: center; /* horizontal */ align-items: baseline; /* vertical */ max-width:96em;  }		
	@media all and (min-width:70em) {
		#e3{display: flex; }
		.RDHtop-txt {position: absolute; bottom: 0;  width:62em; max-width:80vw; }
		.RDHtop {display: flex; z-index:1; }
		.RDHtop img {width:20em;}
		.RDHtop_up {position: fixed; z-index:2; height:30em; top:0; width:100%; overflow:hidden; }
		.RDHtop_up img{width:20em;}}	
    @media all and (min-width:47em) and (max-width:70em) {
		#e3{display: flex; justify-content: center; align-items: center;}
		.RDHtop-txt {position: absolute; bottom: 0; max-width:80vw;}
		.RDHtop {display: flex; z-index:1; }
		.RDHtop img {width:15em;}
		.RDHtop_up {position: absolute; z-index:2;  width:100%; clip-path: inset(20vh 0 0 0); }
		.RDHtop_up img{width:15em; }
		.RDHtop_up:hover img{visibility:hidden; }}
 	@media all and (max-width:47em) {
		#e3{justify-content: center; align-items: center;}
		.RDHtop-txt {bottom: 0; }
		.RDHtop {display: flex; z-index:1; justify-content: center; align-items: center;}
		.RDHtop img {width:15em;}}
	
	     #e4{}
		 .commentaire{position:relative;  max-width:96em; display:flex;  align-items: flex-end; }
		.img_commentaire {z-index:5;}
		.txt_commentaire {z-index:5;}
			.img_commentaire_droite {z-index:5;}
			.txt_commentaire_droite {z-index:5;}
		.bandeco {background-color: #ffe500; width:100%; display: flex; z-index:1; position: absolute; bottom:0; }
	@media all and (min-width:70em) {
		.commentaire{width:100%; height:37vw; max-height:37em;}		
		.img_commentaire img {width:37em; max-width:40vw; top:4em;}
		.txt_commentaire {width:32vw; max-width:26em; position:absolute; left:55%; top:4em;}
			.img_commentaire_droite img {width:37em; max-width:40vw; position:absolute; left:55%; top:0;}
			.txt_commentaire_droite {width:32vw; max-width:26em;  margin-top:0em;}
		.bandeco {height:80%; top:-10%;}}	
    @media all and (min-width:40em) and (max-width:70em) {
		.commentaire{width:100%; height:37vw; max-height:37em;}
		.img_commentaire img {width:26em; max-width:43vw;}
		.txt_commentaire {width:35vw; max-width:27em;  position:absolute; left:55vw; top:10%;}
			.img_commentaire_droite img {width:26em; max-width:43vw;  position:absolute; left:52vw; top:0;}
			.txt_commentaire_droite {width:35vw; max-width:27em; top:10%;}
		.bandeco {height:80%; top:-10%;}}
 	@media all and (max-width:40em) {	
	    .commentaire {display: block; height:100%;}
		.img_commentaire {display: flex;}
		.img_commentaire img { width:100%; z-index:5;}
		.txt_commentaire  {width:80vw; position: relative; bottom:0; margin-left:7vw;}
			.img_commentaire_droite {display: flex;}
			.img_commentaire_droite img { width:100%; z-index:5;}
			.txt_commentaire_droite  {width:80vw; position: relative; bottom:0; margin-left:7vw;}
		.bandeco {height:33em; margin-bottom:-2em;}}
		
		
		#e5{width:100%; max-width:96em; }	
		.img_RDH_LL { z-index:5; }
		.img_RDH_LL img {width:100%; }
		.img_RDH_Logo_LL {position: relative; float:right; z-index:10;}
		.img_RDH_Logo_LL img { }
		@media all and (min-width:70em) {
		.img_RDH_Logo_LL {bottom:6em; }
		.img_RDH_Logo_LL img { height:6em; }}
		@media all and (min-width:37em) and (max-width:70em) {
		.img_RDH_Logo_LL {bottom:5em; }
		.img_RDH_Logo_LL img { height:5em; }}
		@media all and (max-width:37em) {	
		.img_RDH_LL {position: relative; width:100%; overflow:hidden; display: flex; justify-content: center;}
		.img_RDH_LL img { width:36em; } 
		.img_RDH_Logo_LL {bottom:0em;  width:auto; position: absolute; right:0; }
		.img_RDH_Logo_LL img {height:3em; width:auto;}}
		
		#e6{position: relative; justify-content: center; align-items: center; max-width:90em;}
		
		#e7{position: relative; max-width:90em; }	
		.ligne2 {position:relative; z-index:8; max-width:100%; overflow:hidden;}
		.ligne2 img {height:3em; }	
	@media all and (min-width:70em) {
		#e7{display:flex; justify-content:center; align-items:center;  }
		.RDHface-txt {min-width:35em; margin-left: 30em; }
		.RDHface-txt2 { width:15em; margin-right:3em; float:left;}
		.RDHface-txtgrand {height:6em;}
		.RDHface {position:absolute; left:0;}
		.RDHface img {width:25em; }
		.ligne2 img {margin-top:-1em; }}	
    @media all and (min-width:47em) and (max-width:70em) {
		#e7{display:flex; justify-content:center; align-items:center;  }
		.RDHface-txt {width:30em; max-width:50vw; margin-left: 40vw; }
		.RDHface-txt2 { width:13em; margin-right:2em;  float:left;}
		.RDHface-txtgrand {height:6em;}
		.RDHface {position:absolute; left:0;}
		.RDHface img {width:20em; max-width:36vw;}
		.ligne2 img {margin-top:-2.1em; }}
 	@media all and (max-width:47em) {
		#e7{ }	
		.RDHface-txt {justify-content:center; align-items:center; }
		.RDHface-txt2 {max-width:13em; width:42vw; margin-right:1.5em; position:relative; margin-top:-1em;}
		.RDHface-txtgrand {height:6em;}
		.RDHface {display:flex; justify-content:left; align-items:left; margin-bottom:2em; margin-left:2em;}
		.RDHface img {width:17em;}
		.ligne2 img {margin-top:-2em; }}

		
		#e8{height:100%;}

		
		#e9{width:100%; max-width:96em; }	
		.img_RDH_V { z-index:5; }
		.img_RDH_V img {width:100%; }
		@media all and (max-width:37em) {	
		.img_RDH_V {position: relative; width:100%; overflow:hidden; display: flex; justify-content: center;}
		.img_RDH_V img { width:32em; }}
		


		#e10{position:relative; height:100%; max-width:80em; display:flex; align-items: center; }		
		.RDHarr-txt {}
		.RDHarr-haut {position:absolute; background-color:#FFFFFF; z-index:10; }
		.RDHarr-large {position:absolute; background-color:#FFFFFF; z-index:10; padding-left:0.5em; padding-right:0.5em;}
		.RDHarr {z-index:4;}
		.RDHarr img {}
	@media all and (min-width:70em) {
		#e10{}
		.RDHarr-txt {width:30em; margin-left: 3em; }
		.RDHarr-haut {margin-left:-2.5em; top:38%; }
		.RDHarr-large {bottom:-1.9em; margin-left:9em; }
		.RDHarr {margin-left:15em;}
		.RDHarr img {width:20em; }}	
    @media all and (min-width:47em) and (max-width:70em) {
		#e10{}
		.RDHarr-txt {width:39vw; max-width:25em; margin-left:4em; }
		.RDHarr-haut {margin-left:-2.2em; top:38%; }
		.RDHarr-large {bottom:-1.7em; margin-left:5.2em; }
		.RDHarr {margin-left:9vw;}
		.RDHarr img {width:14em; max-width:38vw; z-index:5;}}
 	@media all and (max-width:47em) {
		#e10{display: block;}	
		.RDHarr-txt {margin-bottom:3em; }
		.RDHarr-haut {margin-left:-2.5em; margin-top:6em; }
		.RDHarr-large {margin-top:16em; margin-left:4.3em; }
		.RDHarr {margin-left:6em;}
		.RDHarr img {width:12em;}}

	
		#e11{}
		
		#e12{position: relative; justify-content: center; align-items: center; max-width:90em; }
		
		
		#e13-1{position: relative; max-width:90em;}
		#e13-2{position: relative; max-width:90em; }
		#e13-3{position: relative; max-width:90em; }		
	@media all and (min-width:70em) {
		#e13-1{display:flex; justify-content:center; align-items:center; height:20em;}
		#e13-2{display:flex; justify-content:center; align-items:center; height:20em;}
		#e13-3{display:flex; justify-content:center; align-items:center; height:20em;}
		.RDHmtx-txt {position:absolute; left:43em; width:20em; }
		.RDHmtx-txt1 {position:absolute; width:13em; left:1em; margin-top:4em;}
		.RDHmtx {position:absolute; height:20em; left:17em; margin-top:8em; top:-7em; width:20em; padding-left:4em; border-left:thin solid #9F9F9F;}
		.RDHmtx img {width:14em; margin-top:4em;}}	
    @media all and (min-width:47em) and (max-width:70em) {
		#e13-1{display:flex; justify-content:center; align-items:center; height:18em; }
		#e13-2{display:flex; justify-content:center; align-items:center; height:18em; }
		#e13-3{display:flex; justify-content:center; align-items:center; height:18em; }
		.RDHmtx-txt {position:absolute; left:60vw; }
		.RDHmtx-txt1 {width:10em; position:absolute; left:0em; margin-top:2em;}
		.RDHmtx {position:absolute; height:18em; left:25vw; margin-top:7em;  border-left:thin solid #9F9F9F; top:-6em;}
		.RDHmtx img {width:12em; margin-left:3em; margin-top:3em;}}
 	@media all and (max-width:47em) {
		#e13-1{height:35em;}			#e13-2{height:35em;}		#e13-3{}
		.RDHmtx-txt { width:80vw; max-width:27em;}
		.RDHmtx-txt1 { border-bottom:thin solid #9F9F9F; width:80vw; max-width:27em;}
		.RDHmtx {display:flex; margin-left:8vw; margin-top:3em;}
		.RDHmtx img {width:12em;}}

		
		#e14{}

		#e15{width:100%; max-width:96em; background-color:rgba(83,173,229,1.00); }

		#e16{position: relative; justify-content: center; align-items: center; max-width:90em; }
		
		#e17-1{position: relative; max-width:90em; }
		#e17-2{position: relative; max-width:90em; }
		#e17-3{position: relative; max-width:90em; }		
	@media all and (min-width:70em) {
		#e17-1{display:flex; justify-content:center; align-items:center; height:22em;}
		#e17-2{display:flex; justify-content:center; align-items:center; height:22em;}
		#e17-3{display:flex; justify-content:center; align-items:center; height:22em;}
		.RDHam-txt {position:absolute; left:33em; width:20em; }
		.RDHam {position:absolute; left:6em;  }
		.RDHam img {width:18em; }
		.RDHam-txt2 {position:absolute; left:6em; width:20em; }
		.RDHam2 {position:absolute; left:33em;  }
		.RDHam2 img {width:18em; }}	
    @media all and (min-width:47em) and (max-width:70em) {
		#e17-1{display:flex; justify-content:center; align-items:center; height:20em; }
		#e17-2{display:flex; justify-content:center; align-items:center; height:20em; }
		#e17-3{display:flex; justify-content:center; align-items:center; height:20em; }
		.RDHam-txt {position:absolute; left:50vw; max-width:18em;}
		.RDHam {position:absolute; left:9vw; }
		.RDHam img {width:16em; }
		.RDHam-txt2 {position:absolute; left:9vw; width:18em;}
		.RDHam2 {position:absolute; left:50vw; }
		.RDHam2 img {width:16em; }}
 	@media all and (max-width:47em) {
		#e17-1{}			#e13-2{}		#e13-3{}
		.RDHam-txt {width:80vw; max-width:30em; margin-bottom:15vh;}
		.RDHam {display:flex; margin-left:10vw; margin-bottom:3em;}
		.RDHam img {width:15em;}
		.RDHam-txt2 {width:80vw; max-width:30em; margin-bottom:15vh;}
		.RDHam2 {display:flex; margin-left:10vw; margin-bottom:3em;}
		.RDHam2 img {width:15em;}}
		
		
		#e18{ }

		
		
/* gif animé */	
		.one-read-gif {position:absolute;}
		.one-read-gif img  {opacity:1; }	
		.one-read-gif img:hover  {opacity:0;}

		.loop-gif {position:relative;}	
		.loop-gif img  {opacity:0;}
		.loop-gif img:hover {opacity:1;}	

/* pages mode d emploi */	
		#page-mde{position:relative; max-width:90em; }	
    @media all and (max-width:30em) {
		#page-mde{margin-top:5em; width:90vw; margin-left:1em;}}

    @media all and (min-width:30em) and (max-width:70em) {
		#page-mde{margin-top:9em; width:90vw; margin-left:2em;}}
		
     @media all and (min-width:70em) {
		#page-mde{margin-top:10em; width:90vw; margin-left: 2em; display:flex; align-content:center; justify-content:center;}} 
		
/* page photo */
        #page{position:relative; width:90vw; max-width:90em; display: flex; flex-wrap: wrap; }	
		.ministere {}
		.ministere img {vertical-align: baseline;  margin:-3.5em 0.2em -0.2em;}
		#responsive-txt {width:80vw; margin-right:1.3em; margin-left:0em; margin-top:0em; position: relative; }
		#responsive-txt-2 {width:80vw; margin-right:1.3em; margin-left:0em; margin-top:0em; position: relative;}
	@media all and (max-width:54em) {
		.ministere {}
		.ministere img {vertical-align: bottom; margin:0em 0.2em -1em;}}
		
    
	@media all and (max-width:37em) {
		#page{margin-top:5em; margin-left:1em;}
		.responsive {width: auto; margin-bottom:0.5em; margin-top:0.3em; margin-right:0.8em; margin-left:0em; position: relative;}
		.responsive img {width:12em; max-width:40vw; height:auto; box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.4);}}

    @media all and (min-width:37em) and (max-width:70em) {
		#page{margin-top:9em; margin-left:2em;}
		.responsive {width: auto;  margin-bottom:1.2em; margin-top:0.3em; margin-right:1.5em; margin-left:0em; position: relative; }
		.responsive img {width:15em; max-width:40vw; height:auto; box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.4);}}
		
     @media all and (min-width:70em) {
		#page{margin-top:10em; margin-left:2em;}
		.responsive {width: auto; margin-bottom:1em; margin-top:0.3em; margin-right:1.3em; margin-left:0em; position: relative;}
		.responsive img {width:20em; max-width:28vw; height:auto; box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.4);}}	
		
	
/* pages presse... */	
		#page-txt{position:relative; width:80vw; max-width:82em; }
		.img_press {position: relative; width: 82vw; overflow:hidden; display: flex;  justify-content:left;}
		.img_press img{width:55em; }
    @media all and (max-width:37em) {
		#page-txt{margin-top:7em;}
		.img_press {width:100%; }
		.img_press img{min-width:35em; }}

    @media all and (min-width:37em) and (max-width:70em) {
		#page-txt{margin-top:10em;}}
		
     @media all and (min-width:70em) {
		#page-txt{margin-top:10em;}}
		
		
		#chroniques{position:relative; height:100%; max-width:80em; display:flex; align-items:flex-end; }
		.img_commentairec {z-index:5;}
		.txt_commentairec {display: flex; z-index:10; position: absolute; top:0; }
		.grisc {background-color: #D0D0D0; width:100%; display: flex; z-index:1; position: absolute; top:0; }
	@media all and (min-width:70em) {
		#chroniques{height:52vw; max-height:50em;}		
		.img_commentairec {position: absolute; bottom:0; left:0;}
		.img_commentairec img {width:100%; max-width:85vw; }
		.txt_commentairec {width:46vw; max-width:40em; margin-left:2em; margin-top:1em;}
		.grisc {height:12em; margin-top:1em;}}	
    @media all and (min-width:47em) and (max-width:70em) {
		#chroniques{height:60vw;}	
		.img_commentairec {position: absolute; bottom:0; left:0;}
		.img_commentairec img {width:100%; max-width:85vw; }
		.txt_commentairec {width:70%; margin-left:1em; }
		.grisc {height:11em;}}
 	@media all and (max-width:47em) {	
	     #chroniques{height:100vw; max-height:28em;}
		.img_commentairec {position: absolute; bottom:0; left:0;}
		.img_commentairec img {width:100%; z-index:5;}
		.txt_commentairec {width:85%; margin-left:1em;}
		.grisc {height:14em; }}
	
		
/* pages contact... */	
		#page-contact{position:relative; width:80vw; max-width:82em;}
    @media all and (max-width:37em) {
		#page-contact{margin-top:7em;}
		.text{width: 60vw; margin-bottom:1em; float:left;}}

    @media all and (min-width:37em) and (max-width:70em) {
		#page-contact{margin-top:9em;}
		.text{width: 80vw; margin-bottom:1.5em; float:left;}}
		
     @media all and (min-width:70em) {
		#page-contact{margin-top:10em;}
		.text{width: 80vw; margin-bottom:2em; float:left; max-width:80em;}	}


/* entete et menu*/
#header{position:absolute; display: flex; justify-content:right; align-items:right; }
    @media all and (max-width:37em) {
		#header{top:0.3em; left:0.5em; width:95vw; }	
		.titre{position:absolute; top:0.7em; left:0em;  background-color:#FFFFFF; padding-right:0.5em; z-index:10;}
		.titre img {height:2em; margin-top:1.27em;}
		.dessin{position:relative; z-index:9;  overflow:hidden; }
		.dessin img {height:2em; margin-top:1.27em; margin-right:2em;}
		.ligne {position:relative; z-index:8; max-width:100%; overflow:hidden;}
		.ligne img {height:2em; margin-top:1.27em; }
		.menu{position:absolute; left:0.5em; top:3em; width:70vw; z-index:11; }
		.lang{position: absolute; top:-0.4em; left:0em; z-index:12;}}

    @media all and (min-width:37em) and (max-width:70em) {
		#header{top:0.7em; left:1.5em; width:95vw; }	
		.titre{position:absolute; top:1.2em; left:0em; background-color:#FFFFFF; padding-right:1em; z-index:10;}
		.titre img {height:3.8em;}
		.dessin{position:relative; z-index:9; margin-right:0em;}
		.dessin img {height:4.3em;}
		.ligne {position:relative; z-index:8; width:100%; overflow:hidden;}
		.ligne img {height:4.3em;}
		.menu{position:absolute; left:2em; top:3.8em; z-index:11;}	
		.lang{position: absolute; top:-0.7em; left:0em; z-index:12;}}

     @media all and (min-width:70em) {
		#header{top:1em; left:2em; width:95vw; max-width:94em; }	
		.titre{position:absolute; top:1.9em; left:0em; background-color:#FFFFFF; padding-right:1em; z-index:10;}
		.titre img {height:4.7em;}
		.dessin{position:relative; z-index:9; }
		.dessin img {height:5.4em; }
		.ligne {position:relative; z-index:8; max-width:100%; overflow:hidden;}
		.ligne img {height:5.4em; }
		.menu{position:absolute; left:6em; top:5em; max-width:60em; z-index:11;}
	 	.lang {position: absolute; top: 5em; right: 0.5em; text-align: right; z-index: 12;}}


				
/* pied*/

#footer{background-color:#b5cbd7; width:100vw; max-width:96em;}
		.retour{display:flex; margin-left:95vw; /*-webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);*/}
		.retour-haut img:hover{ opacity:0.4;}
    @media all and (max-width:30em) {
		#footer{height:16em; padding-top:0.5em;}	
		.contact{margin-top:1.5em; margin-left:1em; max-width:92vw; }
		.adresse{margin-top:0em; margin-left:2em; max-width:90vw; }
		.menub{margin-left:1em; padding-top:1em; float:left;}
		.retour-haut{margin-right:1em; margin-top:2.4em; float:right;  }
		.retour-haut img {height:4em; }}
    @media all and (min-width:30em) and (max-width:70em) {
		#footer{height:17em; padding-top:1em;}
		.contact{margin-top:1em; margin-left:2em; max-width:95vw;}
		.adresse{margin-top:0em; margin-left:4.5em; max-width:90vw; }
		.menub{margin-left:2em; padding-top:1em; float:left;}
		.retour-haut{margin-right:2em; margin-top:2.2em; float:right;}
		.retour-haut img {height:4.3em; }
}
     @media all and (min-width:70em) {
		#footer{height:18em; padding-top:1.5em;}	
		.contact{margin-top:1em; margin-left:3em; }
		.adresse{margin-top:0em; margin-left:9em; max-width:80vw; } 
		.menub{margin-left:3em; padding-top:1em; float:left;}
		.retour-haut{margin-right:3em; margin-top:3.56em; float:right; }
		.retour-haut img {height:4.5em; }}
		



	
	 @media all and (max-width:70em) {
		.insta{float:right; margin-bottom:1em; margin-right:1.3em; }
		}
 
     @media all and (min-width:70em) {	
	 	.insta {
			position: absolute;
			top: 65px;
			left: 965px;
			width: 200px;
			text-align: right;
			z-index: 999;
}}
		
		
		

.flexb {display: flex;}
.retour-ligne {flex-wrap: wrap;
				align-content:space-around; } /* les objets vont à la ligne */
.etire {flex: 1;} /* les objets s'étirent proportionnellement pour prendre toute la place */	
.h-align {align-items: flex-start;} /* les objets ne s'étire pas selon le plus grands */
.centre-space {justify-content: space-center;} /* les objets sont justifié au centre avec des espaces entre */
.autour-space {justify-content: space-around;} /* les objets sont justifié au centre avec des espaces entre at a coté*/
.centre {justify-content: center;} /* les objets sont justifié au centre sans espaces entre */

.float-l{float:left;}

.aligncenter{display:block;margin:0 auto;text-align:center}

.clear {
  clear: both;
}	
		
.clearfix:after {
  clear: both;
  height: 0; 
  overflow: hidden
}
	
 	@media all and (max-width:70em) {		
		.blocout{display:none;}
		}
		
	@media all and (min-width:45em) {		
		.blocout-min45{display:none;}
		}
		
	@media all and (max-width:45em) {		
		.blocout-max45{display:none;}
		}


		/* formulaire contact*/
.container {
  max-width: 50em;
  width: 100%;
  position: relative;
  margin: 0 auto;
}

#contact input[type="nom"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  color:#FFFFFF; 
}

#contact {
  background: #678593;
  padding: 1em 5em 1em 3em;
  margin: 5em 0;
  /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/
}

#contact h3 {
  display: block;
  font-size: 2.2em;
  font-weight: 400;
  color:#FFF;
  margin-bottom: 1em;
}

fieldset {
  border: medium none !important;
  margin: 0 0 1em 0;
  min-width: 100%;
  padding: 0;
  width: 100%;

}

#contact input[type="nom"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #FFF;
  border-radius: 3px;
  background: #678593;
  margin: 0 0 5px;
  padding: 1em ;
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  font-weight: 400;
}

#contact input[type="nom"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #FFF;
}

#contact textarea {
  height: 10em;
  max-width: 100%;
  resize: none;
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  font-weight: 400;

}

#contact button[type="submit"] {
  cursor: pointer;
  width: auto;
  border: none;
  background: #FFF;
  color: #93bbc7;
  padding: 0.5em 1.5em 0.5em 1.5em;
  font-size: 1.1em;
  font-weight: 400;
}

#contact button[type="submit"]:hover {
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #FFF;
}

::-webkit-input-placeholder {
  color: #FFF;
}

:-moz-placeholder {
  color: #FFF;
}

::-moz-placeholder {
  color: #FFF;
}

:-ms-input-placeholder {
  color: #FFF;
}