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

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

.hidemobile5 {
	display: none !important;
}

#bannerrow {
	display: inherit;
}
#bannermodule {
	display: inherit;
}
#bannermenu {
	display: inherit;
}
#module2 {
	display: inherit;
}
#module1 {
	display: inherit;
}
#module4 {
	display: inherit;
}
#modules1 {
	display: inherit;
}
#modules3 {
	display: inherit;
}
#modules2 {
	display: inherit;
}
#modules4 {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#module3 {
	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;
}

#bannerrow {
	display: inherit;
}
#bannermodule {
	display: inherit;
}
#bannermenu {
	display: inherit;
}
#module2 {
	display: inherit;
}
#module1 {
	display: inherit;
}
#module4 {
	display: inherit;
}
#modules1 {
	display: inherit;
}
#modules3 {
	display: inherit;
}
#modules2 {
	display: inherit;
}
#modules4 {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#module3 {
	display: inherit;
}
#footer {
	display: inherit;
}

#bannerrow > div.inner {
	padding-right: 30px;
	padding-left: 5px;
  padding-top:30px;
}
  #main > div.inner {
  padding-right:30px;
}
  #bannerrow > div.inner {
	background: #800000;
}
}

@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;
}

#bannerrow {
	display: inherit;
}
#bannermodule {
	display: inherit;
}
#bannermenu {
	display: inherit;
}
#module2 {
	display: inherit;
}
#module1 {
	display: inherit;
}
#module4 {
	display: inherit;
}
#modules1 .flexiblemodule {
	width: 50% !important;
float: left;
}
#modules3 {
	display: inherit;
}
#modules2 {
	display: inherit;
}
#modules4 {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#module3 {
	display: inherit;
}
#footer {
	display: inherit;
}
#main > div.inner {
  padding-right:20px;
}
  
  #left > div.inner {
	margin-right: 10px;
	padding: 10px;
	padding-right: 10px;
	padding-left: 5px;
}
  #bannerrow > div.inner {
  padding-top:10px;
    
	padding-right: 20px;
	padding-left: 5px;
  padding-top:30px;
}
 
}

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

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

.container {
	width: 524px !important;
}

.hidemobile2 {
	display: none !important;
}

#bannerrow .flexiblecolumn {
	width: 100% !important;
float: none;
}
#bannerrow .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannermodule {
	display: inherit;
}
#bannermodule {
	height: auto !important;
}
#bannermodule .logobloc {
	float :none !important;
	width: auto !important;
}
#bannermenu {
	height: auto !important;
}
#bannermenu ul {
	height: auto !important;
}
#bannermenu li {
	float :none !important;
	width: 100% !important;
}
#bannermenu div.floatck {
	width: 100% !important;
}
#module2 {
	display: inherit;
}
#module2 {
	height: auto !important;
}
#module2 .logobloc {
	float :none !important;
	width: auto !important;
}
#module1 {
	display: inherit;
}
#module4 {
	display: inherit;
}
#module4 {
	height: auto !important;
}
#module4 .logobloc {
	float :none !important;
	width: auto !important;
}
#modules1 {
		display: inherit;
}
#modules3 .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules3 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#modules2 .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules2 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#modules4 {
	display: inherit;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#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;
}
#module3 {
	display: inherit;
}
#module3 {
	height: auto !important;
}
#module3 .logobloc {
	float :none !important;
	width: auto !important;
}
#footer {
	display: inherit;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}

#main > div.inner {
  padding-right:5px;
}
  
  #left > div.inner {
	margin-right: 0px;
	padding: 10px;
	padding-right: 10px;
	padding-left: 5px;
}
  
  #bannerrow > div.inner {
  padding-top:10px;
}
#bannerrow > div.inner {
	background: #843104;
	padding-right: 5px;
	padding-left: 5px;
  padding-top:30px;
  padding-bottom:10px;
}
  #bannerlogo > div.inner {
	margin-top: 5px;
	margin-left: 20px;
  width:156px;
   height:159px;
     padding-bottom:20px;
}
  #bannermodule > div.inner {
	color: #ffffff;
	padding: 10px;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 18px;
	font-family: 'Muli';
    margin-top:-80px;
}
  #bannermodule > div.inner {
margin-right:50px;
}  
  
  #left div.moduletable_blank, #left div.module_blank {
	width:90%;
    margin-top: -40px;
  
  }
    
    #left > div.inner {
	margin-right: 10px;
	padding: 10px;
	padding-right: 10px;
	padding-left: 25px;
     

}
  
  #modules1mod1 div.moduletable h3, #modules1mod1 div.module h3,
#modules1mod1 div.moduletable_menu h3, #modules1mod1 div.module_menu h3 {
	background: #843104;
	color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Muli';
}
    #modules1mod2 div.moduletable h3, #modules1mod2 div.module h3,
#modules1mod2 div.moduletable_menu h3, #modules1mod2 div.module_menu h3 {
	background: #843104;
	color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Muli';
}
    #modules1mod3 div.moduletable h3, #modules1mod3 div.module h3,
#modules1mod3 div.moduletable_menu h3, #modules1mod3 div.module_menu h3 {
	background: #843104;
	color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Muli';
}
  
}

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

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

.container {
	width: 292px !important;
}

.hidemobile1 {
	display: none !important;
}

#bannerrow .flexiblecolumn {
	width: 100% !important;
float: none;
}
#bannerrow .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannermodule {
	display: inherit;
}
#bannermodule {
	height: auto !important;
}
#bannermodule .logobloc {
	float :none !important;
	width: auto !important;
}
#bannermenu {
	height: auto !important;
}
#bannermenu ul {
	height: auto !important;
}
#bannermenu li {
	float :none !important;
	width: 100% !important;
}
#bannermenu div.floatck {
	width: 100% !important;
}
#module2 {
	display: inherit;
}
#module2 {
	height: auto !important;
}
#module2 .logobloc {
	float :none !important;
	width: auto !important;
}
#module1 {
	display: inherit;
}
#module4 {
	display: inherit;
}
#module4 {
	height: auto !important;
}
#module4 .logobloc {
	float :none !important;
	width: auto !important;
}
#modules1 .flexiblemodule {
	width: 100% !important;
float: left;
}
#modules3 .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules3 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#modules2 .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules2 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#modules4 {
	display: inherit;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#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;
}
#module3 {
	display: inherit;
}
#module3 {
	height: auto !important;
}
#module3 .logobloc {
	float :none !important;
	width: auto !important;
}
#footer {
	display: inherit;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}
  
  
#main > div.inner {
  padding-right:5px;
}
#left > div.inner {
	margin-right: 10px;
	padding: 10px;
	padding-right: 10px;
	padding-left: 5px;
}
  #bannerrow > div.inner {
  padding-top:10px;
}
#bannerrow > div.inner {
	background: #843104;
	padding-right: 5px;
	padding-left: 5px;
  padding-top:30px;
  padding-bottom:10px;
}
  #bannerlogo > div.inner {
	margin-top: 5px;
	margin-left: 65px;
  width:156px;
   height:159px;
}
  #bannermodule > div.inner {
margin-right:50px;
  
}
  
  #left div.moduletable_blank, #left div.module_blank {
	width:90%;
    margin-top: -40px;
  
  }
    
    #left > div.inner {
	margin-right: 10px;
	padding: 10px;
	padding-right: 10px;
	padding-left: 25px;
     

}
    #bannerrow > div.inner {
	background: #800000;
}
}
