/* Gestion des modules Menu HEADER et Menu FOOTER : 
- Créer un nouveau modules de type "menu"
- Position du module "menu", ou footer
- Suffixe de classe CSS : _menu ou _arbo
*/


@font-face {
  font-family: "opensans-condbold";
  src: url('../fonts/opensans-condbold-webfont.eot');
  src: url('../fonts/opensans-condbold-webfont.woff') format('woff'),
     url('../fonts/opensans-condbold-webfont.ttf') format('truetype'),
     url('../fonts/opensans-conbold-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "opensans-regular";
  src: url('../fonts/opensans-regular-webfont.eot');
  src: url('../fonts/opensans-regular-webfont.woff') format('woff'),
     url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
     url('../fonts/opensans-regular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


/******* --------  MENU JOOMLA HEADER  -------- *******/
#menubg {
	background: none repeat scroll 0 0 #01b598;
    height: 50px;
	font-size: 12px;
}

#menubg #nav {
	font-size: 12px;
	max-width: 990px;
	margin: 0 auto;
	position: relative;
}


/* --- MENU GENERAL --- */
#nav ul{ padding: 0; margin: 0; list-style: none; text-align: center;
	display: table;
	width: 100%;
 }
#nav li{
	display: table-cell;
}


/* --- NIVEAU 1 --- */
#nav ul li span:first-child, #nav ul li a{
 	color: #FFFFFF;
  font-family: 'opensans-condbold';
  font-size: 18px;
  font-weight: lighter;
  letter-spacing: 0.5px;
  line-height: 50px;
  /*text-transform: uppercase;*/
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: 0;
	right: 0;
	min-width: 0;
	width: 80%;
	min-height: 200px;
}

#nav li ul{ position: absolute; width: 100px; left: -999em; }



/*--- NIVEAU 2 ---*/
		/* SEPARATEURS / LIENS / AFFICHAGE BLOG ...*/
#nav ul.menu li ul, #nav ul.menu li:hover ul ul, #nav ul.menu li:hover ul ul ul {
  z-index: 999;
 }
 
#nav ul li ul{ padding: 0; margin: 0; list-style: none; text-align: center; }

#nav ul li ul li{ display: inline; }


#nav ul li ul span:first-child, #nav ul li ul a{ 
  font-family: 'opensans-regular';
  font-size: 18px;
  font-weight: lighter;
  letter-spacing: 0.5px;
  line-height:17px;
  width: auto;
  display: inline-block;
  text-decoration: none;
  height: 15px;
  padding: 10px 0;
  text-transform: none;
  display:block!important;
  margin-bottom: 12px;

}



#nav ul li ul{
	display: block;
	float: left;
	margin-right: 30px;
	text-align: left;
	padding-left: 160px;
	height: 280px;
	min-height: 10px!important;
	margin-bottom: 25px!important;
	padding-top: 30px;
}



#nav ul li ul li a:hover{
	color: #3A434A;
	transition: 0.4s;
	background: 0 none!important;

}
#nav ul li ul li:hover{
	background: 0 none!important;
}


/*--- NIVEAU 3 ---*/
		/* LIENS */

#nav ul li ul li ul{
	background: 0 none!important;
}



#nav ul li ul li.parent{
	display: block;
	float: left;
	/*width: 250px;*/
	height: 110px;
	background: 0 none!important;
	/*margin-bottom: 50px;*/
}

#nav ul li ul li ul {
	display: block;
	width: 260px!important;
	float: none;
	position: inherit;
	margin: 0;
	padding: 0;
}
#nav ul li ul li ul li{
	width: 250px;
	list-style-image: url('../images/puce.png');
}
#nav li li li a, #nav li li li a:hover{
	font-size: 13px!important;
	background: url('../images/puce.png') no-repeat 0 0!important;
	padding: 0 0 0 20px;
}







/******* --------  MENU JOOMLA FOOTER  -------- *******/
/* Le menu footer affiche seulement les item de niveau 1 et 2 */


#footer .menu li{
  list-style-type: none;
  line-height: 25px;
}

#footer .moduletable_arbo .menu li.deeper.parent{
  float:left;
  margin-right:45px;
}

#footer .moduletable_arbo .menu li ul li a{
  color:#a0a0a0;
  text-decoration: none;
}

#footer .moduletable_arbo ul li ul li a:hover, #footer .moduletable_copyright a:hover, #footersocial .moduletable_contact a:hover{
  color:#17a17f;
}

#footer .moduletable_arbo .menu li.deeper.parent:last-child{
  margin-right:0;
}

#footer .moduletable_arbo .menu li {
  color:#fff;
  font-family: 'opensans-condbold', Arial;
  font-weight: lighter !important;
  font-size:18px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
#footer .moduletable_arbo .menu li a{color: #ffffff;}

#footer .moduletable_arbo .menu li ul li {
  color:#A0A0A0;
  font-family: 'opensans-regular', Arial;
  font-weight: lighter !important;
  font-size:12px;
  text-transform: none;
  letter-spacing: 0.5px;
}




/*************************** _--------_ MODULE POSITION DROITE  _--------_ ***************************/

/*--------- ________ MODULE ACCES DIRECT + ANNUAIRE ________----------- */ 

#wrapper #right .moduletable_acces ul, #wrapper #right .moduletable_annuaire ul{
    display:inline-block;
}
#wrapper #right .moduletable_acces li, #wrapper #right .moduletable_annuaire li{
    width:90px;
    height:90px;
    background: #f3f2f0;
    border-radius:3px;
    list-style-type: none;
    /*display:inline-block;*/
    float:left;
    margin: 0 9px 10px 0;
    overflow:hidden;
}

#wrapper #right .moduletable_acces li a, #wrapper #right .moduletable_annuaire li a{
    color:#3a434a;
    font-family: 'opensans-regular';
    text-decoration: none;
    line-height: 15px;
    display: block;
    text-align: center;
    margin-top:10px;
}
#wrapper #right .moduletable_acces li a:hover, #wrapper #right .moduletable_annuaire li a:hover{color:#17a17f;}

#wrapper #right .moduletable_acces li img, #wrapper #right .moduletable_annuaire li img{margin:0 20px;}

#wrapper #right .moduletable_acces li a i, #wrapper #right .moduletable_annuaire li a i {font-size: 33px; display:block;}
        




/********************** --------------- FIN DES MODIFICATIONS --------------- **********************/





/* MODULE RECHERCHE */ 

#banner .moduletable .search {
    float:right;
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px 3px 3px 3px;
    margin:0;
    margin-top:58px;
    height:40px;
    
}

#banner .moduletable .search .button,  #banner .moduletable .search .inputbox{
    border:0;
    font-size: 15px;
    font-family: 'opensans-condbold', Arial;
    color:#3a434a;
    letter-spacing: 0.5px;
    font-weight: lighter;
    height:40px;
}

#banner .moduletable .search .inputbox{
    margin-left:10px;
    background: none;
    width: 240px;
 }

#banner .moduletable .search .button{
    cursor: pointer;
    background: url('../images/barre.png') no-repeat;
    background-position:left; 
    padding:10px;
}
#banner .moduletable .search label{display: none!important;}



/* MODULES GENERAUX */

#wrapper #center h3, #wrapper .moduletable_tabs .gkTabsNav li{
    color:#ff3900;
    font-family: "opensans-condbold", Arial;
    font-size: 20px;
    text-transform: uppercase;
    margin:0 0 10px 0;
    font-weight: lighter;
}

#wrapper #right h3{
    color:#17a17f;
    font-family: "opensans-condbold", Arial;
    font-size: 20px;
    text-transform: uppercase;
    margin:0;
    font-weight: lighter;
    margin-bottom: 10px;
}

#wrapper #center .moduletable_agenda, #wrapper #center .moduletable_actu{
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px 3px 3px 3px;
    padding: 20px 25px;
    margin:0;
    margin-bottom: 20px;
}

#wrapper #right .moduletable_acces, #wrapper #right .ad_meteo, #wrapper #right .moduletable_annuaire {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px 3px 3px 3px;
    padding: 20px 0 5px 15px;
    margin:0;
    margin-bottom: 20px;
}





/*************************** _--------_ MODULE POSITION CENCTRE ACCUEIL  _--------_ ***************************/


/* MODULE AGENDA + ACTUALITES */

#maintop .moduletable_agenda h4 a, #maintop .moduletable_actu h4 a, #maintop .moduletable_tabs h4 a{
    color:#3a434a;
    font-family: 'opensans-condbold', Arial;
    font-size:16px;
    font-weight: lighter;
}

#maintop .moduletable_agenda .nspPagination li, #maintop .moduletable_actu .nspPagination li, #maintop .moduletable_tabs .nspPagination li{
    width:16px;
    height:16px;
    background: url('../images/bouton_pagination.png') no-repeat;
}

#maintop .moduletable_agenda .nspPagination .active, #maintop .moduletable_actu .nspPagination .active, #maintop .moduletable_tabs .nspPagination .active{background: url('../images/bouton_pagination_active.png') no-repeat;}

#maintop .moduletable_agenda, #maintop .moduletable_actu , #maintop .moduletable_tabs {position:relative;}

#maintop .nspPagination{
    position: absolute;
    right:0;
    bottom: 0;
}

#maintop .moduletable_agenda .nspPagination, #maintop .moduletable_actu .nspPagination {
	right: 20px;
	bottom: 20px;
}
#maintop .moduletable_agenda .nspArtPage, #maintop .moduletable_actu .nspArtPage, #maintop .moduletable_tabs .nspArtPage{padding-bottom: 20px;}

#maintop .moduletable_agenda .nspInfo.nspInfo1{
    background: none repeat scroll 0 0 #FF3900;
    color: #FFFFFF;
    height: 55px;
    width: 50px;
    font-family: 'opensans-condbold';
    font-size: 16px;
    text-align: center;
    text-shadow:3px 0 3px rgba(0,0,0,0.2);
    line-height: 25px;
    margin:0;
    padding-top:5px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
    position: absolute;
    top:0;
    right:15px;
    letter-spacing: 1px;
    z-index: 2;
}

#maintop .moduletable_agenda .nspInfo.nspInfo1:first-line{font-size: 30px;}

#maintop .moduletable_agenda .nspArt.nspCol3,
#maintop .moduletable_actu  .nspArt.nspCol3,
#maintop .moduletable_tabs  .nspArt.nspCol3{
    position: relative;
    width:175px;
    margin-right: 33px;
}

#maintop .moduletable_agenda .nspArt.nspCol3:last-child,
#maintop .moduletable_actu  .nspArt.nspCol3:last-child,
#maintop .moduletable_tabs  .nspArt.nspCol3:last-child{
    margin-right: 0;
}

#maintop  .nspImage{
    border:1px solid #d3d1d1;
    padding:4px;
    z-index: 1;
}

#maintop .nspImageWrapper{
    background: url('../images/ombre_image.png') center bottom no-repeat;
    padding-bottom:7px;
}

.nspArts{padding:0;}

        /* EFFETS NOIR ET BLANC SUR IMAGES (Chrome) */

#maintop  .nspImageWrapper .nspImage{
    filter:grayscale(0);
    -webkit-filter:grayscale(0);
    -moz-filter:grayscale(0);
    -o-filter:grayscale(0);
    -ms-filter:grayscale(0);
    opacity: 1;
}

#maintop  .nspImageWrapper .nspImage:hover{
    filter:grayscale(1);
    -webkit-filter:grayscale(1);
    -moz-filter:grayscale(1);
    -o-filter:grayscale(1);
    -ms-filter:grayscale(1);
    opacity: 0.7;
}

/* MODULE LIENS */

#footersocial .moduletable_liens img{ margin:0 10px 10px 0;}

/* MODULE TABS GK5 */

.gkTabsNav li{
    border-radius: 3px 3px 0 0;
    width:214px;
    height:45px;
    background: #fafafa;
    border:1px solid #d3d1d1;
    margin:0;
    line-height: 48px;
    text-align:center;
}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li{padding: 0!important;}

.gkTabsContainer{
    background: #fafafa;
    border:1px solid #d3d1d1;
    border-top:0;
    border-radius: 0 0 3px 3px;
    padding: 20px 25px 20px 25px;
}


.gkTabsContainer .gkTabsItem{padding:0;}


/* BROCHURE DANS TABS GK5 */

.gkTabsWrap .nspText.tleft.fleft img{
	width: 164px;
	height: 126px;
	border:1px solid #d3d1d1;
	padding: 4px;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}







/*************************** _--------_ MODULE POSITION FOOTER  _--------_ ***************************/



/* RESEAUX SOCIAUX */
#footersocial .moduletable_reseaux{margin-top: 15px;}
#footersocial .moduletable_reseaux .menu li{
    list-style-type: none;
    display:inline-block;
    height: 30px;
    min-width: 30px;
    margin-right:10px;
}
#footersocial .moduletable_reseaux ul li a{
display: block;
    text-indent: -9999px;
}
#footersocial .moduletable_reseaux img, .moduletable_annuaire img, .moduletable_acces img{border:none;}

#footersocial .moduletable_reseaux .menu .google {background: url('../images/reseaux_sociaux.png') 0 0;}

#footersocial .moduletable_reseaux .menu .google:hover{background: url('../images/reseaux_sociaux.png') 0 100%;}

#footersocial .moduletable_reseaux .menu .twitter {background: url('../images/reseaux_sociaux.png') 20% 0;}

#footersocial .moduletable_reseaux .menu .twitter:hover{background: url('../images/reseaux_sociaux.png') 20% 100%;}

#footersocial .moduletable_reseaux .menu .flickr {background: url('../images/reseaux_sociaux.png') 39.5% 0;}

#footersocial .moduletable_reseaux .menu .flickr:hover{background: url('../images/reseaux_sociaux.png') 39.5% 100%;}

#footersocial .moduletable_reseaux .menu .facebook {background: url('../images/reseaux_sociaux.png') 60% 0;}

#footersocial .moduletable_reseaux .menu .facebook:hover{background: url('../images/reseaux_sociaux.png') 59.5% 100%;}

#footersocial .moduletable_reseaux .menu .rss {background: url('../images/reseaux_sociaux.png') 79.5% 0;}

#footersocial .moduletable_reseaux .menu .rss:hover{background: url('../images/reseaux_sociaux.png') 79.5% 100%;}

#footersocial .moduletable_reseaux .menu .youtube{background: url('../images/reseaux_sociaux.png') 100% 0;}

#footersocial .moduletable_reseaux .menu .youtube:hover{background: url('../images/reseaux_sociaux.png') 100% 100%;}


/* ====================================================================================================================
 * DIAPORAMA DU TEMPLATE
 * ====================================================================================================================*/
#adslide {height: auto;  z-index: 1;  margin-bottom: 5px; width: 100%;}
#slides {display: none;}
#slider {position: relative; overflow: hidden; width: 100%!important; height: 425px;}
#slider ul {position: relative;  margin: 0; padding: 0; height: 425px; list-style: none;}
#slider ul li { position: relative; display: block; float: left;margin: 0; padding: 0; height: 425px; background: #ccc; text-align: center; line-height: 300px; width: 1920px;}
#slideshow img {filter: brightness(0.7); transition:0.4s; width: 100%;}
#slideshow:hover img {filter:brightness(1); }

.slider_option {  position: relative; margin: 10px auto; width: 160px; font-size: 18px;}
#adslide .blockinfo{width: 990px; margin: 0 auto;  }
#adslide .blockinfo	.infoslide {position: absolute; max-width: 970px; left: 0; right: 0; margin: 0 auto;padding: 10px;z-index: 10; background:rgba(45, 45, 45, 0.75)!important; bottom: 5%; }
#adslide .blockinfo a, #adslide .blockinfo h2.slidetitre   {color: #fff; text-transform: uppercase; font-size:20px;  text-align: left;}




/* Navigation / Play Pause */
#adslide .slidesjs-navigation { position: absolute; z-index: 100; height: 40px; width: 40px; display: block; top: 55%;}
#adslide .slidesjs-navigationi:before {font-size: 35px; font-style: normal;}

#adslide .slidesjs-next,#adslide  .slidesjs-previous {top:0; margin-top: 450px; height: 50px; width: 50px; color: rgba(255,255,255,0.5); font-size: 45px; transition:0.4s;}
#adslide .slidesjs-next:hover, #adslide .slidesjs-next .slidesjs-previous:hover {color: #fff}

#adslide .slidesjs-next {right: 0; margin-right: 10px;}
#adslide .slidesjs-previous {margin-left: 10px; }
#adslide .slidesjs-stop, .slidesjs-play {top:0; margin-top: 450px;color: rgba(255,255,255,0.5); height: 50px; width: 50px; font-size: 30px; transition:0.4s; margin-left: 55px; margin-top: 7px;}
#adslide .slidesjs-stop:hover, #adslide.slidesjs-play:hover{color: #fff;}

#adslide  .slidepagination {width: 970px;position: absolute; left: 0; right: 0; margin:-50px auto 0; height: 30px;  z-index: 10; text-align: right; }

#adslide .slidesjs-pagination li  { display: inline-block; margin: 7px 4px;	}
#adslide .slidesjs-pagination li a {display: block; border-radius: 50%; height: 10px; width: 10px; border: 3px solid #fff; background: #fff; overflow: hidden; text-indent: -999em; line-height: 100px;}
#adslide .slidesjs-pagination li a:hover, #adslide .slidesjs-pagination li a.active  {background: #000; }


#slides .slidesjs-navigation {  margin-top:3px;}
#slides .slidesjs-previous { margin-right: 5px; float: left;}
#slides .slidesjs-next { margin-right: 5px;  float: left; }