/*GENERAL***********************************/
* {
	margin:0px;
	padding:0px;
	}
html, body {
	background:  #e8e8e8 url("images/bg_fond.gif") repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	margin:0px;
	height:100%;
}
/*CONATAINER*********************************/
.container{
	width:920px;
	margin:0px auto;
	padding:0px;
	background:url("images/bg_haut1.gif") top left repeat-y;
	/*height:100%;*/
}
.container1 {
	width:898px;
	/*min-height:100%;*/
	padding:0px 11px;
	margin:0px;
	background:url("images/bg_haut.gif") no-repeat;*/
	height:100%;
}
.imgssmenu{
	width:898px;
	background:url("images/imghaut.jpg") top left no-repeat;
	padding:0px;
	margin:0px;
	height:196px;
	}
.imgssmenutri{
	width:898px;
	background:url("images/imghaut-tri.jpg") top left no-repeat;
	padding:0px;
	margin:0px;
	height:196px;
	}
.imgssmenusoprima{
	width:898px;
	background:url("images/imghaut-soprima.jpg") top left no-repeat;
	padding:0px;
	margin:0px;
	height:196px;
	}
.imgssmenucolle{
	width:898px;
	background:url("images/imghaut-colle.jpg") top left no-repeat;
	padding:0px;
	margin:0px;
	height:196px;
	}
.imgssmenuctc{
	width:898px;
	background:url("images/imghaut-port.jpg") top left no-repeat;
	padding:0px;
	margin:0px;
	height:196px;
	}
.imgssmenugloss{
	width:898px;
	background:url("images/imghaut-sac.jpg") top left no-repeat;
	padding:0px;
	margin:0px;
	height:196px;
	}
.content{
	background:#FFFFFF url("images/bg_left.jpg") bottom left no-repeat;
	width:898px;
	margin:0px;
	padding:13px 0px 0px 0px;
	height:100%;
	float:left;
}
.content2{
	background:#FFFFFF url("images/bg_left2.jpg") bottom left no-repeat;
	width:898px;
	margin:0px;
	padding:13px 0px 0px 0px;
	height:100%;
	float:left;
}
.content3{
	background:#FFFFFF url("images/bg_left3.jpg") bottom left no-repeat;
	width:898px;
	margin:0px;
	padding:13px 0px 0px 0px;
	height:100%;
	float:left;
}
.content4{
	background:#FFFFFF url("images/bg_left4.jpg") bottom left no-repeat;
	width:898px;
	margin:0px;
	padding:13px 0px 0px 0px;
	height:100%;
	float:left;
}

/*HEADER**************************************/
.header {
	height:98px;
	width:898px;
	color:#004f87;
	background-color:#FFFFFF;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
}
.txtheader{
	padding:56px 0px 0px 138px;
	color:#004f87;
	float:left;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
}
.btn {
	background:url("images/btn.gif") top left no-repeat;
	width:107px;
	height:24px;
	text-align:center;
	float:right;
	margin:11px 0px 0px 0px;
	padding:7px 0px 0px 0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.btn1 {
	background:url("images/btn.gif") top left no-repeat;
	width:107px;
	height:32px;
	text-align:center;
	float:right;
	border:0;
	margin:11px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.btn2 {
	background:url("images/btn.gif") top left no-repeat;
	width:107px;
	height:32px;
	text-align:center;
	border:0;
	margin:11px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.btn a{
	padding:6px 0px 0px 0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.btn a:hover{
	padding:6px 0px 0px 0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
/*PARTIE GAUCHE******************************/
.left{
	width:200px;
	padding:60px 0px 107px 21px;
	margin:0px;
	float:left;
	color:#004f87;
}
.ssmenu{
	color:#004f87;
	padding:0px;
	width:175px;
	margin:0px;
}
.ssmenu li{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 18px;
	margin:0px 0px 2px 0px;
	height:17px;
	line-height:17px;
	font-size:11px;
	font-weight:bold;
	width:175px;
	background:url("images/pict.gif") no-repeat center left;
	border-bottom:#000000 dotted 1px;
}
.ssmenu li a{
	color:#004f87;
	display:block;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
.ssmenu li a:hover{
	color:#e15a03;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
/*PARTIE DROITE******************************/
.right{
	width:633px;
	float:left;
	margin:0px;
	padding:0px 16px 5px 28px;
}
.fil{
	font-size:11px;
	color:#004f87;
	/*font-weight:bold;*/
	text-decoration:none;
}
.fil:hover{
	font-size:11px;
	color:#e15a03;
	/*font-weight:bold;*/
	text-decoration:none;
}
.filfin{
	font-size:11px;
	/*font-weight:bold;*/
	color:#e15a03;
}
.right h1{
	width:618px;
	background:url("images/bg_h1.gif") top left repeat-x;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	margin:23px 0px 0px 0px;
	height:27px;
	padding:6px 0px 0px 15px;
	color:#004e88;
}
.accroche{
	font-size:14px;
	color:#004f87;
	width:623px;
	padding:30px 0px 12px 10px;
	/*font-style:italic;*/
	font-weight:bold;
	text-align:justify;
}
h2{
	background:url("images/flc4.gif") center left no-repeat;
	padding:0px 0px 0px 15px;
	color:#e15a03;
	font-size:12px;
	text-transform:uppercase;
}
h3, h3 a{
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#004f87;
	padding:0px 0px 0px 0px;
	margin:0;
	}
h4{
	padding:0px 0px 0px 0px;
	color:#e15a03;
	font-size:12px;
	text-transform:uppercase;
}
.gloss{
	width:618px;
	border-bottom:#333333 dotted 1px;
	text-align:right;
	}
.gloss a{
	color:#333333;
	font-size:12px;
	text-decoration:none;
}
.gloss a:hover{
	color:#004e88;
	}
.right ul{
	padding:16px 0px 0px 25px;
	margin:0;
}
.right li{
	list-style:none;
	background:url("images/flc3.gif") center left no-repeat;
	padding:0px 0px 0px 13px;
	font-size:12px;
	color:#000000;
	margin:0;
}
.puce ul{
	padding:16px 0px 0px 25px;
	margin:0;
}
.puce li{
	list-style:none;
	background:url("images/flc3.gif") 0px 3px no-repeat;
	padding:0px 0px 0px 13px;
	font-size:12px;
	color:#000000;
	margin:0;
}
.right li num{
	list-style:none;
	background:url("images/round11.gif") center left no-repeat;
	padding:0px 0px 0px 13px;
	font-size:12px;
	color:#000000;
	margin:0;
}
.imgright{
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
}
.imgleft{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
}
.right p{
	padding:0px 0px 0px 10px;
	font-size:13px;
	color:#000000;
	text-align:justify;
}
.legend{
	padding:0px 0px 0px 10px;
	font-size:11px;
	color:#000000;
	text-align:justify;
}
.tblbas{
	margin:0px 0px 0px 10px;
	padding:10px 10px 10px 10px;
	font-size:11px;
	color:#000000;
	text-align:justify;
	background:#FFCC66;
}
.haut{
	width:613px;
	padding:0px 20px 0px 0px;
	text-align:right;
	clear:both;
	}
/*FOOTER*************************************/
.container_foot{
	background:url("images/foot_part.jpg") no-repeat top left;
	clear:both;
	padding:15px 0px 0px 238px;
	width:660px;
	/*float:left;*/
	height:120px;
}
.container_foot2{
	background:url("images/foot_part2.jpg") no-repeat top left;
	clear:both;
	padding:15px 0px 0px 238px;
	width:660px;
	/*float:left;*/
	height:120px;
}
.container_foot3{
	background:url("images/foot_part3.jpg") no-repeat top left;
	clear:both;
	padding:15px 0px 0px 238px;
	width:660px;
	/*float:left;*/
	height:120px;
}
.container_foot4{
	background:url("images/foot_part4.jpg") no-repeat top left;
	clear:both;
	padding:15px 0px 0px 238px;
	width:660px;
	/*float:left;*/
	height:120px;
}
.footer {
	font-size:11px;
	color:#FFFFFF;
	padding:8px 0px 0px 0px;
	text-align:center;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}
.menubas{
	padding:0px 10px;
	color:#FFFFFF;
	text-decoration:none;
}
.menubas:hover{
	padding:0px 10px;
	color:#FFFFFF;
	text-decoration:underline;
}
.copyright {
	margin:21px 0px 0px 0px;
	/*padding:auto 0px;*/
	text-align:center;
	color:#81a8c4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.copyright a{
	color:#81a8c4;
	text-decoration:none;
}
.copyright a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
/*IMAGES*************************************************/
.logo{
	margin:25px 0px 0px 38px;
	float:left;
	border:0;
}
.logo1{
	margin:15px 0px 0px 23px;
	float:left;
	border:0;
}
.btncontact{
	/*text-align:right;*/
	float:right;
	border:0px;
	margin:11px 17px 0px 0px;
}
.btnacc{
	float:right;
	border:0px;
	margin:11px 0px 0px 0px;
}

/*TEXTES*******************************************/
.txthaut{
	padding:58px 52px 0px 0px;
	float:right;
	font-size:24px;
	color:#FFFFFF;
}
/*LIENS*************************************************/
.test {
	color: #004f87;
	text-decoration:none;
	border-bottom: none;
}
.test:hover {
	color: #004f87;
	text-decoration:none;
	border-bottom: 1px dotted #004f87;
}
.liencont{
	color:#81a8c4;
	text-decoration:none;
}
.liencont:hover{
	color:#FFFFFF;
	text-decoration:none;
}
img {
	border:0px;
}
.letter{
	text-align:center;
}
.lienltr{
	color:#004f87;
	text-decoration:none;
}
.lienltr:hover{
	color:#e15a03;
	text-decoration:none;
}
.block{
	padding:0px 0px 0px 25px;
	margin:0;
}

/***********************table**********************/
table{
	font-size:11px;
	padding:1px 1px 1px 1px;
	border: #999999 1px solid;
	margin-left:10px;
}
/*tr{
	padding:1px 1px 1px 1px;
}*/
.bg1{
	background:#FFCC66;
	height:35px;
	font-weight:bold;
}
.bg11{ 
	font-size:10px;
	background:#FFCC66;
	height:35px;
	font-weight:bold;
	padding:0px 0px 0px 10px;
}
.bg2{
	background:#cccccc;
	height:40px;
}
.bg3{
	background:#999999;
	height:40px;
}
.colorok {
	color:#ffffff;
	font-size:11px;
	/*font-style:italic;*/
	text-align:left;
	font-weight:bold;
}
.colorerr {
	color:#CC0000;
	font-size:11px;
	/*font-style:italic;*/
	text-align:left;
	font-weight:bold;
}
.colorerr2 {
	color:#CC0000;
	font-size:10px;
	/*font-style:italic;*/
	text-align:left;
	font-weight:bold;
}
.input, .textarea{
	width:200px;
	font-size:12px;
	font-weight:bold;
	border: #f4a009 1px solid;
	background:#f8ecce;
}
/********************************************************/
/*******************PLAN DU SITE*************************/
/* CSS Document */
.plan{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-weight:normal;
	list-style:none;
}
.plan ul{
	font-size:12px;
	padding:10px 0px 5px 10px;
	margin:0px 0px 0px 0px;
	list-style:none;
	color:#004f87;
	background:none;
}
.plan li{
	font-size:14px;
	background:none; 
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	list-style:none;
}
.plan ul li{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px 0px 0px 0px;
}
.plan ul li ul li{
	font-weight:bold;
	text-transform:none;
	font-size:13px;
	padding:10px 0px 0px 20px;
}
.plan ul li ul li ul li{
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	background:url("images/flc3.gif") center left no-repeat;
	padding:0px 0px 0px 13px;
	margin:0px 0px 0px 20px;
}
.plan li a{
	color:#004f87;
	text-decoration:none;
}
.plan li a:hover{
	text-decoration:none;
	color:#e15a03;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.cadretof{
	border:solid 5px #004e88;
	float:right;
	margin-left:20px;
}
.cadretof2{
	/*border:solid 5px #004e88;*/
	margin-left:20px;
}
.cadre {
	height:132px;
	width:281px;
	padding:0px 0px 0px 0px;
	margin:0px 20px 20px 10px;
	border: #004e88 1px solid;
	float:left;
}
.cadre h1{
	background: #004e88 url("images/flecheh1.gif") 10px center  no-repeat;
	font-size:17px;
	line-height:30px;
	height:30px;
	width:246px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 35px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
}
.cadre h1 a{
	text-decoration:none;
	color:#FFFFFF;
}
.cadre h1 a:hover{
	text-decoration:none;
}