html, body {
	height: 100%;         					/* required */
}
body {
	text-align: center;   					/* horizontal centering hack for IE */
	padding: 0;           					/* required to "hide" distance div */
	margin: 0;            					/* required to "hide" distance div */
	background-color:#333333;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}
.bodyInt {
	background-image: url(../images/bkg.gif);
}
#headerPrint{
	display: none;
}
#distance { 
	margin-bottom: -300px; 					/* half of content height */
	width: 1px;           					/* required */
 	height: 50%;          					/* required */
	float: left;          					/* required */
}
#content {
	position: relative;   					/* positions content on top of distance */
	text-align: left;    					/* horizontal centering hack for IE */
	width: 980px;        					/* required - desired width */
	height: 600px;         					/* required - desired height */
	background-color:#fff;		     		/* cosmetic */
	margin: 0 auto;       					/* required */
 	clear: left;         					/* required */
}
#contentIndex {
	position: relative;   					/* positions content on top of distance */
	text-align: left;    					/* horizontal centering hack for IE */
	width: 980px;        					/* required - desired width */
	height: 600px;         					/* required - desired height */
	background:url(../images/bkg.gif);     	/* cosmetic */
	margin: 0 auto;       					/* required */
 	clear: left;         					/* required */
}
#copyright  {
	color:#666;
	font-size:9px;
	text-align:center;
	padding-top:10px;	
}
#copyrightINT  {
	float:left;
	color:#666;
	font-size:9px;
	text-align:center;
	width:890px;
	padding-top:10px;	
}
#phraseIndex  {
	padding-top:240px;
	padding-left: 135px;
	padding-bottom: 70px;		/*padding-bottom: 50px; si pas d'annimation index*/				
	color:#99cc33;
	font-size: 0.75em;
}
#bandeLogoIndex  {
	float:left;
	width:980px;
	height:68px;
	background-color:#FFFFFF;
}
#bandeMenu  {
	float:left;
	width:170px;
	height:539px;
	background-color:#dfe5e8;
}
.texteBandeMenu  {
	padding-top:50px;
	width:165px;
	height:375px;
	text-align:right;
	font-size: 0.90em;
	color:#999;
}
.texteBandeMenuParentheses  {
	padding-top:50px;
	width:165px;
	height:355px;
	text-align:right;
	font-size: 0.90em;
	color:#999;
}
.sepMenu  {
	width:165px;
	height:290px;
}
.texteBandeMenuEquipe  {
	margin-top:40px;
	width:165px;
	text-align:right;
	font-size: 22px;
	color:#fff;
}
.texteBandeMenuGros  {
	font-size: 20px;
}
.menuGaucheInt  {
	width:90px;
	padding-left:66px;
	text-align:left;
	font-size: 0.70em;
	font-weight:bold;
	color:#666;
}
.menuGaucheIntParenthese {
	width:90px;
	padding-left:66px;
	text-align:left;
	font-size: 0.70em;
	font-weight:bold;
	color:#666;
}
#titreSection  {
	float:left;
	width:790px; 				/* -20 padding */
	height:18px;
	background-color:#fff;
	padding-top:6px;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	font-weight:bold;
	color:#666;
}
	#titreSection a {
	color:#666  !important;
	text-decoration: none;
}
#photoProduit  {
	float:left;
	width:660px;
	height:475px;
	background-color:#fff;
	padding-left:20px;
	padding-right:10px;
}
#bandePhotoProduit  {
	float:left;
	width:120px;
	height:475px;
	background:url(../images/bkg_bande_photo.gif);
}
	#bandePhotoProduit ul {
	margin:0px;
	padding-left:20px;
	}
	
	#bandePhotoProduit li {
	margin:0px;
	padding-bottom:13px;
	}
	
	#bandePhotoProduit a {
	color:#fff  !important;
	text-decoration: none;
	border:solid 0px #fff;
	
	}
	#bandePhotoProduit img {
	border:solid 0px #fff;
	}


#menuProjetInterieur  {
	float:left;
	width:620px;
	height:40px;
	padding-left:20px;
	background-color:#fff;
}
	.menuProjetInt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
	}
	.menuProjetInt ul {
	padding:0;
	margin:0;
	margin-top:8px;
	}
	.menuProjetInt li {
	display: inline;
	padding: 0px;
	margin: 0px;
	margin-right:22px;
	list-style: none;
	float: left;
	line-height:11px;
	}
	.menuProjetInt a  {
	color: #666 !important;
	text-decoration:none;
	}
	.menuProjetInt a:hover	{
	color: #669933 !important;
	text-decoration:none;
	}
	.menuProjetInt li.actif a{
	line-height:10px;
/*	font-weight: bold;*/
	color: #669933 !important;
	}
	
#pageSuivante {
	float:left;
	width:40px;
	height:35px;
	background-color:#FFFFFF;
	font-size:9px;
	color:#666;
	text-align:right;
	padding-top:5px;
	padding-right:10px;
	line-height:12px;
}
#basPhotoCote {
	float:left;
	width:120px;
	height:30px;
	background-color:#FFFFFF;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
	color:#666;
}
	#basPhotoCote a  {
	color: #666 !important;
	text-decoration:none;
	}
	#basPhotoCote a:hover	{
	color: #669933 !important;
	text-decoration:none;
	}
	#basPhotoCote li.actif a{
	line-height:10px;
/*	font-weight: bold;*/
	color: #669933 !important;
	}
	
#logoBasInterieur  {
	float:left;
	width:170px;
	height:61px;
	background-color:#333;
}
#logoFacebookInt  {
	float:left;
	width:28px;
	padding-left:5px;
	padding-top:5px;
	text-align:center;
}
.logoOseInt  {
	float:left;
	width:30px;
	padding-left:65px;
	background-color:#333;
}
.logoParentheseInt  {
	float:left;
	width:30px;
	padding-left:65px;
	background-color:#333;
}
#menuBasInterieur  {
	float:left;
	width:690px;
	height:61px;
	background-color:#333;
}
	.menuBasInt {
	font-size: 0.70em;
	font-weight:bold;
	color:#b4cb3a;
	}
	.menuBasInt ul {
	float:right;
	padding:0;
	margin:0;
	margin-top:28px;
	}
	.menuBasInt li {
	display: inline;
	padding: 0px;
	margin: 10px;
	list-style: none;
	float: left;
	}
	.menuBasInt a  {
	color: #b4cb3a !important;
	text-decoration:none;
	}
	.menuBasInt a:hover	{
	color: #95ad18 !important;
	text-decoration:none;
	}
	.menuBasInt li.actif a{
	font-weight: bold;
	color: #669933 !important;
	}

#logoMarkInterieur  {
	float:left;
	width:60px;
	height:52px;
	padding-top:9px;
	padding-left:60px;
	background-color:#333;
}
#logoMarkInterieur img{
	border:none;
}
.logoMarketingIndex  {
	float:left;
	width:76px;
	padding-left: 135px;
}
.logoOseIndex  {
	float:left;
	width:76px;
	padding-left: 45px;
}
.rondIndex  {
	float:right;
}
#bandeMenuIndex  {
	float:left;
	width:580px;
	height:115px;
	background:url(../images/bande_grise_accueil.gif);
}
.menuMarkIndex  {
	float:left;
	margin-top:4px;
	width:210px;
	text-align:right;
	font-size: 0.70em;
	font-weight:bold;
	color:#666;
}
.menuOseIndex  {
	float:left;
	margin-top:4px;
	width:200px;
	margin-left:47px;
	text-align:left;
	font-size: 0.70em;
	font-weight:bold;
	color:#666;
}
.menuGaucheInt li.actif a, .menuGaucheIntParenthese li.actif a{
	font-weight: bold;
	color: #669933 !important;
}
.menuMarkIndex li, .menuOseIndex li, .menuGaucheInt li, #bandePhotoProduit li  {
	list-style: none;
}
.menuGaucheIntParenthese li  {
	list-style: none;
	margin-bottom:5px;
}
.menuMarkIndex ul, .menuOseIndex ul, .menuGaucheInt ul, .menuGaucheIntParenthese ul  {
	padding:0;
	margin:0;
}
.menuMarkIndex a, .menuOseIndex a, .menuGaucheInt a, .menuGaucheIntParenthese a {
	color: #666 !important;
	text-decoration: none;
}
.menuMarkIndex a:hover, .menuOseIndex a:hover, .menuGaucheInt a:hover, .menuGaucheIntParenthese a:hover {
	font-weight: bold;
	color: #669933 !important;
}
.menuMarkIndex a:active, .menuOseIndex a:active, .menuGaucheInt a:active, .menuGaucheIntParenthese a:active {
	font-weight: bold;
	color: #669933 !important;
}
#texteIndex  {
	float:left;
	width:400px;
	height:115px;
	background:url(../images/bkg_texte_accueil.gif);
}
.texteIndex  {
	width:316px;
	margin:20px 0px 0px 23px;
	text-align:left;
	font-size: 11px;
	font-weight:bold;
	color:#999;
}
	
	.texteIndex a  {
	color: #666 !important;
	text-decoration:none;
	}
	.texteIndex a:hover	{
	color: #669933 !important;
	text-decoration:none;
	}
	.texteIndex li.actif a{
	font-weight: bold;
	color: #669933 !important;
	}
	
.guillemets  {
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
}
	
#logoBasIndex  {
	float:left;
	padding-left:10px;
	padding-top:10px;
}
#englishIndex  {
	DISPLAY:NONE;
	float:right;
	padding-right:30px;
	padding-top:10px;
	color:#fff;
	font-size: 0.70em;
}
	#englishIndex a  {
	color: #fff !important;
	text-decoration:none;
	}
	#englishIndex a:hover	{
	color: #95ad18 !important;
	text-decoration:none;
	}
	#englishIndex li.actif a{
	font-weight: bold;
	color: #669933 !important;
	}
#englishInt  {
	DISPLAY:NONE;
	float:right;
	padding-right:15px;
	padding-top:10px;
	color:#669933;
	font-size: 0.65em;		
}
	#englishInt a  {
	color: #b4cb3a !important;
	text-decoration:none;
	}
	#englishInt a:hover	{
	color: #95ad18 !important;
	text-decoration:none;
	}
	#englishInt li.actif a{
	font-weight: bold;
	color: #669933 !important;
	}	
#equipe-ose  {
	float:left;
	width:810px;
	height:539px;
	background-color:#fff;
	font-size:14px;
}
	.equipe-ose  {
	margin-top:40px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	}
	.contenuParenthese  {
	margin-top:40px;
	margin-left:20px;
	margin-right:100px;
	font-size:12px;
	}
	.photoEquipe  {
	float:left;
	margin-left:20px;
	margin-right:20px;
	width:156px;
	}
	.texteEmp  {
	width:480px;
	font-size:14px;
	float:left;
	margin-top:10px;
	height:110px;
	}
	.nom  {
	float:left;
	width:590px;
	font-size:17px;
	color:#669933;
	font-weight:bold;
	}	
	.titre  {
	float:left;
	width:590px;
	font-size:14px;
	color:#666;
	}	
	.DescripEmp  {
	margin-top:5px;
	font-size:11px;
	}
	.listeEmp  {
	float:left;
	width:240px;
	margin-left:20px;
	margin-top:20px;
	font-size:12px;
	color:#666;
	}
	.listeEmp a  {
	font-size:14px;
	color:#669933;
	font-weight:bold;
	}
	.retourListe  {
	width:480px;
	font-size:12px;
	margin-top:20px;
	float:left;
	}
	.retourListe a  {
	color:#669933;
	}	
	
#carriere  {
	float:left;
	width:810px;
	height:539px;
	background-color:#fff;
	font-size:14px;
}
	.texteCarriere  {
	margin-top:40px;
	margin-left:20px;
	margin-right:60px;
	}
	.texteJoindre h1, .texteCarriere h1, .equipe-ose h1, .contenuParenthese h1  {
	font-weight:normal;
	font-size:24px;
	color: #666 !important;
	text-decoration:none;
	}
	.texteJoindre a, .texteCarriere a, .equipe-ose a, .contenuParenthese a  {
	color: #b4cb3a !important;
/*	font-weight:bold;*/
	text-decoration:none;
	}
	.texteJoindre a:hover, .texteCarriere a:hover, .equipe-ose a:hover, .contenuParenthese a:hover	{
	color: #95ad18 !important;
	text-decoration:none;
	}
	.texteJoindre li.actif a, .texteCarriere li.actif a, .equipe-ose li.actif a, .contenuParenthese li.actif a{
/*	font-weight: bold;*/
	color: #669933 !important;
	}
#joindre  {
	float:left;
	width:810px;
	height:539px;
	background-color:#fff;
	font-size:14px;
}	
	.texteJoindre  {
	margin-top:40px;
	margin-left:20px;
	margin-right:40px;
	}
	
@media print {
body {
	background-image: none;
}
#contentIndex {
	display:none;
}
#photoProduit  {
	padding:0;
}
#titreSection  {
	padding:0;
}
#englishIndex {
	color:000;
}
#menuProjetInterieur {
	display:none;
}
#bandeMenu {
	display:none;
}
#menuBasInterieur {
	display:none;
}
#logoMarkInterieur {
	display:none;
}
#logoBasInterieur {
	display:none;
}
#pageSuivante {
	display:none;
}
/*#bandePhotoProduit {
	display:none;
}*/
#headerPrint{
	display:block;
	padding-bottom:40px;
}
#equipe-ose{
	width:650px;
}
#texteCarriere{
	width:650px;
}
#texteJoindre{
	width:650px;
}
.photoEquipe{
	margin-bottom:20px;
}
.nom, .titre, .texteEmp{
	margin-left:20px;
}
.retourListe{
	display:none;
	}
#copyrightINT {
	display:none;
}
#bandePhotoProduit {
	width:620px;
	height:80px;
	padding:0px;
	margin-top:15px;
}
	#bandePhotoProduit ul {
	margin:0px;
	}
	
	#bandePhotoProduit li {
	margin:15px;
	padding-bottom:0px;
	display: inline;
	}