@charset "UTF-8";

/* #Page Styles
================================================== */

.header{  background: url(../images/header.jpg) no-repeat center; min-width: 980px; background-size: cover;  height: 480px;  font-family: 'LucidaBrightRegular';  font-size: 40px;  color:#fff;}
.tcont{  height: 480px;  line-height: 480px;  text-align: center;}
.header p img{display: inline;vertical-align: middle;}
.header p{  margin: 0 !important;  display: inline-block;  width: 693px;  text-align: center;vertical-align: middle;}
.tintro{  color:#046cb7;  font-size: 46px;  font-family: 'Lato', sans-serif;  font-weight: 100;   padding-top: 65px;  padding-bottom: 50px;  text-align: center;}
.accroche_bold{  font-family: 'Lato', sans-serif;  text-align: center;  font-weight: 900;color:#7e8287;font-size: 32px;padding-top: 55px;line-height: 60px;}
.accroche_light{  font-family: 'Lato', sans-serif;  text-align: center;  font-weight: 300;color:#7e8287;font-size: 22px;padding-bottom: 55px;}
.accroche_clic{  font-family: 'Lato', sans-serif;  text-align: center;  font-weight: 300;color:#7e8287;font-size: 18px;padding-bottom: 55px;}

hr.thin { border: solid #e7eff4; border-width: 1px 0 0; clear: both;margin: 0 0 20px 0; height: 0; }

.floated{  float: left;  /*width: 490px;*/}
.gauche{ width: 440px;  height: 469px;  background: url(../images/carte.png) no-repeat center; position: relative;}
.droite{padding-top: 65px; width: 540px;}
#nomville{  height: 30px;  padding-left: 20px;  padding-right: 20px;  background: url(../images/nville_left.png) no-repeat left, url(../images/nville_right.png) no-repeat right;  display: inline-block;  position: relative;  z-index: 5;}
#nomville span{  background: #df0046;  color:#fff;  height: 30px;line-height: 30px;  padding-right: 5px;  display: inline-block;font-size: 14px;}
.nvillesub{ /*left: 60px;*/ position: absolute;  width: 28px;height: 13px;  background: url(../images/nville_sub.png) no-repeat center;}

.reddot{  width: 16px;height: 16px;background: #df0046;  border: 1px solid #fff;border-radius: 13px;  position: absolute; cursor: pointer; z-index: 10;}
.datacontainer{margin-bottom: 80px;}
.acity{font-family: 'Lato', sans-serif;}
.acity h2{  background: url(../images/bg_titre_ville.png) no-repeat;  min-width: 292px;padding-left: 20px;  font-size: 40px;display: inline-block;  vertical-align: middle; margin-bottom: 32px;}
.acity h2 span{  height: 75px; line-height: 75px;}
.acity ul li {  display: block;  font-size: 16px;  line-height: 30px;  list-style-type: none;   background-image: url(../images/puce_li.png);   background-repeat: no-repeat;   background-position: left 11px;}
.acity ul li:hover { /* background: #ce0046 url(../images/li_right.png) no-repeat right bottom; */ color: #ce0046;}

.acity ul li a {  color: #818181; line-height: 30px;  display: inline-block;  padding: 0 15px; }
.acity ul li:hover a {  color: #ce0046;  /*background: url(../images/li_left.png) no-repeat left bottom*/; }
.acity ul li strong{color:#444444;}
.acity ul li:hover strong{color:#ce0046;}
.acity p {font-style:italic; font-size:16px;}

.footer{  height: 200px;  background: #363636;  color:#a8a8a8;  font-family: 'Lato', sans-serif;  font-size: 14px;}
.footer a{  color:#a8a8a8;}
.blockfooter{  float: left;  margin-right: 90px;  margin-top: 45px;}
.blockfooter p{  margin-bottom: 7px;}
#block_fb_bleu {width: 380px;height: 145px;background: #00528C;float: right;position: relative;top: -27px;}
#bt_c {margin-left: 20px;margin-top: 20px;}
#bt_c a {color: #B9B8B8;text-decoration: none;}


.pub{
margin-bottom: 65px;font-size: 34px;font-family: 'Lato', sans-serif;  font-weight: 300;	color:#046cb7;text-align: center;	text-transform: uppercase; line-height: 1.4em;
}
.imgpub{
	background: url(../images/mag.png) no-repeat center center;
	width: 980px;height: 373px;
	margin-bottom: 45px;
}

/* #Page Styles
================================================== */
.wrapper {
  width: 100%;
}
.container{
  width: 980px;
  margin: 0 auto;
}

/* #Media Queries
================================================== */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /*.container{width: 768px;}*/

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /*.container{ width: 480px; }*/

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .header{height: 200px;font-size: 33px;min-width: 300px}
  .tcont {height: 200px;line-height: 200px;}
.header p img {
display: inline-block;
vertical-align: middle;
width: 270px;
margin-top: 20px;
}

.header p {
padding-top: 30px;
margin: 0 !important;
display: inline-block;
line-height: 1.5em;
width: 100%;
height: 200px;
text-align: center;
vertical-align: middle;
}
.floated {
float: none;
width: 300px;}

.datacontainer{margin-bottom: 20px;}

.acity{margin-bottom: 40px;}
.acity h2 span {height: 65px;line-height: 65px;}
.acity ul li {display: inline-block;font-size: 14px;line-height: 1.6em;}
.acity ul li a{line-height: 1.6em;}
.acity ul li:hover {color: #df0046;}
.acity ul li:hover a {background: none;}
.acity h2{  margin-bottom: 20px;font-size: 30px;}
.acity p {font-style:italic; font-size:14px;}
.acity ul li {background-position: left 7px;}

.droite {padding-top: 20px;}
.gauche{display: none;}
.tintro{font-size: 30px;padding-top: 25px;  padding-bottom: 25px; }
.accroche_bold {font-size: 22px; line-height: 1.2em;}
.accroche_light {font-size: 18px; line-height: 1.2em;padding-bottom: 20px;}
.accroche_clic {font-size: 16px; line-height: 1.2em;padding-bottom: 20px;}

.container{ width: 300px; }

.pub{
margin-bottom: 25px;font-size: 28px;font-family: 'Lato', sans-serif;  font-weight: 300;	color:#046cb7;text-align: center;	text-transform: uppercase; line-height: 1.6em;
}

.imgpub{
	background: url(../images/pub_mini.jpg) no-repeat center center;
	width: 300px;height: 190px;
	margin-bottom: 45px;
}

#block_fb_bleu {width: 300px;}
.footer{height: 160px;}
.blockfooter{display: none;}
}