/*
Couleurs générales utilisées dans le site
Bleu pantone 8201 
Bleu foncé : #38687B 100%
Bleu moyen : #88A4B0 60%
Bleu clair : #AFC3CA 40%
Bleu pâle  : #D7E1E5  20%

Orange pantone 7403
Orange foncé : #FEC26C 100%
Orange moyen : #FEDAA7 60%
Orange clair : #FFE7C4 40%
Orange pâle  : #FFF3E2 20%

Texte Rouge vif : #B1201F P.1805 / 100%
Texte Marron : #886052 P.8021 / 100%
*/

@page { size: 21cm 29.7cm;}
/* basic elements */
html,body { 	margin: 0px; padding: 0px; font-family: verdana,arial,helvetica,sans-serif; font-size:11px; text-align:center;}
p {  margin: 0px; padding: 0px;  }
h1 {color:#97282E; font-weight: 900; font-size:17px ; margin: 0px;}
h2 {color:#648CCD; font-weight: 700; font-size:16px ; margin: 0px;}
h3 {color:#97282E; font-weight: 900; font-size:17px ; margin: 0px;}
h4 { font-weight: 900; font-size:15px ; margin: 0px; color: #006F65; }
h5 { font-weight: 700; font-size:14px ; margin: 0px; color: #006F65; font-style:italic}
h6 { font-size:14px; color:#886052; margin-bottom: 0px; padding-left: 0px; padding-bottom: 0px; margin-top: 10px; clear:both}

form { position: relative; margin-top:20px; text-align: left; width: 100%; }
form div {width:100%; background-color: #ffe7c4; position: relative;}
textarea {width: 98%; height: 200px;}
input, select {width: 98%;}

.prompt {width: 28%; background-color: #fedaa7; margin: 5px;}
.input {font-family:verdana; font-size:1em; text-align: left; width: 70%;  border: 1px solid #886052; }
/*ie ne supporte pas les type selectors, on utilise les classes .button, .checkbox etc.*/
.button, input[type="submit"] {width: auto; margin: auto; background-color:#FFFFFF; color:#38687B; font-size:1em; font-weight:bold; border: solid 1px #B02020; margin-top:10px; cursor: pointer; text-align: center;}
.checkbox, .radio {width: auto; margin: auto; position: relative; left: 0px; margin-right: 5px;  }

/* required effects */
.required label {font-weight:bold; }
.required label:after {content: " *";}

/* valid / invalid effects */
span.valid, span.hidden {display:none}
span.invalid {display: inline; color:red;}
input.invalid, select.invalid, textarea.invalid {background-color: #FFEEEE;}
tr.invalid th, label.invalid, legend.invalid {color: red;}

.centered {text-align: center;}

/* tableaux de base */
th { background-color:#FFFFFF; color:#000000; font-size:11px; font-weight:bold; border-bottom: solid 1px #E0E4E8;}
tr.TabHeader th { background-color:#B1201F; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px; }
td { font-size:11px; padding:3px; border-bottom: solid 1px #E0E4E8; font-style:normal;}
td a { font-style:normal;}


table {width:100%; border-spacing:0; margin-top:10px; }
.formTab {background-color: #ffe7c4;}
.formTab th {width: 30%; background-color: #fedaa7; font-weight: normal;}
.formTab td {width: 68%;}
.formTab select { width: 460px;} /* needed to stop select from expanding indefinitely due to huge contents*/


img {border: none;}

a { font: italic normal 1em verdana,arial,helvetica,sans-serif; color: #5577CC; padding: 4px; margin: 0px;}
a.header { color: #FFF; }
a.rowtitle { color: #000; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }


/* General */
.TexteBleu {color:#38687B}
.Gras {font-weight:bold}
.Right {text-align:right;}
.clear {clear:both}
.TitreBlancSurRouge {background-color:#B1201F; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px;}

/* page */
#page {width:100%; text-align:left; margin-left:auto; margin-right:auto; margin-top:0px; position: relative; }
/*#header {visibility:hidden;}*/
#header { position: absolute; top:0; left:0; width: 90%;}
#header img { position: relative; z-index: 3; }
#header h1 { position: absolute; top: 0; width: 100%; height:72px; background-color:#FEC26C; margin:0; padding:0; }
#header h2 { background-image:url(/img/BandePhotos.jpg); background-repeat:no-repeat; height:55px; margin:0; padding:0; position: relative; top: -2px;}
#header h1 span { visibility:hidden}
#header h2 span { display:none}
#LogoHautPage { position:absolute; left:380px; top:15px; width:134px; height:34px;}

/* bannières */
#bannerH { position: absolute; left: 525px; top: 5px; z-index: 5; }
#bannerC1, #bannerC2, .banner { width:468px; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:15px;}
/* petites bannieres */
/* par 4 */
.four {padding:0;margin:0;}
img.four {width:113px; height: 60px;}
/* par 3 */
img.three {height: 60px;}

/* colonne de gauche */
#leftcol { position: absolute; top: 140px; left: 0px; width:140px; margin:0px; padding: 0px; padding-top:15px; overflow:hidden; display: none;}
/* Choix langues */
#langs { position: relative; top: -5px;text-align: center; }
#langs a { font-size:0.9em; font-style:normal; padding:0px; color:white;}
#langs a:hover { text-decoration:none;}
#langs img {border: none; padding: 2px;}
/* login */
#member { font-size: 0.9em; padding-left:10px; margin-bottom:15px}
#memberlogin { padding:0px; margin:0px;}
#memberlogin input {width:95%}
.button {margin-top:0px; font-size: 1.2em; font-weight:bold; color:#6A2225; background-color:#FFFFFF; border:none; cursor: pointer; }
.submitLogin {margin-top:0px; font-size: 1.6em; font-weight:bold; color:#6A2225; background-color:#FFFFFF; border:none; cursor: pointer; }
/* logos certificateurs */
p.LogoCertification {text-align:center;padding-bottom:8px}
.adminInfo { color: red; background-color: transparent;}
.staticsInfo { color: green; background-color: transparent;}

/* colonne de droite*/
#rightcol { position: absolute; top: 140px; left: 840px; width:152px; padding:5px; margin:0px; display: none;}
.boxtitle { display:block; font-size:14px; font-weight:bold; color:#886052; margin: 0; padding: 0; border-bottom: 1px solid #E0E4E8; width: 100%; }
.sidebox { margin: 0; padding: 0; padding-bottom: 1.5em; }
.sidebox form { padding:0; margin:0; }
.sidebox ul { list-style:none; margin:0; margin-top:1px; padding:0;}
.sidebox li { margin-bottom:0.3em;}
.sidebox a {font-style:normal; padding-left:0px;}
.sidebox select { width:100%;}

/* zone de contenu centrale */ 
#content { position: relative; top: 140px; margin-left: 10px; margin-right: 10px;  padding: 1em; padding-top: 15px; font-size: 1.2em; padding-bottom:200px;}
logoCertif, .summaryImage { position: relative; float: right; padding: 5px;}
/* .imageTitle {text-align: right; margin-top:35px; margin-right:20px; margin-bottom: 30px;} */
.imageTitle {margin-top:40px; margin-bottom: 20px; text-align:left; padding-right:20px;}
.ImageTitle {margin-top:40px; margin-bottom: 20px; text-align:left; padding-right:20px;}
.footHome {margin-top:10px; width:100%;}
.footHome td {vertical-align:top}

/* offers */
.LienOffre {position:relative;right:5px; border:1px solid #B1201F;margin:5px;padding:4px;width:200px;text-align:center;}

/* register home */
.registerRight {position: relative; float:right; background-image:url(../img/design/btntournesol.jpg); background-repeat:no-repeat; width:120px; height:120px; margin-top: 1em; }
.registerRight p {width:100%; margin:0px; margin-top:90px; border-top:1px solid white;border-bottom:1px solid white; color:#fff; text-align:center; padding-top:3px; padding-bottom:3px}
.registerRight a {color:#fff; font-weight:bold; }
.registerLeft h6 {clear:none}
.separatorHome {width:100px; height:5px; color:#999999; border-bottom: 1px solid #dedede; margin-bottom:5px; margin-left:290px; clear:both;}


/* membres */
#memberOffers, #memberProducts {border:1px solid #B1201F;padding:0px}
#newOffer a, #newProduct a {font-size:12px;font-weight:bold}

/* les tableaux */
/* Offers to sell */
tr.ListeO2SChamps0 th {background-color:#D7E1E5;}
tr.ListeO2SChamps0 td {background-color:#D7E1E5;}
tr.ListeO2SChamps0 a {font-weight:bold;}
tr.ListeO2SDescription0 td {border-bottom:5px solid white;background-color:#AFC3CA;}
.TitreO2SDescription0, .TitreO2SDescription1  {color:#38687B; font-weight:bold}

tr.ListeO2SChamps1 th {background-color:#FFF3E2}
tr.ListeO2SChamps1 td {background-color:#FFF3E2}
tr.ListeO2SChamps1 a {font-weight:bold}
tr.ListeO2SDescription1 td {border-bottom:5px solid white;background-color:#FFE7C4}

#DetailO2sCoord th {width:200px;background-color:#AFC3CA;padding-left:3px;padding-right:3px;border-style:none;}
#DetailO2sCoord thead th {background-color:#38687B;color:#ffffff;border-style:none;}
#DetailO2sCoord td {background-color:#D7E1E5;padding-left:3px;padding-right:3px;border-style:none;}

#DetailO2sOffre th {width:200px;background-color:#FFE7C4;padding-left:3px;padding-right:3px;border-style:none;}
#DetailO2sOffre thead th {background-color:#FEC26C;color:#B1201F;border-style:none; }
#DetailO2sOffre td {background-color:#FFF3E2;padding-left:3px;padding-right:3px;border-style:none; }

/* Offers to buy */
tr.ListeO2BChamps0 th {background-color:#D7E1E5}
tr.ListeO2BChamps0 td {background-color:#D7E1E5}
tr.ListeO2BChamps0 A{font-weight:bold}
tr.ListeO2BDescription0 TD {border-bottom:5px solid white;background-color:#AFC3CA}
.TitreO2BDescription0, .TitreO2BDescription1  {color:#38687B; font-weight:bold}

tr.ListeO2BChamps1 th {background-color:#FFF3E2}
tr.ListeO2BChamps1 td {background-color:#FFF3E2}
tr.ListeO2BChamps1 A{font-weight:bold}
tr.ListeO2BDescription1 TD {border-bottom:5px solid white;background-color:#FFE7C4}

#DetailO2bCoord th {width:200px;background-color:#AFC3CA;padding-left:3px;padding-right:3px;border-style:none}
#DetailO2bCoord thead th {background-color:#38687B;color:#ffffff;border-style:none}
#DetailO2bCoord td {background-color:#D7E1E5;padding-left:3px;padding-right:3px;border-style:none}

#DetailO2bOffre th {width:200px;background-color:#FFE7C4;padding-left:3px;padding-right:3px;border-style:none}
#DetailO2bOffre thead th {background-color:#FEC26C;color:#B1201F;border-style:none}
#DetailO2bOffre td {background-color:#FFF3E2;padding-left:3px;padding-right:3px;border-style:none}

/* les formulaires */
#regTable1 td {font-size:12px;margin-left:2px;margin-right:2px}
#regForm1 h6 {font-size:14px}
#regForm1 li {font-size:12px;font-weight:bold;color:#38687B}
#regTable1 td.registerDuration {background-color:#D7E1E5}

/* offers edit */
/* #editOffer div div div label {display:block;} */

/* offers / directory search form */
form.searchBasic select {position: absolute; left: 15em;}
form.searchBasic p { margin-bottom: 3px;}

/* userdetails 
#regForm2 p.input {position: relative; left: 3em; margin-bottom: 5px;}
#regForm2 p.input input {width: 384px;}
*/
p.category label { position: relative; margin: 2px; color:#88A4B0; font-weight:bold; cursor:pointer; background-color: white; display: inline;  width: auto; }
p.category:hover {cursor: pointer;}
p.product label {color:#38687B;}
p.product span { color:#886052 }
p.warn {color: red;}
.cbBuySell { position: relative; top: -1em; display:none; margin: 5px 0 0 5px ; width: 620px; text-align: right; border-top:1px solid #88A4B0; }
.cbBuySell label { margin: 3px; z-index:2;  }
.cbBuySell p { border-right:1px solid #88A4B0; padding-right: 5px;}
.categoryItems {display: none;}


/* menu de navigation */
/*li.member>a { text-decoration: underline;  }*/

/* footer links */
#InternalLinks {position: relative; z-index: 5;}
.discret, .discret a { color : #ccc;}

#menu {  
    position: absolute;
    z-index:300;
    top: 125px;
	width: 1004px;
    margin-left: auto;
    margin-right: auto;
	height:25px;
    display: none;
}

.GestionMenu{
    display:block;
    margin:0;
    padding:0;
    width:1004px; /* important for Opera7 */
    background-color: #ffffff;
	z-index:300;
    }

.GestionMenu ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
	top:auto;
    display:block;
    width:143px;
    margin:0;
    padding:0;
    background-color: #ffffff;
    }
    
.GestionMenu li ul{
    visibility:hidden;
    }

.GestionMenu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:140px;
    margin-top:-23px; /* move the sub menu verticaly */
    }
    
.GestionMenu li{
    list-style:none;
    width:143px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    background-color: #ffffff;
    }
    
.GestionMenu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .GestionMenu li li{
    display:inline;
    }

.GestionMenu a{
    text-align:center;
    background-color: #ffffff;
    border:1px #80796C solid;
	border-left:none;
    color:#38687B;
    display:block;
    width:142px;
    text-decoration:none;
    padding:2px 0;
    margin:0px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	text-transform:uppercase;
    z-index:300;
    }
    
.GestionMenu a:hover {
    background-color: #88A4B0;
    /*border:1px #80796C solid;*/
	color:#FFFFFF;
    }
    
/* for a mozilla better display with key nav */
.GestionMenu a:focus {
    background-color: #88A4B0;
	color:#FFFFFF;
}

.GestionMenu li li a:hover {
    background-color: #AFC3CA;
    /*border:1px #80796C solid;*/
	color:#FFFFFF;
    }
    
/* for a mozilla better display with key nav */
.GestionMenu li li a:focus {
    background-color: #AFC3CA;
	color:#FFFFFF;
}

/* hide some accessibility stuff */
.GestionMenu span {
    display: none;
}

/* just for fun ;) */

.GestionMenu li li a {
    background-color: #ffffff;
    border-left: 1px #80796C solid;
    font-weight:normal;
    text-transform:none;
}

.GestionMenu li li li a {
    background-color: #ffffff;
    border-left: 1px #80796C solid;
    font-weight:normal;
    text-transform:none;
}

.GestionMenu li li li li a {
    background-color: #ffffff;
    border-left: 1px #80796C solid;
    font-weight:normal;
    text-transform:none;
}

/* paiements */
.paymentMethod {
	font-size: 14px;
	font-weight:bold;
}
.titlePayment { font-size:16px; color:#886052;}

/* tests */
#offersSummary {border-collapse:collapse}
#offersSummary  td {text-align:right;}
#offersSummary tr.bleu {background-color: #AFC3CA}
#offersSummary tr.bleu th {background-color: #AFC3CA}
#offersSummary tr.row1 {background-color: #AFC3CA}
#offersSummary tr.row1 th {background-color: #AFC3CA}
#offersSummary  tbody td {padding-right:5px}
#offersSummary  tbody th {padding-left:3px}
#offersSummary  a {font-weight:bold;font-size:11px}

#offersSummary tfoot th {padding-left:3px; background-color: #88A4B0; color:#ffffff; font-weight:bold; font-size:12px}
#offersSummary tfoot td {background-color: #88A4B0; color:#ffffff; font-weight:bold; font-size:12px;}
#offersSummary tr.totalOffers th {background-color: #88A4B0; color:#000; font-weight:bold; font-size:12px;}
#offersSummary tr.totalOffers td {background-color: #88A4B0; color:#000; font-weight:bold; font-size:12px}
#offersSummary tr.totalOffers {background-color: #88A4B0}
#offersSummary tr.totalOffers td a {color:#000; font-size:12px}

/* Equipe */
#Equipe td {padding:3px;vertical-align:top;width:20%}
#Equipe td.Orange {background-color:#FFF3E2}
#Equipe td.Bleu {background-color:#D7E1E5;}

/* Institutionels */
p.Organisation {padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #667A8C; background-color:white}
.NomOrganisation {font-weight:bold;color:#667A8C}

/* FAQ */
#FAQ {clear:both}
#FAQ h6 {background-color:#667A8C; padding-left:2px; color:white}
#FAQ h4 {background-color:#FEC26C; color:black; padding-top:5px; padding-bottom:5px; padding-left:2px ; margin-top:10px}

/* Links */
#Links {clear:both}
#Links h6 {background-color:#667A8C; padding-left:2px; color:white}
#Links h4 {background-color:#FEC26C; color:black; padding-top:5px; padding-bottom:5px; padding-left:2px; margin-top:10px}
#Links a {font-weight:bold; font-style:normal}