/***************************************
* reset.

ORANGE : #EC701C
VERT : #71B50E
Textes GRIS : #646567

***************************************/
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	line-height: 1;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align:top;
}
ol, ul {

}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/**/
input[type=hidden] {
	display: none !important;
}

/***************************************
* layout
***************************************/
b{
	font-size: 100%; /*110%*/
}
em{
	/*color: red; */
	font-style:italic;
}
#global{
	background: #fff url(images/bg_global.gif) top repeat-y;
	margin: 0 auto;
	width: 1000px;
}
#header{
	background: #fff url(images/header_top.gif) top repeat-x;
	height: 104px;
	position:relative;
	z-index:1;
}
#header .logo{
	position:absolute;
	left:16px;
}
	.logo a{
		/*background:url(images/codeo-logo.png) 0px 0px no-repeat;*/
		display:block;
		height:102px;
		width:245px;
	}
	.logo a:hover{
	}
	.logo span {
		position:absolute;
		left:-1000px;
	}

#header .anim {
	position:absolute;
	left:308px;
}

#header .accueil{
	position:absolute;
	top:8px;
	left:8px;
	z-index:1000;
}
	.accueil a{
		display:block;
		color:#6F6F6F;
		font-size:11px;
	}
	.accueil a:hover{
		color:#ED701C;
		text-decoration:none;
	}
	.accueil img{
		padding-bottom:1px;
		padding-right:1px;
	}

#header .accroche{
	position:absolute;
	top:86px;
	left:40px;
	z-index:1000;
}
	.accroche H1{
	display:inline;
		color:#58585A;
		font-size:11px;
	font-weight:normal;
	}
	.accroche a{
	display:inline;
		color:#58585A;
		font-size:11px;
	}
	.accroche a:hover{
		color:#58585A;
		text-decoration:none;
	}
	.accroche img{
		padding-right:3px;
	}

#header .flags{
	position:absolute;
		display:block;
	top:84px;
	right:250px;
	z-index:1000;
}

#header .catalogue{
	position:absolute;
	top:71px;
	right:27px;
	z-index:1000;
}
	.catalogue H6{
		display:inline;
		color:#fff;
		font-size:17px;
		font-weight:bold;
	}
	.catalogue img{
		padding-top:1px;
		padding-right:2px;
	}
#pageContainer{
	float: left;
	width: 100%;	
	padding-top:46px;
}
#pageContent {
	margin-left: 16px; /*Set right margin to RightColumnWidth*/
	margin-right: 248px; /*Set right margin to RightColumnWidth*/
}
#catalogue{
	background:none;
	float: left; 
	margin-left: -244px; 
	width: 244px;
}
/*	
	#catalogue li a{
		position:relative;
		background: #fff url(images/catalogue-famille.gif) no-repeat;
		cursor:pointer;
		float:left;
		text-decoration:none;
		display:block;
		width:187px;
			padding-right:30px;
		height:31px;
			padding-top:12px;
		min-height:auto;
		border-bottom:5px solid #fff;
		font-size:14px;
		text-align:right;
		border:1px solid #000;
	}
	
	#catalogue span {
		color:#fff;
		position:absolute;
		padding-left:30px;
		right:30px;
		bottom:11px;
		display:block;
		text-align:right;
		border:1px solid #000;
	}
*/

	#catalogue ul {
	list-style: none;
	}
	
	#catalogue li.video a.video{
		position:relative;
		background: #fff url(images/catalogue-famille.gif) no-repeat;
		cursor:pointer;
		float:left;
		text-decoration:none;
		display:block;
		width:187px;
			padding-right:30px;
		height:43px;
		min-height:auto;
		border-bottom:5px solid #fff;
		font-size:14px;
		text-align:right;
	}
	
	#catalogue li a:hover.video {
		background-position: 0px -43px;
	}
	
	
	#catalogue li a{
		position:relative;
		background: #fff url(images/catalogue-familles.gif) no-repeat;
		cursor:pointer;
		float:left;
		text-decoration:none;
		display:block;
		width:187px;
			padding-right:30px;
		height:43px;
		min-height:auto;
		border-bottom:5px solid #fff;
		font-size:12px;
		text-align:right;
	}
	
	#catalogue span {
		color:#fff;
		padding-left:30px;
		right:30px;
		height:43px;
		display:block;
		text-align:right;
	}
	
	#catalogue li a:hover {
		background-position: 0px -43px;
	}
	#catalogue li a:hover span {
		color:#080808;
	}
	#catalogue li.active a {
		color:#ED6D26;
	}
	#catalogue li.active span {
	}
	#catalogue a.cat{
		background: #fff;
		color:#616161;
		cursor:pointer;
		text-decoration:none;
		display:block;
		width:161px;
			padding-left:27px;
		height:auto;
		min-height:20px;
		padding-top:0px;
		font-size:12px;
		text-align:left;
		font-family: Arial, sans-serif;
		background-image: url(images/puce-menu-instit.gif);
		background-position:18px 5px;
		background-repeat:no-repeat;
	}
	#catalogue a.maj{
		text-transform: uppercase;
	}
	#catalogue  a.cat:hover{
		color:#EC701C;
		background-position: 20px 5px;
	}

#tel{
	min-height:auto;
	position:relative;
	background: url(images/telephone.gif) no-repeat;
	display:block;
	width:183px;
	height:152px;
	color:#ED701C;
	margin-top:20px;
	margin-left:37px;
	clear:both;
}
	#tel span{
		position:absolute;
		top:76px;
		right:8px;
		font-size:21px;
		font-weight:bold;
		line-height:30px;
		color:#ED701C;
		width:150px;
	}

#mail{
	min-height:auto;
	position:relative;
	background: url(images/message.gif) no-repeat;
	color:#616161;
	cursor:pointer;
	display:block;
	width:183px;
	height:180px;
	color:#fff;
	margin-top:8px;
	margin-left:37px;
	clear:both;
}
	#mail span.ou{
		display:block;
		width:20px;
		height:20px;
		position:absolute;
		top:20px;
		left:8px;
		text-align:left;
		color:#9C9E9F;
		font-size:14px;
		padding:0px;
		margin:0px;
		font-weight:bold;
	}
	#mail span.message{		
		display:block;
		position:absolute;
		top:10px;
		right:8px;
		width:130px;
		text-align:left;
		color:#EC701C;
		font-size:16px;
		padding:0px;
		margin:0px;
		font-family: Arial, sans-serif;
		line-height:20px;
	}
	#mail span.rappel{		
		display:block;
		position:absolute;
		top:56px;
		left:8px;
		width:140px;
		text-align:left;
		color:#8A8A8A;
		font-size:12px;
		padding:0px;
		margin:0px;
		font-family: Arial, sans-serif;
	}
	#mail span.rappelbis{		
		display:block;
		position:absolute;
		top:160px;
		left:0px;
		width:180px;
		text-align:left;
		color:#8A8A8A;
		font-size:9px;
		padding:0px;
		margin:0px;
	}

#recherche{
	min-height:auto;
	position:relative;
	background: #fff url(images/bas-recherche.gif) no-repeat;
	color:#616161;
	cursor:pointer;
	display:block;
	width:217px;
	height:46px;
	color:#fff;
	margin-left:11px;
}

	#recherche form { 
	margin:0 auto;
	width:187px;
	padding-left:27px;
	padding-top:0px;
	vertical-align:top;
	}
	
	#recherche input.text  { 
		width:144px;
		border:0px #fff solid;
		font-size:12px;
		padding-top: 4px;
		padding-left: 8px;
		padding-bottom: 4px;
		margin:0px;
		color:#080808;
		font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	}
	
	#recherche input.bouton   { 
		width:25px; 
		height:24px;
		background-color:#EC701C;
		border:2px #fff solid;
		font-size:12px;
		color:#fff;
		padding-top: 2px;
		padding-bottom: 4px;
		margin-left:6px;
	}

	
#home #pageContainer{
	min-height:auto;
}
#home #catalogue{
}
#footer{
	clear: left;
	background: #fff url(images/bg_footer.gif) top left repeat-x;
	border-right:6px solid #fff;
	border-left:6px solid #fff;
	padding-top:6px;
}
#footer a{
	color: #808080;
	font-weight:normal;
}
#footer ul { 	
	list-style: none;
	margin-top:10px;
}
#footer li { 
	float:left; 
	padding-left:20px;
	padding-right:10px;
	width:166px;
}
#footer li li { 
	float:none; 
	margin-left:20px;
	padding-left:0px;
	width:100%;
	list-style: disc;
	list-style-image: url(images/puce-pied.gif);
	font-size:11px;
}
#footer .rub {
	margin-bottom:6px;
	display:block;
	color:#71B50E;
	font-size:14px;
	padding:2px 6px 2px 6px;
	background-color:#fff;
}
#footer a { 
	color:#808080;
	text-decoration:none;
}
#footer a:hover { 
	color:#4d4d4d;
	text-decoration:none;
}
#footer li li a { 
	margin:0;
}
#vide { 
	clear:left;
	height:12px;
	position:relative;
	background-color:#fff;
}
#pied { 
	clear:left;
	height:86px;
	position:relative;
}
	#pied  H1{ 
		position:absolute;
		left:12px;
		bottom:7px;
		display:block;
		font-size:20px; 
		color:#808080;
	}
	#pied  span{ 
		position:absolute;
		top:0px;
		right:0px;
		display:block;
	}
	
#legal { 
	clear:left;
	background-color:#808080;
	height:56px;
	position:relative;
	font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	border-right:1px solid #fff;
}
	#legal span.legal1 { 
		position:absolute;
		left:12px;
		top:3px;
		color:#E4E4E4;
		font-size:12px; 
	}
	#legal span.legal2 { 
		position:absolute;
		right:9px;
		color:#E4E4E4;
	}
	#legal span.legal3 { 
		position:absolute;
		right:9px;
		top:31px;
		color:#E4E4E4;
	}
	#legal a { 
		font-size:11px; 
		color:#fff;
	}
	#legal a:hover { 
		color:#fff;
		text-decoration:underline;
	}
	
.credit { 
	clear:left;  
	font-size:10px; 
	padding:4px 4px 20px 0;
	text-align:right;
	background-color:#fff;
}
.container{
	margin: 10px; 
	margin-top: 0;
}
#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}
html { min-height: 100%; margin-bottom: 1px; }

/***************************************

***************************************/
body {  
	/*background: #7DCA08 url(images/fond-page.gif) top left no-repeat;*/
	background-color:#979797;
	color:#666;
	font-size:  1em;
	line-height:1.35;/*1.4*/
	margin: 0;  
	padding: 0; 
}
body, p, h1, h2, h3, h4, h5, h6, td, th, input, select, textarea, label {
	font-family: verdana, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	font-size : 1em;
	color:#666;
}
input, select, textarea, label {
	/*font-size : 0.9em;
	color:#666;*/
}

a {
	color:#EC701C;
	text-decoration:none;
}
a:hover {
	color:#EC701C;
	text-decoration:underline;
}
p { 
		font-size:12px;
		font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
}

#menu a.menu2{
	color:#fff;
	font-size:15px;
	padding-right:6px;
}

#menu img {
	padding-right:6px;
}

#menu a.menu2:hover{
	color:#fff;
	text-decoration: none;
}

#menu {
	height:24px;
	position:absolute;
	top:109px;
	left:16px;
	width:717px;
	background-color:#ED701C;
	padding-left:10px;
	color:#fff;
	padding-top:2px;
	padding-left:19px;
	z-index:2000;
}

#menu div {
float:left;
}


#menu div ul {
position: absolute;
margin: 4px 0 0 0;
font-size:10px;
*margin:22px 0 0 20px;
*white-space: nowrap;
width:auto;
background-color:#A7A8AA;
}

#menu ul, #menu li {
margin: 0;
list-style-type: none;
list-style-position:outside;
}

#menu ul li {
color:#fff;
border:1px solid #fff;
}
	
#menu ul li a {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
display:block;
color:#fff;
text-decoration: none;
}

#menu ul li a:hover {
color: #fff;
background-color:#ED701C;
}

/*
#navt { 
	height:24px;
	position:absolute;
	top:109px;
	left:16px;
	width:726px;
	background-color:#ED701C;
	padding-left:10px;
}
#navt li {
	display:inline;
	line-height:24px;
	position:relative;
} 
#navt li a {
	color:#fff;
	font-size:15px;
	text-decoration:none;
	padding-left:9px;
}
#navt li a:hover {
	color:#fff;
}
#navt li.active a {
	color:#fff;
}
#navt img {
	padding-right:8px;
	padding-bottom:1px;
} 
#navt a {
	background-position: 0px 0px; 
	background-repeat:no-repeat;
	display:block; 
	float:left;
	height:24px; 
	line-height:24px;
}
#navt a:hover {background-position: 0px -45px;}
#navt li.active a {background-position: 0px -90px;}

#navt a span { position:relative;}
*/

#pageContent .container{ 
	margin-right:15px;
}
h1, h2, h3, h4, h5, h6 {color:#EC701C;}
h1 {
	color:#EC701C;
	font-size:156%; /*170%*/
	margin:0;
}
h1 a,
h1 a:hover {
	color:#EC701C;
	cursor:text;
	text-decoration:none;
}
h2 {
	/*border-bottom:1px solid #999;*/
	font-size:1.2em;
	padding-bottom:6px;
	margin:1.5em 0 6px;
}
.blocContent h2 {
	margin-top:0;
}
/*Widgets*/
#widgets {
	position:relative;
	display:block;
	width:100%;
	height:240px;
	font-size:10px;
}
#widgets p {
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
}
#widgets a {
	color:#EC701C;
	text-decoration:none;
}
#widgets a:hover {
	color:#646567;
	text-decoration:underline;
}
#widgets .widget {
	background: url(images/widget-fond.gif) top left no-repeat;	
	position:relative;
	display:block;
	width:234px;
	height:240px;
	float:left;
	background-color:#fff;
}
#widgets h4 {
	display:block;
	width:168px;
	border-bottom:1px solid #fff;
	font-size:22px;
	margin-top:12px;
	margin-bottom:12px;
	padding-bottom:12px;
	padding-right:10px;
	padding-left:56px;
	color:#EC701C;
	font-weight:bold;
	font-style:italic;
	text-align:left;
}

	
/*Marques*/
#marque {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	font-size:10px;
}
#marque  H4{
	display:block;
	font-size:22px;
	margin-bottom:2px;
	margin-top:2px;
	padding-bottom:2px;
	padding-right:10px;
	padding-left:10px;
	color:#EC701C;
	font-weight:bold;
	font-style:italic;
	text-align:left;
}

	
/*************************************
**  PAGE CONTENU
*************************************/


#video {
	position:relative; 
	min-height:auto;
	font-size:12px;
	min-height:100%; 
	background-color:#fff;
	}
	
	#video .ariane {
		background: url(images/ariane.gif) top left no-repeat;
		width:736px;
		height:38px;
		position:relative;		
		padding-top:12px;
		font-size:8px;
		}

	#video .ariane a {
			color:#676767;
			font-size:10px;
			display:inline;
		}

		#video h2 {
				position:relative;
				background: url(images/catalogue-top.gif) top right no-repeat;	
				width:695px;
					padding-right:41px;
				height:29px;
				margin:0px;
				font-size:24px;
				color:#fff;
				font-style:italic;
				letter-spacing:1px;
				text-align:right;
				vertical-align:bottom;
			}

			#vid {
				position:relative;
				font-size:12px;
				display:block;
				min-height:110px;
				}

			#vid .video {
				position:relative;
				font-size:12px;
				display:block;
				min-height:110px;
				height:auto;
				padding-bottom:8px;
				margin-bottom:16px;	
				border-bottom:#646464 1px dashed;
				}

			#vid h3{
				margin-bottom:16px;
				font-size:14px;
				}

			#vid img {
					float:left;
					border:#E6E6E6 1px solid;
					padding:3px;
					margin-right:15px;
					height:66px;
					width:66px;
				}

			#vid img.play {
					position:absolute;
					top:52px;
					left:28px;
					height:32px;
					width:20px;
					border:#E6E6E6 0px solid;
				}

		
	#videoin {
		position:relative;
		text-align:center; 
		padding-top:10px; 
		background-color: #f6f6f6; 
		background-image: url(images/catalogue-top-desc.gif); 
		background-repeat: no-repeat;
		width:100%;
		margin-top:10px;
		margin-bottom:10px;
	}

#page {
	position:relative; 
	min-height:auto;
	font-size:12px;
	min-height:100%; 
	background: url(images/page-fond.gif) top left repeat-y;
	}
	
	#page .ariane {
		background: url(images/ariane.gif) top left no-repeat;
		width:736px;
		height:38px;
		position:relative;		
		padding-top:12px;
		font-size:8px;
		}

	#page .ariane a {
			color:#676767;
			font-size:10px;
			display:inline;
		}

		#page h2 {
				position:relative;
				background: url(images/catalogue-top.gif) top right no-repeat;	
				width:695px;
					padding-right:41px;
				height:29px;
				margin:0px;
				font-size:24px;
				color:#fff;
				font-style:italic;
				letter-spacing:1px;
				text-align:right;
				vertical-align:bottom;
			}
	
	

		#page h5 {
				display:block;
					padding-right:8px;
				height:29px;
					padding-top:6px;
				margin:0px;
				font-size:14px;
				color:#AFAFAF;
			}
			
	#page .menu-page {
		position: relative;
		display:inline;
		background-color:#fff;
		width:166px;
		margin-right:15px;
		float:left;
		height: auto;
		}
		
		#page .menu-page h3 { 
			bottom:0;
			color:#ED6D26;
			font-size:18px; /*180%*/
			font-weight:300;
			margin:0px;
			display:block;
			width:168px;
			height:28px;
			padding-left:8px;
			padding-right:10px;
			padding-top:13px;
			background: url(images/top-menu-page.gif) top left no-repeat;	
			font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
			border-bottom:3px solid #fff;
			}
			
						
			#navt_n2 {
				bottom:0;
				font-size:12px;
				color:#616161;
				display:block;
				font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
				list-style: none;
			}

			#navt_n2 li a{
				color:#616161;
				cursor:pointer;
				float:left;
				text-decoration:none;
				background:#FFF;
				display:block;
				width:146px;
				background-image: url(images/puce-menu-instit.gif);
				background-position:9px 4px;
				background-repeat:no-repeat;
				border-top:8px solid #fff;
			}
			#navt_n2 li a span {
				float:left;
				min-height:27px;
				height:auto;
				line-height:14px;	
				margin-left:18px;
				margin-right:10px;				
			}
			#navt_n2 li a:hover {
				color:#ED6D26;
				background-position:11px 4px;
			}
			#navt_n2 li a:hover span {
				color:#ED6D26;
			}
			#navt_n2 li.active a {
				color:#ED6D26;
			}
			#navt_n2 li.active span {
			}
		
	#contenu-page {
		position: relative;
		width: 530px;
		height: auto;
		margin-left:181px;
		text-align:justify;
		font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
		padding-bottom:20px;
		}
		
	#contenu-page table {
		width: 530px;
		}
		
		#contenu-page h1{
		color:#EC701C;
		font-size:21px;
		margin-top:4px;
		margin-bottom:14px;
		margin-left:3px;
		text-align:left;
		}

		#contenu-page p {
				font-size:12px;
				display:block;
				text-align:left;
				font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
			}

		#contenu-page h1 a, #contenu-page h1 a:hover {
			color:#EC701C;
			cursor:text;
			text-decoration:none;
		}

		#contenu-page h2 {
				font-size:16px;
				display:block;
				color:#EC701C;
				text-align:left;
				font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
				margin:0px;
			}

		#contenu-page h3 {
				font-size:16px;
				color:#EC701C;
				text-align:left;
				font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
				margin:0px;
				display:inline;
			}
		
		
		#contenu-page ul {
			list-style: circle;
			padding-left:20px;
			margin-top:10px;
			font-size:12px;
			font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
		}

			
/*************************************
** LISTE
*************************************/

#liste {
	position:relative; 
	min-height:auto;
	min-height:100%; 
	}
	
	#liste .ariane {
		width:736px;
		height:52px;
		position:relative;	
		font-size:8px;	
		}

	#old_liste .ariane a {
			position:absolute;
			top:12px;
			left:0px;
			display:block;
			color:#676767;
			font-size:11px;
			padding-top:10px;
		}
		
	#liste .ariane a {
			color:#676767;
			font-size:10px;
			display:inline;
		}

		#liste h5 {
				background: url(images/catalogue-top.gif) top right no-repeat;	
				display:block;
				width:728px;
					padding-right:8px;
				height:29px;
					padding-top:6px;
				margin:0px;
				font-size:18px;
				color:#fff;
				font-style:italic;
				text-align:right;
			}

		#liste h1 {
				display:block;
				width:728px;
				padding-bottom:16px;
				margin:0px;
				font-size:20px;
				color:#EC701C;
				text-align:left;
			}

		#liste-prod {
				display:block;
				float:left;
				position: relative;
				width:140px;
				padding:14px;
				margin:0px;
				font-size:10px;
				text-align:center;
				margin-right:14px;
				height:230px;
			}

		#liste-prod:hover {
				background: url(images/widget-fond.gif) top left no-repeat;	
			}
			

		#liste-prod a {
			color:#707173;
			font-size:14px;
			text-decoration:none;
			}
			
		#liste-prod a:hover {
			text-decoration:none;
			color: #ec701c;
			}
			
		#liste-prod img {
				margin:0px;
				border:1px solid #ccc;
				margin-bottom:10px;
			}

		#liste-prod .bis {
					position: absolute;
					bottom:30px;
					left:14px;
			}

		#liste-prod .tiers {
					position: absolute;
					bottom:124px;
					left:14px;
			}
			
		#liste-prod img.bis , #liste-prod img.tiers{
				margin:0px;
				border:0px solid #ccc;
				height:30px; 
			}
				
		#refdevis {
				position: relative;
				width:100%;
				height:auto;
				margin-top:20px;
				text-align:justify;
			}

		#refdevis h3 {
				width:719px;
				display:block;
					padding-left:8px;
				height:27px;
					padding-top:4px;
				margin:0px;
				font-size:15px;
				color:#fff;
				text-align:left;
				background-color:#B0B0B0;
				border-bottom:3px solid #fff;
			}

		#refdevis li {
				display:block;
				height:27px;
					padding-top:4px;
				margin:0px;
				font-size:12px;
				color:#58585A;
				text-align:left;
			}

		#refdevis .ref {
				display:inline;
					padding-left:8px;
				width:150px;
				height:27px;
					padding-top:4px;
				margin:0px;
				font-size:12px;
				color:#58585A;
				text-align:left;
				border-left:1px solid #D2D2D2;
				border-right:1px solid #D2D2D2;
				border-bottom:1px dashed #D2D2D2;
				float:left;
			}
				
		#refdevis .trait{
				clear:both;
				width:726px;
				border-top:3px solid #DFDFDF;
				border-bottom:3px solid #DFDFDF;
				margin:0px;
				text-align:right;
			}
		
/*************************************
** PRODUIT
*************************************/

#produit {
	position:relative; 
	min-height:auto;
	font-size:12px;
	min-height:100%; 
	}
	
	#produit .ariane {
		width:736px;
		height:52px;
		position:relative;	
		font-size:8px;	
		}

	#old_produit .ariane a {
			position:absolute;
			top:12px;
			left:0px;
			display:block;
			color:#676767;
			font-size:11px;
			padding-top:10px;
		}
	#produit .ariane a {
			color:#676767;
			font-size:10px;
			display:inline;
		}

		#produit h5 {
				background: url(images/catalogue-top.gif) top right no-repeat;	
				display:block;
				width:728px;
					padding-right:8px;
				height:29px;
					padding-top:6px;
				margin:0px;
				font-size:18px;
				color:#fff;
				font-style:italic;
				text-align:right;
			}

		#produit h1 {
				display:block;
				background-color:#808080;
				width:409px;
					padding-left:8px;
				min-height:15px;
				height:auto;
					padding-top:2px;
				margin:0px;
				font-size:15px;
				color:#fff;
				text-align:left;
				border-bottom:3px solid #fff;
			}

		#produit h2 {
				display:block;
				background-color:#EC701C;
				width:409px;
					padding-left:8px;
				min-height:34px;
				height:auto;
					padding-top:3px;
				margin:0px;
				font-size:20px;
				color:#fff;
				text-align:left;
			}

		
			
		#produit .gen {
			width:736px;
			position:relative;	
			display:block;	
			height:auto;
			}

			
		#produit .desc {
				float:right;
				display:block;
				position: relative;
				background-color:#fff;
				width:425px;
				margin:0px;
				font-size:14px;
				color:#fff;
			}

		#produit .desc1{
				display:block;
				position: relative;
				width:417px;
				height:92px;
				margin:0px;
				font-size:14px;
				color:#fff;
				text-align:left;
				border-bottom:3px solid #fff;
			}

			#produit .desc1 .qt{
					display:block;
					position: absolute;
					top:4px;
					left:2px;
					margin:0px;
					font-size:16px;
					color:#EC701C;
					text-align:left;
					border-bottom:3px solid #fff;
					font-weight:bold;
					font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
				}

			#produit .desc1 .promo{
					display:block;
					position: absolute;
					top:35px;
					left:6px;
					margin:0px;
					font-size:16px;
					color:#EC701C;
					text-align:left;
					font-weight:bold;
					font-family: Arial, sans-serif;
				}

			#produit .desc1 .devis{
					display:block;
					position: absolute;
					top:14px;
					right:0px;
					margin:0px;
					color:#EC701C;
					text-align:left;
					font-weight:bold;
					font-family: Arial, sans-serif;
				}

			#produit .desc1 .devis a, #produit .desc1 .devis a:hover{
					display:block;
					position: absolute;
					top:4px;
					left:12px;
					margin:0px;
					color:#fff;
					text-align:left;
					font-size:20px;
					font-weight:bold;
					font-family: Arial, sans-serif;
					text-decoration:none;
					line-height:20px;
				}

		#produit .desc2{
				background: #F6F6F6 url(images/catalogue-top-desc.gif) top left no-repeat;	
				display:block;
				position: relative;
				width:389px;
				padding:12px 14px 12px 14px;
				margin:0px;
				font-size:12px;
				color:#646567;
				text-align:justify;
				height:auto;
			}

		#produit .desc3{
				background: #fff;
				position: relative;
				width:389px;
				padding:12px 14px 12px 14px;
				margin:0px;
				font-size:12px;
				color:#646567;
				height:40px;
			}

		#produit a.pdf{
				background: #F6F6F6 url(images/pdf.gif) top left no-repeat;	
				display:block;
				float:right;
				width:117px;
				height:36px;
				margin-right:0px;
				font-size:12px;
				padding-top:4px;
				padding-left:50px;
				color:#E33C23;
			}

		#produit a.pdf:hover{
				background: #F6F6F6 url(images/pdf-on.gif) top left no-repeat;	
			}

		#produit a.video, #page a.video {
				background: #F6F6F6 url(images/video.gif) top left no-repeat;	
				display:block;
				width:117px;
				height:28px;
				margin-right:0px;
				font-size:12px;
				padding-top:12px;
				padding-left:50px;
				color:#E33C23;
			}

		#produit a.video:hover, #page a.video:hover {
				background: #F6F6F6 url(images/video-on.gif) top left no-repeat;	
			}

		#produit img.img{
				display:block;
				margin:0px;
				border:1px solid #ccc;
				margin-bottom:10px;
				font-size:8px;
				color:#333;
			}


		#produit img.imgbis{
				display:block;
				margin:0px;
				border:1px solid #ccc;
				margin-right:12px;
				float:left;
				margin-bottom:12px;
			}

		#produit .photo {
				display:block;
				position: relative;
				background-color:#fff;
				width:291px;
				margin:0px;
				font-size:14px;
				color:#fff;
			}

			#produit .photo span.marque {
					z-index:999;
					display:block;
					position: absolute;
					top:243px;
					left:1px;
					margin:0px;
					color:#999;
					text-align:left;
					font-weight:bold;
				}

			#produit .photo span.garantie {
					z-index:999;
					display:block;
					position: absolute;
					top:198px;
					right:13px;
					margin:0px;
					color:#999;
					text-align:left;
					font-weight:bold;
				}

			#produit .noncontractuel {
					z-index:1000;
					display:block;
					position: absolute;
					top:270px;
					left:10px;
					margin:0px;
					color:#999;
					text-align:left;
					font-weight:normal;
					font-size:10px;
				}
				
		#ref {
				position: relative;
				width:727px;
				display:block;
				min-height:27px;
				margin-top:20px;
				text-align:justify;
				clear:both;
				border-left:1px solid #D2D2D2;
				border-right:1px solid #D2D2D2;
			}

		#ref h3 {
				width:719px;
				display:block;
					padding-left:8px;
					padding-top:2px;
					padding-bottom:2px;
				margin:0px;
				font-size:15px;
				color:#fff;
				text-align:left;
				background-color:#B0B0B0;
				border-bottom:3px solid #fff;
			}

		#ref ul {
			list-style: none;				
			}

		#ref li {
				display:block;
					padding-top:2px;
					padding-bottom:2px;
				margin:0px;
				font-size:12px;
				color:#58585A;
				text-align:left;
				border-bottom:1px dotted #D2D2D2;
			}

		#ref .ref {
				display:inline;
					padding-left:8px;
				width:150px;
					padding-top:4px;
				margin:0px;
				font-size:12px;
				color:#58585A;
				text-align:left;
				float:left;
			}

		#ref .caract {
				width:546px;
					padding-left:20px;
					padding-top:4px;
				margin:0px;
					margin-left:160px;
				font-size:12px;
				color:#58585A;
				text-align:left;
				border-left:1px solid #D2D2D2;
			}
				
		#ref .trait{
				clear:both;
				width:727px;
				border-top:3px solid #fff;
				border-bottom:3px solid #DFDFDF;
			}
				
		#lies {
				position: relative;
				width:726px;
				height:260px;
				margin-top:40px;
				text-align:justify;
				background-image: url(images/lies-fond.gif);	
				background-position: 0px 34px;	
				background-repeat:  repeat-x;
			}

		#lies span {
				width:727px;
				display:block;
				height:27px;
				padding-top:4px;
				margin:0px;
				font-size:18px;
				text-align:left;
				font-weight:bold;
				color:#B0B0B0;
			}
				
		#lies a {
				display:block;
				float:left;
				width:100px;
				height:220px;
				margin-top:10px;
				margin-left:12px;
				text-align:center;
				color:#707173;
			}
				
		#lies a:hover {
				color:#EC701C;
				text-decoration:none;
			}
			
		#lies img {
				margin:0px;
				border:1px solid #ccc;
			}


		
/*************************************
**  Homepage
*************************************/
#home #global {}
#home #header{ height:104px;} /* vert = #83b300 */
#home #navt { background-color:#ED701C; }
#home #pageContent .head { display:none; }
#home #pageContent {	margin-top:0px; }
#home #pageContent .container { margin-right:5px;/*15px*/}
#home .widget {margin-left:0;}

/*************************************
**  Form tableLess
*************************************/

fieldset {
	border:1px solid #CCC;
	padding:10px;
	margin-top:20px;
}
legend {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;*/
	position : absolute;
	top:20px;
}
label {
	width:142px;
	/*height:25px;*/ /*35px*/
	margin-top:3px;
	margin-right:2px;
	/*padding-top:11px;
	padding-left:6px;
	background-color:#666;*/
	float:left;
	display: block;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 115%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#666;*/
	text-align:right;
}
form input.caseForm { width:20px;}
span.caseForm { /*font-size:0.8em;*/}
.holder {
	background-color:#fff;
}
.div_texbox {
	width:347px;
	float:right;
	/*background-color:#E6E6E6;*/
	/*height:35px;*/
	margin-top:3px;
	/*padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;*/
}
.textbox {
	/*background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;*/
	width:285px;
	/*font:normal 18px Arial;
	color: #999999;*/
	/*padding:3px 5px 3px 19px;*/
}
.textbox:focus, .textbox:hover {
	background-color:#f0f7fa;
}
input.checkbox {width:auto !important;}
.username {
    /*background-image: url(images/16m.png);
    background-repeat: no-repeat;
    background-position:left;*/
	width:285px;
    /*font:normal 18px Arial;
    color: #999999;*/
    /*padding:3px 5px 3px 19px;*/
}
.username:focus, .username:hover {
	background-color:#f0f7fa;
}
.password {
    /*background-image: url(images/16s.png);
    background-repeat: no-repeat;
   	background-position:left;*/
	width:285px;
    /*font:normal 18px Arial;
    color: #999999;*/
    /*padding:3px 5px 3px 19px;*/
}
.password:focus, .password:hover {
	background-color:#f0f7fa;
}
.button_div {
	width:287px;
	float:right;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:right;
	height:35px;
	margin-top:3px;
	padding:5px 32px 3px;
}
.buttons {
	background: #e3e3db;
	font-size:12px; 
	font-weight:bold;
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
}


a.envoyer{
		color:#616161;
		cursor:pointer;
		text-decoration:none;
		display:block;
		width:203px;
		height:28px;
		padding-top:6px;
		font-size:12px;
		text-align:center;
		font-family: Arial, sans-serif;
		background-image: url(images/envoyer.gif);
		background-repeat:no-repeat;
	}

	a.envoyer:hover{
		color:#EC701C;
		background-position: 0px -34px;
	}

/**/
.oblig { color:#f41f26; /*font-size:80%; */padding-left:3px;}
.error {
	background:#f5f5f5;
	margin-bottom:6px;
}
.error input,
.error textarea,
.error select { border:1px solid #f41f26;}
.error label { 
	color:#f41f26;
}
.error li {list-style:disc; padding-left:16px;}

.div_textbox  { margin-bottom: 3px;}
.error .div_textbox {
	background-image: url(images/error.png);
	background-attachment: scroll;
	background-position: 99% 50%;
	background-repeat: no-repeat;
	padding-top:10px;
	padding-bottom:10px;
}
.widget .error .div_textbox {
	background-image:none;
}
.error label {
	margin-top:10px;
}
.alert{ 
	border:1px solid #f41f26; 
	background:#f5f5f5; 
	color:#f41f26; 
	margin-bottom:1em; 
	padding:10px 20px; 
	/*font-size:0.9em;*/
}
.widget  .alert {
	padding:5px 10px; 
}
.alert b {
	font-weight:300; 
	/*margin-left:30px;*/
}
.alert ul {margin-top:6px;}
.alert li {list-style:disc; margin-left:32px;}

.error ul { /*margin:0;*/}


/**/
.clearBoth {  
	clear:both; 
	font-size:0px;
	height:0; 
	line-height:0;
}

/* Forms*/


				
		#refdevis {
				position: relative;
				width:100%;
				height:auto;
				margin-top:20px;
				text-align:justify;
				clear:both;
			}

		#refdevis h3 {
				width:719px;
				display:block;
					padding-left:8px;
				height:27px;
					padding-top:4px;
				margin:0px;
				font-size:15px;
				color:#fff;
				text-align:left;
				background-color:#B0B0B0;
				border-bottom:3px solid #fff;
			}

		#refdevis li {
				display:block;
				height:27px;
					padding-top:4px;
				margin:0px;
				font-size:12px;
				color:#58585A;
				text-align:left;
			}

		#refdevis .ref {
				display:inline;
					padding-left:8px;
				width:719px;
				height:27px;
					padding-top:4px;
				margin:0px;
				font-size:12px;
				color:#58585A;
				text-align:left;
				border-left:1px solid #D2D2D2;
				border-right:1px solid #D2D2D2;
				float:left;
			}
				
		#refdevis .trait{
				clear:both;
				width:726px;
				border-top:3px solid #fff;
				border-bottom:3px solid #DFDFDF;
			}
				

.form { 
	margin:0 auto;
	width:100%;
}

.form .legend,
.legendTable {
	font-weight:bold;
} 

.form label {
	float: left;
	margin-right:6px;
	text-align:right;
	width:350px; 
} 

.form input  {
	background-image: url(images/input-fond.gif);
	width:208px;
	border:1px solid #efefef;
	padding:4px;
	font-size:12px;
	color:#38393C;
	}
	
.form select { 
	background-image: url(images/input-fond.gif);
	width:217px;
	border:1px solid #efefef;
	padding:4px;
	background-color:transparent; 
	font-size:12px;
	color:#38393C;
	}
	
.form textarea {  
	background-image: url(images/input-fond.gif);
	height:4.25em;
	width:208px;
	padding:4px;
	border:1px solid #EDEEEE;
	margin-left:2px;
	font-size:12px;
	color:#38393C;
}

.form  .line { margin:3px;}

.form .case label,.form .case input {
	float:left;
	min-width:20px;
	width:auto;
}

.form li {
display:block;
list-style:none; 
font-size:12px;
margin-top:10px;
}

.form .desc {
	font-size:10px;
	margin-top:1em;
	text-align:right;
	padding-bottom:10px;
}
.form select:hover {
	background-color:#fff; 
	border:1px solid #B0B0B0;
	}
	
.form input:hover {
	background-image: url(images/input-fondbis.gif);
	border:1px solid #B0B0B0;
	}
	
.form textarea:hover {
	background-image: url(images/input-fondbis.gif);
	border:1px solid #B0B0B0;
	}
	
#civilite {width:auto;}

/**/
.leftTD  { 
	padding-right:10px;
	text-align:right;
}
.recapTable h4 { margin:1em 0 0.5em; }





/* DIAPORAMA */



/* Diaporama BANNIERE TOP */

#boxtop{
	position:absolute;
	width:660px;
	height:102px;
}
#boxtop span{
	width:660px;
	height:102px;
	z-index:1;
}

#infotop{
	top:0;
}



/* ********************************** */


.info{
	width:660px;
	_width:660px;
	height:102px;
	position:absolute;
	margin-top:176px;
	background-color:transparent;
}
.masktop{
	position:relative;
	width:660px;
	height:102px;
	overflow:hidden;
}

.rubrique H2 a {
	position:absolute; 
	top:175px; 
	left:0px;
	display:block; 
	width:714px;
	font-size:25px;
	font-weight:bold;
	color:#fff;
	margin:0px;
	padding-left:11px;
	padding-right:11px;
	z-index:1000;
	font-style:italic;
	/*background:#ccc;*/
}

.rubrique a:hover {
	text-decoration:none;
}
	
	
/* Diaporama HOME */

#box5{
	position:absolute;
	width:736px;
	height:341px;
}
#box5 span{
	width:736px;
	height:341px;
	z-index:1;
	background-color:transparent;
}

#info5{
	top:0;
}



/* ********************************** */


.info{
	width:736px;
	_width:716px;
	height:158px;
	height:_1058px;
	position:absolute;
	margin-top:176px;
	background-color:transparent;
}
.info p{
	margin:0px;
	font-size:10px;
}
.mask2{
	position:relative;
	width:736px;
	height:341px;
	overflow:hidden;
}

.bulle {
	position:absolute; 
	top:12px; 
	left:240px;
	display:block; 
	background: url(images/bas-bulle.png) bottom center;
	border-top:2px solid #fff; 
	font-size:11px;
	width:120px;
	font-weight:bold;
	color:#fff;
	padding:10px 10px 30px 10px;
}

.rubrique H2 a {
	position:absolute; 
	top:175px; 
	left:0px;
	display:block; 
	width:714px;
	font-size:25px;
	font-weight:bold;
	color:#fff;
	margin:0px;
	padding-left:11px;
	padding-right:11px;
	z-index:1000;
	font-style:italic;
	/*background:#ccc;*/
}

.rubrique a:hover {
	text-decoration:none;
}

.teasing H3 a{
	position:absolute; 
	top:205px; 
	left:0px;
	display:block; 
	width:714px;
	height:31px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin:0px;
	padding-left:11px;
	padding-right:11px;
	z-index:1000;
	font-style:italic;
	/*background:#ccc;*/
}

.teasing a:hover {
	text-decoration:none;
}

.description {
	position:absolute; 
	top:238px; 
	left:0px;
	display:block; 
	width:714px;
	font-size:14px;
	color:#626262;
	margin:0px;
	padding-left:11px;
	padding-right:11px;
	padding-top:3px;
	z-index:1000;
	height:120px;
	border-top:4px solid #fff;
	/*background:#ccc;*/
}

.description p {
	text-align:justify;
	font-size:13px;
}

.plus a{
	position:absolute; 
	top:314px; 
	right:6px;
	display:block; 
	font-size:11px;
	color:#E43E26;
	margin:0px;
	padding:2px 4px 2px 4px;
	border:1px solid #E3E3E3; 
	background:#fff;
	z-index:1500;
	font-family: Arial, sans-serif;
	/*text-transform:lowercase;*/
}

a.plus {
	position:absolute; 
	top:310px; 
	right:9px;
	display:block; 
	font-size:1px;
	color:#E43E26;
	margin:0px;
	padding:2px 6px 2px 6px;
	border:1px solid #E3E3E3; 
	background:#fff;
	z-index:2000;
	font-family: Arial, sans-serif;
}

span img{
	border:none;
}


.buttons{
	position:absolute; 
	top:12px; 
	right:12px;
	display:block; 
	text-align:right; 
	z-index:2000;
	background-color:transparent;
	border:0px solid #DCDCDC; 
	margin:0px;
	padding:0px;
	z-index: 950;
	}
	
.buttons span{
	color:#3691C0;
	padding:0 5px;
	cursor:pointer;
	font-size:9px;
	background-color:transparent;
	border:0px solid #DCDCDC; 
	}
	


/* Diaporama PROMO */

#boxpromo{
	position:absolute;
	left:60px;
	width:118px;
	height:118px;
}
#boxpromo span{
	width:234px;
	height:234px;
	z-index:1;
}

#infopromo{
	top:0;
}



/* ********************************** */


.infopromo{
	width:234px;
	_width:234px;
	height:234px;
	_height:234px;
	position:absolute;
	margin-top:176px;
	background-color:transparent;
}
.infopromo p{
	margin:0px;
	font-size:10px;
}
.maskpromo{
	position:relative;
	width:234px;
	height:234px;
	overflow:hidden;
}

span.promo img{
	border:none;
}


.buttonspromo{
	position:absolute; 
	top:40px; 
	left:7px;
	display:block; 
	text-align:right; 
	z-index:2000;
	background-color:transparent;
	border:0px solid #DCDCDC; 
	margin:0px;
	padding:0px;
	z-index: 950;
	}
	
.buttonspromobis{
	position:absolute; 
	top:40px; 
	right:7px;
	display:block; 
	text-align:right; 
	z-index:2000;
	background-color:transparent;
	border:0px solid #DCDCDC; 
	margin:0px;
	padding:0px;
	z-index: 950;
	cursor:pointer;
	}
	
.buttonspromo span{
	color:#3691C0;
	padding:0 5px;
	cursor:pointer;
	font-size:9px;
	background-color:transparent;
	border:0px solid #DCDCDC; 
	}
	
	
/* Diaporama MARQUES */

#boxmarque{
	position:absolute;
	width:688px;
	height:75px;
	border-left:24px solid #EDEDED;
	border-right:24px solid #EDEDED;
}
#boxmarque span{
	width:688px;
	height:75px;
	z-index:1;
	text-align:center;
}

#infomarque{
	top:0;
}



/* ********************************** */


.maskmarque{
	position:relative;
	width:736px;
	height:71px;
	overflow:hidden;
	border-top:2px solid #EDEDED;
	border-bottom:2px solid #EDEDED;
}

span.marque img{
	border:none;
}


.buttonsmarque{
	position:absolute; 
	top:0px; 
	left:0px;
	display:block; 
	text-align:right; 
	z-index:2000;
	background-color:transparent;
	border:0px solid #DCDCDC; 
	margin:0px;
	padding:0px;
	z-index: 950;
	}
	
.buttonsmarquebis{
	position:absolute; 
	top:0px; 
	right:0px;
	display:block; 
	text-align:right; 
	z-index:2000;
	background-color:transparent;
	border:0px solid #DCDCDC; 
	margin:0px;
	padding:0px;
	z-index: 950;
	cursor:pointer;
	}
	
.buttonsmarque span{
	color:#3691C0;
	padding:0;
	cursor:pointer;
	font-size:9px;
	background-color:transparent;
	border:0px solid #DCDCDC; 
	}
	
	
/* tableau design */
table.spetab { margin:0; width:536px; height:auto;}
td.spetab-top-titre {font-size:12px; background: url(images/fond-tab-perf.gif) #84C20B left top repeat-x; text-align:center; color:#fff; width:100px; border-right:1px solid #AFDC44; padding:6px; vertical-align:middle;}
td.spetab-top-entete{font-size:12px; background: url(images/fond-tab-perf.gif) #84C20B left top repeat-x; text-align:center; color:#fff;padding:6px; vertical-align:middle; font-style:italic;}
td.spetab-ligne-titre {padding:6px; text-align:right; vertical-align:middle; background:#AFDC44; border-bottom:1px solid #84C20B; color:#fff; text-align:left;font-size:14px; font-weight:bold;}
td.spetab-ligne-contenu {text-align:center; font-size:11px; border-right:1px solid #AFDC44; border-bottom:1px solid #84C20B; color:#333;}



	
a.contactez {
	position:relative;
	background: #fff url(images/bas-page.gif) no-repeat;
	display:block;
	width:476px;
		padding-left:60px;
		padding-top:20px;
	min-height:50px;
	font-size:18px;
	text-align:left;
	margin-bottom:10px;
	color:#616161;
}
	
a:hover.contactez {
	text-decoration:none;
	color:#ED701C;
}



.haut-droite, #contenu-page .haut-droite{
	font-size:10px;
	color:#999;
	text-align:right;
	font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
}


.sous-titre-page, #contenu-page .sous-titre-page {
	font-size:16px;
	color:#EC701C;
	text-align:left;
	font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	display:block;
	background: #fff url(images/carre.gif) no-repeat;
	padding-left:30px;
	font-weight:bold;
	margin-top:16px;
	margin-bottom:10px;
}

.sous-titre-page-trait , #contenu-page .sous-titre-page-trait {
	font-size:16px;
	color:#EC701C;
	text-align:left;
	font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	display:block;
	border-top:2px solid #CCC;
	padding-top:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

		
		
ul.liste-cercle {
			list-style: circle;
			padding-left:20px;
			margin-top:10px;
			font-size:12px;
			font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
		}
l.vis {
	display:block;
	}
.hid {
	display:none;
	}