/* css document */

body {
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color:#fff;
	margin:0px;
	padding:0px;
}

/*Basic Links*/

a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}
a img{border:0;}

p {
	padding: 4px 0 14px 0;
	margin: 0;
}
.center {
	text-align: center;
}
ul {
	padding-top: 4px;
	padding-bottom: 14px;
	margin-top: 0;
	margin-bottom: 0;
}
ul li {
	list-style-type: square;
}
ul li li {
	list-style-type: disc;
}
ul li a {
	font-weight: bold;
	color: #fff;
}
img{
	border:0px;
}
form {
	padding: 0;
	margin: 0;
}
input, textarea{
	margin:2px 1px;
	padding:1px;
	border:1px solid #eee;
}

select{
	margin:1px;
	border:1px solid #eee;
}

option{
	padding:1px 5px 1px 1px;
}

#all{
	width:800px;
	margin:0px auto;
}

#logout *{
	color:#fff;
	font-size:10px;
	text-align:right;
}
#logout{
	position:absolute;
	margin:10px 15px;
	z-index:1000;
	text-align:right;
	width: 770px;
}
#top{
	height: 138px;
	width: 800px;
}

#middle{
	width: 800px;
/*	background: #fe6400 url(../img/right.jpg) no-repeat top right;*/
	background: url(../img/bg_2cols.gif) repeat-y 0 0;
}
#left{
	float:left;
	width: 579px;
	background: #007ec7 url(../img/left.jpg) no-repeat 0 0;
}
#left.chr {
	background: #007ec7 url(../img/left2.gif) no-repeat 0 0;
}

#left_inner {
	color: #000;
	margin: 15px;
	color: #ADE2FF;
}
#left_inner h1, #left_inner h2{
	color: #fff;
	font-size: 1.3em;
	border-bottom: 3px dotted #2691CF;
	margin: 0 0 10px 0;
	padding: 0 0 5px 18px;
	background: url(../img/puce01.gif) no-repeat 0 3px;
}
#left_inner h1.palt {
	background: url(../img/puce01b.gif) no-repeat 0 3px;
}
#left_inner h2{
	margin: 10px 0 10px 0;
	background: url(../img/puce02.gif) no-repeat 0 3px;
}
#left_inner h2.h2toh1{
	background: url(../img/puce01.gif) no-repeat 0 3px;
	text-transform: uppercase;
}
#left_inner h1 em, #left_inner h2 em {
	color: #68C8FD;
	text-transform: uppercase;
	font-style: normal;
}
#left_inner h2 em.emv2 {
	text-transform: none;
}
#left_inner h3, #left_inner h2.h2toh3 {
	font-size:1.1em;
	color:#fff;
	border-bottom: 1px solid #2691CF;
	margin: 0 0 10px 0;
	padding: 0 0 5px 18px;
	background: url(../img/puce03.gif) no-repeat 3px 5px;
}

p.chr-chapo {
	font: bold 0.88em Georgia, "Times New Roman", Times, serif;
	color: #00334F;
	border: 2px solid #2691CF;
	padding: 10px;
	margin: 4px 0 14px 0;
	line-height: 1.5em;
	text-align: justify;
}
p.panier-chapo {
	font: bold 0.88em Georgia, "Times New Roman", Times, serif;
	color: #00334F;
	border: 2px solid #ADE2FF;
	padding: 10px;
	margin: 4px 0 14px 0;
	line-height: 1.5em;
	text-align: center;
}
table p.chr-chapo {
	border-style: dotted;
	text-align: left;
}
#left_inner p em {
	font-style: italic;
}
span.date {
	font-size: 1.7em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	margin: 0 7px 0 0;
}
span.hyper {
	font-size: 1.6em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	margin: 0;
}
span.hyper2 {
	font-size: 1.2em;
	font-weight: bolder;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #262626;
}

/* PAGE ENTREPRISES */

div#pave1, div#pave2, div#pave3, div#pave4 {
/*	margin-top: 20px;*/
	clear: both;
}
div.margeur01 {
	height: 20px;
	clear: both;
}
div#pave1 h2, div#pave2 h2, div#pave3 h2, div#pave4 h2 {
	padding: 0;
	margin: 0;
	font: bold 1.6em Georgia, "Times New Roman", Times, serif;
	color: #ffd800;
	border: none;
	background-image: none;
}
div#pave2 h2, div#pave4 h2 {
	text-align: right;
}
div#pave1 p, div#pave3 p {
	padding: 0;
	margin: 0;
	text-align: left;
}
div#pave2 p, div#pave4 p {
	padding: 0;
	margin: 0;
	text-align: right;
}
div#pave1 img, div#pave3 img {
	float: left;
	margin-right: 14px;
	margin-top: 6px;
}
div#pave2 img, div#pave4 img {
	float: right;
	margin-left: 14px;
	margin-top: 6px;
}
div#pave4 {
	margin-bottom: 30px;
}

/* PAGE PLAN DU SITE */

ul.sitemap {
	color: #ffd800;
}

/* TABLEAUX SERVICES */

table.tabExpresso {
	width: 100%;
	border: none;
	border-collapse: collapse;
	padding: 0;
	margin: 4px 0 14px 0;
	text-align: left;
	color: #fff;
	vertical-align: top;
}
table.tabExpresso caption {
	display: none;
}
table.tabExpresso th {
	border: 1px solid #007EC7;
	padding: 2px 6px;
	background-color: #00334F;
	color: #ADE2FF;
}
table.tabExpresso td {
	border: 1px solid #007EC7;
	padding: 4px 6px;
	background-color: #2691CF;
}
table.tabExpresso td.celL {
	color: #00334F;
	font-weight: bold;
}
table.tabExpresso td.celC {
	font-style: italic;
}

/* FORMULAIRE CONTACTEZ-NOUS */

form#nous_contacter {
	padding: 0;
	margin: 0;
}
div#formCol-L {
	float: left;
}
div#formCol-R {
	float: right;
}
form#nous_contacter p.saisie-o {
	font-size: 1em;
}
form#nous_contacter span.asterisk {
	font-weight: bold;
	font-size: 1.2em;
	color: #D70707;
	font-family: Georgia, "Times New Roman", Times, serif;
}
form#nous_contacter fieldset {
	color: #2691CF;
	border: 1px solid #00A5FF;
	margin: 10px 0;
	padding-right: 20px;
	padding-left: 20px;
}
form#nous_contacter legend {
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.3em;
	color: #ADE2FF;
}
form#nous_contacter p {
	padding: 2px 20px 0 20px;
	margin: 0;
}
form#nous_contacter div.hidden {
	visibility: hidden;
}
form#nous_contacter div.tleg {
	margin: 0 0 7px 0;
}
form#nous_contacter div.tleg p {
	font-weight: bold;
	color: #ADE2FF;
	padding: 5px 0;
	margin: 0;
}
form#nous_contacter label {
	color: #262626;
	font-weight: bold;
	font-size: 0.9em;
	padding-left: 5px;
}
input#societe, input#nom, input#prenom, input#email, input#tel, input#adresse1, input#adresse2, input#cp, input#ville {
	width: 200px;
	font: normal 0.95em Arial, Helvetica, sans-serif;
	color: #262626;
	border-top: 1px solid #00527F;
	border-left: 1px solid #00527F;
	border-bottom: 1px solid #2691CF;
	border-right: 1px solid #2691CF;
}
input#pourquoi1, input#pourquoi2 {
	border: none;
	padding: 0;
	margin: 0 0 -3px 0;
}
textarea#message {
	width: 460px;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #262626;
	border-top: 1px solid #00527F;
	border-left: 1px solid #00527F;
	border-bottom: 1px solid #2691CF;
	border-right: 1px solid #2691CF;
}
input#envoyer {
	padding: 2px 12px;
	margin: 0;
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	background-color: #262626;
	cursor: pointer;
	border: 7px solid #2691CF;
}
input#envoyer:hover {
	background-color: #D70505;
}
#left form#nous_contacter div.validation-advice {
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	text-align: left;
	margin-left: 0;
	background: url(../img/messagebox_warning2.gif) no-repeat 0 2px;
	width: 200px;
}

/* COLONNE DE DROITE */

#right {
	float:right;
	width: 221px;
	background: url(../img/right.jpg) no-repeat 0 top;
}

#right_inner {
	margin:10px 15px;
}

#right_inner h2 {
	color:#000;
	font-weight:bold;
	font-size:1.1em;
	padding: 0;
	margin: 0;
}

#right_inner h3 {
	color:#000;
	font-weight:bold;
	font-size:1.1em;
	padding: 0;
	margin: 0;
}

#right_inner h4 {
	color:#000;
	font-weight:bold;
	font-size:1.1em;
	margin: 0 0 7px 0;
}

#right_inner p {
	padding: 0;
	margin: 0 0 10px 0;
}

#right_inner p a {
	color:#d60000;
}

/* PLAN DU SITE */

ul.plan-site {
	margin: 14px 0 4px 0;
}

/* MENU DROITE */

#right_inner ul.menu {
	list-style: none;
	border-bottom: 1px solid #ffd9c0;
	padding: 0;
	margin: 10px 0;
}
#right_inner ul.menu li {
	list-style: none;
	border-top: 1px solid #ffd9c0;
	padding: 7px 0px;
	margin: 0;
}
#right_inner ul.menu li a {
	font-size:1.1em;
	font-weight:bold;
	color: #fff;
	text-decoration: none;
}
#right_inner ul.menu li a:hover {
	color: #d60202;
}
#right_inner ul.menu li a.selected {
	padding-left: 10px;
	color: #000;
	background: url(../img/puce04.gif) no-repeat 0 5px;
}
#right_inner ul.menu li a.red {
	color:#d60000;
}
span.navSup {
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* VEUILLEZ VOUS CONNECTER */

div#right_inner form#login_form, div#right_inner form#lostpassw_form {
	padding: 0;
	margin: 8px 0 0 0;
}
table.table_form {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
td.form_cell {
	vertical-align: top;
	margin-bottom: -10px;
}
form#login_form label, form#lostpassw_form {
	font-size: x-small;
}
input#id_client, input#passw_client {
	width: 100px;
	border-top: 1px solid #FF9654;
	border-left: 1px solid #FF9654;
	border-right: 1px solid #FFDECA;
	border-bottom: 1px solid #FFDECA;
	font-size: x-small;
	margin-top: -3px;
}
#right_inner table p.forbiddenPass {
	padding: 0;
	margin: 0;
	text-align: center;
}
#right_inner table p.forbiddenPass a {
	font-size: xx-small;
	color: #fff;
	text-decoration: none;
}
#right_inner table p.forbiddenPass a:hover {
	color: #D70808;
	text-decoration: underline;
}
span.asterisk {
	color: #D70808;
	font-size: normal;
	font-weight: bold;
}
#right_inner p.devenirClient {
	text-align: right;
	padding-right: 12px;
}
#right_inner p.devenirClient a {
	color: #000;
	text-decoration: none;
	font: bold xx-small Verdana, Arial, Helvetica, sans-serif;
}
#right_inner p.devenirClient a:hover {
	text-decoration: underline;
}

/* PIED DE PAGE */

#bottom {
	height: 117px;
	width: 800px;
	background: #000 url(../img/bottom.jpg) no-repeat top left;
}
div#bottom p {
	padding: 10px 0 0 0;
	margin: 0;
	text-align: center;
	font-size: 0.9em;
	color: #fff;
}
div#bottom p a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
div#bottom p.outsider, div#bottom p.outsider a {
	color: #777777;
	padding: 0;
	margin: 2px 0 10px 0;
	font-weight: normal;
}
div#bottom p a:hover, div#bottom p.outsider a:hover {
	color: #007EC7;
}

/*
PARTIE LOGGEE
-----------------------------------------------------------------------*/

#left_inner h1.logh1 {
	color: #fff;
	font-size: 1.3em;
	border-bottom: 3px dotted #2691CF;
	margin: 0 0 10px 0;
	padding: 0 0 5px 18px;
	background: url(../img/puce01c.gif) no-repeat 0 3px;
	text-transform: uppercase;
}
#left_inner h2.logh2 {
	color: #fff;
	font-size: 1.3em;
	border-bottom: 3px dotted #2691CF;
	margin: 0 0 10px 0;
	padding: 0 0 5px 18px;
	background: url(../img/puce01.gif) no-repeat 0 3px;
	text-transform: uppercase;
}

.clear, div.clear {
	clear:both;
}

/* marge sous menu client pour afficher liaison bg */
div.fx-marge01 {
	height: 150px;
}

/* article */

#left div.article {
	margin: 10px 0;
	min-height: 108px;
	border: 1px dotted #34B7FF;
}
#left div.article div.img {
	float: left;
	width: 106px;
	height: 106px;
	text-align: center;
	line-height: 0;
	font-size: 0;
}
#left div.article div.img img {
	border: 5px solid #80BEE3;
	margin: 1px;
}
#left div.article div.designation {
	float: left;
	width: 220px;
	font-weight: bold;
	margin: 30px 15px 0px 15px;
}
#left div.article div.designation h4 {
	padding: 0;
	margin: 0;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #000;
}
#left div.article div.designation p {
	padding: 0;
	margin: 0;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
}
#left div.article div.quantity {
	float: left;
	margin: 27px 14px 0px 14px;
}
#left div.article div.quantity p {
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	color: #000;
	text-align: center;
}
#left div.article div.quantity form {
	padding: 0;
	margin: 0;
}
#left div.article div.quantity select {
	font-size: 0.9em;
	font-weight: bold;
}
#left div.article div.quantity select option {
	padding: 1px;
	margin: 0;
}
#left div.article div.total {
	float: left;
	margin: 30px 15px 0px 15px;
}
#left div.article div.total h4 {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 0.9em;
	color: #000;
}
#left div.article div.total p {
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 0;
	margin: 0;
}

#left select.quantite {
	width: 40px;
}
#left div.pagination {
	text-align: center;
	margin: 5px;
}
#left div.pagination *{
	color: #80bfe3;
}

/* panier */

ul#paniermini{
	padding: 0;
	margin: 0 0 10px 0;
	list-style: none;
}
#paniermini li {
	list-style: none;
	border-bottom: 1px solid #ffd9c0;
	padding: 2px 0px;
}
#paniermini li a {
	font-weight: normal;
}
span.panNb {
	font-weight: bold;
	color: #000;
}
div.panTotal p {
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0;
}
p.panSubmit {
	text-align: center;
	padding: 0;
	height: 30px;
	margin: 0;
}

/**/

table#panier {
	width: 100%;
	margin: 0px 0px 10px 0px;
}
table#panier tr td {
	border-bottom: 1px dotted #80bfe3;
	padding: 4px;
	margin: 0;
	vertical-align: middle;
}
table#panier p {
	padding: 0;
	margin: 0;
}
table#panier th {
	background: #026CA9;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 4px;
}
table#panier td.image img {
	border: 5px solid #80BEE3;
	margin: 1px;
}
table#panier td.designation {
	color: #000;
	font-weight: bold;
}
table#panier td.designation a {
	text-decoration: none;
	color: #fff;
}
table#panier td.designation a:hover {
	text-decoration: underline;
	color: #fff;
}

table#panier td.total {
	text-align:right;
	color: #fff;
}
table#panier td.prixHt {
	text-align:center;
}
table#panier td.quantity {
	text-align: center;
	vertical-align: middle;
}
table#panier td.quantity select {
	width: 40px;
	font-weight: bold;
	font-size: 0.9em;
	margin: 0;
	height: 20px;
}
table#panier tr.total td {
	border-bottom: none;
}
table#panier tr.total td.tot-res {
	text-align: right;
	color: #000;
	font-weight: bold;
}
table#panier tr.total td.resultat {
	padding: 14px 4px;
	border-width: 1px;
	border-style: dashed;
	border-color: #007ECA;
	=border-color: #ADE2FF;/*IE*/
	background: #ADE2FF;
	color: #000;
	text-align: center;
}
td.confmdp div#advice-required-passw_client {
	float: none;
	margin-left: 440px !important;
	font-size: 0.8em !important;
}
div#validationPanier div#error {
	text-align: right;
	background: none;
	color: #F5F300;
}

/**/
table.tabSample {
	width: 100%;
	border-collapse: collapse;
}
table.tabSample td {
	padding: 4px;
	margin: 0;
	text-align: right;
}
/**/
#error{
	background-image: url(../img/messagebox_info.gif);
	background-repeat: no-repeat;
	margin: 1px 0;
	padding: 2px 2px 2px 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color: #007EC7;
}
div.validation-advice {
	background-image: url(../img/messagebox_warning.gif);
	background-repeat: no-repeat;
	margin: 1px 0;
	padding: 2px 2px 2px 21px;
	font-size: smaller;
	display:block;
}

input.validation-failed, textarea.validation-failed{
	border: 1px solid #fe812f;
}

/* contact */

div#form_contact {
	margin-bottom: 60px;
}
table.form_table td {
	vertical-align:top;
}
td.form_cell{
	text-align:right;
	width:100px;
	padding:1px;
}
div.result p {
	text-align: center;
	padding: 40px 0 55px 0;
	line-height: 2em;
	margin: 0;
	font-weight: bold;
}
div.result p:first-line {
	color: #262626;
}
/* message 'Saisie obligatoire' contact panne */
div#left div.validation-advice {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	text-align: left;
	margin-left: 30px;
	background: url(../img/messagebox_warning2.gif) no-repeat 0 2px;
}
.red {
	color: #D60202;
}

/* FIN */