/* General Demo Style */
body{
	font-family: Arimo, Arial, Verdana, sans-serif;
	line-height:1.5;
	overflow-y: scroll;
	background-image: url("../images/fond-photo.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	background-attachment: fixed;
}

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

.bandeau{
	height: 141px;
	background-image: url(../images/fond-bandeau.png);
	background-position:top right;
background-repeat:no-repeat;
	background-attachment: fixed;	
 }
 


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

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

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

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

navbar-toggler{
color:#FFFFFF;
 }

.connexion{
color:#FFFFFF;
background-color: #03879e;	
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;	
margin-top: 8px;
margin-left: 10px;
margin-right: 20px	
 } 

.connexion a{
color:#FFFFFF;

 }

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


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

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


.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: 2px 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:#FFFFFF;
border: 3px solid #fd5717;		
color:#fd5717;	
}


.consulter {
background-color:#03879e;
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;
border: 2px solid #FFFFFF;	
font-size: 25px;
font-optical-sizing: auto;
font-weight: 550;
text-transform: uppercase;
float: left;
}


.consulter:hover{
background-color:#FFFFFF;
border: 3px solid #03879e;		
color:#03879e;	
}


.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;	
}	

.bouton_orange{
background-color:#fd5717;
border: 0px solid #fd5717;	
color:#FFFFFF;	
min-width: 255px;	
height: 55px;	
margin-top:20px;
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_orange:hover{
background-color:#03879e;
color:#FFFFFF;	
}

h1 {
color:#FFFFFF;
font-family: "Montserrat", sans-serif;
font-size: 52px;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;	
line-height:1.2;
/*text-shadow: #000 2px 0 5px;*/	
 }


h2 {
color:#FFFFFF;
font-size:20px;
font-size-adjust:inherit;
line-height:1.5;
padding-bottom:25px;
padding-top:20px;
/*text-shadow: -1px 1px 0 #000,
                         1px 1px 0 #000,
                         1px -1px 0 #000,
                         -1px -1px 0 #000;*/
 }

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

 }

h4 {
color:#03879e;
text-align:left;
font-size:28px;
font-size-adjust:inherit;
margin-top:20px;
line-height:1.2;
 }

h5 {
color:#fc5717;
text-align:left;
font-size:20px;
font-size-adjust:inherit;
line-height:1.2;
text-decoration:underline;
text-underline-position: under;	
 }
 

 
li 
{
list-style-position: inside;
list-style-type:square;
}  

ul 
{
margin-left:-30px
}

input {
border: 1px solid #adadae;
}



.back{
font-size:small;

} 

a {
text-decoration: none;
} 

a:hover{
text-decoration: underline;
} 



.clear{
	clear: both;
}



 
footer {
border-top:20px solid #FFFFFF;	
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		
 }