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

 #customFile {
 	clip: rect(0px, 320px, 170px, 100px);
	z-index:100;
	margin-left:80px;
 
 }
}
  
@media only screen and (max-width : 992px) {
  }

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

.projet  {
 	overflow:auto;
 	max-height:auto;
	min-height:auto;
  }
.activite  {
 	overflow:auto;
 	max-height:auto;
	min-height:auto;
	margin-bottom:120px
  }

}
  

@media only screen and (max-width : 667px) {
 
	 .container{
		 max-width: calc( 100% - 20px );
	 }
	.logo_img img {
		width: 100px;
	}
	.logo_txt {
		margin-top: 12px;
		text-align: right;
		line-height: 15px;
	}
	h1.bande {
		font-size: 17px;
 	}
	.titre {
		height: 27px!important;
 	}
	.part4, .part3 {
 		margin-top: -10px;
	}
	footer {
		padding-top: 16px;
		padding-bottom: 6px;
	}
	.projet.evaluation .projet_zero {
		position: static;
		margin-top: 0px;
		padding: 7px 15px;
		margin-bottom: 4px;
		border-radius: 4px;
		border: 0;
	}
	.projet.evaluation {
		margin-top: 0px;
	}
.btn {
    font-size: 12px;
}
}


@media only screen and (max-width : 480px) {
	h1.sign{
		display:none;
 	}
#customFile {
 	clip: rect(0px, 320px, 170px, 100px);
	z-index:100;
	margin-left:80px;
 
 }
}

@media only screen and (max-width : 414px) {
	.logo_img {
	width:100%;	
}
.logo_txt {
	margin-top:0;
	text-align:left;
	float:none!important;
}

 }

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

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






/* PRINT */
/* ==|== print styles ======================================================= */
 
@media print {
   * {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter:none !important;
	-ms-filter: none !important;
	font-family:Arial, Helvetica, sans-serif!important;
	font-weight:normal!important;
	font-size:102%;
 }
 @page {
	 size:8.5in 11in!important; margin: 1cm!important;  
 }
  article h2 {
	font-weight:normal!important;
 }

body, p, div, h2, input, textarea, label{
	font-size:98% !important ;
	line-height:114%!important;
}

body{
   margin:0!important;
   padding:0!important;
	
}
.moyen li{ display:none; }
 

form#imp_form ul.civilite li label {
    width: 90px!important;
}

form#imp_form div {
     margin-bottom: 6px !important;
}
 #formulaire{
padding:6px;
}
textarea{
height:16mm!important;
margin-top:0!important;
margin-bottom:0!important;
overflow: visible!important;
    white-space: pre;
    white-space: pre-wrap;
}
input#nom ,input#adresse ,input#ville ,input#cp ,input#tel1 ,input#tel2 ,input#courriel {width:76%!important;}
 
 a, a:visited {
	text-decoration: none; font-weight:normal;
}
a[href]:after {
	font-weight:normal;
	font-style:italic;
	font-size:80%;
}
abbr[title]:after {
	content: " (" attr(title) ")";
	font-weight:normal;
	font-style:italic;
	font-size:80%;
}
 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	#display: table-header-group;
}
tr, img {
	#page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}

p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
.suppress, .inscription, #entete ,#footer, img, #navig, .hide, .banniere, .liste_services { display:none;}
header, aside, navigation, footer, #ariane, .top { display:none;}
article {width:100%!important;border:0!important; }
abbr {border:0!important}
 
.display{ display:inline;}

  }