@font-face {
    font-family: 'Swis721CnBTRoman';
    src: url('fonts/swz721c-webfont.eot');
    src: url('fonts/swz721c-webfont.eot') format('embedded-opentype'),
         url('fonts/swz721c-webfont.woff2') format('woff2'),
         url('fonts/swz721c-webfont.woff') format('woff'),
         url('fonts/swz721c-webfont.ttf') format('truetype'),
         url('fonts/swz721c-webfont.svg#Swis721CnBTRoman') format('svg');
}
@font-face {
    font-family: 'Swis721CnBTBold';
    src: url('fonts/swz721bc-webfont.eot');
    src: url('fonts/swz721bc-webfont.eot') format('embedded-opentype'),
         url('fonts/swz721bc-webfont.woff2') format('woff2'),
         url('fonts/swz721bc-webfont.woff') format('woff'),
         url('fonts/swz721bc-webfont.ttf') format('truetype'),
         url('fonts/swz721bc-webfont.svg#Swis721CnBTBold') format('svg');
}
* {
    margin: 0; padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
strong {color: #410007;}
a {
	color:#410007;
    font-weight:normal;
	text-decoration:none;
}
a:hover {
    text-decoration: none;
}
a img {
    border: none;
}
iframe {
    border: none;
}
hr {
    height: 1px;
    border: none;
    border-top: 1px solid silver;
}
h1{
    font-size:22px;
    text-align:left;
    color:#3e0003;
	background:url(../images/puce_ttl.png) no-repeat;
	border-bottom: 3px solid #3e0003;
	padding: 0 0 0 47px;
	height: 32px;
	margin: 10px 0;
}
h2{
    font-size:14px;
}
.floatL {float:left}
.floatR {float:right}
.clear {clear:both}
body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color:#410007;
    background-image:url("../images/bg_repeat.jpg");
    background-position:top center;
    background-repeat:repeat-x;
    background-color:#fff;
	line-height:18px;
}
input[type="text"],textarea,select{
    font-family: Trebuchet MS,Tahoma,sans-serif,Verdana;
    font-size: 13px;
    color:#3C3F3B;
}
#pageweb {
    clear: both;
    height: auto !important;
    min-height: 100%;
	background-image:url("../images/bg_head.jpg");
    background-position:top center;
    background-repeat:no-repeat;
}
#top header{
    margin:auto;
    width:1024px;
}
#top header #logo{
    float:left;
	margin:34px 0px -12px 86px;
}
.menurd .dl-menuwrapper button {
    background: #000;
}

.menurd .dl-menuwrapper button:hover,
.menurd .dl-menuwrapper button.dl-active,
.menurd .dl-menuwrapper ul {
    background: #000;
}
.menurd a,.menurd a:hover{
    text-decoration: none;
}
#top header #dl-menu{
    clear:both;
    text-align:left;
    display:none;
}
#central{
    width:1024px;
    background-color:#fff;
    margin:auto;
    clear:both;
    padding-bottom:5px;
}
#central #corps{
    padding:0px 5px;
    text-align:justify;
}
nav {width: 650px; margin: 0 auto;}
#topmenu{
    float:left;
	width: 660px;
}
#topmenu a{
    color:#940019;
    text-transform:capitalize;
    font-size:18px;
    text-decoration:none;
	display:block;	
	font-family:"Swis721CnBTRoman";
	padding:7px 15px;
}
.mn11 {
width: 115px;
}
.mn12 {
width: 90px;
}
.mn13 {
width: 165px;
}
.mn14 {
width: 115px;
}
.mn15 {
width: 170px;
}

#topmenu a:hover{
	font-weight:bold;
}

#topmenu ul {
	border:1px solid #BD0416; list-style:none; float:left; margin-top:10px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fefefc; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefc 0%, #f2f2f2 50%, #e4e4e4 51%, #f4f4f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefc), color-stop(50%,#f2f2f2), color-stop(51%,#e4e4e4), color-stop(100%,#f4f4f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefc 0%,#f2f2f2 50%,#e4e4e4 51%,#f4f4f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefc 0%,#f2f2f2 50%,#e4e4e4 51%,#f4f4f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefc 0%,#f2f2f2 50%,#e4e4e4 51%,#f4f4f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefc 0%,#f2f2f2 50%,#e4e4e4 51%,#f4f4f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefc', endColorstr='#f4f4f6',GradientType=0 ); /* IE6-9 */
}
#topmenu ul li {
	float:left; padding-top:4px;
	border-left:1px solid #BD0416;
}
#topmenu ul li:first-child {border-left:none}
#topmenu ul li:hover{
	background: #f5e576; /* Old browsers */
background: -moz-linear-gradient(top,  #f5e576 0%, #fdbc56 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5e576), color-stop(100%,#fdbc56)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5e576 0%,#fdbc56 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5e576 0%,#fdbc56 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5e576 0%,#fdbc56 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5e576 0%,#fdbc56 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5e576', endColorstr='#fdbc56',GradientType=0 ); /* IE6-9 */
}
#topmenu ul li:first-child {border-left:none}
#topmenu ul li:first-child:hover{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#topmenu ul li:last-child:hover{
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
section#section1,section#col2G,section#corps2,section#col3G,section#corps3,section#col3D,section#corps4,section#col4D{
    display: inline-block;
    vertical-align: top;
}
/*--- GABARIT 1 ---*/
section#section1{
    width: 100%;
}
/*--- GABARIT 2 ---*/
section#col2G{
    
}
section#corps2{
    
}
/*--- GABARIT 3 ---*/
section#col3G{
    
}
section#corps3{
    
}
section#col3D{
    
}

.bigImg{text-align: center;}
.bigImg img{width: 100%; height: auto; max-width: 350px;}


#youtube-button{display: inline-block; padding: 0 2px; vertical-align: top;}
#atstbx{display: inline-block !important; vertical-align: top;}

/*--- GABARIT 4 ---*/
section#corps4{
    width:63%;
	padding-right:50px;
}
section#corps4 ul {margin:15px 10px 15px 70px}
section#corps4 ul li {list-style:url(../images/puce.png)}
section#col4D{
    width:35%;
}
section#col4D ul li {
    list-style:none;
	width:47%;
	float:left;
	margin:3px;
	max-height:120px;
}
section#col4D ul li:first-child {
    width:100%
} 
section#col4D ul li img {width:100%}
/*-------------*/
#footer{
    background-color:#220105;
    height: 130px;
    text-align:center;
    color:#D1C2D0;
    padding: 20px 7px 0px 7px;
    clear:both;
    display:block;
}
#footer a{
    color:#fff;
    white-space:nowrap;
	text-decoration:none;
}
.msgErreurs{
    background-color:#F9ABA2;
    padding:5px;
    color:#BF2413;
    border-radius:5px;
    font-weight:bold;
    border:1px solid #BF2413;
}
.navigation{
    background-color:#DADADA;
    padding:5px 0px 5px 5px;
    margin: 5px 0px;
    border-radius: 5px;
    border: 1px solid grey;
    clear:both;
}
.urlPlan{
    margin:10px 0px 10px 20px;
    background: url("../images/fleche.jpg") no-repeat scroll left bottom transparent;
    padding-left:30px;
}
.creditsPhotos{
    margin: 20px 0px 20px 20px;
}
.googleMAP{
    
}
.googleMAP iframe{
    width: 100%;
    height: 450px;
}
.btSubmit1{
    background: #e2001a;
    font-size: 30px;
    border: 2px solid grey;
    border-radius: 5px;
    padding: 5px;
    color:white;
    cursor:pointer;
}
.btSubmit2{
    background: url("../images/bgbt.jpg") repeat-x scroll left top transparent;
    border: 2px solid grey;
    border-radius: 5px;
    padding: 5px;
    color:white;
    cursor:pointer;
}
.titreDiapo{
    font-size: 30px;
    border: 2px solid grey;
    border-radius: 5px;
    background: url("../images/bg1.jpg") repeat-x scroll left bottom transparent;
    padding-left: 5px;
    margin: 15px 0px 5px 0px;
}
.rubDiapo{
    float: left;
    margin: 7px;
    width: 190px;
    background: url("../images/bgdiapo.jpg") repeat-x scroll left bottom transparent;
    border: 2px solid grey;
    text-align:center;
    padding: 5px;
    border-radius: 5px;
    height:120px;
}
.rubDiapo .img{
    height:100px;
    border: 1px solid grey;
    width: 100px;
    background-color: white;
    margin: auto;
}
.rubDiapo .lien{
    background-color: #BAC3CD;
    margin: 3px 0px;
}
.rubDiapo .lien a{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
#box1,#box2{
    float: left;
}
.extraitArt{
    border: 2px solid grey;
    border-radius: 5px;
    background: url("../images/bg1.jpg") repeat-x scroll left bottom transparent;
    padding: 5px;
    margin-top: 7px;
}
.extraitArt .intitule a{
    font-size: 20px;
    text-decoration: none;
}
.extraitArt .date{
    text-align: right;
    font-style: italic;
    font-size: 11px;
}

.topmenu {float:right; color:#e2001a; margin-top:21px}
.topmenu li {float:left; margin:10px}
.topmenu li a {color: #90020F;  font-family:"Swis721CnBTRoman"; font-size: 14px;}
#anim_flash{
	padding:0px;
	margin-top:12px;
	width:681px;
	height:281px;
	float:right;
	background:url(../images/bg_flash.gif) right top no-repeat;
}
.site_logo {float:left ; width: 329px;overflow: hidden;margin-left: 13px;text-align: center;}
.site_name {color:#e2001a; font-size: 35px; line-height: 39px; font-weight: bold; text-shadow: 0px 1px 0px #470008; font-family:"Swis721CnBTBold"}
.site_adr {color:#470008; border:1px solid #470008; font-size: 20px; width: 335px; font-weight: bold; padding: 10px; line-height: 29px; height: 78px; font-family:"Swis721CnBTBold"}
.site_info {margin:0 auto; width:900px}
.site_info .images {float:left; margin:17px; list-style-type:none}
.site_info .images li {width:27%; float:left; margin:15px}
.site_info .images li:last-child {width:32%}
.site_info .images img {width:100%}
.site_info .tel {border:5px solid #EDEDED; background:#fff url(../images/tel.png) no-repeat 5px 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:10px; font-size: 27px; font-weight: bold; line-height: 24px; font-family:"Swis721CnBTBold"; padding-bottom:4px}
.site_info .tel .nous {color: #790B17; padding-left: 64px; margin-bottom:20px}
.site_info .tel .num {color:#40373A}
.site_info .localiser {border:5px solid #fff; background:#fff url(../images/bg_localiser.png) no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:10px; font-size: 27px; font-weight: bold; line-height: 24px; font-family:"Swis721CnBTBold"}
.site_info .localiser .nous {color: #790B17; padding-left: 64px; margin-bottom:43px}
.site_info .horaires {border:5px solid #EDEDED; background:#fff url(../images/horaires.png) 5px 5px no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 27px; font-weight: bold; line-height: 24px; font-family:"Swis721CnBTBold";  padding:10px 10px 0px 6px}
.site_info .horaires .nos {color: #790B17; padding-left: 34px; margin-bottom: 3px; font-size: 30px; padding-top: 5px;}
.site_info .horaires .jours {color: #811B05; font-size:23px}

.right_coord {margin-top: 43px;}

/* ---- Tarifs location camions ----- */
#tarifs table{border-color:#220105; border-collapse:collapse; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
#tarifs h2{text-align:center; font-size:18px; margin-bottom:0;}
#tarifs th.camion{font-size:16px; background:#f4f4f4; color:#415a61;}
#tarifs .details{line-height:20px;}
table th, table td {padding:8px}

/*------- NOS REALISATIONS -------*/
.nos-realisations{ padding:20px 0 0 0;}
.nos-realisations h2{ padding:0; margin-bottom:10px; border-bottom:1px solid;}
section#corps4 .pgwSlideshow ul, section#corps4 .pgwSlideshow ul li{ margin:0; padding:0; list-style:none;}
/*-----------------------------------------------
/* Responsive
/*---------------------------------------------*/
@media only screen and (min-width: 200px) and (max-width: 590px){
    #top header{
        width:100%;
        text-align:center;
        margin:0px;
    }
    #top header #logo{
        float:none;
        text-align:center;
    }
    #central{
        width:100%;
        padding:0px;
    }
    #topmenu,#bfooter,#footer .footer2,.elOFF,#box1,#box2{
        display: none;
    }
    #top header #dl-menu{
        display:block;
        text-align:left;
        margin:5px;
    }
    section#section1{
        width:98%;
        margin:auto;
    }
    #central{
        padding:5px 0px;
    }
	h1{font-size:18px}
	section#corps4 {width:100%; padding:0}
	section#col4D {width:70%}
	/*.site_info .tel {font-size:15px !important}
	.site_info .images li:first-child {width:44%}*/
	
	/*.site_info .tel, .site_info .horaires {background:#fff}
	.site_info .tel .nous, .site_info .horaires .nos {padding-left:0}
	.site_info #localiser {display:none}*/
	.site_info .images li {width:94% !important}
	.site_info .images li {float:none; width:84% !important}
	.site_info {width:64% !important}
	.site_info .tel .nous {margin-bottom:12px}
	
	.site_logo {width:auto}
}
	
@media only screen and (min-width: 591px) and (max-width: 750px){
    #top header{
        width:100%;
        margin:0px;
    }
    #top header #logo{
        float:none;
        text-align:center;
    }
    #central{
        width:100%;
        padding:0px;
    }
    #bfooter,#topmenu,#footer .footer2,#box1,#box2{
        display: none;
    }
    #top header #dl-menu{
        display:block;
        text-align:left;
        margin:5px;
    }
    section#section1{
        width:98%;
        margin:auto;
    }
    #central{
        padding:5px 0px;
    }
	
	/*.site_info .tel, .site_info .horaires {background:#fff}
	.site_info .tel .nous, .site_info .horaires .nos {padding-left:0}*/
	/*.site_info #localiser {display:none}
	.site_info #horaires {width:48%}*/
	
	.site_info #tel {width:36%}	
	.site_info .tel .nous {margin-bottom:15px !important;}
	.site_info {width:85% !important}	
	.site_info .images li {width: 43% !important;}
	.site_info .images li#horaire {margin:0 auto; float:none}
}
@media only screen and (min-width: 760px) and (max-width: 1000px){
    #top header{
        width:100%;
        margin:0px;
    }
    #central{
        width:100%;
        padding:0px;
    }
    #top header #logo{
        float:none;
        text-align:center;
    }
    #topmenu{
        display: none;
        width:100%;
    }
    #top header #dl-menu{
        display:block;
        text-align:left;
        margin-bottom:10px;
        margin-left:10px;
    }
    section#section1{
        width:98%;
        margin:auto;
    }
    #central{
        padding:5px 0px;
    }
}
@media only screen and (max-width: 1000px){
	#pageweb {background:#fff url("../images/bg_repeat.jpg") repeat-x top center;}
	#anim_flash	{display:none}
	.topmenu {display:none}
	#top header #logo {margin:0 auto; width:167px}
	.site_info {width:85%}	
	.site_logo {margin: 0 auto; float:none; overflow:visible; background:#F4F4F4}
	.site_adr {width:auto}
	.site_info .images {margin:0}	
	
	.site_info .tel .nous {margin-bottom:8px}
	.site_info .tel {padding-bottom:0}
	.site_info .tel, .site_info .localiser { font-size:20px}
	.site_info .horaires .nos {font-size:20px}
	.site_info .horaires .jours { font-size:16px}	
}