/* CSS Document */

/*color used*/
/*
light blue : #5674B9; #C0D5EB;
dark blue : #003366;
green: #92B45C;
orange:  #FF9900;
*/

/* Body
---------------------------------*/
*{
	margin:0;
	padding:0;
}

body { color:#333333;width:100%; margin,padding: 0; background : url(./images/bg.gif) repeat-x ; background-color:#ffffff; font-family: arial,helvetica,verdana;  }


/* Structure
---------------------------------*/

#container { width:717px; position: absolute; top:0px; left:50%; margin-left: -350px; background-color:#ffffff; }
#header { margin : 0; width: 717px; padding: 0; height:99px; background : url(./images/header.gif) 0px 0px no-repeat ; }
#page {border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;float:left;width:715px;}
#navig { margin,padding : 0; width: 717px;  height:28px;padding-top:0px; background : url(./images/navig.gif)  no-repeat ; background-position: right top; }
/* #largeur is for the page with one column*/
#largeur { float:left; width:690px; padding :0; margin:0px; padding-left:15px; background-color:#ffffff; }
/* #nav + # main = page with 2 columns*/
#nav { float:left; width:290px; padding :0; margin:10px 20px 4px 15px ; }
#bigmain { float: left; width: 370px; margin: 10px 0 0 0  ; padding:0 0px 5px 0px ; background-color:#ffffff; /*border-left:1px solid #ff9900;*/ display:inline;}
#footer { margin,padding : 0; width: 717px; float:right; height:10px; text-align:left; color:#ffffff;  background-color:#5674b9;}
#footer2 { font-size:small; margin,padding : 0; width: 717px; float:left; text-align:left; height:0px; background-color:#ffffff; }
#footer3{ font-size:small; margin,padding : 0; width: 717px; float:left; text-align:right; height:70px; background : url(./images/footer2.gif) top left no-repeat ; background-color:#ffffff;}

#largeur2 { float:left; width:715px; height:25px;padding :0; margin:0px; padding:13px 0px 10px 0px; background:url(images/bg-bottom.png) repeat-x bottom;background-color:#ffffff;border-bottom:1px solid #cccccc; }

#entree { float:left; width:715px;  margin:0px; padding:23px 0px 10px 0px; background:url(images/bg-left.png) repeat-y ;background-color:#ffffff;/*border-bottom:2px solid #003366;*/ }


 /* #nav_top for : home about contact 
 ---------------------------------*/

#nav_top { /*position: absolute;  top: 87px; left:320px;*/ width: 717px; text-align: right; color: #959164; padding: 0; display:block;}

#nav_top ul {  margin,padding :0; padding-top:8px; }
#nav_top ul li {  padding-top: 0px;padding-left: 20px; padding-right: 18px; height:18px; float: right; display:inline;}
#nav_top ul li.home{background:url(images/menu2/home.gif) 0px 2px no-repeat ;}
#nav_top ul li.about{background:url(images/menu2/info.gif) 0px 2px no-repeat ;}
#nav_top ul li.contact{background:url(images/menu2/contact.gif) 0px 2px no-repeat ;}
#nav_top ul li.testimonials{background:url(images/menu2/testimonials.gif) 0px 2px no-repeat ;}
#nav_top ul li.quote{background:url(images/menu2/quote.gif) 0px 2px no-repeat ;}
#nav_top ul li a { font-size:0.9em; font-family: Arial , sans-serif;color:#ffffff; }
#nav_top ul li a:hover {   text-decoration:underline; }

/* #nav_top for client  products insurance alliances */

#nav_menu { position: absolute; top: 66px; left:330px; text-align: left; color: #959164; padding: 3px 0px 3px 0px; }

#nav_menu ul { list-style:none; list-style-type: none; margin: 0; padding: 0; }
#nav_menu li { padding: 0 10px 0 0; margin: 0; float:left; display: inline;  }
#nav_menu a { width: 77px; height: 30px; display:block; }
#nav_menu a.client { background: url(./images/menu/client1.gif) no-repeat; background-position:0 -30px; }
#nav_menu a.products { background: url(./images/menu/products1.gif) no-repeat; background-position:0 -30px; }
#nav_menu a.insurance { background: url(./images/menu/insurance1.gif) no-repeat top left; background-position:0 -30px; }
#nav_menu a.alliances  { background: url(./images/menu/alliances1.gif) no-repeat top left; background-position:0 -30px; }

/*for the other browser but not IE5
html>body #nav_menu a.client{  background-position:0 -58px;}
html>body #nav_menu a.products{  background-position:0 -58px;}
html>body #nav_menu a.insurance{  background-position:0 -58px;}
html>body #nav_menu a.alliances{  background-position:0 -58px;}*/


#header a:hover {
background-position: 0 0px;
}

/*for the other browser but not IE5
html>body #header a:hover {
background-position: 0 -18px;
}*/


/* Footer 
---------------------------------*/

#footer p{padding-left:20px;}
#footer2 p{ font-size:large; text-align:center; width:250px; padding-left:50px; padding-top:2px; color:#ffffff; }
#footer3 p{ padding-top:5px;}

#footer ul {  padding-left:17px; padding-top:5px; }
#footer ul li {  padding-top: 2px;padding-right:17px; padding-left:18px;float: left; display:inline ; background:url(images/menu2/array.gif) 0px 2px no-repeat ;}
#footer ul li a { font-size:small; font-family: Arial , sans-serif; color:#003366; }
#footer ul li a:hover { color:#666666;  text-decoration:none; }


/*browser reset
---------------------------------*/
ul { list-style: none; padding: 0 ; margin: 0;  }
.solution2 ul{padding-bottom:15px;border-bottom:1px solid #cccccc;}

a { font-size:13px; color: #FF9900; text-decoration: none; font-weight:bold;}

a:hover {  color: #cccccc; text-decoration: underline;  }
a.selection{ font-size:18px; color:#ffffff; background-color:#006089; display: block; }
a.selection:hover{ font-size:18px; color:#ffffff; background-color:#cccccc; display: block; text-decoration:none; }




p,li{color:#003366;}


img {border:0;}
img.right {float:right;margin:0;}
img.left {float:left; margin:0;margin-bottom:10px;}
img.alliances{padding:10px;}


.click{cursor: pointer;}
.saut{height:20px;;display:block;}

#nav .clear{clear:both;}
#nav p{padding-left:0px;}

#bigmain ul {  padding-left: 15px; padding-top:0px; list-style-image: url(images/rond.gif);}
#bigmain ul li {  padding-bottom: 4px;padding-right: 10px;  }

li.description{font-style:italic;color: #01336E; text-align:left; padding:5px 0 5px 0;padding-left:15px; background:url(images/rond-bleu.gif) 0px 12px no-repeat ;
 word-spacing: 0.03em; line-height: 1.4em;font-size: 1em;}

p.desc {  margin:0px 7px 0 0; color:#003366; text-align:right; font-style:italic;}
p.retrait { margin-left:60px;}
.info {margin:10px 5px 15px 20px;}
p.small { font-size:10px; font-style:italic;}
P.compact { color:#666666; font-size:small; font-weight:bold;}

.solution{ float:left; width:125px; display:block;text-align:center;margin:4px 10px 0px 30px; padding:5px;}
.solution a{ color:#ff9900;  padding:2px ; display:block; text-decoration: underline; }
.solution a:hover{  text-decoration: none;}

.buttons{  text-align:center;margin:15px 20px 15px 20px; padding:5px 5px 5px 5px ; border:1px solid #cccccc; background-color:#ffffff;}
.buttons a{background:url(images/bg-link.png) 0px 6px no-repeat ; padding-left:25px;}

.solution2{ float:right; width:320px; display:block;margin:0; padding:0 35px 0 0; }
.left{ float:left; border-right:1px solid #cccccc;}
.people{ float:left; background:url(images/people2.jpg) no-repeat ; height:300px; width:351px;}


h1{ font-size:0.9em; color:#ff9900; text-transform:uppercase;font-weight:light; padding: 5px 5px 5px 10px; margin-top:0px; text-align:left;  }
h1.titre{ color:#ff9900;text-align:center; padding:3px;margin-bottom:15px;}
/*#nav h1 {text-align:right;}*/

h4{ font-size:large; font-family: Times New Roman; background:url(images/arrow.gif) 0px 16px no-repeat ; background-color:#ffffff; padding:10px 0px 15px 15px; text-transform: none; color:#666666; text-align:left;}
h5{color:#666666; text-align:right; padding:5px;}

h2{ clear:both; font-size:medium; color:#003366; border-bottom:1px solid #ff9900; margin-top:10px; text-align:left; padding-left:15px; background:url(images/arrow.gif) 0px 3px no-repeat ; cursor: pointer; /*background-color:#C0D5EB;*/ }
h2.blanc{ color:#ffffff; border-bottom:1px solid #ffffff; }
h3{ font-size:1.2em;font-style:italic; clear:both; color:#003366; padding:0px 0 0 15px; margin-bottom:5px; text-align:left; background:url(images/arrow.gif) 0px 5px no-repeat ; border-bottom:1px solid #ff9900;}

/*TESTIMONIALS
---------------------------------*/
.testimonial1 {background-color:#ffffff;padding:15px;}
.testimonial2 {background-color:#E6F0F9;padding:15px;}
.testimonial1 h1{padding:0; text-transform: none; color:#FF9800;}
.testimonial2 h1{padding:0; text-transform: none; color:#003366;}
.testimonial1 p, .testimonial2 p { font-size: 1.0em; margin-left:10px; margin-right:10px; color:#003366; text-align:left; }
.testimonial1 p.sign, .testimonial2 p.sign {font-weight:bold;color:#003366;}


/*FORMULAIRE
---------------------------------*/

fieldset { border: 1px solid #ccc; padding: 10px; margin:10px; }

input {padding: 2px;margin:2px;}
legend {color:#003366;background-color:#E6F0F9;}


/*display of qtip "title"
--------------------------------------------*/
div#qTip {
  padding: 3px;
  border: 1px solid #666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  display: none;
  background: #C0D5EB;
  color: #003366;
  font: bold 9px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}