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

/* DE BASE */
body {
	margin: 0px;
	background-image: url(../images/fondgris.jpg);
	background-repeat: repeat-x;
}

p, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: justify;
}

	.textVert {
		color: #6C9E36;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #6C9E36;
	line-height: normal;
	margin-left: 35px;
	margin-top: 20px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9FA0A2;
	margin-left: 35px;
	margin-bottom: 20px;
	margin-top: 0px;
}

/* STRUCTURE */
#conteneur {
	background-color: #CCCCCC;
	background-image: url(../images/fondgris.jpg);
	background-repeat: repeat-x;
	width: 954px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#centre {
	position:relative;
	width: 945px;
	background-image: url(../images/degradevertical.jpg);
	background-position: -2px top;
	background-color:#FFF;
}
	#centre #logos {
		position:absolute;
		left:10px;
		bottom:10px;
		width:260px;
	}	
	
	#centre #media {
	position:relative;
	float: left;
	width: 264px;
	padding-left:12px;
		
	}
	
		#centre #media #pense {
	background-image: url(../images/degrade_en.gif);
	height: 227px;
	width: 276px;
	margin-left: 0px;
	padding-top: 16px;
	margin-bottom:13px;
	background-position: left top;
		}
		
			#centre #media #pense p {
				font-size:14px;
				text-align:left;
				line-height:16px;
			}
			
			
		#centre #media #video {
			/*background-image: url(../images/video_en.jpg);*/
			height: 240px;
			width: 275px;
			margin-left: 0px;
			margin-top: 12px;
		}
	
		#centre #media #menuGauche {
			width:250px;
		}
			
			#centre #media #menuGauche h1 {
				margin-left:10px;
				color:#666666;
				font-size:20px;
			}
		
			#centre #media #menuGauche li {
				list-style-type: none;
				margin-left:-30px;
				padding-top:3px;
				padding-bottom:3px;
			}
			
				#centre #media #menuGauche li a {
					font-family: Verdana, Geneva, sans-serif;
					font-size: 12px;
					color: #666666;
					display:block;
					text-decoration:none;
					text-align:left;
				}
				
				#centre #media #menuGauche li a:hover {
					color: #FFF;
					background-color:#666666;
				}
				
		
			
	#centre #contenu {
		float:left;
		width: 608px;
		padding-left:32px;
		padding-bottom: 15px;
	}
	
	.msie6 #centre #contenu  {
	padding-left:25px;
	width:590px;	
	}
		#centre #contenu #sourire {
			background-image: url(../images/cliquezici_en.gif);
			background-repeat: no-repeat;
			background-position: right top;
			width: 592px;
			margin-left: 0px;
			position:relative;
		}
		
			#centre #contenu #sourire .carriere {
	padding:12px;
	width:200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #000;				
			}


/* OUTILS */

.blocgris {
	background-color: #EEE;
	margin-top: 0px;
	margin-left: 0px;
	width: 608px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 6px;
	
}
.blocblanc {
	
	margin-top: 0px;
	margin-left: 0px;
	width: 608px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 6px;
}
.blocText {
	
	margin-top: 0px;
	margin-left: 5px;
	width: 580px;
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 0px;
}
	.blocText p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 10px;
	color: #666666;
	margin-left: 5px;
	line-height: 17px;
	margin-bottom:13px;
	text-align:left;
	}
	
	.blocText li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	color: #666666;
	padding-left: 20px;
	line-height: 17px;
	margin-bottom:13px;
	
	}
	
		.blocText li ul li {
			list-style:none;
		}
		
	.blocText blockquote {
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;	
	color:#666666;
	}

	.blocgris p, .blocblanc p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin-top: 0px;
		color: #666666;
		padding-left: 2px;
		padding-right:70px;
	}
	.blocgris h1, .blocblanc h1, .blocText h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #7BA84B;
		padding-left: 2px;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	.blocgris h2, .blocblanc h2, .blocText h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: bold;
		color: #7BA84B;
		padding-left: 2px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 0px;
	}
	
	.blocgris h2 a, .blocblanc h2 a, .blocText h2 a {
		color: #7BA84B;
		text-decoration:none;
	}
	
	.blocgris h2 a:hover, .blocblanc h2 a:hover, .blocText h2 a:hover {
		text-decoration:underline;
	}
	
	.blocgris h3, .blocblanc h3, .blocText h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #666666;
		padding-left: 2px;
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}

	.blocgris h4, .blocblanc h4, .blocText h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #666666;
		padding-left: 2px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 0px;
	}

.mailContact {
	color:#7BA84B;
	text-decoration:none;
}

.mailContact:hover {
	text-decoration:underline;
}

/* INCONNU */
#vplanrecherche {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	position:absolute;
	right:25px;
	top:-20px;
	
}

	#vplanrecherche a, #vplanrecherche span {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 8px;
		color: #FFF;
		text-decoration:none;
		padding-left:10px;
		padding-right:10px;
		cursor:pointer;
	}
	
#planrecherche {
	height: 30px;
	width: 300px;
	margin-left: 647px;
		
}
#menu {
	height: 50px;
	width: 658px;
	margin-left: 289px;
	margin-top: 27px;
	position:relative;
}

#bouton1 {
	height: 50px;
	width: 86px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#bouton1 a {
	height: 50px;
	width: 86px;
	background-image: url(../images/acceuil_en.jpg);
	display: block;
}
#bouton1 a:hover {
	height: 50px;
	width: 86px;
	background-image: url(../images/acceuil_en.jpg);
	display: block;
	background-position: 0px -50px;
}
#bouton6 {
	background-image: url(../images/carrieres_en.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 77px;
	float: left;
}
#bouton6 a {
	height: 50px;
	width: 77px;
	background-image: url(../images/carrieres_en.jpg);
	display: block;
}
#bouton6 a:hover {
	height: 50px;
	width: 77px;
	background-image: url(../images/carrieres_en.jpg);
	display: block;
	background-position: 0px -50px;
	}
#bouton7 {
	background-image: url(../images/contacteznous_en.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 140px;
	float: left;
	}
#bouton7 a {
	height: 50px;
	width: 140px;
	background-image: url(../images/contacteznous_en.jpg);
	display: block;
}
#bouton7 a:hover {
	height: 50px;
	width: 140px;
	background-image: url(../images/contacteznous_en.jpg);
	display: block;
	background-position: 0px -50px;
}
#bouton2 {
	background-image: url(../images/apropos_en.jpg);
	height: 50px;
	width: 82px;
	float: left;
}
#bouton2 a {
	height: 50px;
	width: 82px;
	background-image: url(../images/apropos_en.jpg);
	display: block;
}
#bouton2 a:hover {
	height: 50px;
	width: 82px;
	background-image: url(../images/apropos_en.jpg);
	display: block;
	background-position: 0px -50px;
}
#bouton3 {
	background-image: url(../images/savoirfaire_en.jpg);
	height: 50px;
	width: 92px;
	float: left;
}
#bouton3 a {
	height: 50px;
	width: 92px;
	background-image: url(../images/savoirfaire_en.jpg);
	display: block;
}
#bouton3 a:hover {
	height: 50px;
	width: 92px;
	background-image: url(../images/savoirfaire_en.jpg);
	display: block;
	background-position: 0px -50px;
}
#bouton4 {
	background-image: url(../images/produits_en.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 82px;
	float: left;
	}
#bouton4 a {
	height: 50px;
	width: 82px;
	background-image: url(../images/produits_en.jpg);
	display: block;
}
#bouton4 a:hover {
	height: 50px;
	width: 82px;
	background-image: url(../images/produits_en.jpg);
	display: block;
	background-position: 0px -50px;
}
#bouton5 {
	background-image: url(../images/realisations_en.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 97px;
	float: left;
}
#bouton5 a {
	height: 50px;
	width: 97px;
	background-image: url(../images/realisations_en.jpg);
	display: block;
}
#bouton5 a:hover {
	height: 50px;
	width: 97px;
	background-image: url(../images/realisations_en.jpg);
	display: block;
	background-position: 0px -50px;
}
#entete {
	background-image: url(../images/entete_en.jpg);
	background-repeat: no-repeat;
	width: 954px;
	height: 107px;
	margin-top: 25px
	position:relative;
	}

.details {
	background-image: url(../images/boutondetails_en.jpg);
	height: 22px;
	width: 57px;
	margin-right: 0px;
	margin-bottom: -8px;
	margin-top: 0px;
	margin-left: 550px;
	padding: 0px;
}
.retour {
	background-image: url(../images/boutonretour_en.jpg);
	height: 22px;
	width: 60px;
	margin-right: 0px;
	margin-bottom: -8px;
	margin-top: 0px;
	margin-left: 545px;
	padding: 0px;
}

.menuvert {
	background-image: url(../images/menu.jpg);
	height: 20px;
	width: 608px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-left: 6px;
}

.petitmenuvert {
	background-image: url(../images/petitmenu.jpg);
	height: 20px;
	width: 268px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-left: 6px;
	background-position: right;
}

.membre {
	padding-bottom:15px;
}

	.membre .nom {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		color: #FFF;
		padding: 5px;
		background-color: #6C9E36;
	}
	
		.membre .nom a {
			color:#FFF;
			text-decoration:none;
		}
		
		.membre .nom a:hover {
			text-decoration:underline;
		}
		
	.membre .ville {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#666666;
	font-weight:bold;
	}
	
	.membre .description, .membre .adresse, .membre .telephone  {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#666666;
	}
	
#retourEnHaut {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #000;
	text-align: right;	
}	

#credit {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-variant: small-caps;
	color: #666666;
	margin-top:10px;
	margin-bottom:30px;
	margin-right:10px;
	text-align:right;
	}
	
/* ======== BLOC DIAPOSITIVE ========== */
/*/  La boîte extérieure  /*/
.blocDiapo {
	position:relative;
	font-family: Helvetica, Arial, sans-serif;
	height:228px;
	padding-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	width:608px;
}
	/*/  La boîte intérieure  /*/
	.blocDiapo .inside {
	position:relative;
	height:228px;
	width:617px;
		
	}
	
		/*/  La boîte de la diapositive elle-même /*/
		/*/ NE TOUCHER À AUCUN DE CES PARAMÈTRES /*/
		.blocDiapo .diapo {
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
	height:228px;
	width:617px;
	}
	
	
		
#navDiapo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	width:616px;
	height:20px;
	background-image: url(../images/navDiapoFond.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:0px;
	margin-top:0px;
	padding-top:5px;
	text-align:right;	
}



	#navDiapo span {
		color:#000;
		background-color: #FFF;
		margin-left:2px;
		margin-right:2px;
		padding-left:3px;
		padding-right:3px;
		padding-top:1px;
		padding-bottom:1px;
	}
	
	#navDiapo .actif {
		color:#999;
	}
/* ============================================================================== */