@charset "utf-8";
/* CSS Document */
html {
	height: 100%;
}
body {
	font-size: 100.01%;
    min-height: 100%;
    padding: 0;
    position: relative;
}
body.site {
	padding: 0;
	font-family: arial,helvetica,sans-serif;
	font-size: 0.8em;
}
main {
	padding: 8px 0 0;
}
header {
	margin: 0;
}
div#topmenu {
    height: 53px;
    margin-top: 12px;
    position: relative;
    z-index: 999;
}

div#topmenuabsleft, 
div#topmenuabsright {
    height: 53px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
}
div#topmenuabsright {
    background: rgba(0, 0, 0, 0) url(../images/menu_bkg.jpg) repeat-x scroll 0 0;
    left: 50%;
}

div#topmenu_inner {
    background-color: transparent;
    background-image: url(../images/menu_inner_bkg.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 53px;
    margin: 0 auto;
    position: relative;
    width: 1050px;
}
div#topmenu_inner nav {
	float: right;
}
.navigation {
	border-top: none;
	border-bottom: none;
	padding: 0;
	margin: 0;
}
.navigation li,
footer.footer li {
	display: inline;
	margin: 0;
	padding: 0;
	overflow-wrap: inherit;
}
footer.footer > div.container-fluid {
	padding-left:0;
	padding-right: 0;
}
.navigation ul.menu li a:link, 
.navigation ul.menu li a:visited {
	color:#fff;
	border:0;
	border-right:solid 1px #ddd;
	margin:0px 0 0 0;
	padding:6px 20px 7px 20px;
	position:relative;
	display:inline-block;
	width:90px;
	text-align:center;
	font-family:'Belleza', sans-serif;
	font-size:16px;
	line-height:20px;
	text-transform: uppercase;
}
footer.footer a:link, 
footer.footer a:visited {
    color:#fff;
	display:inline-block;
	font-size: 10px;
    line-height: 15px;
	padding: 10px;
    text-transform: uppercase;
	text-align: center;
}
footer.footer a:hover, 
footer.footer a:focus {
	background-color: #555;
}
div#toplink {
    cursor: pointer;
    display: block;
    height: 35px;
    line-height: 35px;
    margin-left: 224px;
    text-align: center;
    width: 169px;
	font-size: 0.8em;
}
div#toplink a:link, 
div#toplink a:visited {
	display: block;
	font-size: 0.8em;
	text-decoration: none;
}
footer {
    background: rgba(0, 0, 0, 0) url(../images/menu_bkg.jpg) repeat-x scroll 50% 100%;
    padding: 0;
}
.navigation ul.menu li:last-child a {
	border-width:0 0 0 0;
}
.navigation ul.menu li a:active, 
.navigation ul.menu li a:focus, 
.navigation ul.menu li a:hover {
    background: #555;
    color: #fff;
	font-weight: bold;
}
.navigation ul.menu li.item-102 a:link, 
.navigation ul.menu li.item-102 a:visited {
    background-color: transparent;
    background-image: url(../images/tolerie_menu.png);
}

.navigation ul.menu li.item-102 a:active, 
.navigation ul.menu li.item-102 a:focus, 
.navigation ul.menu li.item-102 a:hover, 
.navigation ul.menu li.item-102.active a:link, 
.navigation ul.menu li.item-102.active a:visited {
    background-color: #435300;
    background-image: none;
}
.navigation ul.menu li.item-103 a:link, 
.navigation ul.menu li.item-103 a:visited {
    background-color: transparent;
    background-image: url(../images/peinture_menu.png);
}

.navigation ul.menu li.item-103 a:active, 
.navigation ul.menu li.item-103 a:focus, 
.navigation ul.menu li.item-103 a:hover, 
.navigation ul.menu li.item-103.active a:link, 
.navigation ul.menu li.item-103.active a:visited {
    background-color: #004c6c;
    background-image: none;
}
.navigation ul.menu li.item-104 a:link, 
.navigation ul.menu li.item-104 a:visited {
    background-color: transparent;
    background-image: url(../images/polissage_menu.png);
}

.navigation ul.menu li.item-104 a:active, 
.navigation ul.menu li.item-104 a:focus, 
.navigation ul.menu li.item-104 a:hover, 
.navigation ul.menu li.item-104.active a:link, 
.navigation ul.menu li.item-104.active a:visited {
    background-color: #5f0039;
    background-image: none;
}
.navigation ul.menu li.item-105 a:link, 
.navigation ul.menu li.item-105 a:visited {
    background-color: transparent;
    background-image: url(../images/laquage_menu.png);
}


.navigation ul.menu li.item-105 a:active, 
.navigation ul.menu li.item-105 a:focus, 
.navigation ul.menu li.item-105 a:hover, 
.navigation ul.menu li.item-105.active a:link, 
.navigation ul.menu li.item-105.active a:visited {
    background-color: #870e1c;
    background-image: none;
}
.navigation ul.menu li.item-106 a:link, 
.navigation ul.menu li.item-106 a:visited {
    background-color: transparent;
    background-image: url(../images/menuiserie_menu.png);
}

.navigation ul.menu li.item-106 a:active, 
.navigation ul.menu li.item-106 a:focus, 
.navigation ul.menu li.item-106 a:hover, 
.navigation ul.menu li.item-106.active a:link, 
.navigation ul.menu li.item-106.active a:visited {
    background-color: #1b1d5d;
    background-image: none;
}
.logoheader {
    margin: 0 auto;
    position: relative;
    width: 1050px;
}

.logoheader_inner {
    left: 0;
    position: absolute;
    top: -45px;
    z-index: 999;
}
a#logo:link, a#logo:visited {
    background-color: transparent;
    background-image: url(../images/logo.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0 none;
    display: block;
    height: 143px;
    width: 187px;
}

a#logo:focus, a#logo:hover {
    background-position: 0 -143px;
}

div#empty_title {
    height: 79px;
}

div.djc_accueil {
    min-height: 283px;
    position: relative;
}

div.djc_maxwidth {
    margin: 0 auto;
    width: 1050px;
}
p.paragmaintitle {
    font-size: 32px;
    line-height: 38px;
}
p.paragtitle {
    font-size: 18px;
    line-height: 22px;
}

p.paragtitle2 {
    font-size: 24px;
    line-height: 26px;
}
p.paragdouble {
    font-size: 135%;
    line-height: 140%;
}
p.parag {
    font-size: 135%;
    line-height: 140%;
}
p.parag2 {
    font-size: 155%;
    line-height: 140%;
}
div.float50 {
    float: left;
    padding: 0;
    width: 50%;
}
div.float50pad20 {
    padding: 1%;
    position: relative;
    width: 48%;
}

div.float50topspace {
    padding-top: 26%;
}
div.float50photo {
    background-color: transparent;
    background-image: url(../images/billon.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 1050px;
}
p {
	margin: 8px 0;
}
div.djc_atelier {
    background-image: url(../images/atelier.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
}
div.djc_tolerie {
    background-image: url(../images/tolerie_bkg.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
div.djc_peinture {
    background-image: url(../images/peinture_bkg.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
}
div.djc_laquage {
    background-image: url(../images/laquage_bkg.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

div.djc_polissage {
    background-image: url(../images/polissage_bkg.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
}
div.topgrey {
    border-top: 5px solid #aaa;
}
div.colordark, div.colordeg {
    width: 100%;
}
div.colordark {
    background-color: #222;
}
main ul {
    list-style-position: outside;
    list-style-type: square;
    margin: 10px 0;
    padding: 0 0 0 15px;
}
div.float50 ul {
    margin: 0 !important;
    padding: 0 !important;
}
div.divright, 
p.paragright {
    margin-left: 50%;
}
footer ul.menu {
	float: right;
}
main div#djc_title h1, 
main div#djc_title h2 {
    color: #fff;
    font-family: Belleza,sans-serif;
    font-size: 46px;
    line-height: 69px;
    padding: 0;
    text-transform: uppercase;
}

main div#osmap div#djc_left_title, 
main div.contact div#djc_left_title, 
main div.item-page div#djc_left_title {
    height: 69px;
    left: -748px;
    position: absolute;
    top: 0;
    width: 748px;
}
main div#osmap div#djc_title, 
main div.contact div#djc_title, 
main div.item-page div#djc_title {
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 1050px;
}
div#gmap_container {
    border: 2px solid #555;
    float: left;
    height: 250px;
    width: 45%;
}
address span {
    display: block;
}
form fieldset dt {
    clear: left;
    float: left;
    padding: 3px 0;
    width: 12em;
}

form fieldset dd {
    float: left;
    padding: 3px 0;
}
.contact input[type="email"], 
.contact input[type="text"], 
.contact textarea {
	width: 800px;
	max-width: 96%;
}
.contact .button {
    clear: left;
    display: block;
    float: none !important;
    margin: 20px 0 0;
	cursor: pointer;
    font-family: arial;
    font-weight: bold;
    line-height: 1.2em;
    padding: 3px 5px 3px 7px;
}
.contact fieldset {
	padding-bottom: 20px;
}
div.tallimg {
    left: 2%;
    position: absolute;
    top: 130%;
    width: 96%;
}
div.osmap-items h2 {
	display: none;
}
div.osmap-items ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
div.osmap-items ul li {
	display: inline-block;
}
div#osmap ul li a {
    background-color: #aaa;
    border: 3px solid #888;
    color: #fff;
    display: block;
    font-size: 150%;
    line-height: 120%;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
div#osmap ul li a:active, 
div#osmap ul li a:focus, 
div#osmap ul li a:hover {
    background-color: #095197;
    color: #fff;
}
ul#osmap-ul-uid-hidden-menu {
	margin: 0 auto 30px;
}
ul#osmap-ul-uid-hidden-menu li {
    margin: 0 3%;
    width: 30%;
}
ul#osmap-ul-uid-mainmenu {
	margin: 0 auto 30px;
}
ul#osmap-ul-uid-mainmenu li {
    margin: 1% 1.53%;
    width: 30%;
}
ul#osmap-ul-uid-footer-menu {
	width: 60%;
	margin: 0 auto;
}
ul#osmap-ul-uid-footer-menu li {
    margin: 0 3%;
    width: 40%;
}
div#scrollmenu {
    background: rgba(0, 0, 0, 0) url("../images/menu_bkg.jpg") repeat-x scroll 0 0;
    height: 53px;
    position: fixed;
    top: -53px;
    width: 100%;
    z-index: 1000;
}
div#scrollmenu a#logo53:link, div#scrollmenu a#logo53:visited {
    background-color: transparent;
    background-image: url(../images/logo53.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 53px;
    width: 126px;
}
div#scrollmenu a#logo53:focus, div#scrollmenu a#logo53:hover {
    background-position: 0 -53px;
}
a#mobilemenulink {
    color: #555;
    /*display: block;*/
    float: right;
    font-size: 150%;
    font-weight: 700;
    line-height: 53px;
    margin-right: 10px;
    padding: 0 15px 0 50px;
    text-align: center;
    width: 85px;
	background-color: transparent;
    background-image: url(../images/mobilemenu.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
	border: none;
	margin-top: 0;
	background-position: 0 -53px;
	/*display: none;*/
}
a#mobilemenulink.collapsed {
	color: #fff;
	background-position: 0 0;
}
.navbar {
	margin-bottom: 0;
}
#jform_captcha-lbl {
	visibility: hidden;
}
@media (max-width:1049px){
	.hide_mobile{
		display:none!important
	}
	#all,#footer-outer{
		min-width:100%
	}
	div#topmenu_inner,
	div.djc_maxwidth,
	div.float50photo,
	div.logoheader{
		width:100%
	}
	footer{
		width:100%;
		padding:0
	}
	body{
		background-size:150%
	}
	div.float50photo{
		background-size:100%;
		background-image:url(../images/billon800.png)
	}
	div.djc_atelier{
		background-image:url(../images/atelier800.png)
	}
	div.djc_tolerie{
		background-image:url(../images/tolerie_bkg800.png)
	}
	div.djc_peinture{
		background-image:url(../images/peinture_bkg800.png)
	}
	div.djc_laquage{
		background-image:url(../images/laquage_bkg800.png)
	}
	div.djc_polissage{
		background-image:url(../images/polissage_bkg800.png)
	}
	form fieldset dt{
		width:20%
	}
	form fieldset dd{
		width:80%;
		margin-left: 0;
	}
	form#contact-form dt,
	form#contact-form legend,
	p.parag,p.paragdouble{
		font-size:90%;line-height:120%
	}
	.contact input[type=email],
	.contact input[type=text],
	.contact textarea{
		width:96%;
		margin:0 2%
	}
	main div#djc_title h1{line-height:160%;font-size:280%}
}
@media (max-width:991px){
	.navigation ul.menu li {
	    background-image: url(../images/menu_bkg.jpg);
	    background-repeat: repeat-x;
	    display: block;
	    border: 0 none;
	    margin: 0 !important;
	}
	.navigation ul.menu li a:link,
	.navigation ul.menu li a:visited {
		border: none;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		padding: 6px 2% 7px;
		font-weight: normal;
		line-height: 40px;
	}
	div#topmenu_inner nav {
		float: none;
	}
	a#logo img{
		width:100%;
		height:auto
	}
	a#logo:link,
	a#logo:visited{
		margin-left:10px;
		width:45%;
		height:auto;
		background-size:100%
	}
	a#logo:focus,
	a#logo:hover{
		background-position:0 100%
	}
}
@media (max-width:910px){
	/*#header ul.menu li a:link,#header ul.menu li a:visited,#scrollmenu ul.menu li a:link,#scrollmenu ul.menu li a:visited{
		padding:6px 10px 7px;
		font-size:14px;
		width:90px
	}*/
	#main div#djc_title h1{
		line-height:160%;
		font-size:280%
	}
}
@media (max-width:799px){
	/*#header ul.menu li a:link,
	#header ul.menu li a:visited,
	#scrollmenu ul.menu li a:link,
	#scrollmenu ul.menu li a:visited{
		padding:6px 5px 7px;
		font-size:14px;
		width:80px
	}*/
}
@media (max-width:699px){
	/*a#mobilemenulink{
		display:block;
		text-align:center;
		line-height:53px;
		padding:0 15px 0 50px;
		margin-right:10px;
		width:85px;
		float:right;
		color:#fff;
		font-weight:700;
		font-size:150%
	}
	#header ul.menu{
		position:absolute;
		float:none;
		top:53px;
		width:100%;
		padding-top:23px;
		background-image:url(../images/menu_inner_bkg_inv.png);
		background-position:0 0
	}
	#scrollmenu ul.menu{
		float:none;
		width:100%
	}
	#header ul.menu li,
	#scrollmenu ul.menu li{
		display:block
	}
	a#mobilemenulink.active{
		background-position:0 -53px;
		color:#555
	}
	#header ul.menu li,#scrollmenu ul.menu li{
		background-image:url(../images/menu_bkg.jpg);
		background-repeat:repeat-x
	}
	#header ul.menu li a:link,
	#header ul.menu li a:visited,
	#scrollmenu ul.menu li a:link
	,#scrollmenu ul.menu li a:visited{
		border-bottom:solid 1px #ddd;
		border-right:none;
		width:96%;
		line-height:40px;
		padding:6px 2% 7px
	}
	div#scrollmenu ul.menu,
	div#topmenu ul.menu,
	div#topmenuabsright{
		display:none
	}*/
	p.paragdouble{
		font-size:67.5%;
		line-height:70%
	}
	#footer-sub ul.menu li a{
		display:inline
	}
	div.tallimg{
		top:85%
	}
	div.djc_accueil{
		min-height:inherit;
		background-size:100%
	}
	div#empty_title{
		display:none
	}
	#footer{
		height:35px
	}
	#footer div,
	#footer ul.menu li a{
		font-size:80%
	}
	div#toplink{
		margin-left:41%;
		width:49.5%
	}
	div#footer-sub a{
		line-height:35px
	}
	p{
		margin:2px 0
	}
	p.paragmaintitle{
		font-size:150%;
		line-height:140%
	}
	p.paragtitle{
		font-size:100%;
		line-height:140%
	}
	p.parag2{font-size:110%;line-height:140%}
	p.paragtitle2{font-size:120%;line-height:140%}
	div.float50photo{background-image:url(../images/billon400.png)}
	div.djc_atelier{background-image:url(../images/atelier400.png)}
	div.djc_tolerie{background-image:url(../images/tolerie_bkg400.png)}
	div.djc_peinture{background-image:url(../images/peinture_bkg400.png)}
	div.djc_laquage{background-image:url(../images/laquage_bkg400.png)}
	div.djc_polissage{background-image:url(../images/polissage_bkg400.png)}
	#main div#djc_title h1{line-height:160%;font-size:220%}
	div.djc_maxwidth table.fullwidth,ol li{font-size:60%}
	div#gmap_container{height:100%}div.float50right{padding-top:22%}
	img.page_icon{width:50%}div.float50img{overflow:hidden}
	div.float50img img{width:110%;margin-left:-5%}
	div.float50imgmax{height:160px}
	div.float50abs,div.float50abs p.color3{height:auto}
	div.topgrey{border-top:3px solid #aaa}
	main div#djc_title h1{line-height:160%;font-size:220%}
}
@media (max-width:399px){
	#main div#djc_title h1{line-height:150%;font-size:140%}
	p.paragmaintitle{font-size:90%;line-height:140%}
	p.paragtitle{font-size:80%;line-height:140%}
	form#contact-form dt,form#contact-form legend,p.parag,p.paragdouble{font-size:70%;line-height:120%}
	p.parag2{font-size:80%;line-height:140%}
	p.paragtitle2{font-size:90%;line-height:140%}
	img.page_icon{width:75%}
	div.float50img img{width:155%;margin-left:-25%}
	main div#djc_title h1{line-height:150%;font-size:140%}
}