body { width: 100%;}
		body * { font-family: 'Alata', sans-serif; color :black}
		.background {
			margin: auto;
			position: fixed;
			top :0;
			width: 100%;
			height: 100%;
			background-size: cover;
			background-color: white
		}

		.fondtransparent {
			background-color: #FCFCFC;
			padding: 25px 20px;
			text-align: center;
		}

		.container {
			margin-top: 20px;
			border: 1px solid rgba(0,0,0,.125);
			box-shadow: 0 0.125rem 0.25rem #00000013;
			border-radius: 10px;
		}

		.adresseweb {
			font-weight: bold;
			font-size: 25px;
		}

		.images_style {
			height: 200px; width: 100%;
			background-size:200px auto;
			background-repeat: no-repeat;
			background-position:center;
			border:3px solid #00378b;
            border-radius: 10px;
		}

		.imagewindows { background-image: url('../images/Windows.jpg');}
		.image_google { background-image: url('../images/google-logo.png');}	
		.image_ticket {background-image: url('../images/ticket.jpg');}
        .imagekmail {background-image: url('../images/kmail.jpg');}

		h2 { padding-top: 10px; font-size: 20px;}

		.vignette p {
			padding-top: 15px;
			font-family: 'Quicksand', sans-serif
		}

		p { font-family: 'Quicksand', sans-serif }

		.info { border: 1px dashed black; padding: 20px 10px; margin-bottom:20px; height: 130px; background-color: rgba(255,255,255,0.5);}

		.barre {
			height: 3px;
			width: 100%;
			background-color: black;
			margin-top: 20px;;
		}
		
		.attente {
			opacity:1;
		}

		.logo_portail { width: 150px;}

		.contenaire_vignette {
			padding: 20px;
			box-shadow: 0 0.125rem 0.25rem #00000013;
			background-color: #fff;
			border: 1px solid rgba(0,0,0,.125);
			border-radius: 0.375rem;
			position: relative;
			height: 100%;
		}

		.flexmode {
			display: flex;
    		align-items: center;
		}

		.container_adresse {
			margin: auto;
		}