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 */
}

#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;	
}

#joindreindex{
	float:left;
	width:928px;
	height:18px;
	padding-right:30px;
	padding-top:7px;
	margin: 0 auto; 
	background-color:#dfe5e8;
	border-left:12px solid #000;;
	border-right:10px solid #000;
	text-align:right;
	font-size: 0.70em;
	text-decoration:none;
	color:#999;
}

a.joindreindex:link, 		a.joindreindex:active, 			a.joindreindex:visited{
	text-decoration:none;
	color:#999;
}

a.joindreindex:hover{
	text-decoration:none;
	color:#1fb9df;
}



#grosmenuindex{
	float:left;
	width:778px;
	height:130px;
	padding-left:180px;
	border-left:12px solid #000;;
	border-right:10px solid #000;
	background-color:#FFF;
	}
	
	#basindex{
	float:left;
	width:927px;
	height:30px;
	padding-right:30px;
	padding-top:7px;
	margin: 0 auto; 
	background-color:#dfe5e8;
	border-left:12px solid #000;;
	border-right:11px solid #000;
	text-align:right;
}
	


#bandeoseindex{
	float:left;
	width:980px;
	height:93px;
	background-image:url(../images/bandeaccueil.jpg);
	background-repeat:no-repeat;
	
	}
	
.logoosebande{
	float:left;
	width:140px;
	height:77px;
	padding:8px 0px 8px 50px;
	}	
	
.textebande{
	float:left;
	width:400px;
	height:45px;
	padding: 23px 0px 25px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:22px;
	color:#FFF;
	}	

#bandeMenu  {
	float:left;
	width:170px;
	height:539px;
	background-color:#dfe5e8;
}
.texteBandeMenu  {
	padding-top:50px;
	width:165px;
	height:372px;
	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;
}

#titreSection  {
	float:left;
	width:670px; 				/* -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;
	
}

#envoirplus  {
	float:left;
	width:100px; 				/* -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:#1fb9df;
	
}

	#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: #1fb9df !important;
	text-decoration:none;
	}
	.menuProjetInt li.actif a{
	line-height:10px;
/*	font-weight: bold;*/
	color: #1fb9df !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:#b4cb3a;
}
#logoFacebookInt  {
	float:left;
	width:28px;
	padding-left:5px;
	padding-top:5px;
	text-align:center;
}
.logoOseInt  {
	float:left;
	width:30px;
	padding-left:65px;
	background-color:#b4cb3a;
}
.logoParentheseInt  {
	float:left;
	width:30px;
	padding-left:65px;
	background-color:#333;
}
#menuBasInterieur  {
	float:left;
	width:690px;
	height:61px;
	background-color:#b4cb3a;
}
	.menuBasInt {
	font-size: 0.70em;
	font-weight:bold;
	color:#fff;
	}
	.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: #000 !important;
	text-decoration:none;
	}
	.menuBasInt a:hover	{
	color: #fff !important;
	text-decoration:none;
	}
	.menuBasInt li.actif a{
	font-weight: bold;
	color: #fff !important;
	}

#logoMarkInterieur  {
	float:left;
	width:40px;
	height:32px;
	padding-top:29px;
	padding-left:80px;
	background-color:#b4cb3a;
}

.menuGaucheInt li.actif a{
	font-weight: bold;
	color: #1fb9df !important;
}
.menuGaucheInt li, #bandePhotoProduit li  {
	list-style: none;
}

.menuGaucheInt ul {
	padding:0;
	margin:0;
}
.menuGaucheInt a{
	color: #666 !important;
	text-decoration: none;
}
.menuGaucheInt a:hover{
	font-weight: bold;
	color: #1fb9df !important;
}
.menuGaucheInt a:active{
	font-weight: bold;
	color: #1fb9df !important;
}

.grosmenuindex{
	float:left;
	width:170px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:1.7em;
	color:#999;
	}
	
.grosmenuindex li.on a{
	font-weight: bold;
	color: #1fb9df !important;
}
	
.grosmenuindex li{
	list-style: none;
}

.grosmenuindex ul  {
	padding:0;
	margin:0;
}

.grosmenuindex a {
	color: #666 !important;
	text-decoration: none;
}
.grosmenuindex a:hover {
	font-weight: bold;
	color: #1fb9df !important;
}
.grosmenuindex a:active {
	font-weight: bold;
	color: #1fb9df !important;
}

.grosmenuindex a:active {
	font-weight: bold;
	color: #1fb9df !important;
}

.menumoyenindex  {
	float:left;
	margin-top:10px;
	width:340px;
	margin-left:25px;
	text-align:left;
	border-left: 1px solid #666;
	padding-left:25px;
	font-size: 0.70em;
	line-height:1.3em;
	color:#666;
}

.menumoyenindex li{
	list-style: none;
}

.menumoyenindex ul  {
	padding:0;
	margin:0;
}

.menumoyenindex a {
	color: #666 !important;
	text-decoration: none;
}
.menumoyenindex {
	color: #666 !important;
}

.menumoyenindex a:hover {
	font-weight: bold;
	color: #1fb9df !important;
}
.menumoyenindex a:active {
	font-weight: bold;
	color: #1fb9df !important;
}

#intaccueil{
	float:left;
	width:957px;
	height:342px;
	border-left:12px solid #000;;
	border-right:11px solid #000;
	background-color:#FFF;
	}
	
.txtgrosbleu	{
	float:left;
	width:400px;
	height:80px;
	padding: 12px 0px 0px 177px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:29px;
	line-height:27px;
	font-weight:bold;
	color:#1fb9df;
	}
	
	.pourquoi{
	float:left;
	width:360px;
	height:192px;
	padding: 10px 40px 0px 177px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:2px;	
	color:#b4cb3a;
	}
	
	.txtpourquoi	{
	font-size:14px;
	color:#666;
	margin-left:-17px;
	line-height:20px;
	}
	
	.boutonvert{
		float:right;
		width:285px;
		height:123px;
		margin-right:60px;
		padding:12px 0px 0px 15px;
		color:#FFF;
		font-size:23px;
		line-height:23px;
		}
		
	.boutonbleu{
		float:right;
		width:285px;
		height:107px;
		margin-right:60px;
		margin-bottom:15px;
		background-image:url(../images/bouton-bleu.jpg);
		background-repeat:no-repeat;
		padding:42px 0px 20px 15px;
		color:#FFF;
		font-size:23px;
		line-height:23px;
		}
		
	.envoirbouton{
		font-size:12px;
		color:#000;
		line-height:2px;
		text-decoration:none;
		}
	
	a.envoirbouton:link, 		a.envoirbouton:active, 			a.envoirbouton:visited{
	text-decoration:none;
	color:#000;
}

a.envoirbouton:hover{
	text-decoration:none;
	color:#000;
}
	
.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;
	}

	.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:#1fb9df;
	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:#1fb9df;
	font-weight:bold;
	}
	.retourListe  {
	width:480px;
	font-size:12px;
	margin-top:20px;
	float:left;
	}
	.retourListe a  {
	color:#1fb9df;
	}	
	
	
	
#carriere  {
	float:left;
	width:810px;
	height:539px;
	background-color:#fff;
	font-size:14px;
}
	.texteCarriere  {
	margin-top:40px;
	margin-left:20px;
	margin-right:60px;
	}
	
	.boldtriade{
		font-size:18px;
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.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;
	}