/* import external stylesheet */
@import url('reset.css');
@import url('style.css');

/* basics */
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.sizeContainer { width: 950px;position: relative; margin: 0 auto; }

/* first level structure */
#main {  }
#header { background: url('../img/gfx/patternLight.png') repeat transparent; padding: 5px 0; /*position: fixed; top: 0;*/ width: 100%; border-bottom: 1px solid #f4f1dc; }
#top { height: 316px; background: url('../img/gfx/patternRed.png') repeat-x transparent center top; padding: 1px 0 0; /*margin-top:69px;*/ }
#separator {  }
#contents { padding: 30px 0; background: url('../img/gfx/patternDark.png'); }
#footer {  }

/* header */
#logo {  }
.menu { float: right; }
.menuItem { display: block; margin-left: 10px; float: left; margin: 13px 0;  }
.menuItem a { display: block; text-indent: -9999px; height: 31px; background-repeat: no-repeat; }
#navIntroduction a { background-image: url('../img/gfx/menuButtonIntroduction.png'); width: 108px; }
#navServices a { background-image: url('../img/gfx/menuButtonServices.png'); width: 76px; }
#navReferences a { background-image: url('../img/gfx/menuButtonReferences.png'); width: 92px; }
#navContact a { background-image: url('../img/gfx/menuButtonContact.png'); width: 122px; }
.menuItem a:link, .menuItem a:visited { background-position: left top; }
.menuItem a:hover { background-position: left center; }
.menuItem a:active, .menuItem a:link.clicked { background-position: left bottom; }

#lang { position: absolute; top: 17px; left: 230px; }
#lang .menuItem { margin: 0 0 0 10px; }
#lang .menuItem a { text-indent: 0; font-size: 0.8em; }

/* slider */
#slider { height: 260px; background: #CCC; margin: 28px auto; }

/* section */
.blockQuart { width: 225px; margin: 0 5px; display: block; float: left; background: url('../img/gfx/patternLight.png'); border: 1px solid #BDB791;  }
.blockQuart a:link { color : #787563;}
.blockQuart .depDesc { border-top: 1px solid #FFF; padding: 12px; }
.blockQuart .depImage { border-top: 1px solid #d5d0b5; }

/* footer */
#footer { background: url('../img/gfx/patternRed.png') repeat-x; padding: 20px 0; }
#footer h1 { color: #FFF; }
#footer p, #footer a:link, #footer a:visited { color: #d95454; }
#footer a:hover { color: #E77D7D; }

/* slider */
#slider { border: 1px solid #500F0F; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider, #slider li { width:950px; height:260px; overflow:hidden; }

/* images flottantes services */
.imgserv { float:left; margin-right : 10px;}
.imgcontact { float:right; margin-left : 10px;}
.textserv { clear:both; }

/* texte gras */
strong { font-weight: bold;}

/*ref */

.refTable { width: 100%; display: block; padding: 10px; background: white; } 
.refTable .refItem { width: 120px; height: 120px; display: block; margin: 5px; float: left; text-align: center; }
.refTable .refItem a { vertical-align: middle; display: block; border: none; margin: auto auto; }
.refTable .refItem img { max-width: 120px; max-height: 120px; border: none; }