/*
KFH Communication website
Description: 
Version: 1.0
Author: KFH Communication
Author URI: http://www.kfhcom.com/
*/

/*////////Reset////////*/
*{
margin:0;
padding:0;
}
img {border:none;}
ul {list-style-type:none;}
li{list-style-type:none;}
p {text-align:left;}
a:focus { outline:none; }
a{text-decoration:none;}
li.puce{list-style-type:disc;
margin-left:25px;
}


/*/////////////////////////////////////////////////////////////////////////////*/
/*COMMUN*/
/*/////////////////////////////////////////////////////////////////////////////*/
/*Site*/
body {
/*background-color:#764458;*/
background-color:#a49b97;
color:#fff;
font-family:helvetica, arial, sans-serif;
font-size:10pt;
}
#site{
position:absolute;
height:600px;
width:960px;
left: 50%;
top: 50%;
margin-left:-480px;
margin-top:-300px;
text-align:left;
}

/*Header*/
#header{
height:50px;
width:800px;
margin-left: auto; 
margin-right: auto; 
text-align: left;
}
#logo{
float:left;
margin-top:5px;
}
#texte_header{
float:left;
font-size:10pt;
font-weight:100;
margin-top:20px;
text-align: center;
width:555px;
}

/*Contenu*/
#content{
background:#fff;
height:504px;
width:806px;
margin-left: auto; 
margin-right: auto; 
text-align: left;
}
.gauche{
float:left;
height:492px;
margin:6px 0 6px 6px;
width:394px;
}
.droite{
float:left;
height:492px;
margin: 6px 6px 6px 6px;
width:394px;
}
#contenu_droite{
float:left;
margin:0px 0px 0px 15px;
}
#menu{
float:left;
height:30px;
line-height:15px;
margin-top:5px;
width:200px;
}
.lien_menu{
color:#fff;
line-height:23px;
text-decoration:none;
font-size:12px;
}
.lien_menu_active{
color:#fff;
line-height:23px;
text-decoration:none;
}
#retour{
float:left;
margin-top:10px;
margin-left:102px;
margin-bottom:15px;
text-align:center;
border: 1px solid #fff;
width:60px;
height:20px;
}
#retour a{
display:block;
text-decoration:none;
font-size:9px;
color:#fff;
width:60px;
height:20px;
}
/*footer*/
#footer{
clear:both;
color:#fff;
font-size:10px;
height:30px;
margin:21px 0 0 0;
text-align:center;
}

#footer a{
color:#000;
text-decoration:none;
}
/*/////////////////////////////////////////////////////////////////////////////*/
/*HOME*/
/*/////////////////////////////////////////////////////////////////////////////*/
/*Content*/
a#lien_home_news{
display:block;
float:left;
height:103px;
margin:10px 0 0 10px;
position:absolute;
width:90px;
}
#recrutement{
float:right;
margin:-20px 5px 0 0;
}
#home_concertation{
float:right;
margin:-30px 5px 0 0;
}
a#lienHG {
background:url('../images/accueil/couvertures/CouvMetier.png') 0 0;
display:block;
float:left;
height:243px;
position:absolute;
width:194px;
}
a:hover#lienHG {
background:url('../images/accueil/couvertures/CouvMetier.png') 0 243px;
cursor:pointer;
}
a#lienHD {
background:url('../images/accueil/couvertures/CouvBook.png') 0 0;
display:block;
float:left;
height:243px;
margin:0 0 0 200px;
position:absolute;
width:194px;
}
a:hover#lienHD {
background:url('../images/accueil/couvertures/CouvBook.png') 0 243px;
cursor:pointer;
}
a#lienBG{
background:url('../images/accueil/couvertures/CouvEquipe.png');
display:block;
float:left;
height:243px;
margin:249px 0 0 0;
position:absolute;
width:194px;
}
a:hover#lienBG {
background:url('../images/accueil/couvertures/CouvEquipe.png') 0 243px;
cursor:pointer;
}
a#lienBD {
display:block;
position:absolute;
float:left;
height:243px;
margin:249px 0 0 200px;
width:194px;
background:url('../images/accueil/couvertures/CouvContact.png');
}
a:hover#lienBD{
background:url('../images/accueil/couvertures/CouvContact.png') 0 243px;
cursor:pointer;
}
.vousetnous{
background:url('../images/accueil/vousetnous.png') no-repeat;
float:left;
height:72px;
position:absolute;
width:19px;
z-index:10;
}
#vousetnousHG{
margin:15px 0 0 0;
}
#vousetnousHD{
margin:15px 0 0 0px;
}
#vousetnousBG{
margin:15px 0 0 0;
}
#vousetnousBD{
margin:15px 0 0 0px;
}
.titre_partie{
position:absolute;
z-index:15;
}
#titre_metier{
background:url('../images/accueil/titres/metier.png');
height:40px;
margin:123px 0 0 29px; 
width:137px;
}
#titre_jardins{
background:url('../images/accueil/titres/jardins.png');
height:40px;
margin:123px 0 0 16px; 
width:157px;
}
#titre_equipe{
background:url('../images/accueil/titres/equipe.png');
height:45px;
margin:151px 0 0 29px; 
width:136px;
}
#titre_contact{
background:url('../images/accueil/titres/contact.png');
height:40px;
margin:151px 0 0 29px; 
width:137px;
}
.code_barre{
background:url('../images/accueil/code_barre.png') no-repeat;
height:21px;
position:absolute;
width:43px;
z-index:20;
margin:223px 0 0 125px;
}


/*/////////////////////////////////////////////////////////////////////////////*/
/*INDEX_NEWS*/
/*/////////////////////////////////////////////////////////////////////////////*/
#titre_index_news{
margin:30px 0  0 10px;
text-align:center;
font-family:geneva,sans-serif;
font-weight:200;
color:#000;
}
#images_index_news{
/*margin-top:10px;*/
text-align:center;
padding-left:-10px;
}
#texte_index_news{
/*margin:10px;*/
}
#liens_index_news{
text-align:center;
//margin-top:-40px;
margin-top:2px;
}
#acces_news{
border: 2px solid #5f796d;
text-decoration:none;
font-size:15px;
font-weight:bold;
padding: 5px;
color:#5f796d;
}
#acces_site{
border: 2px solid #764458;
text-decoration:none;
font-size:15px;
font-weight:bold;
padding: 5px;
color:#764458;
}
/*/////////////////////////////////////////////////////////////////////////////*/
/*NEWS*/
/*/////////////////////////////////////////////////////////////////////////////*/
.retour_news{
background:url('../images/retour_news.png') no-repeat;
}
#gauche_news{
background-color:#bbb;
font-size:12px;
}
#titre_contenu_news{
margin:20px 0  10px 30px;
text-align:center;
font-family:geneva,sans-serif;
font-size:18px;
font-weight:200;
color:#000;
width:330px;
}
#images_contenu_news{
text-align:center;
margin:20px 0 0 00px;
}
#texte_contenu_news{
margin:10px 0 0 32px;
color:#e2007a;
font-weight:bold;
text-align:left;
width:330px;
}
#paragraphe_contenu_news{
color:#000;
font-size:11px;
margin:0px 0 0 32px;
width:330px;
}
#lien_news{
color:#e2007a;
}
#colonne1_contenu_news{
float:left;
color:#000;
width:158px;
margin:10px 0 0 30px;
font-size:10px;
text-align:justify;
}
#colonne2_contenu_news{
float:left;
color:#000;
width:158px;
margin:10px 0 0 15px;
font-size:10px;
text-align:justify;
}
#liens_contenu_news{
text-align:center;	
}
#droite_news{
background-color:#5f796d;
font-size:12px;
}
#news{
float:left;
height:415px;
margin-top:10px;
overflow: auto;
outline:none;
width:365px;
}
.news_unique{
float:left;
width:340px;
}
.news_unique a{
color:#fff;
}
.news_unique a:hover{
color:#764458;
}
.mois_news{
float:left;
font-size:15px;
}
.vignette_news{
float:left;
margin: 10px 0 15px 0;
width:72px;
}
.description_news{
float:left;
font-size:10px;
margin: 10px 0 15px 15px;
width:240px;
}
/*/////////////////////////////////////////////////////////////////////////////*/
/*CONCERTATION*/
/*/////////////////////////////////////////////////////////////////////////////*/
#concertation{
background-color:#cfcfcf;
color:#000;
font-size:12px;
float:left;
height:492px;
margin:6px 0 6px 6px;
width:794px;
}
.retour_concertation{
background:url('../images/retour_concertation.png') no-repeat;
float:right;
margin-top:10px;
margin-right:15px;
margin-bottom:15px;
text-align:center;
border: 1px solid #fff;
width:60px;
height:20px;
}
.retour_concertation a{
display:block;
text-decoration:none;
font-size:9px;
color:#fff;
width:60px;
height:20px;
}
#titre_contenu_concertation{
margin:0px 0  10px 0px;
text-align:left;
font-family:geneva,sans-serif;
font-size:22px;
font-weight:200;
width:330px;
}
.chapeau_concertation{
font-size:13px;
text-align:center;
}
#texte_concertation{
padding:0px 15px 20px 05px;
height:415px;
overflow: auto;
width:770px;
text-align:center;
}
#concertation h2{
font-size:22px;
color:#764458;
}
.partie_concertation{
font-size:15px !important;
color:#000 !important; 
font-weight:normal;
margin:18px 0 10px;
}
#concertation h3{
font-size:14px;
font-weight:bold;
color:#;	
}
.miniature_projet_concertation{
float:left;
width:130px;
}
.paragraphe_projet_concertation{
float:left;
margin-left:10px;
width:205px;	
}
.hidden{
display:none;
visibility:hidden;	
}
.outils_concertation{
font-weight:bold;
color:#764458;	
}
#concertation li{
list-style-type:disc;
margin-left:15px;
}
.nom_client_concertation{
color:#764458;	
padding:10px 0;
}
#concertation a{
color:#61878E;	
}
.img_concertation{
margin:10px 0 0;	
}
.cellule_concertation{
width:220px;
padding:10px 12px;	
border:solid 1px #fff;
vertical-align:top;
}
#concertation_box{
background-color:#cfcfcf;
padding:10px 5px ;
width:860px;
text-align:center;
}
.titre_box_concertation{
font-size:22px;
color:#764458;	
margin:10px 0;
}
#text_box_concertation{
padding:10px;
text-align:center;
width:800px;
}

/*/////////////////////////////////////////////////////////////////////////////*/
/*CAS DE KFH*/
/*/////////////////////////////////////////////////////////////////////////////*/
.retour_cas{
background:url('../images/retour_cas.png') no-repeat;
}
#droite_casKFH{
background:#c0ac02;
font-size:11px;
}
#casKFH{
width:365px;
height:420px;
float:left;
overflow: auto;
outline:none;
font-size:11px;
color:#000;
}
.paragraphe_cas{
padding-left:15px;	
}
#titre_1{
color:#3b0d83;
}
#titre_2{
color:#5d7c01;
}
#titre_3{
color:#f03003;
}
#titre_4{
color:#387e84;
}
#titre_5{
color:#8a1501;
}
#titre_6{
color:#72037e;
}
#titre_7{
color:#62abcb;
}
#titre_8{
color:#f8b871;
}
#titre_9{
color:#c8f23f;
}
#titre_10{
color:#f84040;
}
#titre_11{
color:#466ed0;
}
.description_casKFH{
width:335px;
font-size:10px;
}
.lien_casKFH{
color:#fff;
text-decoration:underline;
font-size:10px;
}
/*/////////////////////////////////////////////////////////////////////////////*/
/*BOOK*/
/*/////////////////////////////////////////////////////////////////////////////*/
.retour_book{
background:url('../images/retour_book.png') no-repeat;
}
#gauche_book{
background:#000;
}
#image_book_grand{
height:377px;
}
#client_gauche{
margin:15px 15px 0 ;
text-align:center;
}
#texte_book_grand{
color:#fff	;
font-size:10px;
margin:10px 0 0 10px;
}
#navig_book_grand{
margin-left:18px;
}
.lien_navig_book_grandGD img{
margin:6px 6px 0 0;
float:left;
height:60px;
width:60px;
}
.lien_navig_book_grand img{
float:left;
height:60px;
width:60px;
margin:6px 6px 0 0;
}
.lien_navig_book_grandGD{
float:left;	
}
.lien_navig_book_grand{
float:left;
}
#droite_book{
background-color:#584651;
font-size:12px;
}

#book{
margin:7px 0 0 0;
}
ul.thumb {
	float: left;
	list-style: none;
	margin: -10px 0 0 0; padding: 0;
}
ul.thumb li {
	margin: 6px 6px 0 0; /*padding: 5px;*/
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 68px;
	height: 68px;
}
ul.thumb li img {
	width: 68px; height: 68px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	/*border: 1px solid #ddd;*/
	/*padding: 5px;*/
	/*background: #f0f0f0;*/
	position: absolute;
	left: 0; top: 0;"PHP/competences.php"
}
ul.thumb li img.hover {
	/*background:url(thumb_bg.png) no-repeat center center; */ /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

/*/////////////////////////////////////////////////////////////////////////////*/
/*REFERENCES*/
/*/////////////////////////////////////////////////////////////////////////////*/
#droite_references{
background:#584651;
font-size:11px;
}
#references{
float:left;
width:365px;
height:410px;
margin-top:10px;
overflow: auto;
outline:none;
}
.jScrollPaneContainer{
top:10px;
}

/*/////////////////////////////////////////////////////////////////////////////*/
/*COMPETENCES*/
/*/////////////////////////////////////////////////////////////////////////////*/
.retour_competences{
background:url('../images/retour_competences.png') no-repeat;
margin-bottom:5px !important;
}
#gauche_competences{
background:#000;
}
#competences_hover{
position:absolute;
margin:-330px 0 0 109px;
}
#gauche_hover{
float:left;
background-color:#fff;
height:175px;
position:absolute;
width:175px;
z-index:5;
}

#bulle_competences{
float:left;
position:absolute;
z-index:15;
margin-top:300px;
margin-left:-100px;
}
#fleche_portrait_HG{
float:left;
margin:-300px 0 0 100px;
}
#fleche_portrait_HD{
float:left;
margin:-310px 0 0 180px;
}
#fleche_portrait_BG{
float:left;
margin:-140px 0 0 150px;
}
#fleche_portrait_BD{
float:left;
margin:-180px 0 0 180px;
}
.texte_portrait{
float:left;
background:#dd866e;
color:#000;
height:50px;
font-size:12px;
text-align:center;
width:170px;
}
#texte_portrait_HG{
margin:-370px 0 0 18px;
}
#texte_portrait_HD{
margin:-380px 0 0 190px;
}
#texte_portrait_BG{
margin:-110px 0 0 35px;
}
#texte_portrait_BD{
margin:-146px 0 0 180px;
}
#portrait_competences{
margin:12px 0 0 12px;
}
.detail_portrait{
color:#fff;
text-align:center;
}
#droite_competences{
background-color:#a1b3bc;
font-size:12px;
}
.thumb{
	
}
ul.thumb_competences {
	float: left;
	list-style: none;
	margin: 0 0 0 0px; padding: 0;
	width:380px;
}
ul.thumb_competences li {
	margin: 6px 6px 0 0; /*padding: 5px;*/
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 68px;
	height: 68px;
}
ul.thumb_competences li img {
	width: 60px; height: 60px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 3px solid #fff;
	/*padding: 5px;*/
	/*background: #f0f0f0;*/
	position: absolute;
	left: 0; top: 0;
}


/*/////////////////////////////////////////////////////////////////////////////*/
/*CONTACT*/
/*/////////////////////////////////////////////////////////////////////////////*/
.retour_contact{
background:url('../images/retour_contact.png') no-repeat;
}
#droite_contact{
background-color:#dd866e;
font-size:12px;
}
#contenu_contact{
	margin:15px;
}
#menu_contact{
float:left;
width:145px;
}
.retour_contact{
margin-top:-20px;
}
#form_contact{
float:left;	
}
#envoye{
color:#000;
margin-left:105px;
margin-top:20px;
}
form.cmxform fieldset {
	margin-bottom: 10px;
}
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	margin: 0 -7px; /* IE Win */
}
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: pointer;
}
form.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}
form.cmxform label { width: 100px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */
form.cmxform label.error {
	margin-left: 103px;
	width: 220px;
}
form.cmxform input.submit {
	margin-left: 103px;
}
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}
form.cmxform legend {
	padding-left: 0;
}
form.cmxform legend, form.cmxform label {
	color: #333;
}
form.cmxform fieldset fieldset {
	background: none;
}
form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input {	border: 1px solid black; }
textarea {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

/*FILM*/
.retour_film{
position:relative;
float:left;
margin-top:20px;
text-align:center;
border: 1px solid #fff;
width:60px;
height:20px;
background:url('../images/retour_competences.png') no-repeat;
margin-left:700px;
}
.retour_film a{	
position:relative;
display:block;
text-decoration:none;
font-size:9px;
color:#fff;
width:60px;
height:20px;
}
#video{
float:left;
height:400px;
margin:20px 0 0 150px;
width:500px;
}