/* COMMUN.CSS
 * 
 * contient les éléments variables, communs à tous les sites.
 * 
 * v1.0 par Sonia
 */


/***** STRUCTURE *****/

#total_site {
 position: relative;
 min-height: 100%;
}
.centrage {
 position: relative;
 width: 980px;
 margin-left: auto;
 margin-right: auto;
}
body {
}
/***** BANDEAU *****/
	
#bandeau {
 position: relative;
}
#logo, .logo {
 position: relative;
}
#www, .www {
 position: relative;
}
#bloc_diaporama {
 position: relative;
 width: 980px;
 height: 200px;
}
/***** NAVIGATION (voir avec Thomas pr optimisation JQuery) *****/

#nav {
 position: relative;
}
.sous_rubrique {
 position: relative;
}
.rubrique {
 position: relative;
}
/***** CONTENU *****/

#contenu {
 position: relative;
}
#gauche {
 position: relative;
 float: left;
}
#droite {
 position: relative;
 float: right;
}
/*---- annonces ----*/
.ligne_annonces {
 padding-bottom: 20px;
}
.annonce {
 border: 1px solid #000;
 background: #999;
}/*seulement l'esthetique de l'annonce*/
.bt {
 float: left;
 position: relative;
}
.panneau {
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 2;
}
.puce {
 position: relative;
 float: left;
}
/*---- les textes ----*/
/*h1, h1 a:link, h1 a:visited {font-size: 20px;font-style: normal;font-weight:bold;text-transform: uppercase;text-align: left;text-decoration: none;color: #000;}
h1 a:hover{color: #999;}

h2, h2 a:link, H2 a:visited {font-size: 18px;font-style: normal;font-weight:bold;text-transform: uppercase;text-align: left;text-decoration: none;color: #000;}
h2 a:hover{color: #999;}

h3, h3 a:link, h3 a:visited {font-size: 16px;font-style: normal;font-weight:bold;text-transform: uppercase;text-align: left;text-decoration: none;color: #000;}
h3 a:hover{color: #999;}

h4, h4 a:link, h4 a:visited {font-size: 14px;font-style: normal;font-weight:bold;text-transform: uppercase;text-align: left;text-decoration: none;color: #000;}
h4 a:hover{color: #999;}

h5, h5 a:link, h5 a:visited {font-size: 12px;font-style: normal;font-weight:bold;text-transform: uppercase;text-align: left;text-decoration: none;color: #000;}
h5 a:hover{color: #999;}

h5, h5 a:link, h5 a:visited {font-size: 10px;font-style: normal;font-weight:bold;text-transform: uppercase;text-align: left;text-decoration: none;color: #000;}
h5 a:hover{color: #999;}*/


.texte_saisi {
 font-size: 12px;
 font-weight: normal;
 color: #000;
 font-style: normal;
 letter-spacing: 1px;
 border: 1px solid #000;
 background-color: #FFFFFF;
}
.titre {
}
.sous_titre {
}
.txt_contenu {
}
.txt_bouton a, .txt_bouton a:link, .txt_bouton a:visited {
 font-size: 12px;
 color: #000;
}
.txt_bouton a:hover {
 font-size: 12px;
 color: #999;
}
.txt_prix {
}
.txt_ref {
}
.txt_legende {
}
.txt_footer {
}
.alerte {
 color: #FFFFFF;
 border: 2px solid #CCCCCC;
 background-color: #CC0000;
 font-size: 12px;
}
/*---- les images ----*/
.img_small {
}
.img_medium {
}
.img_big {
}
.miniatures {
 float: left;
}
/***** FORMULAIRE *****/

	
/*---- la fiche technique ----*/
	
.fiche_tech {
 position: relative;
 left: 0;
}
.fiche_tech_ligne {
 padding-top: 3px;
 padding-bottom: 3px;
 border-bottom: 1px dotted #FFF;
 position: relative;
}
.fiche_tech_titre {
 width: 30%;
 float: left;
 font-weight: bolder;
 color: #FFF !important;
}
.fiche_tech_valeur {
 width: 65%;
 float: right;
 color: #FFF !important;
}
/***** PIEDS DE PAGE *****/

#footer {
 position: relative;
}
#logo_jalis {
 position: absolute;
 right: 0;
 top: 0;
}