/*
Theme Name:     Peintre Denis Prince
Template:       Chameleon
Version:        0.1.0
*/

@import url("../Chameleon/style.css");
@import url("../Chameleon/css/responsive.css");

#aProposImg {
	width: 60%;
}

#header{
	padding-bottom: 0px !important;
}

#container{top:20px;}

body{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

#search-form{
	display:none !important;
}

#slogan{
	display: none !important;
}

.featured-top-shadow{
	display: none !important;
}

.featured-bottom-shadow{
	display: none !important;
}

.featured-description{
	display: none !important;
}

#bottomEvery a{
	color: #F6A31D !important;
}

.entry li {
	font-size: 14px !important;
	line-height:24px;
	margin-top:5px;
}

.entry ul{padding-top:0px;}

.textwidget a,#left-area a{
	color:#F6A31D;
}

#content {
	padding: 0px 48px 0px!important;
}

a.infoBox{color:white!important;}

.entry p{
	font-size: 14px !important;
}
/*----------------contact form--------------------------*/

.mapp-layout{width:100%!important;}

	.page-id-19 span>input{
		width: 100% !important;
	}

	.page-id-19 textarea{
		width: 100% !important;
	}

/*---------------------------------header--------------------*/



#header{
	margin-bottom: -30px !important;
}

ul#top-menu > li.current_page_item > a, ul#top-menu > li.current-menu-item > a {
	color: #F6A31D !important;
}	

ul#top-menu a {
font-size: 17px !important;
color: white !important;
font-family: arial;
}	

ul#top-menu a:hover {
color: #F6A31D !important;
}	

#barreNoir{
	width: 108%;
	margin-left: -4%;
	height: 50px;
	background: #363636;
	margin-top: -50px !important;
}

#logo{
	background-color: white;
	padding: 10px;
	margin-top: -19px;
}

ul#top-menu{
	padding-top: 40px !important;
	float: left;
	margin-left: 10px;
}

#coinGauche{
	left: -56px;
	background: url('images/BanniereGauche.png');
}

#coinDroit{
	right: -145px;
	float: right;
	top: -50px !important;
	background: url('images/Bannieredroit.png');
}

.coin{
	width: 20px;
	height: 75px;
	position: relative;
	background: red;
	top: 25px;
}

ul#top-menu ul li a {
	color: #363636 !important;
}


#rond{
	width: 92px;
	height: 92px;
	background: #F6A31D url('images/leRond.png');
	background-size: contain!important;
	background-repeat: no-repeat;
	float: right;
	border-radius: 50%;
	margin-top: -77px;
	margin-left: 23px !important;
	margin-right: -25px !important;
	transition: background 0.5s;
	-webkit-transition: background 0.5s; 
	-moz-transition: background 0.5s; 
	-o-transition: background 0.5s; 
	
}

#lienR:hover #rond{
	background: #363636 url('images/leRondH.png');
}


@font-face
{
	font-family: dinMid;
	src: url(font/DINMedium.ttf);
}

@font-face
{
	font-family: champagne;
	src: url(font/ChampagneLimousines.ttf);
}

/*-----------------------------home------------------------------*/

#splashTop{
	position: fixed;
	top: -200px;
	left: 126px;
	width: 100%;
	height: 1000px !important;
	background: url('https://www.entrepreneurpeintredenisprince.com/wp-content/themes/DenisPrince/images/paint.png');
	background-repeat: no-repeat;
}

#splashBottom{
	position: fixed;
bottom: 0;
right: 0;
width: 586px;
height: 478px !important;
background: url('https://www.entrepreneurpeintredenisprince.com/wp-content/themes/DenisPrince/images/paintBottom.png');
background-repeat: no-repeat;
}

#et-control-panel{
	display: none !important;
}

.lesPhotos{
	width: 100%;
	height: 200px;
	transition: background 0.5s;
	-webkit-transition: background 0.5s; /* Safari */
	-o-transition: background 0.5s; /* Safari */
	-moz-transition: background 0.5s; /* Safari */
	transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s; /* Safari */
}

#photo1{
	
	background: url('images/peintreNoir.png');
	background-repeat: no-repeat;
	background-position-x: 42px !important; 
}

#photo2{
	background: url('images/ideeDecoBlack.png');
	background-repeat: no-repeat;
	background-position-x: 42px !important; 
}

.lienService:hover #photo1{
	background: url('images/peintre.png');
	background-repeat: no-repeat;
}

#photo3{
	background: url('images/armoiresBlack.png');
	background-repeat: no-repeat;
	background-position-x: 42px !important; 
	background-position-y: 2px !important; 
}

.lienService:hover #photo3{
	background: url('images/armoires.png');
	background-repeat: no-repeat;
}

.lienService:hover #photo2{
	background: url('images/ideeDeco.png');
	background-repeat: no-repeat;
}

.service p{
	color: #808080 !important;

}

.service h3{
	color: #F6A31D !important;
	font-family: dinMid;
}

.service {
	float: left;
	width: 285px !important;
	margin-right: 4px !important;
	padding-right: 15px;
	border-right: 1px dotted #363636;
	padding-left: 15px;
}

#content-area {
padding: 45px 0px 0px !important;
margin-bottom: -85px !important
}

.last{
	border-right: 0px !important;
}

#dashed{
	width: 100%;
	height: 12px;
	background: url('images/repeating-slash-bg.gif');
	background-repeat:repeat-x; 
}

#multi-media-bar{
	display: none !important;
}

.title{
	font-size: 35px !important;
}

#pinceau{
	width: 200px;
	height: 300px;
	float: right;
	background: url('images/pinceau.png');
	margin-top: -287px;
	margin-right: -78px;
	z-index: 25;
	position: relative;
}

#category-name {
	background: #F6A31D !important;
}

#category-inner h3{
	color: white !important;
	font-family:  champagne;
	font-size: 61px !important;
}

#category-inner p{
	color: white !important;
	font-family:  dinMid;
}

p#copyright {
	width: 388px;
	position: relative;
	z-index: 1000;
	margin-bottom: 0px !important;
	margin: 34px auto;
	float: none;
	padding-right:0px !important;
}

.page-template-page-sitemap-php #sidebar{
	display: none !important;
}

#sitemap{
	width: 85%;
	margin: 0 auto;
	a{
		color: #F6A31D;
	}
}

/*-------------------------------page-----------------------------------------------------*/

h1.category-title {
	color: white;
	font-size: 75px;
}

#sidebar h3{
	border-bottom: 1px dotted gray;
	margin-bottom: 6px;
	color: #F6A31D !important;

}

.page h3 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	color:#F6A31D !important;
}

.page h2 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	color:#F6A31D !important;
}



/*----------------------------------------------------footer-----------------------------------*/

#footer-content {
	background: transparent !important;
}

#footer-content ul li{
	margin-top: -1px !important;
	width: 150px;
	padding-top: 35px;
	padding-bottom: 35px;
	margin-bottom: -46px;
	float:left;
	font-size: 20px;
	padding-left: 10px;
	padding-right: 10px;
	color: white !important;
	text-align: center;
	transition: background 1s;
	-webkit-transition: background 1s; /* Safari */
	-o-transition: background 1s; /* Safari */
	-moz-transition: background 1s; /* Safari */
}

#footer-widgets {
	padding: 0px 48px 45px !important;
	height: 44px;
}

#footer-content ul a:hover li{
	background: #F6A31D !important;
}

#footer{
	clear:both;
	background: #363636 !important;
	margin-bottom: 0px !important;
	-webkit-box-shadow:  -0px -3px 29px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  -0px -3px 29px 1px rgba(0, 0, 0, 0.3);
}

.textwidget p{
	font-size: 13px !important;
}

.quote{
	font-size: 13px !important;
}

.author{
	font-size: 13px !important;
}


#footer-widgets {
	padding: 0px 48px 45px !important;
}

.coinBottom{
	width: 40px;
	height: 120px;
	position: relative;
	background: red;
	top: 0px;
	margin-top:-120px !important;
}
.post-edit-link{display:none;}

.widget ul li a {
color: #929292;
font-size: 13px !important;
}

#coinBottomGauche{
	left: -40px;
	background: url('images/BanniereBottomGauche.png');
	float:left;
	top:91px;
}

#coinBottomDroit{
	right: -40px;
	float: right;
	top: -1px !important;
	background: url('images/BanniereBottomDroit.png');
}

	#footer-content {
		height:89px!important;
	}

/*----------------------------------------------Qyery-----------------------------*/

@media only screen and ( max-width: 960px ) {

	#barreNoir{
		width: 111.5%;
		margin-left: -6%;
	}

	.coinBottom {
		margin-top: -60px !important;
	}

	#coinBottomDroit {
		top: -61px !important;
	}

	#logo{
		margin-left: 239px;
	}

	#coinDroit {
		top:-130px !important;
		right: -55px !important;
	}	

	#rond{
		margin-top: -184px !important
	}

	ul#top-menu a {
		color: #363636 !important;
	}	

	ul#top-menu {
		padding-top: 40px !important;
		float: left;
		margin-left: 50px;
		margin-top: -29px;
	}

	#rond {
		margin-top: -156px !important;
	}

	.service{
		width: 341px !important;
		border-right:0px !important;
	}

	.last{
		margin-left: 200px !important;
	}

	#photo3{
		background-position-y: 4px;
	}



}

@media only screen and ( max-width: 767px ) {

	#barreNoir {
		width: 119.5% !important;
		margin-left: -10% !important;
		margin-top: -123px !important;
	}

	#logo{
		margin-left: 84px;
		padding-right: 100px;
		margin-bottom: 5px
	}

	.coin{
		top: -48px;
	}

	#rond{
		position: relative;
		top: -25px;
		left: 58px;

	}

	#footer-content ul a:hover li{
		background: none !important;
	}

	#coinDroit {
		top: -50px !important;
	}

	.service{
		margin-left: 55px;
	}

	.last{
		margin-left: 55px !important;
	}

	#footer-content ul li {
		width: 132px
	}

	p#copyright {
		margin-top: 63px !important;
	}

	h1.category-title {
		font-size: 46px !important;
	}

	.coinBottom {
		margin-top: -38px !important;
	}

	#coinBottomDroit {
		top: -83px !important;
	}

}

@media only screen and ( max-width: 479px ) {

	a:hover{
		text-decoration: none !important;
	}

	body{
		overflow-x: hidden !important; 
	}

	#logo {
		margin-left: 19px;
		padding-right: 40px !important;
	}

	#barreNoir {
		width: 132.5% !important;
		margin-left: -16% !important;
		margin-top: -123px !important;
	}

	#mobile_nav {
		margin-bottom: 0px !important;
	}

	#rond {
		margin-top: -141px !important;
		margin-right: -72px !important;
		z-index: 50 !important;
	}

	.infoBox{
		font-size: 18px !important;
	}

	.service{
		margin-left: 0px !important;
		width: 275px !important;
	}

	.last{
		margin-left: 0px !important;
	}

	#footer-content ul li {
		width: 77px !important;
	}

	p#copyright {
		width: 241px;
		margin-left: 57px !important;

	}

}


@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
#sidebar {width: 110px !important; padding-left: 15px !important;}
}

@media only screen and ( max-width: 767px ) {
#left-area {width: 360px !important;}

}
@media only screen and ( max-width: 479px ) {
#left-area {width: 210px !important;}

}