*{
	padding: 0; 
	margin: 0;}

html
{
	/*background: #d4dad3 no-repeat url(../img/header.jpg) top;*/
	background: #ebf0e0 no-repeat url(../img/header.jpg) top;
	/* #c0c3bc*/
	min-width: 1000px;
}
body
{
	width: 100%;
}
#geothentic-com
{
	margin:12px auto 0;
	width: 943px;
}

#geothentic-topBar
{
	width: 943px;
	height: 386px;
	text-align: center;
	color: #fff;
	font: bold 13px Arial;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}
/**************************************************/
/* ***    LOGO  TEXT   *****/
/**************************************************/
#logo-text
{
	float: left;
	clear: left;
	display: inline;
	margin: 59px 0 0 100px;
	color: #aba79e;
	font-size: 14px;
	text-align: left;
}

/**************************************************/
/* ***     MENU  TOP   *****/
/**************************************************/
.topbtn-accueil
{
	float: left;
	display: inline;
	background: no-repeat url(../img/header-topbtn-sprite.png) 0 0;
	color: #8b8c87;
	height: 21px;
	width: 95px;
	margin: 4px 0 0 100px;
	padding: 6px 0 0 10px;
	text-align: left;
}
.topbtn-accueil:hover
{
	background: no-repeat url(../img/header-topbtn-sprite.png) 0 -84px;
}
.topbtn-extranet
{
	float: left;
	display: inline;
	background: no-repeat url(../img/header-topbtn-sprite.png) 0 -28px;
	color: #8b8c87;
	height: 21px;
	width: 70px;
	margin: 4px 0 0 5px;
	padding: 6px 0 0 14px;
	text-align: left;
}
.topbtn-extranet:hover
{
	background: no-repeat url(../img/header-topbtn-sprite.png) 0 -112px;
}
.topbtn-client
{
	float: left;
	display: inline;
	color: #8b8c87;
	height: 21px;
	width: 118px;
	padding: 6px 0 0;
	text-align: center;
}
.orca
{
	color: transparent!important;
	background: no-repeat url(../img/logo-menu.png) 0 -41px;
}
.manitou
{
	color: transparent!important;
	background: no-repeat url(../img/logo-menu.png) 0 0;
}

.topbtn-lang
{
	float: left;
	display: inline;
	margin: 0 25px 0 0;
	padding: 2px 0 0 0;
	height: 18px;
	width: 93px;
	color: #999;
	font-size: 12px;
	font-weight: normal;
}


/**************************************************/
/* ***     MENU  PRINCIPAL   *****/
/**************************************************/
#menubar
{
	float: right;
	display:inline;
	margin: 29px 10px 0 0;
	font-size: 14px;
	color: #fff;
	width: 600px;
}

dt.mainMenu,                                                                               
dt.mainMenuover                                                                            
{
	float: left;
}                    

dt.mainMenu a span.btnLeft,
dt.mainMenuover a span.btnLeft
{
	float: left;
	display: inline;
	background: no-repeat url(../img/menu-sprite.png) 0 0;
	width: 6px;
	height: 45px;
	cursor: pointer;
}

dt.mainMenu a span.btnMid,
dt.mainMenuover a span.btnMid
{
	background: repeat-x url(../img/menu-sprite.png) 0 -45px;
	height: 28px;
	padding: 17px 6px 0;
	color: #fff;
	font: bold 14px Arial;
}

dt.mainMenu a span.btnRight,
dt.mainMenuover a span.btnRight
{
	float: left;
	display: inline;
	background: no-repeat url(../img/menu-sprite.png) 0 -90px;;
	width: 6px;
	height: 45px;
	cursor: pointer;
}
dt.mainMenuover a span.btnLeft
{                            
	background: no-repeat url(../img/menu-sprite.png) 0 -135px;
}                                                                      

dt.mainMenuover a span.btnMid
{                              
	background: repeat-x url(../img/menu-sprite.png) 0 -180px;
	text-decoration: none;
}                                                                       

dt.mainMenuover a span.btnRight
{                             
	background: no-repeat url(../img/menu-sprite.png) 0 -225px;
}                                                                       

/**************************************************/
/* ***     MENU  DROIT   *****/
/**************************************************/
#rightMenu
{
	float: right;
	clear: right;
	display: inline;
	width: 251px;
	height: 281px;
	margin: 3px 0 0 0;
	display: table;
	#position: relative;
	overflow: hidden;
}

#middle
{
	#position: absolute; /* hack IE*/
	#top: 50%;
	#left: 0;
	display: table-cell;
	vertical-align: middle;
}

#inner
{
	#position: relative;
	#top: -50%;
	#float: left;
}
#inner p.green1
{
	font: bold 20px Arial;
	text-align: center;
	color: #a3c976;
	margin: 5px 0!important;
	width: 251px;
}
#inner p.largewhite
{
	font: bold 38px Arial;
	letter-spacing: -2px;
	text-align: center;
	color: #fff;
	margin: 5px 0!important;
	width: 251px;
}
#inner p.white
{
	font: bold 24px Arial;
	text-align: center;
	color: #fff;
	margin: 5px 0!important;
	width: 251px;
}
#inner p.largedarkgreen
{
	font: bold 38px Arial;
	letter-spacing: -2px;
	text-align: center;
	color: #146219;
	margin: 5px 0!important;
	width: 251px;
}
#inner p.darkgreen
{
	font: bold 24px Arial;
	text-align: center;
	color: #146219;
	margin: 5px 0!important;
	width: 251px;
}
#inner p.largegreen
{
	font: bold 28px Arial;
	text-align: center;
	color: #a3c976;
	margin: 5px 0!important;
	width: 251px;
}

.rightMenuSpacer
{
	display: inline-block;
	width: 201px;
	height: 1px;
	margin: 5px auto;
	border-bottom: 1px dashed #5da961;
	-font-size: 0px; /* seulement pour IE6 */
}

.rightMenuMain
{
	text-align: right;
	font-size: 21px;
	margin: 25px 30px 15px 0;
	
}
.rightMenuSub
{
	text-align: right;
}
.rightMenuSub a
{
	font-size: 15px;
	margin: 0 30px 0;
	color: #fff!important;
}

/* ******************************************************* */
/* TEMOIGNAGE menu DROITE*/
/* ******************************************************* */
#rightTestimonialFrame
{
	float: right;
	display: inline;
	margin: 5px 3px 7px 0px;
	width:251px;
}
.rightTestimonialHead
{
	float: left;
	display: inline;
	width: 241px;
	background: no-repeat url(../img/testimonialFrame-sprite.png) 0 -67px;
	height: 24px;
	padding: 7px 0 0 10px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0px;
	font-size: 13px;
}
.rightTestimonialHead a
{
	float: left;
	display: inline;
	margin: 0px 0 0;
	font-size: 11px;
	padding: 0;
	width: 230px;
	height: 20px;
	color: #fff;
}
.rightTestimonialHead a span
{
	float: left;
	display: inline;
	width: 180px;
	text-align: right;
	color: #fff;
	font-size: 15px;
	cursor: pointer;

}
.moreRightTestimonial
{
	float: right;
	display: inline;
	height: 19px;
	width: 19px;
	background: no-repeat url(../img/moreButton.png) right -132px;
	/*-background-color: #306b28;/* IE6 only hack*/
	margin: -2px 10px 0 10px ;
	text-align: right;
	letter-spacing: 0px;
	cursor: pointer;
}
.moreRightTestimonial:hover
{
	background: no-repeat url(../img/moreButton.png) right -151px;
}
.rightTestimonialContent
{
	float: left;
	display: inline;
	width: 219px;
	border-left: 1px solid #215d21;
	border-right: 1px solid #215d21;
	padding: 15px 15px;
	text-align: justify;
	background-color: #fff;
	font-size: 13px;
}
.rightTestimonialContent-noborder
{
	border: none;
	padding: 5px 15px;
}
.rightTestimonialContent ul,
.rightTestimonialContent ul li
{
	margin: 0!important;
	padding: 5px 0;
}
.rightTestimonialContent ul li.border
{
	border-bottom: 1px dashed #215d21;
}
.rightTestimonialText
{
	text-align: justify;
}
.rightTestimonialSignature
{
	text-align: right;
	color: #215d21;
	font-weight: bold;
	margin: 20px 0 0;
}
.rightTestimonialFooter
{
	float: left;
	display: inline;
	width: 251px;
	background: #fff no-repeat url(../img/testimonialFrame-sprite.png) 0 -99px;
	height: 34px;
}
/**************************************************/
/* ***     MISC   *****/
/**************************************************/
.title
{
	margin: 0 0px 5px 0;
	border-bottom: 1px solid #000;
	height: 19px;
	line-height: 19px;
	font: 13px Arial, sans-serif;
	text-align: center;
}
.title a:visited, #title a:active, #title a
{
	text-decoration: none;
	color: #000;
}
.title a:hover
{
	text-decoration: underline;
}

.yellow
{
	background: #aa8828 repeat-x url(../img/headerYellow.png);
}

/* -----------------------------------------------------------
 *                Contenu des pages
 */
#geothentic-content
{
	float: left;
	display: inline;
	margin: 7px 5px 0px 0px;
	width: 943px;
	background-color: #fff;
	/*background-color: #f1f8ee;*/
}
#contentFrame
{
	float: left;
	display: inline;
	margin: 0px 3px 7px 7px;
	padding: 0 0 70px 0;
	width:678px;
}

#slogan
{
	float: right;
	clear: right;
	display: inline;
	width: 251px;
	height: 229px;
	margin: 0px 3px 7px 0px;
	display: table;
	#position: relative;
	overflow: hidden;
	text-align: center;
}
#rightFrame
{
	float: right;
	width: 251px;
}
/*#geothentic-content img
{
	height: 30px;
	width: 80px;
}*/

h1,h2
{
	float: left;
	clear: left;
	display: inline;
	font: bold 20px Arial, sans-serif;
	margin: 25px;
	text-align: left;
	color: #5b574d;
	white-space: nowrap;
}
h2
{
	font: bold 18px Arial, sans-serif;
	margin: 25px 0 8px 25px;
}
h2.green
{
	color: #146219;
}
h3
{
	font: bold 13px Arial, sans-serif;
	margin: 0 0 1px 10px;
}
a, a:link, a:visited, a:active
{
	color: #000;
	text-decoration: none;
}
a.underline
{
	text-decoration: underline;
}
a.green
{
	color: #146219;
}
a:hover
{
	color: #348239;
	text-decoration: underline;
}
a img
{
	border: 0px none;
}
small
{
	font:bold 10px Arial, sans-serif;
	color: #666;
}

big
{
    font: bold 14px Arial, sans-serif;
	color: #000;
	margin: 5px 0 8px 5px;
}

p
{
	clear: left;
	font: 15px Arial, sans-serif;
	margin: 10px 15px 5px 25px;
	text-align: justify;
}
p.nobottom
{
	margin: 10px 0 0px 15px;
}
p.green
{
	color: #146219;
	font-weight: bold;
}

p.topSpace
{
	margin-top: 35px;
}

table
{
    border-collapse: separate;
    border-spacing:0;
    *border-collapse: collapse; /* hack is needed for IE7 also */
	margin: 5px 0 10px;
}

.even
{
	background-color: #e1dfd9;
}
.odd
{
	background-color: #f5f4f2;
}

#geothentic-content ul
{
	float: left;
	display: inline;
	font: 13px Arial, sans-serif;
	margin: 15px;
	text-align: justify;
}

#geothentic-content li
{
	font-size: 13px;
	font-style: italic;
	margin: 5px 0 0 30px;
}
/****************** LOGO ******************/
#orcaLogo
{
    float: left;
	display: inline;
    width: 149px;
    height: 50px;
	margin: 0 0 0 15px;
}

#manitouLogo
{
    float: left;
	display: inline;
    width: 149px;
    height: 50px;
	margin: 0 0 0 15px;
}

/************ Definition des BOUTONS ******************/
.btnMid
{
	float: left;
	display: inline;
	font: 13px Arial, sans-serif;
	color: #000;
	text-align: center;
	cursor: pointer;
}
div.button,                                                                               
div.buttonover                                                                            
{
	float: left;
	display: inline;
	margin: 10px 0;   
}                    

div.button a span.btnLeft,
div.buttonover a span.btnLeft
{
	float: left;
	display: inline;
	background: repeat-x center bottom url(../img/btnLeft.png);
	width: 6px;
	height: 27px;
	cursor: pointer;
}

div.button a span.btnMid,
div.buttonover a span.btnMid
{
	background: repeat-x center bottom url(../img/btnMid.png);
	height: 24px;
	padding: 3px 15px 0;
}

div.button a span.btnRight,
div.buttonover a span.btnRight
{
	float: left;
	display: inline;
	background: repeat-x center bottom url(../img/btnRight.png);
	width: 6px;
	height: 27px;
	cursor: pointer;
}
div.buttonover a span.btnLeft
{                            
	background: no-repeat left top url(../img/btnLeftHover.png);
}                                                                      

div.buttonover a span.btnMid
{                              
	background: repeat-x left top url(../img/btnMidHover.png);
}                                                                       

div.buttonover a span.btnRight
{                             
	background: no-repeat left top url(../img/btnRightHover.png);
}                                                                       

/* ************* Bouton de gauche dans le frame ****************** */
div.buttonLeftORCA,
div.buttonLeftORCAover,
div.buttonLeftMANITOU,
div.buttonLeftMANITOUover,
div.buttonLeftDEMO,
div.buttonLeftDEMOover
{
	float: left;
	display: inline;
}


div.buttonLeftORCA a span.btnMid,
div.buttonLeftORCAover a span.btnMid
{
	background: no-repeat top left url(../img/buttonLeftORCA-s.png);
	width: 132px;
	height: 33px;
}

div.buttonLeftORCAover a span.btnMid
{                              
	background: no-repeat url(../img/buttonLeftORCA-s.png) 0 -33px;
}                                                                       

div.buttonLeftMANITOU a span.btnMid,
div.buttonLeftMANITOUover a span.btnMid
{
	background: no-repeat top left url(../img/buttonLeftMANITOU-s.png);
	width: 132px;
	height: 33px;
} 

div.buttonLeftMANITOUover a span.btnMid
{                              
	background: no-repeat url(../img/buttonLeftMANITOU-s.png) 0 -33px;
}                                                                       


div.buttonLeftDEMO a span.btnMid,
div.buttonLeftDEMOover a span.btnMid
{
	background: no-repeat top left url(../img/buttonLeftDEMO-s.png);
	padding: 5px 0 0 0;
	font: bold 9px Arial sans-serif;
	width: 132px;
	height: 16px;
}

div.buttonLeftDEMOover a span.btnMid
{                              
	background: no-repeat url(../img/buttonLeftDEMO-s.png) 0 -21px;
}