/* normalizes margin - padding */

body, dl, dt, dd, ul, ol, li, 

h1, h2, h3, h4, h5, h6, div, p, 

img, blockquote, table, tr, th, td, 

a, acronym, form, label, input, textarea {	margin:0; padding:0;}



/* normalizes font-size */

h1, h2, h3, h4, h5, h6 { 	font-size:100%;}



/* removes list-style from lists */

dl, dt, dd, ul, ol, li { 	list-style:none;}



/* object */

object:focus { 		outline:none; }



a, a:visited, a:hover{outline:none;}



html { 				height: 100%; }



body {				width:100%; height:100%; font:12px "Trebuchet MS"; }

table {				width:100%; height:100%; }

table td { 			width:100%; height:100%; }



#container { 		position: relative; width: 100%; height: 550px; overflow: hidden; background:#ccc; }

#clips-wrap	{ 		margin:0; width: 500%; height: 550px; }

div.clip { 			width: 20%; height: 100%; float: left; background:#FFF url("../images/fond.jpg"); }

div.clip h1 { 		display:none; margin:0 10px; padding: 7px; background: #333; color: #fff; font-size: xx-large; }


/* home page - clip 01 */
a.lk-demo					{ position:absolute; top:325px; left:0; display:block; width:115px; height:28px; padding:11px 0 11px 55px; line-height:14px; color:#fff; text-align:left; text-decoration:none; font-size:18px; background:url(../images/home/lk-demo.gif) no-repeat top left;}
a.lk-demo span				{ display:block; font-size:12px !important; color:#c3e5f8 !important;}

a.lk-brochure				{ position:absolute; top:385px; left:0; display:block; width:115px; height:28px; padding:11px 0 11px 55px; line-height:14px; color:#fff; text-align:left; text-decoration:none; font-size:18px; background:url(../images/home/lk-brochure.gif) no-repeat top left;}
a.lk-brochure span			{ display:block; font-size:12px !important; color:#c3e5f8 !important;}

a:hover.lk-demo span,
a:hover.lk-brochure span	{ color:#fff !important;}

/* concept - clip 02 */
a.lk-brochure-mini			{ position:absolute; top:463px; left:705px; display:block; width:130px; height:30px; line-height:30px; padding:0 0 15px 40px; text-align:left; color:#42bdff; text-decoration:underline; background:#fff url(../images/layout/lk-brochure-mini.gif) no-repeat top left;}
a:hover.lk-brochure-mini	{ text-decoration:none;}

/*div.clip div { 		width:950px; margin:0 auto; background-color:#000; height:550px; }*/



#fond_home { 		position:relative; width:950px; margin:0 auto; height:550px; background: url("../images/fond_home.jpg"); }

#fond_pres { 		position:relative; width:950px; margin:0 auto; height:550px; background: url("../images/fond_pres.jpg");}

#fond_video { 		width:950px; margin:0 auto; height:550px; background: url("../images/fond_video.jpg");}

#fond_demo { 		width:950px; margin:0 auto; height:550px; background: url("../images/fond_demo.jpg");}

#fond_ref { 		width:950px; margin:0 auto; height:550px; background: url("../images/fond_ref.jpg");}

#fond_contact { 	width:950px; margin:0 auto; height:550px; background: url("../images/fond_contact.jpg");}

#page { 			position:absolute; width:1px; left:50%; z-index:999; }

#content { 			position:absolute; left:-475px; }



#logo {				position:absolute; width:235px; height:88px; float: left; top:172px; left:0; z-index:999; margin: 0; padding: 0; list-style: none; overflow: hidden; background:url("../images/logo.gif");}

#lg {				position:absolute; width:50px; height:16px; float: left; top:249px; left:890px; z-index:999; margin: 0; padding: 0; list-style: none; overflow: hidden; background:url("../images/fond_lg.gif"); font-size:10px; color:#3cb1f4; }

#lg a {				margin: 0; padding: 0; color:#3cb1f4; text-decoration:underline; }



#navigation	{ 				position:absolute; width:260px; float: left; top:266px; left:0; z-index:999; margin: 0; padding: 0; list-style: none; overflow: hidden; font-size:13px; font-weight:bold; }

#navigation ul { 			padding:0; margin:0; }

#navigation li { 			float: left; border-left: 1px solid #fff; padding:0 5px; line-height: 40px; height:33px; overflow:hidden; }

#navigation li.first { 		border-left:0; padding-left:0; }

#navigation li a { 			display:inline; line-height: 50px; color: #fff; text-decoration:none; }

#navigation li a:hover { 	text-decoration:underline;}



#bottom	{ 				position:absolute; width:440px; height:60px; top:470px; left:0; float:left; z-index:999; margin: 0; padding: 0; list-style: none; overflow: hidden; font-size:11px; }





#pastille 				{ display:none; position: relative; width:240px; height:81px; float: left; top:280px; left:675px; z-index:999; margin: 0; padding: 0; overflow: hidden;}
#pastille div			{ width:100%; height:100%; background:url("../images/think.png"); }
#pastille_fr 			{ display:none; position: relative; width:240px; height:81px; float: left; top:280px; left:675px; z-index:999; margin: 0; padding: 0; overflow: hidden;}
#pastille_fr div		{ width:100%; height:100%; background:url("../images/think_fr.png"); }

#player {				position: relative; width:490px; height:275px; float: left; top:117px; left:118px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:none; }

#contactdemo {			position: relative; width:197px; height:30px; float: left; top:410px; left:470px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:url("../images/contactfor.gif"); }

#contactdemo_fr {		position: relative; width:197px; height:30px; float: left; top:410px; left:470px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:url("../images/contactfor_fr.gif"); }

#adresse {				position: relative; width:200px; height:120px; float: left; top:335px; left:220px; z-index:999; margin: 0; padding: 0; overflow: hidden; text-align:right; background:none; color:#fff; letter-spacing:1px;  }

#adresse a {			color:#fff; text-decoration:underline;  }

#form {					position: relative; width:490px; height:300px; float: left; top:170px; left:247px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:none; }



#form-message {			position: relative; width:400px; height:40px; float: left; top:90px; left:247px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:none; }

#reload-captcha {		position: absolute; width:100px; height:20px; top:240px; left:0; z-index:9999; margin:0; padding: 0; overflow: hidden; background:none; }

#form a { 				text-decoration:none; color:#3db2f5; }

#form a:hover { 		text-decoration:underline; }



#screen {				position: relative; width:340px; height:110px; float: left; top:344px; left:0; z-index:999; margin: 0; padding: 0; overflow: hidden; background:none; }

#texte1 {				position: relative; width:580px; height:260px; float: left; top:170px; left:283px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:none; color:#818181; text-align:left; line-height:17px; }

#texte3 {				position: relative; width:400px; height:150px; float: left; top:205px; left:90px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:none; color:#818181; text-align:left; line-height:16px; }

#texte4 {				position: relative; width:190px; height:150px; float: left; top:355px; left:-310px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:none; color:#818181; text-align:left; line-height:16px; }

#texte5 {				position: relative; width:190px; height:150px; float: left; top:205px; left:630px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:none; color:#818181; text-align:left; line-height:16px; }

#texte4_fr {			position: relative; width:190px; height:170px; float: left; top:345px; left:-310px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:none; color:#818181; text-align:left; line-height:16px; }

#texte5_fr {			position: relative; width:190px; height:170px; float: left; top:175px; left:630px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:none; color:#818181; text-align:left; line-height:16px; }

#about {				position: relative; width:169px; height:50px; float: left; top:455px; left:-75px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:url("../images/about.jpg"); }

#about_fr {				position: relative; width:169px; height:50px; float: left; top:455px; left:-75px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:url("../images/about_fr.jpg"); }

#demo {					display:none; position: relative; width:124px; height:50px; float: left; top:455px; left:-30px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:url("../images/demo.jpg"); }

#demo_fr {				display:none; position: relative; width:134px; height:50px; float: left; top:455px; left:-35px; z-index:999; margin: 0; padding: 0; overflow: hidden; background:url("../images/demo_fr.jpg"); }







/* FORM ELEMENTS



------------------------------------------------------------------------*/



form				{ margin:0; padding:0;}

input				{ font:12px Arial, Helvetica, sans-serif; color:#777;}

select				{}

textarea			{ font:12px Arial, Helvetica, sans-serif; color:#777;}



/*#form							{ position:relative; width:490px;}*/

#horizontal_form						{ margin:0; padding:0;}



#horizontal_form fieldset				{ display:block; margin:0; padding:0; border:0;}

#horizontal_form fieldset legend		{ margin:0 0 0 -7px; padding:0 10px 0 0; font-size:16px; font-weight:bold;}

#horizontal_form fieldset .radio input	{ clear:both; float:left; width:auto; border:0 !important; margin:0 5px 0 0; padding:0;}

#horizontal_form fieldset .radio		{ font-weight:normal; color:#666; margin:0 10px 0 0; padding:15px 0 0;}



#horizontal_form fieldset.checkbox strong	{ display:block; padding:15px 25px 0 0; color:#04a7b6;}

#horizontal_form fieldset.checkbox input	{ clear:both; float:left; width:auto; border:0 !important; margin:0 5px 0 0; padding:0; height:17px;}

#horizontal_form fieldset.checkbox label	{ display:block; clear:both; font-weight:normal; color:#666; margin:0 10px 0 0; padding:5px 0 0;}



#horizontal_form label					{ display:block; float:left; padding:5px 30px 0 0; margin:0; font-size:12px; color:#36abf0; text-align:left;}

#horizontal_form input					{ display:block; width:170px; border:1px solid #36abf0; padding:2px; margin:3px 0 0; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#horizontal_form select					{ display:block; width:198px; border:1px solid #36abf0; padding:2px; margin:3px 0 4px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#horizontal_form textarea				{ display:block; width:375px; height:55px; border:1px solid #36abf0; padding:3px; margin:3px 0 0; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}



#horizontal_form .label					{ display:block; padding:15px 25px 0 0; margin:0; font-weight:bold; font-size:13px; color:#04a7b6 !important;}

#horizontal_form .fld_dble_line			{ padding-top:31px !important;}



#horizontal_form .contextual			{ display:none; clear:both; width:406px; padding:0; margin:0 25px 15px 0; background:url(../images/formulaire/contextual_header.gif) no-repeat 0 9px;}

.contextual_header_right				{ height:12px; clear:both; background:url(../images/formulaire/contextual_header_right.gif) no-repeat top right;}

.contextual_footer						{ height:3px; overflow:hidden; clear:both; background:url(../images/formulaire/contextual_footer.gif) no-repeat bottom left;}

.contextual_footer p					{ height:3px; background:url(../images/formulaire/contextual_footer_right.gif) no-repeat bottom right;}



#horizontal_form .contextual label		{ display:block; clear:both; color:#8d9fa7; margin:0; padding:4px 7px;}

#horizontal_form .contextual span		{ float:left; padding:3px 0 0;}

#horizontal_form .contextual .content	{ float:left; padding:3px 0; margin:0 5px;}

#horizontal_form .contextual input		{ float:right; margin:0; border-color:#bdccd3; color:#8d9fa7;}

#horizontal_form .contextual select		{ float:right; margin:0; border-color:#bdccd3; color:#8d9fa7;}



.contextual_checkbox					{ display:none; margin:0 0 0 20px; clear:both;}

.contextual_checkbox label				{ padding-top:0 !important;}



#horizontal_form .mandatory				{ color:#C00;}

#horizontal_form .medium_field			{ width:86px;}

.first_begin_form						{ clear:both; float:none !important;}



.valid_form				{ border-top:1px solid #CCC; margin:10px 0 5px 30px !important; padding:10px 0 0; }

.valid_form input		{ margin:0 !important; padding:0 !important; border:0; cursor:pointer; font:bold 11px Arial, Helvetica, sans-serif !important; color:#FFF; height:24px; border:0 !important;}



.btn_large,.btn_medium,.btn_small,.btn_tiny{ border:0; height:24px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF;}

.btn_medium				{ width:110px !important; background:url(../images/btn_medium.gif) no-repeat top left;}



.loginform				{ margin:30px 0 50px !important;}

.loginform label		{ clear:both; color:#2c7a9a !important;}

.loginform input		{ border-color:#2c7a9a !important;}

.hiddenfield			{ display:none !important;}



/* Style textes */



h1.cacher {				display:none; }

h2.cacher {				display:none; }

#container .link-1 {	text-indent:-200em; display:block; width:100%; height:100%; }

#container .link-3 {	position:relative; text-indent:-200em; display:block; width:100%; height:100%; }

#container .link-5 {	text-indent:-200em; display:block; width:100%; height:100%; }

.links {				text-indent:-200em; display:block; width:100%; height:100%; }

h3.bottom {				font-size:18px; color:#a8a8a8; font-weight:normal; letter-spacing:-1px; text-align:left; }

p.petit {			 	clear:both; padding-top:10px; font-size:10px; color:#a8a8a8; text-align:left; }

p.petit a {				color:#a8a8a8;  }

p.petit a:hover {		text-decoration:none;  }

.titre {				font-size:28px; color:#3db2f5; padding:1px 0 14px; }

.titre2 {				font-size:24px; color:#3db2f5; padding:1px 0 8px; line-height:24px; }

.texte {				color:#818181; }

.bleu {					color:#3db2f5; }

.textebleu {			color:#3db2f5; font-weight:bold; }

.grasbleu {				color:#3db2f5; font-weight:bold; }

ul.square {				margin:0 0 0 14px;}

ul.square li {			list-style:disc;}



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



	MultiBox

	v1.0



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



.MultiBoxContainer {

	position: absolute;

	border: 5px solid #cacaca;

	background-color: #FFF;

	display: none;

	z-index: 9999;

}



.MultiBoxLoading {

	background: url("../images/loading2.gif") no-repeat center;

}



.MultiBoxContent {

	position: relative;

	width: 100%;

	height: 100%;

	overflow: hidden;

}



.MultiBoxClose {

	position: absolute;

	top: -26px;

	right: -26px;

	background: url("../images/close.gif") no-repeat;

	width: 24px;

	height: 24px;

	cursor: pointer;

}





.MultiBoxControlsContainer {

	overflow: hidden;

	height: 0px;

	position: relative;

}



.MultiBoxControls {

	width: 100%;

	height: auto;

	position: relative;

	background-color: #fff;

	border-top: solid 1px #cacaca;

}





.MultiBoxPrevious {

	position: absolute;

	background: url("../images/left.gif") no-repeat;

	width: 24px;

	height: 24px;

	left: 0px;

	margin-top: 5px;

	cursor: pointer;

}



.MultiBoxNext {

	position: absolute;

	background: url("../images/right.gif") no-repeat;

	width: 24px;

	height: 24px;

	right: 0px;

	margin-top: 5px;

	cursor: pointer;

}



.MultiBoxNextDisabled {

	cursor: default;

	background: url("../images/rightDisabled.gif") no-repeat;

}



.MultiBoxPreviousDisabled {

	cursor: default;

	background: url("../images/leftDisabled.gif") no-repeat;

}



.MultiBoxTitle {

	position: relative;

	margin: 10px 0 0 35px;

	float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #888;

	font-weight: bold;

	text-align: left;

}



.MultiBoxNumber {

	position: relative;

	width: 50px;

	margin: 10px 35px 0 0;

	float: right;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFF;

	text-align: right;

}



.MultiBoxDescription {

	clear: left;

	position: relative;

	margin: 0 35px 0 35px;

	padding-top: 5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFF;

	text-align: left;

}







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