@media (min-width: 1500px) {
	body {
		overflow-y: scroll;
		background-image: url(../images/fond1.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-attachment: fixed;
	}
	
	.bandeau {
		height: 141px;
		background-image: url(../images/fond-bandeau2.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-attachment: fixed;
	}
}

body {
	font-family: Arimo, Arial, Verdana, sans-serif;
	line-height:1.5;
}

@font-face {
    font-family: "arimo"; 
}

.bandeau{
	height: 141px;
	background-color: #03879e
 }

.navigation {
color:#FFFFFF;
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;	
float: left;
	width: 100%
 }

.navigation a{
color:#FFFFFF;
margin-left: 10px;
margin-right: 10px	
 }

.navigation a:hover{
color:#FFFFFF;
text-decoration: underline	
 }

.navigation a:active{
color:#FFFFFF;
 }


.hamburger{
color:#FFFFFF;
 }




.connexion{
color:#FFFFFF;	
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;	
text-transform: uppercase;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
margin-top: 8px;
margin-bottom: 50px;
height: 80px;
float: right;
background-color: #03879e;
border-radius:20px;
 } 



.connexion a{
color:#FFFFFF;
margin-left: 5px	

 }

.connexion a:hover{
color:#FFFFFF;
text-decoration: underline	
 }


.connexion img {max-width:100%; height:auto display: block; float: center; margin-bottom: 3px; }

.content{
	width: 85%;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
		clear: both;
}


.content img {max-width:100%; height:auto display: block; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:2px}


	

.publier {
background-color:#fd5717;
border: 3px solid #FFFFFF;	
color:#FFFFFF;	
min-width: 300px;	
max-width:335px;
height: 90px;	
margin-top:30px;
margin-bottom:30px;
margin-right: 30px;
border-radius:50px;
text-align:center;
font-family: "Montserrat", sans-serif;
font-size: 25px;
font-optical-sizing: auto;
font-weight: 500;
text-transform: uppercase;
float: left;
}

.publier:hover{
background-color:#03879e;
color:#FFFFFF;	
}


.consulter {
background-color:#FFFFFF;
color:#03879e;
min-width: 300px;	
max-width:335px;
height: 90px;	
margin-top:30px;
margin-bottom:30px;
margin-right: 30px;
border-radius:50px;
text-align:center;
font-family: "Montserrat", sans-serif;
border: 3px solid #03879e;	
font-size: 25px;
font-optical-sizing: auto;
font-weight: 550;
text-transform: uppercase;
float: left;
}


.consulter:hover{
background-color:#03879e;
color:#FFFFFF;	
}


.bloc_accueil{
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;	
border: 1px solid #34d0e2;
margin-bottom: 30px;
padding: 20px;
text-align: center;
background-color: #FFFFFF	
}

.titre_bloc{
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 20px;	
background-color:#03879e;
text-align: center;
color: #FFFFFF;
border-top-left-radius:20px;
border-top-right-radius:20px;
padding-top:10px;
padding-bottom: 10px;	
}	


.titre_bloc_suite{
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 20px;	
background-color:#03879e;
text-align: center;
color: #FFFFFF;
border-top-left-radius:20px;
border-top-right-radius:20px;
padding-top:10px;
padding-bottom: 10px;
	text-transform: uppercase;
	margin-top: 20px
}	

.bloc_suite{
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;	
border: 1px solid #34d0e2;
margin-bottom: 60px;
padding: 30px;
text-align: center;
background-color: #FFFFFF;
	font-size: 18px
}


.s_titre_bloc_suite{
font-size: 20px;	
text-align: center;
color: #000000;
padding-top:10px;
padding-bottom: 20px;
	font-weight: bold
}	

.bloc_marches{
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;	
border: 1px solid #34d0e2;
margin-bottom: 60px;
padding: 30px ;
background-color: #FFFFFF;
	font-size: 18px;
	line-height: 2;
	text-align: center
}

.content_marches{
text-align: left;
	min-height: 280px
}


.chemin_accueil{
margin-top:40px;
margin-bottom: 50px;
width: 80%;
min-height: 20px;
clear: both;
}

.chemin{
font-family: "Montserrat", sans-serif;
padding-left: 5px;	
font-weight: 600;
font-size: 20px;	
color: #03879e;
text-transform: uppercase;
margin-top:40px;
margin-bottom: 50px;
background-color: #FFFFFF;
width: 80%;
	min-height: 20px;
	clear: both;
}	

.chemin a{
color: #8E8E8E;	
}

.chemin a:hover{
color: #03879e;
text-decoration: underline
}

.chemin a:active{
color: #8E8E8E;
}


.etapes{
font-family: "Montserrat", sans-serif;
padding-left: 5px;	
font-weight: 700;
font-size: 22px;	
color: #000000;
text-transform: uppercase;
margin-top:20px;
margin-bottom: 30px;
background-color: #FFFFFF;
width: 80%;
min-height: 20px;
clear: both;
}	

.gris{
color: #9f9f9f;	
}


.etapes a{
color: #9f9f9f;	
}

.etapes a:hover{
text-decoration: underline
}





.bouton_orange{
background-color:#fd5717;
border: 2px solid #FFFFFF;	
color:#FFFFFF;	
min-width: 255px;	
height: 55px;	
margin-top:30px;
margin-bottom:10px;
border-radius:30px;
text-align:center;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-optical-sizing: auto;
font-weight: 500;
text-transform: uppercase;
padding-left: 30px;
padding-right: 30px
}


.consult{
	margin-bottom: 5px;
	margin-top: 5px;
	min-width: 340px;
}



.bouton_orange:hover{
background-color:#03879e;
color:#FFFFFF;	
}

.bouton_bleu{
background-color:#34d0e2;
border: 2px solid #FFFFFF;	
color:#FFFFFF;	
min-width: 255px;	
height: 55px;	
margin-top:30px;
margin-bottom:10px;
border-radius:30px;
text-align:center;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-optical-sizing: auto;
font-weight: 500;
text-transform: uppercase;
}

.bouton_bleu:hover{
background-color:#03879e;
color:#FFFFFF;	
}

.bouton_selection{
background-color: #FFFFFF;
border: 2px solid #03879e;
color: #03879e;
width: 350px;
height: 75px;
margin-top: 20px;
margin-bottom: 10px;
border-radius: 50px;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-optical-sizing: auto;
font-weight: 600;
text-transform: uppercase;
box-sizing: border-box;
padding: 0px 20px 0px 20px;
vertical-align: middle;
}

.bouton_selection:hover{
background-color:#03879e;
color:#FFFFFF;	
}

.bouton_selection:active, .bouton_selection.active {
	background-color:#70bbc8;
	color:#FFFFFF;	
}

.bouton_selection:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	background: #FFFFFF !important;
	background-image: none !important;
	color: #03879e;
	border: 2px solid #03879e;
}

.preview {
background-color:#f4f3f3;
bottom: 25px;
right: 40px;
z-index: 1;	
font-size: 14px;
font-style: italic;
text-align: center;	
padding: 40px 60px 40px 60px		
}

.t-preview {
color:#fd5717;
font-size: 18px;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
line-height:1.2;
margin-bottom: 40px
 }

.content-preview{
color:#000000;
font-size: 15px;
font-style: normal;
line-height:1.2;
margin-bottom: 40px;
	width: 100%;
	min-height: 500px;
	background-color: #FFFFFF;
	padding: 30px 15px 30px 15px;
	border : 1px solid #03879e;
	text-align: left
 }

.t-content-preview {
color:#000000;
font-size: 18px;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
line-height:1.5;
margin-bottom: 40px;
	text-align: center
 }

.content-annonce{
color:#000000;
font-size: 16px;
font-style: normal;
line-height:1.2;
margin-bottom: 40px;
	margin-top: 20px;
	width: 90%;
	min-height: 400px;
	background-color: #FFFFFF;
	padding: 30px 30px 30px 30px;
	border : 1px solid #03879e;
	text-align: left
 }


.recap-commande{
font-size: 18px;
font-style: normal;
line-height:2;
margin-bottom: 20px;
	margin-top: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	background-color: #F9f9f9;
	padding: 20px;
	border : 1px solid #03879e;
	text-align: center
 }


h1 {
color:#000000;
font-family: "Montserrat", sans-serif;
font-size: 52px;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;	
line-height:1.2;
 }


h2 {
color:#000000;
font-size:20px;
font-size-adjust:inherit;
line-height:2;
padding-bottom:25px;
padding-top:20px;	
 }

h3 {
color:#FFFFFF;
text-align:left;
font-size:30px;
font-size-adjust:inherit;
line-height:1.2;
 }

h4 {
color:#34d0e2;
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-optical-sizing: auto;
font-weight: 650;
font-style: normal;	
line-height:1.2;
	margin-top: 10px;
	text-transform: uppercase
 }



 
li 
{
list-style-position: outside;
}  



input {
border: 1px solid #adadae;
}



.back{
font-size:small;

} 

a {
text-decoration: none;
} 

a:hover{
text-decoration: underline;
} 



.clear{
	clear: both;
}



 
footer {
background-color:#03879e;
font-size:medium;
padding-top:30px;
padding-bottom:50px;
padding-left:30px;
padding-right:30px;
text-align:center;
line-height:2
 }

footer a{
color:#FFFFFF;
margin-right: 30px
 }
 
footer a:hover{
color:#FFFFFF;
 }
 
.item_footer{
	float:left;
	padding-right: 10px
 }
.item_footer{
	float:center;

 } 


.assistance{
color:#FFFFFF;
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
margin-bottom: 30px		
 }

input{
	border: 1px solid #03879e;
	height: 45px;
	margin-top:10px;
	margin-bottom: 10px;
	width: 100%;
	padding:10px

 } 
 
select{
	border: 1px solid #03879e;
	height: 45px;
	margin-top:10px;
	margin-bottom: 10px;
	width: 100%;
	padding:10px

 } 

textarea{
	border: 1px solid #03879e;
	margin-top:10px;
	margin-bottom: 10px;
	width: 100%;
	padding:10px

 } 

.checkbox {
	border: 1px solid #03879e;
	margin-top:10px;
	margin-bottom: 10px;
	float: left

 } 

/* Styles for index-2 (home page) */
.home-layout .bloc_tunnel {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border: 1px solid #34d0e2;
	margin-bottom: 60px;
	padding: 30px;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 18px;
	line-height: 2;
	max-width: 520px;
	min-height: 500px;
}

.home-layout .content_tunnel {
	text-align: left;
	min-height: 375px;
	min-width: 200px;
}

.home-layout .content_tunnel h2 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 2;
	color: #000000;
}

.home-layout .content_tunnel p {
	font-size: 18px;
	line-height: 2;
	color: #000000;
}

.home-layout .bouton_orange2 {
	background-color: #fd5717;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	min-width: 255px;
	height: 55px;
	margin-top: 30px;
	margin-bottom: 10px;
	border-radius: 30px;
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-optical-sizing: auto;
	font-weight: 500;
	text-transform: uppercase;
	padding-left: 30px;
	padding-right: 30px;
}

.home-layout .bouton_orange2:hover {
	background-color: #03879e;
	color: #FFFFFF;
}


/* Styles for home page layout */
.bandeau-home {
	height: auto;
	background-color: #03879e;
	background-position: top right;
	padding-bottom: 0;
}

.bandeau-home .navbar {
	padding: 0;
}

.bandeau-home .navbar-nav {
	display: flex;
	justify-content: center;
	width: 100%;
}

/* Body styles for home layout */
.home-layout {
	overflow-y: scroll;
	background-image: none;
	background-position: top right;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #f5f5f5;
}


/* Mon Compte Navigation Styles */
.nav-compte {
	background-color: #f9f9f9;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 5px;
}

.nav-compte a {
	color: #03879e;
	text-decoration: none;
	font-weight: bold;
}

.nav-compte a:hover {
	color: #025a6d;
	text-decoration: underline;
}