.couleurs 
{
background-color:rgb(54,59,63);	
}
.couleurs2 
{
background-color:	rgb(192,192,192);	
}
.header{
	background-color:white;	
}
.header p{
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width:767px){
.ecran{
	display: none;
}
	.navbar-collapse{
	Width : 100vw;
	margin-top: -2vh;
	overflow-x: hidden;
	}
	body{
background-color:white;
width: 98%;

}

.demandesTitre{
	text-align: center!important;
	margin-left: vw;
	font-size:0.8em;
}
.demandesNom{
	text-align: center!important;
	margin-left: 2vw;
	font-size:1.2em;
}
.inputText, .inputText2{
	font-size: .8em!important;
}
.inputText2{
	margin-left: 2vw;
}

.boutonAlign{
	padding-top: 4vh; 
	padding-left: 0vw;
	margin-left:0vw!important;
}
.espace{
	padding-left: 6vw;
}
.alphaCentre h3,h4{
	font-size: 0.9em!important;
	font-weight: bold;
}
.alphaCentreBlanc h3,h4{
	font-size: 0.9em!important;
	font-weight: bold;
}
}

@media screen and (min-width:700px) and (max-width:1024px) and (orientation:portrait){
	.mobile{
		display: none;
	}

}
@media screen and (min-width:767px) and (max-width:1023px) and (orientation:landscape){

}


@media screen and (min-width:769px){
.mobile{
	display: none;
}

}
.thead-light{
	color:black!important;
	background-color:white;
}
.boutonAlign{
	padding-top: 0vh; 
	padding-left: 2vw;
	margin-left:14vw;
}
.navbar-collapse{
	text-align: center;
	padding-right:5vw!important;
}


body{
background-color:white;
width: 100%;
}
.styleBtn{
	background-color: black;
	font-size:0.8em!important;
	color:white!important;
	font-weight: bold;
	margin-left:-0.4vw;
}
/* popover-title est à modifier pour le titre de la popover */
.popover-title {
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
color: #000000;
font-size: 1em;
font-weight: bold;
line-height: 18px;
margin: 0;
padding: 8px 14px;
}
/* popover-content est à modifier pour le contenu de la popover */
.popover-content {
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
color: #000000;
font-size: 1em;
font-weight: normal;
line-height: 18px;
margin: 0;
padding: 8px 14px;
}

.demandesNom{
	font-size:1.78em!important;
	text-align:center!important;
	font-weight:bold;
	font-family:arial;
	color:white!important;
}
.demandesTitre{
	margin-top:-2vh;
	font-size:1.8em;
	text-align:center!important;
	font-weight:bold;
	font-family:arial;
	color:white!important;
	padding-bottom: 0vh;


}
.inputText{
	height:30px; 
	color:black;
	
}
.inputText22{
color:grey; font-size:1em;
font-family:arial;
vertical-align: top!important;
height:30px;
margin-left:2.5vw;

}
.boutonAlign{
text-align: center;

	
}




.espace{
	padding-left: 3vw;
}
.resultatBtnRose{
	background-color:rgba(225,77,67,1);
	/* bleu background-color: rgb(10,82,189);*/
	color:black!important; 
	width:100% ; 
	/*border:1px solid rgb(54,59,63);*/
	border: 16px rgb(225,77,67) outset;
}
.resultatBtnBleu{
	/*background-color:rgba(225,77,67,1);*/
	background-color: rgb(10,82,189);
	color: white!important; 
	width:100% ; 
	border: 16px rgb(10,82,189) outset;
}
.resultatBtnBleu:hover{
	color: black!important; 
}
.centre{
text-align: center;
color:white!important;
font-family: arial;
font-size: 1.4em;
font-weight: bold;
margin-left: -1vh;
}
.alphaCentre{
	color: black;
	text-align: center;
}
.alphaCentreBlanc{
	color: white;
	text-align: center;
}

.centre  p{
	font-size:1.4em;
	font-weight:bold;
	color: black;
}
.centreGestion{
text-align: center;
color:black!important;
font-family: arial;
font-size: 1.4em;
font-weight: bold;
margin-top: 2vh;
padding-right:10vw;
}
.colGestion{
	margin-top: 2vh;
	color: white;
	font-size: 1.2em;
	text-align:center;
	border:2px solid white;
	padding-bottom:2vh;
}
.colgestion input,select,option{
	color: black;
}
.colgestion p{
	color: white;
	font-weight:bold;
	padding-top:2vh;
}
.alphaCentre p{
	font-weight: bold;
}
.alphaCentre h3{
	font-weight: bold;
	font-size:1.4em;
}
.alphaCentre h4{
	font-weight: bold;
	font-style: italic;
}


.btn-toolbar{
	margin-left: 2vw;
}

.selection{
	margin-top: 4vh;
	margin-left: 2.5vw;
	font-weight: bold;
	font-size: 1.2em;
	color:white!important
	
}
.selection2{
	margin-top: 4vh;
	margin-left: 2.5vw;
	font-weight: bold;
	font-size: 1.2em;
	color:white!important
	
}
.titre{
	margin-top: 10vh;
	margin-left: 2.5vw;
	font-weight: bold;
	font-size: 1.2em;
}
.sur:hover{
	background-color:white!important;
}

.btn3{
color: rgb(225,77,67);
	font-size: 1.7em;
}
.btn3 a{
	color: rgb(225,77,67);
	
}
.btn3:hover{
    color:rgb(225,77,67);
}
.btn3 a:hover{
	background-color:white!important;
}
.btn3-default{
	background-color: black;
}
.btn2{
color: white;
	font-size: 1.7em;
}
.btn a{
	color:white;

}
.btn2-default{
	background-color: blue;
}
.entete{
	margin-left: 4vw;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 5vh;
}
.col-12{
	margin-top: 4vh;
}
.col-12 li{
	margin-left: 20vw;
	text-align:left;
}
.page,.relative {
	width: auto;
	margin-top: -3vh;
	background-color: rgba(34,55,21,1);
	background-color: black;
}
.tabs_navigation{
	border: none;
	margin-top: -3vh;
	font-weight: bold;
	font-family: arial;
	font-size: 1em;
}
input[type=submit]:{
	border: transparent;
}
input[type=image]:active{
	border: transparent;
}
.gallery h3{
	padding-bottom: 2vh;
}
.active{
	font-weight:bold;
}