/*BODY*/

body {
	background-image: url('./images/screening.png'); 
	background-repeat: repeat-x repeat-y; 
	background-position: left top;
	font: 11px/1.6em "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	}


/*SQUELETTE PRINCIPAL*/
	
div.logo {
	width: 100%;
	background-image: url('./images/logo.png');
	background-repeat: no-repeat;
	height: 243px;
	}

div.main {
	margin-left: auto;
	margin-right: auto;
	width: 808px;
	display: block;
	margin: 20px auto 0;
	}
	
div.maintop {
	width: 100%;
	height: 16px;
	background-image: url('./images/top.png'); 
	background-repeat: no-repeat; 
	background-position: left top;
	text-align: right;
	padding-top: 18px;
	}
	
div.mainmenu {
	width: 100%;
	height: 30px;
 	background-image: url('./images/body.png');
 	background-repeat: repeat-y; 
	background-position: left top;
	text-align: center;
	}
		
div.mainbody {
	width: 100%;
	min-height: 800px;
	background-image: url('./images/body.png'); 
	background-repeat: repeat-y; 
	background-position: left top;
	padding-left: 8px;
	}

div.mainterms {
	background-image: url('./images/body.png'); 
	background-repeat: repeat-y; 
	background-position: left top;
	padding: 15px;
	}
	
div.mainbottom {
	width: 100%;
	height: 63px;
	background-image: url('./images/bottom.png'); 
	background-repeat: no-repeat; 
	background-position: left top;
	}


/*COMMUN PAGES*/

div.titre_page {
	width: 783px;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 20pt;
	font-weight: bold;
	background-image: url(./images/titleGradient.png); 
	background-repeat: repeat-x;
	background-position: left top;
	height: 33px;
	}
	
.sectionTitle {
	width: 100%;
	font-size: 18pt;
	font-weight: bold;
	color: #4867ae;  
	padding-left: 5px;
	padding-top: 5px;	
	}

#infoLayout { 
	display: block;
	width: 785px;
	margin-left: 8px;
	padding-left: 8px;
	} 
	
#etapes { 
	font-size: 18pt;
	font-weight: bold;
	} 

#etapes span { 
	font: 28pt sans-serif;
	font-weight: bold;
	color: #CC3300;
	} 
	
	
/*TERMES COPYRIGHT*/
	
.mainterms div {
	font-size: 9px;
	line-height: 8pt;
	color: #A0A0A0;
	padding: 4px;
	}
	
.mainterms a {
	color: #44AFDC; text-decoration: none; border: none; }
	}
	
	
/*LIENS*/
	
a { color: #006e98; text-decoration: none; border: none; }
a:hover { color: #0095cd; text-decoration: underline; }
a:active { color: #cd6416; }
a:visited { color: #919191; }

a#doc { color: #006e98; text-decoration: none; font-weight: bold; }
a#doc:hover { color: #006e98; text-decoration: underline; font-weight: bold; }
a#doc:active { color: #006e98; text-decoration: none; font-weight: bold; }
a#doc:visited { color: #006e98; text-decoration: none; font-weight: bold; }

a#catalogue { color: #006e98; text-decoration: none; font-weight: bold; border: none; }
a#catalogue:hover { color: #cc3300; text-decoration: none; font-weight: bold; border: none; }
a#catalogue:active { color: #006e98; text-decoration: none; font-weight: bold; border: none; }
a#catalogue:visited { color: #006e98; text-decoration: none; font-weight: bold; border: none; }

a img { border: none; }

p, ul {
	text-align: justify;
	margin: 10px 20px;
	padding: 0;
}

ul { padding: 0 0 0 15px; }


/*LISTE ARTICLES*/

#triage a { color: #006e98; text-decoration: none; border: none; }
#triage a:hover { color: #0095cd; text-decoration: underline; }
#triage a:active { color: #cd6416; }

#produits { width: 563px; border-spacing : 0px; padding: 0px; }

#produits .topbar table { width: 100%; border-spacing : 0px; padding: 4px; }
#produits .topbar #toggle { text-align: right; }
#produits .topbar #toggle img { cursor: pointer; }
	
#produits img { border: none; }
#produits .topbar { background-image: url(./images/produits_topbar.png); background-repeat: no-repeat; background-position: left top; height: 27px; }
#produits .photo { vertical-align: top; padding: 5px; border-left: 1px dashed #c5c5c5; border-bottom: 1px dashed #c5c5c5; width: 96px; }
#produits .desc { padding: 5px; vertical-align: top; border-right: 1px dashed #c5c5c5; border-bottom: 1px dashed #c5c5c5; }

#produits .topbar a { color: #006e98; text-decoration: none; border: none; font-size: 12pt; font-weight: bold; }
#produits .topbar a:hover { color: #0095cd; text-decoration: underline;; font-size: 12pt; font-weight: bold; }
#produits .topbar a:active { color: #cd6416; font-size: 12pt; font-weight: bold; }
#produits .topbar a:visited { color: #3e3e3e; font-size: 12pt; font-weight: bold; }

	
/*MENU PRINCIPAL*/

#tabs { 
	display: block;
	background: #e6e6e6 url(../images/TabMosaic.gif) repeat-x 0 100%;
	width: 785px;
	margin-left: 8px;
	padding-left: 8px;
}

#tabs ul
{
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
}

#tabs ul li { display: block; margin: 2px 0 0 -1px; padding: 0; float: left;}

#tabs ul li#news { margin-left: 4px; }
#tabs ul li a { display: block; padding: 7px 10px 8px 31px; float: left; color: #5b5b5b; text-decoration: none; }

#tabs ul li span { display: block; float: left; }

#tabs ul li#menu_infos span { background-image: url(./images/icon_infos.gif); background-repeat: no-repeat; background-position: 10px 50% }
#tabs ul li#menu_OPTIM21 span { background-image: url(./images/icon_OPTIM21.gif); background-repeat: no-repeat; background-position: 10px 50% }
#tabs ul li#menu_produits span { background-image: url(./images/icon_produits.gif); background-repeat: no-repeat; background-position: 10px 50% }
#tabs ul li#menu_contacts span { background-image: url(./images/icon_contacts.gif); background-repeat: no-repeat; background-position: 10px 50% }

#tabs ul li.active#menu_infos span { background-image: url(./images/icon_infos.gif); background-repeat: no-repeat; background-position: 10px 50% }
#tabs ul li.active#menu_OPTIM21 span { background-image: url(./images/icon_OPTIM21.gif); background-repeat: no-repeat; background-position: 10px 50% }
#tabs ul li.active#menu_produits span { background-image: url(./images/icon_produits.gif); background-repeat: no-repeat; background-position: 10px 50% }
#tabs ul li.active#menu_contacts span { background-image: url(./images/icon_contacts.gif); background-repeat: no-repeat; background-position: 10px 50% }

#tabs li a { background: url(./images/TabMosaic.gif) no-repeat 100% -120px; }
#tabs li.active { background: url(./images/TabMosaic.gif) no-repeat 0px 0px #fff; }
#tabs li.active a { background: url(./images/TabMosaic.gif) no-repeat 100% -60px; }

.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	font-size: 1px;
	line-height: 1px;
}


/*PAGE PRODUITS*/

table.tableProduits {
	width: 100%;	
}


td.produitsLeft {
	width: 180px;
	padding-left: 10px;
	vertical-align: top;	
}

td.produitsRight {
	vertical-align: top;	
}