body {
	font-size: 13px;
	line-height: 1.3em;
	color: #3F3F3F;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	background: #6b6b6d url('img/bg/bg-body.png') repeat-x;
}

/*--- form ---*/
/*
label {
	text-align: right;
	width: 180px;
	float: left;
	margin: 0 10px 0 0;
}

input {
	float: left;
	width: 200px;
}*/

button {
	cursor: pointer;
}

/*--- clearer ---*/

.clearer {
	clear: both;
}

/*--- lein ---*/

a {
	color: #000;
/* 	text-decoration: none; */
}

a:hover {
	color: #F29400;
}

/*--- liste ---*/

ul.liste-text li {
	width: 460px;
	margin: 10px auto;
}

ul.liste-text li ul li {
	margin: 5px 0 5px 20px;
}

img.fleft {
	float: left;
}

/*--- titre ---*/

h2 {
	color: #ed8600;
	font-size: 1.5em;
	margin: 10px 0;
}

h2 a {
	text-decoration: none;
}

h3 {
	color: #ed8600;
	font-size: 1.2em;
	margin: 10px 0;
}

/*--- img ---*/

#coldroite img{
	display: block;
	margin: 0 10px 5px 0;
	float: left;
	padding: 3px;
	border: 1px solid #ddd;
}

/*--- paragraphe ---*/

#coldroite p {
	margin: 0 0 10px 0;
}

.orange {
	color: #ED8600;
}

/*--- wrapper ---*/

#wrapper {
	margin: 0 auto;
	width: 960px;	
}

/*--- header ---*/
/*
#header h1 {
	width: 748px;
	height: 135px;
	float: left;
	display: inline;
	text-indent: -9999px;
	background: #fff url('img/logo/logo.png') no-repeat 50% 50%;
}*/

#header h1 {
	width: 748px;
	height: 135px;
	float: left;
	display: block;
	background: #fff;
}

#header h1 img {
	display: block;
	width: 245px;
	height: 115px;
	margin: auto;
	padding: 10px;
}

#header #espace-client {
	width: 212px;
	height: 135px;
	float: left;
	display: inline;
	background: #f6f6f5 url('img/bg/bg-espace-client.png') repeat-y 0 0;
}


#header #espace-client p strong {
	margin: 20px 0 5px 15px;
	display: block;
}

#header #espace-client p a {
	margin: 0 0 0 88px;
	color: #F29400;
	font-size: 0.8em;
	text-decoration: underline;
}

#header #espace-client p a:hover {
	color: #000;
}

#header form {
	width: 175px;
	margin: 0 auto;
}

#header form p {
	margin: 0 0 5px 0;
	height: 25px;	
}

#header form label {
	width: 60px;
	margin: 0 3px 0 0 ;
	line-height: 22px;
}

#header form input {
	background: url('img/bg/bg-input-header.png') no-repeat;
	width: 84px;
	height: 19px;
	border: none;          
	padding: 2px 0 0 4px;
}

#header form input.seConnecter {
	margin: 0.3em 0 0 0 ;
	width: 21px;
	height: 19px;
	background: url('img/btn/btn-ok.png') no-repeat;
	border: none;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 0px;
	display: block;
	line-height: 0px;
	cursor: pointer;
	*cursor: hand;
	margin-left: 65px;
	*margin-left: 70px;
}

/*--- coverflow ---*/

#coverflow {
	width: 960px;
	background: url('img/bg/bg-coverflow.png') repeat-y;
}


#text-coverflow {
	float: right;
	width: 212px;
	position: relative;
}

#text-coverflow ul li {
	height: 150px;
	width: 170px;
	top: 20px;
	left: 20px;
	position: absolute;
	color: #fff;
}

#text-coverflow ul li a {
	display: block;
	width: 95px;
	height: 19px;
	margin: 10px 0 0 0;
	text-indent: -9999px;
	background: url('img/btn/btn-savoir.png') no-repeat;
}

#text-coverflow ul li a:hover {
	background-position: 0 -19px;
}

/*--- content ---*/

#content {
	background: url('img/bg/bg-content.png') repeat-y;
}

/*--- colgauche ---*/

#colgauche {
	float: left;
	width: 214px;
}

/*--- menu ---*/

#menu li a {
	display: block;
	height: 36px;
	text-indent: -9999px;
	text-decoration: none;
	background: url('img/bg/bg-menu.png') no-repeat;
}

#menu li a#nav-presentation {
	background-position: 0 0;
}
#menu li a#nav-presentation:hover,
#menu li a#nav-presentation.active {
	background-position: 0 -37px;
}

#menu li a#nav-actualite {
	background-position: -214px 0;
}
#menu li a#nav-actualite:hover,
#menu li a#nav-actualite.active {
	background-position: -214px -37px;
}

#menu li a#nav-realisation {
	background-position: -428px 0;
}
#menu li a#nav-realisation:hover,
#menu li a#nav-realisation.active {
	background-position: -428px -37px;
}

#menu li a#nav-realisation:hover,
#menu li a#nav-realisation.active {
	background-position: -428px -37px;
}

#menu li li a.active, #menu li li a.hover{
	color: #fff;
}

#menu li a#nav-developpement {
	background-position: -642px 0;
}
#menu li a#nav-developpement:hover,
#menu li a#nav-developpement.active {
	background-position: -642px -37px;
}

#menu li a#nav-adhoc {
	background-position: -856px 0;
}
#menu li a#nav-adhoc:hover,
#menu li a#nav-adhoc.active {
	background-position: -856px -37px;
}

#menu li a#nav-produit {
	background-position: -1068px 0;
}
#menu li a#nav-produit:hover,
#menu li a#nav-produit.active {
	background-position: -1068px -37px;
}

#menu li a#nav-contact {
	background-position: -1282px 0;
}
#menu li a#nav-contact:hover,
#menu li a#nav-contact.active {
	background-position: -1282px -37px;
}

#menu li ul {
	padding: 10px 0 10px 20px;
	width: 194px;
	background: #b4b5b7 url('img/bg/bg-sousmenu.png') repeat-x;
}

#menu li ul li {
	width: 170px;
	padding: 5px 0 5px 0;
}

#menu li ul li a {
	text-indent: 0px;
	background: none;
	display: inline;
	color: #444343;
}

#menu li ul li a:hover {
	color: #fff;
} 

/*--- control ---*/

#control {
	height: 40px;
	background: url('img/bg/bg-control.png') repeat-x;
}

#control p {
	color: #2F2F2F;
	margin: 12px 10px 0 10px;
	float: left;
}

#control ul li {
	display: inline;
	float: left;
	text-indent: -9999px;
}

#control ul li a {
	display: block;
	width: 30px;
	height: 40px;
	background: url('img/btn/btn-control.png') no-repeat;
}

#control ul li a:hover,
#control ul li a.active {
	background-position: 0 -41px;
}

#control ul li a#control-jour {
	background-position: -37px 0;
}
#control ul li a#control-jour:hover,
#control ul li a#control-jour.active {
	background-position: -37px -41px;
}

#control ul li a#control-news {
	background-position: -74px 0;
}
#control ul li a#control-news:hover,
#control ul li a#control-news.active {
	background-position: -74px -41px;
}

#control ul li a#control-date {
	margin: 0 0 0 30px;
	width: 50px;
	background-position: -148px 0;
}
#control ul li a#control-date:hover,
#control ul li a#control-date.active {
	background-position: -148px -41px;
}

/*--- coldroite ---*/

#coldroite {
	width: 513px;
	float: left;
	padding : 20px 10px 10px 10px;
}

/*--- references ---*/

#reference {
	width: 513px;
/* 	height: 155px;	 */
	position: relative;
	margin: 20px 0 0 0;
	background: #F3F3F2;
}

#reference #vue {
	height: 140px;
	width: 377px;
	overflow: hidden;
	float: left;
	display: inline;
}

#reference #vue ul {
	width: 7000px;
}

#reference #vue ul li {
	height: 140px;
	width: 377px;
	float: left;
}

#reference #vue ul li ul {
	height: 140px;
	width: 377px;
}

#reference #vue ul li ul li {
	width: 67px;
	height: 67px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 4px 4px 4px;
	position: relative;
}

#reference #vue ul li ul li img{
	width: 67px;
	height: auto;
}

#reference #vue ul li ul li span {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	background: #000;
	-moz-border-radius: 3px;
	-webkit-border: 3px;
}

#reference #vue ul li ul li img {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

#reference #btn-prev,
#reference #btn-next {
	display: block;
	width: 42px;
	height: 140px;
	text-indent: -9999px;
	float: left;
	display: inline;
}

#reference #btn-prev {
	background: url('img/btn/btn-prev.png') no-repeat;
}

#reference #btn-next {
	background: url('img/btn/btn-next.png') no-repeat;
}

#reference #nav {
	position: absolute;
	font-size: 0.8em;
	left: 440px;
	top: 123px;
}

#reference #nav a {
	display: block;
	float: left;
	display: inline;
	margin: 2px 2px 0 0;
	width: 15px;
	height: 15px;
	text-align: center;
	line-height: 17px;
	-moz-border-radius: 2px;
	-webkit-border: 2px;
}

#reference #nav a.activeSlide,
#reference #nav a:hover {
	color: #fff;
	background: #f29400;
}

/*--- sidebar ---*/

#sidebar {
	width: 212px;
	float: left;
	display: inline;
	background: url('img/bg/bg-sidebar.png') repeat-y;
}

/*--- footer ---*/

#footer {
	height: 37px;
	clear: both;
	background: #fff;
	color: #87888a;
	margin: 0 0 20px 0;
}

#footer p {
	line-height: 37px;
	float: left;
}

#footer img {
	display: block;
	float: left;
	margin: 5px 20px 0 30px;
}

#footer ul {
	float: right;
	color: #000;
}

#footer ul li {
	float: left;
	line-height: 37px;
	display: inline;
	margin: 0 10px 0 0;
}

#footer ul li a {
	padding: 0 10px 0 0;
}

ul.actions {
	margin-left: 0;
	display: block;
	li {
		list-style : none;
		display: inline;
		margin-right: 1em;
	}
}
ul.actions a, a.action {
	font-size: 85%;
	background: #a0a09f;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding: 3px 8px;
	white-space: nowrap;
	text-decoration: none;
	color: #262625;
	display: inline-block;
	font-weight: bold;
	background: url(arrow_right.png) #a0a09f left center no-repeat;
	padding-left: 24px;
}

ul.actions a:hover,a.action:hover {
	color: #262625;
	background-color: #F29400;
}

ul.actions a small {
	font-size: .8em;
}

ul.actions li.prev {
	float: left;
}

ul.actions li.next {
	float: right;
}

ul.actions li.next a {
	background: url(arrow_right.png) #a0a09f right center no-repeat;
	padding-right: 24px;
padding-left: 8px;
}
ul.actions li.next a:hover {
	color: #262625;
	background-color: #F29400;
}

ul.actions li.prev a {
	background: url(arrow_left.png) #a0a09f left center no-repeat;
	padding-left: 24px;
}
ul.actions li.prev a:hover {
	color: #262625;
	background-color: #F29400;
}

ul.actions.neighbors {
	margin: 1em 0 1em 0;
	clear: both;
}
/*
ul.actions.neighbors li a {
	background: #D2D600;
	color: #000;
}

ul.actions.neighbors li a:hover {
	background: #F29400;
	color: #fff;
}*/


ul.actions.neighbors:after 
    {
        clear: both;
        content:'.';
        display: block;
        font-size:0;
        overflow:hidden;
        visibility: hidden;
        height: 0;
        min-height:0;
    }

    ul.actions.neighbors {
            display:inline-block;
    }

    * html ul.actions.neighbors {
        height: 1%;
    }

   ul.actions.neighbors {
        display: block;
    }




.exerpt {
	width: 100%;
	clear: both;
	padding: 0.1px;
	margin: 0.5em 0 2em 0;
}

.exerpt h2 {
	margin: 0.5em 0 0.3em 0;
}
.exerpt small {
	color: #fff;
	background: #F29400;
	padding: 0.05em 0.5em;
	font-size: 0.8em;
	display: inline-block;
	margin: 0em 0 1em 0;
}

.redactional img, .exerpt img {
	width: 120px;
	height: auto;
}


#Relative dl {
	float: left;
	text-align: center;
	overflow: hidden;
}

#Relative dl dt, #Relative dl dd {
	float: left;
	width: 90px;
}

#Relative dl dt {
	display: block;
	width: 90px;
}

#Relative dl dd {
	display: block;
	clear: both;
	font-size: 0.7em;
}

#Relative dl img {
	float: none;
	display: block;
	width: 130px;
	height: auto;
	margin: 0 auto;
}

#Relative dl.hover img {
	border: 1px solid #aaa;
}
#Relative dl.hover a {
	color: #F29400;
}

#coldroite a:hover img {
	border: 1px solid #aaa;
}


ul.actions li {
	margin: 0.5em 0 0.5em 1em;
}

/* Notices and Errors */

 p.error, div.error-message, .alert {
	background: #fff6bf url(img/icons/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	margin: 8px 0px;
	font-weight: normal;
	color: #777;
}

div.message, .info {
	background: #f8fafc url(img/icons/information.png) 15px 50% no-repeat;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	color: #777;
}

div.error-message {
	clear: both;
}

div.error em {
	font-size: 140%;
	color: #003d4c;
}

div.formset div.submit input {
	font-size: 85%;
	background: #1A171B!important;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding: 3px 8px;
	white-space: nowrap;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	border: none;
	cursor: pointer;
	*cursor: hand;
}

div.formset div.submit input:hover {
	color: #000;
	background: #F29400!important;
}

/*--- cache fil arriane ---*/

#u- #Breadcrumbs,
#u-pages-notre_histoire- #Breadcrumbs,
#u-pages-nos_valeurs- #Breadcrumbs,
#u-posts- #Breadcrumbs,
#u-realisations- #Breadcrumbs,
#u-pages-developpement_durable- #Breadcrumbs,
#u-pages-adhoceventes- #Breadcrumbs,
#u-products- #Breadcrumbs,
#u-pages-contact- #Breadcrumbs {
	display: none;
}

/*---  ---*/

p.bg-gris {
	background: #ddd;
	width: 470px;
	padding: 10px;	
}