@charset "UTF-8";
/* CSS Document */

#wrapper {
	margin: auto;
	padding:0;
	display:block;
	width:960px;
}






/************************************************************************
*************************************************************************
*************************************************************************
	HEADER AVEC LOGO ET MENU EN HAUT
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #Top{
	padding:0 14px;
	display:block;
	width:932px;
	background:#eeedee url(../images_404/bkg_top.jpg) repeat-y ;;
	height:100px;
	position:relative;
}

#wrapper #Top #logo{
	position:relative;
	left:38px; top:14px;
	float:left;
	display:block;
	width:140px;
	height:70px;
}

#wrapper #Top #logo a{
	display:block;
}




#wrapper #Top .searchBox{
	float:right;
	text-align:right;
	width:700px;
	padding:0;
	margin:14px 0 0 0;
}



















/************************************************************************
*************************************************************************
*************************************************************************
	GENERAL PAGE
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #GeneralPage{
	padding:12px 14px;
	display:block;
	width:932px;
	z-index:2
}

#wrapper #GeneralPage .leftPage{
	padding:0;
	display:block;
	width:248px;
	float:left;
}

#wrapper #GeneralPage .leftPage .smMenu{
	padding:0px 6px 6px 6px;
	display:block;
	width:224px;
	float:left;
	background:#006699;
	border:1px solid #006699;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc);
	font-size:11px;
}

.leftPage .smMenu .title{
	color:#FFF;
	width:224px;
	padding:0 0 10px 0;
}

.leftPage .smMenu .title h3{
display:none;
}

.leftPage .smMenu .content{
	
	display:block;
	width:100%;
	float:left;
}
.leftPage .smMenu .content ul li ul
{background-color:#fff;padding:5px;}

.leftPage .PubLeft{
	padding:0;
	display:block;
	width:248px;
	clear:both;
	margin:12px 0;
	float:left;
}

.leftPage .PubLeft img{
	margin:5px 0;
}




.fullPage .header{
	padding:0;
	display:block;
	width:932px;
	height:154px;
	background: url(../images_404/bkg_header_page.jpg) repeat-y ;
}

.fullPage .header .titlePage{
	padding:25px 12px 5px 12px;
	display:block;
	width:800px;
}

.fullPage .header .breakcrumb{
	padding:5px 12px;
	display:block;
	width:800px;
}

.fullPage .mainContent{
	padding:12px;
	display:block;
	width:908px;
}
 
.fullPage .mainContent .boxe{
	padding:20px;
	display:block;
	width:400px;
	height:260px;
	background:#FFFFFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc);
	border:1px solid #CCC;
	text-align:center;
}

.fullPage .mainContent p{
	margin:0 0 12px 0;
}

.fullPage .mainContent ul{
	margin:10px 0 12px 10px;
	padding:0;
}

.fullPage .mainContent ul li{
	background: url(/images/M_images/arrow_li.png) no-repeat top left;
	padding:0 0 0 15px;
        margin-bottom:5px;
}

.fullPage .mainContent h3{
	border-bottom:1px solid #CCC;
	padding:8px 0;
	font-size:18px;
	color:#666;
	margin:0;
}

.fullPage .mainContent h3 a{
        padding:8px 0;
	font-size:18px;
	color:#666;
	margin:0;
}

.fullPage .mainContent .hidden{
        display:none;
}

.fullPage .mainContent .unhidden{
        display:block;
}

.teamWidth{
width:654px;
}

.table_harm{
       
}

.table_harm td{
       border-right-style:solid;
       border-left-color:#333;
}

#frame{
width:194px;
height:100px;
overflow:hidden;
}

#frame iframe{
width:1200px;
height:900px;
margin-top:-177px;
margin-left:-795px;
}

.loginDiv{
width:250px;
height:200px;
border-style:solid;
border-width:15px;
border-color:#006699;
-webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius: 8px;
behavior: url(border-radius.htc);
}

.quote table{
border:1px solid #006699;
-moz-border-radius:8px;
-webkit-border-radius: 8px;
border-radius: 8px;
behavior: url(border-radius.htc);
width:235px;
}

.quote h3{
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:grey;
}

.quote .msg{
background-color:#D3E1E4;
}

.indent{
padding-left:15px;
}

.customer{
border:solid 10px #006699;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius: 8px;
behavior: url(border-radius.htc);
text-align:center;
}

.customer th{
background-color:#006699;
color:white;
font-size:14px;
}

/************************************************************************
*************************************************************************
*************************************************************************
	MEDIA TOOLS
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #media{
	padding:12px 14px 0 32px;
	display:block;
	margin:14px 0;
	width:914px;
	position:relative;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}

#wrapper #media .leftMedia{
	display:block;
	width:600px;
	float:left;
}

#wrapper #media .rightMedia{
	display:block;
	width:220px;
	float:right;
	text-align:right
}


/************************************************************************
*************************************************************************
*************************************************************************
	FOOTER SECTION ON HOME PAGE
*************************************************************************
*************************************************************************
*************************************************************************/
#wrapper #Footer{
	padding:12px 32px;
	display:block;
	width:888px;
	position:relative;
	font-size:11px;
	color:#666;
}

#wrapper #Footer a{
	color:#666;
	font-weight:normal
}

#wrapper #Footer a:hover{
	color:#333;
}

#wrapper .FooterContent{
	float:left;
	width:186px;
	padding:10px 16px;
	
}

#wrapper .FooterContent ul{
	margin:0 0 10px 0;
	
}

#wrapper .FooterContent li.title{
	color:#000
	
}

#wrapper .FooterBottom{
	margin:30px 0;
	padding:0 16px;
}

#wrapper .FooterBottom li{
	float:left;
	padding:0 2px;
}


.breadcrumbs br {
	display:none;
}


/********************************************************************
*********************************************************************
*********************************************************************
**************************** TABLE TEST *****************************
*********************************************************************
********************************************************************/

#hor-zebra
{
        border: 2px solid #006699;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
        color:black;
	width: 100%;
	text-align: left;
        -moz-border-radius:8px;
        -webkit-border-radius: 8px;
		border-radius: 8px;
		behavior: url(border-radius.htc);
        background-color: #f0f0f0;
}
#hor-zebra th
{
        background-color: #006699;
	font-size: 14px;
        font-weight:bold;
	padding: 10px 8px;
	color: white;
        text-align:center;
}
#hor-zebra td
{
	padding: 8px;
}
#hor-zebra .odd
{
	background-color: #e8edff; 
}