@charset "utf-8";
/* --- CSS --- */

html {
	font-size: 100%; 
}

body {
	color: #F0E39E; /* -- couleur de fond du contenu -- */
	background: #2C2F22; /* -- noir grise de la partie non utilise de l'ecran-- */
	margin: 0;
	padding: 10px 20px; /* --padding haut et bas-- */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; 
	font-size: .8em; /* --- Taille du texte de base de la page --- */
	line-height: 1.25; /* --Hauteur de ligne.  adapter en fonction de la fonte choisie-- */
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; 
}
h1, h2 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; /* --Les styles par dfaut des navigateurs mettent les titres en gras. Si on souhaite passer  des caractres                         normaux, on doit utiliser
						font-size: normal.*/
}
h1 {
	font-size: 3em; /* --Pour un lment en "font-size: 3em", la taille du texte sera le triple -- */
	font-style: italic;
	
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* --marge  gauche de 24px, et pas de padding.-- */
}
ul {
	list-style: square;	/* -- forme de la puce des listes ici carre--*/
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}

/* PRE */
pre {
	width: 90%;
	overflow: auto;		/* -- le navigateur propose si necessaire un acsenceur vertical ou horizontal si necessaire-- */
	overflow-y: hidden;	/* -- masque tout contenu qui deborde du conteneur en y-- */
	margin: .75em 0;
	padding: 12px;
	background: #eee; /*-- blanc grise --*/
	color: #555;	/*-- noir leger --*/
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre strong {
	font-weight: normal;
	color: black;
}


/* Liens */

#contenu a {
	color: #0000CD;		/*--couleur du texte des liens de la zone contenu: mediumBlue-- */
}
#contenu a:hover, #contenu a:focus {
	color: #DC143C;		/*--couleur du texte des liens de la zone contenu lors du survol: crimson -- */
}

div#pied a {		/* -- couleur des liens du pied de page --*/
	color:#E6A948;
	text-decoration: none;
}

div#pied a:hover {color:#00FF00} /* -- jaune-- */



/* Page */
#global {
	background: #181A12;	/* -- couleur de fond de l'entete et du menu horizontal-- */
}

/* Navigation */
.pro10 {padding:0 0 0 20px; margin:0; list-style:none; height:30px; position:relative;}
.pro10 li {float:left; background:url(Images/pro_ten_1.gif);}
.pro10 li a {display:block; float:left; height:30px; line-height:29px; background:url(Images/pro_ten_0.gif) no-repeat; color:#ddd; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 15px; cursor:pointer;}
.pro10 li a b {float:left; display:block; padding:0 15px 0 0; background:url(Images/pro_nine_0.gif) right top;}
.pro10 li.current a {color:#fff; background:url(Images/pro_ten_2.gif);}
.pro10 li.current a b {background:url(Images/pro_ten_2.gif) right top;}
.pro10 li a:hover {color:#fff; background:url(Images/pro_ten_1.gif);}
.pro10 li a:hover b {background:url(Images/pro_ten_1.gif) right top;}
.pro10 li.current a:hover {color:#fff; background:url(Images/pro_ten_2.gif); cursor:default;}
.pro10 li.current a:hover b {background:url(Images/pro_ten_2.gif) right top;}

/* Bouton */
a.bouton b{
	display: block;
	height: 36px;	/* largeur et hauteur bouton */
	width: 150px; 
	background:url(Images/bouton.gif) repeat-y 0 0;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;		/* couleur texte */
	font-weight: bold;
	font-size: 12px;
	font-family:arial, verdana, sans-serif;	
	line-height:29px; /* met texte au milieu du bouton */
	cursor:pointer;
	}
	
	a:hover.bouton b{
	/*background-image:url(Images/bouton.gif); */
	color: #00FF00;		/* couleur texte lors survol */
	}
	


/* Contenu principal */
#contenu {
	color: #363B29;			/*--couleur du texte de la zone contenu --*/
	background: #cbd888; /*---- couleur de fond du contenu--- */
}

#contenu strong {
	color: #181A12;		/*--couleur du texte mis en gras de la zone contenu-- */
}

.Style1 {				/* -- couleur du texte des formules de radiateur_dim -- */
	color: #356AA0;
	font-weight: bold;
}


/* Pied de page */
#pied {
	color: #E6A948;		/*--couleur du texte du pieds de page-- */
}


/* --- POSITIONNEMENT --- */

/* Page */
html, body {
	height: 100%; 
}

body {
	padding: 0;
}

#global {
	min-height: 100%; 
	width: 1024px;
	overflow: hidden; /* -- masque tout contenu qui deborde de son conteneur-- */
	margin-left: auto;
	margin-right: auto; 
}

.imagefloat{
float:right;
}

/* Menu de navigation */
#navigation {
	padding: 12px 10px; /* haut,bas */
}

/* Contenu */
#contenu {
	padding: 10px 20px;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

/* Pied de page */
#pied {
	padding: 15px 20px;
	font-size: .85em;
}
#pied p {
	margin: .5em 0;
}
#copyright {
	margin: 20px 0 5px 0;
	text-align: center;
	font-size: 1em;
	color: #848F63; 	/*-- vert fonce--*/
}