/* Habillage */

/* bug Mozilla */
html { 
	min-width: 790px;
}
img	{
	border: 0;
}
	
/* Disposition a àl'ecran */

/* Body */
body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #FFFFFF;
	text-align: center;
}

/* Principal */
#principal {
	position: relative;
  width: 800px;
	margin: 0 auto;
	padding: 0;
	border: 0;	
	overflow: hidden;
	/* Pour IE5 Win */
	voice-family: "\"}\""; 
  voice-family: inherit;
  width: 800px;
}
html>body #principal {
	/* Correction des valeurs pour les navigateurs qui n'ont pas le bug IE Windows */
  width: 770px;  
  max-width: 770px;
}

/* colonne */

#colonne {
	float: left;
	width: 620px;
	height: auto;
	margin: 0;
	padding: 0;		
	border: 0;	
	background: url(../NAVPICS/fond_col.jpg) repeat-y;				
	text-align: left;
	vertical-align: top;
	voice-family: "\"}\""; 
  voice-family: inherit;
  width: 620px;
}
html>body #colonne {
  width: 620px;
  max-width: 620px;
}

/* Navigation */

#navigation {
	position: absolute;
	top: 0;
	right: 0;
	width: 140px;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;						
	background: url(../NAVPICS/fond_menu.jpg) repeat-y;
	voice-family: "\"}\""; 
  voice-family: inherit;
  width: 140px;
	height: auto;
}
html>body #navigation {
  width: 140px;
	height: auto;
  max-width: 140px;
}

/* col */

.col {
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px 50px 10px 50px;	
	border: 0;						
	text-align: left;
	voice-family: "\"}\""; 
  voice-family: inherit;
  width: 100%;

}
html>body .col {
  width: 100%;
  max-width: 100%;
}

/* col1 */

#col1 {
	float: left;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 10px 10px 10px 40px;	
	border: 0;						
	text-align: left;
	voice-family: "\"}\""; 
  voice-family: inherit;
  width: 50%;

}
html>body #col1 {
  width: 50%;
  max-width: 50%;
}

/* col2 */

#col2 {
	float: right;
	width: 40%;
	height: auto;
	margin: 0;
	padding: 10px 40px 10px 0;				
	border: 0;						
	text-align: left;
	voice-family: "\"}\""; 
  voice-family: inherit;
  width: 30%;
}
html>body #col2 {
  width: 30%;
  max-width: 30%;  
}

/* col3 */

#col3 {
	float: left;
	width: 60%;
	height: auto;
	margin: 0;
	padding: 10px 10px 10px 40px;				
	border: 0;						
	text-align: left;
	voice-family: "\"}\""; 
  voice-family: inherit;
  width: 60%;
}
html>body #col3 {
  width: 60%;
  max-width: 60%;  
}

/* col3 */

#col4 {
	float: right;
	width: 30%;
	height: auto;
	margin: 0;
	padding: 10px 40px 10px 0;				
	border: 0;						
	text-align: left;
	voice-family: "\"}\""; 
  voice-family: inherit;
  width: 30%;
}
html>body #col3 {
  width: 30%;
  max-width: 30%;  
}

/* Entete */

#entete {
	display: block;
	position: relative;
	width: 620px;
	height: 50px;
	margin: 0;
	padding: 0;
	border: 0;	
	background: url(../NAVPICS/fond_entete.jpg) no-repeat bottom;
}
html>body #entete {
  width: 620px;
  max-width: 620px;
}
#logo_site {	
	display: block;
	position: relative;
	margin: 5px;
	top: 0;		
}
#nom_rub {
	display: block;
	position: absolute;
	margin-top: 10px;
  margin-right: 30px;
	top: 0;
	right: 0;
}
#hierarchie {
	display: block;
	position: absolute;
	margin-top: 5px;
  margin-left: 30px;
	top: 0;
	left: 0;
}

/* Contenu */

#contenu {	
	width: 100%;
	height: auto;
	min-height: 300px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	vertical-align: top;
}
html>body #contenu {
  width: 100%;  
  max-width: 100%;
 	height: auto;
	min-height: 300px;
}

/* cadrer */

.cadrer {	
	margin: 0 auto;
	padding: 5px 50px 5px 50px;
	border: 0;
	text-align: left;
}

/* cadrer */

.cadrer_centrer {	
	margin: 0 auto;
	padding: 5px 50px 5px 50px;
	border: 0;
	text-align: center;
}

/* pav */

.pav {	
	margin: 0 0 0 128px;
	padding: 0;
	border: 0;
	width: 300px;
	height: auto;
	text-align: left;
}
html>body .pav {
	margin: 0 128px 0 128px;
}

/* article */

.article{	
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
}

/* txt_rub */

.txt_rub{	
	margin: 0 50px 0 50px;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

/* txt_art */

.txt_art{	
	margin: 0;
	padding: 0;
	border: 0;
	width: 500px;
	height: 100%;
	text-align: left;
}

/* txt_nav */

#txt_nav {	
	width: 140px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

/* movie */

#movie {	
	margin: 0;
	padding: 5px;
	border: 0;
	text-align: center;
}


/* Recherche */

#recherche {
	display: block;
	position: absolute;
	margin-top: 10px;
  margin-right: 30px;
	top: 0;
	right: 0;
}

/* Pied */

#pied {
	width: 620px;
	height: 60px;
	margin: 0;	
	padding: 0;	
	border: 0;
	background: url(../NAVPICS/fond_pied_col.jpg) no-repeat top;
	text-align: center;	
}
html>body #pied {
  width: 620px; 
  max-width: 620px;
}

/* Pied_nav */

#pied_nav {
	width: 140px;
	height: 60px;
	margin: 0;	
	padding: 0;	
	border: 0;
	background: url(../NAVPICS/fond_pied_nav.jpg) no-repeat top;
	text-align: center;
}
html>body #pied_nav {
  width: 140px; 
  max-width: 140px;
}

/* Resultat */

.resultat {
	margin: 0;
	padding-left: 10px;
	/* fausse valeurs de marges pour IE Win, incluant 6.0 */	
	margin-left: 5px;
}
html>body .resultat {
	/* Correction des valeurs pour les navigateurs qui n'ont pas le bug IE Windows */
  width: 100%;  
  max-width: 100%;
	margin-left: 10px;
}

/* Centrer */

.centrer {
	text-align: center;
}

/* Float */

.float {
	float: left;
  margin: 5px;
}

/* Espaceur */

.spacer {
  line-height: 1px;
	clear: both;
}

/* Logos */

.logo {	
	display: block;
	float: left;
	margin: 0;	
	padding: 0;
	border: 0;
}
.logo a a:hover {	
	border: 0;
}

/* Formulaires */

.formrecherche {
	margin: 0;
	padding: 0;
	width: 100px;
	background-color: #FFFFFF; 
	border: solid 1px #999999;
	vertical-align: middle;
}

.formulaire {
	color: #333333;
	margin: 0;
	margin-bottom: 10px;
	padding: 5px;
	border: solid 1px #999999;
	background-color: transparent; 
}
.forml {
	background-color: transparent;
	margin: 1px;
	padding: 5px;
	border: solid 1px #999999;
}
.form {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #999999;
	background-color: #FFFFFF;
}
.bouton {
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	color: #999999;
	background-color: #FFFFFF;
}