/* CSS Document */


body {
	background-image:  url(images/4Sais_bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
	color: 3F302B;
	font-size: 12px;
}

ul#menu 
{
	margin    :   0;
	padding   :   0px 0px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size :   10px;
	text-transform: uppercase;
	width: 200px;
	font-weight: bold;
/* Application d'une bordure   border    :   1px solid #39C; */ 
}

ul#menu li 
{
	list-style-type   :  none;
	/*margin-bottom     :  1px;*/ 
}

ul#menu li a
{
	width             :   auto !important;
	width             :   100%;
	padding           :   4px;
	text-decoration   :   none;
	color             :   #FFFFFF;
	display           :   block;
	background-color  :   #3F302B;
	border-left-width :   4px;
	background-image: url(images/listoff.gif);
	background-repeat: no-repeat; 
	background-position: 0 .4em; 
	/*padding-left: .6em; */
}

ul#menu li a:hover 
{
	background-image: url(images/liston.gif);
	background-repeat: no-repeat; 
	background-position: 0 .4em; 
	padding-left: 10px;

}


.menuOn
{
	padding           :   4px;
	color             :   #FFFFFF;
	background-image: url(images/liston.gif);
	background-repeat: no-repeat; 
	background-position: 0 .4em; 
}

ul#menu2
{
	margin    :   0;
	padding   :   0px 0px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size :   10px;
	text-transform: uppercase;
	width: 200px;
	font-weight: bold;
/* Application d'une bordure   border    :   1px solid #39C; */ 
}
ul#menu2 li 
{
	list-style-type   :  none;
	/*margin-bottom     :  1px;*/ 
}
ul#menu2 li a
{
	width             :   auto !important;
	width             :   100%;
	padding           :   4px;
	text-decoration   :   none;
	color             :   #FFFFFF;
	display           :   block;
	/*background-color  :   #3F302B;*/
	border-left-width :   4px;
	background-image: url(images/listoff2.gif);
	background-repeat: no-repeat; 
	background-position: 0 .4em; 
	/*padding-left: .6em; */
}

ul#menu2 li a:hover 
{
	background-image: url(images/liston2.gif);
	background-repeat: no-repeat; 
	background-position: 0 .4em; 
	padding-left: 10px;

}
.menuOn2
{
	padding           :   4px;
	color             :   #FFFFFF;
	background-image: url(images/liston2.gif);
	background-repeat: no-repeat; 
	background-position: 0 .4em; 
}





a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: 3e302a;
}
a:hover {
	text-decoration: underline;	
}
a.mailto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

a.mailto:hover {
	text-decoration: underline;
}
		
.textebas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 2px;
}
.colonne1 {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px; 
	padding-bottom: 20px;
}

.colonne2 {     
	float: right; 
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 20px;
	}
.li
{
	float: left;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	list-style-type: none;
	margin-left: 20px;
	margin-bottom: 20px;
  }
.boxPromoBas
 {
	font-size: 16px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: left;
	
	 /* border-left-image: url(../images/bordurePoint.gif);*/
  }
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 3F302B;
}

.titreBleu {
	font-size: 14px;
	text-transform: uppercase;
	color: 6699CC;
}
.titreOrange {
	font-size: 14px;
	text-transform: uppercase;
	color: C57214;
}

.floatLeft {
	float: left;
	padding-bottom: 5px;
	padding-left: 5px;
}
.floatRight {
	float: right;
	padding-bottom: 5px;
	marging-right: 10px;
}
.pointille
{

	height: 2;
	background-image: url(images/rayuresHor.gif);
	background-repeat: repeat-x; 
}
#listebas {
	list-style: none ;     
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;  
	}

#listebas ul 
{
	list-style-type   :  none;
	margin-bottom     :  5px; 
}