@CHARSET "UTF-8";

/**
1 blue light bg					: CEEEF9
2 blue border light				: 44b9da
3 blue border2 med - title 		: 127bb4
3 blue dark bg2	- dark border	: 01294d 
txt light 			: 0095C7	
txt dark 			: 002a4d	
flashy #2cdaff
*/


body{
	font-size: 75%;
	background: url(images/bmd_bg.png) ;
}

body,html{	
	font-family: Tahoma,Helvetica,sans-serif;
	color:#01294D;
	line-height:1.5em;	

}

a{ outline:none; }

p{ margin:0 1em 1.5em 1em; text-align:justify; line-height:1.5em;}

/*td{ text-align:justify;}*/

h1,h2,h3,h4,h5,h6,p,span{ color:#01294D;}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	padding:0.3em 0.3em;
	letter-spacing:1pt;
	height:auto;
}

h1,h2,h3,li{zoom:1;}

h1,h2,h3{
	margin-bottom:1em;
}

h3{
	margin-top:0.5em;
	margin-bottom:0.5em;
}

h4,h5,h6{ margin-bottom:0.5em;}

h1{	
	border-bottom:3px double #127bb4;
	font-size:1.4em; 
	line-height:1.5em;
	background: url(/styles/images/bullet_drop.png) no-repeat left 50%;
	padding-left:40px;
	text-transform:capitalize;
}
h2{
	font-size:1.2em; 
	border-bottom:1px solid #127bb4;
	line-height:1.3em;
	background: url(/styles/images/bullet_right_arrow.png) no-repeat left 50%;
	padding-left:32px;
}
h3{font-size:1.1em; }

ul ,ol{margin:0pt 1.5em 0.5em;}

ol{
	list-style-type: decimal;	
}
li { display:list-item; }
.hshort{ width:40%;}

h1:first-letter,h2:first-letter,h3:first-letter{
	text-transform:uppercase;
}


a{
	text-decoration: underline;
	outline:none;
	color:#0095C7;
}

a:hover{
}

table.lightBlueBorders{
	border-collapse: collapse;
	border: 1px solid #44b9da;
}
table.lightBlueBorders td{	
	border: 1px solid #44b9da;
}

table.lightBlueBorders th {
	background:#C3D9FF none repeat scroll 0 0;
	font-weight:bold;
}


.clearfloat
{
 	content:".";
	display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
div.clearfloat {  height: 0;     padding: 0;     border: 0;     clear: both;     visibility: hidden; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */
	

/* mise en forme */
.lpad30{ padding-left:30px;}
.lpad20{ padding-left:20px;}
.rpad30{ padding-right:30px;}
.rpad20{ padding-right:20px;}

.lmar30{ margin-left:30px;}
.lmar20{ margin-left:20px;}
.rmar30{ margin-right:30px;}
.rmar20{ margin-right:20px;}

.relt15{ position: relative; top: 15px; }

ul,ol{ list-style-position: inside;}
li{ vertical-align: text-top; line-height: normal;}

hr{ border:none; height:3px; margin:10px 0; clear:left; background: url(../styles/images/border_double_x.png) repeat-x left bottom; }

div.half{
	width:48%;
	margin-left:1%;
	float:left;
}


.info, .error, .notice, .success{
	line-height:3.5em;	
}
/*****/

ul.FlashMessengerList{
	list-style:none;
	margin-bottom:1.5em;
	
}

ul.FlashMessengerList li{
	line-height:1.5em;
	
}

form label{ text-transform:capitalize;}

#mainWrapper{
	width:950px;
	position:relative;
	margin: 0 auto;
	background-color: #CEEEF9;
	border-left: 1px solid #2cdaff;
	border-right: 1px solid #2cdaff;
}

#contentWrapper{
	width : 100%;
	min-width:960px;
	margin : 0 auto;
	position:relative;
}

#header{
	height:245px;
	width:100%;
	position:relative;
	margin-bottom:7px;
	background: #FFFFFF;
}

	#header h1{
		margin:0; padding:0;
		position:absolute;		
		left:0;
		background:url(../styles/images/logo.png) no-repeat 0 0;
		height:169px;
		width:370px;
		text-indent:-20000px;
	}
	
	#header #topBranding 
	{
		position:absolute;
		right:0;
		width:599px;
		height:169px;
		background: url(../styles/images/banner_news.jpg) no-repeat right top;
	}
	
	#headMenu{
		position: absolute;
		bottom:0;
		left:0;
		width:100%;
		padding: 1px 0;
		background-color: #01294d;
		border-top:1px solid #44b9da;
		border-bottom:1px solid #44b9da;
	}
	
	#headMenu #mainNav{
		height:40px;
		border-bottom:1px solid #44b9da;
	}
	
	#mainNav ul.menu{
		margin:0;
		height:36px;
		background: #127bb4 url('../styles/images/top_menu_bg.png') repeat-x left top;
		list-style-type:none;
	}
	
	#mainNav ul.menu li { float: left;}
	
	#mainNav ul.menu a ,#mainNav ul.menu span.dummy{
		display:block;
		line-height:36px;
		padding:0 10px;
		color:#CEEEF9;		
		text-decoration:none;
		text-transform: capitalize;
	}
	
	#mainNav ul.menu li.separator,
	#mainNav ul.menu li.separator span{
		display:block;
		height:36px;
		width:2px;
		background: url('../styles/images/top_menu_separator.png') no-repeat left top;
		
	}
	#mainNav ul.menu li.first a,#mainNav ul.menu li.first span{}
	#mainNav ul.menu li.last a,#mainNav ul.menu li.last span{}
	#mainNav ul.menu li.first span.dummy{padding: 0 170px 0 40px; color:#CEEEF9;}
	
	#mainNav ul.menu a:hover,#mainNav ul.menu a.active{
		background: url('../styles/images/top_menu_bg_over.png') repeat-x left top;
	}
	
	/*** breadcrumb ***/
	div#header div#breadcrumb{
		margin-top:1px;
		height:28px;
		line-height:28px;
		padding-left:50px;
		color:#FFFFFF;
		background-color:#01294D;
		border-top:1px solid #127bb4;
		border-bottom:1px solid #127bb4;
		
	}
	div#breadcrumb a,div#breadcrumb span{ color:#FFFFFF; text-decoration:none;}
	div#breadcrumb a.home{
		width:28px;
		height:28px;
		display:inline-block;
		text-indent:-20000px;
		background: url(../styles/images/breadcrumb_home.png) no-repeat 50% 50%;
		zoom:1;
	}
	div#breadcrumb a.home img{ margin-bottom:2px; vertical-align: middle; }
	
	
#col1{
	width:238px;
	padding: 10px 15px;
	/*position: absolute;*/
	float:right;
	right:0px;
	top:0px;
	/*top:250px;*/
}
	


#content{
	padding:10px 15px 50px 40px;
	margin-right:265px;
	min-height:400px;
	min-width:637px;
	background: url(../styles/images/border_double_y.png) repeat-y top right;
}
	
#footer{
	clear:both;
	width:100%;
	line-height:48px;
	color:#FFFFFF;
	margin-top:1em;
	font-size:1em;
	background: #0095C7 url(../styles/images/footer_bg.png) repeat-x 0 0 ;
}
	#footer .wrapper{padding: 0 40px;}
	#footer a{ color:#FFFFFF; text-decoration:none;}
	#footer a.produweb{
		float:right;
		display:block;
		width:183px;
		height:17px;
		margin-top:13px;
		background: url(../styles/images/footer_produweb.png) no-repeat 0 0;
		text-indent:-20000px;
	}

/*** searchblock ***/
.blueBlock{
	background-color:#01294d ; 
	padding: 8px 12px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom:20px;
}

#searchBlock {
	
}

#searchBlock input.text{
	width:110px;
	margin-left:5px;
	border:1px solid #44b9da;
}


/*** company ***/
#companySubMenu { 
	text-align : right;
	/*line-height:3em;
	margin-bottom:1em;
	background: url(../styles/images/border_double_x.png) repeat-x left bottom;*/
	float:right;
	font-size:0.8em;
	/*margin-top:0.5em;*/
}
#companySubMenu a ,#companySubMenu span{padding: 0 8px;}
#companySubMenu a{
	color:#127bb4;
	text-transform: capitalize;
	 	
}

#companySubMenu a.active{
	background: url(../styles/images/v_ok.png) no-repeat left bottom;
	color: #01294d;
	text-decoration: none;
	padding-left: 20px;
}

/** training & services */

#content ul, ul.trainingList{
	list-style-type:none;
	padding-left:20px;
	/*margin-bottom:15px;*/
}
#content ul li, ul.trainingList li{ 
line-height:23px;
background: url(../styles/images/bullet_v.png) no-repeat left top;
padding-left:30px;
}
#content div.Forms ul{ margin-left: 0; }
#content div.Forms ul.FormsElements li{
	list-style-type: none;
	background-image: none;
	line-height:2em;
	padding-top:3px;
	padding-bottom:3px;
}
/**** news ****/
div#newsList{
	
}

div#newsList div.news,div#newsPane div.news{
	border-bottom: 1px solid #127bb4;
	margin-bottom:20px;	
	padding-bottom:10px;	
}

div.news h2 a{
	text-decoration:none;
	color:#01294D;
}

div.news span.date{
	color:#0095C7;	
	font-size:1em;	
	letter-spacing:0;
}

div.news .content{
 margin:10px 20px 10px 10px;
 font-size:1em;	
 min-height:175px;
}

div.news .content p{
	margin:0 0 1em 0;	
}

div.news .content img.image, div.news .content img{
	float: left;
	margin-bottom:10px; 
	margin-right:10px;
}

div.news .user,div.news .readmore{
	font-size:1em;
	color:#0095C7;
	float:right;
	margin:10px 20px 0 0;
}

div#newsPane .content {
	margin:3px 10px 3px 3px;
 	font-size:1em;
	min-height:80px;
	/*text-align:justify;*/
	line-height:1.2em;
}

div#newsPane h2{
	font-size:1em;	
	letter-spacing:0;
}

div#col1 h1 a.rss{
	display: block;
	background: url(../styles/images/bullet_rss.png) no-repeat left center;
	width:22px;
	height:22px;
	position: relative;
	float: right;
	right: 10px;
	top: 0px;
	text-indent: -20000px;
}

*+html div#col1 h1 a.rss{
	display: inline-block;
	width:22px;
	height:22px;
	float: none;
	left:0;
	bottom:0;
	position: inherit;
}

a#newsToggle {
	display:block;
	float:right;
	width:16px;
	height:16px;
	text-indent:-20000px;
	background: url(../styles/images/news_toggle_left.png) no-repeat left top;
	cursor:pointer;
}
a#newsToggle.active{
	background: url(../styles/images/news_toggle_down.png) no-repeat left top;
}

#newsView h1{ margin-bottom:0em }
#newsView .infos{ 
	margin-left:10px;;
	font-size:1em; 
	color:#0095C7;
}

#newsView .headText{
 font-weight: bold;
 margin-bottom: 0.5em;	
}

/*** catalog ***/

#catalog{}

#catalog div.block{
	width:350px;
	height:150px;
	margin:10px;
	float:left;	
}

#catalog div.block img{
	float:left;
	margin:0 10px 10px 0;
}

#catalog h2{
	margin-top: 1em;
}

#catalog h3{
	background-color:transparent;	
	margin:0 0.2em 0.2em 0.2em;
	/*width:180px;*/
}

#catalog h3 a{
	text-decoration:none;	
}

#catalog .descr{
	text-align:justify;
}

/*** product details ***/

#prodDetails .pictures{
	float:left;
	margin:0 10px 10px 0;
	width:150px;
}	

	#prodDetails .pictures img.morepics{
		margin-top:5px;
		width:45px;
	}

#prodDetails .infos{	
	margin-left:180px;
}
	#prodDetails .infos span{	
		float:left;
		font-weight:bold;
		width:120px;
		display:block;
		text-transform:capitalize;
	}
#prodDetails .description{
	margin-left:180px;
	margin-top:20px;
}

#prodDetails p{
	margin: 10px 0;
}

#prodDetails div.shopButton{
	width: 40%;
	float:right;
}

/*** lightbox ***/
#lightbox-caption-title,#lightbox-currentNumber{
	color:#333333;
}

/*** ou acheter **/
#wheretobuy {}

#wheretobuy #pageDescr {
	margin-bottom:20px;
}

#wheretobuy .catDescr {
	margin-bottom:20px;
}

#wheretobuy ul{ 
	list-style-type: none;
	width:290px;
}
#wheretobuy li.shop{ 
	border-top:1px dashed #FFFFFF;
	padding-bottom:10px;
	margin-bottom:10px;	
}
#wheretobuy li.first{ 
	border-top:none;
}

#wheretobuy li.shop strong{ 
	font-size:1.2em;
}

#wheretobuy li.shop .infos{ 
	margin-left:1em;
}

/*** contact ***/
#catalogContact,.catalogContact{
	width:520px;
	margin-top:2em;
	background: #01294d url(images/bullet_email.png) no-repeat 540px center;
	padding:12px 70px 12px 12px;
	clear: left;
		
}
#catalogContact p,.catalogContact p{
	padding:8px;
	margin:0;
	background-color:#FFFFFF;
}


#ContactFormBlock{
	width:450px;
	float:right;
}

#ContactFormBlock #message{
	width:300px;
	height:200px;
}

#roadmapPdf{
	
	width: 551px;
	height: 95px;
	background: url('../styles/images/bgDownloadRoadmap.jpg') top left no-repeat;
	margin: 0 auto;
	clear:left;
}

/******* newsletter **********/
#newsletterHistory .newsletter{
	line-height:50px;
	margin-bottom:10px;
	
}

#content #newsletterHistory ul{
	padding-left:5px;	
	height: 37px;
}
#content #newsletterHistory ul li{
	background-image: none;
	background: #DFEFFC;
	padding-left:0;	
}