/*-----------FONT-----*/
/*font-faces*/
@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('/fonts/pt-sans/PTN57F-webfont.eot');
    src: url('/fonts/pt-sans/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pt-sans/PTN57F-webfont.woff') format('woff'),
         url('/fonts/pt-sans/PTN57F-webfont.ttf') format('truetype'),
         url('/fonts/pt-sans/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansCaptionBold';
    src: url('/fonts/pt-sans/PTC75F-webfont.eot');
    src: url('/fonts/pt-sans/PTC75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pt-sans/PTC75F-webfont.woff') format('woff'),
         url('/fonts/pt-sans/PTC75F-webfont.ttf') format('truetype'),
         url('/fonts/pt-sans/PTC75F-webfont.svg#PTSansCaptionBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansCaptionRegular';
    src: url('/fonts/pt-sans/PTC55F-webfont.eot');
    src: url('/fonts/pt-sans/PTC55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pt-sans/PTC55F-webfont.woff') format('woff'),
         url('/fonts/pt-sans/PTC55F-webfont.ttf') format('truetype'),
         url('/fonts/pt-sans/PTC55F-webfont.svg#PTSansCaptionRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansBoldItalic';
    src: url('/fonts/pt-sans/PTS76F-webfont.eot');
    src: url('/fonts/pt-sans/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pt-sans/PTS76F-webfont.woff') format('woff'),
         url('/fonts/pt-sans/PTS76F-webfont.ttf') format('truetype'),
         url('/fonts/pt-sans/PTS76F-webfont.svg#PTSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansBold';
    src: url('/fonts/pt-sans/PTS75F-webfont.eot');
    src: url('/fonts/pt-sans/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pt-sans/PTS75F-webfont.woff') format('woff'),
         url('/fonts/pt-sans/PTS75F-webfont.ttf') format('truetype'),
         url('/fonts/pt-sans/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansItalic';
    src: url('/fonts/pt-sans/PTS56F-webfont.eot');
    src: url('/fonts/pt-sans/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pt-sans/PTS56F-webfont.woff') format('woff'),
         url('/fonts/pt-sans/PTS56F-webfont.ttf') format('truetype'),
         url('/fonts/pt-sans/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansRegular';
    src: url('/fonts/pt-sans/PTS55F-webfont.eot');
    src: url('/fonts/pt-sans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pt-sans/PTS55F-webfont.woff') format('woff'),
         url('/fonts/pt-sans/PTS55F-webfont.ttf') format('truetype'),
         url('/fonts/pt-sans/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('/fonts/pt-sans/PTN77F-webfont.eot');
    src: url('/fonts/pt-sans/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pt-sans/PTN77F-webfont.woff') format('woff'),
         url('/fonts/pt-sans/PTN77F-webfont.ttf') format('truetype'),
         url('/fonts/pt-sans/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'open_sanslight';
    src: url('/fonts/open-sans/opensans_light/OpenSans-Light-webfont.eot');
    src: url('/fonts/open-sans/opensans_light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/open-sans/opensans_light/OpenSans-Light-webfont.woff') format('woff'),
         url('/fonts/open-sans/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/fonts/open-sans/opensans_light/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face{
    font-family: 'ssPro_regular';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('/fonts/sspro/EOT/SourceSansPro-Regular.eot') format('embedded-opentype'),
         url('/fonts/sspro/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2') format('woff2'),
         url('/fonts/sspro/WOFF/OTF/SourceSansPro-Regular.otf.woff') format('woff'),
         url('/fonts/sspro/OTF/SourceSansPro-Regular.otf') format('opentype'),
         url('/fonts/sspro/TTF/SourceSansPro-Regular.ttf') format('truetype');
}
@font-face{
    font-family: 'ssPro_italic';
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    src: url('/fonts/sspro/EOT/SourceSansPro-It.eot') format('embedded-opentype'),
         url('/fonts/sspro/WOFF2/TTF/SourceSansPro-It.ttf.woff2') format('woff2'),
         url('/fonts/sspro/WOFF/OTF/SourceSansPro-It.otf.woff') format('woff'),
         url('/fonts/sspro/OTF/SourceSansPro-It.otf') format('opentype'),
         url('/fonts/sspro/TTF/SourceSansPro-It.ttf') format('truetype');
}

@font-face{
    font-family: 'ssPro_sbold';
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    src: url('/fonts/sspro/EOT/SourceSansPro-Semibold.eot') format('embedded-opentype'),
         url('/fonts/sspro/WOFF2/TTF/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
         url('/fonts/sspro/WOFF/OTF/SourceSansPro-Semibold.otf.woff') format('woff'),
         url('/fonts/sspro/OTF/SourceSansPro-Semibold.otf') format('opentype'),
         url('/fonts/sspro/TTF/SourceSansPro-Semibold.ttf') format('truetype');
}

@font-face{
    font-family: 'ssPro_bold';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: url('/fonts/sspro/EOT/SourceSansPro-Bold.eot') format('embedded-opentype'),
         url('/fonts/sspro/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2') format('woff2'),
         url('/fonts/sspro/WOFF/OTF/SourceSansPro-Bold.otf.woff') format('woff'),
         url('/fonts/sspro/OTF/SourceSansPro-Bold.otf') format('opentype'),
         url('/fonts/sspro/TTF/SourceSansPro-Bold.ttf') format('truetype');
}

@font-face{
    font-family: 'ssPro_bold_italic';
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    src: url('/fonts/sspro/EOT/SourceSansPro-BoldIt.eot') format('embedded-opentype'),
         url('/fonts/sspro/WOFF2/TTF/SourceSansPro-BoldIt.ttf.woff2') format('woff2'),
         url('/fonts/sspro/WOFF/OTF/SourceSansPro-BoldIt.otf.woff') format('woff'),
         url('/fonts/sspro/OTF/SourceSansPro-BoldIt.otf') format('opentype'),
         url('/fonts/sspro/TTF/SourceSansPro-BoldIt.ttf') format('truetype');
}
@font-face{
    font-family: 'ssPro_light';
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    src: url('/fonts/sspro/EOT/SourceSansPro-Light.eot') format('embedded-opentype'),
         url('/fonts/sspro/WOFF2/TTF/SourceSansPro-Light.ttf.woff2') format('woff2'),
         url('/fonts/sspro/WOFF/OTF/SourceSansPro-Light.otf.woff') format('woff'),
         url('/fonts/sspro/OTF/SourceSansPro-Light.otf') format('opentype'),
         url('/fonts/sspro/TTF/SourceSansPro-Light.ttf') format('truetype');
}
*/





body {
  padding-top: 50px;
	/*background-color:#F4F4F4;*/
	background:url('/images/grain.jpg') repeat #f4f4f4;
	background-attachment: fixed;
/*font-family:"PTSansRegular",'Lato', Arial, sans-serif;*/
}
body.page{padding-top:40px;}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}



ul.dropdown-menu .divider{border-bottom:1px solid #ccc;}

.m_wrapper{
position: relative;
width:100%;
*zoom: 1;
}
.ban_top{
height:240px;
background-repeat: no-repeat;
background-position: center 0;
background-color:#000000;
z-index:1;
margin-bottom:1em;
box-shadow: 0 0 0.200em #000 !important;
}



/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
font-family: 'PTSansNarrowRegular','Lato', Arial, sans-serif;
  position: fixed;/*absolute;*/
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 35px;
  background-color: #D5D5D5;/*#f5f5f5;*/
	padding-top:0;
	padding-bottom:0;
	font-weight:400;
}

.container .text-muted {
  margin: 10px 0;
}

/*--------Gamma Gallery--------*/
.gamma-gallery li img {
  box-shadow: 0 0 3px #999;
}

/*---------habillages----------*/
.circuits{
display:block;
width:360px;height:418px;
position:fixed;
right:0; bottom:35px;
background:url('/images/galeries/portfolio/common/circuits_gr.png') no-repeat;
}


.m_explain{/*c'est sur le div et non le p*/
font-family:"PTSansRegular",'Lato', Arial, sans-serif;
font-size:1.1em;
border-bottom: 1px solid #d0d0d0;
margin-bottom: 2em;
padding-bottom:0.50em;
}


.m_explain p{
background:url('/images/galeries/portfolio/common/65x145_motif_rtr.png') no-repeat left 0px;
min-height:132px;
padding-left: 70px; 
font-weight:400;
}



.txt_content{padding-left:85px;}
.txt_content{font-family: "PTSansRegular",'Lato', Arial, sans-serif;}
.txt_content em{font-family: "PTSansItalic",'Lato', Arial, sans-serif; font-style:normal;}
.txt_content h2{
color:#666;
font-size: 2.143em;/*=30px*/
font-weight: 400;
}
.txt_content h2.page{
margin-top:0;
}
.sep{ 
display:block;
clear:both;
height:19px;
width:100%;
}
/*.m_explain ul{
font-weight:400;
list-style-type:none;
margin: 0;
padding-left: 80px;
}*/

/*.m_explain p:first-letter {
border:2px solid #000000;
padding:0.25em 0.5em;
border-radius:1em;
font-size:120%;
font-weight:bold
background-color:#fff;
}*/
/*0.75em;*/
/*text-indent:-2em;
border:2px solid #000;
border-width:0 0 0 2px;*/
/*p:first-line {
border-width:0;
}*/


@media (max-width: 767px) {
.m_wrapper{
width:120%;
left:-20px;
}
.footer{
width:110%;
left:-20px;
}

}


@media (max-width: 600px) {
.navbar .brand{display:none;}
body .navbar .nav li a{font-size:0.9em;padding:10px 6px;}
.navbar .dropdown li a{ line-height:0.8em;}
.ban_top {
    height: 175px;
    background-position: -345px -60px;
		}
}

@media (max-width: 480px) {
.navbar .brand{display:none;}
body .navbar .nav li a{font-size:0.9em;padding:10px 10px;}
.ban_top {
    height: 105px;
    background-position: -440px -115px;
		}
div.m_explain{background-color:#E7E8EC;}
div.m_explain{
background-image:none;
}
.m_explain p{
background-image:none;
min-height:50px;
padding-left: 10px; 
padding-right: 5px;
}
div.txt_content{padding-left:24px;padding-right: 5px;}
.txt_content.mtitle{
/*display:block;*/
background-color:#E7E8EC;
}
}