@charset "utf-8";
	/* CSS Document */
	
	/**************************
	Keyven Ferland
	http://www.keyvenferland.com
	Default Stylesheet
	**************************/
	
	/* =General-----------------------------------------------------------------------------*/
	
	html{height: 100.1%}
	p{margin: 0;padding: 0;}
	blockquote{}
	ul{margin: 0;padding: 0;list-style: none;}
	.clear{ /* Class for clearing floats */clear:both;}
	img{ /* Remove border around linked images */border: 0;}

        .message  { color: #c33; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: middle; border-bottom: 1px solid #c33 }
	
	/* =Overall-----------------------------------------------------------------------------*/
	
	body {margin: 0; padding: 0; font-size: 8pt; background: transparent url(../../img/bg_top.gif) repeat-x left top; font-family: Arial, Helvetica, sans-serif;}
	
	/* =Headings-----------------------------------------------------------------------------*/
	
	h1, h2, h3, h4, h5, h6{font-family: Arial, Helvetica, sans-serif; margin: 0;}
	h1{font-size: 180%; font-weight: normal; margin: 0; padding: 0; color: #FFFFFF;}
	h1 a{color: #FFFFFF;}
	h1 a:hover{color: #FFFFFF;}
	#content h1, #contentIndex h1{font-size: 170%; line-height:18px; font-weight: normal; letter-spacing:-0.04em; margin: 0; margin-bottom:10px; padding: 0; color: #FE13A0;}
	
	#colomnRight h2 {font-size: 140%; line-height:16px; text-align: center; letter-spacing:-0.04em; margin: 0; padding: 0; margin-bottom:10px; color: #FE13A0;}
	#colomnCenter h2,
	#colomnRight2 h2 {font-size: 150%; line-height:16px; letter-spacing:-0.04em; margin: 0; padding: 0; margin-bottom:10px; color: #FE13A0;}
	h3{font-size: 135%; margin: 0; padding: 3px 0; color: #007ac7; letter-spacing: -1px;}
	h4{font-size: 150%; padding: 4px 0 3px 0; margin-bottom: 5px; color: #FE13A0; font-weight: bold;}
	h4 span{ font-size: 75%; color: #777;}
	#colomnCenter h4 span{ font-size: 75%; color: #FE13A0;}
	h5{font-size: 100%;}
	h6{font-size: 100%;}
	
	/* =Links-----------------------------------------------------------------------------*/
	
	a{text-decoration: underline; color: #333;}
	a:hover{text-decoration: none; color: #333;}
	
	#contentIndex #colomnCenter p a{text-decoration: underline; color: #333;}
	#contentIndex #colomnCenter p a:hover{text-decoration: none; color: #333;}
	
	#colomnRight p a{text-decoration: underline; color: #333;}
	#colomnRight p a:hover{text-decoration: none; color: #333;}
	
	#contentIndex #colomnCenter ul a{text-decoration: underline; color: #333;}
	#contentIndex #colomnCenter ul a:hover{text-decoration: none; color: #333;}
	
	/* =Main Content-----------------------------------------------------------------------------*/
	
	#wrap{ margin: 0 auto; padding: 0; background: transparent url(../../img/bg_top_wrap.gif) no-repeat center top;}
	
	#header{ width: 770px; height: 126px; margin: 0 auto; padding: 0 0 15px 0; position: relative; }
	#header #headerLeft{ float: left; padding: 35px 0 0 10px;}
	#header #headerCenter{ margin: 0 0 0 270px; width: 400px;}
	#header #headerRight{ position: absolute; right: 10px; top: 45px;}
	
	#contentIndex{ width: 772px; margin: 0 auto; padding: 0; position: relative;}
	#contentIndex #colomnLeft{ float: left;}
	#contentIndex #colomnLeft #textVideo p{ font-size: 100%; color: #333;}
	#contentIndex #colomnCenter{ width: 253px; height: 225px; margin-left: 245px; padding: 15px 10px 6px 20px; background: transparent url(../../img/bg_colomn_center.gif) no-repeat center top;}
	#contentIndex #colomnCenter p{ line-height: 14px; color: #333;}
	#contentIndex #colomnCenter ul{ list-style: none; margin: 0; padding: 4px 0 4px 30px; line-height:11px; color: #333;}
	#contentIndex #colomnCenter ul li{ list-style-image: url(../../img/img_puce2.gif); padding: 0 0 10px 0; margin:0;}
	
	#contentIndex #colomnRight{ position: absolute; right: 0; top: 0; width: 193px; height: 225px; padding: 15px 26px 6px 15px; background: transparent url(../../img/bg_colomn_right.gif) no-repeat center top;}
	#contentIndex #colomnRight p{color: #333; line-height: 17px; margin: 12px 0; margin-bottom:5px; padding: 2px 0 5px 0;}
	
	#productsWrap{ padding: 10px 0; width: 775px; margin:0 auto; position: relative;}
	
	#productsIndex{width: 775px; margin: 0 auto; padding-top: 10px; border-top: 1px solid #e1e1e1;}
	
	#productsIndex #legende{ width: 540px; height: 100%; padding: 20px; background-color: #F7FAFB; border: 1px solid #EFF5F6; margin: 20px auto; color: #05839B;}
	#productsIndex #legende img{margin: 0 10px 0 0; border: 1px solid #9FBFC5;}
	#productsIndex .products{ float: left; margin: 0 8px; padding-bottom: 5px; text-align: center;}
	
	#content{ width: 775px; margin: 0 auto; padding: 0; position: relative; color: #333;}
	#content #colomnCenter { float: left; width: 354px; padding: 15px 0 15px 10px; }
	#content #colomnCenter p{ line-height: 14px; color: #333; padding: 4px 0;}
	#content #colomnCenter ul{ list-style: none; margin: 0; padding: 4px 0 4px 20px;}
	#content #colomnCenter ul li{ list-style-image: url(../../img/img_puce.gif); padding: 0 0 5px 0; margin:0;}
	#content #colomnCenter ul li ul{ padding: 10px 20px 5px 20px; font-size: 90%; color: #888;}

	#content_merci #colomnCenter { float: left; width: 775px; padding: 15px 0 15px 10px; }
	#content_merci #colomnCenter p{ line-height: 14px; color: #333; padding: 4px 0;}
	#content_merci #colomnCenter ul{ list-style: none; margin: 0; padding: 4px 0 4px 20px;}
	#content_merci #colomnCenter ul li{ list-style-image: url(../../img/img_puce.gif); padding: 0 0 5px 0; margin:0;}
	#content_merci #colomnCenter ul li ul{ padding: 10px 20px 5px 20px; font-size: 90%; color: #888;}

	
	#content #wrapColomnR{float: left; width:225px;  margin: 0 0 0 10px;  }
	
	#content #wrapColomnR #colomnRight{ width: 193px; height: 225px; padding: 15px 26px 15px 15px; background: transparent url(../../img/bg_colomn_right.gif) no-repeat center top;}
	#content #wrapColomnR #colomnRight p{color: #333; line-height: 16px; margin: 10px 0; margin-bottom:5px; padding: 2px 0 5px 0;}
	
	#content #wrapColomnR #colomnRight2{ width: 193px; height: 235px; padding: 15px 26px 15px 15px; background: transparent url(../../img/bg_temoignage.gif) no-repeat left top;}
	#content #wrapColomnR #colomnRight2 p{color: #333; line-height: 14px; font-size: 95%; margin: 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
	#content #wrapColomnR #colomnRight2 ul{ font-size: 95%; color: #333;}
	#content #wrapColomnR #colomnRight2 a{ color: #333;}
	#content #wrapColomnR #colomnRight2 a:hover{ color: #333;}
	
	#content #wrapColomnR #planMotCol01 {width: 193px; height: 236px; padding: 15px 26px 15px 15px; background: transparent url(../../img/img-gars.jpg) no-repeat center bottom;}
	
	#productsIntern{ position: absolute; top: 350px; left: 0;width: 535px; margin: 0; padding-top: 10px; border-top: 1px solid #e1e1e1;}
	.products{ float: left; margin: 0 8px; text-align: center;}
	
	ul#imgProducts { text-align: left; width: 350px; padding:0; margin:0;}
	#imgProducts li{ display: inline; list-style-image: none; list-style: none; padding:0; margin:0;}
	#imgProducts li img{ padding:10px 0;}
	
	#contentForm{ width: 775px; margin: 0 auto; padding: 0; position: relative; color: #333;}
	
	/* =Nav-----------------------------------------------------------------------------*/
	
	#nav{ float: left; width: 170px; padding: 0; margin: 0; font-size: 95%; font-family:Verdana, Arial, Helvetica, sans-serif; }
	#nav ul{ margin: 0; padding:0 0 30px 0; }
	#nav ul li {list-style-image: url(../../img/img_puce_nav2.gif); margin: 1px 5px 1px 0; padding: 0; text-align: left; border-bottom: 1px solid #e1e1e1; }
	#nav ul li a{ margin: 1px 0; padding: 8px; padding-right: 0; display: block; font-weight: bold;}
	#nav ul li a:hover{ color: #333; text-decoration: none; background-color: #f1f1f1;}
	#nav ul li a.active {color: #333; text-decoration: none; background-color: #f1f1f1;}
	
	#nav ul li ul{ list-style: none; padding: 4px 0; margin: 0; border-top: none; border-bottom: none; }
	#nav ul li ul li{list-style-image: url(../../img/img_puce_nav.gif); border-bottom: none; border-top: 1px solid #e1e1e1; padding: 0 0 0 6px; }
	#nav ul li ul li a{  font-weight: 100; padding: 5px 0 5px 2px;}
	
	/* =Forms-----------------------------------------------------------------------------*/
	
	.bgRow{ background-color: #f1f1f1; padding: 5px;  text-align: right;}
	.borderBottom { border-bottom: 1px #e1e1e1 solid; }
	
	table{ float: right; margin: 0; font-size: 100%; text-align: left;}
	table h2{font-size: 150%; line-height:16px; text-align: left; letter-spacing:-0.04em; margin: 0; padding: 0; margin-bottom:10px; color: #FE13A0;}
	table img{ float: left;}
	/* Removes fieldset borders. even on Opea 7 */
	fieldset {border: 0px solid transparent;}
	form{padding: 0;margin: 0; }
	input{margin: 1px 0;}
	
	
	/* =Footer-----------------------------------------------------------------------------*/
	
	#footer{ width: 775px; margin: 10px auto; padding: 10px 0 0 0; text-align: center; font-size: 90%; color: #666; border-top: 1px solid #e1e1e1; }
	
	/* =Misc-----------------------------------------------------------------------------*/
	hr{ height:1px; background-color: #e1e1e1; border: none; color: #e1e1e1; margin: 10px 0;}
	.right{ float: right;}
	.left{ float: left;}
	.clear{ clear: both; border: none; padding:0; height:0px; margin:0;}
	#contentIndex #colomnCenter span.bt01 a{ display: block; color: #333; float: right; margin: 5px; padding: 6px 0 0 0; width: 125px; height: 24px; background: transparent url(../../img/bg_bt_avantages.gif) no-repeat left center; text-align: center;}
	
	#contentIndex #colomnRight span.bt02 a{display: block; color: #333; margin: 0 0 0 2px; padding: 5px 0 0 0; width: 137px;  height: 24px; background: transparent url(../../img/bg_bt_form.gif) no-repeat left center; text-align: center;}
	#content #colomnRight span.bt02 a{display: block; color: #333; margin: 2px 0 0 2px; padding: 6px 0 0 0; width: 137px; height: 24px; font-size: 105%; background: transparent url(../../img/bg_bt_form.gif) no-repeat left center; text-align: center;}
	
	#contentIndex #colomnRight span.bt03 a{display: block; color: #333; margin: 0 0 0 2px; padding: 5px 0 0 0; width: 186px;  height: 24px; background: transparent url(../../img/bg_bt_achat.gif) no-repeat left center; text-align: center;}
	#content #colomnRight span.bt03 a{display: block; color: #333; margin: 0 0 0 2px; padding: 6px 0 0 0; width: 186px; height: 24px; font-size: 105%; background: transparent url(../../img/bg_bt_achat.gif) no-repeat left center; text-align: center;}
	.tableProducts{ border: 1px #e1e1e1 solid; background: transparent url(../../img/bg_table.gif) repeat-x left top; margin: 0 0 20px 0;}
	.tableProducts td{padding: 2px 4px;}
	.tableProducts p{padding: 5px; text-align: center; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333;}
	.specificContent { position:absolute; left:-11835px;}