@font-face {
    font-family: "helvetica-neue";
    src: url('../../fonts/HelveticaNeue.eot');
    src: url('../../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/HelveticaNeue.svg#Helvetica Neue') format('svg'),
    url('../../fonts/HelveticaNeue.woff') format('woff'),
    url('../../fonts/HelveticaNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: helvetica-neue !important;
	color:rgba(16,112,111,1) !important;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7
{
	margin:0;
	padding: 0;
}
a{text-decoration: none !important;}
a:hover{
	color: #646464;
}
/*header*/
.logo{padding-left: 56px;}
.logo a{
    text-transform: uppercase;color:#767676;font-size:25px;
    letter-spacing: 1px;
	height: 122px;
    width: 406px;
    display: block;
    background-repeat: no-repeat;
}
.rouge{color:/*#db483e*/rgba(249,0,6,1)}
.bleu{color:/*#4f8fe7*/rgba(30, 218,215,1)}
.orange{color:#f39131}
.vert{color:/*#73dc27*/rgba(48,233,24,1)}
.rouge, .bleu, .orange, .vert{text-transform: uppercase}
/*.nav-menu{height:62px;}*/
.nav-menu .col-md-1{
	margin-top:42px;
    font-size: 20px;
}
.video{padding:35px 35px 35px 0}
.salon{padding:35px 0 35px 35px}
.salon .salon-img{text-align: center;}
.salon .salon-img img{width: 80%}
.salon-text{padding-top:60px;color: rgba(16,112,111,1);text-align: center;font-size:30px}
.video object{min-height: 300px; height: auto ;}
/*End Header*/
/*Content*/
.content .title{
	text-align: center;
	color:#646464;
	font-size: 20px;
	margin-bottom: 45px;
	margin-top: 51px;
	line-height:22px;
	font-family: "Helvetica Neue";
}
.content-text p{
	font-weight: bold;
	font-size: 13px;
	font-family: "Helvetica Neue";
}
.content-text{
    font-size: 12px;
    color:#646464;
    line-height: 20px;
}
.picture{
    position: relative ;
}
.picture > div{
    position:absolute ;
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height: 137px;
}
.picture img{height: auto ;}
.line{
    border-bottom: 1px solid #646464;
    margin-top: 90px;
}
.line.last-child{margin-bottom: 90px;}
.socials > div{
	width:50%;
	float: left;
	padding:0 40px;
}
.content-footer h4{
    font-weight: bold;
}
.content_2.content-text{
    line-height: 434px;
}
.content_2.content-text p{
    line-height: 20px;
    display: inline-block ;
    vertical-align: middle;
}
.content-footer{
    line-height: 20px !important;
    font-size: 11px !important;
    color:#646464;
    margin-bottom: 90px;
}
.content-footer img.first{
    height:80px;
    margin-top:0;
}
.content-footer img{
    height:50px;
    margin-top:30px;
    margin-bottom: 10px;
}
.content-footer a{
	text-decoration: none;
	color: #00adef;
	width:100%;
	display: block;
}
.content-footer a::before{
    content:"> ";
}
/*End Content*/
/*Footer*/
.footer{
    background: #646464;
    padding: 62px 0;
    color:#e6e6e6;
    line-height: 20px !important;
    font-size: 11px !important
}
.footer h4{font-weight: bold;text-transform: uppercase}
.copyright{margin-bottom: 90px;}
/*End Footer*/
@media (max-width: 750px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7
    {
        width:100%;text-align: center;
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
    .logo{
        margin: 40px 0 0;
        padding: 0;
    }
    .hide_mobile{display: none}
    .line{margin-top: 20px;}
    .logo a{
          display: block;
          width: 100%;
          background-position: 50%;
    }
    .content_1.content-text{height: auto !important}
    .content .title{margin-bottom: 20px; margin-top: 20px;}
    .content_2.content-text{
        line-height: 100px;
        height: auto !important;
    }
    .line.last-child{margin-bottom: 20px;}
    .content-footer{margin-bottom: 20px;}
    .footer{padding-top: 10px; padding-bottom: 20px; }
    .copyright {
      margin-bottom: 20px;
    }
    .socials > div{width : 100%;}
}
.socials > div button{
    background: transparent;
    border:0 
}
.accolade > div{
	background-size: 609px 120px;
    background-repeat: no-repeat;
    padding-bottom: 70px;
}
.accolade > div.accolade-1{background-image: url(../img/acolade1.png);background-position: 0 100%}
.accolade > div.accolade-2{
	background-image: url(../img/accolade2.png);
    background-position: 100% 35px;
	margin-top:-50px;
}
.accolade > div.accolade-2 span{float:right}
.accolade > div span{
	width: 610px;
    display: block;
    font-size: 30px;
    text-align: center;
}
.phones img{width:90%}
.citoyenlogo-employe_mairiepictot img{
	max-width: 100px;
    height: 150px;
    display: block;
    margin: 90px auto;
}
.salon-text.phones{
	font-size: 30px;
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 190px;
}
.salon-text.phones.ecran{
	padding-top:50px
}

.utilisation > div{padding: 35px;}
.utilisation{
	background-image: url(../img/fondcouleurlogo.png);
	background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    font-size: 30px;
    /*font-weight: bold;*/
    text-align: justify;
}
.utilisation > div.background{
	background: rgba(255,255,255,0.3);
    padding: 10px;
    margin: 5px 0;
}
.social-width{
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 15px;
}
.social-link a{
	background-image: url(../img/fb-twitterlogo.png);
    width: 54px;
    height: 50px;
    margin: 0 10px;
    display: inline-block;
    background-size: 100px 50px;
}
.social-link .facebook{
    background-position: 0 0;}
.social-link .twitter{
    background-position: -50px 0;}
.social-link > div{	
	float: left;
    line-height: 50px;
}
.social{    
	margin: 25px 0;
    padding: 10px;
    background: #FFF;
}
.equipe-presse > div{
	background: transparent !important;
    width: 50%;
    float: left;
    font-size: 20px;
}
.voxmapplogobas{height: auto;padding: 0 !important}
.voxmapplogobas img{width:100% !important}
a{color:rgba(16,112,111,1)}
.usage-des-citoyens {
	text-align: center;
    font-size: 30px;
    line-height: 141px;
}
.usage-des-citoyens > div:last-child{
	text-align:left;
}
.usage-des-citoyens > div:first-child{
	text-align:right;margin-top:150px;
}
.custom-modal{}
.custom-modal .modal-header, .custom-modal .modal-footer{
    padding: 15px 0;
    border:0
}
.custom-modal .modal-header .close{padding: 0 10px;font-size: 45px}
.custom-modal .modal-dialog{}
.custom-modal .modal-content{
    border-radius: 0;
    background-image: url(../img/fondcarte.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}
.custom-modal .modal-header{padding-top: 0;}
.custom-modal .modal-title{
    padding: 0 15px;
    text-transform: uppercase;
}
.custom-modal .modal-body{font-size: 17px}
.custom-modal .modal-footer{padding-bottom: 0}
.custom-modal .modal-footer img{width:100%}
.custom-modal .modal-body img{max-height: 120px}
.custom-modal .modal-body li{margin-bottom: 10px}
.custom-modal .modal-body .col-two{
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding: 0 15px;
    text-align: center;
}
.custom-modal .modal-body .col-md-2{text-align: center}


@media (max-width: 992px){
    *{text-align: center !important}
    .usage-des-citoyens > div:first-child{margin:0}
    .accolade > div span {
        width: 100%;
        padding: 0 15px;
    }
    .accolade > div {background-size: 100%;margin: 0 !important}
    .citoyenlogo-employe_mairiepictot img{margin:0}
    .salon-text.phones{padding-top:0}
    .salon-text.phones.ecran{padding-top:0}
    .salon-text{padding: 0}
    .citoyenlogo-employe_mairiepictot img{max-width: none;height: initial;display: initial}
    .social-link > div{float:none}
    .social-width{width: initial;float: none}
    .fb_iframe_widget iframe{position: relative !important}
    .img-relation{width:100%}
    .logo a{background-size: 100%}
    .logo{margin:0}
    .usage-des-citoyens{line-height: inherit}
}
@media (max-width: 480px){
    .accolade > div span{font-size: 19px}
}
.tarif{
    margin: 35px 0 10px !important;
    padding: 20px 10px !important;
}
.header-part{
    background-image: url(../img/fondcarte.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}