/*************************/
/*********RESPONSIVE******/
/*************************/

/*==========  Mobile First Method  ==========*/
@media only screen and (min-width : 320px) {
	h1,	h2, h3, h4{
		text-align:center;
	}
	h1{
		font-size: 3rem;
	}
	h2 {
		font-size: 2.5rem;
		margin-top: 5rem;
	}
	h3{
		font-size: 2.2rem;
		margin-top: 6rem;
	}
	h4{
		margin-top: 3rem;
		text-align: left;
		font-weight: bold;
	}
	.infos-card .service-card:first-child h4,
    .infos-card-text > h4:first-of-type {
        margin-top: 0px;
    }
}
@media only screen and (min-width : 480px) {

}
@media only screen and (min-width: 768px) {
	h1,	h2, h3{
		text-align:left;
	}
	.vertical-center {
		display: flex;
		align-items: center;
		flex-direction: row;
	  }
}

@media only screen and (min-width : 1200px) {

}
@media only screen and (min-width : 1400px) {

}
@media only screen and (min-width : 1600px) {

}
@media only screen and (min-width: 1900px) {
	h1 {
		font-size: 3.5rem;
	}
}
/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width : 1199px) {

}
@media only screen and (max-width : 991px) {

}
@media only screen and (max-width : 767px) {
	.btn-default {
		width: 100%;
	}
	/*Formulaires responsive avec tableau*/
	form table {
		width: 95% !important;
	}
	form table a {
		display: block;
		float: none !important;
	}
	table:after {
		display: block;
		clear: both;
		content: "";
	}

	form table input[type="text"], 
	form table input[type="file"], 
	form table select, 
	form table textarea {
		width: 90% !important;
		float: none !important;
		display: block;
	}
	form table, 
	form table tbody, 
	form table tr, 
	form table td {
		display: block;
		width: 100% !important;
		padding: 0;
		clear: both;
		height: auto;
	}
	form table td {
		text-align: left !important;
		padding-left: 2.5% !important;
	}
	.rubrique {
		height: auto !important;
	}
	/*Correctif comp�tences territoriales*/
	#list_com table#tab_comp,
	#list_com table#tab_comp tbody,
	#list_com table#tab_comp tr,
	#list_com table#tab_comp td {
		width: 100% !important;
		display: block;
	}
	#s_com {
		width: 100% !important;
	}
}
@media only screen and (max-width : 479px) {
	.form_extranet div {
		width: auto !important;
	}
}
@media only screen and (max-width : 319px) {
	
}