body {
	font-family: Verdana, Arial, sans-serif;
	background:#130f10; 
	color:#130f10;
	font-size: 12px;
	margin:0;
	width:100%;
}
form, ul, li, p{ margin:0px;list-style-type: none; padding:0}

h1{ font-size:18px; padding:0px; margin:0 0 10px 0;}
h2{ font-size:18px; padding:0px; margin:0 0 0 0; text-transform:uppercase}

@page { size:21.0cm 14.85cm;
        margin-top:1.7cm;
        margin-bottom:1.4cm;
        margin-left:2cm;
        margin-right:2cm 
}

hr{
	clear:both;
	visibility:hidden;
}

a {
	text-decoration:none;
	color:#000000
}
a:hover {
	text-decoration:none;
	color:#d91e1f
}

.menuFonction2{ font-weight:bold }


/************************************************* DIV **********************************************
 ************************************************************************************************************/

.main{ margin-left:auto; margin-right:auto; width:980px; text-align:left; }

.gris{ background:#ddd; width:760px; padding:15px;}
.rouge{ background:#d91e1f; width:760px; padding:3px 15px; margin:4px 0;}
.news{ background:#d91e1f; padding:3px 15px; margin:4px 0; font-size:18px;text-transform:uppercase}
.une{ background:#111; color:#FFF; padding:3px 15px; margin:4px 0; font-size:18px;text-transform:uppercase}

div.head{position:absolute;margin-left:inherit; width:980px; top:5px;   }

div.page{ position:absolute;margin-left:inherit; top:323px; width:980px;  }

.menuLeftContent{width:190px; vertical-align:top }


.mainContent{background:#fff;width:790px; vertical-align:top} 

.content {margin-top:15px;}

.footer {
	clear:both;
	width:100%;
	height:30px;
	background:#5d696d;
	background-repeat:no-repeat;
}
.txtFooter {
	padding-left:30px;
	padding-top:5px;
	color:#FFFFFF;
}

/*------------------------------vignette*/

.vignette{  cursor:pointer; width:720px; cursor:pointer; margin:8px 0 8px 18px; border-top:#151515 1px solid; border-bottom:#151515 1px solid; background:#eee;}

.img_vignette{width:170px; text-align:center; float:left; background:#FFF }

.lien_vignette{  float:right; }
.lien_vignette a, .vignette2 .lien_vignette a  {  color:#fff; padding:2px;  font-weight:bold; position:relative; top:-23px; right:53px; font-size:10px;   }
.lien_vignette a {  background:#d91e1f;   }





.titrevignette{ font-size:12px; font-weight:bold; margin-bottom:4px; text-align:right; clear:right; text-transform:uppercase;padding-top:4px }
.vignetteContent{ text-align:left; float:left; width:540px;  padding:0 5px;   font-size:10px;   }


.lien_vignette a:hover { text-decoration:underline}


/************************************************* Box **********************************************
 ************************************************************************************************************/

.boxRight{
	width:330px;
	background:#eee;
	vertical-align:top;
}

.boxLeft{
	width:454px;
	vertical-align:top;
}


.boxContent{
	padding:8px 0;
	border-bottom:1px solid #999;
}

.boxRight .boxContent{
	border-bottom:1px solid #fff !important;
}


.boxContent table{
	margin-left:15px;
}

.boxTitle1{
	font-size: 17px;
	font-weight:bold;
	margin:5px 0 0 10px;;
}

.boxTitle2{
	font-size:13px;
	font-weight:bold;
	font-variant:small-caps;
	margin:5px 10px;;
}

.boxTitleActu{
	font-size: 17px;
	font-weight:bold;
	background:url(../images/titreActu.gif) no-repeat;
	padding-left:19px;
}

.boxText{
	font-size:12px;
	margin:10px;

}
.boxText img{
	margin:2px 6px 0 15px;
}

.boxRight .boxText img{
	margin:2px 6px 0 2px !important;
}

.boxLink{
	margin:6px 0 0 40px;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	display:block;
	padding-left:15px;
	z-index:100;
}

a.boxLink:hover{
	color:#000;
	background:url(../images/boxLink1.gif);
	background-repeat:no-repeat;
	text-decoration:underline;
}
a.boxLink{
	color:#d91e1f;
	background:url(../images/boxLink2.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;

}
.boxLink2{
	margin:6px 0 0 80px;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	width:170px;
	padding-left:15px;
	z-index:100;
}

a.boxLink2:hover{
	color:#cc0000;
	background:url(../images/boxLink2.gif);
	background-repeat:no-repeat;
	text-decoration:underline;
}
a.boxLink2{
	color:#000000;
	background:url(../images/boxLink1.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;

}


/************************************************* Menu Left **********************************************
 ************************************************************************************************************/

#menuleft{
	width: 190px;
    top:15px;
    position:relative;
    display:block;
}
.menuFonction a{
	color:#fff;
	width:180px;
	padding:2px 5px 2px 5px;
	font-weight:bold;
	display:block;
}
.menuFonction-select a{
	color:#000;
	background:#FFF;
	width:180px;
	padding:2px 5px 2px 5px;
	font-weight:bold;
	display:block;
}
.menuFonction a:hover{
	color:#000;
	background:#FFF;
	text-decoration:none;
}

.menuFonction a.select{ 
	color:#000;
	background:#FFF;
}

.menuFonction, .menuContact {
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	border-bottom-width: 1px;
}

.titre_menu{
	font-size:12px;
	text-transform:uppercase; 
	color:#000; 
	padding:5px; 
	font-weight:bold; 
	border-bottom:solid 1px #FFF; 
	background:url(../images/fd_blanc.png);
}

* html .titre_menu{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fd_blanc.png", sizingMethod="crop");}

.outil{ margin-top:10px; padding-left:15px;}

.renseign{  margin:20px 10px 0px 10px; }


.outil a{ color:#FFF;  }

/************************************************* Fiche **********************************************
 ************************************************************************************************************/




.ficheSstitre {
	font-size: 17px;	
}
.fichePrint {
	float:right;
	margin:2px 12px 0 0;	
}
.garantie{
	margin-top:5px;
}
.caract{
	font-style:italic;
	font-size:12px;
	margin-top:5px;
}
.arg{
	margin-top:7px;
	padding:10px;
	font-weight:bold;
}
.ficheComSup{
	border-style:solid;
	border:#ff0000 1px; 
	float:left;
	margin:10px;
	padding:10px;
}
.titre_bo {
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FF0000;
}
.tablotitre {	
	font-size: 11px;
	font-weight:bold;
	color:#aa3333;
	font-variant: small-caps;

}

.tablo {	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:1px solid #000;
	margin:5px;
	border-spacing:0;
	border-collapse:0;
}
.titreTablo {	
	
	font-weight:bold;
	background:#000;
	text-transform:uppercase;
	color:#FFF;
	border-left:solid;
	border-left-width:1px;
	border-left-color:#fff;
	padding:6px;
}
.ligneTablo {	
	padding:6px;
	border-left:solid;
	border-left-width:1px;
	border-left-color:#000;

}
.photo{
	float:left;
	margin:3px 3px 3px 0;
}

/*************************************************Plan**********************************************
 ************************************************************************************************************/


.plan{
	font-weight:bold;
	padding:10px;
}
.plan a:hover{
	color:#e2001a;
}

.pl1 {
	font-size: 16px;
	background:#e2001a;
	color:#fff;
	padding-left:10px;
	margin-top:20px;
	text-transform:uppercase;
}
.pl2 {
	font-size: 15px;
	color:#000;
	padding-left:20px;
	margin-top:10px;
}
.pl3 {
	font-size: 13px;
	color:#222;
	padding-left:30px;
	margin-top:5px;
	text-decoration:underline;
}
.pl4 {
	font-size: 12px;
	color:#444;
	padding-left:40px;
}


/************************************************* Header **********************************************
 ************************************************************************************************************/

.head {
	width:100%;	background-color:#d91e1f;
}

.rail{ position:absolute;top:70px; left:210px; color:#FFF; font-size:10px;  }

.rail a{ color:#FFF;  }

/*******************************************************************************
 Menu
 *******************************************************************************/

.retour_accueil{background:url(../images/accueil.png) no-repeat top left;}
.dossier{background:../images/prog.png) no-repeat top left;}
.sond{background:url(../images/info.png) no-repeat top left;}
.ctct{background:url(../images/ctct.png) no-repeat top left;}
.home{background:url(../images/home.png) no-repeat top left;}
.plan{background:url(../images/plan.png) no-repeat top left;}
.eng{background:url(../images/eng.png) no-repeat top left;}
.fr{background:url(../images/francais.gif) no-repeat top left;} 

* html .retour_accueil{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/accueil.png", sizingMethod="crop");}
* html .dossier{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/prog.png", sizingMethod="crop");}
* html .sond{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/info.png", sizingMethod="crop");}
* html .ctct{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/ctct.png", sizingMethod="crop");}
* html .home{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/home.png", sizingMethod="crop");}
* html .plan{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/plan.png", sizingMethod="crop");}
* html .eng{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/eng.png", sizingMethod="crop");}



ul.MenuBarHorizontal,ul.MenuBarHorizontal2
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	display:block;
	z-index: 1000;
	font-size: 10px;
}
ul.MenuBarHorizontal
{
	float:right;
	height:95px;
}

div.menu2 {
	position:absolute;
	top:150px;
	left:0;
}

ul.MenuBarHorizontal2{ position:relative; }


ul.MenuBarHorizontal2 li
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	margin-top:4px;
	list-style-type: none;
	text-align: left;
	cursor: pointer;
	width:190px;
	z-index: 1010;
}

ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	border-left: 1px solid #fff;
	list-style-type: none;
	text-align: left;
	cursor: pointer;
	z-index: 1010;
	float:left;
}


ul.MenuBarHorizontal ul,ul.MenuBarHorizontal2 ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	left:4px;
	z-index: 1020;
	cursor: default;
	position: absolute;
	display:none;
	width:160px;
}

ul.MenuBarHorizontal ul li,ul.MenuBarHorizontal2 ul li
{
	clear:both;
	width:100%;
	margin-top:0px;
	border-top:solid 1px #fff;
}

ul.MenuBarHorizontal ul ul,ul.MenuBarHorizontal2 ul ul
{
	position: absolute;
	margin: 0 0 0 100%;
	left:0;
}




/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/

ul.MenuBarHorizontal ul,ul.MenuBarHorizontal2 ul
{
	color:#fff;
	font-weight:bold;
	border-top: 1px solid #fff;

}

ul.MenuBarHorizontal a,ul.MenuBarHorizontal2 a
{
	display:inline-block;
	text-decoration: none;
	color:#fff;
	font-weight:bold;
}
ul.MenuBarHorizontal ul li a,ul.MenuBarHorizontal2 ul li a
{
	width:96%;
	padding: 2px 2% 2px 2%;
}


/*******************************************************************************
sous-nenu
 *******************************************************************************/
a.MenuBarItemSubmenu2, a.MenuBarItemSubmenu
{
	background-repeat:no-repeat;
	padding:4px 6px 0 29px;
	height:19px;
}	

a.MenuBarItemSubmenu
{
	color:#fff;
	cursor:default;
}
a.MenuBarItemSubSubmenu
{
	color:#fff;
}
a:hover.MenuBarItemSubSubmenu
{
	background-color:#fff;
}

a:hover.MenuBarItemSubmenu2
{
	background-color:#fff;
	padding:4px 21px 0 14px;
}

a.MenuBarItemSubmenu3
{
	background-repeat:no-repeat;
	padding:3px 6px 0 6px;
	width:178px;
	height:18px;
}	

 a:hover.MenuBarItemSubmenu3
{
	background-color:#fff !important;
}


/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe,ul.MenuBarHorizontal2 iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}






/*******************************************************************************
 Couleur 1
 *******************************************************************************/

ul.MenuBarHorizontal ul
{
	background-color:#130f10;
}

ul.MenuBarHorizontal a
{
	
	background-color: #130f10;

}


ul.MenuBarHorizontal a.MenuBarItemSubSubmenu:hover, ul.MenuBarHorizontal a.MenuBarItemSubSubmenu:focus
{
	color:#d91e1f;
}

ul.MenuBarHorizontal a.MenuBarItemSubSubmenu:hover
{
	color:#d91e1f;
}

ul.MenuBarHorizontal a:hover.MenuBarItemSubmenu2
{
	color:#d91e1f;
}


/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		background: #d91e1f;
	}
}

/*******************************************************************************
 Couleur 2
 *******************************************************************************/
 
 .accueil{ float:left; width:174px; text-transform:uppercase; padding:4px 0px 5px 4px; border-bottom:#FFFFFF solid 2px;}
 .accueil a{ color:#fff;}

ul.MenuBarHorizontal2 ul
{
	background-color:#d91e1f;
}

ul.MenuBarHorizontal2 li a.grand
{
	text-transform:uppercase; font-size:10px;
}

ul.MenuBarHorizontal2 a
{
	
	background-color: #d91e1f;

}

ul.MenuBarHorizontal2 a:hover, ul.MenuBarHorizontal a:focus
{
	color:#d91e1f;
}


ul.MenuBarHorizontal2 a.MenuBarItemSubmenu
{
	background-color:#d91e1f;
}
ul.MenuBarHorizontal2 a.MenuBarItemSubSubmenu
{
	background-color:#d91e1f;
}
ul.MenuBarHorizontal2 a.MenuBarItemSubSubmenu:hover
{
	color:#d91e1f;
}

ul.MenuBarHorizontal2 a:hover.MenuBarItemSubmenu3
{
	color:#d91e1f;
}



/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal2 li.MenuBarItemIE
	{
		background: #d91e1f;
	}
}


/* Bo----------------------*/
.memoOver {                              
  background-color: buttonface;           
  border: 1px solid buttonshadow;        
}
.memoOut {                               
  background-color:'#ffffff' ;         
  border: 1px solid buttonface;         
}