/* Style persistent */

body {
   margin: 0px;
   padding: 0px;
   background-color: #FFF;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 9pt;
   color: black;
}

/* ----------------- Style commun à atoutes les models et pouvant etre redefinis --------------------------------------------*/

/* titre */
h1 { font-family: verdana, arial, helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #603; }
h2 { font-family: verdana, arial, helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #603; }
h3 { font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #603; }

/* taille de texte */
.t14 { font-size: 14pt; }
.t13 { font-size: 13pt; }
.t12 { font-size: 12pt; }
.t11 { font-size: 11pt; }
.t10 { font-size: 10pt; }
.t9  { font-size: 9pt; }
.t8  { font-size: 8pt; }
.t7  { font-size: 7pt; }
.t6  { font-size: 6pt; }


.center { text-align: center; }

.erreur { color: #F00; font-weight: bold; font-style : italic; }

.pro-navigation { border: 0px;  height: 16px; margin: 2px;}

img         { border: 0;}
strong      { font-weight: bold; }
em          { font-style : italic; }

a:link    { text-decoration: none; color: #000}
a:active  { text-decoration: none; color: #000}
a:visited { text-decoration: none; color: #000}
a:hover   { text-decoration: underline; color: #603}

a.lexique:link    { text-decoration: none; border-bottom: 0px #603 dotted; color: #000;}
a.lexique:active  { text-decoration: none; border-bottom: 0px #603 dotted; color: #000;}
a.lexique:visited { text-decoration: none; border-bottom: 0px #603 dotted; color: #000;}
a.lexique:hover   { text-decoration: underline; border-bottom: 0px #603 dotted; color: #603;}

/* -------------------------------------------------------------*/
#proLOGOPrint { display: none;}

#proswf-carene {
  position: absolute;
  border: 0px solid #FFFF00;
  margin-left: 0px;    
  margin-top: -45px;  
}

#proimg-sitespartenaires {
         font-size: 7pt;
         color: #603; 
         text-align: center;
         position: absolute;  
         border: 0px solid #FFFF00;           
         margin-left: 900px;
         margin-top: -45px;     
}
global { position: relative; }
#global2 {
   position: relative;
   width: 1000px;
   height: 647px;
   margin: 0px;
   padding: 0px;
   border: 1px solid #603;
   background-color: #FFF;
}

#proH {
   position: relative;
   width: 1000px;
   height: 160px;
   margin: 0px;
   padding: 0px;
   background-color: #FFF;
   background-image: url(/pro/images/proh-fond.jpg);
   background-repeat: no-repeat;
   background-position: 0px 0px;
}

#proH-retour {    /* zone cliquable sur pastille */
   position: absolute;
   width : 90px;
   height: 90px;
   margin-left: 455px;
   margin-top: 7px;
}

#proH-menu1 {
   position: absolute;
   margin-top: 5px;
   margin-left: 35px;
}
#proH-menu2 {
   position: absolute;
   margin-top: 5px;
   margin-left: 540px;
}


/* ----------------- centre emplacement modele --------------------------------------------*/

#proC {
   float:left;
   width: 840px;
   height: 460px;
   background-color: #FFF;
   padding: 0px;
   margin: 0px;
}

#proC-deco {
   float: left;
   width: 140px;
   height: 460px;
   padding: 0px;
   margin: 0px;
}



/* ----------------- menu a droite de l'ecran --------------------------------------------*/
#proD {
   float: left;
   width: 158px;
   height: 460px;
   background-color: #FFF;
   background-image: url(/pro/images/prod-fond.jpg);
   background-repeat: repeat-y;
   padding: 0px;
   margin: 0px;
}

#proD-menu {
   position: relative;
   padding: 0px;
   margin: 0px;
   margin-top: 5px;
}
#proD-menu li {
     font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
     font-size: 8pt;
     color: #603;
     list-style-type: none;
     background-image: url(/pro/images/prod-puce.jpg);
     background-repeat: no-repeat;
     background-position: 0px 17px;

     padding-top: 17px;
     padding-bottom: 5px;
     padding-left: 15px;
     padding-right: 0px;
}

#proD-menu li a:link    { text-decoration: none; color : #603; }
#proD-menu li a:active  { text-decoration: none; color : #603; }
#proD-menu li a:visited { text-decoration: none; color : #603; }
#proD-menu li a:hover   { text-decoration: underline;  color : #603;}

#proD-lien-aflease {
   margin: 0px;
   padding : 0px;
   margin-top: 100px;
   margin-left: 4px;
   border : 0px solid #603;
   text-align: center;
   font-size: 8pt;
}

/* ----------------- bas de l'ecran --------------------------------------------*/
#proB {
   clear: both;
   width: 1000px;
   height: 23px;
   background-color: #FFF;
   background-image: url(/pro/images/prob-fond.jpg);

   padding-top: 2px;
   padding-bottom: 0px;
   text-align: center;
   font-size: 6.5pt;
   color: #FFF;
}

#proB a:link    { text-decoration: none; color : #fff; }
#proB a:active  { text-decoration: none; color : #fff; }
#proB a:visited { text-decoration: none; color : #fff; }
#proB a:hover   { text-decoration: underline;  color : #fff;}

#proB-rech {
   float: left;
   color: #603;
   width: 220px;
   padding-left: 5px;
   padding-top: 3px;
   text-align: left;
}

#proB-rech .proB-navigation { border: 0px;  height: 16px; margin-right: 5px;}


#proB-prma {
   padding-right: 5px;
   padding-top: 2px;
   float: right;
   color: #603;
   width: 220px;
   text-align: right;
}
#proB-prma a:link    { text-decoration: none; color : #603; }
#proB-prma a:active  { text-decoration: none; color : #603; }
#proB-prma a:visited { text-decoration: none; color : #603; }
#proB-prma a:hover   { text-decoration: underline;  color : #603;}

#proB-prma .proB-navigation { border: 0px; width:16px; height: 16px; margin: 0px 5px;}


#proB-numtel {
   font-size: 11pt;
   font-weight: bold;
}

/* ------------ copyright ------------------*/
#proBcopyright {
   position: relative;
   width: 1000px;
   height: 12px;
   padding: 0px;
   margin: 0px;
   text-align: center;
   font-size: 7pt;
   color: black;
}

#proBadresse {
  display: none;
  position: relative;
  width: 1000px;
  height: 12px;
  padding: 0px;
  margin: 0px;
  text-align: center;
  font-size: 7pt;
  color: black;
}

/* formulaire ---------------------------------*/

form {
   padding: 0px;
   margin: 0px;
}

input {
  font-size: 9pt;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #000;
  background-color: #fff;
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width:1px;
  border-color: #603;
  }

.option {
  font-size: 9pt;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #000;
  border-style: none;
  }

textarea {
  font-size: 9pt;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #000;
  background-color: #fff;
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width:1px;
  border-color: #603;
  }


select {
  font-size: 9pt;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #000;
  background-color: #fff;
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width:1px;
  border-color: #603;
  }


.form_inputerreur { background-color : #F33; }

input.bouton {
   border:1px outset #603;
   font-weight:bold;
   color: white;
   background-color: #603;
   cursor:pointer;
   padding: 1px;
   }

input.bouton:hover {
   background-color:white;
   color:#603;
   }

input.bouton:active {
   border:1px inset #603;
   background-color: #603;
   color:white;
}