/* STENO DEFINITION
chapo = chapo;
libelle dans steno = nom-classe (sans le point);
libelle dans steno = nom-classe (sans le point);
*/

/* --------------------------------------------------------------------------------
	ELEMENTS DE BASE (Typos, liens...)
-------------------------------------------------------------------------------- */

html {
	margin: 0;
	padding: 0;
}

/* Initialise les �l�ments du body */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	width:100%;
	height:100%;
	background-image: url(../img/bg-site-pt.gif);
	SCROLLBAR-FACE-COLOR: #E96E37; 
	SCROLLBAR-HIGHLIGHT-COLOR: #E96E37; 
	SCROLLBAR-SHADOW-COLOR:#E96E37; 
	SCROLLBAR-3DLIGHT-COLOR: #E96E37; 
	SCROLLBAR-ARROW-COLOR:  #ffffff; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #E96E37; 
}

/* Initialise les �l�ments de base */
div, span, p, a, img, form, h1, h2, h3, h4, h5, h6 {
	border: 0;
	padding: 0;
	margin: 0;
}

/* D�finition des niveaux de titre */
h1 {
	color: #000000;
	font-size: 20px;
	font-weight: normal;
	margin: 55px 0 0 0;
}

h2 {
	color: #000000;
	font-size: 25px;
	font-weight: bold;
	margin: 0 0 18px 0;
}

h3 {
	color: #000000;
	font-size: 17px;
	font-weight: bold;
	margin: 18px 0 6px 0;
}

/* D�finition des liens standards */
a {
	color: #E96E37;
	text-decoration: none;
}

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

/* D�finition des �l�ments de formulaire standards */
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* --------------------------------------------------------------------------------
	CLASSES DIVERSES
-------------------------------------------------------------------------------- */

#oflash-entreprises {
	float: left;
	display: inline;
}

/* Alignement droite et gauche */
.right {float: right;}
.left {float: left;}

/* Permet de forcer le passage d'un �l�ment en dessous */
.spacer {height: 0px; line-height: 0px; font-size: 0px; clear: both;}


/* --------------------------------------------------------------------------------
	BLOCS PRINCIPAUX
-------------------------------------------------------------------------------- */

/* Marge de fond du navigateur (�tirement de chaque cot�s de la zone g�n�rale) */
.marge {
	position: relative;
	margin: 0;
	width: 100%;
	min-height: 600px;
	background-image: url(../img/bg-site.gif);
	background-repeat: repeat-x;
}

/* Zone g�n�rale hors marges (centr�e horizontalement dans le navigateur) */
.page {
	position: relative;
	margin: 0 auto ;  /* centrage de la page dans le body */
	width: 935px!important;
	width: 935px;
	min-height: 604px;
	height:auto;
	text-align: left; /* annule le centrage du body */
	background-color : #FFFFFF;
	padding:0;
}

/* Colonne de gauche */
.cln-left {
	position: relative;
	float:left;
	margin: 0 ;
	padding:0;
	width: 164px;
	height: 506px;
}

/* images colonne de gauche */
.cln-left img{
	float:left;/* evite un decalage */
}


/* Colonne de droite */
.cln-right {
	position:relative !important;
	position:absolute;
	float:right;
	margin: 0;
	padding:0;
	width: 187px;
	min-height: 506px;
	height: auto!important;
	height: 506px;
	z-index:1;
}

/* images colonne de droite */
.cln-right img{
	float:left;/* evite un decalage */
}

/* images colonne de droite */
.cln-right .texte{
	width: 165px;
	min-height: 164px;
	height: auto!important;
	height: 164px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	background-color: #D4D4D4;
	margin: 0;
	padding: 10px 10px 0px 10px;
}

/* alignement des puces */
.puce{
	float:none;
	margin:5px 4px 0 0;
}

/* --------------------------------------------------------------------------------
	FOOTER
-------------------------------------------------------------------------------- */

.footer{
	position:relative;
	float:left;
	display:inline;
	width: 933px;
	height:55px;
	margin: 0 1px 0 1px;
	padding:0;
	text-decoration:none;
	background-image: url(../img/bg-footer.gif);
	clear:both;
	}

.footer p{
	width:400px;
	color:#767676;
	font-size:10px;
	padding: 22px 0 0 10px ;
}

.footer a{
	color:#767676;
	margin: 0;
	padding:0;
}

.footer div{
	position:relative;
	float:left;
	margin: 0;
	padding:0;
}

.footer div img{
	position:relative;
	float:left;
	margin: 0;
	padding:0;
}
/* --------------------------------------------------------------------------------
	MENU PRINCIPAL
-------------------------------------------------------------------------------- */

.mainmenu{
	width: 935px;
	height:43px;
	margin: 0;
	padding: 0;
	float: left;
	margin: 0;
	padding: 0;
	
}

.mainmenu ul{
	width: 935px;
	height:33px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mainmenu li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	height: 33px;
}

.mainmenu li a {
	display: block;
}

.mainmenu img{
	float: left;
	}

/* --------------------------------------------------------------------------------
	PETIT MENU
-------------------------------------------------------------------------------- */

.petit-menu{
	position: relative;
	float: right;
	width: 162px;
	padding: 1px 1px 0 1px;
}

.petit-menu ul{
	margin: 0;
	padding: 0;
	list-style-type:none;
}

.petit-menu li{
	height: 19px;
	margin: 0;
	padding: 8px 0 0 9px;
	border-bottom: 1px solid #E96E37;
}

/* bouton accueil sur les pages types */
.petit-menu2{
	position: relative;
	float: right;
	width: 162px;
	padding: 1px 1px 0 1px;
}

.petit-menu2 ul{
	margin: 0;
	padding: 0;
	list-style-type:none;
}

.petit-menu2 li{
	height: 19px;
	margin: 0;
	padding: 8px 0 0 9px;
	border-top: 1px solid #E96E37;
}

/* --------------------------------------------------------------------------------
	IMAGES
-------------------------------------------------------------------------------- */


/* Alignement droite des photos de contenu principal */
.imageright {
	float: right;
	margin: 3px 0 3px 15px;
	display :inline;
}



/* Alignement gauche des photos de contenu principal */
.imageleft {
	float: left;
	margin: 3px 15px 3px 0;
	display :inline;
}

/* --------------------------------------------------------------------------------
	PARAGRAPHES
-------------------------------------------------------------------------------- */


/* chapo pour les articles */
.chapo {
	font-weight: bold;
	color:#42427E;
}