/*_______________________________________________
 S'applique à tout le document
_______________________________________________*/
#html  { margin-bottom: 20px; overflow: scroll }

#contenant  { margin: auto; width: 760px; height: auto }

/*_______________________________________________
 Élement dans le divide "entete"
_______________________________________________*/

#entete   { top: 0; width: 760px; height: auto; float: left }
#entetep   { top: 0; width: 760px; height: auto; float: left }
#enteteg   { top: 0; width: 760px; height: auto; float: left }
#entetee   { top: 0; width: 760px; height: auto; float: left }
#enteten   { top: 0; width: 760px; height: auto; float: left }
#entetec   { top: 0; width: 760px; height: auto; float: left }
#entetel   { top: 0; width: 760px; height: auto; float: left }
#enteteo   { top: 0; width: 760px; height: auto; float: left }




* html #entete { 
 margin: 0; 
 width: 760px; 
}
* html #entetep { 
 margin: 0; 
 width: 760px; 
}
* html #enteteg { 
 margin: 0; 
 width: 760px; 
}
* html #entetee { 
 margin: 0; 
 width: 760px; 
}
* html #enteten { 
 margin: 0; 
 width: 760px; 
}
* html #entetec { 
 margin: 0; 
 width: 760px; 
}
* html #entetel { 
 margin: 0; 
 width: 760px; 
}
* html #enteteo { 
 margin: 0; 
 width: 760px; 
}




/*  Langue et texte seul*/
#tmenu  { color: #000; font: 10px "Frutiger 55 Roman", Arial, Helvetica, serif; visibility: hidden; display: block; position: relative; top: 15px; right: 45px; width: 760px; height: 25px }

* html #tmenu  { visibility: hidden; margin: 0; width: 760px; height: 25px }

#tmenu li  { visibility: hidden; display: inline }

#tmenu a:link, #tmenu a:visited { color: #000; text-decoration: none; text-transform: uppercase; visibility: hidden; padding: 10px 5px 5px 10px; float: right }


#tmenu a:hover  { text-decoration: underline; visibility: hidden }

/*  Menu principal  */
#menu  { visibility: hidden; margin: auto; position: relative; top: 137px; right: 15px; width: 760px }

* html #menu  { visibility: hidden; padding-top: 5px; padding-right: 50px; position: relative; right: 0; width: 600px; height: 25px }

#menup  { color: #fff; font: bold 11px "Frutiger 55 Roman", Arial, Helvetica, serif; visibility: hidden; float: right }

#menup li  { color: #fff; visibility: hidden; display: inline; border-left: 1px solid #fff }

* html #menup li  { color: #fff; visibility: hidden; display: inline; border-left: 0 solid #fff }

#menup a:link, #menup a:visited  { color: #fff; font: bold 11px "Frutiger 55 Roman", Arial, Helvetica, serif; text-decoration: none; visibility: hidden; display: inline; padding: 10px 5px 5px 10px }
 
 
#menup a:hover  { text-decoration: underline; visibility: hidden }

#actif a:link, #actif a:visited  { color: #f1a825; visibility: hidden }

/* bloc de description de la compagnie */ 
#desc   { color: #333; font-size: 13px; font-family: "Frutiger 55 Roman", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-align: right; visibility: visible; position: static; top: 0; width: 450px; float: right }

* html #desc {
 line-height: 6px; 
 padding-top: 50px; 
 padding-left: 20px; 
 position: relative; 
 top: 65px; 
 width: 190px; 
}

/* logo DENIS CIMAF pour l'impression */
#logo  { visibility: visible }
/*_______________________________________________
 Élement dans le divide "bas"
_______________________________________________*/

#bas  { visibility: visible; padding-bottom: 45px; position: relative; top: 0; width: 760px }

/*_______________________________________________
 Élement dans le divide "entete"
_______________________________________________*/

#sousm  { font-size: 13px; font-family: "Frutiger 55 Roman", Arial, Helvetica, sans-serif; text-align: left; visibility: hidden; padding: 0 12px 12px 30px; position: relative; top: 0; width: 0; height: 0; float: left }

/* faire le hack de marges explorer*/

* html #sousm  { visibility: hidden; margin: 0; padding: 20px 12px 12px 30px; width: 0 }

#sousm a:link, #sousm a:visited { color: #006226; text-decoration: none; visibility: hidden }

#sousm a:hover  { color: #006226; text-decoration: underline; visibility: hidden }
#sousm li  { color: #006226; font-size: 12px; font-family: "Frutiger 55 Roman", Arial, Helvetica, sans-serif; visibility: hidden; list-style-type: none; padding-bottom: 2px }

#sousm dl, #sousm dd  { visibility: hidden; margin: 0; padding: 0 }

#sousm dt  { font-weight: bold; visibility: hidden; padding-top: 6px; padding-bottom: 1px; border-bottom: 1px solid #ccc }

/*_______________________________________________
 Élement dans le divide "entete"
_______________________________________________*/

#contenu       { color: #000; font-size: 12px; font-family: "Frutiger 55 Roman", Arial, Helvetica, sans-serif; background-color: #fff; background-repeat: no-repeat; background-position: right bottom; text-align: left; padding: 12px 35px 12px 24px; position: absolute; top: 100px; width: 760px; height: auto; float: right }

/*explorer*/

* html #contenu {
 width: 550px;
 padding: 25px 12px 12px 50px;
 margin: 0pt;
}

/*  Titres  */
#contenu h1  { color: #000; font-size: 15px; position: relative; bottom: 5px; border-bottom: 1px solid #ccc }

#contenu h2  { color: #000; font-size: 13px }
 
#contenu h2 a:link, #contenu h2 a:visited  { color: #000; font-size: 13px; text-decoration: none }

#contenu h2 a:hover {
text-decoration: underline;
}

#contenu a:link, #contenu a:visited  { color: #000; text-decoration: none }

#contenu a:hover  { color: #000; text-decoration: underline }

#contenu dt {
 padding-bottom: 5px;
 margin: 0;
 font-weight: bold;
}

#contenu dd {
 padding-bottom: 5px;
 padding-left: 10px;
 margin: 0;
}

#contenu img {
 padding-top: 2px; 
 padding-bottom: 2px; 
}

/*_________________________________________________
table produits 
_________________________________________________*/

/* Show only to IE PC \*/
* html .tete h3 {height: 1%;} /* For IE 5 PC */

.cote { 
 font-size: 12px; 
 font-family: "Frutiger 55 Roman", Arial, Helvetica, sans-serif; 
 /*background: url("images/table_bd.jpg") no-repeat right bottom; */
 margin: 0 auto; 
 position: relative; 
 left: -10px; 
 width: 440px 
}

.tete { 
/* background: url("images/table_hd.jpg") no-repeat right top; */
 text-align: center; 
 margin: 0; 
 padding: 0 
}

.tete h3 {
 color: white; 
 font-size: 12px; 
 font-family: "Frutiger 55 Roman", Arial, Helvetica, sans-serif; 
 font-weight: bold; 
 line-height: 1em; 
/* background: url("images/table_hg.jpg") no-repeat left top; */
 margin: 0; 
 padding: 22px 30px 5px;  
}

.corps {
/* background: url("images/table_bg.jpg") no-repeat left bottom; */
 margin: 0; 
 padding: 5px 30px 31px; 
}

#tableau1 {
 text-decoration: none; 
 margin: auto; 
 padding-top: 5px; 
 padding-bottom: 5px; 
 width: 430px; 
 height: auto; 
 border-top: 1px solid #ccc; 
 border-bottom: 1px solid #ccc; 
}

#contenu td {
 color: #000;
 font-size: 10px;
 padding-bottom: 2px;
}

.top td { 
 font-size: 10px; 
 text-align: right;
 text-decoration: none;
}

.top a  {
 text-decoration: none;
 color: #000000;
}

.top a:hover {
 text-decoration: underline;
 text-align: right; 
}

.sujet td { 
 font-size: 10px; 
 font-weight: bold;
 padding: 2px 5px; 
}

.valeurs td { 
 color: #000000;
 font-size: 10px; 
 background-color: #ccc; 
 text-align: right; 
 padding: 2px 5px; 
}

.valeurs2 td { 
 font-size: 10px; 
 text-align: right; 
 padding: 2px 5px; 
}

/*_________________________________________________
table produits 
_________________________________________________*/
#tableau2 { 
 text-decoration: none; 
 width: 470px; 
 height: auto;
 padding-bottom: 5px;
 padding-top: 5px;

}

#tableau2 td {
 color: #000; 
 font-size: 11px; 
 padding: 2px 5px 5px 8px; 
}

.tab_image {
 border-right: 1px solid #ccc;
 width: 40%;
}

.base td {
border-bottom: 1px solid #ccc;
}

.haut td{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/*_________________________________________________
table photos 
_________________________________________________*/

#photos  { display: block; margin: auto; width: 480px }

#photos img {
border: 1px solid #ccc;
padding-left: 2px;
padding-right: 2px;
}

#photos h4 {
 font-size: 12px; 
 font-family: "Frutiger 55 Roman", Arial, Helvetica, sans-serif;
 margin-bottom: 0;
}

#photos p {
 font-size: 11px; 
 font-family: "Frutiger 55 Roman", Arial, Helvetica, sans-serif;
 margin-top: 3px;
 padding-left: 8px;
}

#photos td {
 vertical-align: top;
}

#bastable p  { color: #000; font-size: 11px; font-family: "Frutiger 55 Roman", Arial, Helvetica, sans-serif; text-align: center }

/*_________________________________________________
table photos acc
_________________________________________________*/

#photos2  { display: block; margin: auto; width: 250px }

#photos2 img {
border: 1px solid #ccc;
padding-left: 2px;
padding-right: 2px;
}

#photos2 h4 {
 font-size: 12px; 
 font-family: "Frutiger 55 Roman", Arial, Helvetica, sans-serif;
 margin-bottom: 0;
}

#photos2 p {
 font-size: 11px; 
 font-family: "Frutiger 55 Roman", Arial, Helvetica, sans-serif;
 margin-top: 3px;
 padding-left: 8px;
}

#photos2 td {
 vertical-align: top;
}

#bastable2 p  { color: #000; font-size: 11px; font-family: "Frutiger 55 Roman", Arial, Helvetica, sans-serif; text-align: center }