@charset "UTF-8";
/* CSS Document */

/* BLOCS GENERAUX */

body { font-family:"Lucida Sans","Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;  }
#page { width: 830px; margin: 0px auto 20px auto;}
#header {}
#content {overflow:hidden; margin-top:140px; clear:both;}
#footer {}


/* HEADER */

#logo {height:66px ; margin-top:0px;}
#portfolio {float:left ; width:300px ; margin-top:100px ; text-transform:uppercase; font-size:13px ; height: 18px; line-height:18px;}
#portfolio ul, #portfolio li {display:inline;}
#portfolio ul { margin-left:10px ;}
#portfolio span.portf {background-color:#B4CE06; font-size:13px ; padding:2px 3px ; color:#FFF}
#portfolio span.iota {color:#B4CE06;}
#portfolio ul li a { color:#6a747b ; text-decoration:none}
#portfolio ul li a:hover { color:#333 ; }
#portfolio span a {color:#FFF;}
#menu ul li {padding:0 3px; letter-spacing:-0.5px; color:#FFF}
#menu {float:right;background-color:#ACB3B9; text-transform:uppercase; text-align:center; font-size:13px; height:18px; line-height:18px; margin-top:100px; font-family: "Lucida Grande", Verdana, Arial ; padding:0 4px;}
html>body #menu {}
#menu ul, #menu li {display:inline;}
#menu li a {color:#454545;}
#menu li a:hover {color: #000;}
#menu ul li {padding:3px; letter-spacing:-0.5px}


/* CONTENT */
/********* INDEX *********/
#cadre {border: 1px solid #CCC; padding:5px;}
#inner {background-color:#EDEDED;padding:0px 15px 0px;}

#col_gauche {float:left; display:inline; width:180px; border-right:1px solid #999999; font-size:13px ; margin-top:15px;}
#col_gauche li a {color:#666;}
#col_gauche li a:hover {color: #000;}
#col_gauche li a.active {color: #000;}
#col_gauche ul li {padding:3px 0px ; letter-spacing:-0.5px; line-height:20px;}

#col_droite {font-size:12px; margin:0 0 0 220px; padding-top:15px;color:#6C6C6C; }
#col_droite div {display:none;}
#col_droite .active {display:block}


/********** PORTFOLIO *************/
.projet {margin-right:20px ; width:150px ; float:left;}

.bordure {border:1px solid #d3d3d3 ; padding:4px;}
html>body .bordure { padding:4px 4px 2px 4px}

.sliderGallery ul.active {display:block;
}


/*********** CONTACT *************/
/*#form #inner {height:280px; overflow:hidden;}*/
#form { width:490px ; float:left ; display:inline; font-size:12px ; letter-spacing:-0.5px ; color:#6C6C6C; }
#coordonnees { float:left; width:190px ; display:inline; margin-top:15px ; }
#form a:hover {color: #8ca005 }
#formulaire { float:left; border-left: 1px solid #D3D3D3 ; padding-left:15px ; display:inline; margin-top:15px ;}
#form_contact {}
label {display:block ; margin-bottom:7px; line-height:18px}
.textinput {width:240px ;background-color:#FFF ; border:1px solid #D3D3D3;}
.textarea {width:240px ;background-color:#FFF ; border:1px solid #D3D3D3; font-family:"Lucida Sans","Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;; font-size:11px ;}
#boutons {background-color:#FFF; border:1px solid #D3D3D3; height:20px; line-height:20px; padding:0 8px ; width:224px ; overflow:hidden}
#message_erreur { text-align:center ; color:#F00; font-size:11px ;}
#tetes {margin-left:18px;color:#6C6C6C; float:left; width:320px ; display:inline; }
.employe {float:left; width:320px ; height:90px ; margin-bottom:10px ; margin-right:20px ;}
.portrait {float:left; border:1px solid #D3D3D3; padding:4px ; margin-right:10px ;}
html>body .portrait {padding: 4px 4px 2px;}
#tetes p {font-size:12px; line-height:16px ;}


/************ PROJET *************/
.bordure2 {float:left;border:1px solid #d3d3d3 ; padding:4px;}
#details {float:left; margin-left:20px ;border:1px solid #d3d3d3 ; padding:4px; width:310px;}
#fond_details { padding:15px ; background-color:#EDEDED; font-size:12px ;color:#6C6C6C;}





/* FOOTER */




/* STYLES */

h3 { font-size:17px ; color:#b4ce06; font-variant:small-caps; margin-bottom:15px ;}
h4 { font-size:15px ; margin:5px 0 15px; color:#6c6c6c ; letter-spacing:-0.8px;}
p {line-height:15px; padding-top:3px ; margin-bottom:10px}
a img {border:none;}
a {text-decoration:none;}
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 15px;  line-height: 15px; font-size: 1px;overflow:hidden }
.vert { color:#b4ce06;}
.items {display:none}

/* SLIDER */
/* slider specific CSS */
.sliderGallery {
	overflow: hidden;
	position: relative;
	height: 265px;
	width: 830px ;
}

.sliderGallery UL {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

.sliderGallery UL LI {
	display: inline;
}

.sliderGallery h4 {
	white-space:normal;
}

.slider {
	height: 10px;
	top: 250px;
	position: relative;
	background: url(../../_res/ligne_drag.gif) center repeat-x;
	overflow:hidden
}

.handle {
	position: absolute;
	cursor: pointer;
	height: 10px;
	width: 50px;
	top: 0;
	background: #B4CE06 url(../../_res/drag.gif) top no-repeat;
	z-index: 100;
	overflow:hidden;
}





/* SLIDER EMPLOYES */
/* slider specific CSS */
.sliderTetes {
	overflow: hidden;
	position: relative;
	height: 450px;
	width: 320px ;
}

.sliderTetes UL {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	width:1020px ;
}

.sliderTetes UL LI {
	display: inline;
}

.sliderEmploye {
	height: 10px;
	top: 312px;
	position: relative;
	background: url(../../_res/ligne_drag.gif) center repeat-x;
	overflow:hidden;
}

.handleEmploye {
	position: absolute;
	cursor: pointer;
	height: 10px;
	width: 50px;
	top: 0;
	background: #B4CE06 url(../../_res/drag.gif) top no-repeat;
	z-index: 100;
	overflow:hidden;
}




/* SLIDER PROJETS */
/* slider specific CSS */
.sliderProjet {
	overflow: hidden;
	position: relative;
	height: 266px;
	width: 480px ;
}

.sliderProjet UL {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	width:1370px ;
}

.sliderProjet UL LI {
	display: inline;
}

.sliderProj {
	height: 10px;
	top: 266px;
	position: relative;
	background: url(../../_res/ligne_drag.gif) center repeat-x;
	/*overflow:hidden;*/
	margin-left:510px ;
}

.handleProj {
	position: absolute;
	cursor: pointer;
	height: 10px;
	width: 50px;
	top: 0;
	background: #B4CE06 url(../../_res/drag.gif) top no-repeat;
	z-index: 100;
	overflow:hidden;
}