/*
Theme Name: WP Bootstrap
Theme URI: http://www.av-developpement.fr
Description: Theme AW
Author: Àntoine VIGIER - tech@av-developpement.fr
Author URI: http://www.av-developpement.fr/
Version: 1.0
Tags: aw

License: AV Developpement

Theme AW
*/

@import url('bootstrap/css/bootstrap.css'); 
/* @import url('bootstrap/css/bootstrap-responsive.css'); */
@import url('css/jssor.css');
@import url('js/fancybox/jquery.fancybox.css'); 
@import url('js/fancybox/jquery.fancybox-buttons.css'); 
@import url('js/fancybox/jquery.fancybox-thumbs.css');
@import url('js/prettyPhoto/css/prettyPhoto.css');


body { 
     padding-top: 60px; 
     padding-bottom: 40px; 
}


* {

margin:0;
padding:0;

}

header, nav, section, article, aside, figure, footer { display: block; }

body {

margin: 0;
padding: 0;
background:#000000 url('images/bg.jpg') repeat top center;
font-family: Trebuchet MS;
}

.wrapper-bg0 {
position:relative;
	width:1600px;
	margin-left:auto;
	margin-right:auto;
}

.wrapper-bg {
position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.wrapper-bg#page6 {
	background:transparent url('images/bg-ent.png') no-repeat top center;
}

.wrapper-bg#page16 {
	background:transparent url('images/bg-contact.png') no-repeat top center;
}

.wrapper-bg#page14 {
	background:transparent url('images/bg-actu.png') no-repeat top center;
}


.container {
	width:1200px !important;
}

a {

	color:#ffffff;
	text-decoration:none;

}

a:hover {
	text-decoration:underline;
	color:#ffffff;
}

footer a, footer a:hover {
color:#000000;
}

.responsive {
	display:block;
	width:100%;
	height:100%;
}

.visible-img {
	display:block !important;
}

.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

.alignright {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}

.aligncenter {
	float:none;
	margin-left:auto;
	margin-right:auto;
}

.clear {
	position:relative;
	width:100%;
	clear:both;
}

.barre-jaune {
	position:relative;
	width:100%;
	height:6px;
	background:#ffe500;
	margin-top:4px;
	margin-bottom:6px;
}

.barre-noire {
	position:relative;
	width:100%;
	height:6px;
	background:#000000;
	margin-top:0px;
	margin-bottom:9px;
}

.slogan {
	font-family: Trebuchet MS;
	font-weight:300;
	font-size:25px;
	color:#ffe500;
}

.slogan2 {
	font-family: Trebuchet MS;
	font-weight:300;
	font-size:18px;
	color:#ffffff;
}

.tel {
	font-family: Trebuchet MS;
	font-weight:bold;
	font-size:32px;
	color:#ffffff;
	font-style:italic;
}

h2 {

font-size:16px;
line-height:19px;
color:#ffe500;
font-weight:bold;

}

h3 {

font-size:14px;
line-height:16px;
color:#ffe500;
font-weight:bold;
text-align:left;

}


header .header-slogan {
	font-size:26px;
	line-height:32px;
	color:#ffe500;
	font-family: Trebuchet MS;
	font-weight:300;
}


header#header {

position:relative;
width:100%;
max-width:1600px;
margin-left:auto;
margin-right:auto;
/*overflow:hidden;*/
background-color:#000000;
}

header .header2 {

position:relative;
float:left;
/* width:76%; */
width: 915px;

}

header#header a {
color:#ffffff;
}

header .header3 {

position:relative;
float:right;
/* width:24%; */
width: 245px;
padding:20px;
padding-top:60px;
padding-bottom:0px;
text-align:right;
height:82px;
}

.header3 #socials {

	position:absolute;
	bottom:0px;
	right:0px;
	width:235px;
	height:30px;
	line-height:30px;
	background-color:#ffe500;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	margin-top:30px;
	text-align:left;
	margin-right:22px;
}

#socials::before {
	background: transparent url('images/bg-rs-before.png') no-repeat bottom  !important;
	content: " ";
	width: 5px;
    position: absolute;
    left: -4px;
    top: 0px;
    height:30px;
}

#socials::after {
	background: transparent url('images/bg-rs-after.png') no-repeat bottom  !important;
	content: " ";
	width: 5px;
    position: absolute;
    right: -4px;
    top: 0px;
    height:30px;
}

#socials #fb {
	display:block;
	position:relative;
	float:right;
	width: 28px;
	height:28px;
	background: #000000 url('images/rs-fb.png') no-repeat center center  !important;
  	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;
  	border-radius: 15px;
  	margin-top:1px;
  	margin-right:10px;
}

#socials #fb:hover {
	background: #ffffff url('images/rs-fb-hover.png') no-repeat center center  !important;
}

#socials #youtube {
	display:block;
	position:relative;
	float:right;
	width: 28px;
	height:28px;
	background: #000000 url('images/rs-youtube.png') no-repeat center center  !important;
  	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;
  	border-radius: 15px;
  	margin-top:1px;
  	margin-right:10px;
}

#socials #youtube:hover {
	background: #ffffff url('images/rs-youtube-hover.png') no-repeat center center  !important;
}


header #logo {
	display:block;
	position:relative;
	float:left;
	width:289px;
	max-height:131px;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
}

#logo img {
	width:289px;
	max-width: 289px;
	height:131px;
}

#devis {
	display:block;
	position:relative;
	float:right;
	width:220px;
	height:40px;
	line-height:40px;
	color:#ffe500;
	font-size:18px;
	font-style:italic;
	font-weight:300;
	margin-right:32px;
	padding-left:9px;
	padding-right:9px;
	background-color:#232323;
	text-align:center;
	margin-bottom:14px;
}

#devis::before {
	background: transparent url('images/bg-devis-before.png') no-repeat bottom  !important;
	content: " ";
	width: 9px;
    position: absolute;
    left: -8px;
    top: 0px;
    height:40px;
}

#devis::after {
	background: transparent url('images/bg-devis-after.png') no-repeat bottom  !important;
	content: " ";
	width: 10px;
    position: absolute;
    right: -9px;
    top: 0px;
    height:40px;
}

#occasion {
	display:block;
	position:relative;
	float:right;
	width:220px;
	height:40px;
	line-height:40px;
	color:#000000;
	font-style:italic;
	font-size:18px;
	font-weight:300;
	margin-right:32px;
	padding-left:9px;
	padding-right:9px;
	background: transparent url('images/bg-occasion.png') no-repeat bottom  !important;
	text-align:center;
	margin-bottom:14px;
}

#occasion::before {
	background: transparent url('images/bg-occasion-before.png') no-repeat bottom  !important;
	content: " ";
	width: 11px;
    position: absolute;
    left: 0px;
    top: 0px;
    height:40px;
}

#occasion::after {
	background: transparent url('images/bg-occasion-after.png') no-repeat bottom  !important;
	content: " ";
	width: 13px;
    position: absolute;
    right: 0px;
    top: 0px;
    height:40px;
}



.navbar {
	position:relative;
	width:100%;
	background: transparent url('images/bg-menu2.png') repeat-x top center !important;
	margin-bottom:36px;
	z-index:1500;
	/* max-width:1600px; */
	margin-left:auto;
	margin-right:auto;
}

#top-menu-principal.floatable {
	position: fixed;
	top: -4px;
	max-width:100%;
}

.navbar-inner {
	background: transparent url('images/bg-menu.png') no-repeat top center !important;
	border:none !important;
}

.nav-collapse {
	position:relative;
	width:100%;
}

.navbar .nav {
	display:block;
	list-style:none;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	float:none;
	height:30px;
	background:#232323;
	margin-top:23px;
	margin-bottom:7px;
}

.navbar .nav::before {
	background: transparent url('images/bg-menu-g.png') no-repeat bottom  !important;
	content: " ";
	width: 16px;
    position: absolute;
    left: -16px;
    top: 0px;
    height:30px;
}

.navbar .nav::after {
	background: transparent url('images/bg-menu-d.png') no-repeat bottom   !important;
	content: " ";
	width: 23px;
    position: absolute;
    right: -22px;
    top: 0px;
    height:30px;
}


.navbar .nav li {
	list-style:none;
	float:left;
	height:30px;
	line-height:30px;
	font-family: Trebuchet MS;
	font-size:15px;
	font-weight:300;
	color:#ffffff;
	text-transform: uppercase;
	padding-left:10px;
	padding-right:10px;
	width:110px;
	text-align:center;
}

.navbar .nav li a {
	display:block;
	position:absolute;
	float:left;
	font-family: Trebuchet MS;
	font-size:13px;
	font-weight:300;
	color:#ffffff !important;
	height:38px;
	padding:0px;
	line-height:44px;
	background-color: transparent !important;
	box-shadow:none !important;
	margin-top:-8px;
	padding-left:2px;
	padding-right:2px;
	width:106px;
}

.navbar .nav li a:hover {
	border-bottom: 4px solid #ffe500;
}

.navbar .nav li.current_page_item a, .navbar .nav li.current-page-ancestor a {
	background: transparent url('images/bg-item-hover.png') repeat-x top  !important;
	color:#000000 !important;
}

.navbar .nav li.current_page_item  a::before, .navbar .nav li.current-page-ancestor a::before {
	background: transparent url('images/bg-menu-hover-g.png') no-repeat top  !important;
	content: " ";
	width: 10px;
    position: absolute;
    left: -10px;
    top: 0px;
    height:38px;
}

.navbar .nav li.current_page_item  a::after, .navbar .nav li.current-page-ancestor a::after {
	background: transparent url('images/bg-menu-hover-d.png') no-repeat top !important;
	content: " ";
	width: 10px;
    position: absolute;
    right: -10px;
    top: 0px;
    height:38px;
}

.navbar .nav li ul.sub-menu {
	display:none;
}


section.floatable {

	padding-top:90px;
	z-index:1000;
}

#crochet {
	display:block;
	position:absolute;
}

section#content {
	position:relative;
	width:100%;
	margin-top:15px;
	/*overflow:hidden;*/
}

/*** Accueil ***/

.home.post {
	position:relative;
	float:left;
	width:100%;
	height:415px;
}

.home #anim {
	position:absolute;
	left:-200px;
	width:716px;
	height:415px;
	background: transparent url('images/bg-anim.png') repeat-x top;
}

.home #anim::after {
	background: transparent url('images/bg-anim-after.png') no-repeat top  !important;
	content: " ";
	width: 57px;
    position: absolute;
    right: -2px;
    top: 0px;
    height:428px;
}

.home #home-texte {
	position:absolute;
	right:-200px;
	top:12px;
	width:647px;
	height:416px;
	background: transparent url('images/bg-home-texte.png') repeat-x top;
	padding-top:20px;
	padding-bottom:15px;
	padding-right:200px;
}

.home #home-texte .post_content {
	position:relative;
	float:left;
	overflow:hidden;
}

.home #home-texte::before {
	background: transparent url('images/bg-home-texte-before.png') no-repeat top  !important;
	content: " ";
	width: 37px;
    position: absolute;
    left: -36px;
    top: -12px;
    height:428px;
}

.home h1 {
	font-size:25px;
	color:#ffe500;
	font-weight:bold;
	font-style:italic;
	font-family:Trechuchet MS;
	width:100%;
	border-bottom: 1px solid #000000;
	text-transform:none;
	line-height: 16px;
	margin-top:30px;
	margin-left:10px;
	margin-bottom:40px;
}

.home h1 span {
	display:block;
	position:relative;
	float:left;
	background-color:#000000;
	padding:5px;
	padding-top:15px;
	height:41px;
	background: transparent url('images/bg-h1.png') repeat-x top  !important;
	margin-top:-27px;
}

.home h1 span::before {
	background: transparent url('images/bg-h1-before.png') no-repeat top  !important;
	content: " ";
	width: 13px;
    position: absolute;
    left: -13px;
    top: 0px;
    height:51px;
}

.home h1 span::after {
	background: transparent url('images/bg-h1-after.png') no-repeat top  !important;
	content: " ";
	width: 12px;
    position: absolute;
    right: -12px;
    top: 0px;
    height:51px;
}

#wrapper-encarts {

	position:relative;
	background: transparent url('images/bg-wrapper-encarts.png') repeat-x bottom;
	margin-top:85px;
	height:190px;
	width:100%;
	/*max-width:1600px;*/
	margin-left:auto;
	margin-right:auto;
}

#wrapper-encarts .encart {
	position:relative;
	float:left;
	height:190px;
	background: transparent url('images/bg-home-encart.png') repeat-x top center;
	color:#ffffff;
	font-size:13px;
	line-height:15px;
	margin-left:45px;
	margin-right:45px;
	margin-top:-35px;
}

#wrapper-encarts .encart::before {
	background: transparent url('images/bg-home-encart-before.png') no-repeat top  !important;
	content: " ";
	width: 33px;
    position: absolute;
    left: -33px;
    top: 0px;
    height:190px;
}

#wrapper-encarts .encart::after {
	background: transparent url('images/bg-home-encart-after.png') no-repeat top  !important;
	content: " ";
	width: 34px;
    position: absolute;
    right: -33px;
    top: 0px;
    height:190px;
}

#wrapper-encarts .encart h2 {
	margin:0;
	padding:0px;
	margin-top:3px;
	line-height:47px;
	font-size:22px;
	color:#010100;
	font-style:italic;
	margin-bottom:6px;
}

#wrapper-encarts .encart a.details {
	display:block;
	position:absolute;
	bottom:-17px;
	right:0;
	background: transparent url('images/bg-voir.png') repeat-x top  !important;
	margin-right:43px;
	height:23px;
	line-height:23px;
	color:#000000;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
}

.encart a.details::before {
	background: transparent url('images/bg-voir-before.png') no-repeat top  !important;
	content: " ";
	width: 7px;
    position: absolute;
    left: -7px;
    top: 0px;
    height:23px;
}

.encart a.details::after {
	background: transparent url('images/bg-voir-after.png') no-repeat top  !important;
	content: " ";
	width: 43px;
    position: absolute;
    right: -43px;
    top: -7px;
    height:37px;
}

.encart a.details:hover::after {
	background: transparent url('images/bg-voir-after-hover.png') no-repeat top  !important;
}



#wrapper-encarts .post_thumbnail {

	position:relative;
	float:left;
	width:80px;
	overflow:hidden;
	margin-right:10px;
	margin-bottom:10px;
}

#wrapper-encarts .post_thumbnail img {
	display:block;
	width:80px;
}


/*** Page ***/

section .page {
	position:relative;
	padding-left:120px;
	padding-right:45px;
	
	z-index:1000;
}

section#content h1 {
	font-size:25px;
	color:#ffe500;
	font-weight:bold;
	font-style:italic;
	font-family:Trechuchet MS;
	width:100%;
	border-bottom: 1px solid #000000;
	text-transform:uppercase;
	line-height: 16px;
	margin-top:20px;
	margin-left:10px;
}

section#content h1 span {
	display:block;
	position:relative;
	float:left;
	background-color:#000000;
	padding:5px;
	padding-top:15px;
	height:51px;
	background: transparent url('images/bg-h1.png') repeat-x top  !important;
	margin-top:-27px;
}

section#content h1 span::before {
	background: transparent url('images/bg-h1-before.png') no-repeat top  !important;
	content: " ";
	width: 13px;
    position: absolute;
    left: -12px;
    top: 0px;
    height:51px;
}

section#content h1 span::after {
	background: transparent url('images/bg-h1-after.png') no-repeat top  !important;
	content: " ";
	width: 12px;
    position: absolute;
    right: -11px;
    top: 0px;
    height:51px;
}

section .page .post_content {
	position:relative;
	width: 1079px;
	margin-bottom: 53px;
	margin-top: 50px;
	color:#ffffff;
	font-size:12px;
	line-height:15px;
	font-weight:300;
	min-height:300px;

}

section .page .post_content .text::before {
	background: transparent url('images/bg-page-before.png') no-repeat top  !important;
	content: " ";
	width: 1073px;
    position: absolute;
    left: 1px;
    top: -19px;
    height:19px;
}

section .page .post_content .text::after {
	background: transparent url('images/bg-page-after.png') no-repeat top  !important;
	content: " ";
	width: 1079px;
    position: absolute;
    left: 0px;
    bottom: -53px;
    height:53px;
}

section .page .post_content .text {
	position:relative;
	padding-top:30px;
	padding-left:40px;
	padding-bottom:30px;
	padding-right:190px;
	background:transparent url('images/bg-page.png') repeat-y top;
	margin-bottom:53px;
}

/*** Realisations ***/

section .page.realisations .post_content {
	margin-top:10px;
}

.realisations #rea-map {
	position:relative;
	float:left;
	width:819px;
	height:629px;
	background-image:url('images/rea-map22.png');
	background-position: 0px 4403px;
	background-repeat:repeat;
	z-index:1500;

}

.realisations #autres-zones {
	position:absolute;
	right:0px;
	top:270px;
	height:98px;
	background:transparent url('images/bg-autres-zones.png') repeat-x top;
	width:242px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}


.realisations #autres-zones::before {
	background:transparent url('images/bg-autres-zones-before.png') no-repeat  top center;
	content: " ";
	width: 21px;
    position: absolute;
    left: -20px;
    top: 0px;
    height:98px;
}

.realisations #autres-zones::after {
	background:transparent url('images/bg-autres-zones-after.png') no-repeat  top center;
	content: " ";
	width: 22px;
    position: absolute;
    right: -21px;
    top: 0px;
    height:98px;
}


.realisations #autres-zones .btn-autre {
	position:relative;
	float:left;
	clear:both;
	line-height:28px;
	font-weight:bold;
	font-size:16px;
	font-style:italic;
	color:#000000;
	height:38px;
	background:transparent url('images/bg-autres-zones-voir.png') repeat-x top;
	margin-bottom:5px;
	width:180px;
}


.realisations #autres-zones  .btn-autre::before {
	background:transparent url('images/bg-autres-zones-voir-before.png') no-repeat  top center;
	content: " ";
	width: 11px;
    position: absolute;
    left: -10px;
    top: 0px;
    height:38px;
}

.realisations #autres-zones  .btn-autre::after {
	background:transparent url('images/bg-autres-zones-voir-after.png') no-repeat  top center;
	content: " ";
	width: 50px;
    position: absolute;
    right: -49px;
    top: -6px;
    height:49px;
}

.realisations #autres-zones  #autres-zones-youtube.btn-autre::after {
	background:transparent url('images/bg-autres-zones-voir-after2.png') no-repeat  top center;
	content: " ";
	width: 50px;
    position: absolute;
    right: -47px;
    top: -6px;
    height:49px;
}

.realisations {

}

.realisations .appicon01{
    display: block;
    position: absolute;
    width: 342px;
    height: 189px;
}

.realisations  .ngg-album {
	position:relative;
	float:left;
	width:335px;
	height:189px;
	margin:0px;
	padding:0px;
	border: none;
	background:transparent url('images/bg-vignette.png') repeat-x  top center;
	overflow:visible;
	z-index:100;
}

.realisations .ngg-album::before {
	background:transparent url('images/bg-vignette-before.png') no-repeat  top center;
	content: " ";
	width: 38px;
    position: absolute;
    left: -10px;
    top: 0px;
    height:189px;
    z-index:200;
}

.realisations .ngg-album::after {
	background:transparent url('images/bg-vignette-after.png') no-repeat  top center;
	content: " ";
	width: 36px;
    position: absolute;
    right: -9px;
    top: 0px;
    height:189px;
    z-index:100;
}

.realisations  .ngg-thumbnail {
	position:relative;
	float:left;
	width:335px;
	height:176px;
	margin-top:4px;
}

.realisations .ngg-thumbnail img {
	margin:0px;
	padding:0px;
	border:0px;
}

.realisations .ngg-album .ngg-infos {
	display:block !important;
	position:absolute;
	bottom:0px;
	width:335px;
}

.realisations .ngg-album:hover div.ngg-infos {
	/* display:block; */
}

.realisations .ngg-infos .ngg-albumtitle {
	display:block !important;
	position:relative;
	float:left;
	width:335px;
	line-height:20px;
	margin:0px;
	padding:0px;
	background: transparent url('images/bg-album-titre.png') repeat top center !important;
}

.realisations .ngg-infos .ngg-albumtitle h2 {margin:0px;}

.realisations .ngg-infos .ngg-description{
	display:block;
	position:relative;
	float:left;
	width:325px;
	line-height:13px;
	font-size:11px;
	color:#000000;
	font-weight:300;
	margin:0px;
	padding:0px;
	margin-bottom:7px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	background: transparent url('images/bg-album-dsc.png') repeat top center !important;
}

.realisations .ngg-infos h2 {
	text-align:center;
	font-size:16px;
	color:#000000;
	font-family: Arial;
	font-style: Italic;
	font-weight:bold;
	line-height:18px;
}

#wrapper-realisation {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	/* max-width:1600px; */
	background: transparent url('images/bg-wrapper-rea.png') repeat top center !important;
	margin-top:100px;
	margin-bottom:120px;
}

#wrapper-realisation  {
	margin-top:0px;
}

#partenaires {
	position:relative;
	width:100%;
	float:left;
	overflow:hidden;
	padding:10px;
	background: transparent url('images/bg-partenaires-logos.png') repeat top center;
	z-index:1000;
}

section#content #partenaires h1 {
	float:left;
	border-bottom:0px;
}

section#content #partenaires h1 span {
	height:30px;
}

#partenaires li {
	list-style:none;
	display:block;
	position:relative;
	width:100%;
	overflow:hidden;
}

#partenaires li img{
	display:block;
	position:relative;
	float:left;
	width:144px;
	margin:5px;
	margin-top:0px;
}


/*** Solutions ***/


section .page.solution {
	position:relative;
	padding-left:45px;
	padding-right:45px;

}

#wrapper-text {
	position:relative;
	width:765px;
	overflow:hidden;
}

aside#menu-solution {
	position:relative;
	float:left;
	width:345px;
	margin-top:85px;
}

#menu-solution  nav.navbar {
	background:none !important;
	padding:0;
	margin:0;
	width:100% !important;
}

#menu-solution  .navbar-inner {

	margin-top:0px;
	border:none !important;
	background:none !important;

}

#menu-solution  .navbar .nav {
	margin:0;
	padding:0;
	background:none;
	width:100%;
	}

#menu-solution  .navbar .nav::before, #menu-solution .navbar .nav::after {
	display:none;
}

#menu-solution  .navbar .nav li {
    position:relative;
    float: left;
    height: 48px;
    line-height: 42px;
    font-family: Trebuchet MS;
    font-size: 14px;
    color: #ffe500;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    width: 220px;
    text-align: center;
    background: transparent url('images/bg-menu-solutions.png') repeat-x top center !important;
    margin-bottom:3px;
    margin-left:9px;
   
}

#menu-solution .navbar .nav li:hover, #menu-solution .navbar .nav li.current-menu-item {
    background: transparent url('images/bg-menu-solutions-hover.png') repeat-x top center !important;
    color:#000000;
}

#menu-solution .navbar .nav li::before {
	background: transparent url('images/bg-menu-solutions-before.png') no-repeat  top center;
	content: " ";
	width: 9px;
    position: absolute;
    left: -8px;
    top: 0px;
    height:48px;
}

#menu-solution .navbar .nav li:hover::before, #menu-solution .navbar .nav li.current-menu-item::before  {
	background: transparent url('images/bg-menu-solutions-before-hover.png') no-repeat  top center;
}

#menu-solution .navbar .nav li::after{
	background: transparent url('images/bg-menu-solutions-after.png') no-repeat top center;
	content: " ";
	width: 17px;
    position: absolute;
    right: -16px;
    top: 0px;
    height:48px;
}

#menu-solution .navbar .nav li:hover::after, #menu-solution .navbar .nav li.current-menu-item::after  {
	background: transparent url('images/bg-menu-solutions-after-hover.png') no-repeat top center;
	right: -16px;
}

#menu-solution .navbar .nav li a {
    display: table-cell;
    float:none;
    position:relative;
	vertical-align:middle;
	text-align:center;
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight:bold;
    color: #ffe500;
    height: 42px;
    line-height: 16px;
    margin-top: 0px;
	width:220px;

}



#menu-solution .navbar .nav li a:hover {
	border:none;
	color:#000000 !important;
}

#menu-solution .navbar .nav li.current-menu-item a {
	background: none  !important;
	box-shadow:none;
	color:#000000 !important;
}

#menu-solution .navbar .nav li.current-menu-item  a::before {
	display:none;
}

#menu-solution .navbar .nav li.current-menu-item  a::after {
	display:none;
}

#overlay-menu-solution {
	position:absolute;
	width:1600px; 
	height:100%;
	background: transparent url('images/bg-overlay-menu.png') repeat top;
	margin-left:-215px;
	top:-20px;
	padding-top:20px;
	padding-bottom:20px;
}



section .page.solution .post_content {
	max-width:700px;
}

section .page.solution .post_content::before, section .page.solution .post_content::after {
	display:none;
}

section .page.solution .post_content h2 {
	position:relative;
	float:left;
	
	height:40px;
	background-color:#ffe500;
	line-height:40px;
	color:#000000;
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	margin-left:7px;
	margin-right:14px;
}

section .page.solution .post_content h2::before {
	background: transparent url('images/bg-title-text-before.png') no-repeat top center;
	content: " ";
	width: 7px;
    position: absolute;
    left: -7px;
    top: 0px;
    height:40px;
}

section .page.solution .post_content h2::after {
	background: transparent url('images/bg-title-text-after.png') no-repeat top center;
	content: " ";
	width: 14px;
    position: absolute;
    right: -13px;
    top: 0px;
    height:42px;
}


section .page.solution .post_content h2 span {padding-left:15px;padding-right:15px;}

section .page.solution .post_content .text {
	padding:20px;
	background:#2f2f2f;
	width:660px;
	float:left;
}

section .page.solution .post_content .text::before, section .page.solution .post_content .text::after {
	display:none;
}

section .page.solution h1 {
	text-transform:none;
}

.solution #youtube {
	display:block;
	position:relative;
	float:right;
	background: transparent url('images/bg-solution-youtube.png') repeat-x top center;
	height:36px;
	line-height:28px;
	text-align:center;
	margin-right:60px;
	padding-left:5px;
	font-weight:bold;
	font-style:italic;
}

.solution #youtube::before {
	background: transparent url('images/bg-solution-youtube-before.png') no-repeat top  !important;
	content: " ";
	width: 7px;
    position: absolute;
    left: -7px;
    top: 1px;
    height:36px;
}

.solution #youtube::after {
	background: transparent url('images/bg-solution-youtube-after.png') no-repeat top  !important;
	content: " ";
	width: 54px;
    position: absolute;
    right: -54px;
    top: -6px;
    height:46px;
}

/*** Devis ***/

#wrapper-devis {

	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1060px;
	overflow:hidden;
	margin-bottom:10px;
	background-color:#000000;
	padding-bottom:10px;
	font-family: Arial;
}

#wrapper-devis  #form-header {
	position:relative;
	width:100%;
	overflow:hidden;
	background-color:#232323;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 3px solid #ffe500;
	border-top: 3px solid #ffe500;
}

#wrapper-devis h1 {

	display:block;
	position:relative;
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:951px;
	background: transparent url('images/titre-popup-actu.png') repeat-x top  !important;
	height:62px;
	margin:0;
	margin-left:34px;
	line-height:86px;
	font-size:22px;
	text-transform:uppercase;
	color:#000000;
	font-style:italic;
	font-weight:bold;
	
}

#wrapper-devis h1::before {
	background: transparent url('images/titre-popup-actu-before.png') no-repeat top  !important;
	content: " ";
	width: 35px;
    position: absolute;
    left: -34px;
    top: 2px;
    height:62px;
}

#wrapper-devis h1::after {
	background: transparent url('images/titre-popup-actu-after.png') no-repeat top  !important;
	content: " ";
	width: 54px;
    position: absolute;
    right: -53px;
    top: 0px;
    height:62px;
}

#wrapper-devis #wrapper-devis-content {
	position:relative;
	float:left;
	width:971px;
	margin-left:34px;
	background-color:#4e4c4d;

}

#wrapper-devis p {
	padding-left:10px;
	color:#ffe500;
	font-size:14px;
}

#wrapper-devis p.inline {
	display:block;
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
	padding:0px;
}

#wrapper-devis p.inline input, #wrapper-devis p.inline select{
	display:block;
	position:relative;
	float:left;
	width:215px;
	height:35px;
	line-height:35px;
	border:none;
	background:#ffffff;
	font-size:12px;
	font-family:Arial;
	color:#5e5b5b;
	margin:0;
	margin-left:10px;
	margin-right:10px;
	padding:0;
	border-radius:0px;
	padding-left:10px;
	padding-right:10px;
}

#wrapper-devis p.inline input[type="checkbox"] {
	width:30px;
}

#wrapper-devis .wpcf7-checkbox .wpcf7-list-item-label {
display: inline-block;
margin-top: 6px;
}

#wrapper-devis p.inline .wpcf7-captchar, #wrapper-devis p.inline .wpcf7-captchac {
	float:right;
	margin-right:10px;
}

#wrapper-devis p.inline select{
	padding:0px;
	vertical-align:middle;
	padding-top:10px;
	padding-left:10px;
}



#wrapper-devis p.inline textarea{
	display:block;
	position:relative;
	float:none;
	width:40%;
	height:100px;
	line-height:15px;
	border:none;
	background:#ffffff;
	font-size:12px;
	font-family:Arial;
	color:#5e5b5b;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

#wrapper-devis #img-devis {
	position:relative;
	width:935px;
	height:459px;
	margin-left:auto;
	margin-right:auto;
	border: 2px solid #ffe500;
	margin-top:15px;
	margin-bottom:15px;
	border-radius: 2px;
}

#wrapper-devis p.inline .wpcf7-submit {
	display:block;
	position:relative;
	float:right;
	width:215px;
	height:40px;
	line-height:40px;
	border:none;
	background:#ffe500;
	font-size:14px;
	font-family:Arial;
	color:#000000;
	text-transform:uppercase;
}

#wrapper-devis #devis-tel {
	position:relative;
	float:left;
	width:50%;
	margin-top:-20px;
	color:#ffffff;
	
}

#wrapper-devis #devis-tel p {
	color:#ffffff;
	font-size:16px;
}

#wrapper-devis input.flotant,#wrapper-devis select.flotant{
	display:block;
	position:absolute;
	float:none;
	width:215px;
	height:35px;
	line-height:35px;
	border:3px solid #ffe500;
	background:#ffffff;
	font-size:12px;
	font-family:Arial;
	color:#5e5b5b;
}

#wrapper-devis .wpcf7 div.wpcf7-validation-errors, #wrapper-devis .wpcf7 div.wpcf7-response-output {
	position:relative;
	float:left;
	width:50%;
	overflow:hidden;
	margin-top:-50px;
	color:#ffffff !important;
}

.wpcf7-not-valid-tip {
	display:none !important;
}

#wrapper-devis #img-devis.pont-roulant {
	background: transparent url('images/devis/aw-devis-pont-roulant.jpg') no-repeat top center;
}

#wrapper-devis #img-devis.portique {
	background: transparent url('images/devis/aw-devis-portique.jpg') no-repeat top center;
}

#wrapper-devis #img-devis.poutre-roulante {
	background: transparent url('images/devis/aw-devis-manutention-legere.jpg') no-repeat top center;
}

#wrapper-devis #img-devis.palan {
	background: transparent url('images/devis/aw-devis-palan.jpg') no-repeat top center;
}

#wrapper-devis #img-devis.potence {
	background: transparent url('images/devis/aw-devis-potence.jpg') no-repeat top center;
}

#wrapper-devis .pont-roulant input#largeur {
top:20px;
left:350px;
}

#wrapper-devis .pont-roulant input#portee {

top:165px;
left:350px;
}

#wrapper-devis .pont-roulant input#hauteur{
top:240px;
left:200px;
}

#wrapper-devis .pont-roulant input#hauteur2 {
top:295px;
left:460px;
}

#wrapper-devis .pont-roulant input#hauteur3 {
top:230px;
left:680px;
}

#wrapper-devis .portique input#portee {
top:35px;
left:350px;
}

#wrapper-devis .portique input#largeur {

top:350px;
left:240px;
}


#wrapper-devis .poutre-roulante input#largeur {
top:55px;
left:300px;
}

#wrapper-devis .poutre-roulante input#portee {

top:95px;
left:300px;
}

#wrapper-devis .poutre-roulante input#hauteur{
top:220px;
left:90px;
}

#wrapper-devis .poutre-roulante input#hauteur2 {
top:45px;
left:710px;
}

#wrapper-devis .potence input#largeur {
top:130px;
left:410px;
}

#wrapper-devis .potence input#portee {

top:330px;
left:480px;
}

#wrapper-devis .potence input#hauteur{
top:160px;
left:680px;
}

#wrapper-devis .potence select#hauteur2 {
top:145px;
left:300px;
}


/*** Contact ***/

section .page.contact {
	position:relative;
	float:left;

}

section .page.contact #map {
	position:relative;
	float:left;
	width:615px;
	background: transparent url('images/bg-map.png') repeat-x top center;
	height:517px;
	margin-top:20px;
	font-size:12px;
	line-height:15px;
	color: #ffffff !important;
}

section .page.contact #map table tbody td { 
	color:#ffffff;
	font-size:14px;
	line-height:16px;
	font-weight:300;
}

#map #EmplacementDeMaCarte {
	position:relative;
	float:left;
	width:615px;
	height:350px;
	margin-top:10px;
}

#map #adresse {
	border-top: 1px solid #ffe500;
	position:relative;
	width:595px;
	float:left;
	margin-left:8px;
	margin-right:8px;
	margin-top:8px;
	font-weight:300;
}

section .page.contact .post_content {
	position:relative;
	float:left;
	width:334px;
	background: transparent url('images/bg-contact-zone.png') repeat-x top center;
	height:517px;
	margin-left: 75px;
	margin-top:30px;
	padding-top:10px;
}

section .page.contact .post_content::before {
	background: transparent url('images/bg-map-before.png') no-repeat top  !important;
	content: " ";
	width: 75px;
    position: absolute;
    left: -75px;
    top: -10px;
    height:527px;
}

section .page.contact .post_content::after {
	background: transparent url('images/bg-map-after.png') no-repeat top  !important;
	content: " ";
	width: 45px;
    position: absolute;
    right: -44px;
    top: 0px;
    height:517px;
}

.page.contact .wpcf7 {
	position:relative;
	float:left;
	padding:8px;
	margin-top:0px;
	padding-top:0px;
}

.page.contact .wpcf7 p {
	display:block;
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:8px;
}

.page.contact .wpcf7 input, .page.contact .wpcf7 textarea {
	display:block;
	position:relative;
	float:left;
	height:35px;
	line-height:35px;
	border:none;
	background:#ffffff;
	font-size:12px;
	font-family:Arial;
	color:#5e5b5b;
	width:100%;
	margin:0;
	padding:0;
	border-radius:0px;
	padding-left:10px;
	padding-right:10px;
}

.page.contact .wpcf7 textarea {
	height:80px;
}

.page.contact .wpcf7 input.wpcf7-captchar {
	width:30%;
	float:left;
	margin-left:10px;
}

.page.contact .wpcf7 img {
	display:block;
	position:relative;
	width:72px;
	float:left;
	margin-top:5px;
}

.page.contact .wpcf7 input.wpcf7-submit {
	background-color:#ffe500;
	font-size:15px;
	text-transform:uppercase;
	color:#000000;
	height:35px;
	line-height:35px;
}

.page.contact .wpcf7 input.wpcf7-submit:hover {
	color:#ffffff;
}

.page.contact .wpcf7 div.wpcf7-validation-errors, .wpcf7-response-output {
	display:block;
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
	margin:0;
	width:92%;
	border:1px solid #ffffff;;
	font-size:9px;
	line-height:11px;
}

.page.contact .wpcf7 span.wpcf7-not-valid-tip {
	display:block;
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
	margin:0;
	line-height:9px;
	font-size:8px !important;
	font-weight:300;
}

.page.contact div.wpcf7 img.ajax-loader {
	display:none !important;
}

/*** Actualites ***/

section .page.actualites {
	width:1035px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

#wrapper-actu {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	/* max-width:1600px; */
	height:600px;
	background: transparent url('images/bg-wrapper-actu.png') no-repeat top center !important;
	overflow:hidden;
	margin-bottom:0px;
}

#wrapper-actu ul#actu-liste {
	display:block;
	list-style:none;
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
}

#slider1_container .actu-item {
	list-style:none;
	display:block;
	position:relative;
	float:left;
	width: 356px;
	height:265px;
	margin-left:50px;
	margin-right:50px;
	margin-top:5px;
	margin-bottom:0px;
}

#slider1_container .actu-item .date {
	position:relative;
	float:left;
	line-height:30px;
	height:40px;
	background: transparent url('images/bg-date-actu.png') repeat-x top center !important;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	margin-left:10px;
}

#slider1_container .actu-item .date::before {
	background: transparent url('images/bg-date-actu-before.png') no-repeat top center !important;
	content: " ";
	width: 10px;
    position: absolute;
    left: -9px;
    top: 0px;
    height:40px;
}

#slider1_container .actu-item .date::after {
	background: transparent url('images/bg-date-actu-after.png') no-repeat top center !important;
	content: " ";
	width: 16px;
    position: absolute;
    right: -15px;
    top: 0px;
    height:40px;
}

#slider1_container .actu-item .actu-content {
	position:relative;
	width:100%;
	float:left;
	height:195px;
	overflow:hidden;
	margin-top:-10px;
	background-color:#232323;
	max-width: 346px;
	padding:5px;
	font-size:13px;
	color:#ffffff;
	line-height:16px;
	box-shadow: 4px 4px 12px #555;
}

#slider1_container .actu-item .post_thumbnail {

position:relative;
float:left;
border:2px solid #ffffff;
width:143px;
height:188px;
margin-right:8px;

}

#slider1_container .actu-item a.more {
	display:block;
	position:relative;
	float:right;
	background: transparent url('images/bg-voir.png') repeat-x top  !important;
	margin-right:43px;
	height:23px;
	line-height:23px;
	color:#000000;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	margin-top:0px;
	margin-bottom:5px;
}

#slider1_container .actu-item a.more::before {
	background: transparent url('images/bg-voir-before.png') no-repeat top  !important;
	content: " ";
	width: 7px;
    position: absolute;
    left: -6px;
    top: 0px;
    height:23px;
}

#slider1_container .actu-item a.more::after {
	background: transparent url('images/bg-voir-after.png') no-repeat top  !important;
	content: " ";
	width: 43px;
    position: absolute;
    right: -42px;
    top: -7px;
    height:37px;
}

#slider1_container .actu-item a.more:hover::after {
	background: transparent url('images/bg-voir-after-hover.png') no-repeat top  !important;
}


/*** Footer ***/

footer {
	position:relative;
	width:100%;
	/*background: transparent url('images/bg-menu2.png') repeat-x top center !important; */
	margin-bottom:40px;
	margin-top:50px;
	/* max-width:1600px; */
	margin-left:auto;
	margin-right:auto;
	/*overflow:hidden;*/
}

.footer-inner {
	background: transparent url('images/bg-menu.png') no-repeat top center !important;
	border:none !important;
	padding-top:20px;
	padding-bottom:15px;
	text-align:center;
	color:#000000;
	font-size:13px;
	font-family:Trebuchet MS;
	font-weight:300;
	margin-top:10px;
}

footer #logo-agre {
	position:relative;
	float:right;
	margin-top:-30px;
	margin-right:80px;
	height:88px;
	background: transparent url('images/bg-logo-footer.png') repeat-x top center !important;
	padding-left:10px;
	padding-right:10px;
}

footer #logo-agre::before {
	background: transparent url('images/bg-logo-footer-before.png') no-repeat top  !important;
	content: " ";
	width: 10px;
    position: absolute;
    left: -9px;
    top: 0px;
    height:88px;
}

footer #logo-agre::after {
	background: transparent url('images/bg-logo-footer-after.png') no-repeat top  !important;
	content: " ";
	width: 10px;
    position: absolute;
    right: -9px;
    top: 0px;
    height:88px;
}

#logo-agre #logo-agre-content {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

#logo-agre #logo-agre-content img {
float:left;
}

.realisations .ngg-album-link a {
	display:block;
	position:relative;
	width:100%;
	overflow:hidden;
}

.home #home-texte h1 {
	margin-bottom:10px;
}

.home #home-texte h2 {
	margin-top:0px;
}

#home-texte h1 span {
	padding-bottom:5px;
}

.home #home-texte a {
color:#000000;
}

footer .menu-link {
	text-align:left;
}

footer .menu-link li{
	list-style:none;
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
	font-size:12px;
}

footer .menu-link li a {
	text-decoration:none;
}

footer .menu-link li a:hover {
	text-decoration:underline;
}



#plaquette {
	display:block;
	position:relative;
	float:right;
	width:220px;
	height:40px;
	line-height:40px;
	color:#000000;
	font-style:italic;
	font-size:18px;
	font-weight:300;
	margin-right:32px;
	padding-left:9px;
	padding-right:9px;
	background: transparent url('images/bg-occasion.png') no-repeat bottom  !important;
	text-align:center;
	margin-bottom:14px;
}

#plaquette::before {
	background: transparent url('images/bg-occasion-before.png') no-repeat bottom  !important;
	content: " ";
	width: 11px;
    position: absolute;
    left: 0px;
    top: 0px;
    height:40px;
}

#plaquette::after {
	background: transparent url('images/bg-occasion-after.png') no-repeat bottom  !important;
	content: " ";
	width: 13px;
    position: absolute;
    right: 0px;
    top: 0px;
    height:40px;
}