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

/*----------------------------------------------------------------------------
Design style sheet

author :	Sandy De Castro
email :		sandy@tailoredgraphix.com
website :	http://www.tailoredgraphix.com\

----------------------------------------------------------------------------*/


/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
a, a img, img {
	text-decoration: none;
	border-width: 0px;
	outline: none;
	border-style: none;
}
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #5b5b5b;
	background: url(../images/bg.gif) repeat;
}
#wrapper {
	width: 920px;
	position: relative;
	text-align: left;
	left: 50%;
	padding: 0px;
	margin: 0px 0px 0px -460px;
}


/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/
#topBanner {
	height: 253px;
	width: 920px;
	margin-bottom: 7px;
	position: relative;
}
#topBanner h1 {
	height: 158px;
	width: 386px;
	position: absolute;
	z-index: 5;
	top: 50px;
	left: 35px;
	margin: 0px;
	padding: 0px;
}
#topBanner h1 a {
	height: 158px;
	width: 386px;
	display: block;
	text-indent: -9000px;
}
#topBanner h2 {
	background: url(../images/top_banner_plans.jpg) no-repeat left top;
	height: 226px;
	width: 381px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 27px;
	text-indent: -9000px;
	z-index: 2;
}
#topBanner p {
	background: url(../images/top_banner_home.jpg) no-repeat left top;
	height: 253px;
	width: 539px;
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	left: 380px;
	text-indent: -9000px;
	z-index: 1;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#mainNav {
	height: 63px;
	width: 920px;
	background: url(../images/navigation.gif) no-repeat left top;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#mainNav ul, #mainNav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#mainNav ul {
	position: relative;
	float: left;
	height: 58px;
	padding-top: 5px;
	padding-left: 5px;
	width: 910px;
}
#mainNav li {
	float: left;

}
#mainNav a {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}
#mainNav ul li a span {
	text-indent: -9000px;
	margin: 0px;
	padding: 0px;
	display: block;
}
#btAccueil a:link, #btAccueil a:visited  {
	background: url(../images/bt_accueil.gif) no-repeat left top;
	height: 58px;
	width: 101px;
}
#btAccueil a:hover, #btAccueil a:active, #btAccueil_on {
	background: url(../images/bt_accueil.gif) no-repeat right top;
	height: 58px;
	width: 101px;
}
#btServices a:link, #btServices a:visited {
	background: url(../images/bt_services.gif) no-repeat left top;
	height: 58px;
	width: 132px;
}
#btServices a:hover, #btServices a:active, #btServices_on {
	background: url(../images/bt_services.gif) no-repeat right top;
	height: 58px;
	width: 132px;
}
#btEquipe a:link, #btEquipe a:visited {
	background: url(../images/bt_equipe.gif) no-repeat left top;
	height: 58px;
	width: 252px;
}
#btEquipe a:hover, #btEquipe a:active, #btEquipe_on {
	background: url(../images/bt_equipe.gif) no-repeat right top;
	height: 58px;
	width: 252px;
}
#btIso a:link, #btIso a:visited {
	background: url(../images/bt_iso.gif) no-repeat left top;
	height: 58px;
	width: 128px;
}
#btIso a:hover, #btIso a:active, #btIso_on  {
	background: url(../images/bt_iso.gif) no-repeat right top;
	height: 58px;
	width: 128px;
}
#btCode a:link,#btCode  a:visited  {
	background: url(../images/bt_ethique.gif) no-repeat left top;
	height: 58px;
	width: 156px;
}
#btCode a:hover, #btCode a:active, #btCode_on {
	background: url(../images/bt_ethique.gif) no-repeat right top;
	height: 58px;
	width: 156px;
}
#btContact a:link, #btContact a:visited {
	background: url(../images/bt_contact.gif) no-repeat left top;
	height: 58px;
	width: 141px;
}
#btContact a:hover, #btContact a:active, #btContact_on {
	background: url(../images/bt_contact.gif) no-repeat right top;
	height: 58px;
	width: 141px;
}

/* =Main Content
-----------------------------------------------------------------------------*/
#contentWrapper {
	width: 920px;
	background: #F2F2F2 url(../images/bg_content.gif) repeat-y left top;
	position: relative;
}
#mainContent {
	width: 515px;
	padding: 0px 25px 25px 30px;
	font-size: 0.8em;
	text-align: justify;
	margin: 0px;
}
#mainContent h1 {
	margin: 0px;
	padding: 25px 0px 2px;
	color: #818e70;
	font-size: 17px;
	text-transform: uppercase;
	border-bottom: 1px solid #7B8176;
}
#mainContent h2 {
	font-size: 1.2em;
}
#mainContent h2.partenaires {
	border-top: 4px dotted #7D8277;
	padding-top: 25px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#mainContent h3 {
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
}
#mainContent li {
	list-style: none;
	background: url(../images/bullet.gif) no-repeat left 8px;
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	text-align: left;
}
#mainContent ol {
	list-style: none;
}
#mainContent ol li {
	border-bottom: 1px dotted #7C8276;
	padding-bottom: 15px;
}
#mainContent ol li.last  {
	border-width: 0px;
	border-style: none;
}
#mainContent ul.checkmarks li {
	background: url(../images/checkmark.gif) no-repeat left 2px;
	padding-left: 30px;
}
#contentWrapper a:link, #contentWrapper a:visited  {
	font-weight: bold;
	text-decoration: underline;
	color: #6B8356;
}
#contentWrapper a:hover, #contentWrapper a:active  {
	font-weight: bold;
	color: #D6663B;
	text-decoration: none;
}
#mainContent address {
	font-style: normal;
}
#mainContent address.contact {
	padding-left: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 1.1em;
	background: #FFFFFF;
}
#mainContent span.courriel {
	background: url(../images/email.gif) no-repeat left 5px;
	height: 21px;
	width: 31px;
	display: block;
	float: left;
	text-indent: -9000px;
}
#mainContent span.phone {
	background: url(../images/phone.gif) no-repeat center 5px;
	height: 21px;
	width: 31px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	text-indent: -9000px;
	line-height: 2em;
}
#mainContent ol.floatLeft li {
	float: left;
	width: 240px;
	height: 100px;
	padding-right: 0px;
	border-right: 2px solid #F2F2F2;
	margin: 0px;
	padding-bottom: 15px;
	padding-top: 10px;
	border-bottom: 2px solid #F2F2F2;
	background: #FFFFFF;
}
#mainContent ol.floatLeft {
	margin-top: 10px;
	float: left;
	padding-bottom: 20px;
	padding-top: 0px;
}
#mainContent ol.floatLeft li address {
	font-size: 11px;
	line-height: 1.5em;
	padding-left: 16px;
}
#mainContent ol.floatLeft h3 {
	background: url(../images/bullet_partenaires.gif) no-repeat left center;
	padding-left: 15px;
}

/* =Sidebar Content
-----------------------------------------------------------------------------*/
#sidebar {
	float: right;
	width: 293px;
	margin: 0px;
	padding: 25px 30px 0px 0px;
	display: inline;
}
#sidebar p {
	font-size: 0.7em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 0px;
	padding: 0px 0px 0px 4px;
	text-align: center;
}
#sidebar h1 {
	font-size: 1em;
	margin: 0px;
	padding: 10px 0px 5px;
}
#sidebar ul {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 0.7em;
	line-height: 1.3em;
	border: 1px solid #B9B7B7;
}
#sidebar li {
	background: #F2F2F2;
	list-style: url(none) none;
	border-bottom: 1px solid #E2E1E1;
	margin: 0px;
	padding: 2px 0px 2px 10px;
}
#sidebar li:hover {
	background: #FFFFFF;
	cursor: default;
}

#sidebar ul li strong {
	text-transform: uppercase;
}
#sidebar ul li.borderBottom {
	border-bottom: 2px solid #E2E1E1;
	text-align: center;
	background: #CCCACA;
	margin: 0px;
	padding: 3px 0px;
}



/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	background: url(../images/bg_footer.gif);
	height: 98px;
	width: 920px;
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#footer ul {
	float: left;
	list-style: none;
	width: 895px;
	height: 76px;
	padding: 8px 0px 0px 14px;
	margin: 0px;
	position: relative;
}
#footer li {
	height: 76px;
	width: 216px;
	float: left;
	margin: 0px 9px 0px 0px;
	padding: 0px;
}
#footer li a {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 76px;
	width: 216px;
	display: block;
}
#footer span {
	text-indent: -9000px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#footer li#plansVirtuelle {
	margin: 0px;
	padding: 0px;
}
#galerie a:link, #galerie a:visited {
	background: url(../images/bt_gallerie.gif) no-repeat left top;
}
#galerie a:hover, #galerie a:active {
	background: url(../images/bt_gallerie.gif) no-repeat right top;
}
#cv a:link, #cv a:visited {
	background: url(../images/bt_cv.gif) no-repeat left top;
}
#cv a:hover, #cv a:active {
	background: url(../images/bt_cv.gif) no-repeat right top;
}
#sousTraitants a:link, #sousTraitants a:visited {
	background: url(../images/bt_sous_traitants.gif) no-repeat left top;
}
#sousTraitants a:hover, #sousTraitants a:active {
	background: url(../images/bt_sous_traitants.gif) no-repeat right top;
}
#plansVirtuelle a:link, #plansVirtuelle a:visited {
	background: url(../images/bt_plans.gif) no-repeat left top;
}
#plansVirtuelle a:hover, #plansVirtuelle a:active {
	background: url(../images/bt_plans.gif) no-repeat right top;
}
#copyrights {
	color: #999999;
	font-size: 0.7em;
	line-height: 1.2em;
	height: 35px;
	width: 920px;
}
#copyrights p {
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0px 0px 10px 5px;
}
#copyrights p.allRights {
	float: right;
	text-align: right;
	padding-right: 5px;
}
#copyrights p a {
	color: #999999;
	text-decoration: underline;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}

/* =Photo Gallery
-----------------------------------------------------------------------------*/
div.photoGallery#contentWrapper {
	background: url(../images/bg_contentPhotos.gif) repeat-y;
}
div.photoGallery#contentWrapper #mainContent {
	width: 850px;
}
#flashcontent {
	width: 100%;
	height: 600px;
	}


/* =Top Banners
-----------------------------------------------------------------------------*/
#topBanner p.bannerContact {
	background: url(../images/top_banner_contact.jpg) no-repeat left top;
	height: 253px;
	width: 539px;
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	left: 380px;
	text-indent: -9000px;
	z-index: 1;
}
#topBanner p.bannerEquipe {
	background: url(../images/top_banner_equip.jpg) no-repeat left top;
	height: 253px;
	width: 539px;
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	left: 380px;
	text-indent: -9000px;
	z-index: 1;
}
#topBanner p.bannerServices {
	background: url(../images/top_banner_services.jpg) no-repeat left top;
	height: 253px;
	width: 539px;
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	left: 380px;
	text-indent: -9000px;
	z-index: 1;
}
#topBanner p.bannerEthique {
	background: url(../images/top_banner_ethique.jpg) no-repeat left top;
	height: 253px;
	width: 539px;
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	left: 380px;
	text-indent: -9000px;
	z-index: 1;
}
#topBanner p.bannerIso {
	background: url(../images/top_banner_iso.jpg) no-repeat left top;
	height: 253px;
	width: 539px;
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	left: 380px;
	text-indent: -9000px;
	z-index: 1;
}
#topBanner p.bannerCV {
	background: url(../images/top_banner_cv.jpg) no-repeat left top;
	height: 253px;
	width: 539px;
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	left: 380px;
	text-indent: -9000px;
	z-index: 1;
}
#topBanner p.bannerSousTraitants {
	background: url(../images/top_banner_soust.jpg) no-repeat left top;
	height: 253px;
	width: 539px;
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	left: 380px;
	text-indent: -9000px;
	z-index: 1;
}
#topBanner p.bannerPlans {
	background: url(../images/top_banner_plansvirtuelle.jpg) no-repeat left top;
	height: 253px;
	width: 539px;
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	left: 380px;
	text-indent: -9000px;
	z-index: 1;
}
#topBanner p.bannerGalerie {
	background: url(../images/top_banner_galerie.jpg) no-repeat left top;
	height: 253px;
	width: 539px;
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	left: 380px;
	text-indent: -9000px;
	z-index: 1;
}