/* CSS Document */
/*=============general start===============*/
body{
	padding:0 0 0 0;
	margin:0;
	background:#FFFFFF;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#000000;
	min-width:1000px;
	}
div, td, p, h1, h2, h3, h4, form, select, input, label, span, a, li, span{
	padding:0;
	margin:0;
	}
a{
	text-decoration:none;
	outline:none; 
	}

img{
	padding:0;
	margin:0;
	border:none;
	line-height:0;
	font-size:0;
	}

object{
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
	}
.spacer{
	clear:both;
	line-height:0;
	font-size:0;
	}
	ul{
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
	list-style-type:none;
	}
li{
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
	}
/*========general end=============*/
#wapper{
	width:100%;
	margin:0 auto;
	}
	
	
/*========top (backgroung header (logo))=============*/			
#top_contaner{
	width:100%;
	background:#F3FaFa;  /* Couleur mise à jour 13 mars 2012*/
	}	
	
#top_contaner_sub{
	width:1000px;
	margin:0 auto;
	}		
div.logo{
	width:199px;
	float:left;
	margin:20px 0 19px 0;
	}		
div.my_account{
	width:155px;
	float:right;
	margin:20px 0 0 0;
	}		
p.my_bottom{
	background:url(../images/my_account_bottomn.gif) 0 0 no-repeat;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 0 8px;
	background-color:inherit;
	}
p.my_bottom a{
	color:#fff;
	background-color:inherit;
	}			
.english{
	background:url(../images/english.gif) 7px 0 no-repeat;
	height:19px;
	cursor:pointer;
	}			
p.english{
	background:url(../images/bulate.gif) 60px 5px no-repeat;
	font:normal 11px/17px Arial, Helvetica, sans-serif;
	color:#1D1160;
	padding:0 0 0 16px;
	background-color:inherit;
	}		
p.english a{
	color:#1D1160;
	background-color:inherit;
	}
p.english span{
	color:#1D1160;
	background-color:inherit;
	}		
	
.contact{
	color:#22167e;
	font:normal 13px "Arial", Helvetica, sans-serif;
	text-align:right;
	}		
	
p.contact{
	background:url(../images/bulate.gif) 130px 14px no-repeat;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	color:#1B105D;
	padding:7px 0 0 20px;
	background-color:inherit;
	}		
p.contact a{
	color:#1B105D;
	background-color:inherit;
	}	
	
	
/*========top=============*/			
	
	
	
	
/*========nav=============*/			
	
#nemu{
	width:100%;
	margin:0 auto;
	background:url(../images/nav_bg.gif) 0 0 repeat-x;
	height:46px;
	}	
#nemu_sub{
	width:1000px;
	margin:0 auto;
	}		
div.main_menu{
	width:700px;
	float:left;
	}				
div.main_menu ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
 	}		
div.main_menu ul li{
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#fff;
	
	background-color:inherit;
	float:left;
	background:url(../images/nav_border.gif) right 0 no-repeat;
 	}	
div.main_menu ul li a{
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#fff;
	
	background-color:inherit;
	float:left;
	padding:0 13px 0 13px;
 	}		
div.main_menu ul li a:hover{
	background:url(../images/nav_hover.gif) 0 0 repeat-x;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;	
 	}	
div.main_menu ul li a:hover span{
	
	display:block;
 	}		
	
	
div.main_menu ul li a.active{
	background:url(../images/nav_hover.gif) 0 0 repeat-x;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;	
 	}	
div.main_menu ul li a.active span{
	
	display:block;
 	}	
	
div.search{
	width:247px;
	float:right;
	padding:10px 0 0 0;
	}	
input.search_field{
	width:210px;
	height:20px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:none;
	border-top:1px solid #000;
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#fff;	
	padding:0 0 0 5px;
 	}		
	
/*========nav=============*/			


/*========banner (background of the slide show)=============*/	
	
#banner{
	width:100%;
	margin:0 auto;
	background:url(../images/grain-lightgreen.png) 0 0 repeat-x; /*background(sous diaporama) mise à jour 13 mars 2012*/
	height:300px;
	}	
#banner_sub{
	width:1000px;
	margin:0 auto;
	padding:0 0 0 0;
	}				
div.banner_left{
	width:494px;
	float:left;
	}	
div.banner_right{
	width:500px;
	float:right;
	padding: 0 0 0 6px;
	}	
h2.banner_right{
	font:bold 28px/32px "Tahoma", Arial, Helvetica, sans-serif;
	color:#1D1160;
	padding:30px 0 0 0;
	background-color:inherit;
	}	
p.banner_right{
	font:normal 14px/20px "Tahoma", Arial, Helvetica, sans-serif;
	color:#43494D;
	padding:10px 20px 0 0;
	background-color:inherit;
	}	
p.banner_right a{
	font:normal 16px/20px "Tahoma", Arial, Helvetica, sans-serif;
	color:#0032A2;
	padding:0 0 0 0;
	background-color:inherit;
	}	
/*========banner=============*/	





/*========body=============*/	
	
#middle_body{
	width:100%;
	margin:0 auto;
	padding:0px 0 0px; /*Padding des 3 boites accueil (sous think small business) mise à jour 13 mars 2012*/
	}
.homemiddlebg{
    background:url(../images/grain-lightgreen243.png) 0 0 repeat; /*background(sous think small business) mise à jour 13 mars 2012*/
    }

#middle_body_sub{
	width:1000px; 
	margin:0 auto;
	} 
	
/*------------------------------- breadcrumb ----------------------------*/

#middle_body_sub .breadcrumb {
	margin:  0 0px 15px 16px;
	color:#1f155c;
	font:normal 12px Arial, Helvetica, sans-serif;

}
#middle_body_sub .breadcrumb ul.menu {
	width:100%;
}
#middle_body_sub .breadcrumb ul.menu li {
	background:url(../images/breadcrumb_icon.gif) no-repeat 9px 5px;
	float:left;
	color:#1f155c;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:0px 25px 0px 25px;
}
#middle_body_sub .breadcrumb ul.menu li.first {
	background:none;
	padding:0px;
	
}
#middle_body_sub .breadcrumb ul.menu li a {
	float:left;
	color:#1f155c;
	font:normal 12px Arial, Helvetica, sans-serif;
}
#middle_body_sub .breadcrumb ul.menu li a:hover {
	float:left;
	color:#1f155c;
	font:normal 12px Arial, Helvetica, sans-serif;
}
#middle_body_sub .breadcrumb a {
	color:#1f155c;
	font:normal 12px Arial, Helvetica, sans-serif;
}

/*------------------------------- breadcrumb ----------------------------*/

/*------------------------------- left ----------------------------*/
#left {
	width:175px;
	height:100%;
	float:left;
	padding-top:25px;
}
#left .links {
	width:100%;
	margin:11px 0px 0px 0px;
	padding:0 0 0 0;
}
#left .links h3 {
	background:url(../images/left_h3_bg.gif) left top no-repeat;
	width:160px;
	height:29px;
	color:#1b105d;
	font:bold 17px "Arial", Helvetica, sans-serif;
	padding:10px 0px 0px 15px;
}
#left .links ul.menu {
	background:url(../images/left_mid_bg.gif) left top repeat-y;
	width:175px;
	height:100%;
	padding:0 0 4px 0;
}
#left .links ul.menu li {
	padding:7px 0px 7px 17px;
	border-top:1px solid #cfe3e3;
}
#left .links ul.menu li a {
	color:#1b105d;
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	background-color:inherit;
}
#left .links ul.menu li a.chat {
	background:url(../images/chat.gif) no-repeat 0px 1px;
	padding:0px 0px 0px 25px;
	font:bold 13px Arial, Helvetica, sans-serif;
}
#left .links ul.menu li a.mail {
	background:url(../images/mail.gif) no-repeat 0px 3px;
	padding:0px 0px 0px 25px;
	font:bold 13px Arial, Helvetica, sans-serif;
}
#left .links ul.menu li a.contact {
	background:url(../images/contact_icon.gif) no-repeat 0px 3px;
	padding:0px 0px 0px 25px;
	font:bold 13px Arial, Helvetica, sans-serif;
}
#left .links ul.menu li a.arrow {
	background:url(../images/arrow.gif) no-repeat 0px 3px;
	padding:0px 0px 0px 15px;
}

#left .links ul.menu li a.arrow:hover {
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
/*------------------------------- left ----------------------------*/

/*------------------------------- mid (texte interne) ----------------------------*/
#mid {
	width:612px;
	float:left;
	margin:0px 0px 0px 17px;
}
#mid h2 {
	color:#1d1160;
	font:normal 22px "Arial", Helvetica, sans-serif;
	background-color:inherit;
	margin:0 0 5px 0;
}
#mid ul {
	margin:0px;
	padding:0px;
	}
#mid ul li{
	margin:0px;
	padding:0px;
	float:left;
	}
#mid ul li a{
	float:left;
	background:url(../images/nav_bg1.gif) 0 0 repeat-x;
	}
#mid ul li a span.left{
	float:left;
	background:url(../images/nav_left.gif) 0 0 no-repeat;
	}
#mid ul li a span.right{
	float:left;
	background:url(../images/nav_right.gif) right 0 no-repeat;
	font:normal 12px/34px Verdana, Arial, Helvetica, sans-serif;
	color:#4a5555;
	background-color:inherit;
	text-align:center;
	}
#mid ul li a:hover{
	float:left;
	background:url(../images/nav_bg1_h.gif) 0 0 repeat-x;
	}
#mid ul li a:hover span.left{
	float:left;
	background:url(../images/nav_left_h.gif) 0 0 no-repeat;
	}
#mid ul li a:hover span.right{
	float:left;
	background:url(../images/nav_right_h.gif) right 0 no-repeat;
	font:normal 12px/34px Verdana, Arial, Helvetica, sans-serif;
	color:#1d1160;
	background-color:inherit;
	text-align:center;
	}
	
#mid ul li a.selected{
	float:left;
	background:url(../images/nav_bg1_h.gif) 0 0 repeat-x;
	}
#mid ul li a.selected span.left{
	float:left;
	background:url(../images/nav_left_h.gif) 0 0 no-repeat;
	}
#mid ul li a.selected span.right{
	float:left;
	background:url(../images/nav_right_h.gif) right 0 no-repeat;
	font:normal 12px/34px Verdana, Arial, Helvetica, sans-serif;
	color:#1d1160;
	background-color:inherit;
	text-align:center;
	}
#mid .middle {
	background:url(../images/mid_bg.gif) left top repeat-y;
	padding:0px 30px 0px 30px;
	color:#464646;
	font:normal 13px "Arial", Helvetica, sans-serif;
}
#mid .middle .video {
	background:url(../images/video.gif) left top no-repeat;
	width:278px;
	height:167px;
	float:left;
	margin:20px 0px 20px 0px;
}
#mid .middle .text {
	width:100%;
    line-height:1.8em;  /* line-height - mise à jour 13 mars 2012*/
	float:left;
	margin:0px 0px 20px 0px;
	padding-top:10px;

}
#mid .middle .text a { color:#4a7cbb;}

#mid .textContent ul{ float:none; margin-left:25px;}
#mid .textContent ul li a{ float:none; background:none;}
#mid ul li { float:none;}
#mid ul li ul { margin-left:45px; list-style-type:square;}
.textContent {	width:100%;	line-height:1.2em;	float:left;	margin:0px 0px 20px 0px; padding-top:10px; clear:both; }
#mid h1 { font-weight:bold; color:#1d1160; }

#mid h2 { color:#1d1160; font-size:18px; margin:5px 0 10px 0; font-weight:bold; }

#mid h4 { color:#1d1160; }

#mid h3 { color:#464646; font-family:"Arial", Helvetica, sans-serif; line-height:1.2em; font-weight:bold; }


.textContent h2 { line-height:1.5em;}
.textContent h1 { line-height:1.2em;}
.textContent ul { font-size:13px; float:none;}
.textContent ul li { font-size:13px;  line-height:1.2em; float:none; list-style-type:disc; }
.textContent ul li a { float:none; background:none;  }
.textContent ul li ul { margin-left:15px;}
.textContent p { line-height:1.2em; text-align:justify; float:none; margin: 5px 0 10px 0; }
.textContent a {color:#4a7cbb; float:none; background:none;}
#mid .middle .text p{ line-height:18px; text-align:justify;}
#mid .middle p {
	padding:0px 0px 0px 0px;
}
#mid .middle .space {
	padding:0px 0px 6px 0px;
}
/*------------------------------- left ----------------------------*/

/*------------------------------- right ----------------------------*/
#right {
	width:180px;
	height:100%;
	float:right;
	padding-top:25px;
}
#right .quote {
	width:180px;
	margin:11px 0px 0px 0px;
}
#right .quote ul {
	background:url(../images/right_mid.gif) left top repeat-y;
	width:100%;
	padding:0px;
	margin:0px;
}
#right .quote ul li {
	padding:0px;
	margin:0px;
	text-align:center;
	padding:9px 0px 0px 0px;
}
#right .quote ul li.first {
	color:#006d98;
	font:normal 26px "Tahoma", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-align:center;
	padding:0px;
	margin:0px;
}

#right .quote ul li.price {
	color:#13007F;
	font:normal 40px Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0px;
	margin:0px;
	font-weight:bolder;
}
#right .quote ul li.last {
	background:url(../images/h4_bg.png) no-repeat 12px 2px; /* Image mise à jour 13 mars 2012*/
	height:24px; /* padding du contenant - mise à jour 13 mars 2012*/
	padding:8px 0px 0px; /* padding du texte du bouton - mise à jour 13 mars 2012*/
	margin:0px;
}
#right .quote ul li.last h4 a {/* texte : Request a quote*/
	font:bold 13px "Arial", Helvetica, sans-serif;
	color:#fff; /* Couleur du texte - mise à jour 13 mars 2012*/
	text-decoration:none;
	text-shadow: 1px 1px 0px #333333;
	background-color:inherit;
	}
#right .pdf {
	margin:11px 0px 0px 0px;
	width:180px;
}
#right .newslatter {
	font-size: 11px;
	width:180px;
	margin:12px 0px 0px 0px;
	background:url(../images/news_bg.gif) 0 0 no-repeat;
	height:50px;
	padding:0px 0 0 0;
}
#right .newslatter h4 {
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#1f106f;
	background-color:inherit;
	padding:5px 0 5px 0;
}
.text_tab{
	width:120px;
	height:17px;
	border:solid 1px #a8bebe;
	background-color:#fff;
	font:normal 14px/17px Arial, Helvetica, sans-serif;
	color:#626262;
	padding:0 2px 0 2px;
	}
/*------------------------------- right ----------------------------*/

div.box01{
	width:319px;
	float:left;
	}	
div.box02{
	width:319px;
	float:left;
	margin:0 0 0 0px;
	}		
div.box03{
	width:319px;
	float:left;
	margin:0 0 0 0px;
	}		
div.box04{
	width:217px;
	float:right;
	}	
p.bottomcol{ vertical-align:top;}
p.top_carp{
	background:url(../images/box_top_carp320.gif) 0 0 no-repeat;
	height:34px;
	font:bold 14px/16px "Tahoma", Arial, Helvetica, sans-serif;
	color:#1D1160;
	padding:12px 0 0 0px;
	background-color:inherit;
	text-align:center;
	}	
	p.top_carp1{
	
	font:bold 14px/16px "Tahoma", Arial, Helvetica, sans-serif;
	color:#1D1160;
	}
div.box_repid{
	background:url(../images/box_repid320.gif) 0 0 repeat-y;
	padding:5px 0 0 0;
	}	
p.box_text{
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	padding:15px 20px 0 16px;
	background-color:inherit;
	}	
p.box_text span{
	color:#1919C5;
	background-color:inherit;
	}	
	

p.read_more01{
	font:bold 12px/10px Arial, Helvetica, sans-serif;
	color:#FFF; /* Bouton read more - Couleur mise à jour 13 mars 2012*/	
	padding:10px 0 10px 30px;
	background-color:inherit;
	height: 24px; /* Position du texte Read More - mise à jour 13 mars 2012*/
	}		
p.read_more01 a{
	color: #FFF;
	font-weight: bold;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0px #333333;
	background: #333366 repeat-x;; /* Couleur mise à jour 13 mars 2012*/	
	border: 4px solid #333366;
	border-radius:5px;
	box-shadow: 0px 1px 0px #222;
	-moz-box-shadow: 0px 1px 0px #222;
	-webkit-box-shadow: 0px 1px 0px #222;
	}	
p.read_more01 a:hover{
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0px #333333;
	background: #4c4884; /* Couleur mise à jour 13 mars 2012*/
	border: 4px solid #4c4884; 
	}
	
p.small_top_carp{
	background:url(../images/carp02.gif) 0 0 no-repeat;
	height:32px;
	font:bold 14px/16px "Tahoma", Arial, Helvetica, sans-serif;
	color:#1D1160;
	padding:12px 0 0 70px;
	background-color:inherit;
	}	
		
div.small_box_repid{
	background:url(../images/carp_repid.gif) 0 0 repeat-y;
	padding:5px 0 0px 0;
	}	
p.small_box_text{
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	text-align:left;
	padding:0px 30px 0 30px;
	background-color:inherit;
	height:90px;
	}	
p.small_box_text a{ color:#4a7cbb;}
p.box_text span{
	color:#1919C5;
	background-color:inherit;
	}	
	
p.date{
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	color:#8C8C8C;
	padding:10px 35px 0 16px;
	background-color:inherit;
	}		

.ContactDetail h2{ margin-top:15px;}
/*========body=============*/		
	
	
	
	
/*========footer=============*/	
	
#footer{
	background:url(../images/transversal-footer_bg.png) left top repeat-x #1e1260;
	width:100%;
	margin:0 auto;
	}	
#footer_in{
	width:1000px;
	margin:0 auto;
	padding:20px 0 3px 0;
	}	
	
div.footer_scroll{
	background:url(../images/footer_slider_bg.png) 0 0 no-repeat;
	height:79px;
	padding:0 20px 25px 20px;
	}	
ul.scroling{
	margin:0 0 0 0;
	padding:0 0 0 0;
	}	
ul.scroling li{
	margin:0 0 0 0;
	margin:0 23px 0 23px;
	float:left;
	}		
	
div.footer_panal{
	width:1000px;
	}
div.footer_panal01{
	width:200px;
	float:left;
	}	
	
div.footer_panal05{
	width:200px;
	float:right;
	}
	
div.footer_panal06{
	width:1000px;
	float:left;
	color:#fff;
	font:normal 10px Arial, Helvetica, sans-serif;
	}
	
h3.footer_heading_text{
	font:bold 13px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:10px 0 0 0;
	}
h3.footer_heading_text a{
	color:#fff;
	background-color:inherit;
	}			
ul.footer_menu_text{
	margin:0 0 0 0;
	padding:10px 0 0 0;
	}		
ul.footer_menu_text li{
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 0 0;
	background-color:inherit;
	}	
ul.footer_menu_text li a{
	color:#fff;
	padding:0 0 0 0;
	background-color:inherit;
	}	
p.facebook{
	background:url(../images/facebook.gif) 0 15px no-repeat;
	font:bold 13px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:15px 0 0 35px;
	background-color:inherit;
	}
p.twitter{
	background:url(../images/twitter.gif) 0 6px no-repeat;
	font:bold 13px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:6px 0 0 35px;
	background-color:inherit;
	}
p.linkedin{
	background:url(../images/linkadin.gif) 0 6px no-repeat;
	font:bold 13px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:6px 0 0 35px;
	background-color:inherit;
	}
p.vimeo{
	background:url(../images/vimeo.gif) 0 6px no-repeat;
	font:bold 13px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:6px 0 0 35px;
	background-color:inherit;
	}	
	
p.youtube{
	background:url(../images/youtube.png) 0 6px no-repeat;
	font:bold 13px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:6px 0 0 35px;
	background-color:inherit;
	}
	
p.facebook a, p.twitter a, 	p.linkedin a, p.vimeo a, p.youtube a{
	color:#fff;
	background-color:inherit;
	}
h3.footer_bulate{
	background:url(../images/footer_bulate.gif) 75px 11px no-repeat;
	font:bold 13px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:6px 0 0 0;
	background-color:inherit;
	}
h3.footer_bulate a{
	color:#fff;
	background-color:inherit;
	}			
/*========footer=============*/		
	
	
	/*slider*/
.slideshow{ 
	width:1000px;
	position:relative;
	height:306px;
	}
div.main_box{
	width:1000px;
	margin:0px auto;
	position:absolute;
	}
div.left_content{
	width:494px;
	float:left;
	position:absolute;
	margin:24px 0 0 0;
	}
div.right_content{
	width:500px;
	float:right;
	margin:24px 0 0 502px;
	position:absolute;
	}
#slider-nav{
	position:absolute;
	margin:24px 0 0 200px;
	z-index:500;
	height:1px;
	}
#slider-nav a{
	width:11px;
	height:11px;
	text-decoration:none;
	float:left;
	margin:255px 4px 0 0;
	text-indent:-200000px;
	background:url(../images/slider_bottom2.gif) no-repeat 0 0;
	}
#slider-nav a.activeSlide{
	background:url(../images/slider_bottom.gif) no-repeat 0 0;
	width:11px;
	height:11px;
	}
/*slider*/
	
	
	
.previous {
	background:url(../images/errow.gif) 0 0 no-repeat;
	width:26px;
	height:26px;
	margin:125px 0 0 145px;
	position:absolute;
	display:block;
	}
.previous:hover {
	background:url(../images/errow.gif) 0 0 no-repeat;
	}	
.next{
	background:url(../images/errow02.gif) 0 0 no-repeat;
	width:26px;
	height:26px;
	margin:125px 0 0 170px;
	position:absolute;
	display:block;
	}
.next:hover {
	background:url(../images/errow02.gif) 0 0 no-repeat;
	}