/**  Design : CSS Store eBay  **/
* {
	margin:0;
	padding:0;
	max-width:100%
}
body{
	margin:0 !important;
	font-family: 'Open Sans', sans-serif;
	background: #e4f8ff url(img/bg-header.jpg) top center no-repeat;
}
#gh-logo{min-width:250px}
* {
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/**Commons**/
img, form, input {
    outline: medium none;
    padding: 0;
}
a, a:hover, a:focus, a img  {
	text-decoration:none;
	border:0;
}
input, textarea {
	font:12px/15px 'Open Sans', sans-serif; 
	color:#764c29;
}
.clear {
	clear:both;
}
img, form, input, ul {
	margin: 0;
	outline: medium none;
	padding: 0;
}
h2{
    font: 40px/44px 'Open Sans', sans-serif;
	color: #000;
	text-transform: uppercase;
}


/**************** Header *****************/
.header{
   float: left;
    position: relative;
    width: 1000px;
}

#image-header a.logo{
    float: left;
    height: 150px;
    margin: 16px 0 0 30px;
    width: 454px;
}
#logo a {
    float: left;
    height: 150px;
    margin: 16px 0 0 30px;
    width: 454px;
}

/* Contenu Page */
*{
    box-sizing: border-box;
    outline: medium none;
}
.wrapper{
	width: 1175px;
	max-width: 100%;
	position: relative;
	display: inline-block;
	margin: 0 auto;
}


/* Header */
.bloc-header {
	text-align: center;
}
.bloc-header .wrapper{
	width:1175px;
	display: inline-block;
	max-width: 100%;
	margin: 0 auto;
}
.bloc-header .x-logo {
    float: left;
    margin: 10px 60px;
}
.bloc-header .contact{
	float: right;
	padding-left: 44px;
	background: url(img/bg-contact.png) left center no-repeat;
	font-size: 21px;
	color: #146393;
	line-height: 24px;
	margin-top: 30px;
	text-align: left;
	font-family: 'Unkempt', cursive;
}
.bloc-header .facebook{
    float: right;
    padding-left: 44px;
    background: url(img/bg-fb.png) 10px center no-repeat;
    font-size: 21px;
    color: #146393;
    line-height: 24px;
    margin-top: 20px;
    clear: right;
	margin-right: 60px;
    font-family: 'Unkempt', cursive;
	position:relative;
	z-index:100
}
.bloc-header .facebook a{
	color: #146393;
	font-size: 21px;
}
.bloc-header .quote{
    float: left;
    margin-top: 50px;
    margin-left: 20px;
    color: #146393;
    position: relative;
    font: bold 42px/48px 'Unkempt', cursive;
}
#x-head-menu{
    float: right;
    width: 100%;
	border-radius: 6px;
    background: url(img/bg-menu.jpg) top left repeat-x;
    text-align: left;
	position: relative;
}
#x-head-menu:before{
    height: 65px;
    width: 100%;
    background: url(img/after-menu.png) bottom left/100% auto repeat-x;
    content: "";
    left: 0;
    top: -64px;
    position: absolute;
}

#x-head-menu .lev1 li{
    color: #704700;
	font: 18px/50px 'Unkempt', cursive;
	padding: 0 30px;
	list-style: none;
	display: inline-block;
	position: relative;
	text-transform: capitalize;
	background: url(img/sep.jpg) center right no-repeat
}
#x-head-menu .lev1 li a{
    color: #606060;
}
#x-head-menu .lev1 li:not(:last-child){
}
#x-head-menu .lev1 > li:first-child {
}
#x-head-menu .lev1 li a span{
    z-index: 999;
    position: relative;
}

#x-head-menu .lev1 li a:hover,
#x-head-menu .lev1 li:hover,
#x-head-menu .lev1 li a.active{
    color: #fff;
}
#x-head-menu .lev1 li:hover:after,
#x-head-menu .lev1 li a.active:after{
    position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: url(img/hover-menu.png) center center/80% 80% no-repeat;
	left: 0;
	top: 0;
}

#x-head-menu .lev2 li{
    color: #606060;
	background: inherit !important;
	display: inline-block;
	border-bottom: 1px solid #e5e5e5;
	font: 15px/35px 'Open Sans', sans-serif;
}
#x-head-menu .lev2 li a{
    color: #606060;
}

/**/
#x-presentation{
	text-align: center;
	padding: 15px 10px;
}
#x-presentation h2 {
    font: 45px/50px 'Unkempt', cursive;
    color: #157ebc;
    text-align: left;
    text-transform: capitalize;
}
#x-presentation h2 span{
    color: #ffa200;
}

#x-presentation .photo-pres{
    float: right;
    padding: 15px;
	margin-right: -8px;
    background: url(img/cadre-pres.png) center center/100% 100% no-repeat;
}
#x-presentation .wrapper > a{
    float: none;
    display: inline-block;
}
#x-presentation .wrapper > p{
    text-align: left;
    color: #3f3f3f;
    margin: 20px 0;
    font: 17px/22px 'Open Sans', sans-serif;
    max-width: 50%;
}
#x-presentation ul {}
#x-presentation ul li{
    color: #3f3f3f;
	width: 100%;
	text-align: left;
	list-style: disc inside;
    font: 17px/32px 'Open Sans', sans-serif;
}
#x-presentation ul li:nth-child(even){
	float:right;
}
#x-presentation .cadre{
	float: left;
	width: 48%;
	color: #555;
	text-align: left;
	margin-top: 10px;
	padding: 25px;
	border: 1px solid #ddd;
    font: 15px/26px 'Open Sans', sans-serif;
}
#x-presentation .cadre.right{
	float:right;
}




#x-ebay-services{
    text-align: center;
    background: #78ac4b url(img/bg-offer.jpg) top center no-repeat;
    padding: 320px 10px 80px;
    margin-top: -100px;
}
#x-ebay-services .photo-offer{
    float: left;
    background: url(img/cadre-offer.png) center top/100% 100% no-repeat;
    padding: 48px 46px 88px 55px;
    width: 385px;
    height: 356px;
    overflow: hidden;
}
#x-ebay-services .we-offer {
    float: left;
    padding-left: 30px;
    text-align: left;
	max-width: calc(100% - 385px);
}
#x-ebay-services h2 {
    color: #d6e25f;
    position: relative;
    margin: 20px 0;
	text-shadow: 0 0 5px #669939;
    font: 45px/50px 'Unkempt', cursive;
}
#x-ebay-services li {
    color: #fff;
    font: 20px/32px 'Unkempt', cursive;
	list-style: url(img/li.png) inside;
	width: 320px;
float: left;
}


#x-gallery{
    text-align: center;
	position: relative;
	background: #8ac754;
	padding-bottom: 40px
}
#x-gallery:before{
	position: absolute;
	top: -40px;
	left: 0;
	width: 100%;
	height: 72px;
	content:"";
	background: url(img/bg-gallery.png) center bottom no-repeat;
}
#x-gallery h2 {
    font: 45px/44px 'Unkempt', cursive;
    color: #d6e25f;
	margin-bottom: 20px;
    text-transform: capitalize;
    text-shadow: 0 0 5px #669939;
	padding-bottom: 10px;
	background: url(img/border.png) center bottom no-repeat;
}
#x-gallery .ug-tile-navigation-wrapper{
    left: 0 !important;
    width: 100%;
	top: 0 !important;
	height: 100%;
}
#x-gallery .ug-button-tile-navigation.ug-button-tile-right {
    float: right;
}
#x-gallery .ug-button-tile-navigation {
    margin-top: calc(22% - 18px);
}
#x-gallery .ug-thumb-wrapper.ug-tile.ug-tile-clickable {
    border: 3px solid #ccff9f !important;
    box-shadow: none !important;
}


#x-contact{
	background: #764c29;
	text-align: center;
	padding: 0 10px;
	position: relative;
}
#x-contact:before{
	position: absolute;
	top: -54px;
	left: 0;
	width: 100%;
	height: 54px;
	content:"";
	background:url(img/bg-contactfoot.png) bottom center no-repeat;
}

#x-contact h1{
    color: #dfaf8a;
    font: 18px/44px 'Unkempt', cursive;
    text-align: left;
    text-transform: capitalize;
}
#x-contact form{
	margin-top: 10px;
}
#x-contact .form-group{
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
#x-contact .form-group.textarea{
	width: 100%;
}
#x-contact .form-group label{
	float: left;
    color: #b5814b;
    font: 13px/30px 'Open Sans', sans-serif;
}
#x-contact input,
#x-contact textarea{
	float: left;
	border: none;
	margin: 6px 0;
	color: #764c29;
	line-height: 46px;
	padding-left: 20px;
	border: 1px solid #b5814b;
}
#x-contact input.small{
	width: 99%;
}
#x-contact input#phone{
	float: right;
}
#x-contact textarea{
    width: 100%;
    height: 145px;
    background: #fff;
}
#x-contact .qt {
    float: right;
    margin: 20px 0 40px;
    color: #fff;
	border-radius: 10px;
	text-transform: uppercase;
    font: 13px/40px 'Open Sans', sans-serif;
	box-shadow: 0px 2px 0 1px #48771b;
	text-shadow: 0 0 2px #568b23;
	background: #81c341;
	padding: 0 80px;
	border: none;
	cursor:pointer
}





/**** FOOTER ***/
#footer {
    background: #4a2b13;
    text-align: center;
    display: inline-block;
	padding: 20px 0;
    width: 100%;
}
#footer .copyright {
    color: #845224;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

#menu ,
#leftmenu {
    display: none;
}

@media only screen and (max-width: 1188px){
#x-presentation .photo-pres {
    margin-right: 0;
}
}

@media only screen and (max-width: 1174px){
.wrapper,
.bloc-header .wrapper {
    width: 99%;
}
h2 {
    font-size: 35px;
}
#x-ebay-services li {
    width: 50%;
}
}

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

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

@media only screen and (max-width: 1000px){
#x-head-menu .lev1 li {
    padding: 0 20px;
}
#x-presentation .photo-pres {
    max-width: 40%;
}
#x-ebay-services li {
    font-size: 18px;
}
}

@media only screen and (max-width: 900px){
#menu#menu {
    display: inline-block;
    text-align: center;
    width: 100%;
}
#x-head-menu {
    display: none;
}
#leftmenu:checked ~ #x-head-menu {
    display: inline-block;
    float: none;
    margin: 10px auto;
	max-width: 330px;
	background: url(img/bg-menu.jpg) top left repeat;
}
#x-head-menu::before { display:none}
#menu label{
    background: url(img/bg-menu.jpg) repeat-x;
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    max-width: 300px;
    display: inline-block;
    float: none;
    margin: 0 auto;
    border-radius: 10px;
}
#leftmenu:checked ~ #menu label:after {
    background-image: url("img/x-head-mnav-icou.png");
    z-index: 2;
}
#menu label:after {
    background-image: url("img/x-head-mnav-icod.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #000;
    content: "";
    height: 40px;
    position: absolute;
    right: 5px;
    top: 0;
    width: 40px;
}
#x-head-menu .lev1 li {
    float: left;
    width: 100%;
    background: none !important;
	text-align:center
}
.bloc-header .x-logo {
    margin: 10px;
}
.bloc-header .quote {
    margin-left: 10%;
    font-size: 30px;
    line-height: 36px;
}
#x-ebay-services .photo-offer {
    float: none;
    display: inline-block;
}
#x-ebay-services .we-offer {
    float: none;
    max-width: 100%;
    display: inline-block;
}
}

@media only screen and (max-width: 767px){
body{margin:0 !important}
#LeftPanel{display:none}
#CentralArea{float:none; width:90%; margin:auto}
.slide li h2{font-size:20px}
#CentralArea .grid td.gallery{width:100%; float:left}
#fpcap, .ctrlbr, .cmpBr, td#CentralArea div.v4stabl, .dynpg .r, .dynpg .l{display:none}
#LeftPanel + td{display:none}
.tb_v4bc, .gh-tbl, .stBadge, #glbfooter, #gh-ug-flex, #gh-p-1, #gh-p-4, gh-p-3, #gh-ti, #gh-p-2{display:none;}
.header-center .wrapper, .home-bloc{	-moz-box-shadow:none;-webkit-box-shadow: none;-o-box-shadow: none;box-shadow: none;}
table.gallery td{float:left; width:100%}

#x-ebay-services h1 {
    font-size: 20px;
    line-height: 80px;
}
.bloc-header .quote {
    margin-left: 5%;
}

}

@media only screen and (max-width: 690px){
.bloc-header .x-logo {
    margin: 10px 0;
    width: 100%;
}
.bloc-header .quote {
    float: none;
    display: inline-block;
    width: 100%;
    margin: 0;
}
.bloc-header .facebook,
.bloc-header .contact {
    float: none;
    display: inline-block;
}
#menu label {
	margin-top: 15px;
}
#x-presentation .photo-pres {
    max-width: 100%;
    float: none;
    display: inherit;
}
#x-presentation .wrapper > p {
    max-width: 100%;
}
}

@media only screen and (max-width: 580px){
#x-creative input.small,
#x-creative input.middle {
    width: 100%;
    margin: 6px 0 !important;
}
#x-creative textarea {
    height: 164px;
}
}

@media only screen and (max-width: 500px){
#x-ebay-services li {
    width: 100%;
}	
}

@media only screen and (max-width: 480px){
.quote {
    font-size: 18px;
}
#x-ebay-services h1 {
    line-height: 40px;
}
#x-contact .form-group {
    width: 100%;
}
#x-contact input.small {
    width: 100%;
}
}

@media only screen and (max-width: 380px){
#x-ebay-services .photo-offer {
    height: auto;
}
}