/* Generalites ============================================================ */

*{
	padding: 0;
	margin: 0;
	outline: none;
}

body {
    font: 11px Verdana,Helvetica,"Lucida Grande",sans-serif;

}

.background-accueil{
	background: url("../images/background_accueil.jpg") repeat-x;
}
.background-interieur{
	background: url("../images/background_interieur.jpg") repeat-x;
}


/* Classes reutilisables =================================================== */
.bold {
	font-weight: bold;
}
.last {
	border: none !important;
}
.orange {
	color: #f29400;
}
.uppercase {
	text-transform: uppercase;
}


/* Structure ============================================================= */

#wrapper{
	width: 980px;
	margin: 0 auto;
	padding-top: 5px; 
	position: relative;
	color: #666;
}

    article{
		clear: both;	
	}

	
	
/* Header elements ============================================================= */	

header{
	padding: 0 15px;
	height: 118px;
	display: block;
}

	header h1 a {
		text-decoration: none;
		background: url("../images/logo_kookline.png") no-repeat;
		width: 115px;
		height: 110px;
		display: block;
		text-indent: -9999px;
	}

	header h1, nav { float:left;}
	nav { 
		margin: 30px 0 0 0;
		position: relative;
		left: 23px;
		display: block
	}


	/* menu de navigation */
	ul.underline {
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 75%, #bcbcbc 76%, #0a0502 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#ffffff), color-stop(76%,#bcbcbc), color-stop(100%,#0a0502)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 75%,#bcbcbc 76%,#0a0502 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 75%,#bcbcbc 76%,#0a0502 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #ffffff 75%,#bcbcbc 76%,#0a0502 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0a0502',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #ffffff 75%,#bcbcbc 76%,#0a0502 100%); /* W3C */
		height: 40px;
		margin: 10px 0;
		position: relative;
		width: 100%;
		font-family: Helvetica;
	}

	.underline li {
		float: left;
		list-style: none;
		padding-bottom: 10px;
	}
	
	.underline li.back {
		border-bottom: 10px solid #ec8f00;
		-moz-border-bottom-colors: #ec8f00 #ed9001 #ee9100 #f09201 #f29606 #f4a82f #f6b247 #f6b957 #f7bf65 ;
		-webkit-border-bottom-colors: #ec8f00 #ed9001 #ee9100 #f09201 #f29606 #f4a82f #f6b247 #f6b957 #f7bf65 ;
		border-bottom-colors: #ec8f00 #ed9001 #ee9100 #f09201 #f29606 #f4a82f #f6b247 #f6b957 #f7bf65 ;
		background:none;
		height: 20px;
		z-index: 10;
		position: absolute;	
	}
	.underline li a {
		font-variant: small-caps;
		font-size: 18px;
		text-decoration: none;
		color: #ec8f00;
		text-align: center;
		z-index: 15;
		display: block;
		float: left;
		position: relative;
		overflow: hidden;
		margin: 0 22px;
	}  
	
	.underline li a:hover, .underline li a:active, .underline li a:visited { border: none;}                     

.degrade_menu {
    background: -webkit-gradient(linear, left top, left bottom, from(#f7bf65), to(#ec8f00));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: -moz-linear-gradient(top, #f7bf65, #ec8f00);
}

/* Content elements ============================================================= */	


/************************************ COMMUNS **********************************************************/ 
#bandeau{
	height: 106px;
	margin: 28px 0 20px;
}

.page article{
	padding: 0 25px;	
	width: 570px;		
	float: left;	
	color: #666666;
}

.page article h1, .page aside h2{	
	color: #f29400;
	font-size: 15px;
	font-variant: small-caps;
	margin-bottom: 15px;
	width: 100%;
	border-bottom: 1px solid #cac9c9;
	padding-bottom: 5px;
}

h3, .bandeau-title{
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	font-size: 18px;
	color: #fff;
	margin-left: 205px;
	padding-top: 15px;
}	

.page aside {
	float: left;
	width: 325px;
	margin-left: 30px;
}


.page article p{
	margin-bottom: 15px;
}	

address  {
	background: url("../images/footer_mail.png") no-repeat;
	display: block;
	width: 122px;
	height: 12px;
	text-indent: -9999px;
}




/************************************ PAGE ACCUEIL **********************************************************/
	/* diaporama */
	#diaporama {
		height: 408px;
		clear: both;
	}

	/* texte */
	.border-shadow {
		background: url("../images/border_shadow.png") no-repeat scroll 0 5px transparent;
		margin-left: -11px;
		overflow: hidden;
		width: 1001px;
		clear: both;
	}
	.border-shadow2 {
		background: url("../images/border_shadow2.png") no-repeat scroll 0 30px transparent;
		margin-left: -11px;
		overflow: hidden;
		width: 1001px;
		clear: both;
	}

	#texte_accueil {
		color: #666666;
		float: left;
		margin-top: 20px;
		padding: 0 25px;
		text-align: justify;
		width: 570px;
	}

		#texte_accueil h2{
			color: #f29400;
			font-size: 16px;
			font-variant: small-caps;
			margin-bottom: 15px;
			width: 550px;
			border-bottom: 1px solid #cac9c9;
			padding-bottom: 5px;
		}
		
		#texte_accueil p{
			margin-bottom: 15px;
		}

	.puce_orange {
		background: url("../images/puce_orange.png") no-repeat;
		display: block;
		float: left;
		height: 10px;
		margin: 2px 10px 0 0;
		width: 5px;
	}	
	
	.puce_info {
		background: url("../images/puce_info.png") no-repeat;
		display: block;
		float: left;
		height: 14px;
		margin-right: 5px;;
		width: 14px;
		text-indent: -9999px;
	}	
		
	/* boutons equipe et twitter */	
	.box-sidebar{
		width: 172px;
		height: 156px;
		text-indent: -9999px;	
		display: block;
		float: left;
		margin-top: 20px;
	}

	.shadow:hover{
		-moz-box-shadow: 0 0 8px #b0b0b0;
		-webkit-box-shadow: 0 0 8px #b0b0b0;
		box-shadow: 0 0 8px #b0b0b0;
	}

	#btn_twitter {
		background: url("../images/btn_twitter.jpg") no-repeat;
	}

	#btn_equipe {
		background: url("../images/btn_equipe.jpg") no-repeat;
		margin-left: 15px;
		
	} 

	/* dernier tweet */

	.picto_twitter{
		background: url("../images/picto_twitter.jpg") no-repeat;
		display: block;
		float: left;
		width: 38px;
		height: 24px;
		margin-left: 5px;
	}

	#twitter{
		clear: both;
		background: url("../images/picto_twitter.jpg") no-repeat #f0f0f0 5px 0;
		min-height: 22px;
		border: 1px solid #c0c3c3;	
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		line-height: 20px;
		color: #4ac4e5;
		margin: 30px 25px;
		padding: 2px;
	}
		#twitter a{
			color: #4ac4e5;
		}

		.tweet { 
			border-left: 2px solid #224466;
			margin-left: 51px;
			padding: 0 15px 0 20px;
		}
		
		.tweet span {
			color: #c0c3c3;
		}

		
/************************************ PAGE KOOKLINE **********************************************************/
	.kookline #bandeau{ 
		background: url("../images/bandeau_kookline.png") no-repeat scroll 0 0 transparent;
	}
	
	/* images */

	.kookline #liste-points li {
		width: 565px;
		list-style: none;
		position: relative;
		height: 126px;
		margin-bottom: 10px;
	}	
	
		.kookline  #liste-points h3{
			margin-left: 235px;
		}
		
		.kookline  #liste-points p {
			color: #fff;	
			margin: 10px 0 0 235px;		
			width: 315px;
			text-align: justify;
		}

		.kookline #ecoute{ background: url('../images/fond_ecoute.png') no-repeat;}		
		.kookline #conseil{	background: url('../images/fond_conseil.png') no-repeat;}		
		.kookline #accompagnement{ background: url('../images/fond_accompagnement.png') no-repeat;}		
		.kookline #accompagnement p{ margin-top :5px;}


	.kookline  p.last{
		margin-top: 20px;
	}			
	.kookline #liste-valeurs {
		margin: 0 0 30px 30px;
	}		
		.kookline #liste-valeurs li{
			margin-bottom:5px ;
		}		
			
	/* partenaires */

	.partenaires {
		text-indent: -9999px;
		display: block;
		float: left;
		margin-top: 10px;
		padding-bottom:10px
	}
	.kookline aside li{
		border-bottom: 1px solid #e5e5e4;
		clear: both;
		list-style: none;
	}    
	.kookline aside li a { cursor: default; }
		#cyberCite{
			background: url('../images/partenaire_CC.png') no-repeat;
			width: 152px;
			height: 45px;
		}
		#cyberCite:hover{ background-position:0 -65px; }
		
		#alfaSafety{
			background: url('../images/partenaire_AS.png') no-repeat;
			width: 158px;
			height: 45px;
		}	
		#alfaSafety:hover{background-position:0 -65px;}
		
		#cgoAndCo{
			background: url('../images/partenaire_CGO.png') no-repeat;
			width: 83px;
			height: 80px;
		}
		#cgoAndCo:hover{background-position:0 -100px;}
		
		#quatreCentQuatre{
			background: url('../images/partenaire_404.png') no-repeat;
			width: 90px;
			height: 80px;
		}	
		#quatreCentQuatre:hover{background-position:0 -100px; }
		
		#experian{
			background: url('../images/partenaire_Experian.png') no-repeat;
			width: 137px;
			height: 80px;
		}	
		#experian:hover{background-position:0 -100px; }
		
		#medialibs{
			background: url('../images/partenaire_Medialibs.png') no-repeat;
			width: 158px;
			height: 70px;
		}	
		#medialibs:hover{background-position:0 -90px;}
		
		#oceanetTechnology{
			background: url('../images/partenaire_Oceanet.png') no-repeat;
			width: 110px;
			height: 62px;
			padding-bottom: 0;
      margin-left: 25px;
      margin-top: 15px;
		}	
		#oceanetTechnology:hover{	background-position:0 -62px;}
		

/************************************ PAGE EQUIPE **********************************************************/

	
	.equipe #bandeau{ 
		background: url("../images/bandeau_equipe.jpg") no-repeat scroll 0 0 transparent;
	}
	
	.equipe aside { 
		margin-left: 45px;
	}
	
	.equipe aside a { 
		background: url("../images/encart_postuler.png") no-repeat scroll 0 0 transparent;
		color: #666666;
		display: block;
		height: 141px;
		padding-left: 11px;
		padding-top: 40px;
		text-decoration: none;
		width: 294px;
		margin: 0 0 10px 6px;
		-moz-box-shadow: 0 0 3px #999;
		-webkit-box-shadow: 0 0 3px #999;
		box-shadow: 0 0 3px #999;
		border: 1px #fff solid;
	}

	.equipe aside a span{ margin-top: 20px;}

	
	.equipe aside a .title-postulez{ 
		color: #fff;
		text-transform: uppercase;
		font-size: 45px;
		text-transform: uppercase;
		font-weight: bold;
		display: block;		
	}	
	
	.equipe section {
		clear: both;
		margin: 0 0 30px 20px;
		overflow: hidden;
		display: block;
	}

	/* encarts */
	.encart {
		width: 306px;
		border: 1px solid #fff;
		float: left;
		height: 181px;
		margin: 5px 7px;
		-moz-box-shadow: 0 0 3px #999;
		-webkit-box-shadow: 0 0 3px #999;
		box-shadow: 0 0 3px #999;
		display: block;
		position: relative;
	}   
	
  .references .encart {
	  cursor: pointer !important;
  }
	
	#directrice {background: url('../images/directrice.png') no-repeat;}
	#chefDeProjet {background: url('../images/chefDeProjet.png') no-repeat;}
	#chefDeProjet2 {background: url('../images/chefDeProjet2.png') no-repeat;}
	#directriceArtistique {background: url('../images/directriceArtistique.png') no-repeat;}
	#developpeur {background: url('../images/developpeur.png') no-repeat;}
	#developpeur2 {background: url('../images/developpeur2.png') no-repeat;}
	#developpeur3 {background: url('../images/developpeur3.png') no-repeat;}
	
	.encart:hover {background-position:0 -181px !important;}

	.encart-title {font-size: 14px;}		
	.equipe .encart  p { 
		width: 185px;
		margin-left: 110px;
		margin-top: 30px;
		color: #fff;
	}
	.equipe .encart-title  .orange{ 
		display: block;
		font-size: 11px;
	}
	
	.equipe h3 {
		font-size: 14px;
		margin-left: 110px;
		padding-top: 30px;
	}	
	.equipe h4 {
		color: #F29400;
		font-size: 11px;
		margin-left: 110px;
		text-transform: uppercase;
	}
	
	.cache{
		margin-top: 10px !important;
		display : none;
	}
	.encart:hover .cache{display : block;}
	
	

/************************************ PAGE PRESTATION **********************************************************/	

	.prestations #bandeau{ background: url("../images/bandeau_prestations.png") no-repeat scroll 0 0 transparent;}

	.prestations #liste-prestations li {
		width: 565px;
		list-style: none;
		position: relative;
		height: 126px;

		margin-bottom: 10px;
	}	

		.prestations #liste-prestations p {
			color: #fff;	
			margin-left:205px;		
			width: 350px;
			padding-top: 5px;
			text-align: justify;
		}
           
		.prestations #conseilEtStrategie{  background: url('../images/fond_conseilEtStrategie.png') no-repeat;}		
		.prestations #webDesign{ background: url('../images/fond_webDesign.png') no-repeat;}		
		.prestations #developpementIntegration{	background: url('../images/fond_developpementIntegration.png') no-repeat;}		
		.prestations #accompagnementSuivi{ 
			background: url('../images/fond_accompagnementSuivi.png') no-repeat;
			margin-bottom: 35px !important;
		}		

		
	/* outils */
	.prestations aside li {	list-style: none; }    
	 .prestations aside li a { cursor: default; }
	
	#drupal{
		background: url('../images/outils_drupal.png') no-repeat;
		width: 77px;
		height: 78px;
	}
	#drupal:hover{ background-position:0 -88px; }
	
	#wordpress{
		background: url('../images/outils_wordpress.png') no-repeat;
		width: 126px;
		height: 78px;
	}
	#wordpress:hover{ background-position:0 -88px; }
		
	#joomla{
		background: url('../images/outils_joomla.png') no-repeat;
		width: 107px;
		height: 78px;
	}
	#joomla:hover{ background-position:0 -88px; }
	
	#prestashop{
		background: url('../images/outils_prestashop.png') no-repeat;
		width: 81px;
		height: 84px;
	}
	#prestashop:hover{ background-position:0 -104px; }
	
	#emajine{
		background: url('../images/outils_emajine.png') no-repeat;
		width: 126px;
		height: 84px;
	}
	#emajine:hover{ background-position:0 -104px; }
	
	
	
		
	
/************************************ PAGE REFERENCES **********************************************************/
	
	
	/* diaporama des zooms sur certaines references */
	.references #diaporama {
		background: url('../images/diaporama_ref_background.png') repeat-x #333;
		position: relative;
		width: 951px;
		margin: 20px 13px 0;
		border: 2px solid #fff;
		-moz-box-shadow: 0 0 3px #999;
		-webkit-box-shadow: 0 0 3px #999;
		box-shadow: 0 0 3px #999;
		height: 366px;
		z-index: 47;
	}
	
	#titreDiapoRef {
		font-weight: normal;
		font-family: Helvetica;
		text-transform: uppercase;	
		height: 25px;
		width: 245px;
		font-size:18px;
		background-color: #f1f1f1;
		letter-spacing: -1px;
		color: #4d4443;
		padding: 5px 0 0 5px;
	}
	
	.references	#slider{ position: relative;}
	.references  #slider{
		position: absolute !important;
		right: -1px !important;
		top: 30px;
		width: 555px;
	}
	
	/* navigation */
	.references .nivo-controlNav { bottom: 10px;	}
	
	.references	.nivo-caption{
		width: 395px;
		height: 280px;
		background: url('../images/fond_diapo_ref.png') repeat-x #e9e9e9;
		opacity: 1 !important;
		color: #333;
		left:-397px;
		left:-396px;
		position: absolute;
		
	}
	.references .nivo-caption h3{
		font-size: 14px;
		color: #F29400;
		margin-top: 20px;
	}	

	.references .nivo-caption p{
		padding: 10px 10px;
		width: 370;
	}	
	.references .nivo-caption li{ margin-top: 10px; list-style: none;}	
	.references .titreLi {color: #8c8684;}
	
	.references .nivo-caption a{
	    background: none repeat scroll 0 0 #FFFFFF;
		bottom: 30px;
		color: #F29400;
		left: 0;
		padding: 5px 5px 5px 120px;
		position: absolute;
		text-decoration: none;
	}	
	.references .nivo-caption a:hover{text-decoration: underline;}
	
	#titreListeRef {
		border-bottom: 4px solid #F39B07;
		bottom: 7px;
		color: #FFFFFF;
		font-family: Helvetica;
		font-size: 18px;
		font-weight: normal;
		left: 85px;
		letter-spacing: -1px;
		position: absolute;
		text-transform: uppercase;
		width: 150px;
		z-index: 50;
	}	
	
	#triangle {
		text-indent: -9999px;
		display: block;
		background: url('../images/pointe_ref.png') no-repeat;
		width: 20px;
		height: 15px;
		margin-top: -3px;
		margin-left: 165px;
		position: relative;
		z-index: 50;
	}
	
	
	/* listes des encarts => references */
	.references .encart {
		height: 230px;
		color: #999;
		cursor: default;
	}
	.references .encart h3{
		font-size: 14px;
		color: #999;
	}	
	.references .encart:hover h3{ color: #F29400;}
	
	.references h3, .references h4 { 
		margin-left: 0;
		text-transform: uppercase;
	}
	.references .encart:hover { color: #333;	}

	
	/** pager **/
	#pages { 
		position: relative; 
		height: 540px;
		margin: 30px 0 0 18px ;
		display: block;
	}	
	
	.first_link, .previous_link, .next_link, .last_link { display: none !important; }

	.liste-references{ height: 480px;}
	
	.page_navigation{
		clear: both;
		position: relative;
		margin-left: 450px;
		margin-top: 20px;
	}
	.page_navigation a{
	    background: url("../images/btn_pager_gris.png") no-repeat scroll 0 0 transparent;
		cursor: pointer;
		display: inline-block;
		height: 15px;
		margin-right: 5px;
		text-indent: -9999px;
		width: 15px;
		float: left;
		z-index: 9;
	}	
	a.active_page{background: url("../images/btn_diaporama_orange.png") no-repeat scroll 0 0 transparent;}
	
	.references .encart:hover {background-position: 0 -125px !important; }
	
	/* description des references */
	.ref_description {
		background-color: #fff;
		height: 105px;
		bottom: 0;
		position: absolute;
		padding: 0 5px;
		width: 297px;
	}
	.ref_description p{margin-top:15px; color: #000;}
	.ref_description h4{margin-bottom: 5px;}
		
	/* images des references */
	#ref_axenergie{background: url('../images/ref_axenergie.png') no-repeat top;}
	#ref_xyleme{background: url('../images/ref_xyleme.png') no-repeat top;}
	#ref_alfa-safety{background: url('../images/ref_alfa-safety.png') no-repeat top;}
	#ref_powerball{background: url('../images/ref_powerball.png') no-repeat top;}
	#ref_gamme-baie{background:url('../images/ref_gamme-baie.png') no-repeat top;}
	#ref_ghsa{background: url('../images/ref_ghsa.png') no-repeat top;}
	#ref_cojitech{background: url('../images/ref_cojitech.png') no-repeat top;}
	#ref_design-creation{background: url('../images/ref_design-creation.png') no-repeat top;}
	#ref_diadem{background: url('../images/ref_diadem.png') no-repeat top;}
	#ref_ffo{background: url('../images/ref_ffo.png') no-repeat top;}
	#ref_lotissam{background: url('../images/ref_lotissam.png') no-repeat top;}
	#ref_urologues-st-augustin{background: url('../images/ref_urologues-st-augustin.png') no-repeat top;}
	#ref_yanet{background: url('../images/ref_yanet.png') no-repeat top;}
	
	
/************************************ PAGE CONTACT **********************************************************/
	
	.contact  #bandeau{ background: url("../images/bandeau_contact.jpg") no-repeat scroll 0 0 transparent;}
	
	/* formulaire */
	.contact form 	{ margin-bottom: 60px;}	
	.contact input 	{ height: 25px;}
	.contact input, textarea { 
		width: 280px;
		background: -webkit-gradient(linear, left top, left 10, from(#FFFFFF), color-stop(1%, #efefef), to(#FFFFFF));
		background: -moz-linear-gradient( top, #FFFFFF, #efefef 1%, #FFFFFF 10px);		
		background: linear-gradient( top, #FFFFFF, #efefef 1%, #FFFFFF 10px);
		border: 1px solid #cccccc;
		-moz-border-radius: 2px; 
		-webkit-border-radius: 2px;
		border-radius: 2px;
		padding: 0 4px;
		color: #999;
	}	

	.contact #name label 	{ margin-right: 59px;}
	.contact #email label 	{ margin-right: 49px;}
	.contact #message label{ position: absolute;}	

	.contact textarea { 
		width: 480px;
		max-width: 480px;		
		min-width: 480px;
		padding: 5px;
		height: 95px;		
		min-height: 95px;
		margin-left: 85px;
	}		

	.contact input:hover, textarea:hover,
	.contact input:focus, textarea:focus { 
		border: 1px solid #999;
	}

	/* submit */
	.contact #submit input {
		width: 160px;
		height: 25px;
		border: 1px solid #fff;
		color: #fff;
		font-variant: small-caps;
		font-family: Helvetica;
		font-weight: bold;
		-moz-box-shadow: 1px 3px 7px #999999;
		-webkit-box-shadow: 1px 3px 7px #999999;
		box-shadow: 1px 3px 7px #999999;
		background: #f29400; /* Old browsers */
		background: -moz-linear-gradient(top, #f7bf65 23%, #f6b247 43%, #f09201 63%, #ec8f00 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#f7bf65), color-stop(43%,#f6b247), color-stop(63%,#f09201), color-stop(100%,#ec8f00)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f7bf65 23%, #f6b247 43%, #f09201 63%, #ec8f00 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f7bf65 23%, #f6b247 43%, #f09201 63%, #ec8f00 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #f7bf65 23%, #f6b247 43%, #f09201 63%, #ec8f00 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7bf65', endColorstr='#ec8f00',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #f7bf65 23%, #f6b247 43%, #f09201 63%, #ec8f00 100%); /* W3C */
		-moz-text-shadow: 1px 1px 10px #996600;
		-webkit-text-shadow: 1px 1px 10px #996600;
		text-shadow: 1px 1px 10px #996600;
		cursor: pointer;		
		margin-left: 410px;
	}	
	
	.contact #mentions {
	
	}
	
	.contact #submit  input:hover{	text-shadow: 0 0 0 #fff;}
	.contact #submit  input:active{
		padding-top:2px;
		box-shadow: 1px 3px 7px #333;
	}	
	

	/* nous rencontrer */
	.contact aside p, .contact aside address, .contact aside a {
		margin: 0 0 5px 15px;		
	}
	.contact aside p .puce_orange {margin-left: -15px;	}	
		.contact aside div {
			border-bottom: 1px solid #e5e5e4;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
		.contact aside a {	text-decoration: none;}				
		.contact aside a:hover {text-decoration: underline;}		

		
	.retour {
		border: 1px solid red;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: red;
		padding: 5px;
	}
	.messageEnvoye {
		border: 1px solid #339933;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #339933;
		padding: 5px;	
	}


/************************************ Plan du site **********************************************************/

#plan {margin: 10px 0 40px 50px ;}
#plan a {
  color: #666;
  text-decoration: none;
}
#plan a:hover{ text-decoration: underline;}

/* Footer elements ============================================================= */	 

footer{
	min-height: 200px;
	overflow: hidden;
	background: #4e4545;
	width: 100%;
	display: block;
	padding-top: 20px;
}
	
#contenu_footer {
	width: 965px;
	margin: 20px auto;
	color: #c2baac;
	font-size: 11px;
}

	.img_footer{
		display: block;
		text-indent: -9999px;
		float: left;
		margin-right: 25px;
	}

	#footer_alfasafety{
		background: url('../images/footer-logo1.png') no-repeat;
		padding-right: 15px;
		width: 152px;
		height: 102px;
		cursor: default;
	}
	#footer_cenio{
		background: url('../images/cenio.png') no-repeat; 
		padding-right: 15px;
		width: 173px;
		height: 101px;
	}     
	 #footer_cenio:hover{ background: url('../images/cenio.png') no-repeat 0 -101px; }
	#footer_atlantic{
		background: url('../images/atlantic2.0.png') no-repeat;
		width: 132px;
		height: 100px;
	}       
	 #footer_atlantic:hover{ background: url('../images/atlantic2.0.png') no-repeat 0 -100px; }

	footer div div {
		border-left: 1px solid #C2BAAC;
		float: left;
		margin-left: 25px;
		padding-left: 25px;
		width: 140px;
		height: 125px;
	}	
		footer p{
			color: #c2baac;
			text-decoration: none;
			margin: 5px 0;
		}		
		footer a{
			color: #c2baac;
			text-decoration: none;
		}	
		footer a:hover{text-decoration: underline;	}	

		
	footer ul{ list-style: none; }

	#liens_footer1{
		border-left: 1px solid #C2BAAC;
		float: left;
		margin-left: 5px;
		padding-left: 15px;
		width: 170px;
		height: 125px;
	}	
		#liens_footer1 li{
			border-bottom: 1px solid #c2baac;
			padding: 3px 0 4px;
		}
	
	#liens_footer2{
		clear: both;
		float: right;
		margin-top: 10px;
	}
		#liens_footer2 li{
			float: left;
			border-right: 1px solid #C2BAAC;
			margin-left: 5px;
			padding-right: 5px;
		}
		
		
.hidden {
  display: none;
}


/****** PAGE RECRUTEMENT ******/
.recrutement { 
  background: url("../images/recrutement.png") no-repeat scroll 0 0 transparent;
  border: 1px solid #FFFFFF;
  box-shadow: 0 0 3px #999999;
  color: #666666;
  display: block;
  height: 85px;
  margin: 0 0 10px 6px;
  text-decoration: none;
  width: 312px;
} 
       
.kookline .recrutement {
  margin-top: 120px !important;
}
       
.prestations .recrutement {
  margin-top: 240px !important;
}      

.equipe .recrutement {
  margin-left: 668px;
  margin-top: 30px;
}
       
.contact .recrutement {
  margin-top: 25px !important;
  margin-bottom: 20px !important;
}        
  .contact .recrutement:hover {  
    text-decoration: none;
  }

.background-accueil .recrutement {
  margin-left: 645px !important;
  margin-top: 42px !important;
}


/*animation css3*/
.encart:hover p{
	opacity: 1;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
}
.animcss li:hover h3{
    opacity: 1;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
}
.animcss li:hover p{
    opacity: 1;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}
@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
        -ms-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

    @-webkit-keyframes moveFromTop {
        from {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}