html, body {
margin: 0;
padding: 0;
}

body {
background-color:white; 
font-family: Arial, sans-serif; 
font-size: 100%;
color: black;
}

/* CLASS pour définir les conteneurs */
/* Il faut tenir compte du padding et des border dans le calcul de la dimension totale d'un conteneur */

#page {
margin-left: 10px;
margin-top: 10px;
padding: 0;
width:980px;
border: solid 1px black;
background-color: white;
}

/*********************/

#entete-global {
margin: 0;
padding: 0;
width:100%;
height:150px;
background-color: transparent;
}

#entete-logo {
float:left;
margin: 0;
padding: 0;
width:285px;
height: 110px;
background-color: transparent;
}

#entete {
float:left;
margin: 0;
width:695px;
height:110px;
background-image:url(../images/entete.jpg);
background-repeat:no-repeat;
}

#contactez-nous {
margin: 0;
padding: 0;
float:left;
width:190px;
height: 40px;
background-color: transparent;
}

#entete-barre-top {
float:left;
margin: 0;
padding: 0;
width:600px;
height: 40px;
background-image:url(../images/barre-top.jpg);
background-repeat:no-repeat;
}

#entete-recherche {
float:left;
margin: 0;
padding:0;
border:0;
width:190px;
height:40px;
background-image:url(../images/recherche.jpg);
background-repeat:no-repeat;
}

/*********************/



#colonne_gauche {
float:left;
margin:0;
padding:0;
width:190px;
background-color: transparent;
}

#menu {
width:185px;
height: 289px;
padding-left:5px;
background-image:url(../images/menu-fond-fillet.jpg);
background-repeat:y-repeat;
}

#pub_gauche {
width:190px;
padding-left:0px;
background-color: transparent;
}

/*********************/

#corps-global {
float:left;
margin:0;
padding:0;
width: 600px;
background-color: transparent;
}

#corps,#div_fiche,#div_option {
margin:0;
padding: 10px;
border: solid 4px black;
width: 572px;
background-color: white;
min-height: 460px;
}

#div_fiche,#div_option {
	position: absolute; 
	overflow: hidden; 
	display: none;
	z-index: 100;
}

#bloc_equipe {
margin:0;
padding:0;
width: 570px;
background-image:url(../images/equipe-fillet.jpg);
background-repeat:y-repeat;
}

/* Corps sans padding pour afficher une image avec des proportions standards de 4/3 (1.33) */
#corps_accueil {
margin:0;
padding: 0;
border: solid 4px black;
width: 592px;
min-height: 480px;
background-color: white;
}

#pieces {
margin:0;
padding-top: 15px;
padding-left: 410px;
padding-right: 10px;
padding-bottom: 0;
width:180px;
height:96px;
vertical-align:bottom;
background-image:url(../images/pieces.jpg);
background-repeat:no-repeat;
}

#impression {
margin:10px;
padding: 10px;
border: solid 1px black;
width: 572px;
background-color: white;
}

/*********************/


#colonne_droite {
float:left;
margin: 0;
width:190px;
padding: 0px;
background-color: transparent;
}

#nouvelles {
width:190px;
height: 234px;
margin: 0;
padding: 0;
background-image:url(../images/nouvelles_fond.jpg);
background-repeat:no-repeat;
}

#pub_droite {
width:190px;
padding:0px;
background-color: transparent;
}

/*********************/


#spacer {
clear:both;
width:100%;
background-color:white;
}


#bas_de_page {
margin:0;
padding:0;
width:100%;
height:155px;
text-align:left;
background-color: white;
}

#succursales {
margin:0;
padding:0;
width:980px;
height:50px;
background-image:url(../images/succursales.jpg);
background-repeat:no-repeat;
}

#manufacturiers {
margin:0;
padding:0;
width:980px;
height:105px;
background-image:url(../images/manufacturiers.jpg);
background-repeat:no-repeat;
}

/*********************/

#copyright {
margin:0 auto;
width:980px;
height:30px;
}

#copyright-impression {
margin-left:10px;
width: 592px;
}

/* CLASS pour typographie et ajustements de mise en page */

#copyright p,#copyright-impression p {margin:0;padding:5px;font-size:70%;color:gray;text-align:center}


/* 	CLASS pour les items du menu sans l'utilisation des CLASS "a"
	La couleur du texte d'un item peut donc être changé lorsque celui-ci
	est sélectionné. */
div.item_menu  {
height:18px;
width:145px;
text-align:left;
font-size: 70%;
font-family: Arial;
font-weight: bold;
color:black;
padding-top:3px;
padding-left:35px;
padding-bottom:0px;
padding-right:0px;
background-color:transparent;
background-image:url(../images/menu_off.jpg);
background-repeat:no-repeat;
cursor: pointer;
}

/* CLASS pour effet onMouseOver et swap */
div.item_menu_on {
height:18px;
width:145px;
text-align:left;
font-size: 70%;
font-family: Arial;
font-weight: bold;
color:white;
padding-top:3px;
padding-left:35px;
padding-bottom:0px;
padding-right:0px;
background-image:url(../images/menu_on.jpg);
background-repeat:no-repeat;
background-color:transparent;
cursor: pointer;
}

/* CLASS pour le sous-menu */

div.sub_menu  {	
	white-space: nowrap;
	background-color: transparent;
	z-index: 200;
	display: none;
	position: absolute;
	margin-top:0px;
	margin-left:58px;
	border: solid 1px #455A21;
}

div.item_sub_menu {
	list-style: none;
	list-style-type: none;
	background-color: #AAB71F;
	color:#455A21;
	font-size: 80%;
	font-family: Arial;
	font-weight: bold;
	padding: 3px 10px 3px 5px;
	cursor: pointer;
}

div.item_sub_menu_on {
	list-style: none;
	list-style-type: none;
	background-color: #F5EE9E;
	color:#455A21;
	font-size: 80%;
	font-family: Arial;
	font-weight: bold;
	padding: 3px 10px 3px 5px;
	cursor: pointer;
}

	
/* Autres CLASS */

.bleu {
color:#0167A4;
} 

h1, .titre {
font-size:120%;
background-color:transparent;
text-align:left;
font-weight: bold;
}

h2, .titre-moyen {
font-size:100%;
background-color:transparent;
text-align:left;
font-weight: bold;
}

h3, .titre-extrait {
font-size:80%;
background-color:transparent;
text-align:left;
font-weight: bold;
}

h4, .titre-petit {
font-size:70%;
background-color:transparent;
text-align:left;
font-weight: bold;
}

p  {
font-size:100%;
background-color:transparent;
text-align:left;
}

.texte {
font-size:80%;
background-color:transparent;
text-align:left;
}

.texte-petit {
font-size:70%;
background-color:transparent;
text-align:left;
}

li {
font-size:100%;
background-color:transparent;
text-align:left;

}


/* CLASS pour les liens hypertextes */

a:link {
color:gray;
background-color:transparent;
text-decoration:none;
}

a:visited {
color:gray;
background-color:transparent;
text-decoration:none;
}

a:hover {
color:#C83C2B;
background-color:transparent;
text-decoration:underline;
}

a.a_white:link {
color:white;
text-decoration:none;
}

a.a_white:hover {
color:white;
text-decoration:underline;
}

a.noir:link {
color:black;
background-color:transparent;
text-decoration:none;
}

a.noir:visited {
color:black;
background-color:transparent;
text-decoration:none;
}

a.noir:hover {
color:#C83C2B;
background-color:transparent;
text-decoration:underline;
}

a.bleu:link {
color:#0167A4;
background-color:transparent;
text-decoration:none;
}

a.bleu:visited {
color:#0167A4;
background-color:transparent;
text-decoration:none;
}

a.bleu:hover {
color:#C83C2B;
background-color:transparent;
text-decoration:underline;
}

/* CLASS pour les tableaux */

table {
border-color:black;
border-style:solid;
border-width:1px;
}

td {
text-align:left;
background-color:transparent;
border-color:transparent;
border-style:solid;
border-width:1px;
}

/* 	Logos */

.logo_sans_marge {margin: 0}

.logo	{
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
}

.logo-left	{
	display: inline; 
	float: left;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.logo-right	{
	display: inline; 
	float: right;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.logo_document	{
	margin-left: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
}

/* 	Formulaire de recherche */

/* 	Class qui contrôle le moteur de recherche et la fenêtre de saisie à l'intérieur.
	La dimension horizontale occupe tout l'espace de la cellule (100%).
	La dimension verticale est de 45 pixels (avec IE mais pas avec FF).
	Les paddings augmentent la dimension occupée par le moteur de recherche (avec IE). */
.formulaire_recherche {
	width: 100%;
	margin:0;
	padding:0;
	border: solid 0px red;
	background: none;
	background-color: transparent;
}

/* 	Class qui contrôle la fenêtre de saisie du moteur de recherche.
	Les margins permettent de positionner la fenêtre de saisie.
	Les paddings permettent d'ajuster la position du texte dans la fenêtre de saisie. */
#recherche {  
	border: solid 0px  blue; 
	width: 128px;
	margin-left:52px;
	margin-top:12px;
	padding:0;	
	background-color: transparent;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: Black;
}

.formulaire_recherche label {display: none;}


/******** Styles en provenance de la vielle feuille txt.css *****************************/


.titre_financement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

.tab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-transform: none;
	font-variant: normal;
}
.tab2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

input.calc {
	background: transparent;
	border: solid 1px #999999;	
	text-align: right;	
}


/******** Styles en provenance de la vielle feuille pierquip.css *****************************/


td.entete {
	width: 770px;
	height: 142px;
	background-image: url(../images/entete.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

td.corpdepage {
	background-color:	#CCCC9A;
	padding: 10px;
}

td.basdepage {
	width: 770px;
	height: 160px;
	background-image: url(../images/basdepage.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

td.hor_section {
	height: 5px;
	background-color:	White;
}

td.onglet {
	height: 18px;
	width: 170px;
	background-image: url(../images/onglet.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	color: #A3997B;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	padding-right: 10px;
}

a.onglet, a.onglet:visited  {
	color: #A3997B;
	text-decoration: none;
}
a.onglet:hover {
	color: black;
}

.section {
	background-color: #EDEBD7;
	vertical-align: top;
}
.corps {
	padding-top:	15px;
	padding-right:	10px;
	padding-bottom:	5px;
	padding-left:	8px;	
}

.corps_documents {
	padding-top:	0px;
	padding-right:	10px;
	padding-bottom:	0px;
	padding-left:	8px;	
}


td.cote {	
	width: 5px;
	background-color: White;
}
td.separateur {
	width: 9px;	
	background-color: White;
	background-image: url(../images/separateur.gif);
	background-repeat: repeat-y;
}
td.menu  {
	background-color: #918D8C;
	font-size: 10px;
	height: 18px;
	border-bottom: 1px solid White;
	padding-left: 5px;
}
/**** CLASS POUR EFFET onMouseOver >>>  ********/
td.menu_on {
	background-color: #CCCC9A;
	font-size: 10px;
	height: 18px;
	border-bottom: 1px solid White;
	padding-left: 5px;
}

li {
	list-style: square;
	list-style: outside;
	margin-left: 15px;
}

td.titre_section {
	height: 35px;
	background-image: url(../images/jaune_titre.gif);
	background-repeat: repeat-x;
	padding: 8px;
	font-size: 18px;
	color: #918D8C;
	vertical-align: top;
}
td.titre  {
	font-size: 11px;
	font-weight: bold;
}
td.titre_detail, .titre_detail {
	font-size: 10px;
	font-weight: bold;
}
.texte-documents {
	font-size: 90%;
	font-weight: normal;
	padding-left: 0px;
}
.rev {	
	font-size: 12px;
	font-weight: bold;
	color: #918D8C;
	background-color: #FFDB0E;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
}

.gris {
	background-color: White;
	 overflow: hidden;
	 border-bottom: solid 1px black;
	 border-left: solid 1px black;
	 border-right: solid 1px black;
	 vertical-align: top;
}
.grisG {
	background-color: White;
	 overflow: hidden;
	 border-bottom: solid 1px black;
	 border-left: solid 1px black;
	 vertical-align: top;
}
.grisD {
	background-color: White;
	 overflow: hidden;
	 border-bottom: solid 1px black;
	 border-right: solid 1px black;
	 vertical-align: top;
}

.spec {
	height: 15px;
}
.specA {
	height: 15px;
	background-color: #EDEBD7;
}

hr {
	color: #D1D1D1;
	height: 1px;
	text-align: center;
}

.rotator
{
	margin: 5px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width: 592px;
	height: 480px;
}

.rotator img
{
	border: 0;
	cursor: pointer;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.bg_titre_accueil {
	position: absolute;
	bottom: 0px;
	background-color: Black;
	height: 50px;
	width: 100%;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.titre_accueil {
	position: absolute;
	bottom: 0px;
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	height: 40px;
	width: 100%;
}
.bg_titre_mini {
	position: absolute;
	top: 0px;
	background-color: #EBEBEB;
	height: 20px;
	width: 100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.titre_mini {
	position: absolute;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	height: 100%;
	width: 100%;
	background-image: url(../images/triangle.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}