/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

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

.hidemobile5 {
	display: none !important;
}

#header {
	display: inherit;
}
#block2 {
	display: inherit;
}
#titre-ecac {
	display: inherit;
}
#search {
	display: inherit;
}
#block1 {
	display: inherit;
}
#nav2 {
	display: inherit;
}
#row1 {
	display: inherit;
}
#banner {
	display: inherit;
}
#blocks1 {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#footer {
	display: inherit;
}


}

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

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 950px !important;
}

.hidemobile4 {
	display: none !important;
}

#header {
	display: inherit;
}
#block2 {
	display: inherit;
}
#titre-ecac {
	display: inherit;
}
#search {
	display: inherit;
}
#block1 {
	display: inherit;
}
#nav2 {
	display: inherit;
}
#row1 {
	display: inherit;
}
#banner {
	display: inherit;
}
#blocks1 {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#footer {
	display: inherit;
}


}

@media screen and (min-width: 758px) and (max-width: 950px) {

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 758px !important;
}

.hidemobile3 {
	display: none !important;
}

#header {
	display: inherit;
}
#block2 {
	display: inherit;
}
#titre-ecac {
	display: inherit;
}
#search {
	display: inherit;
}
#block1 {
	display: inherit;
}
#nav2 {
	display: inherit;
}
#row1 {
	display: inherit;
}
#banner {
	display: inherit;
}
#blocks1 {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#footer {
	display: inherit;
}


}

@media screen and (min-width: 524px) and (max-width: 758px) {

  #header > div.inner {

      padding-bottom: 10px;
}

  #nav2 li div.floatCK, #nav2 li div.floatck {margin-left:0}
  
  
  
img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 524px !important;
}

.hidemobile2 {
	display: none !important;
}

#header .flexiblecolumn {
	width: 100% !important;
float: none;
}
#header .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block2 {
	display: inherit;
}
#block2 {
	height: auto !important;
}
#block2 .logobloc {
	float :none !important;
	width: auto !important;
}
#titre-ecac {
	display: inherit;
}
#titre-ecac {
	height: auto !important;
}
#titre-ecac .logobloc {
	float :none !important;
	width: auto !important;
}
#search {
	height: auto !important;
}
#search ul {
	height: auto !important;
}
#search li {
	float :none !important;
	width: 100% !important;
}
#search div.floatck {
	width: 100% !important;
}
#block1 {
	display: inherit;
}
#block1 {
	height: auto !important;
}
#block1 .logobloc {
	float :none !important;
	width: auto !important;
}
#nav2 {
	height: auto !important;
}
#nav2 ul {
	height: auto !important;
}
#nav2 li {
	float :none !important;
	width: 100% !important;
}
#nav2 div.floatck {
	width: 100% !important;
}
#row1 {
	display :none;
}
#banner {
	display: inherit;
}
#banner {
	height: auto !important;
}
#banner .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks1 .flexiblemodule {
	width: 100% !important;
float: none;
}
#blocks1 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#maincontent .column1 {
	display: none;
}
#maincontent .main {
	width: 100% !important;
	clear:both;
	float:left;
}
#maintopmodule {
	display: inherit;
}
#maintopmodule {
	height: auto !important;
}
#maintopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centertopmodule {
	display: inherit;
}
#centertopmodule {
	height: auto !important;
}
#centertopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centerbottommodule {
	display: inherit;
}
#centerbottommodule {
	height: auto !important;
}
#centerbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#mainbottommodule {
	display: inherit;
}
#mainbottommodule {
	height: auto !important;
}
#mainbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#footer {
	display: inherit;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}


}

@media screen and (max-width: 524px) {
  
  #titre-ecac {
    margin-top: 30px;
  }

  
  
    #maincontent > div.inner, #row1 > div.inner, #nav2 > div.inner, #banner-header > div.inner, #header > div.inner 

{border-left: 0px solid white;}

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 292px !important;
}

.hidemobile1 {
	display: none !important;
}

#header .flexiblecolumn {
	width: 100% !important;
float: none;
}
#header .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block2 {
	display: inherit;
}
#block2 {
	height: auto !important;
}
#block2 .logobloc {
	float :none !important;
	width: auto !important;
}
#titre-ecac {
	display: inherit;
}
#titre-ecac {
	height: auto !important;
}
#titre-ecac .logobloc {
	float :none !important;
	width: auto !important;
}
#search {
	height: auto !important;
}
#search ul {
	height: auto !important;
}
#search li {
	float :none !important;
	width: 100% !important;
}
#search div.floatck {
	width: 100% !important;
}
#block1 {
	display: inherit;
}
#block1 {
	height: auto !important;
}
#block1 .logobloc {
	float :none !important;
	width: auto !important;
}
#nav2 {
	height: auto !important;
}
#nav2 ul {
	height: auto !important;
}
#nav2 li {
	float :none !important;
	width: 100% !important;
}
#nav2 div.floatck {
	width: 100% !important;
}
#row1 {
	display :none;
}
#banner {
	display: inherit;
}
#banner {
	height: auto !important;
}
#banner .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks1 .flexiblemodule {
	width: 100% !important;
float: none;
}
#blocks1 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#maincontent .column1 {
	display: none;
}
#maincontent .main {
	width: 100% !important;
	clear:both;
	float:left;
}
#maintopmodule {
	display: inherit;
}
#maintopmodule {
	height: auto !important;
}
#maintopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centertopmodule {
	display: inherit;
}
#centertopmodule {
	height: auto !important;
}
#centertopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centerbottommodule {
	display: inherit;
}
#centerbottommodule {
	height: auto !important;
}
#centerbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#mainbottommodule {
	display: inherit;
}
#mainbottommodule {
	height: auto !important;
}
#mainbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#footer {
	display: inherit;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}


}

/* ---------------------------------------
	Bloc content responsive
-----------------------------------------*/
#pagewrap {

	width: 960px;
	margin: 0 auto;
}

#page-content {
  float: left;
    padding: 5px;
    text-align: right;
    width: 400px;
	
}

#middle {
	width: 200px;
	float: left;
	
}

#sidebar {
	   
    float: left;
    margin: 20px auto;
    width: 300px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 100%;
	}
	#page-content, #middle {	
		text-align: center;
    width: 100%;
	}

	#sidebar {
		clear: both;
		width: auto;
		float: none;text-align: center;
	}

	
}

/* for 700px or less */
@media screen and (max-width: 600px) {
  
  
  

	#page-content {
		width: 100%;
		float: none;
	}
	
  #middle {
		width: 100%;
		float: none;
	}

	#sidebar {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {
	
	#sidebar {}

  
  
#header #search div.inner.clearfix div.search form.form-inline {margin:0;}
  
#header.clearfix div.inner.clearfix {padding-bottom:10px}  


}


.colonne50{padding:1%;float:left;width:48%;text-align:right;}
.colonne75{float:left;width:73%;padding:1%}
.colonne25{float:left;width:23%;padding:1%;}
.colonne33{float:left;width:31%;padding:1%}
.colonne100{width:98%;padding:1% 0}

.center {text-align:center !important}



/* for 800px or less */
@media screen and (max-width: 800px) {
	
	
  .colonne50, .colonne75, .colonne25, .colonne33, .colonne100 {float:none;width:100%;text-align: center;padding:1%;margin:0}

  .button, button, button.btn, input.btn, *:not(.btn-group) > .btn, .btn-group > .btn.active { width:60%}

}