html, body{
width:100%;
height:98%;
margin:0;
padding:0;
font-family:arial, sans-serif;
font-weight:normal;
font-style:normal;
font-size:100%;
background:#f0f0f0;
text-align:center;
}
a{
color:green;
}
.ancre{
text-decoration:none;
color:#000000;
font-size:80%;
}
img{
border:0;
}
fieldset{
border:0;
font-family:arial, sans-serif;
font-size:70%;
}
input{
border:1px solid green;
background-color:#ffffff;
}
input#email{
background-color:#ffffff;
width:23%;
}
input#motdepasse{
background-color:#ffffff;
width:20%;
}
select{
background-color:#ffffff;
border:1px solid green;
cursor:pointer;
}

form#menu select{
background-color:#f0f0f0;
border:1px solid green;
cursor:pointer;
}

.ligne{
width:48.5%;
border:0px solid red;
margin:0.11em;
float:left;
}
.un_quart_ligne{
width:35%;
border-right:0px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
margin:0.1em;
float:left;
height:1.6em;
}
.quart_ligne{
width:18%;
border-right:0px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
margin:0.1em;
float:left;
height:1.6em;
text-align:center;
}
.der_ligne{
text-align:center;
width:99%;
border:0px solid red;
margin-top:0.15em;
}
div#corpus{
position:relative;
z-index:102;
width:95.5%;
min-width:760px;
max-width:1100px;
height:96.5%;
min-height:90.5%;
max-height:100%;
border:0.1em solid green;
margin: auto;
margin-top:0.75em;
padding:0.5em;
background:#ffffff url(images/saison.png) bottom right no-repeat;
}
h1{
font-size:130%;
margin:0;
color:green;
}
h2{
font-size:110%;
margin:0;
color:green;
line-height:0.65em;
}
h3{
font-size:92%;
margin:0;
font-weight:normal;
color:green;
}
h4{
font-size:90%;
margin:0;
font-weight:normal;
}
div#titre_nom{
position:absolute;
top:0px;
left:1.9%;
width:50%;
border:0px solid green;
text-align:left;
}
.logo_nom{
font-size:150%;
font-family:arial, sans-serif;
font-weight:bold;
font-style:normal;
color:green;
text-decoration:none;
display:inline;
}
a.logo_nom:link{
color:green;
text-decoration:none;
}
a.logo_nom:visited{
color:green;
text-decoration:none;
}
a.logo_nom:hover{
color:#e0e0e0;
text-decoration:none;
}
a.logo_nom:active {
color:#e0e0e0;
text-decoration:none;
}
div#navigation{
text-align:right;
position:absolute;
top:1.1em;
right:20px;
width:45%;
border:0px solid green;
}
.lien_navig{
font-size:80%;
font-family:arial, sans-serif;
font-weight:normal;
font-style:normal;
color:green;
}
a.ppp_panier {
position:absolute;
text-align:center;
font-size:90%;
font-family:arial, sans-serif;
font-weight:normal;
font-style:normal;
color:green;
z-index: 50;
}
a.ppp_panier:hover {
background: none;
z-index: 50;
}
   
a.ppp_panier span {
display: none;
}
a.ppp_panier:hover span {
position: absolute;
display: block;
top: -10px;
left: 62px;
font-family:arial, sans-serif;
text-align:justify;
font-size:90%;
font-weight:normal;
min-width:150px;
background: white;
padding: 3px;
border: 1px solid green;
border-left: 7px solid green;
}
.lien_perdu{
font-family:arial, sans-serif;
font-weight:normal;
font-style:normal;
color:blue;
cursor:help;
}
.lien_inscription{
font-size:80%;
font-family:arial, sans-serif;
font-weight:bold;
font-style:normal;
color:green;
}
a.lien_navig:link{
color:green;
}
a.lien_navig:visited{
color:green;
}
a.lien_navig:hover{
color:#e0e0e0;
}
a.lien_navig:active {
color:#e0e0e0;
}
a.lien_inscription:link{
color:green;
}
a.lien_inscription:visited{
color:green;
}
a.lien_inscription:hover{
color:#e0e0e0;
}
a.lien_inscription:active {
color:#e0e0e0;
}
div#slogan{
line-height: 0.82em;
position:absolute;
top:16%;
left:1.9%;
height:17%;
width:96%;
clear: both;
background-color:#f0f0f0;
border-top: 1px dashed green;
border-bottom:1px dashed green;
z-index:5;
}
#slogan1 {
float: left;
width: 31%;
height:81%;
overflow:hidden;
border-right:1px dashed green;
padding:1%;
}
#slogan2 {
float: left;
width: 31%;
height:81%;
overflow:hidden;
border-right:1px dashed green;
padding:1%;
}
#slogan3 {
float: left;
width: 31%;
height:81%;
overflow:hidden;
padding:1%;
}
.texte_slogan{
text-align:justify;
font-size:72%;
}
div#image_prod{
text-align:center;
position:absolute;
z-index:100;
top:35%;
right:1.9%;
width:41%;
height:39%;
border:1px solid green;
}
div#credit{
position:absolute;
text-align:left;
top:2px;
height:2px;
font-size:75%;
color:white;
}
a.credit{
font-size:80%;
color:white;
}
div#texte_prod{
text-align:justify;
position:absolute;
z-index:101;
top:35%;
left:1.9%;
width:53%;
height:59%;
padding-right:3px;
border-bottom:1px dashed green;
overflow:auto;
}
.texte_aide{
font-size:75%;
}
div#chemin{
display:inline;
position:absolute;
top:95.5%;
left:1.9%;
margin:0;
background-color:transparent;
text-align:left;
border:0px solid red;
width:98%;
z-index:100;
}
div#recipro{
margin:0;
border:0px solid red;
}
div#connection{
margin:0;
padding:0;
display:inline;
text-align:left;
position:absolute;
z-index:101;
top:9%;
left:1.9%;
width:55%;
border:0px solid green;
color:green;
}
div#gamme{
display:inline;
text-align:right;
position:absolute;
z-index:101;
top:9%;
right:1.9%;
width:44.3%;
border:0px solid green;
color:green;
}
.input_ok{
font-size:112%;
font-family:arial, sans-serif;
font-weight:900;
font-style:normal;
color:green;
border:0px solid green;
background-color:transparent;
width:2.2em;
padding:0;
cursor:pointer;
}
.vertical{
font-size:55%;
color:green;
}
.time{
font-family:times;
font-style:italic;
font-size:150%;
}
div#nuage{
text-align:justify;
position:absolute;
z-index:101;
top:76%;
right:1.9%;
width:41%;
height:6.3em;
border:0px solid green;
overflow:hidden;
}
.texte_nuage{
font-size:85%;
font-weight:normal;
font-style:normal;
}
.obligatoire{
font-size:85%;
font-weight:normal;
font-style:italic;
color:red;
}
.souligne{
color:black;
text-decoration:underline;
}
.div_en_ligne{
vertical-align:top;
display:inline;
border:0px solid green;
}
select#id_lien{
vertical-align:top;
font-size:100%;
padding:0;
}
fieldset#id_lien_ch{
padding:0;
margin:0;
}
form#form_ch{
padding:0;
margin:0;
height:100%;
}
.red {
color:red;
}
.paragraphe{
display:block;
clear:both;
padding-top:15px;
}
.paragraphe_cadre{
text-align:center;
border:1px #000000 dashed;
background:#ffffff;
padding:2px;
}
.img_entete{
float:left;
display:inline;
padding-right:2px;
}
.curseur_help{
cursor:help;
font-size:80%;
font-family:arial, sans-serif;
font-weight:normal;
font-style:normal;
color:green;
}
.sommaire{
text-align:right;
}
.panier_vide{
font-size:80%;
font-family:arial, sans-serif;
font-weight:800;
font-style:normal;
color:#000000;
}
label{
font-size:120%;
}