html, body { 
		padding:0;
		height:100%;
		width:100%;
		margin:auto;
		min-width:100px;
		max-width:100%;
		
		background-image:url(background.jpg);/*your background image*/  
		background-repeat:no-repeat;/*we want to have one single image not a repeated one*/  
		background-size:cover;/*this sets the image to fullscreen covering the whole screen*/  
		
		/*css hack for ie*/     
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.background.jpg',sizingMethod='scale');
		-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg',sizingMethod='scale')"
	}
	
	img,table,td,blockquote,code,pre,textarea,input,iframe,object,embed,video{
		max-width:100%;
	}
	
	div {
	  width: 100%;
	  margin: auto;
	}
	
	#contenuSELMI {
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	text-align:left;
	height:50px;
	vertical-align:middle;
	line-height: 50px;
	}
	
	body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
	body, html {
		height: 100%;
		color: #777;
		line-height: 1.8;
	}

	/* Create a Parallax Effect */
	.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6 {
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	/* First image (Logo. Full height) */
	.bgimg-1 {
		min-height: 200px;
		width: 100%;
	}

	/* Second image (Portfolio) */
	.bgimg-2 {
		background-image: url("images/DSC013840.JPG");
		min-height: 200px;
	}
	
	/* Second image (Portfolio) */
	.bgimg-3 {
		background-image: url("images/DSC013860.JPG");
		min-height: 200px;
	}

	/* Third image (Contact) */
	.bgimg-4 {
		background-image: url("images/DSC013850.JPG");
		min-height: 200px;
	}
	
	/* Third image (Contact) */
	.bgimg-5 {
		background-image: url("images/DSC013850.JPG");
		min-height: 200px;
	}
	
	/* Third image (Contact) */
	.bgimg-6 {
		background-image: url("images/DSC013850.JPG");
		min-height: 200px;
	}

	.w3-wide {letter-spacing: 10px;}
	.w3-hover-opacity {cursor: pointer;}

	/* Turn off parallax scrolling for tablets and phones */
	@media only screen and (max-device-width: 1024px) {
		.bgimg-1, .bgimg-2,  .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6 {
			background-attachment: scroll;
		}
	}	
	
	/*  SLIDE*/
	* {
	  box-sizing: border-box;
	}

	img {
	  vertical-align: middle;
	}

	/* Position the image container (needed to position the left and right arrows) */
	.container {
	  position: relative;
	}

	/* Hide the images by default */
	.mySlides {
	  display: none;
	}

	/* Add a pointer when hovering over the thumbnail images */
	.cursor {
	  cursor: pointer;
	}

	/* Next & previous buttons */
	.prev,
	.next {
	  cursor: pointer;
	  position: absolute;
	  top: 40%;
	  width: auto;
	  padding: 16px;
	  margin-top: -50px;
	  color: white;
	  font-weight: bold;
	  font-size: 20px;
	  border-radius: 0 3px 3px 0;
	  user-select: none;
	  -webkit-user-select: none;
	}

	/* Position the "next button" to the right */
	.next {
	  right: 0;
	  border-radius: 3px 0 0 3px;
	}

	/* On hover, add a black background color with a little bit see-through */
	.prev:hover,
	.next:hover {
	  background-color: rgba(0, 0, 0, 0.8);
	}

	/* Number text (1/3 etc) */
	.numbertext {
	  color: #f2f2f2;
	  font-size: 12px;
	  padding: 8px 12px;
	  position: absolute;
	  top: 0;
	}

	/* Container for image text */
	.caption-container {
	  text-align: center;
	  background-color: #222;
	  padding: 2px 16px;
	  color: white;
	}

	.row:after {
	  content: "";
	  display: table;
	  clear: both;
	}

	/* Six columns side by side */
	.column {
	  float: left;
	  width: 16.66%;
	}

	/* Add a transparency effect for thumnbail images */
	.demo {
	  opacity: 0.6;
	}

	.active,
	.demo:hover {
	  opacity: 1;
	}

		
	.strut, #content {

		/* on permet à ces éléments de s'aligner verticalement */

		display:inline-block;

		vertical-align:middle;

	}

	.strut {

		/* hauteur de la fenêtre, par rapport à laquelle les éléments vont être alignés */

		height:100%;

	}
	
	#bandeau
	{
		margin-left: 149px;
		width: 797px;
		background-color: #6bbdb7;
		border-left: 3px solid #409e9d;
	}
	#gauche
	{
		/*background-color:#F00;*/
		width: 30%;
		float: left;
	 
	}
	#milieu
	{
		/*background-color:#FF0;*/
		width: 40%;
		float: left;
	}
	#droite
	{
		/*background-color:#0F0;*/
		width: 30%;
		float: left;
	}

	#contentt {

		/* des dimensions au hasard */

		width:50%;

		height:50%;


		/* on le rend visible */

		background:red;

	}
	#titre {
	font-size:15em;
	}
	#text_shadow {
		font-size : 38px ;
		color : #ED1E79 ;

		text-shadow : 4px 1px 3px #000 ;
		filter : dropshadow(color=#000, offx=4, offy=1) ; /** spécial Internet Explorer **/
	}


	#bg {				  
		background: url(images/background.jpg) no-repeat center center fixed; 				
		position: fixed; 
		top: 0; 
		left: 0;
		width: 100%; 
		height: 100%;
	}

	#container {
		position:relative;
		z-index:1;					
		margin: 0 auto;
		padding: 10px 25px;
		max-width: 1160px;
		height:100%;	
	
	}
	#_Entete {
		padding: 5px;
		margin : 5px;
	}
	#_EnteteGauche4 {
		height: 200px;		
		width: 10%; 					
		float : left;

	}
	#_EnteteCentre4 {
		height: 200px;					
		width: 80%;
		overflow: auto; 
		float : left;
	}
	
	#_Centre {
		height: auto;	
		padding-top: 20px;
		margin-top: 55px;
	}


	#_CentreCentre4 {
		/*background-color: #FF7FED;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		-webkit-box-shadow: 0 1px 3px 0 #565656;
		box-shadow: 0 1px 3px 0 #565656;*/
		height: 100%;					
		width: 74%;
		margin : auto;
		float : left;					
	}
	

	.site-footer {
		background-color: #137dd5;	
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;					
		clear: both;
		position: relative;
		z-index: 0;
		padding-top : 15px;					
		padding-left : 15px;
		margin-left : 5px;
		margin-bottom : 10px;
	}

	/*DEBUT MENU */
	#top-menu {
		margin-left : 10px;
		padding: 0 5px;
		position: absolute;
		z-index: 1;
	}
	#top-menu ul {
	  margin: 0px;
	  padding: 0px;
	  list-style: none;
	}

	#top-menu > ul > li {
	  float: left;
	}

	#top-menu > ul > li > ul {
	  top: 100%;
	  left: 0;
	}

	#top-menu li {
	  position: relative;
	}

	#top-menu a {
	  display: block;
	  white-space: nowrap;
	}

	#top-menu ul li li ul {
	  top: 0;
	  left: 100%;
	}

	#top-menu ul ul {
	  visibility: hidden;
	  position: absolute;
	}

	#top-menu li:hover > ul {
	  visibility: visible;
	}


	#top-menu,
	#top-menu > ul {
	  background-color: #9DA4AD;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	}

	#top-menu:after {
	  content: "";
	  clear: both;
	  display: block;
	}

	#top-menu a {
	  text-decoration: none;
	  color: #FFFFFF;
	  padding: 5px 10px 5px 10px;
	}

	#top-menu > ul > li > a {
	  padding: 5px 10px;
	  margin: 2px 0;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	}

	#top-menu > ul > li > ul + a {
	  padding-bottom: 7px;
	  margin-bottom: 0;
	}

	#top-menu > ul > li > ul + a:after {
	  content: " \25bc";
	}

	#top-menu > ul > li:hover > a {
	  background-color: #4672B3;
	}

	#top-menu > ul > li:hover > ul + a {
	  -webkit-border-radius: 5px 5px 0 0;
	  -moz-border-radius: 5px 5px 0 0;
	  border-radius: 5px 5px 0 0;
	}

	#top-menu > ul > li > ul {
	  min-width: 100%;
	  background-color: rgb(70, 114, 179);
	  background-color: rgba(70, 114, 179, 0.8);
	}

	#top-menu > ul > li li > ul + a:after {
	  content: " \25b6";
	}

	#top-menu > ul > li > ul > li:last-child,
	#top-menu > ul > li > ul {
	  -webkit-border-radius: 0 0 5px 5px;
	  -moz-border-radius: 0 0 5px 5px;
	  border-radius: 0 0 5px 5px;
	}

	#top-menu ul li li:hover,
	#top-menu ul li li ul,
	#top-menu ul li li ul li:hover {
	  background-color: rgb(124, 147, 178);
	  background-color: rgba(124, 147, 178, 0.8);
	}				
	/* FIN MENU */		



	img {
		border: 1px solid #ddd;
		border-radius: 4px;
		padding: 5px;

	}	
	.parent {
	  position: relative;
	}

	.child {
	  position: absolute;

	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;

	  margin: auto;
	}
	#registration {
		color: #fff;
		background: #2d2d2d;
		background: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(60,60,60)),
			color-stop(0.74, rgb(43,43,43)),
			color-stop(1, rgb(60,60,60))
			);
		 background: -moz-linear-gradient(
			center bottom,
			rgb(60,60,60) 0%,
			rgb(43,43,43) 74%,
			rgb(60,60,60) 100%
			);
		 -moz-border-radius: 10px;
		 -webkit-border-radius: 10px;
		padding: 5px;
		width: 170px;
		margin-right: 10px;
		float : left;
		 }
	 
	 #registration a {
		  color: #8c910b;
		  text-shadow: 0px -1px 0px #000;
		  }
	 
	#registration fieldset {
		  padding: 10px;
		  }



	P{
		color : #FFF;
		PADDING-LEFT: 5px;
		align = center;
	}

	#haut {
		HEIGHT: 37px; 
		BACKGROUND-COLOR: #bf0000
	}

	#formbox {
		FLOAT: right; 
		MARGIN-BOTTOM: 0px; 
		MARGIN-RIGHT: 2px; 
		TEXT-ALIGN: right
	}

	#conteneur {
		WIDTH: 100%; 
		POSITION: absolute; 
		BACKGROUND-COLOR: #1397B5
	}
	#centre {
		MARGIN-TOP: 30px;
		MARGIN-LEFT: 200px; 
		MARGIN-RIGHT: 250px; 
		HEIGHT: 100%;
		
		OVERFLOW: auto; 
		BACKGROUND-COLOR: #ffffff;
	}


	#gauche {
		padding: 10px;
		LEFT: 0px; 
		WIDTH: 200px; 
		POSITION: absolute
	}
	#droite {
		MARGIN-TOP: 30px;
		padding: 10px; 
		RIGHT: 0px; 
		WIDTH: 240px; 
		POSITION: absolute
	}
	#pied {
		HEIGHT: 10px; 
		BACKGROUND-COLOR: #bf0000
	}
	#footer {
		HEIGHT: 10px; 
		BACKGROUND-COLOR: #bf0000
	}
	table prix {
		color:red;
		font-size: 300%;
	}


	#centre table { 
		margin: 0;
		padding: 10px;
		text-align:center;
		float:left;
		
		width: 950px;
		height: 350px;
		left : 15%;
		position: relative;	
	}


	#centre table tr {
		list-style-type:none;
		border: 1px solid #bf0000;	
		width:1000px;
		height:310px;
		text-align: center ;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 20px;
		float:left;
	}	

	/* Exclusive buttons */
	input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {width:118px;background:#85A201 url('../img/button_dark.jpg') repeat-x center top;border:1px solid #789202;border-radius:2px;color:#FFF;text-shadow:1px 1px 0 #789202}
	input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini {width:28px;background:#85A201 url('../img/button_dark.jpg') repeat-x center top;border:1px solid #789202;border-radius:2px;color:#FFF;text-shadow:1px 1px 0 #789202}
	input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small {width:58px;background:#85A201 url('../img/button_dark.jpg') repeat-x center top;border:1px solid #789202;border-radius:2px;color:#FFF;text-shadow:1px 1px 0 #789202}
	input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled {width:198px;background:#85A201 url('../img/button_dark.jpg') repeat-x center top;border:1px solid #789202;border-radius:2px;color:#FFF;text-shadow:1px 1px 0 #789202}
		

	/*Slide auto*/
	#homepage-slider {
	  margin: 10px;
	  width: 60%;
	  height: 450px;
	  overflow: hidden;
	  position: relative;
	  background:transparent;
	  
	}
	.image {
	  height: 400px;
	  width: 100%; 
	  border-radius: 50px;
	}
	.radio {
	  /*display: none;*/
	}
	.images {
	  overflow: hidden;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  width: 100%;
	  border-radius: 50px;
	}
	.images-inner {
	  width: 500%;
	  transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	}
	.image-slide {
	  width: 20%;
	  float: left;
	}
	.image-slide,
	.fake-radio,
	.radio-btn {
	  transition: all 0.5s ease-out;
	}
	.fake-radio {
	  float: right;
	}


	/* Move slides overflowed container */
	#slide1:checked ~ .images .images-inner {
	  margin-left: 0;
	}
	#slide2:checked ~ .images .images-inner {
	  margin-left: -100%;
	}
	#slide3:checked ~ .images .images-inner {
	  margin-left: -200%;
	}
	#slide4:checked ~ .images .images-inner {
	  margin-left: -300%;
	}
	#slide5:checked ~ .images .images-inner {
	  margin-left: -400%;
	}

	}

	/* Color of bullets */
	#slide1:checked ~ div .fake-radio .radio-btn:nth-child(1),
	#slide2:checked ~ div .fake-radio .radio-btn:nth-child(2),
	#slide3:checked ~ div .fake-radio .radio-btn:nth-child(3),
	#slide4:checked ~ div .fake-radio .radio-btn:nth-child(4),
	#slide5:checked ~ div .fake-radio .radio-btn:nth-child(5) {
	  background: red;
	}
	.radio-btn {
	  width: 9px;
	  height: 9px;
	  border-radius: 5px;
	  background: gray;
	  display: inline-block !important;
	  margin: 0 1px;
	  cursor: pointer;
	}
	/* Color of bullets - END */




	/* Text of slides */
	#slide1:checked ~ .labels .label:nth-child(1),
	#slide2:checked ~ .labels .label:nth-child(2),
	#slide3:checked ~ .labels .label:nth-child(3),
	#slide4:checked ~ .labels .label:nth-child(4),
	#slide5:checked ~ .labels .label:nth-child(5) {
	  opacity: 1;
	}

	.label {
	  opacity: 0;
	  text-align: left; /*SELMI Ajout*/
	  position: absolute;
	}
	/* Text of slides - END */



	/* Calculate AUTOPLAY for BULLETS */
	@keyframes bullet {
	  0%, 20%	{
		background: red;
	  }
	  20%, 100% {
		background: gray;
	  }
	}


	#play1:checked ~ div .fake-radio .radio-btn:nth-child(1) {
	  animation: bullet 20500ms infinite -500ms;
	}
	#play1:checked ~ div .fake-radio .radio-btn:nth-child(2) {
	  animation: bullet 20500ms infinite 4100ms;	
	}
	#play1:checked ~ div .fake-radio .radio-btn:nth-child(3) {
	  animation: bullet 20500ms infinite 8200ms;	
	}
	#play1:checked ~ div .fake-radio .radio-btn:nth-child(4) {
	  animation: bullet 20500ms infinite 12200ms;	
	}
	#play1:checked ~ div .fake-radio .radio-btn:nth-child(5) {
	  animation: bullet 20500ms infinite 16200ms;	
	}
	/* Calculate AUTOPLAY for BULLETS - END */




	/* Calculate AUTOPLAY for SLIDES */
	@keyframes slide {
	  0%, 12%	{ margin-left: 0; }
	  20%, 32%	{ margin-left: -100%; }
	  40%, 52%	{ margin-left: -200%; }
	  60%, 72%	{ margin-left: -300%; } 
	  80%, 92%	{ margin-left: -400%; } 
	}


	.st-slider > #play1:checked ~ .images .images-inner {
	  animation: slide 20500ms infinite;	
	}
	/* Calculate AUTOPLAY for SLIDES - END */





	/* Calculate AUTOPLAY for CAPTION */
	@keyframes caption {
	  0%, 20%	{
		opacity: 1;
	  }
	  20%, 100% {
		opacity: 0;
	  }
	}


	#play1:checked ~ .labels .label:nth-child(1) {
	  animation: caption 20500ms infinite -500ms;
	}

	#play1:checked ~ .labels .label:nth-child(2) {
	  animation: caption 20500ms infinite 4100ms;	
	}

	#play1:checked ~ .labels .label:nth-child(3) {
	  animation: caption 20500ms infinite 8200ms;	
	}
	#play1:checked ~ .labels .label:nth-child(4) {
	  animation: caption 20500ms infinite 12200ms;	
	}
	#play1:checked ~ .labels .label:nth-child(5) {
	  animation: caption 20500ms infinite 16200ms;	
	}
	/* Calculate AUTOPLAY for CAPTION - END */

	/* 
	 *  Core Owl Carousel CSS File
	 */
	.owl-carousel {
	  display: none;
	  width: 100%;
	  position: relative;
	  z-index: 1;
	}
	.owl-carousel .owl-stage {
	  position: relative;
	}
	.owl-carousel .owl-stage:after {
	  content: ".";
	  display: block;
	  clear: both;
	  visibility: hidden;
	  line-height: 0;
	  height: 0;
	}
	.owl-carousel .owl-stage-outer {
	  position: relative;
	  overflow: hidden;
	}
	.owl-carousel .owl-controls .owl-nav .owl-prev,
	.owl-carousel .owl-controls .owl-nav .owl-next,
	.owl-carousel .owl-controls .owl-dot {
	  cursor: pointer;
	  cursor: hand;
	}
	.owl-carousel.owl-loaded {
	  display: block;
	}
	.owl-carousel.owl-loading {
	  opacity: 0;
	  display: block;
	}
	.owl-carousel.owl-hidden {
	  opacity: 0;
	}
	.owl-carousel .owl-refresh .owl-item {
	  display: none;
	}
	.owl-carousel .owl-item {
	  position: relative;
	  min-height: 1px;
	  float: left;
	}
	.owl-carousel .owl-item img {
	  display: block;
	  width: 100%;
	}

	.owl-carousel.owl-rtl {
	  direction: rtl;
	}
	.owl-carousel.owl-rtl .owl-item {
	  float: right;
	}

	/* No Js */
	.no-js .owl-carousel {
	  display: block;
	}
	 /* */
	div .radiox {
		clear: both;
		margin: 0 50px;
	}

	label .radiox {
	  width: 200px;
	  border-radius: 3px;
	  border: 1px solid #D1D3D4
	}

	/* hide input */
	 input .radio:empty {
		margin-left: -999px;
	}

	/* style label */
	 input  .radio:empty ~ label {
		position: relative;
		float: left;
		line-height: 2.5em;
		text-indent: 3.25em;
		margin-top: 2em;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	 input  .radio:empty ~ label:before {
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		left: 0;
		content: '';
		width: 2.5em;
		background: #D1D3D4;
		border-radius: 3px 0 0 3px;
	}

	/* toggle hover */
	 input  .radio:hover:not(:checked) ~ label:before {
		content:'\2714';
		text-indent: .9em;
		color: #C2C2C2;
	}

	 input  .radio:hover:not(:checked) ~ label {
		color: #888;
	}

	/* toggle on */
	 input  .radio:checked ~ label:before {
		content:'\2714';
		text-indent: .9em;
		color: #9CE2AE;
		background-color: #4DCB6D;
	}

	 input  .radio:checked ~ label {
		color: #777;
	}

	/* radio focus */
	 input  .radio:focus ~ label:before {
		box-shadow: 0 0 0 3px #999;
	}