/* CSS Basic Document */
body
{
margin:0px auto;
padding:0px;
background-color:#333333;
}
a:link, a:visited {
	background-color: inherit;
	color: #C70202;
	text-decoration: none;
}

a:hover, a:active {
	background-color: inherit;
	color: #333;
	text-decoration: underline;
}
h1#titre{
	color: #C70202;
	font: bold 12px Tahoma, Arial;
	margin: 0px 0px 4px 0px;
	border-bottom: 1px solid #C9C9C9 ;	
	
}
h2#fonction{
	color: #FFFFFF;
	font: bold 14px Tahoma, Arial;
	margin: 0px 20px 4px 0px;
	border-bottom: 3px solid #C70202;	
	
}
.header_table
{
margin-top:6px;
}
.logo
{
margin-left:10px;
}
.body_box
{
padding:9px;
color: #5C5C5C;
background-color:#FFFFFF;
}
.header_banner
{
background:url(../images/header_banner.jpg) center top no-repeat;
height:196px;
}
.services_bg
{
background:url(../images/services_bg.gif) left top no-repeat;
height:220px;
padding:10px;
}
.services_bg_contenu
{
background:url(../images/services_bg_contenu.gif) left top no-repeat;
height:220px;
padding:10px;
}
.services_teable
{
margin-top:8px;
margin-bottom:12px;
}
.left_line
{
border-left:1px solid #E6E6E6;
}
.right_line
{
border-right:1px solid #E6E6E6;
}
.bottom_line
{
border-bottom:1px solid #E6E6E6;
}
.footer_table
{
margin-bottom:25px;
}




/* CSS Background Image Document */
.top_line
{
background:url(../images/line_bg.jpg) left top repeat-x;
height:4px;
}
.top_menu_bg
{
background:url(../images/top_menu_bg.jpg) left top repeat-x;

}
.bottom_menu_bg
{
background:url(../images/bottom_nenu_bg.jpg) left top repeat-x;

}
.box_top_bg
{
background:url(../images/box_top_bg.gif) left top repeat-x;
height:32px;
}
.footer_bg
{
background:url(../images/footer_bg.gif) left top no-repeat;
height:25px;
}




/* CSS Text Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #5C5C5C;
	text-decoration: none;
}
.menu_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 26px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #5C5C5C;
	background-color:inherit;
	text-decoration: none;
}
.menu_link:hover
{
color:#C70202;
text-decoration:none;
background-color:inherit;
}
.bottom_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color:inherit;
	text-decoration: none;
}
.bottom_link:hover
{
color:#C6C6C6;
text-decoration:underline;
background-color:inherit;
}
.white_text
{
color:#FFFFFF;
text-decoration:none;
background-color:inherit;
}
.body_link
{
color:#5C5C5C;
text-decoration:underline;
background-color:inherit;
}
.body_link:hover
{
text-decoration:none;
color:#212121;
background-color:inherit;
}

/* TOP PANEL*/
h1, h2, h3,  p, img{margin:0; padding:0;}
ul{list-style-type:none;}
#topPanel{width:736px; height:260px; position:relative; margin:0 auto; padding:0;}
#topPanel img{width:230px; height:80px; z-index:1; padding:0; position:absolute; margin:0 0 0 21px;}
/* HEADER PANEL*/
#topPanel #headerPanelfast{width:240px; height:263px; position:absolute; top:0; left:0;  padding:0px; background:url(../images/tele1.jpg) no-repeat 0 0 #FC5F00; color:#fff;}
#topPanel #headerPanelfast a{width:240px; height:263px; display:block; text-decoration:none; }
#topPanel #headerPanelfast a:hover{width:240px; height:263px; background:url(../images/tele2.jpg) no-repeat 0 0 #FC5F00; color:#fff; text-decoration:none;}
#topPanel #headerPanelfast h2{display:block; width:200px; height:47px; margin:24px 0 0 20px; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; position:absolute; top:0px; left:0px; z-index:1;}
#topPanel #headerPanelfast p{width:198px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:60px 30px 0 20px;}

#topPanel #headerPanelsecond{width:240px; height:263px; position:absolute; top:0; left:248px;  padding:0px; background:url(../images/web1.jpg) no-repeat 0 0 #FC5F00; color:#fff;}
#topPanel #headerPanelsecond a{width:240px; height:263px; display:block; text-decoration:none; }
#topPanel #headerPanelsecond a:hover{width:240px; height:263px; background:url(../images/web2.jpg) no-repeat 0 0 #FC5F00; color:#fff; text-decoration:none;}
#topPanel #headerPanelsecond h2{display:block; width:210px; height:47px; margin:24px 0 0 15px; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; position:absolute; top:2px; left:0px; z-index:1;}
#topPanel #headerPanelsecond p{width:198px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:60px 30px 0 20px;}

#topPanel #headerPanelthird{width:240px; height:263px; position:absolute; top:0; right:0;  padding:0px; background:url(../images/mailing1.jpg) no-repeat 0 0 #FC5F00; color:#fff;}
#topPanel #headerPanelthird a{width:240px; height:263px; display:block; text-decoration:none; }
#topPanel #headerPanelthird a:hover{width:240px!Important; height:263px; background:url(../images/mailing2.jpg) no-repeat 0 0 #FC5F00; color:#fff; text-decoration:none; display:block;}
#topPanel #headerPanelthird h2{display:block; width:200px; height:47px; margin:24px 0 0 20px; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; position:absolute; top:0px; left:0px; z-index:1;}
#topPanel #headerPanelthird p{width:198px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:60px 30px 0 20px;}
/* /TOP PANEL*/

ul#navigation-1
	{ margin:0; padding:1px 0; list-style:none; width:100%;  font:normal 8pt verdana, arial, helvetica;}
ul#navigation-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative;  width:140px; text-align:justify;}
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ height:20px; display:block;  padding:5px 8px 0px 8px; color:#fff;  text-decoration:none; background: no-repeat 0 0 #b9121b;; text-align:center; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{  text-decoration:underline; background: no-repeat  #fff;  padding:5px 8px 0px 8px; color:#b9121b;  height:20px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
	
ul#navigation-1 li ul.navigation-2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; width:185px; position:absolute; top:25px; left:-1px; border:1px solid #b9121b; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ width:175px; clear:left;  }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background:#b9121b; padding:4px 5px; text-align:left; width:175px; height:14px; color:#fff; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; text-decoration:none;}
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ clear:left; background:#EFEFEF; padding:4px 5px; text-align:left; width:175px; height:14px; color:#000; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:#b9121b; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:#000000; }
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }
.input{
 background:url("../images/bg_input.gif") repeat-x;
 color:#FFFFFF;
 font-weight:bold;
 font-size:11px;
 border:0px;
 height:20px;
 padding:2px 4px 8px 4px;
 
 }