/*** Orange : #f79721 ***/
A, A:hover { text-decoration: none; color: #444;}
BODY, P { color: #444; font-size: 15px; } 
H1 { font-size: 220%; text-align: center; } 
H2 { font-size: 180%; }
H3 { font-size: 150%; }
H4 { font-size: 120%; }
H5 { font-size: 100%; }
H6 { font-size: 80%; }

/*** TOP ***/
#top
{ background-color: #0d2c46; 	color: #FFF;  
} 

#top #tel
{ font-size: 180%; 
	font-weight: 600;
	line-height: 80px; 
	text-align: right;
}

#top #tel A { color: #FFF; } 

H2#top-content
{ line-height: 80px;
	padding-left: 120px;
	white-space: nowrap;
} 

.page-contenu 
{ background-size: cover;
	background-position: bottom center;
} 

.img-profil
{ overflow:hidden;
	-webkit-border-radius: 40px; 
	-moz-border-radius: 40px;
	border-radius: 40px;
	width: 80px;
	height: 80px;
	background-size: cover;
	background-position: center;
	
	box-shadow: 0 0 5px 2px #555;
	box-shadow: inset 1px -1px 5px #bebebe,
							inset -1px 1px 5px #ffffff; 
}

/*** TITRE ***/
#titre
{ /* background-color: #f79721; */
	color: #FFF;
	padding: 15px 5px;
	background-color: #7ac143;
}

/*** CONTENT ***/
.content { padding: 50px 20px; } 
.box 
{ width: 500px;
  margin: auto;  
	background-color: rgba(10 35 55 / 30%); /*rgba(44 232 241 / 65%);*/
	padding-top: 10px; 
	border-radius: 20px; 
	padding: 20px;  
}

/*** FORMULAIRE ***/ 
FORM { width: 350px; margin: auto; }
#group-submit { text-align: center; }

INPUT.form-control, SELECT.form-control 
{ margin-bottom: 8px;   
	border: 1px solid #ced4da; 
	background-color: rgba(255 255 255 / 70%)!important;
}

.btn-primary, .btn-primary:active
{ background-color: #0d2c46;
  border-color: #0a1837; 
}
.btn-primary:hover
{ background-color: #0a1837;
  border-color: #0d2c46; 
}
LABEL[for=cond_sms] { color: #FFF; } 


#objectif, #civilite
{ background-color: rgba(255 255 255 / 70%);
	border-radius: 4px;
}
#objectif div.form-check { padding-left: 40px; }
#civilite { padding-left: 35px; }


/*** ADAPTATION MOBILE ***/
@media (max-width: 500px) {  
.box, .box FORM {  width: 100%;  margin:0; padding: 15px; } 
}
@media (max-width: 880px) {  
H2#top-content, #top #tel { font-size: 160%; }  
H1 { font-size: 180%; } 
H2 { font-size: 160%; }
H3 { font-size: 130%; }
H4 { font-size: 100%; }
H5 { font-size: 80%; }
H6 { font-size: 70%; }  
}  
@media (max-width: 780px) {  
H2#top-content, #top #tel { font-size: 140%; }
}
@media (max-width: 767px) 
{ H2#top-content, #top #tel 
	{ line-height: normal;  
		font-size: 140%;
		text-align: center; 
		padding: 0;
		margin: 0; 
	}
	H2#top-content { margin-top: 12px; }
	#top #tel 
	{ margin-top: -36px;
    margin-left: 65px; } 
}

@media (max-width: 480px) {
H2#top-content, #top #tel { font-size: 120%; }  
#top #tel { margin-left: 20px; }  

H1 { font-size: 180%; } 
H2 { font-size: 120%; }
H3 { font-size: 100%; }
H4 { font-size: 80%; }
H5 { font-size: 70%; }
H6 { font-size: 60%; }   

}

.form-group
{
	margin-top: 7px; 
}