/*
------------------------------------------------------
Copyright Kemie Guaida, some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/
You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------
*/
* {
	padding: 0;
	margin: 0;
}
/* general styles */

body {
margin: 0 auto; 
font: 82% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
color:#666666;
background: #343434 url(/pix/bg_body.jpg) repeat-x;
text-align:justify;
}
p {
margin: 10px 15px 5px 15px;
text-align: justify;
}
/* layout styles */
#container {
width: 766px;
text-align: left;
margin: 0 auto 0 auto;
background-color: #fff;
padding: 0 !important;
border-right: 1px solid #000;
border-left: 1px solid #000;
}

#header {
height: 80px;
background: url(/pix/header_logo.jpg) center no-repeat;
border-right: 2px solid #fff;
border-left: 2px solid #fff;
}
#header h1, .cls {
display: none;
}
/* meta nav */
#nav-meta {
float: right;
margin-right: 25px;
font-family: verdana, arial, sans-serif;
font-size:7.8pt;
color:#fff;
}
#nav-meta li {
display: inline ;
padding:  6px 6px 6px 6px;
background-color:#3399CC;
}
#nav-meta a, #nav-meta a:visited {
color: #ccc;
text-decoration: none;
font-weight: bold;
}
#nav-meta ul a:hover {
padding:  6px 6px 6px 6px;
background-color:#fff;
color: #000;
}

#search {
position: absolute;
top: 8px;
right: 48px;
background: transparent;
}
#search input {
margin-left: 4px; 
font-family: verdana, arial, sans-serif;
font-size:7.8pt;
font-weight: bold;
border: solid 0px #fff;
color: #666666;
margin-top:3px;
background-color: transparent;
}
.imgbutton {
vertical-align:middle;
}
/* Navigation main */
#nav-main {
height: 40px;
background: url(/pix/nav_main.jpg) no-repeat center #000;
font-family: verdana, arial, sans-serif;
font-size:7.8pt;
font-weight: bold;
position: relative;
border-right: 2px solid #fff;
border-left: 2px solid #fff;
}
#nav-main ul li {
	display: inline
	}
#nav-main ul li a {
	display: block;
	float: left;
	color: #fff;
	padding: 0px 9px 0px;
	border-right: 1px solid #fff;
	text-decoration: none;
	margin-top:12px;
}
#nav-main ul li a:hover {
/*background: #39c;*/
color: #99FF00;
}

#nav-main ul li#thispage a {
/*background: #80CBEE;*/
color: #99FF00;
}
#nav-main ul li#thispage a:hover {
/*background: #80CBEE;*/
color: #fff;
}
#content {
float: left;
width: 550px; 
border-right: 2px solid #fff;
border-left: 2px solid #fff;
padding: 0;
}
#content img {
	margin: 5px ;
	border: 1px solid #ccc;
	padding: 5px;
	}
* html #content {
margin-left: 0;
}
#content-img-accueil {
height: 156px;
background: url(/pix/content-img-accueil.jpg) center no-repeat ;
}
#content-img-compte {
height: 156px;
background: url(/pix/content-img-compte.jpg) center no-repeat ;
}
#content-img-panier {
height: 156px;
background: url(/pix/content-img-panier.jpg) center no-repeat ;
}
#content-img-catalogue {
height: 156px;
background: url(/pix/content-img-catalogue.jpg) center no-repeat ;
}
#content-img-audio {
height: 156px;
background: url(/pix/content-img-audio.jpg) center no-repeat ;
}
#content-img-video {
height: 156px;
background: url(/pix/content-img-video.jpg) center no-repeat ;
}
#content-img-cahiers {
height: 156px;
background: url(/pix/content-img-cahiers.jpg) center no-repeat ;
}
#content-img-prestations {
height: 156px;
background: url(/pix/content-img-prestations.jpg) center no-repeat ;
}
#content-img-contact {
height: 156px;
background: url(/pix/content-img-contact.jpg) center no-repeat ;
}
#content-img-plan {
height: 156px;
background: url(/pix/content-img-plan.jpg) center no-repeat ;
}
#content-img-recherche {
height: 156px;
background: url(/pix/content-img-recherche.jpg) center no-repeat ;
}
#content-img-infos{
height: 156px;
background: url(/pix/content-img-infos.jpg) center no-repeat ;
}
#content-img-dire {
height: 156px;
background: url(/pix/content-img-dire.jpg) center no-repeat ;
}
#content ul {
	list-style-image: url(/pix/arrow.gif);
	padding: 2px 2px 2px 20px;}
#content h2 {
	font-size:100%;
	color: #fff;
	border: 2px solid #ccc;
	background: #000 ;
	padding-left: 5px;
	padding-top: 7px;
	padding-bottom: 7px ;
	}

.icon {
width:16px;
height:16px;
vertical-align:middle;
margin:1px;
}

.iconbegin {
margin-top:12px;
}
.iconpreview {
	background: no-repeat url(/pix/appiconbox.gif);
	margin: 8px;
	width: 140px;
	height: 140px;
	text-align: center;}

span {
	color:#CC3333;
	font-weight: bold;}
a {
text-decoration:none;}

a:hover {
text-decoration:underline;}

.box {
border: 1px solid #bcbcbc;
margin-bottom:5px;
vertical-align:middle;
color:#666666;
/*background-color:#dedede;*/
}

.box a {
color:#666;}
.descriptif {
color:#333;
line-height:12pt;
}
.box ol {

}
#sidebar {
float: right;
padding: 0;
color: #999;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
}

.visible {

}

.invisible {
display: none;
}

#productsbox, #accountbox, #shopcart, #searchbox, #legalinfos, #w3c {
	border: 1px solid #bcbcbc;
	border-top: 0 ;
	width: 207px;
	text-decoration: none;
	margin-bottom: 5px;
	font-size: 10px;
	background-color: #EEEEDD; 
	color:#000;
	/*	background-color: #f1f1f1;*/
	/*background: url(/pix/h3bg2.gif) bottom center;*/
	}

#sidebar h3 {
color: #666;
height: 20px;
border-bottom: 1px solid #bcbcbc;
padding: 2px 0 3px 24px;
font-size:11px;
font-weight: bold;
font-family: verdana, arial, sans-serif;
	}	

#shopcart h3 {
	background: url(/pix/h3bg-panier.gif) top center;
}
	
#accountbox h3 {
	background: url(/pix/h3bg-compte.gif) top center;
}

#productsbox h3 {
	background: url(/pix/h3bg-productsbox.gif) top center;
}
#legalinfos h3 {
	background: url(/pix/h3bg-legalinfos.gif) top center;
}
#w3c h3 {
	background: url(/pix/h3bg-w3c.gif) top center;
}


#searchbox h3 {
	color: #666;
	height: 20px;
	border-bottom: 1px solid #bcbcbc;
	padding: 2px 0 3px 13px;
	background: url(/pix/h3bg.gif) top center;
	font-size:11px;
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
}
#productsbox ul, #searchbox ul, #legalinfos ul {
	list-style-image: url(/pix/arrow.gif);
	padding: 2px 2px 2px 20px;
	
}

#accountbox ul , #shopcart ul{
list-style-type: none;
padding: 4px 2px 2px 10px;
font: 12px/15px Verdana, Arial, sans-serif;
}

#shopcart strong {
color:#CC0033;
padding-bottom:10px;
}

#shopcart li{ 
padding: 4px 2px 2px 5px;
}

#shopcart p{
padding-top: 7px;
margin:0px;}

#productsbox ul li a, #accountbox ul li a, #shopcart ul li a, #searchbox ul li a, #legalinfos ul li a {
	color: #000;
	text-decoration: none;
	font: 12px/15px Verdana, Arial, sans-serif;
	margin-top : 2em;
	list-style-image: url(/pix/puce1.gif);
}
/*
#productsbox ul  a:hover, #accountbox ul li a:hover, #shopcart ul li a:hover, #searchbox ul li a:hover, #legalinfos ul li a:hover {
	list-style-image: url(/pix/arrowon.gif);
color:#CC3333
}
*/

#w3c ul, #shopcart ul {
	list-style-type: none;
	padding: 2px 2px 2px 20px;
}
img, #w3c img {
	border: 0;
}
#productsbox a:hover, #legalinfos a:hover {
	text-decoration: underline;
	/* color: #66CC33;*/
	color: #BC2A05;
}
#accountbox p, #searchbox p {
	padding: 2px 2px 2px 20px;
}
#accountbox span {
	margin: 15px;
}
#accountbox input {
	color: #666;
	margin: 5px 5px 5px 15px;
	padding: 2px;
}
#searchbox input {
	font-size: 11px;
	color: #000;
	margin-left: 15px;
	margin-top: 15px;
	border: solid 1px #bcbcbc;
	padding: 2px;
	background: #fff;
}
#accountbox input.button, #searchbox input.button {
	color: #999;
	border: solid 0;
}

form {
	display: inline;
	
}

/* footer */
#footer {
background: #000;
color:#fff;
font-size: 80%;
border:2px solid #ccc;
}

#footer p {
padding-top: 10px;
padding-bottom: 10px;
padding-left:5px;
}


#footer img {
float:right
}

#info-standards{
font-size: 10px;
padding: 0;
margin: 5px !important;
}



blockquote {
border: 1px solid #e2e2e2; 
background: #f1f1f1 url(/pix/icotip.gif) no-repeat 5px;
padding-bottom:10px;
}
blockquote p {
margin-left:45px;
}

p {
	display: table;
	text-align: justify;
	padding: 0px;
	margin: 14px 14px 0px 14px;
	}

#series {
background-color :#f1f1f1;
border: 1px #999 dashed;
color:#999;}

#series ol {
list-style-type: lower-greek;
margin-left: 35px;
padding: 0 5px 5px 0;}

#content a:link {
color:#FF6600;}
#content a:visited {
color:#FD8E43;
}
#series p {
border-bottom: 2px groove;}

#series ul {
list-style-image: url(/pix/bullet_orng.gif);
margin-left: 35px;
padding: 5px 5px 6px 0;
margin-top:5px;}

#chemin {
margin:5px 0 ;
text-align: right;
background-color :#f1f1f1;
padding: 0 5px;
font-size: x-small;}

#chemin a {
color:#666;
}

#nav-main span {
text-decoration:underline;
color:#fff;}

#table {
font-size: small;
}
.ftsmall {
font-size: x-small;
}
td[scope] {
	font-weight:bold;
}

.extbl {
border-collapse:collapse;
border-spacing:0;
border:1px solid #ccc;
border-width:1px 0 0 1px;
margin:1em 0;
}
.extbl th {
text-align:center;
background-color:#8AB448;
color:#FFF;
border:1px solid #ccc;
border-width:0 1px 1px 0;
padding:2px 6px;

}
.st {
border-top:1px solid #ccc;
text-align:right;
}

.extbl td {
border:1px solid #ccc;
border-width:0 1px 1px 0;
padding:2px 6px;
background-color:#E7EABF
}
.extbl td[scope] {
font-weight:bold;
}
.table1 .headers td {
font-weight:bold;
text-align:center;
}

.soustotal {
border-top: 3px double #999;
border-width:3px;
padding:2px 6px;
}

.c {
text-align:center;

}
.r {
text-align:right;}

.artd img {
vertical-align:bottom;
padding:6px 6px;}

hr { 
clear: both; 
height: 1px; 
visibility: hidden; 
margin: 0; 
padding: 0 }


#content h3 {
color: #A36107;
	font-weight: bold;
	font-size: medium;
	padding-left:26px;
	padding-top:4px;
	margin:4px 0 4px 0;
	background-image:url(/pix/td-h3-content-bg.gif);
	height:30px;
	}

.floatLeft {float: left;}

.box-small {
margin:5px 2px 5px 2px; 
border:1px dashed #939393;
background-color:#E7EABF;
clear: left;
}
.box-small img {
border:2px double #939393;
padding: 2px;
background-color:#fff;
}
.box-small p{
padding:2px 5px;
margin:0 5px 5px 0;
background-color:#eeeedd;
}

#content h4 {
color: #FEFEFC;
font-size:14px;
padding-top:5px;
padding-bottom:3px;
margin-bottom:5px;
border-bottom: 1px dashed #939393;
background-color:#8AB448;
}