@import "http://www.oktane.ca/css/form.css";
/* ----- RESET ----------------------------------------------------------------------------- */
html,body,br,div,span,a,object,iframe,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p,blockquote,q,address,small,big,cite,dfn,ins,del,i,em,b,strong,sup,sub,strike,pre,code,samp,kbd,var,tt,form,legend,label,option,.nobox,textarea{background:transparent;border:0;font-size:100%;outline:0;vertical-align:baseline;margin:0;padding:0;}
blockquote,q{quotes:none;}
br{height:0;}
ul,ol,dl{list-style:none;}
a img{border:0;}
fieldset,img{border:0;}
.clearer {clear: both;}
* {margin: 0;}
html, body {height: 100%;}

/* ----- MAIN ----------------------------------------------------------------------------- */

body{color:#8a8a8a;background-color:#fff;background:url(../images/global-bg.jpg) top left repeat-x;font:11px Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
#container{width:976px;position:relative;margin: 0 auto;}
#content-home{width:936px;padding:0;float:left;position:relative;margin:0 0 20px 18px}
#content{width:960px;padding:0;margin:0 0 20px 0;float:left;position:relative;}
#content-left{width:200px;padding:0;margin:20px 0 0 0;padding:0;float:left;position:relative}
#content-left-pub{width:200px;padding:0;margin:20px 0 0 0;padding:0;float:left;position:relative}
#content-right{width:736px;padding:0;float:right;position:relative;margin:20px 0 0 0}
#topbar{height: 32px;}
#header.home{width:976px;height:290px;position:relative;margin:0;}
#header{width:976px;height:380px;position:relative;margin:0;}
.logo{margin: 28px 0 0 16px;float:left;position:relative}
#livechat{margin:16px 20px 0 0;padding:0;position:relative;float:right;width: 144px;height:55px}
#clients{width:976px;margin: 0 0 0 0}
#clients .clientleft{width:170px;height:65px;float:left;margin:0 0 20px 0px}
#clients .clientright{width:170px;height:65px;float:left;margin:0 0 20px 22px}
.box{padding: 10px;background-color:#ebebeb;margin: 25px 0 15px 0;}



.boxcontact{width:200px;border: 1px solid #ebebeb;padding: 10px;background-color:#f4f4f4;margin: 0px 0 15px 0;float:left}
.boxleft{width:315px;border: 1px solid #ebebeb;padding: 10px;background-color:#f4f4f4;margin: 15px 0 15px 0;float:left}
.boxright{width:315px;border: 1px solid #ebebeb;padding: 10px;background-color:#f4f4f4;margin: 15px 0 15px 0;float:right}
.box-search{border: 1px solid #fff;padding: 10px;background-color:#ebebeb;margin: 10px 0 10px 0;}
.dashline{margin:20px 0 20px 0;float:left}
div.dashline-v2{background: url(../images/dashline-960-v2.png) no-repeat top left;margin:10px 0 30px 0;width:960px;height:1px;float:left;position:relative}
#bloc-hebergement-web{width:250px;float:left;margin: 10px 92px 0 92px}
#bloc-commerce-en-ligne{width:250px;float:left;margin: 10px 0 0 0}
#bloc-carte-affaires{width:250px;float:left;margin: 10px 0 0 0}
div.home-box{background:transparent url(../images/image-ombrage-250.png) no-repeat 0 0;width:250px;height:121px;float:left}
div.home-box img{margin: 6px 0 0 6px}
.home-bouton{float:right;margin:15px 0 0 0}
p{font-size:11px;color:#4f4f4f;line-height:1.5em;margin:10px 0 15px 0;padding:0;text-align:justify}
h1, h2, h3, h4, h5, h6{font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight: bold;   }
h1{font-size:18px;line-height:1em;color:#008bca;font-weight:bold;text-align:left;margin:0 0 15px 0;padding:0;}
h2{font-size:14px;line-height:1em;color:#5a5a5a;font-weight:bold;text-align:left;margin:15px 0 10px 0;padding:0;}
h3{font-size:14px;line-height:1em;color:#5a5a5a;font-weight:bold;text-align:left;margin:10px 0 10px 0;padding:0;}
h4{font-size:14px;line-height:1em;color:#5a5a5a;font-weight:bold;text-align:left;margin:30px 0 10px 0;padding:0;}
h3.modalite {font-size:12px;line-height:1em;color:#5a5a5a;font-weight:bold;text-align:left;margin:20px 0 10px 0;padding:0;}
span.h1blanc{font-size:14px;line-height:1em;color:#3d3d3d;font-weight:bold;text-align:left;margin:0 0 0 0;padding:0;}
ul.services{width:240px;color:#666666;list-style-image: URL(../images/arrow_01.png);;margin:0;float:left}
ul.services li{color:#666666;margin-bottom: 7px;margin-left:24px;padding-left:6px}
ul.services li a{color:#666666;text-decoration: none}
ul.services li a:hover{color:#666666;text-decoration: underline}
ul.specs{width:736px;color:#666666;list-style-image: URL(../images/arrow_01.png);;margin:0;float:left}
ul.specs li{color:#666666;margin-bottom: 7px;margin-left:24px;padding-left:6px}
ul.specs li a{color:#666666;text-decoration: none}
ul.specs li a:hover{color:#666666;text-decoration: underline}
ul.prix strong{font-size: 110%}
ul.prix{width:736px;color:#666666;list-style-image: URL(../images/arrow-red.png);;margin:0;float:left}
ul.prix li{color:#666666;margin-bottom: 7px;margin-left:24px;padding-left:6px}
ul.prix li a{color:#666666;text-decoration: none}
ul.prix li a:hover{color:#666666;text-decoration: underline}
ul.dual{width:250px;color:#666666;list-style-type: disc;margin:20px 0 10px 0;padding-left: 18px;float:left}
ul.dual li{margin-bottom: 7px;clear: left;}
ul.default{padding-left: 18px;list-style-type: disc;color: #4f4f4f;margin:20px 0 20px 0;}
ul.default li{color:#4f4f4f;margin: 7px;clear: left;}
ul.default li.in{margin: 7px 7px 7px 35px;clear: left;}
ul.default li.title{color:#333333;margin: 7px 7px 7px 0;clear: left;list-style-type: none;}
ul.default li.in a{color:#7c7c7c}
ol.default{padding-left: 24px;list-style-type: decimal;color: #666666;}
ol.default li{margin: 16px 0 7px 0;clear: left;}
ul.creation-web{padding-left: 18px;list-style-type: disc;color: #666666;margin:0 0 10px 0;}
ul.creation-web li{margin: 4px;clear: left;}
a:link, a:active, a:visited{color: #333333;}
div.realisation{width:225px;margin:0 20px 15px 0;float:left}
div.realisation-droite{width:225px;margin:0 0 15px 0;float:left}
div.realisation-droite p, div.realisation p{text-align:center;color:#848484}
div.realisation-droite p a, div.realisation p a{text-align:center;color:#a0a0a0}
#zone-image{background:transparent url(../images/bg-zone-image.png) no-repeat 0 0;width:960px;height:278px;float:left;margin:15px 0 0 0}
#zone-image img{margin:14px 0 0 14px}
div.dashline-960{background: url(../images/dashline-960.png) no-repeat top left;width:960px;height:2px;float:left;margin:10px 0 30px 0}
hr{background:#969696;color:#969696; height:1px;border: none;margin: 0 0 30px 0}
.floatright{float: right;margin: 0 0 0 18px;}
.floatleft{float: left;margin: 0 18px 0 0;}
#introBox .floatleft img{float: left;margin:  0 15px 10px 0}
#introBox .floatleft{width: 350px;margin-right: 0;}
#introBox .emBox{margin-bottom: 0px;}
.question{margin: 20px 0 0 20px}
#navigation-rapide{background:url(../images/navigation-rapide.png);width:934px;height:57px;margin:46px 0 6px 0;padding:0;float:left}
div.description{width: 330px;float: left;margin: 0;padding: 0}
.visiter{float:right;margin: 10px 0 0 0}
div.bloc-realisation-web{width: 437px;float: left;position:relative}
div.bloc-realisation-web2{width: 437px;float: right;position:relative}
#termes{font-size: 12px;text-align: center;padding: 0;margin-bottom: 5px;}
#termes .agreementbox{clear: left;margin-bottom: 20px;border: 2px inset #f5f5f5;width: 668px;height: 140px;overflow: auto;padding: 10px;background: white;text-align: left; }
#header.home #social-media{width: 130px;height:30px;float:right;position: absolute;margin:24px 30px 0 820px;}
#header.home #social-media img{margin:0 0 0 8px}

#social-media{width: 130px;height:30px;float:right;position: relative;margin:24px 30px 0 0;}
#social-media img{margin:0 0 0 8px}
div.bloc-services{width: 210px;height:210px;float: left;position: relative;padding: 0 0 0 10px;margin: 0 20px 0 0;z-index: }

/* ------- FORFAITS HÉBERGEMENT ------- */

#tableau-comparatif2 table{color:#333333;border-collapse:collapse;border-left:1px solid #DDD;border-bottom:1px solid #DDD;border-right:1px solid #DDD;border-top:1px solid #DDD;font-size:11px;margin:15px 0 0 0;padding:0;background:#eef7fc}
#tableau-comparatif2 table{color:#333333;border-collapse:collapse;border-left:1px solid #DDD;border-bottom:1px solid #DDD;border-right:1px solid #DDD;border-top:1px solid #DDD;font-size:11px;margin:15px 0 0 0;padding:0;background:#eef7fc}
#tableau-comparatif2 table a{color:#305478;text-decoration:none;border-bottom:1px dotted #305478;}
#tableau-comparatif2 table a:hover{color:#103458;text-decoration:none;border-bottom:1px dotted #103458;}
#tableau-comparatif2 td,th{background:transparent;padding:.5em 1em;border-bottom:1px solid #CADFF7;}
#tableau-comparatif2 tbody tr.pale td{background:#f9f9f9}
.titre {text-align:left;border:1px solid #CADFF7;background-color:#FFFFFF;}
.ligne {text-align:center;border-left:1px solid #CADFF7}
.left{text-align: left}
#tableau-comparatif2 th {font: bold 11px;color: #fff;border-right: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;border-top: 1px solid #d4d4d4;letter-spacing: 2px;text-transform: uppercase;padding: 6px 6px 6px 12px;background: #f4f4f4 url(../images/bg-table.png) no-repeat;}

/* ----- NAVIGATION ----------------------------------------------------------------------------- */

#main-nav {padding: 5px 15px 0 15px;margin: 0;float:none}
#main-nav ul {float: left;list-style: none;padding: 0;position: relative;top: 3px;}
#main-nav li {float: left;height: 22px;line-height:22px;margin: 0px 5px 0px 0px;padding: 0px;}
#main-nav li a {float: none;height: 22px;line-height: 21px;text-decoration: none;padding-right: 10px;margin:0px 0px 0px 10px;display: block;color: #fff;font-weight: 700}
#main-nav li:hover {background: url(../images/nav_hover_l.png) no-repeat top left;}
#main-nav li:hover a{background: url(../images/nav_hover_r.png) no-repeat top right;color: #fff;}
#main-nav li.active {background: url(../images/nav_active_l.png) no-repeat top left;}
#main-nav li.active a {background: url(../images/nav_active_r.png) no-repeat top right;color: #FFF;}
#main-nav{font-size:0.8em;color:#fff;float:right;text-transform: uppercase}

/* ------- NAVIGATION GAUCHE ------- */

ul#left-nav{list-style-type:none;margin:5px 0 20px 0;}
ul#left-nav li{padding:2px 0 1px 0;}
ul#left-nav li a{display:block;text-decoration:none;padding:3px 4px 3px 10px;}
ul#left-nav li a:link,ul#left-nav li a:visited{border-bottom:solid 1px #E0C1E0;color:#686868;font-weight:400;}
ul#left-nav li a:hover,ul#left-nav li a:active,ul#left-nav li a:focus{background:#686868 !important;color:#fff !important;}
ul#left-nav li ul{background:#fff;border-left:solid 3px #E0C1E0;border-top:0;margin:0;}
ul#left-nav li ul li a:hover,ul#left-nav li ul li a:active,ul#left-nav li ul li a:focus{background:#a6a6a6;color:#fff;}
ul#left-nav li ul li ul{padding:10px 0 10px 5px;}
ul#left-nav li.active a:link,ul#left-nav li.active a:visited{background:#a6a6a6;border-left:solid 4px #E0C1E0;color:#fff;padding:3px 0 3px 6px;}
ul#left-nav li.active ul li a:link,ul#left-nav li.active ul li a:visited{color:#000;font-weight:400;padding:3px 4px 3px 20px;}
ul#left-nav li.active ul li ul li a:link,ul#left-nav li.active ul li ul li a:visited{border-bottom:color:#000;font-weight:400;margin:0 0 0 10px;}

/* ----- SLIDESHOW ----------------------------------------------------------------------------- */

#slideshow{width:976px;padding:92px 0 0 0}
#vedette{background:transparent url(../images/main-screen.png) no-repeat 0 0;top:60px;height:217px;left:313px;position:absolute;width:344px;z-index:10;}
#vedette img{position:absolute;right:15px;top:11px;}
#project-slider-wrap{height:250px;overflow:hidden;position:relative;width:975px;z-index:2;margin:0 auto;}
#project-slider{height:198px;list-style:none;overflow:hidden;position:absolute;top:10px;width:978px;z-index:0;margin:0 auto;}
#project-slider li{background:url(../images/side-screen.png);float:left;height:198px;position:relative;width:326px;}
#project-slider li img{left:29px;position:absolute;top:11px;}
#slideshow a:link#back,#slideshow a:visited#back,#slideshow a:link#next,#slideshow a:visited#next{background:transparent url(../images/boutton-slideshow-right.png) no-repeat 0 0;display:block;height:65px;position:absolute;right:0;top:160px;text-indent:-13000em;width:65px;z-index:10;}
#slideshow a:link#back,#slideshow a:visited#back{background-image:url(../images/boutton-slideshow-left.png);left:-9px;right:auto;}
#slideshow a:hover#back,#slideshow a:active#back,#slideshow a:hover#next,#slideshow a:active#next{background-position:0 -65px;z-index:7;}

/* ------- FOOTER UP------- */

#footerup{background:url(../images/bg-footer.jpg) top left repeat-x;font-size:11px;margin: 0 0 0 0;padding:50px 0 10px 0;border-top:1px solid #fff;border-bottom:1px solid #3c3c3c;text-align:left;clear: both;position:relative}
#footerup a{color:#7c7c7c;text-decoration: none}
#footerup a:hover{color:#7c7c7c;text-decoration: underline}
#footerup h3{color: #b1b1b1;font: 14px Arial, Helvetica,sans-serif;font-weight:bold;padding: 0;margin: 0 0 10px 0;border-bottom: dotted 1px #fff}
div.footer-contentup{width:976px;position:relative;margin: 0 auto;padding: 7px 0 0 0}
div.footer-bloc-services{width:200px;margin: 0 0 0 0;padding: 0;float:left}
div.footer-bloc-hebergement{width:200px;margin: 0 0 0 20px;padding: 0;float:left}
div.footer-bloc-nouvelles{width:200px;margin: 0 0 0 20px;padding: 0;float:left}
div.footer-bloc-contact{width:220px;margin: 6px 0 0 100px;padding: 0;float:left}
div.footer-bloc-services ul{width:200px;color:#fff;list-style-type: none;margin:0 0 10px 0;padding-left: 5px;float:left}
div.footer-bloc-services ul li{background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position: 0 .3em;font-size:11px;margin: 0 0 5px 5px;padding:0 0 0 15px;clear: left;}
div.footer-bloc-hebergement ul{width:200px;color:#fff;list-style-type: none;margin:0 0 10px 0;padding-left: 5px;float:left}
div.footer-bloc-hebergement ul li{background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position: 0 .3em;font-size:11px;margin: 0 0 5px 5px;padding:0 0 0 15px;clear: left;}
div.footer-bloc-nouvelles ul{width:200px;color:#fff;list-style-type: none;margin:0 0 10px 0;padding-left: 5px;float:left}
div.footer-bloc-nouvelles ul li{background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position: 0 .3em;font-size:11px;margin: 0 0 5px 5px;padding:0 0 0 15px;clear: left;}
span.floatright{position:relative;float:right}

/* ------- FOOTER DOWN ------- */

#footerdown{font-size:11px;height:40px;background-color:#4e4e4e;margin: 0 0 0 0;border-top:1px solid #696969;text-align:center;clear: both}
div.footer-contentdown{width:976px;position:relative;margin: 0 auto;padding: 10px 0 0 0}
#footerdown a{color: #fff;}
#footer-right{float: right;text-align: right;font-weight: normal}
#footerdown p{font-size:11px;color:#d5d5d5;margin:0}

/* ------- LIGHT BOX ------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 33px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#boxes-contact{float: right;width: 220px;}
#boxes-contact .box-contact,{padding: 0;margin: 0;}
#boxes-contact .box-contact img{float: left;}
#boxes-contact .box-contact p,#boxes-contact .box-contact p a{color:#fff;float: right;width: 150px;margin: 4px 0 0 0;padding: 0;}

/* ------------------------------------- FORM  */

div.contact_form{width: 692px;float: left;padding:0 0 40px 0;margin: 0}
div.contact_form p{font-size:11px;color:#626262;line-height:1.5em;margin:0 0 2px 0 !important;padding:0 !important;text-align:justify}
div.contact_form fieldset{border: none;margin: 0;padding: 0}
div.contact_leftcolumn{float:left;width: 236px;margin: 0 0 16px 0;padding: 0}
div.contact_centercolumn{float:left;width:224px;margin: 0 0 16px 0;padding: 0}
div.contact_rightcolumn{float:right;width:220px;margin: 0 0 16px 0;padding: 0}
div.contact_doublecolumn{float:left;padding-top:0;clear:both;}
form.contact label {font-family:Arial,Verdana,sans-serif;font-weight: bold;font-size: 12px;color: #626262;margin:0}
input.inputfield_small{background-color:#fff;border:none;background-image:url(../images/contact_form.png);background-position:-10px -13px;background-repeat:no-repeat;height:19px;width:183px;padding:6px 8px 0 10px;margin: 0 0 0 0}
form.contact input.inputfield_small:focus {background-position: -10px -43px;}
form.contact input.inputfield:focus {background-position: -10px -112px;}
form.contact div.contact_inputtext_top{width:672px;font-size:0;height:4px;background-image:url(../images/contact_form.png);background-position:-10px -103px;margin:0;padding:0;}
form.contact div.contact_inputtext_ml{float:left;width:4px;height:94px;background-image:url(../images/contact_form.png);background-position:-10px -107px;}
form.contact div.contact_inputtext_mm textarea{resize:none;float:left;background-color:#fff;border:none;width:661px;height:91px;padding-left:3px;padding-top:2px;padding-bottom:1px;}
form.contact div.contact_inputtext_mr{float:left;width:4px;height:94px;background-image:url(../images/contact_form.png);background-position:-678px -106px;}
form.contact div.contact_inputtext_bottom{float:left;width:672px;height:4px;font-size:0;background-image:url(../images/contact_form.png);background-position:-10px -202px;}
form.contact div.contact_submit{margin: 10px 10px 0 0;float: right}
form.contact div.contact_inputtext {width: 672px;}
form.contact p{margin: 10px 0 6px 0}
input.submit_button_envoyer {background:url(../images/submit_buttons.png) -10px -14px no-repeat;	width: 79px;height: 25px;border: none;cursor: pointer;}
input.submit_button_envoyer:hover {background-position: -10px -48px;}
input.submit_button_effacer {background:url(../images/submit_buttons.png) -10px -84px no-repeat;	width: 84px;height: 25px;border: none;cursor: pointer;margin: 0 8px 0 10px}
input.submit_button_effacer:hover {background-position: -10px -118px;}
input[type=checkbox]{margin : 0 10px 0 0 }


/* ------- FORFAITS HÉBERGEMENTS ------- */

div.forfait-web{background:url(../images/forfaits-web-bg.png) top left no-repeat;width:710px;height:160px;margin: 0 0 0 0;}
div.infos{width:268px;height:160px;float:left}
div.specs{width:257px;height:160px;float:left}
div.order{width:173px;height:160px;float:left}
.titre-forfait{float: left;margin: 33px 0 0 128px;}
.prix-forfait{float: left;margin: 14px 0 0 108px;}
div.order .commandez{float: left;margin: 5px 0 0 36px;}
div.order .plus-de-details{float: left;margin: 54px 0 0 36px;}
div.forfait-web ul{margin: 32px 0 0 30px;color:#fff}
div.forfait-web ul li{background: transparent url(../images/iconspecsweb.png) no-repeat center left;padding-left: 25px;line-height: 27px;height: 27px;position: relative;}
div.forfait-web ul li a{margin-left: 10px;}
div.forfait-courriel ul{margin: 32px 0 0 30px;color:#fff}
div.forfait-courriel ul li{background: transparent url(../images/iconspecsweb.png) no-repeat center left;padding-left: 25px;line-height: 27px;height: 27px;position: relative;}
div.forfait-courriel ul li a{margin-left: 10px;}

/* ------- PUBLICITÉ ------- */

#slider{width: 180px;height:248px;margin:13px 0 0 12px;_margin:13px 0 0 6px;padding:0;float:left}
#prev2 {float:left;position:relative;width:24px;height:24px;background:url(../images/btn_prev.gif) no-repeat 0 0;margin:0 0 0 50px;}
#next2 {float:right;position:relative;width:24px;height:24px;background:url(../images/btn_next.gif) no-repeat 0 0;margin:0 50px 0 0;}
#next2,#prev2{overflow:hidden;text-indent:-8000px;}

/* ------- NAVIGATION ------- */

#nav{position:absolute;top:58px;right:34px;}
#nav ul{}
#nav ul,#nav li{padding:0;margin:0;}
#nav ul li{position:relative;float:left;display:block;margin:0;padding:0;background:none;list-style:none;}
#nav ul li a{font-size:0;line-height:0;background:none;}
#nav ul li ul{display:none;position:absolute;margin:0;padding:0;top:20px;margin-top:12px;right:43px;}
#nav ul li ul{width:511px;}
#nav ul li:hover ul{display:block;}
#nav ul li ul li{float:none;display:block;height:24px;}
#nav ul li ul li a{display:block;font-size:11px;line-height:24px;color:#FFFFFF;font-weight:normal;padding-left:11px;}
#nav ul li ul li a{background:url(../images/navigation-rapide-over.png) top right repeat;width:500px;text-decoration:none;}
#nav ul li ul li a.activate,#nav ul li ul li a:hover{background:top right repeat;font-weight:normal;color:#FFFFFF;text-decoration:none;}
#nav ul li ul li a.activate,#nav ul li ul li a:hover{background-image:url(../images/navigation-rapide-on.png);width:500px;}

/* ------- FORM ERROR ------- */

.formError {position:absolute;top:300px; left:300px;width:150px;padding-bottom:15px;display:block;z-index:5000;}
.formError .formErrorContent {width:100%; background:#000;color:#fff;font-family:tahoma;font-size:10px;box-shadow: 0px 0px 6px #000;-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;padding:4px 10px 4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px; height:15px;}
.formError .formErrorArrow div{box-shadow: 0px 0px 6px #000;-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;font-size:0px; }
.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;}