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

/*===============================
	global style resetting */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: normal;
	font-family: inherit;
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul {
	list-style: none;
}

q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

* { outline: none; }


/*===============================
	links */
	
a:link {text-decoration: none; color: #4c4c4c;}
a:visited {text-decoration: none; color: #4c4c4c;}
a:active {text-decoration: none; color: #4c4c4c;}
a:hover {text-decoration: underline; color: #fe6602;}

/*===============================
	H1H2H3H4 */

h1.titreContent{
	font:13px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#e1001a;
	margin-bottom:12px;
	padding:0;
	border-bottom:1px solid #cacaca;
	background-color:#f5f1f0;
}

h1.titreContent a{color:#e1001a; text-decoration:none;}

h2{font-size:13px;}

h2.titreProd{
	font-size:13px;
	padding:2px;
	color:#fe6602;
	font-weight:bold;
	margin-bottom:8px;
	background:url(../images/interface/fd_titre-prod.gif) repeat-x;
}

h3{color:#fe6602;}


/*===============================
	Elements */

select{font-size:11px;border:1px solid #b9ce68;}


/*===============================
	Main Layout and Structure  */
	
html, body{}

body{
	font:11px Arial, Helvetica, sans-serif;
	color:#7e7e7e;
	line-height:14px;
	background-color:#c0c0c0;
}

h1,h2{
	color:#000;
	margin-bottom:20px;
}

#wrapper{
	width:950px;
	margin:0 auto;
	background-color:#fff;
}

#header{
	position:relative;
	width:950px;
	height:109px;
}

#content{width:940px; padding:10px 0 10px 10px;}

#content ul {
	list-style : disc;
	list-style-position : inside;
	padding-left : 30px;
}

#colG{
	float:left;
	width:610px;
	padding-right:9px;
}

#colGC{
	float:left;
	width:581px;
	padding-right:44px;
}

#colD{
	float:left;
	width:305px;
}

#footer{
	width:950px;
	height:30px;
	background:url(../images/interface/footer_bg.gif) repeat-x top;
	padding-top:6px;
}



/*===============================
	Header  */
	
#logo{
	float:left;
	width:328px;
	height:88px;
}

	#logo a{
		display:block;
		width:328px;
		height:88px;
	}
	
	#logo span{display:none;}
	
#headerImg{
	float:left;
	width:317px;
	height:88px;
}

#headerSel{
	float:left;
	background:url(../images/interface/header_user.jpg) no-repeat;
	width:305px;
	height:88px;
}

#lstEnt{
	position:relative;
	width:280px;
	text-align:right;
	top:22px;
}

#panelUser{
	position:relative;
	width:280px;
	top:44px;
	left:6px;
}

#f_search{float:left; margin-right:18px;}


/*===============================
	Footer  */
	
#footer ul{list-style:none; padding:2px 0 0 6px;}
#footer ul li{display:inline; padding:2px; color:#fff;}
#footer ul li a{color:#fff;}


/*===============================
	Home  */

#edito{padding:16px 0 12px 0; width:581px;}
	

/*===============================
	Navigation  */

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  float:left;
  width: 950px; /*For KHTML*/
  list-style: none;
  height: 21px;
  background:url(../images/interface/menu_bg.gif) repeat-x;
}

ul#navmenu-h li {
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 21px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  display: none;
  position: absolute;
  top: 21px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 200px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  padding: 4px 18px 1px 8px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font-weight:bold;
  font-size:11px;
  text-transform:uppercase;
  text-decoration: none;
  height:16px;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a,
ul#navmenu-h li.active a {background:url(../images/interface/menu-act_bg.gif) repeat-x;overflow:auto;}

/* 2nd Menu */
ul#navmenu-h li:hover li,
ul#navmenu-h li.iehover li {height:21px;}

ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  padding:4px;
  height:14px;
  background:url(../images/interface/menu_bg.gif) repeat-x;
  color: #fff;
  font-size:11px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a,
ul#navmenu-h li:hover li.active a {background:url(../images/interface/menu-act_bg.gif) repeat-x;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}


/*===============================
	Accès extranet  */
#f_extra{
	width:180px;
	margin:18px auto;
	border:2px solid #f4f4f4;
	border-bottom-color:#efefef;
	border-right-color:#efefef;
	background:url(../images/interface/extranet_bg.jpg) top repeat-x;
	padding:10px;
}

#f_extra label{display:block;font-size:12px;}

/*===============================
	Plan  */

ul#planSite {
  width: 581px; /*For KHTML*/
  list-style: none;}

ul#planSite li{
	padding:8px 0 6px 8px;
	margin-bottom:4px;
	width:569px;
	background:#fdfdfd;
	border-left:4px solid #eee;
	font-size:12px;}

ul#planSite li li{
	width:128px;
	height:20px;
	padding:4px 0 0 8px;
	margin-bottom:2px;
	background-color:#fff;
	border-left:2px solid #dcdcdc;
	font-size:11px;}

ul#planSite ul{margin-top:8px;}
ul#planSite a{color:#737272;}
ul#planSite a:hover{color:#fe6602; text-decoration:none;}

/*===============================
	Glossaire  */
	
div.blocDef{
	padding:6px;
	margin-bottom:8px;
	background-color:#F9F9F9;
	border-bottom:1px dotted #D5D5D5;
}

table.FilterList td{padding:4px 2px 1px 2px;}

table.FilterList td a.linkButton{
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#e42219;
	padding:1px 2px 1px 2px;
	margin:0;
}

.panelGlo{
	margin-bottom:12px;
	background-color:#fefefe;
	border:1px solid #f4f4f4;
}

/*===============================
	Partenaire */

ul.partenaire li{
	padding:6px;
	margin-bottom:8px;
	background-color:#F9F9F9;
	border-bottom:1px dotted #D5D5D5;
	list-style-type: none;
}



/*===============================
	Form  */
	
input.search{
	border:1px solid #fff;
	background:url(../images/interface/input_bg.gif) no-repeat;
	width:127px;
	height:17px;
	color:#000;
}

input.btn,
a.btn{
	width:74px;
	height:22px;
	background:url(../images/interface/large_btn_bg.jpg) no-repeat;
	color:#fff;
	cursor:pointer;
	border:0 none;
	font:10px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#headerSel input.btn{
	width:30px;
	background:url(../images/interface/btn_bg.jpg) no-repeat;
}


a.btn{display:block;float:right;padding:6px 0 0 7px;width:71px; height:16px;}
a.btn:hover,a.btn:active,a.btn:link,a.btn:visited{text-decoration:none;}

fieldset.vtform{
	border:none;
	padding:4px;
	margin-bottom:6px;
}

fieldset.vtform label{font-weight:bold;}

.blocLabel{
	padding:4px;
	color:#484848;
	font-weight:bold;
	vertical-align:top;
	width:180px;
	margin-bottom:8px;
}

.blocLabel label{border-left:4px solid #e6e6e6; padding-left:4px;}

.blocInput{
	margin-bottom:8px;
	padding:4px;
}

input.contact{
	border:1px solid #e3e3e3;
}

/*===============================
	Box */

div.box{float:left;width:297px; margin-right:8px; margin-bottom:12px;}
	div.box .bCol{float:left; width:28px; height:26px; border-bottom:1px solid #000;}
	div.box .bTitle{float:left; width:242px; height:20px; border-bottom:1px solid #000; color:#fff; text-transform:uppercase; font-size:13px; padding:6px 0 0 6px;}
	div.box .bRight{float:left; width:21px; height:26px; border-bottom:1px solid #000;}
	div.box .bContent{float:left; width:274px;border:1px solid #000; border-top:none;}
	
	
ul.listBox li{
	margin-bottom:6px;
	padding-bottom:4px;
	border-bottom:1px dotted #e6e6e6;
}

ul.listBox li a{color:#fe6602;}

/*===============================
	Produits */
	
#slideMenu{
	width:930px;
	background:url(../images/interface/slide_bg.gif) repeat-y;
}

#slideMenu .sltop{height:12px;background:url(../images/interface/slidetop_bg.gif) no-repeat;}
#slideMenu .slbottom{height:11px;background:url(../images/interface/slidebottom_bg.gif) center bottom no-repeat;}
#slideMenu .slcontent{
	width:926px;
	overflow:hidden;
	padding:16px;
	padding-top:4px;
}

#slideMenu .slcontent div{
	width:220px;
	float:left;
}

#slideMenu .slcontent div ul{
	padding-right:18px;
	list-style-type:none;
}

#slideMenu .slcontent div ul li.c1cat, #slideMenu .slcontent div ul li.c1{
	padding:3px;
	font-size:12px;
	font-weight:bold;
	border-left:4px solid #e1011b;
	background-color:#c0c0c0;
	margin:4px 0 2px 0;
	color:#e1011b;
}
#slideMenu .slcontent div ul li.c1 a{color:#e1011b;}
#slideMenu .slcontent div ul li.c1 a:hover{text-decoration:none;}

#slideMenu .slcontent div ul li.c2{
	padding:2px;
	padding-left:10px;
	color:#292929;
	background:url(../images/interface/puce_c2.gif) top left no-repeat;
}
#slideMenu .slcontent div ul li.c2cat{
	padding:1px 1px 1px 16px;
	font-size:12px;
	border-left:4px solid #cecece;
	background-color:#fafafa;
	margin:4px 0 2px 0;
}
#slideMenu .slcontent div ul li.c2 a{
	color:#292929;
}
#slideMenu .slcontent div ul li.c3{
	padding:2px;
	padding-left:20px;
	color:#292929;
	background:url(../images/interface/puce_c3.gif) top left no-repeat;
}
#slideMenu .slcontent div ul li.c3 a{
}

.slideMenuBtn{width:930px;height:20px;background:url(../images/interface/slidebtn_bg.gif) no-repeat;}
.slideMenuBtn a.up{display:block;float:left;width:465px;height:17px; text-align:center;padding-top:3px;color:#FE6602}
.slideMenuBtn a.down{display:block;float:left;width:465px;height:17px; text-align:center;padding-top:3px;}
.slideMenuBtn a:hover{text-decoration:none;}


div.prodList{
	float:left;
	width:274px;
	height:148px;
	border-bottom:4px solid #f3f3f4;
	border-right:4px solid #f3f3f4;
	padding:6px;
	background-color:#f7f7f9;
}

#medias{margin-top:22px;}

.file{padding:6px; background-color:#f9f6f6;border-bottom:1px solid #e6e1e1;}

a.pdf{
	display:block;
	float:left;
	width:50px;
	height:50px;
	background:url(../images/interface/pdf.jpg) no-repeat;
}
a.pdf:hover{text-decoration:none;}
a.legendePdf{
	float:left;
	margin:8px 0 0 0;
}


/*===============================
	View ORM */

#div_ged{padding:10px 0 10px 0;}

.viewOrm{width: 100%;background-color:#FFF;}

.viewMenu tr td, .viewOrm tr td{text-align:left;}

.blocEntete{
	padding:1px;
	padding-left:2px;
	background:#FFF url(../images/interface/bgentete.gif) repeat-x bottom;
	border: 1px solid #EAEDF4;
	border-left:1px solid #FFF;
	border-top:0;		
	color: #222;}
	
.blocFleche{
	width:11px;
	height:14px;
	padding:1px;
	font-size: 4px;
	float:right;
	display:block;}

.enteteLabel{
	float:left;
	font-size:10px;
	color:#444;
}
	
a.ArrowUp, a.ArrowUpSel{				
	float:right;
	display:block;				
	width:10px;
	height:14px;
	margin:2px;
	text-align:center;
	font-weight:bold;
	background:url(../images/interface/arrow_up.gif) no-repeat;
	background-position: 0 0;		}
	
a.ArrowBot, a.ArrowBotSel{
	float:right;
	display:block;				
	width:10px;
	height:14px;
	margin:2px;
	text-align:center;
	font-weight:bold;
	background:url(../images/interface/arrow_bot.gif) no-repeat;
	background-position: 0 0;}
	
tr.tuple1, tr.tuple0{
	color: #1F1F1F;
	text-decoration: none;
	background-color: #FFF;
}

tr.tuple0{background-color: #FDFDFD;}

tr.tuple0hover, tr.tuple1hover{color: #8CA015;background-color: #FCFFCB;}

tr.tuple0sel, tr.tuple1sel{color: #8CA015;background-color: #F5FFBD;}

tr.tuple1 td, tr.tuple0 td,
tr.tuple0hover td, tr.tuple1hover td,
tr.tuple0sel td, tr.tuple1sel td{				
	padding: 5px 1px;
	height:28px;
	border-top:1px solid #EEE;
	border-left:1px solid #F1F1F1;}

.blockComponent{
	 border:1px solid #BBB; 
	 border-left:0;
	 border-right:0;
	 border-top:1px solid #FFF;	
	 background:#F0F7FF url(../images/interface/grey.gif) repeat-x bottom;}


/*===============================
	Search */

.blocSearch{padding:10px 4px 2px 6px;}

.bloc-result{
	padding:8px 0 6px 8px;
	margin-bottom:4px;
	background:#f9f9f9;
	border-left:4px solid #eee;
}

/*===============================
	Reseau */

#reseau-form{
	float:left;
	width:300px;
}

#reseau-illustration{
	float:right;
	background:url(../images/interface/carte.jpg) no-repeat;
	width:216px;
	height:125px;
}

/*===============================
	Paginator */

div.paginator{
	float:right;
	padding-right:6px;
	margin-top:20px;
	text-align:right;
	width:382px;
}

div.paginator span.actif{
	border:1px solid #545454;
	background-color:#f9f9f9;
	color:#545454;
	margin:0 1px 0 1px;
	padding:2px 5px 2px 5px;
}

div.paginator a:link,
div.paginator a:active,
div.paginator a:visited{
	border:1px solid #fff;
	background-color:#545454;
	color:#fff;
	padding:2px 5px 2px 5px;
	text-decoration:none;
}

div.paginator a:hover{
	border:1px solid #545454;
	background-color:#f9f9f9;
	color:#545454;
	padding:2px 5px 2px 5px;
	text-decoration:none;
}

div.paginator span.nbresult{
	font-style:italic;
	color:#aeaeae;
}

#paginator{
	padding:0;
	text-align:left;
	float:left;
	margin-left:4px;}

#paginator span.nbresult{
	font-style:italic;
	color:#aeaeae;}

/*===============================
	Class  */
	
.clear { 
	clear:both; 
	line-height:1px;
}

.right{text-align:right;}

.next{
	display:block;
	float:right;
	margin:2px;
	width:75px;
	height:20px;
	padding:4px 0 0 24px;
	background:url(../images/interface/btn_suite.jpg) no-repeat;
	font:10px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.next:link,a.next:active,a.next:hover,a.next:visited{color:#fff;text-decoration:none;}


.photoLeft,#medias a{float:left; margin-right:6px; border:2px solid #efefef}
a.photoLeft:hover,#medias a:hover{border:2px solid #cecfd0}

#adress{
	width:254px;
	margin-top:8px;
	background:url(../images/interface/adress_bg.jpg) no-repeat top right;
	background-color:#f5f5f5;
	border:3px dotted #e6e6e6;
	padding:8px;
	color:#000;}

#videobox{float:left;clear:both;padding:2px;}

.legend-video{
	font-style:italic;
	padding:2px 0 2px 4px;
	font-weight:normal;
	background-color:#f9f6f6;
	border-bottom:1px solid #e6e1e1;
	margin-bottom:4px;}

#ffscrollbarfix{
	position: absolute;
	top: 0;
	bottom:-0.1px;
	width: 1em;
	z-index:-1;
}


.cms-texte-a ul {
	text-indent:30px;
}