/* reset
----------*/
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-spacing: 0; }
acronym { cursor: help; }

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Helvetica, Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; font-family: Helvetica, Arial, sans-serif; }
select { font-size: 100%; font-family: Helvetica, Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }

.cf:after, #wrap:after
{ content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }



/* custom
----------*/

a:link, a:visited {
	color: #418fc8;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Arial, sans-serif;
	background: #FFFFFF;
}
#page {
	width: 990px;
	margin: 0 auto;
	font-size: 1.2em;
	color: #333333;
	background: #FFFFFF;
}

#top {
	position: relative;
	z-index: 5;
	padding: 27px 0 10px;
	border-bottom: solid 1px #cfcfcf;
}
	#logo {
		float: left;
	}
		#logo:link, #logo:visited {
			display: block;
			width: 183px;
			height: 56px;
		}
			#logo:link span, #logo:visited span {
				background: url(../../images/logo-1.png) no-repeat 0 0;
			}
			#logo:link img, #logo:visited img
			{
			    display: none;
			}
	#top .cf {
		float: right;
		width: 785px;
	}
	#menu {
		padding: 17px 0 0;
		border-bottom: solid 1px #cfcfcf;
		margin: 0 0 7px;
		position: relative;
		z-index: 5;
	}
		#menu ul {
			height: 22px;
		}
			#menu li {
				float: left;
				position: relative;
				z-index: 5;
				margin: 0 14px 0 0;
			}
			#menu li.small {
				margin: 0 6px 0 0;
			}
			#menu li.smalles {
				margin: 0 6px 0 0;
			}
			#menu li.last {
				margin: 0;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					color: #000000;
					line-height: 22px;
					padding: 0 18px 0 0;
					text-transform: uppercase;
					background: url(/images/menu-1.gif) no-repeat 100% 50%;
				}
				#menu li a:link:hover, #menu li a:visited:hover {
				}
				#menu li.small a:link, #menu li.small a:visited {
					padding: 0 15px 0 0;
				}
				#menu li.smalles a:link, #menu li.smalles a:visited {
					padding: 0 10px 0 0;
				}
				#menu li a.active:link, #menu li a.active:visited {
					background: url(/images/menu-1a.gif) no-repeat 100% 50%;
				}

				#menu li ul {
					position: absolute;
					z-index: 10;
					left: -1000em;
					top: 22px;
					width: 150px;
					height: auto;
					font-size: 83.33%;
				}
				#menu li.large ul
				{
				    width: 170px;
				}
				#menu li.largeen ul
				{
				    width: 176px;
				}
				#menu li.largeit ul
				{
				    width: 178px;
				}
				#menu li.largees ul
				{
				    width: 203px;
				}
				#menu li.large2 ul
				{
				    width: 200px;
				}
				#menu li.large2de ul
				{
				    width: 240px;
				}
				#menu li.large2es ul
				{
				    width: 225px;
				}
				
				#menu li:hover ul {
					left: 0;
				}
					#menu li li {
						margin: 0 0 1px;
						width: 100%;
						background: url(/images/menu-2.png) repeat 0 0;
						border-bottom: solid 1px #FFFFFF;
					}
						#page #menu li li a:link, #page #menu li li a:visited {
							float: none;
							padding: 0 10px;
							background: none;
							color: #707070;
							text-decoration: none;
						}
						#page #menu li li a:link:hover, #page #menu li li a:visited:hover,
						#page #menu li li a.active:link, #page #menu li li a.active:visited {
							color: #428ec8;
						}
	#newsletter {
		float: right;
		font-size: 75%;
	}
		#newsletter label {
			float: left;
			line-height: 14px;
			margin: 0 5px 0 0;
		}
		#newsletter input.text {
			float: left;
			height: 12px;
			padding: 0 3px;
			border: solid 1px #b2b1b1;
			border-width: 1px 0 1px 1px;
		}
		#newsletter input.img{
			float: left;
		}
	#search {
		float: left;
		font-size: 75%;
		position: relative;
		z-index: 1;
	}
		#search label {
			float: left;
			line-height: 14px;
			color: #707172;
			margin: 0 5px 0 0;
		}
		#search input.text {
			float: left;
			color: #707172;
			height: 10px;
			padding: 1px 5px;
			margin: 0 5px 0 0;
			border: solid 1px #b2b1b1;
		}
		#search .areas {
			float: left;
			margin: 0 5px 0 0;
			border: solid 1px #b2b1b1;
		}
			#search .areas option {
				padding: 0;
				height: 10px;
			}
		#search input.submit {
			float: right;
			border: none;
			background: #454444;
			color: #FFFFFF;
		}
    #chooselanguage {
		float: right;
		font-size: 75%;
		padding-left: 80px;
	}
	#chooselanguage .links {
		z-index: 5000;
		width: 160px;
		height: 16px;
	}
		#chooselanguage .links li {
			float: left;
			line-height: 15px;
			position: relative;
		}
		#chooselanguage .links li span
		{
		    font-size:110%;
		    color: #595959;
		}
		#chooselanguage .links li img
		{
		    vertical-align: middle;
		}
			#chooselanguage .links li a:link, #chooselanguage .links li a:visited {
				float: left;
				display: block;
				padding: 0 1em;
		        font-size:110%;
		        color: #FFFFFF;
			}
			#chooselanguage .links li ul {
			    z-index: 5000;
				position: absolute;
				left: -1000em;
				top: 14px;
				width: 150px;
			}
			#chooselanguage .links li:hover ul {
				left: 0;
			}
				#chooselanguage .links li li {
					width: 100%;
					line-height: 15px;
					background-color: #595959;
					margin: 0 0 0px;
					border-top: solid 1px #FFFFFF;
				}
					#page #chooselanguage .links li li a:link, #page #chooselanguage.links li li a:visited {
						text-decoration: none;
					}
					#page #chooselanguage .links li li a:link:hover, #page #chooselanguage .links li li a:visited:hover,
					#page #chooselanguage .links li li a.active:link, #page #chooselanguage .links li li a.active:visited {
						color: #428ec8;
					}
    
#breadcrumbs {
	line-height: 24px;
	font-size: 91.67%;
	color: #000000;
	position: relative;
	z-index: 1;
}
	#breadcrumbs a:link, #breadcrumbs a:visited {
		text-decoration: underline;
	}
	#breadcrumbs a.last:link, #breadcrumbs a.last:visited {
		text-decoration: none;
	}
	.page2 #breadcrumbs a:link, .page2 #breadcrumbs a:visited {
		color: #a3a3a3;
	}
	.page3 #breadcrumbs a:link, .page3 #breadcrumbs a:visited {
		color: #92a701;
	}

#wrap {
	width: 100%;
	overflow: hidden;
	background: url(../../images/side-bg.png) repeat-y 100% 0;
	position: relative;
	z-index: 1;
}
	#content {
		float: left;
		width: 754px;
		padding: 0 20px 60px 0;
		min-height: 566px;
		overflow: hidden;
	}
	#side1 {
		float: right;
		width: 216px;
		background: #464545;
	}
		#side1 .bar {
			position: absolute;
			left: 774px;
			top: 0;
			width: 53px;
			height: 100%;
			background: url(../../images/side-bar1.png) no-repeat 0 0;
		}
		.page2 #side1 .bar {
			background: url(../../images/side-bar2.png) no-repeat 0 0;
		}
		.page3 #side1 .bar {
			background: url(../../images/side-bar3.png) no-repeat 0 0;
		}
		.page4 #side1 .bar {
			background: url(../../images/side-bar4.png) no-repeat 0 0;
		}

#content p {
	line-height: 1.2;
	margin: 0 0 1em;
}
#content ul,
#content ol {
	list-style: disc;
	margin: 0 0 1em 2em;
}
#content ol {
	list-style: decimal;
}

#content h1 {
	font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
	font-size: 125%;
	font-weight: normal;
	color: #444444;
	margin: 0 0 1em;
	font-weight:bold;
}
#content h1.style1 {
	margin: .5em 0 1em;
}
	#content h1.style1 span {
		padding: 0 14px 0 0;
		background: url(../../images/menu-1a.gif) no-repeat 100% 50%;
	}
	.page2 #content h1.style1 span {
		background: url(../../images/bullet-2.gif) no-repeat 100% 50%;
	}
	.page3 #content h1.style1 span {
		background: url(../../images/bullet-3.gif) no-repeat 100% 60%;
	}
#content h1.sep {
	margin-bottom: 2em;
}

/*#content h2 {
	font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
	font-size: 125%;
	font-weight: normal;
	color: #444444;
	margin: 0 0 1em;
}
#content h2.style1 {
	margin: .5em 0 1em;
}
	#content h2.style1 span {
		padding: 0 14px 0 0;
		background: url(../../images/menu-1a.gif) no-repeat 100% 50%;
	}
	.page2 #content h2.style1 span {
		background: url(../../images/bullet-2.gif) no-repeat 100% 50%;
	}
	.page3 #content h2.style1 span {
		background: url(../../images/bullet-3.gif) no-repeat 100% 60%;
	}
#content h2.sep {
	margin-bottom: 2em;
}*/
#content h3 {
	margin: 0.6em 0;
}

#content h2 {
	font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
	font-size: 116.67%;
	font-weight: normal;
	margin: 0 0 .5em;
	clear:both;
}
	#content h2 span {
		font-weight: bold;
	}
#content h2.style1 {
}
	#content h2.style1 span {
		padding: 0 14px 0 0;
	}
	.page2 #content h2.style1 span {
		background: url(../../images/bullet-2.gif) no-repeat 100% 50%;
	}
	.page3 #content h2.style1 span {
		background: url(../../images/bullet-3.gif) no-repeat 100% 50%;
	}


.box1 {
}
	.box1 h3 {
		background: #686868 url(../../images/title1-r.gif) no-repeat 100% 0;
		text-align: right;
		font-size: 83.33%;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 26px;
		text-transform: uppercase;
		padding: 0 25px 0 0;
		margin: 0;
	}
	.box1 .thumb {
		font-size: 83.33%;
	}
		.box1 .thumb a:link, .box1 .thumb a:visited {
			display: block;
			position: relative;
			color: #FFFFFF;
			text-decoration: none;
		}
			.box1 .thumb a:link img, .box1 .thumb a:visited img {
			}
			.box1 .thumb a:link span, .box1 .thumb a:visited span {
				display: block;
				position: absolute;
				left: 0;
				bottom: 0;
				width: 97%;
				padding: 0 3% 0 0;
				color: #FFFFFF;
				line-height: 2;
				background: url(../../images/bar1-bg.png) repeat 0 0;
				text-align: right;
			}
			/*#focus.box1 .thumb a:link span, #focus.box1 .thumb a:visited span 
			{
			    padding-left: 20px;
			}*/

.news1 {
}
	.news1 ul {
		list-style: none;
		font-size: 83.33%;
		margin: 0;
		background: url(/images/news-hp.gif);
	}
		.news1 li {
			line-height: 1.25;
			padding: .5em 0 .5em 4.5em;
			background: url(../../images/line-news.png) no-repeat 100% 100%;
		}
		.news1 li.last {
		    background: none;
		}
			.news1 li a:link, .news1 li a:visited {
				color: #98d2ff;
				padding: 0 12px 5px 15px;
			    background: url(../../images/icon-news.png) no-repeat 0 2px;
			}



#footer {
	position: relative;
	z-index: 5;
	font-size: 83.33%;
	height: 30px;
}
	#footer .sitemap {
		position: absolute;
		z-index: 1;
		left: 0;
		bottom: 30px;
		width: 744px;
		overflow: hidden;
		padding: 15px 15px 25px;
		background: #696969;
		color: #FFFFFF;
	}
	.home #footer .sitemap {
		background: #8a8a8a;
	}
		#footer .sitemap a:link, #footer .sitemap a:visited {
			color: #FFFFFF;
		}
		#footer .sitemap .title {
			text-transform: uppercase;
			margin: 0 0 10px;
		}
			#footer .sitemap .title a:link, #footer .sitemap .title a:visited {
				padding: 0 15px 0 0;
				background: url(../../images/icon-v.gif) no-repeat 100% 50%;
			}
		#footer .sitemap ul {
			width: 100%;
			overflow: hidden;
			padding: 10px 0 5px;
			border-top: solid 1px #a8a8a8;
		}
			#footer .sitemap li {
				float: left;
				width: 16.66%;
			}
				#footer .sitemap li p {
					text-transform: uppercase;
					color: #b3dcfa;
					background: url(../../images/bullet-1.gif) no-repeat 75% 50%;
					margin: 0 0 .75em;
				}
				#footer .sitemap li ul {
					padding: 0;
					border: none;
				}
					#footer .sitemap li li {
						float: none;
						width: 100%;
						margin: 0 0 .3em;
					}
	#footer .links {
		position: absolute;
		z-index: 5;
		left: 0;
		top: -25px;
		width: 100%;
		height: 31px;
		background: #464545 no-repeat 0 0;
	}
		#footer .links li {
			float: left;
			line-height: 30px;
			position: relative;
		}
		#footer .links li span
		{
		    font-size:110%;
		}
			#footer .links li a:link, #footer .links li a:visited {
				float: left;
				display: block;
				color: #FFFFFF;
				padding: 0 1em;
		        font-size:110%;
			}

			#footer .links li ul {
				position: absolute;
				left: -1000em;
				bottom: 24px;
				width: 120px;
			}
			#footer .links li:hover ul {
				left: 0;
			}
				#footer .links li li {
					width: 100%;
					line-height: 22px;
					background: url(../../images/menu-3.png) repeat 0 0;
					margin: 0 0 1px;
				}
					#page #footer .links li li a:link, #page #footer .links li li a:visited {
						text-decoration: none;
					}
					#page #footer .links li li a:link:hover, #page #footer .links li li a:visited:hover,
					#page #footer .links li li a.active:link, #page #footer .links li li a.active:visited {
						color: #428ec8;
					}
	#footer .member {
		position: absolute;
		z-index: 9;
		right: 20px;
		bottom: 3px;
		padding: 0 35px 0 0;
		color: #6a6969;
	}
		#footer .member img {
			position: absolute;
			right: 0;
			bottom: -3px;
		}


/* actualites
----------*/

#content .flash,
#content #home
{
	margin: 0 -20px 0 0;
}
#content #slider
{
	margin: 0 -21px 0 0;
}


.sort {
	font-weight: bold;
	color: #1896cf;
}
	.sort select {
		font-size: 83.33%;
		border: solid 1px #cfcfcf;
	}

#page #news2 {
	list-style: none;
	margin: 5em 20px 1em 0;
}
	#news2 li {
		margin: 0 0 10px;
	}
		#news2 a:link, #news2 a:visited {
			display: block;
			position: relative;
			text-decoration: none;
			padding: 10px 240px 10px 95px;
			min-height: 66px;
			background: #e4e4e4;
		}
		#news2 a:link:hover, #news2 a:visited:hover {
			background: #8a8a8a;
		}
			#news2 .image {
				position: absolute;
				left: 0;
				top: 5px;
			}
			#news2 .title {
				float: left;
				font-size: 100%;
				font-weight: bold;
				color: #000000;
				display: block;
				margin: 0 3px .5em 0;
			}
			#news2 .date {
				float: left;
				color: #4389be;
				display: block;
				white-space: nowrap;
				margin: 0 0 .5em;
			}
			#news2 .info {
				clear: both;
				display: block;
				color: #000000;
			}
			#news2 a:link:hover .more, #news2 a:visited:hover .more {
				color: #FFFFFF;
			}

a.more:link, a.more:visited, span.more {
	color: #4389be;
	padding: 0 12px 0 0;
	background: url(../../images/icon-more2.png) no-repeat 100% 60%;
}



/* products
----------*/

.form1 {
	margin: 2em 0 1em;
}
	#content .form1 ul {
		list-style: none;
		margin: 0;
		width: 40%;
		float: left;
	}
	#content #legende {
		margin-top: -20px;
		width: 60%;
		float: left;
		padding-bottom: 10px;
	}
	#content #legende ul
	{
		list-style: none;
		margin-left: 15px;
		margin-top: 25px;
	}
	#content #legende li
	{
		width: 100%;
		overflow: hidden;
		margin: 0 0 0.5em;
	}
	#content #legende div
	{
	    float: left;
	}
		.form1 li {
			width: 100%;
			overflow: hidden;
			margin: 0 0 1em;
		}
			.form1 label {
				float: left;
				font-weight: bold;
				color: #1896cf;
				width: 120px;
				line-height: 1.4;
			}
			.page3 .form1 label {
				color: #b3c91c;
			}
				.form1 label span {
					display: block;
					font-size: 75%;
					font-weight: normal;
				}
			.form1 select {
				float: left;
				font-size: 83.33%;
				border: solid 1px #cfcfcf;
			}
			.form1 ul.items {
				float: left;
			}
				.form1 ul.items li {
					margin: 0;
				}
					.form1 ul.items input {
						float: left;
						margin: 0 5px 0 0;
					}
					.form1 ul.items label {
						width: auto;
						font-size: 75%;
						font-weight: normal;
						color: #707172;
						line-height: 1.5;
					}
		.form1 li.button {
			width: 280px;
			text-align: right;
		}
			.form1 li.button input {
				font-size: 83.33%;
				border: none;
				background: #454545;
				color: #FFFFFF;
			}

#page #products {
	list-style: none;
	margin: 1em 20px 1em 0;
	clear: both;
}
	#products li {
		margin: 0 0 10px;
		width: 735px;
	}
		#products a:link, #products a:visited {
			display: block;
			position: relative;
			text-decoration: none;
			margin: 0 0 0 80px;
			padding: 10px 300px 5px 10px;
			min-height: 46px;
			background: #e4e4e4;
		}
		#products a:link:hover, #products a:visited:hover {
			background: #8a8a8a;
		}
			#products .image {
				position: absolute;
				left: -80px;
				top: 0;
			}
			#products .title {
				float: left;
				font-size: 100%;
				font-weight: bold;
				color: #000000;
				display: block;
				margin: 0 3px .5em 0;
			}
			#products .info {
				clear: both;
				display: block;
				color: #000000;
			}
			#products a:link:hover .more, #products a:visited:hover .more {
				color: #FFFFFF;
			}
			
			.pdf {
                clear:both;
                float:right;
                padding-right:10px;
                vertical-align:middle;
            }
            .pdf img {
                margin-right:5px;
                vertical-align:middle;
            }

.nav1 {
	color: #7f7f7f;
	font-size: 83.33%;
	text-align: right;
	padding: 0 2em;
	clear: both;
}
	.nav1 a:link, .nav1 a:visited {
		color: #7f7f7f;
		padding: 0 .3em;
	}
	.nav1 a.active:link, .nav1 a.active:visited {
		background: #4190c9;
		color: #FFFFFF;
	}


/* applications
----------*/

.header {
	width: 774px;
	overflow: hidden;
	position: relative;
	margin: 0 -20px 10px 0;
}

.nav2 {
	font-size: 83.33%;
}
	.nav2 a:link, .nav2 a:visited {
		float: left;
		display: block;
		color: #86cbff;
		background: #454544;
		padding: .1em .4em;
		margin: 0 3px 0 0;
	}
	.nav2 a.active:link, .nav2 a.active:visited {
		background: #448fc8;
		color: #FFFFFF;
	}


.box2 {
	width: 380px;
	padding: 10px 10px;
	margin: 0 0 5px 10px;
	background: #1d72c4;
	margin-left: 25%;
	clear: both;
}
.page2 .box2 {
	background: #e1e1e1;
	float: right;
}
.page3 .box2 {
	background: #c1d827;
	float: right;
	margin-left: 5px;
}
.box2a {
	float: left;
	margin: 0 10px 5px 0;
}
	#page .box2 .title {
		text-transform: uppercase;
		margin: 0 0 .3em;
	}
	#page .box2 .noimage {
		padding-left: 5px;
	}
	.box2 .content {
		background: #FFFFFF;
		padding: 5px 5px 1px 0;
		position: relative;
		font-size: 91.67%;
	}
		.box2 .image {
			float: left;
			margin: -5px 10px -1px 0;
		}
		#page .box2 h3 {
			font-size: 109.09%;
		}


.actions {
	font-size: 83.33%;
}
	.actions ul {
		width: 120px;
		overflow: hidden;
		margin: 0 0 10px auto;
	}
	.actions ul.de 
	{
	    width: 150px;
	}
		.actions li {
			border-bottom: solid 1px #9c9c9c;
		}
		.actions li.add {
			border: none;
		}
			.actions a:link, .actions a:visited {
				display: block;
				padding: 0 30px 0 0;
				text-align: right;
				line-height: 24px;
				position: relative;
				overflow: hidden;
			}
				.actions a:link span, .actions a:visited span {
					left: -16px;
					top: -16px;
					position: relative;
					margin: 0 0 -16px;
				}
			.actions .send a:link, .actions .send a:visited {
				background: url(../../images/icon-send.gif) no-repeat 92% 50%;
			}
			.actions .print a:link, .actions .print a:visited {
				background: url(../../images/icon-print.gif) no-repeat 94% 50%;
			}
			.actions .add a:link, .actions .add a:visited {
				background: url(../../images/icon-add.gif) no-repeat 93% 50%;
			}


/* projects
----------*/

#page #projects {
	width: 100%;
	overflow: hidden;
	list-style: none;
	margin: 1em 20px 1em 0;
}
	#projects li {
		float: left;
		width: 48.5%;
		margin: 0 0 10px;
	}
	#projects li.alt {
		float: right;
	}
		#projects a:link, #projects a:visited {
			display: block;
			position: relative;
			text-decoration: none;
			padding: 10px 10px 5px 90px;
			height: 72px;
			background: #e4e4e4;
		}
		#projects a:link:hover, #projects a:visited:hover {
			background: #8a8a8a;
		}
			#projects .image {
				position: absolute;
				left: 5px;
				top: 5px;
			}
			#projects .title {
				float: left;
				font-size: 100%;
				font-weight: bold;
				color: #000000;
				display: block;
				margin: 0 3px .5em 0;
			}
			#projects .date {
				float: left;
				display: block;
				white-space: nowrap;
				color: #92a701;
			}
			#projects .info {
				clear: both;
				display: block;
				color: #000000;
			}
			#projects a:link .more, #projects a:visited .more {
				color: #92a701;
				background: url(../../images/icon-more3.gif) no-repeat 100% 50%;
			}
			#projects a:link:hover .more, #projects a:visited:hover .more {
				color: #FFFFFF;
			}


/* compte
----------*/

#login2
{
    margin-left: 20px;
}

#login2 a
{
    padding-right: 40px;
}
#login2 a.deconnection
{
    padding-right: 30px;
}

.cols {
	width: 100%;
	overflow: hidden;
}
.cols.logged
{
    margin-top: 10px;
}
	.cols .col1 {
		float: left;
		width: 350px;
		padding: 0 25px 0 0;
		border-right: solid 2px #b9b8b8;
	}
	.cols .col2 {
		float: right;
		width: 350px;
	}

.form2 {
}
	#page .form2 h3 {
		font-size: 100%;
		font-weight: bold;
		color: #1896cf;
		margin: 0 0 1.2em;
	}
	#page .form2 ul {
		list-style: none;
		margin: 0;
	}
		.form2 li {
			width: 100%;
			overflow: hidden;
			margin: 0 0 10px;
		}
			.form2 label {
				float: left;
				width: 90px;
			}
			.form2 input.text {
				float: left;
				width: 254px;
				border: none;
				background: #f4f2f1;
				padding: 1px 3px;
			}
			#page .form2 ul.items {
				float: left;
			}
				.form2 ul.items li {
					width: auto;
					float: left;
					margin: 0 1em 0 0;
				}
					.form2 ul.items input {
						float: left;
						margin: 1px 2px 0 0;
					}
					.form2 ul.items label {
						float: left;
						width: auto;
					}
		.form2 li.button {
			width: 100%;
			overflow: hidden;
		}
			.form2 li.button .field {
				float: left;
			}
				.form2 li.button .field input {
					float: left;
					margin: 0 2px 0 0;
				}
				.form2 li.button .field label {
					float: left;
					width: auto;
					margin: 0 5px 0 0;
				}
			.form2 li.button input.submit {
				float: right;
				border: none;
				background: #444444;
				color: #FFFFFF;
			}

.form3 {
	width: 555px;
}
	#page .form3 ul {
		list-style: none;
		margin: 0;
	}
		.form3 li {
			width: 100%;
			overflow: hidden;
			margin: 0 0 10px;
		}
		.form3 li.captcha .img
		{
		    margin-right:120px; float: right; width: 20%;
		}
		
		.form3 li label {
            display:block;
            float:left;
            width:250px;
        }
			.form3 span {
				display: block;
				margin: 0 0 .2em;
			}
			.form3 input.text {
				width: 254px;
				border: none;
				background: #f4f2f1;
				padding: 1px 3px;
			}
			.form3 input.text2 {
				border: none;
				background: #f4f2f1;
				padding: 1px 3px;
			}
			.form3 textarea {
				width: 99%;
				border: none;
				background: #f4f2f1;
				padding: 1px 3px;
			}
			#page .form3 ul.items {
			}
				.form3 ul.items li {
					width: auto;
					float: left;
					margin: 0 1em 0 0;
				}
					.form3 ul.items input {
						float: left;
						margin: 1px 2px 0 0;
					}
					.form3 ul.items label {
						float: left;
						width: auto;
					}
		.form3 li.button {
			width: 100%;
			overflow: hidden;
		}
			.form3 li.button input.submit {
				float: right;
				border: none;
				background: #444444;
				color: #FFFFFF;
			}

.zoom, .enteteflash
{ 
    background-color: #FFFF00;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.banner
{
    border-bottom: solid 1px #CFCFCF;
    width: 50%;
}

.newsletterssubscription
{
    width: 100%;
}

.newsletterssubscription td label
{
    width: 70%;
    margin-top: 5px;
}

.LD {
	padding: 5px;
	margin: 0;
	width: 200px;
	text-align: center;
	float:left;
	margin:5px;
}

.tmax-90 {
	width: 102px;
	float:left;
	text-align: center;
	margin:5px;
}
.matiere {
	margin:5px;
	float:left;
	padding-left: 20px;
}

#content table.materiaux { border-spacing:5px; }
#content table.materiaux td, table.materiaux th {    border:none; padding:5px; }
#content table.materiaux th { background-color:#C7E2F3; }
#content table.materiaux td { background-color:#E5E5E5; }

.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 20%;
}

.updateProgress2
{
	position: relative;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
	z-index: 10000;
}
.updateProgress2 div
{
    height: 100px;
	background-color: white;
	padding: 4px;
	position: relative;
	top: 250px;
	left: 0;
}

.updateProgress3
{
	position: relative;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
	z-index: 10000;
}
.updateProgress3 div
{
    height: 550px;
	background-color: white;
	padding: 4px;
	position: relative;
	top: 0px;
	left: 0;
}

/* Liste des applications, projets, produits associés */
#divAssociations
{
    margin-top: 45px;
}

#siteitemsassocies
{
    float: left;
    width: 50%;
}

#produitsassocies
{
    float: right;
    width: 50%;
}

#produitsassociesalt
{
    float: left;
}


#divAssociations h4
{
    padding-bottom: 5px;
}

/* Popup envoyer a un ami */
#page.ami
{
	width: 496px; 
}

#page.ami #wrap
{
    background: none;
}

#page.ami #content
{
    min-height: 215px;
    padding: 0 20px 20px 10px;
    width: 755px;
}

#page.ami #footer
{
    display: none;
}

#page.ami .form3
{
    width: 485px;
}

#page.ami #content h2.sep {
    margin-bottom:1em;
}

#content .contact input.texterror, 
#content .contact textarea.texterror {
	border: 1px dotted red;
	background-color: #B3CA1E;
}
.form3 .SuccessMessage {
	padding: 0px;
	width: 386px;
	margin: 0 0 395px 5px;
}
.form3 .ErrorMessage 
{
	text-align: left;
	padding: 5px 0px;
	width: 355px;
	margin: 5px 0px;
}

#content .form3 .ErrorMessage ul
{
    font-size:110%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    overflow:hidden;
    width:100%;
}

#content .form3 .ErrorMessage li 
{
	padding : 0;
	margin: 0 0 0 5px;
	clear: both;
}

/* Calculateur */

#content .calc-container {
	width: 755px;
}
#content #calc-intro {
    font-size: 95%;
    width:750px;
    height:420px;
}
#content #calc-intro #cleft 
{
    background: url("../../images/calc/bg-calc-horizontal.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    width:365px;
    height:420px;
}
#content #calc-intro #cright 
{
    background: url("../../images/calc/bg-calc-vertical.jpg") no-repeat scroll 0 0 transparent;
    float: right;
    width:365px;
    height:420px;
}
#content #calc-intro p 
{
    padding: 0 0 0 105px;
    width:240px;
    text-align: justify;
}
#content #calc-intro .btn-launch{
    
    color: #FFFFFF;
    font-size:110%;
    font-weight: bold;
}
#content #calc-intro #lnk-cleft{
    position: absolute;
    top: 372px;
    text-align: right;
}
#content #calc-intro #lnk-cright{
    position: absolute;
    top: 371px;
    text-align: right;
}

#content .calc-container .step {
	background: url("../../images/misc/calc-up.gif") no-repeat scroll 0 0 transparent;
	background-color: #e5e5e5;
	color: #565252;
	font-size: 12px;
	display: table;
}
#content .calc-container .step3 {
	background-color: #e5e5e5;
	color: #565252;
	font-size: 12px;
	display: table;
}

#content .calc-container .step2 {
	background: url("../../images/misc/calc-result-up.gif") no-repeat scroll 0 0 transparent;
	background-color: #69A4E4;
	color: #565252;
	font-size: 12px;
	display: table;
}

#content .calc-container .step4 {
	background-color: #E5E5E5;
	color: #565252;
	font-size: 12px;
	display: table;
	width: 754px;
}
	#content .calc-container .step h2, #content .calc-container .step3 h2{
		color: #FFFFFF;
		font-size: 30px;
		margin:10px
	}
	#content .calc-container .step h3, #content .calc-container .step3 h3, #content #calc-intro h3{
		color: #69a4e4;
		font-size: 16px;
		margin: 10px 0;
		font-weight: bold;
	}
	#content #calc-intro h3{
		padding: 5px 0 0 105px;
		font-size: 130%;
	}
	#content #calc-intro ul
	{
	    margin: 0 20px 1em 120px;
	    text-align: justify;
	}
#content .calc-container .stepnumber {
	float:left;
	width: 50px;
}
#content .calc-container .stepcontent {
	float:left;
	width: 705px;
}
#content .calc-container p.stepfooter {
	background: url("../../images/misc/calc-down.gif") no-repeat scroll 0 0 transparent;
	margin-bottom:10px;
}
#content .calc-container p.step2footer {
	background: url("../../images/misc/calc-result-down.gif") no-repeat scroll 0 0 transparent;
	margin-bottom:10px;
}

#content .calc-container .submit, .transparence .submit
{
	border: none;
	background: #454444;
	color: #FFFFFF;
	margin-bottom: 5px;
	text-align: center;
	margin-left: 330px;
}

.transparence .submit
{
    float: left;
    margin-left: 10px;
}

/*********** CALC 1 ***************/
#calc-1 {
	height:150px;
}
#calc-1 img{
	float:left;
}
#calc-1 .text{
	float:left;
	margin: 10px;
}
#calc-1 .result{
	background-color: #69a4e4;
	color: #FFFFFF;
	font-size: 18px;
	margin: 10px 0 ;
	padding: 4px;
	width: 120px;
}

/*********** CALC 2 ***************/
#calc-2 {
	height:130px;
}
#calc-2 select {
	margin: 0px 0 5px 25px;
}
#calc-2 input {
	margin: 5px 10px 5px 0px;
}
#calc-2 img{
	margin: 5px 10px 5px 5px;
	vertical-align: text-bottom;
}
/*********** CALC 3 ***************/
#calc-3 {
	height:180px;
}
#calc-3 .result{
	background-color: #69a4e4;
	color: #FFFFFF;
	margin: 10px 0;
	padding: 10px;
	width: 450px;
	height:200px;
}
#calc-3 #lresult{
	float:left;
}
	#calc-3 #lresult h4{
		font-size: 18px;
		margin: 0 0 10px 0;
	}
#calc-3 #rresult{
	background-color:#FFFFFF;
	float:right;
	color: #565252;
	padding: 10px;
	margin-top: 32px;
}
#calc-3 #rresult img{
	display: block;
}
#calc-3 td {
	vertical-align:top;
}

/*********** CALC 4 et CALC 5 ***************/
#calc-4, #calc-5  {
	height:90px;
}
#calc-4 p.label, #calc-5 p.label {
	width: 150px;
	display: inline;
}
#calc-4 input, #calc-5 input {
	margin: 3px 0;
}

/********** RESULTATS *********************/
#content .calc-container .step2content {
	float:left;
	width: 752px;
}

#content .calc-container .step2 h3, #content .calc-container .step4 h3 {
    color:#69A4E4;
    font-size:16px;
    font-weight:bold;
    margin:10px 0;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 10px;
}

#content .calc-container .step2 p.label
{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-left: 50px;
}

/* ------------------ */ 
#table-container {
	width: 800px;
}
#table-left-container {
	border:1px solid #000000;
	width: 367px;
	margin: 10px;
	float:left;
}
#table-right-container {
	border:1px solid #000000;
	width: 370px;
	margin: 10px 28px 10px 10px;
	float:right;
	height: 519px;
}
.table-calc td {
	vertical-align: top;
}
.table-calc p {
	font-size:110%;
	vertical-align: middle;
}
.table-calc .psmall {
	font-size:100%;
	vertical-align: middle;
	margin-left:5px;
}
.table-calc h2.style1 {
	margin:10px 0 0 15px;
}
.table-calc h2 {
	color:#444444;
	font-family:'Helvetica Neue','HelveticaNeue',Helvetica,Arial,sans-serif;
	font-size:125%;
	font-weight:normal;
	margin:0 0 1em;
}
.table-calc h3 {
	font-family:'Helvetica Neue','HelveticaNeue',Helvetica,Arial,sans-serif;
	font-size:116.67%;
	font-weight:normal;
	margin:0 0 0.5em;
}
.table-calc .tmax-90 {
	margin:0px;
	width:80px;
}
.table-calc .LD {
	margin:0px;
	padding:0px;
	width:100px;
}
.table-calc .matiere {
	margin:0px;
	padding-left:0px;
	width: 30%;
}
.table-calc ul, .table-calc ol {
	list-style:none;
	margin:5px 0 5px 5px;
	font-size:80%;
}
.table-calc p img {
	vertical-align: middle;
}
.table-calc #map
{
    cursor: pointer;
}

.table-calc .title {
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	color:#512085;
	font-size:140%;
	font-weight:bold;
	padding:10px 0 10px 10px;
	text-align:left;
}
.table-calc .resulttips {
	width: 120px;
	margin: 5px 0 5px 5px;
}
#table-zone {
	margin-top:15px; 
}
#table-zone td {
	border:1px solid #000000;
	font-size:120%;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
}
#table-result-left, #table-result-right, #table-hauteur {
	margin-top:15px; 
	border:1px solid #000000;
}
#table-result-left td, #table-result-right td, #table-hauteur td  {
	margin-top:15px; 
	border:1px solid #000000;
	text-align: center;
	vertical-align: middle;
	font-size:120%;
	font-weight:bold;
}
#ddl-expo {
	font-size:140%;
	width: 150px;
	height: 25px;
	border:2px solid #c9d7fb;
}



#content .table-calc ul
{
    list-style-type: none;
    margin: 0;
}

#content .table-calc #matieres
{
}

#content .table-calc ul li
{
    padding: 2px;
}

#content #titrepreambule
{
    text-align: center; font-size: 150%; font-weight: bold;
}

#content .calc-container input.texterror, #content .calc-container textarea.texterror, #content .calc-container select.texterror
{
    border: 1px dotted #FF4242;
    background-color: #EFE0E0;
}
#content .calc-container .SuccessMessage {
	padding: 0px;
	width: 386px;
	margin: 0 0 395px 5px;
}
#content .calc-container .ErrorMessage 
{
	text-align: left;
	padding: 5px 0px;
	width: 355px;
	margin: 5px 0px;
}

#content .calc-container .ErrorMessage ul
{
    font-size:110%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    overflow:hidden;
    width:100%;
}

#content .calc-container .ErrorMessage li 
{
	padding : 0;
	margin: 0 0 0 5px;
	clear: both;
}

.productpopup
{
    padding: 15px;
}

.productpopup #products
{
    margin-top: 150px;
    list-style-type: none;
}

.productpopup #products span.choix
{
    background: none;
    margin: -15px 0 0 0;
    padding: 0;
    min-height: 0;
    float: right;
    font-size: 185%;
    font-weight: bold;
}

.productpopup .form1 select 
{
    font-size: 100%;
}

.productpopup .form1 li.button input
{
    font-size: 100%;
}

.maille, .maillebis
{
    cursor: pointer;
    text-decoration: underline;
    color: #418FC8;
    width: 100%;
}

.maillebis
{
    margin: 0;
    float: right;
    padding: 8px 8px 0 0;
}

.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

area {cursor: pointer;}

#tt {z-index: 10000; position:absolute; display:block; background:url(../../images/misc/tt_left.gif) top left no-repeat}
#tttop {z-index: 10000; display:block; height:5px; margin-left:5px; background:url(../../images/misc/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {z-index: 10000; display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {z-index: 10000; display:block; height:5px; margin-left:5px; background:url(../../images/misc/tt_bottom.gif) top right no-repeat; overflow:hidden}

#searchresults
{
    padding-bottom: 10px;
}

.pointer
{
    cursor: pointer;
}

/* Calculateur transparence */
#content .rtsUL
{
    margin: 0;
}
#content .RadTabStrip_Windows7 .rtsLevel1 {
    background-color:#FFFFFF;
}
#content .RadTabStrip_Windows7 .rtsLI, .RadTabStrip_Windows7 .rtsLink 
{
    font-size: 13px;
}

#content .RadTabStripTop_Windows7 .rtsLevel1 .rtsLink, .RadTabStripTop_Windows7 .rtsLevel1 .rtsOut 
{
    background: #69A4E4 url(../../images/misc/tab-up-unselected.gif) no-repeat scroll 0 0;
    color: #FFFFFF;
}

#content .RadTabStripTop_Windows7 .rtsLevel1 .rtsSelected, .RadTabStripTop_Windows7 .rtsLevel1 .rtsSelected:hover
{
    background: #E5E5E5 url(../../images/misc/tab-up.gif) no-repeat scroll 0 0;
}
#content .RadTabStrip .rtsLink, .RadTabStripVertical .rtsLink 
{
    padding-left: 14px;
}

.RadTabStripTop_Windows7 .rtsLevel1 .rtsSelected .rtsOut, .RadTabStripTop_Windows7 .rtsLevel1 .rtsSelected:hover .rtsOut 
{
    background-color: #E5E5E5;
    color: #385070;
}

.rcbHeader ul, .rcbFooter ul, .rcbItem ul, .rcbHovered ul, .rcbDisabled ul {
    display:inline-block;
    list-style-type:none;
    margin:0;
    padding:0;
    width:100%;
}

.col1, .col2 {
    float:left;
    line-height:14px;
    margin:0;
    padding:0 5px 0 0;
    width:110px;
}
.col2
{
    width: 62px;
}

.transparence p.label
{
    display: inline;
}

#divcalcbuttons
{
    margin-left: 270px;
}


/* home SWF
----------*/
#homeSWF { width:774px; height:556px;}

    #homeSWF #menu1 { background:no-repeat url(/medias/Images/homepage/home1.jpg); height:278px; width:774px; color:#c7de2f;}
        #homeSWF #menu1 a {  color:#c7de2f;}
        #homeSWF #menu1 a:hover {  color:#FFFFFF;}
    #homeSWF #menu2 { background:no-repeat url(/medias/Images/homepage/home2.jpg); height:278px; width:774px; color:#CCCCCC;}
        #homeSWF #menu2 a {  color:#CCCCCC;}
        #homeSWF #menu2 a:hover {  color:#FFFFFF;}

    #homeSWF div.topMenu { height:70px; width:100%; background:#464445;  font-size:11px; }
       
        #homeSWF div.topMenu div.title {display:block;float:left;font-size:20px;height:70px;padding:10px 20px; font-weight:bold; }
        #homeSWF div.topMenu div.subtitle {display:inline-block;font-size:15px;color:#FFFFFF;font-weight:bold;padding-top:10px; margin-left:20px;}
            #homeSWF div.topMenu div.subtitle ul {color:#c7de2f;font-weight:normal; padding-top:10px;}
                #homeSWF div.topMenu div.subtitle ul li { display:inline; padding:0 2px;}

/* alert SWF */
div.alertSWF { width: 100%; color: #990000; font-weight: bold; padding: 5px 0; background: #fffea0; text-align: center; }
div.alertSWF a { color:#990000; text-decoration:underline; }
div.alertSWF a:hover { color:#990000; text-decoration:underline; }

h2.highlight { background:#C7E2F3; color:#000; padding:2px 5px; display:inline-block; clear:both; }
div.applications { border:1px solid #666; padding:8px 8px 5px 8px ; margin-bottom:15px; }
div.features {  padding:8px 8px 5px 8px ; margin-bottom:5px; background:#a2c017; }