/*
=====================================================================================================
Layout-XL
=====================================================================================================
*/

@media all
and (min-width : 1485px) {

/*
==============================================================
Layout
==============================================================
*/

#wrapper{padding-bottom:2%;}

#contentWrapper {padding: 1% 0;}

#header {padding: 1% 0% 0% 0%;}

#nav {display:block;}

#nav-mobi {display:none;}



/*
==============================================================
inner-Layout
==============================================================
*/
.inner-header, .inner-nav,  .moduleBottom{width:96%; padding:0 2%;}

.inner-moduleTop {width:95.5%; padding:0.5% 0.25%; margin:0% 2%;}


  .inner-contentWrapper{width:90%; padding:0 5%;}


.inner-footer, .inner-footerBottom {width: 90%; padding: 0.5% 05%;}

.logo {width: 44%; padding: 0 3% 0 0;}

.headerMiddle {width: 0; padding: 0;}

.headerRight {width: 50%; padding: 25px 0 0 0;}

.innerContent-large, .innerContent-module, .innerContent {padding-bottom: 1rem;}

.innerContent-large{width: 100%;}

.innerContent-module {width: 64%;}

#left.single, #right.single {width: 33%;}

#left.single {padding-right: 2%;} 

#right .single {padding-left: 2%;}

.innerContent {width: 55%;}

#left.both, #right.both {width: 20%;}

#left.both {padding-right: 2%;}

#right.both {padding-left: 2%;}

.moduleBottom {margin: 2% 0;}

.moduletable_colorThumbnails{width: 27%; padding: 0.5rem 2%;}

.moduletable_colorThumbnails:nth-child(2){margin:0 3%!important;}

.footerLeft ul li{padding-left:1%;}

.footerLeft ul li:nth-child(1){padding-left:0%;}





/*
==============================================================
blog
==============================================================
*/

.imageArticle { width: 30%; padding-right:2%;}

.introContent{ width: 68%;}

p.mod-articles-category-readmore{padding-top: 0.5rem;}

.blog .page-header{padding-top:2%; margin-top:2%;}

.blog .page-header{padding-top:2%; margin-top:2%;}

/*
==============================================================
Image 
==============================================================
*/

#contentWrapper img{padding: 0.5% 1%;}

img.Image_-_Quatre, p.Image_-_Quatre img, li.Image_-_Quatre img{width: 25%;}
img.Image_-_Third, p.Image_-_Third img, li.Image_-_Third img{width: 33%;}
img.Image_-_Half, p.Image_-_Half img, li.Image_-_Half img{width: 50%;}
img.Image_-_Two_Thirds, p.Image_-_Two_Thirds img, li.Image_-_Two_Thirds img{width: 66%;}
img.Image_-_Three_Quatres, p.Image_-_Three_Quatres img, li.Image_-_Three_Quatres img{width: 75%;}
img.Image_-_Full_With, p.Image_-_Full_Wit img, li.Image_-_Full_Wit img{width: 100%}

.blog .clearfix p img{width: 30%;}

img.polaroid{padding: 0.5% 0.5% 2% 0.5%!important; margin: 0.5% 1%;}



/*
===============================================================
Nav Styles
===============================================================
*/

#nav ul.menu li {padding: 1% 0%;}

#nav ul.menu li ul.nav-child {padding: 0% 0 2% 0;}

#nav ul.menu li ul.nav-child li a {padding:2% 1.1rem 2% 0.9rem;}

#footer ul.menu li{padding-right:2rem;}

#footer ul.menu ul {padding-bottom: 1rem;}

#footer ul.menu ul.nav-child li{padding:0.7rem 0;}

/*
===============================================================
List Styles
===============================================================
*/

#contentWrapper li {margin-left: 2rem;}

.item-page li, #right li, #left li {margin-left: 2rem;}

ul.newsThumbnail{height:20rem;}



/*
===============================================================
Pagination 
===============================================================
*/

.counter.pull-right {margin-top: 1rem;}

.pagination ul li {padding: 0.3rem 0.4rem;}



/*
==============================================================
Font Styles
==============================================================
*/

/*===============================================================================================================*/
/*Font Layout */
/*===============================================================================================================*/
   
p, a {font-size:1rem; padding-bottom:0.33333333333333rem;}

h1, h1 a{ font-size: 2.125rem; padding-bottom:0.53125rem;}

h2, h2 a{ font-size:1.9375rem;padding-bottom:0.484375rem;}

h3, h3 a{font-size:1.75rem;padding-bottom:0.4375rem;}
    
h4, h4 a{font-size:1.5625rem;padding-bottom:0.390625rem;}

h5, h5 a{font-size:1.375rem;padding-bottom:0.34375rem;}

h6, h6 a{font-size:1.1875rem;padding-bottom:0.296875rem;}

.headerMiddle h2 {font-size:1.75rem;}

ul,ol,li{font-size:1rem;}

#contentWrapper li{padding-bottom:0.5rem;}

#left p, #right p, #left a, #right a {font-size:0.9375rem;padding-bottom:0.3125rem;}

#left li, #right li {font-size:0.9375rem;padding-bottom:0.5rem;}



/*===============================================================================================================*/
/*Menu */
/*===============================================================================================================*/

#nav ul.menu li a {font-size:1.4375rem;}

#nav ul.menu li ul li a{font-size:1.3125rem;}

#nav ul.menu li ul.nav-child li div.dropdownTitle button.menuArrow {padding-left:0.8rem;}

#nav ul.menu li ul.nav-child li div.dropdownTitle button.menuArrow {top:-0.13125rem; width:1.3125rem;}

#nav ul.menu li ul.nav-child li:hover div.dropdownTitle button.menuArrow .btnArrow {top:0.2625rem;}

#nav ul.menu li ul.nav-child li .btnArrow {
    border-bottom:0.525rem solid transparent;
    border-left:0.525rem solid #FFF; 
    border-top:0.525rem solid transparent;
    border-right: none;
}

#nav ul.menu li ul.nav-child li:hover .btnArrow  {
    width: 0; 
    height:0; 
    border-left: 0.525rem solid transparent;
    border-right: 0.525rem solid transparent;
    border-top: 0.525rem solid #505050;
}



/*===============================================================================================================*/
/*Mobi Menu */
/*===============================================================================================================*/

#nav-mobi #mobi-btn .mobi-text {font-size:1.8125rem;}

#nav-mobi ul.menu li a{font-size:1.6875rem;}

#nav-mobi ul.menu li ul li a{font-size:1.5625rem;}

#nav-mobi .mobi-bar{
    width:2.175rem;
    height:1.8125rem;
    margin-top:0.2265625rem;
}

li.close div.btnArrow, li.open li.close div.btnArrow {
    border-bottom:0.675rem solid transparent;
    border-left:0.675rem solid #FFF; 
    border-top:0.675rem solid transparent;
    border-right: none;
}

li.close:hover div.btnArrow, li.open li.close:hover div.btnArrow {
    border-bottom:0.675rem solid transparent;
    border-left:0.675rem solid #505050; 
    border-top:0.675rem solid transparent;
    border-right: none;
}

li.open div.btnArrow{
    width: 0; 
    height:0; 
    border-left: 0.675rem solid transparent;
    border-right: 0.675rem solid transparent;
    border-top: 0.675rem solid #505050;
}



/*===============================================================================================================*/
/*Footer */
/*===============================================================================================================*/

#footer ul.menu li a{font-size:1.0625rem!important;}

#footer ul.menu li ul li a{font-size:0.9375rem;}

#footer p, #footer a, #footerBottom a, #footer ul li, #footerBottom ul li, #footerBottom p, #footerBottom a {font-size:0.9375rem;}


/*_end_*/






}

/*
=====================================================================================================
Layout-LG
=====================================================================================================
*/

@media all
and (min-width : 1025px)
and (max-width : 1484px) {



/*
==============================================================
Layout
==============================================================
*/

#wrapper{padding-bottom:2%;}

#contentWrapper {padding: 1% 0;}

#header {padding: 1% 0% 0% 0%;}

#nav {display:block;}

#nav-mobi {display:none;}



/*
==============================================================
inner-Layout
==============================================================
*/

.inner-header, .inner-nav,  .moduleBottom{width:96%; padding:0 2%;}

.inner-moduleTop {width:95.5%; padding:0.5% 0.25%; margin:0% 2%;}


  .inner-contentWrapper{width:90%; padding:0 5%;}


.inner-footer, .inner-footerBottom {width: 90%; padding: 0.5% 05%;}

.logo {width: 44%; padding: 0 3% 0 0;}

.headerMiddle {width: 0; padding: 0;}

.headerRight {width: 50%; padding: 25px 0 0 0;}

.innerContent-large, .innerContent-module, .innerContent {padding-bottom: 1rem;}

.innerContent-large{width: 100%;}

.innerContent-module {width: 64%;}

#left.single, #right.single {width: 33%;}

#left.single {padding-right: 2%;} 

#right .single {padding-left: 2%;}

.innerContent {width: 55%;}

#left.both, #right.both {width: 20%;}

#left.both {padding-right: 2%;}

#right.both {padding-left: 2%;}

.moduleBottom {margin: 2% 0;}

.moduletable_colorThumbnails{width: 27%; padding: 0.5rem 2%;}

.moduletable_colorThumbnails:nth-child(2){margin:0 3%!important;}

.footerLeft ul li{padding-left:1%;}

.footerLeft ul li:nth-child(1){padding-left:0%;}






/*
==============================================================
blog
==============================================================
*/

.imageArticle { width: 30%; padding-right:2%;}

.introContent{ width: 68%;}

p.mod-articles-category-readmore{padding-top: 0.5rem;}

.blog .page-header{padding-top:2%; margin-top:2%;}

.blog .page-header{padding-top:2%; margin-top:2%;}



/*
==============================================================
Image 
==============================================================
*/

#contentWrapper img{padding: 0.5% 1%;}

img.Image_-_Quatre, p.Image_-_Quatre img, li.Image_-_Quatre img{width: 25%;}
img.Image_-_Third, p.Image_-_Third img, li.Image_-_Third img{width: 33%;}
img.Image_-_Half, p.Image_-_Half img, li.Image_-_Half img{width: 50%;}
img.Image_-_Two_Thirds, p.Image_-_Two_Thirds img, li.Image_-_Two_Thirds img{width: 66%;}
img.Image_-_Three_Quatres, p.Image_-_Three_Quatres img, li.Image_-_Three_Quatres img{width: 75%;}
img.Image_-_Full_With, p.Image_-_Full_Wit img, li.Image_-_Full_Wit img{width: 100%}

.blog .clearfix p img{width: 30%;}

img.polaroid{padding: 0.5% 0.5% 2% 0.5%!important; margin: 0.5% 1%;}

/*
===============================================================
Nav Styles
===============================================================
*/

#nav ul.menu li {padding: 1% 0%;}

#nav ul.menu li ul.nav-child {padding: 0% 0 2% 0;}

#nav ul.menu li ul.nav-child li a {padding:2% 1.1rem 2% 0.9rem;}

#footer ul.menu li{padding-right:2rem;}

#footer ul.menu ul {padding-bottom: 1rem;}

#footer ul.menu ul.nav-child li{padding:0.7rem 0;}

/*
===============================================================
List Styles
===============================================================
*/

#contentWrapper li {margin-left: 2rem;}

.item-page li, #right li, #left li {margin-left: 2rem;}

ul.newsThumbnail{height:20rem;}



/*
===============================================================
Pagination 
===============================================================
*/

.counter.pull-right {margin-top: 1rem;}

.pagination ul li {padding: 0.3rem 0.4rem;}



/*
==============================================================
Font Styles
==============================================================
*/


/*===============================================================================================================*/
/*Font Layout */
/*===============================================================================================================*/
   
p, a {font-size:0.875rem; padding-bottom:0.29166666666667rem;}

h1, h1 a{ font-size: 2rem; padding-bottom:0.5rem;}

h2, h2 a{ font-size:1.8125rem;padding-bottom:0.453125rem;}

h3, h3 a{font-size:1.625rem;padding-bottom:0.40625rem;}
    
h4, h4 a{font-size:1.4375rem;padding-bottom:0.359375rem;}

h5, h5 a{font-size:1.25rem;padding-bottom:0.3125rem;}

h6, h6 a{font-size:1.0625rem;padding-bottom:0.265625rem;}

.headerMiddle h2 {font-size:1.625rem;}

ul,ol,li{font-size:0.875rem;}

#contentWrapper li{padding-bottom:0.4375rem;}

#left p, #right p, #left a, #right a {font-size:0.8125rem;padding-bottom:0.27083333333333rem;}

#left li, #right li {font-size:0.8125rem;padding-bottom:0.4375rem;}



/*===============================================================================================================*/
/*Menu */
/*===============================================================================================================*/

#nav ul.menu li a {font-size:1.25rem;}

#nav ul.menu li ul li a{font-size:1.125rem;}

#nav ul.menu li ul.nav-child li div.dropdownTitle button.menuArrow {padding-left:0.8rem;}

#nav ul.menu li ul.nav-child li div.dropdownTitle button.menuArrow {top:-0.1125rem; width:1.125rem;}

#nav ul.menu li ul.nav-child li:hover div.dropdownTitle button.menuArrow .btnArrow {top:0.225rem;}

#nav ul.menu li ul.nav-child li .btnArrow {
    border-bottom:0.45rem solid transparent;
    border-left:0.45rem solid #FFF; 
    border-top:0.45rem solid transparent;
    border-right: none;
}

#nav ul.menu li ul.nav-child li:hover .btnArrow  {
    width: 0; 
    height:0; 
    border-left: 0.45rem solid transparent;
    border-right: 0.45rem solid transparent;
    border-top: 0.45rem solid #505050;
}



/*===============================================================================================================*/
/*Mobi Menu */
/*===============================================================================================================*/

#nav-mobi #mobi-btn .mobi-text {font-size:1.625rem;}

#nav-mobi ul.menu li a{font-size:1.5rem;}

#nav-mobi ul.menu li ul li a{font-size:1.375rem;}

#nav-mobi .mobi-bar{
    width:1.95rem;
    height:1.625rem;
    margin-top:0.203125rem;
}

li.close div.btnArrow, li.open li.close div.btnArrow {
    border-bottom:0.6rem solid transparent;
    border-left:0.6rem solid #FFF; 
    border-top:0.6rem solid transparent;
    border-right: none;
}

li.close:hover div.btnArrow, li.open li.close:hover div.btnArrow {
    border-bottom:0.6rem solid transparent;
    border-left:0.6rem solid #505050; 
    border-top:0.6rem solid transparent;
    border-right: none;
}

li.open div.btnArrow{
    width: 0; 
    height:0; 
    border-left: 0.6rem solid transparent;
    border-right: 0.6rem solid transparent;
    border-top: 0.6rem solid #505050;
}



/*===============================================================================================================*/
/*Footer */
/*===============================================================================================================*/

#footer ul.menu li a{font-size:1.125rem!important;}

#footer ul.menu li ul li a{font-size:1rem;}

#footer p, #footer a, #footerBottom a, #footer ul li, #footerBottom ul li, #footerBottom p, #footerBottom a {font-size:1rem;}


/*_end_*/





}

/*
=====================================================================================================
Layout-ME
=====================================================================================================
*/

@media all
and (min-width : 768px)
and (max-width : 1024px) {



/*
==============================================================
Layout
==============================================================
*/

#wrapper{padding-bottom:2%;}

#contentWrapper {padding: 1% 0;}

#header {padding: 1% 0% 0.5% 0%;}

#nav {display:block;}

#nav-mobi {display:none;}



/*
==============================================================
inner-Layout
==============================================================
*/
.inner-header, .moduleBottom{width:96%; padding:0 2%;}

.inner-nav  {width:100%; padding:0;}

.inner-moduleTop {width:95.5%; padding:0.5% 0.25%; margin:0% 2%;}


  .inner-contentWrapper{width:90%; padding:0 5%;}


.inner-footer, .inner-footerBottom {width: 90%; padding: 0.5% 05%;}

.logo {width: 44%; padding: 0 3% 0 0;}

.headerMiddle {width: 0; padding: 0;}

.headerRight {width: 50%; padding: 30px 0 0 0;}

.innerContent-large, .innerContent-module, .innerContent {padding-bottom: 1rem;}

.innerContent-large{width: 100%;}

.innerContent-module {width: 64%;}

#left.single, #right.single {width: 33%;}

#left.single {padding-right: 2%;} 

#right .single {padding-left: 2%;}

.innerContent {width: 55%;}

#left.both, #right.both {width: 20%;}

#left.both {padding-right: 2%;}

#right.both {padding-left: 2%;}

.moduleBottom {margin: 2% 0;}

.moduletable_colorThumbnails{width: 27%; padding: 0.5rem 2%;}

.moduletable_colorThumbnails:nth-child(2){margin:0 3%!important;}

.footerLeft ul li{padding-left:1%;}

.footerLeft ul li:nth-child(1){padding-left:0%;}




/*
==============================================================
blog
==============================================================
*/

.imageArticle { width: 30%; padding-right:2%;}

.introContent{ width: 68%;}

p.mod-articles-category-readmore{padding-top: 0.5rem;}

.blog .page-header{padding-top:2%; margin-top:2%;}


/*
==============================================================
Image 
==============================================================
*/

#contentWrapper img{padding: 0.5% 1%;}

img.Image_-_Quatre, p.Image_-_Quatre img, li.Image_-_Quatre img{width: 25%;}
img.Image_-_Third, p.Image_-_Third img, li.Image_-_Third img{width: 33%;}
img.Image_-_Half, p.Image_-_Half img, li.Image_-_Half img{width: 50%;}
img.Image_-_Two_Thirds, p.Image_-_Two_Thirds img, li.Image_-_Two_Thirds img{width: 66%;}
img.Image_-_Three_Quatres, p.Image_-_Three_Quatres img, li.Image_-_Three_Quatres img{width: 75%;}
img.Image_-_Full_With, p.Image_-_Full_Wit img, li.Image_-_Full_Wit img{width: 100%}

.blog .clearfix p img{width: 30%;}

img.polaroid{padding: 0.5% 0.5% 2% 0.5%!important; margin: 0.5% 1%;}

/*
===============================================================
Nav Styles
===============================================================
*/

#nav ul.menu li {padding: 1.5% 0%;}

#nav ul.menu li ul.nav-child {padding: 0% 0 2% 0;}

#nav ul.menu li ul.nav-child li a {padding:2% 1.1rem 2% 0.9rem;}

#footer ul.menu li{padding-right:1rem;}

#footer ul.menu ul {padding-bottom: 1rem;}

#footer ul.menu ul.nav-child li{padding:0.7rem 0;}

/*
===============================================================
List Styles
===============================================================
*/

#contentWrapper li {margin-left: 2rem;}

.item-page li, #right li, #left li {margin-left: 2rem;}

ul.newsThumbnail{height:20rem;}



/*
===============================================================
Pagination 
===============================================================
*/

.counter.pull-right {margin-top: 1rem;}

.pagination ul li {padding: 0.3rem 0.4rem;}



/*
==============================================================
Font Styles
==============================================================
*/


/*===============================================================================================================*/
/*Font Layout */
/*===============================================================================================================*/
   
p, a {font-size:0.875rem; padding-bottom:0.29166666666667rem;}

h1, h1 a{ font-size: 2rem; padding-bottom:0.5rem;}

h2, h2 a{ font-size:1.8125rem;padding-bottom:0.453125rem;}

h3, h3 a{font-size:1.625rem;padding-bottom:0.40625rem;}
    
h4, h4 a{font-size:1.4375rem;padding-bottom:0.359375rem;}

h5, h5 a{font-size:1.25rem;padding-bottom:0.3125rem;}

h6, h6 a{font-size:1.0625rem;padding-bottom:0.265625rem;}

.headerMiddle h2 {font-size:1.5rem;}

ul,ol,li{font-size:0.875rem;}

#contentWrapper li{padding-bottom:0.4375rem;}

#left p, #right p, #left a, #right a {font-size:0.8125rem;padding-bottom:0.27083333333333rem;}

#left li, #right li {font-size:0.8125rem;padding-bottom:0.4375rem;}



/*===============================================================================================================*/
/*Menu */
/*===============================================================================================================*/

#nav ul.menu li a {font-size:1.125rem;}

#nav ul.menu li ul li a{font-size:1rem;}

#nav ul.menu li ul.nav-child li div.dropdownTitle button.menuArrow {padding-left:0.8rem;}

#nav ul.menu li ul.nav-child li div.dropdownTitle button.menuArrow {top:-0.1rem; width:1rem;}

#nav ul.menu li ul.nav-child li:hover div.dropdownTitle button.menuArrow .btnArrow {top:0.2rem;}

#nav ul.menu li ul.nav-child li .btnArrow {
    border-bottom:0.4rem solid transparent;
    border-left:0.4rem solid #FFF; 
    border-top:0.4rem solid transparent;
    border-right: none;
}

#nav ul.menu li ul.nav-child li:hover .btnArrow  {
    width: 0; 
    height:0; 
    border-left: 0.4rem solid transparent;
    border-right: 0.4rem solid transparent;
    border-top: 0.4rem solid #505050;
}



/*===============================================================================================================*/
/*Mobi Menu */
/*===============================================================================================================*/

#nav-mobi #mobi-btn .mobi-text {font-size:1.5rem;}

#nav-mobi ul.menu li a{font-size:1.375rem;}

#nav-mobi ul.menu li ul li a{font-size:1.25rem;}

#nav-mobi .mobi-bar{
    width:1.8rem;
    height:1.5rem;
    margin-top:0.1875rem;
}

li.close div.btnArrow, li.open li.close div.btnArrow {
    border-bottom:0.55rem solid transparent;
    border-left:0.55rem solid #FFF; 
    border-top:0.55rem solid transparent;
    border-right: none;
}

li.close:hover div.btnArrow, li.open li.close:hover div.btnArrow {
    border-bottom:0.55rem solid transparent;
    border-left:0.55rem solid #505050; 
    border-top:0.55rem solid transparent;
    border-right: none;
}

li.open div.btnArrow{
    width: 0; 
    height:0; 
    border-left: 0.55rem solid transparent;
    border-right: 0.55rem solid transparent;
    border-top: 0.55rem solid #505050;
}



/*===============================================================================================================*/
/*Footer */
/*===============================================================================================================*/

#footer ul.menu li a{font-size:1rem!important;}

#footer ul.menu li ul li a{font-size:0.875rem;}

#footer p, #footer a, #footerBottom a, #footer ul li, #footerBottom ul li, #footerBottom p, #footerBottom a {font-size:0.875rem;}


/*_end_*/





}

/*
=====================================================================================================
Layout-SM
=====================================================================================================
*/

@media all
and (min-width : 551px)
and (max-width : 767px) {


/*
==============================================================
Layout
==============================================================
*/

#wrapper{padding-bottom:2%;}


#contentWrapper {padding: 2% 0;}

#header {padding: 38px 0 2% 0;}

#nav {display: block;}

#nav-mobi {display: none;}



/*
==============================================================
inner-Layout
==============================================================
*/

.inner-header, .moduleBottom{width:98%; padding:0 1%;}

.inner-nav  {width:100%; padding:0;}

.inner-moduleTop {width:97%; padding:0.5%; margin:0% 1%;}

.inner-footer, .inner-footerBottom {width: 98%; padding: 0.5% 1%;}

.inner-contentWrapper {width: 98%; padding: 0 1%;}

.logo {width: 50%; padding: 0 25% 0% 25%;}

.headerMiddle, .headerRight  {width: 96%; padding: 0 2%;}
.headerRight .moduletable, .headerRight .moduletable .custom{width:100%;}

.innerContent-large, .innerContent-module, .innerContent {padding-bottom: 1rem;}

.innerContent-large{width: 100%;}

.innerContent-module {width: 64%;}

#left.single, #right.single {width: 33%;}

#left.single {padding-right: 2%;} 

#right .single {padding-left: 2%;}

.innerContent {width: 100%;}

#left.both, #right.both {width: 20%;}

#left.both {padding-right: 2%;}

#right.both {padding-left: 2%;}

.inner-moduleTop{width: 100%; padding: 0;}

.moduleBottom{width: 98%; padding: 0 1%;}

.moduletable_colorThumbnails{width: 90%; padding: 0.5em 5%;}

.moduletable_colorThumbnails:nth-child(odd){ margin:0 1% 1em 0%;}
.moduletable_colorThumbnails:nth-child(even){ margin:0 0% 1em 1%;}


.moduletable_colorThumbnails iframe{height:150px;}

.custom_colorThumbnails p{padding-bottom:6%;}

ul.newsThumbnail li{ margin:0!important; padding:2% 4%;}




/*
==============================================================
blog
==============================================================
*/

.imageArticle { width: 30%; padding-right:2%;}

.introContent{ width: 68%;}

p.mod-articles-category-readmore{padding-top: 0.5rem;}

.blog .page-header{padding-top:2%; margin-top:2%;}


/*
==============================================================
Image 
==============================================================
*/

.headerRight img{width:auto; height:30px; padding-left:0.5rem; margin-bottom:0.4rem;}

#contentWrapper img{padding: 0.5% 1%;}

img.Image_-_Quatre, p.Image_-_Quatre img, li.Image_-_Quatre img{width: 50%;}
img.Image_-_Third, p.Image_-_Third img, li.Image_-_Third img{width: 66%;}
img.Image_-_Half, p.Image_-_Half img, li.Image_-_Half img{width: 50%;}
img.Image_-_Two_Thirds, p.Image_-_Two_Thirds img, li.Image_-_Two_Thirds img{width: 100%;}
img.Image_-_Three_Quatres, p.Image_-_Three_Quatres img, li.Image_-_Three_Quatres img{width: 100%;}
img.Image_-_Full_With, p.Image_-_Full_Wit img, li.Image_-_Full_Wit img{width: 100%}

.blog .clearfix p img{width: 50%;}


img.polaroid{padding: 0.5% 0.5% 2% 0.5%!important; margin: 0.5% 1%;}

/*
===============================================================
Nav Styles
===============================================================
*/

#nav ul.menu li {padding: 1% 0%;}

#nav ul.menu li ul.nav-child {padding: 0% 0 2% 0;}

#nav ul.menu li ul.nav-child li a {padding:2% 1.1rem 2% 0.9rem;}

#footer ul.menu li{padding-right:1rem;}

#footer ul.menu ul {padding-bottom: 1rem;}

#footer ul.menu ul.nav-child li{padding:0.7rem 0;}



/*
===============================================================
List Styles
===============================================================
*/

ul.newsThumbnail{height:16rem;}

#contentWrapper li {margin-left: 2rem;}

.item-page li, #right li, #left li {margin-left: 2rem;}



/*
===============================================================
Pagination 
===============================================================
*/

.counter.pull-right {margin-top: 1rem;}

.pagination ul li {padding: 0.3rem 0.4rem;}




/*
==============================================================
Font Styles
==============================================================
*/
.headerRight .moduletable p{text-align:center!important;}

/*===============================================================================================================*/
/*Font Layout */
/*===============================================================================================================*/
   
p, a {font-size:0.875rem; padding-bottom:0.29166666666667rem;}

h1, h1 a{ font-size: 2rem; padding-bottom:0.5rem;}

h2, h2 a{ font-size:1.8125rem;padding-bottom:0.453125rem;}

h3, h3 a{font-size:1.625rem;padding-bottom:0.40625rem;}
    
h4, h4 a{font-size:1.4375rem;padding-bottom:0.359375rem;}

h5, h5 a{font-size:1.25rem;padding-bottom:0.3125rem;}

h6, h6 a{font-size:1.0625rem;padding-bottom:0.265625rem;}

.headerMiddle h2 {font-size:1.500625rem;}

ul,ol,li{font-size:0.875rem;}

#contentWrapper li{padding-bottom:0.4375rem;}

#left p, #right p, #left a, #right a {font-size:0.8125rem;padding-bottom:0.27083333333333rem;}

#left li, #right li {font-size:0.8125rem;padding-bottom:0.4375rem;}



/*===============================================================================================================*/
/*Menu */
/*===============================================================================================================*/

#nav ul.menu li a {font-size:1rem;}

#nav ul.menu li ul li a{font-size:0.875rem;}

#nav ul.menu li ul.nav-child li div.dropdownTitle button.menuArrow {padding-left:0.8rem;}

#nav ul.menu li ul.nav-child li div.dropdownTitle button.menuArrow {top:-0.0875rem; width:0.875rem;}

#nav ul.menu li ul.nav-child li:hover div.dropdownTitle button.menuArrow .btnArrow {top:0.175rem;}

#nav ul.menu li ul.nav-child li .btnArrow {
    border-bottom:0.35rem solid transparent;
    border-left:0.35rem solid #FFF; 
    border-top:0.35rem solid transparent;
    border-right: none;
}

#nav ul.menu li ul.nav-child li:hover .btnArrow  {
    width: 0; 
    height:0; 
    border-left: 0.35rem solid transparent;
    border-right: 0.35rem solid transparent;
    border-top: 0.35rem solid #505050;
}



/*===============================================================================================================*/
/*Mobi Menu */
/*===============================================================================================================*/

#nav-mobi #mobi-btn .mobi-text {font-size:1.375rem;}

#nav-mobi ul.menu li a{font-size:1.25rem;}

#nav-mobi ul.menu li ul li a{font-size:1.125rem;}

#nav-mobi .mobi-bar{
    width:1.65rem;
    height:1.375rem;
    margin-top:0.171875rem;
}

li.close div.btnArrow, li.open li.close div.btnArrow {
    border-bottom:0.5rem solid transparent;
    border-left:0.5rem solid #FFF; 
    border-top:0.5rem solid transparent;
    border-right: none;
}

li.close:hover div.btnArrow, li.open li.close:hover div.btnArrow {
    border-bottom:0.5rem solid transparent;
    border-left:0.5rem solid #505050; 
    border-top:0.5rem solid transparent;
    border-right: none;
}

li.open div.btnArrow{
    width: 0; 
    height:0; 
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid #505050;
}



/*===============================================================================================================*/
/*Footer */
/*===============================================================================================================*/

#footer ul.menu li a{font-size:0.9375rem!important;}

#footer ul.menu li ul li a{font-size:0.8125rem;}

#footer p, #footer a, #footerBottom a, #footer ul li, #footerBottom ul li, #footerBottom p, #footerBottom a {font-size:0.8125rem;}


/*_end_*/





}

/*
=====================================================================================================
Layout-XS
=====================================================================================================
*/

@media all
and (min-width : 0px)
and (max-width : 550px) {



/*
==============================================================
Layout
==============================================================
*/

#wrapper{padding-bottom:2%;}

#contentWrapper {padding: 2% 0;}

#header {padding: 78px 0 2% 0;}

#nav {display: none;}

#nav-mobi {display: block;}



/*
==============================================================
inner-Layout
==============================================================
*/

.inner-header, .inner-nav,  .moduleBottom{width:98%; padding:0 1%;}

.inner-moduleTop {width:97%; padding:0.5%; margin:0% 1%;}

.inner-nav{width:100%; padding:0;}

.inner-footer, .inner-footerBottom {width: 98%; padding: 0.5% 1%;}

.inner-contentWrapper {width: 98%; padding: 0 1%;}

.logo {width: 70%; padding: 0 15% 0% 15%;}

.headerMiddle {width: 96%; padding: 0 2%;}

.headerRight {width: 96%; padding: 0 2%;}

.headerRight .moduletable, .headerRight .moduletable .custom{width:100%;}

.headerRight .moduletable .custom p{text-align:center!important;}

.innerContent-large, .innerContent-module, .innerContent {padding-bottom: 2rem;}

.innerContent-large{width: 100%;}

.innerContent-module {width: 64%;}

#left.single, #right.single {width: 33%;}

#left.single {padding-right: 2%;} 

#right .single {padding-left: 2%;}

.innerContent {width: 100%;}

#left.both, #right.both {width: 20%;}

#left.both {padding-right: 2%;}

#right.both {padding-left: 2%;}

.inner-moduleTop{width: 100%; padding: 0;}

.moduleBottom{width: 98%; padding: 0 1%;}

.moduletable_colorThumbnails{width: 96%; padding: 0.5em 1%; margin:0.5em 1%;}

.moduletable_colorThumbnails li{padding-bottom:0px;}

.moduletable_colorThumbnails iframe{height:150px;}

.custom_colorThumbnails p{padding-bottom:6%;}

ul.newsThumbnail li{ margin:0!important; padding:2% 4%;}


.inner-footerBottom-Left{padding-left: 0%; width:49%;}
.inner-footerBottom-Right{width:49%;}

/*
==============================================================
blog
==============================================================
*/

.imageArticle { width: 30%; padding-right:2%;}

.introContent{ width: 68%;}

p.mod-articles-category-readmore{padding-top: 0.5rem;}

.blog .page-header{padding-top:2%; margin-top:2%;}



/*
==============================================================
Image 
==============================================================
*/

.headerRight img{width:auto; height:30px; padding-left:0.5rem; margin-bottom:0.4rem;}

#contentWrapper img{padding: 0.5% 1%;}

img.Image_-_Quatre, p.Image_-_Quatre img, li.Image_-_Quatre img{width: 50%;}
img.Image_-_Third, p.Image_-_Third img, li.Image_-_Third img{width: 66%;}
img.Image_-_Half, p.Image_-_Half img, li.Image_-_Half img{width: 50%;}
img.Image_-_Two_Thirds, p.Image_-_Two_Thirds img, li.Image_-_Two_Thirds img{width: 100%;}
img.Image_-_Three_Quatres, p.Image_-_Three_Quatres img, li.Image_-_Three_Quatres img{width: 100%;}
img.Image_-_Full_With, p.Image_-_Full_Wit img, li.Image_-_Full_Wit img{width: 100%}

.blog .clearfix p img{width: 50%;}

img.polaroid{padding: 0.5% 0.5% 2% 0.5%!important; margin: 0.5% 1%;}



/*
===============================================================
Nav Styles
===============================================================
*/

#mobi-btn {width: 94%; padding: 1% 3%;}

#menu-mobi {width:94%; padding: 4% 3%;}

#menu-mobi-inner {height: 96%;}

#menu-mobi ul.menu {height: 95%;}

#nav-mobi #menu-mobi ul.menu a {padding: 3% 2%;}

#nav-mobi #menu-mobi ul.menu a.dropdown-link {width: 80%;}

button.mobiArrow {width: 18%; padding-left: 2%;}

#footer ul.menu li{padding: 0 1%;}

#footer ul.menu ul {padding-bottom: 2%;}

#footer ul.menu li a{padding-bottom: 6%;}



/*
===============================================================
List Styles
===============================================================
*/

ul.newsThumbnail{height:20rem;}

#contentWrapper li {margin-left: 2rem;}

.item-page li, #right li, #left li {margin-left: 2rem;}



/*
===============================================================
Pagination 
===============================================================
*/

.counter.pull-right {margin-top: 1rem;}

.pagination ul li {padding: 0.3rem 0.4rem;}



/*
===============================================================
Table
===============================================================
*/

table.programmes {width: 100%; margin:0;}

table.programmes td {width:12.28%; padding:0 1%;}

table.programmes tr td.centres, table.programmes tr:nth-child(1) td {padding: 0.5rem 0 0.5rem 0.2rem;}

table.programmes tr td h6{writing-mode: tb-rl;}

.locationTable table tr td {padding:0!important;}

/*
==============================================================
Font Styles
==============================================================
*/


/*===============================================================================================================*/
/*Font Layout */
/*===============================================================================================================*/
   
p, a {font-size:0.8125rem; padding-bottom:0.27083333333333rem;}

h1, h1 a{ font-size: 1.9375rem; padding-bottom:0.484375rem;}

h2, h2 a{ font-size:1.75rem;padding-bottom:0.4375rem;}

h3, h3 a{font-size:1.5625rem;padding-bottom:0.390625rem;}
    
h4, h4 a{font-size:1.375rem;padding-bottom:0.34375rem;}

h5, h5 a{font-size:1.1875rem;padding-bottom:0.296875rem;}

h6, h6 a{font-size:1rem;padding-bottom:0.25rem;}

.headerMiddle h2 {font-size:1.25rem;}

ul,ol,li{font-size:0.8125rem;}

#contentWrapper li{padding-bottom:0.40625rem;}

#left p, #right p, #left a, #right a {font-size:0.75rem;padding-bottom:0.25rem;}

#left li, #right li {font-size:0.75rem;padding-bottom:0.40625rem;}



/*===============================================================================================================*/
/*Menu */
/*===============================================================================================================*/

#nav ul.menu li a {font-size:1.125rem;}

#nav ul.menu li ul li a{font-size:1rem;}

#nav ul.menu li ul.nav-child li div.dropdownTitle button.menuArrow {padding-left:0.8rem;}

#nav ul.menu li ul.nav-child li div.dropdownTitle button.menuArrow {top:-0.1rem; width:1rem;}

#nav ul.menu li ul.nav-child li:hover div.dropdownTitle button.menuArrow .btnArrow {top:0.2rem;}

#nav ul.menu li ul.nav-child li .btnArrow {
    border-bottom:0.4rem solid transparent;
    border-left:0.4rem solid #FFF; 
    border-top:0.4rem solid transparent;
    border-right: none;
}

#nav ul.menu li ul.nav-child li:hover .btnArrow  {
    width: 0; 
    height:0; 
    border-left: 0.4rem solid transparent;
    border-right: 0.4rem solid transparent;
    border-top: 0.4rem solid #505050;
}



/*===============================================================================================================*/
/*Mobi Menu */
/*===============================================================================================================*/

#nav-mobi #mobi-btn .mobi-text {font-size:1.5rem;}

#nav-mobi ul.menu li a{font-size:1.375rem;}

#nav-mobi ul.menu li ul li a{font-size:1.25rem;}

#nav-mobi .mobi-bar{
    width:1.8rem;
    height:1.5rem;
    margin-top:0.1875rem;
}

li.close div.btnArrow, li.open li.close div.btnArrow {
    border-bottom:0.55rem solid transparent;
    border-left:0.55rem solid #FFF; 
    border-top:0.55rem solid transparent;
    border-right: none;
}

li.close:hover div.btnArrow, li.open li.close:hover div.btnArrow {
    border-bottom:0.55rem solid transparent;
    border-left:0.55rem solid #505050; 
    border-top:0.55rem solid transparent;
    border-right: none;
}

li.open div.btnArrow{
    width: 0; 
    height:0; 
    border-left: 0.55rem solid transparent;
    border-right: 0.55rem solid transparent;
    border-top: 0.55rem solid #505050;
}



/*===============================================================================================================*/
/*Footer */
/*===============================================================================================================*/

#footer ul.menu li a{font-size:0.9375rem!important;}

#footer ul.menu li ul li a{font-size:0.8125rem;}

#footer p, #footer a, #footerBottom a, #footer ul li, #footerBottom ul li, #footerBottom p, #footerBottom a {font-size:0.8125rem;}


/*_end_*/





}