@font-face {
font-family: 'Yanone';
src: url('../fonts/Yanone/Yanone-webfont.eot');
src: url('../fonts/Yanone/Yanone-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Yanone/Yanone-webfont.woff') format('woff'),
url('../fonts/Yanone/Yanone-webfont.ttf') format('truetype'),
url('../fonts/Yanone/Yanone-webfont.svg#Yanone') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Yanone-Light';
src: url('../fonts/Yanone/Yanone-Light-webfont.eot');
src: url('../fonts/Yanone/Yanone-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Yanone/Yanone-Light-webfont.woff') format('woff'),
url('../fonts/Yanone/Yanone-Light-webfont.ttf') format('truetype'),
url('../fonts/Yanone/Yanone-Light-webfont.svg#Yanone-Light') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Serveroff';
src: url('../fonts/Serveroff/Serveroff-webfont.eot');
src: url('../fonts/Serveroff/Serveroff-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Serveroff/Serveroff-webfont.woff') format('woff'),
url('../fonts/Serveroff/Serveroff-webfont.ttf') format('truetype'),
url('../fonts/Serveroff/Serveroff-webfont.svg#Serveroff') format('svg');
font-weight: normal;
font-style: normal;
}

/*** Début du RESET CSS ***/
html {
font-size:100%;
}

html,body {
margin:0;
padding:0;
}

body {
background:#0f1014;
color:#181818;
font-family:Yanone-Light, Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}

ul.menuTypo {
font-family:Yanone, Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
}

ul.menuTypo li a {
color:#FFFFFF;
padding:0px 6px 0px 6px;
}

ul.menuTypo li a:hover {
color:#C1D72E;	
}

ul li.menuActif a {
color:#C1D72E;	
}

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
font-weight:normal;
font-family:Yanone, Verdana, Arial, Helvetica, sans-serif;
color:#42632a;
}

h1 {
font-size:200%;
}

h2 {
font-size:170%;
}

h3 {
font-size:150%;
}

h4 {
font-size:130%;
}

h5 {
font-size:110%;
}

h6 {
font-size:100%;
font-weight:bold;
}

h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {
padding-top:0;	
}

a {
text-decoration:underline;
color:#181818;
}

a:hover {
color:#C1D72E;
}

a img {
border:0;
}

ul {
margin:0 0 10px 0;
padding:0 0 0 30px;
list-style-type:square;
}

ol {
margin:0 0 10px 0;
padding:0 0 0 30px;
list-style-type:decimal;
}

li {
margin:0 0 4px 0;
padding:0;
}

p {
line-height:1.1;
text-align:justify;
margin:0 0 10px 0;
padding:0;
}

strong {
font-weight:bold;
}

em {
font-weight:normal;
font-style:italic;
}

table {
border:0;
border-collapse:collapse;
margin:0 0 10px 0;
width:auto;
}

table th {
border:0;
border-collapse:collapse;
padding:5px;
font-weight:bold;
vertical-align:top;
}

table td {
border:0;
border-collapse:collapse;
padding:5px 5px 5px 0;
vertical-align:top;
}

div.clear {
visibility:hidden;
height:0;
font-size:0;
line-height:0;
padding:0;
margin:0;
clear:both;
}

form {
border:0;
margin:0 0 10px 0;
padding:0;
}

label {
cursor:pointer;
font-weight:bold;
}

input,select,textarea {
font-family:Yanone-Light, Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
padding:5px;
}

table.donnees {
border:1px solid #CFCFCF;
}

table.donnees th {
background:#E1E1E1;
}

table.donnees td {
border-bottom:1px dotted #CFCFCF;
padding:5px;
}

div.cadre {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; 
background:#E1E1E1;
border:1px solid #CCC;
padding:10px;
margin:0 0 10px 0;
}

div.cadre :last-child {
margin:0;
}

div.cadre > h1, div.cadre > h2, div.cadre > h3, div.cadre > h4, div.cadre > h5, div.cadre > h6 {
padding-top:0;
}

div.erreur {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; 
background:#FFFFD5;
border:1px solid #CCC;
padding:10px;
margin:0 0 10px 0;
}

div.erreur :last-child {
margin:0;
}

.image-gauche {
float:left;
margin:0 10px 10px 0;
padding:3px;
background:#FFF;
border:1px solid #CCC;
}

.image-droite {
float:right;
margin:0 0 10px 10px;
padding:3px;
background:#FFF;
border:1px solid #CCC;
}

hr {
clear:both;
margin:0;
padding:0;
height:0;
font-size:0;
visibility:hidden;
border:0;	
}

/* Fin du Reset CSS */

.image-flottante-droite {
border:1px solid #D8D8D8;
padding:5px;
background:#FFF;
float:right;
margin:0px 0px 5px 10px;
}

.image-flottante-gauche {
border:1px solid #D8D8D8;
padding:5px;
background:#FFFFFF;
float:left;
margin:0px 10px 5px 0px;
}

.flottant {
padding:5px 5px 0px 0px;
background:#FFFFFF;
float:left;
margin:0px;
}

div#menu {
width:960px;
height:90px;
margin:auto;
background:url(../images/design/menu_bg.jpg) no-repeat top center;
}

div#assistance {
width:960px;
margin:auto;
text-align:right;
padding:5px 5px 0px 5px;	
}

div#logo {
float:left;
width:240px;
padding:20px 0px 0px 20px;
}

div.centrer {
text-align:center;	
padding:10px 0px 5px 0px;
}

div#menuContenu {
float:left;
width:700px;
}

div#menuContenu ul {
list-style-type:none;
padding:0;
margin:0px 0px 0px 40px;	
}

div#menuContenu ul.menuTypo li {
float:left;
padding:43px 10px 3px 10px;
}

div#menuContenu ul li a {
text-decoration:none;	
}

div#bandeau {
min-height:330px;
min-width:980px;
}

div#bandeau img {

}

div#contenu {
width:960px;
margin:auto;
z-index:100;
position:relative;
}

div#contenu ul {
list-style-type:none;
list-style-image:url(../images/design/puces_blanches.gif);	
}

div#contenu a:hover {
color:#1F5602;
}

div.realisations {
width:430px;
min-height:300px;
float:left;
background-color:#dad8d8;
padding:5px 10px 0px 10px;
margin:5px 5px 5px 0px;
}

div.realisations h2 {
font-size:150%;
padding:0px 0px 0px 10px;	
}

div.realisations h4 {
margin:0px 0px 0px 10px;
}

div.realisations p {
line-height:1.1;
}

div.realisations h4 {
padding:0px 0px 5px 0px;	
}

div.realisations h4 a {
color:#42632a;
}

div.realisations img {
background-color:#FFFFFF;
padding:5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;	
}

div.realisations p {
padding:0px 10px 10px 10px;	
}

div#rangee1 {
background:url(../images/design/bordure2.jpg) repeat-x bottom center;
background-color:#FFFFFF;
height:126px;
}

div#rangee1 a {
float:left;
}

div#rangee2 {
background-color:#e7e7e7;
padding:10px 15px 5px 30px;
min-height:200px;
}

div#rangee2 h1, div#rangee2 h2, div#rangee2 h3, div#rangee2 h4, div#rangee2 h5, div#rangee2 h6 {
position:relative;
left:-10px;
}

div#rangee2 p {
line-height:1.1;
}

div#rangee3 {
background:url(../images/design/bordure.jpg) repeat-x bottom center;
background-color:#e7e7e7; /* D9E4D1 */
padding:5px 15px 5px 30px;
min-height:200px;
}

div#rangee3 h1, div#rangee3 h2, div#rangee3 h3, div#rangee3 h4, div#rangee3 h5, div#rangee3 h6 {
position:relative;
left:-10px;
}

div#rangee4 {
background-color:#C1D72E;
padding:10px 10px 0px 10px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}

div.colonne {
width:470px;
float:left;	
}

div#contenuFin {
width:960px;
margin:auto;
}

div#footer {
background-color:#20232a;
height:120px;
color:#FFF;
margin-top:-80px;
z-index:2;
position:relative;
}

div#footerContenu {
width:960px;
margin:auto;
padding:85px 0px 0px 0px;	
}

div.footerCol1 {
float:left;
width:460px;
padding:0px 5px 5px 5px;
}

div.footerCol2 {
float:left;
width:460px;
text-align:right;
padding:0px 5px 5px 5px;
}

.nivo-directionNav a {
margin: 0px 60px 0px 60px;
}

p.details {
padding:0px 0px 0px 30px;	
}

div.espacement {
padding:10px 0px 5px 10px;
}

div.fiche {
padding:10px 0px 0px 0px;
}

div.ficheClient {
display:table-cell;
width:435px;
background-color:#BCCEAF;
padding:10px 5px 5px 5px;
border:5px solid #E7E7E7;
}

div.specsCol {
float:left;	
}

div.ficheClient h3 {
padding:0px 0px 0px 10px;	
}

div.fiche p {
line-height:1.1;	
}

div.ficheNouvelles {
padding:20px 0px 0px 0px;	
}

div.imageColonne {
float:left;	
width:90px;
padding:0px 10px 0px 0px;
}

div.contenu {
float:left;
padding:0px 5px 0px 10px;
width:800px;
}

div.contenu h2 {
padding:0;
margin:0;	
}

div.pagination {
margin:0px 0px 10px 10px;
}

div#contenu div.pagination ul {
list-style-type:none;
list-style-image:none;
padding:0;
margin:0;
}

div.pagination ul li {
float:left;
padding:0px 2px 0px 2px;
}

div.pagination .active{
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
background-color:#363636;
border:solid 1px #000000;
padding:3px 6px 3px 6px;
margin:0px 2px 0px 2px;
}

div.pagination a, div.pagination ul li.previous-off, div.pagination ul li.next-off {
display:block;
color:#FFFFFF;
float:left;
padding:3px 6px;
text-decoration:none;
background-color:#363636;
border:solid 1px #000000;
}

div#contenu div.pagination ul li a:hover {
color:#C1D72E;	
}

div.date {
font-size:0.9em;
font-style:italic;
margin:-5px 0px 5px 0px;
}

div.mediasSociaux {
height:29px;
padding:0px 0px 0px 570px;
position:absolute;
}

div.mediasSociaux ul {
padding:0;
margin:0;
list-style-type:none;
}

div.mediasSociaux ul.icones li {
padding:9px 3px 0px 3px;
margin:0;
float:left;
height:29px;
width:29px;
}

div.btnClient {
width:480px;
margin:auto;
text-align:center;
}

div#rangee2 div.btnClient ul {
list-style-type:none;
list-style-image:none;
padding:0;
margin:0;	
}

div.btnClient ul li {
float:left;
padding:10px 5px 5px 5px;
}

div#palette-pantone ul {
margin:0;
padding:0;
list-style-type:none;
list-style-image:none;
}

div#palette-pantone li {
width:64px;
height:100px;
margin:0.5em 0 0 0;
padding:0;
float:left;
border:1px solid #000;
color:#FFF;
}

div#palette-pantone li span {
background-color:#000;
color:#EEE;
font-size:80%;
font-weight:bold;
display:block;
text-align:center;
padding:2px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
width:830px;
margin:0px 0px 0px 5px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:820px;
}

.bouton {
padding:2px 5px 2px 5px;
font-family:Yanone, Verdana, Arial, Helvetica, sans-serif;
background-image: linear-gradient(bottom, rgb(140,156,20) 0%, rgb(193,215,46) 75%);
background-image: -o-linear-gradient(bottom, rgb(140,156,20) 0%, rgb(193,215,46) 75%);
background-image: -moz-linear-gradient(bottom, rgb(140,156,20) 0%, rgb(193,215,46) 75%);
background-image: -webkit-linear-gradient(bottom, rgb(140,156,20) 0%, rgb(193,215,46) 75%);
background-image: -ms-linear-gradient(bottom, rgb(140,156,20) 0%, rgb(193,215,46) 75%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(140,156,20)), color-stop(0.75, rgb(193,215,46)));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.bouton a {
color:#363636;
text-decoration:none;
}

div#contenu .bouton a:hover {
color:#FFFFFF;
}