/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




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

body{
   background:url(../images/deg.jpg) top left repeat;    
   font-family:arial, sans-serif;
   font-size:0.75em;
   color:#454445;
   text-align:justify;
}

p{
   padding:5px 0;
}

a{
   color:#3b6e8e;
   text-decoration:underline;    
} 

a:hover{
   color:#3b6e8e;
   text-decoration:none;    
}  

h1{
   margin:0 0 12px 0;
} 

h3{
   color:#3b6e8e; 
   font-weight:bold;
   display:block;
   padding:10px 0 5px 0;
} 

#preload_image{
   display:none;    
  
}

#main{
   background:url(../images/background.jpg) top center no-repeat;   
   width:961px;
   margin:0 auto; 
   height:500px;
   position:relative;
}
#header{
    overflow:hidden;
    height:167px;
}
#header #logo{
    position:absolute;
    top:26px;
    left:26px;
}

#header #tag{
    position:absolute;
    top:26px;
    left:345px;
}

#header #topmenu{
    position:absolute;
    top:11px;
    right:37px;
    line-height:17px;
    height:19px;
} 

#langue_choix{
    position:absolute;
    top:-20px;
    right:288px;
    line-height:17px;
    height:19px;
} 

#header #topmenu *, #langue_choix *{
    float:left;
    display:block;
}

#header #topmenu span, #langue_choix span{
   margin:0 14px;
}

#header #menu{
       float:right;
       margin:127px 37px 0 0;
}

#header #menu a{ 
       float:left;
}

#image{
   background:url(../images/image_box-trans.png) top left no-repeat;
   padding:11px 0 0 13px;    
   height:194px;
   overflow:hidden;
}
#intro{
   background:url(../images/box_intro-trans.png) top left no-repeat;
   padding:10px 0 0 13px;    
   height:369px;
   overflow:hidden;
} 

#intro_text{
   background:#000;
   float:left;
   width:255px;
   height:251px;
   padding:54px 24px; 
   color:#b7aba2; 
   font-size:1.167em;
   line-height:1.2em; 
} 

#bouton{
   margin:51px 0 0 28px;    
}

#intro_video{
   background:url(../images/video.jpg) #000 center left no-repeat;
   float:left;
   width:630px;
   height:359px;
   overflow:hidden; 

 
}   

#intro_text span{
   color:#fff;    
}
#content #top{
       height:9px;
       overflow:hidden;
}
#content #content_text{
       background:url(../images/middle_box-trans.png) top left;
       margin:0px;
       padding:32px 36px;
       width:889px;  
       line-height:1.25em;
}

#content #bottom{
       background:url(../images/footer.jpg) 0px 5px no-repeat;
       height:257px;
       margin:0px;
       padding:0px;

}

#content #bottom img{
       float:left;
       margin:0px;
       padding:0px;

} 

#content ul{
   margin:5px 0 5px 25px;
   list-style-type:disc;    
}

#content ul ul{
   margin:5px 0 5px 25px;
   list-style-type:circle;    
}

#content ul li{
   margin:2px 0;
} 

#content #bottom img#partenaire_logo{
   margin:9px 0 32px 2px;
   display:block; 
   text-align:center;   
}  


#footer{
   text-align:center;
   padding:85px 0 57px 0;
   font-size:0.917em;
   color:#000;
}   

.boite{     
   background:#edecea; 
   padding:0 0px 0px 10px;
   margin:5px 0 0 0;
}

.li_text{
   padding:0 10px 5px 10px;    
   background:#edecea; 
   border-right:5px solid #fff;

}  

.li_text2{
   padding:0 0px 5px 10px;    
   background:#edecea; 

}

.li_text2 h3{
    color:#514f50;
    } 

td{
   border-bottom:5px solid #fff;
}

.li_logo{
   margin:0 0 0 5px; 
   text-align:center;
   vertical-align:middle;  
      background:#edecea; 

} 

.li_logo2{
   margin:0 0 0 5px; 
   text-align:center;
   vertical-align:top;  
      background:#edecea; 
  padding:38px 0 0 0;
      
  width:175px;

} 
 

.li_logo img{
      margin:20px 0 0 0;
    }  

.end{
   clear:both;    
} 

small{
  font-size: 	0.917em;  
} 


.text_contact{
   float:left;    
}

.image_contact{
   float:right;
   margin:10px 0 0 0;    
} 
 
#bloc_intro{
 background:url("../images/intro_05.jpg") top left no-repeat; 
 margin:60px 0 0 0;
 padding:20px 0 0 0;
 height:594px;
 width:921px;
 position:relative; 
} 

#main2{
   background:none; 
   width:921px;
   margin:0 auto;
} 

#small_intro_text{
    width:241px; 
    height:219px;
    text-align:justify;
    margin:207px 0 0 259px;  
    line-height:  	1.167em; 
}  

#innovateur{
    margin:24px 0 0 0;    
}

#intro_button{
    position:absolute;
    top:363px;
    left:517px;    
}  

#intro_button2{
    position:absolute;
    top:400px;
    left:517px;    
} 
#logo_intro{
   margin:0 0 0 252px;    
} 

.small_intro_font{
   font-size: 	 	0.929em;   
   line-height: 	 	1.154em;
}                                         



/*MENUS ------ */
#menu a span, #header #topmenu a span, #langue_choix a span{
   display:none;    
}
#accueil{
 background:url("../images/menu/accueil-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:102px;
 height:33px; 
  cursor:pointer;

} 

#accueil:hover, #accueil.active{
 background:url("../images/menu/accueil_over-trans.png") top left no-repeat;  
}  
  


#societe{
 background:url("../images/menu/notre-societe-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:112px;
 height:33px;
 cursor:pointer;
} 

#societe:hover, #societe.active{
 background:url("../images/menu/notre-societe_over-trans.png") top left no-repeat;  
} 

#solutions{
 background:url("../images/menu/solutions-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:117px;
 height:33px;  
  cursor:pointer;

} 

#solutions:hover, #solutions.active{
 background:url("../images/menu/solutions_over-trans.png") top left no-repeat;  
}  
  


#partenaires{
 background:url("../images/menu/partenaire-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:132px;
 height:33px;  
  cursor:pointer;

} 

#partenaires:hover, #partenaires.active{
 background:url("../images/menu/partenaire_over-trans.png") top left no-repeat;  
}   

#i3vision{
 background:url("../images/menu/i3visioncare-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:119px;
 height:33px;  
  cursor:pointer;

} 

#i3vision:hover, #i3vision.active{
 background:url("../images/menu/i3visioncare_over-trans.png") top left no-repeat;  
} 

#home{
 background:url("../images/menu/home-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:102px;
 height:33px; 
  cursor:pointer;

} 

#home:hover, #home.active{
 background:url("../images/menu/home_over-trans.png") top left no-repeat;  
}

#playvideofr{
 background:url("../images/bouton_video-trans.png") top left no-repeat;  
 width:177px;
 height:30px; 
  cursor:pointer;

} 

#playvideofr:hover, #playvideofr.active{
 background:url("../images/bouton_video_over-trans.png") top left no-repeat;  
}

#playvideoen{
 background:url("../images/bouton_video_EN-trans.png") top left no-repeat;  
 width:177px;
 height:30px; 
  cursor:pointer;

} 

#playvideoen:hover, #playvideoen.active{
 background:url("../images/bouton_video_over_EN-trans.png") top left no-repeat;  
}      
  


#company{
 background:url("../images/menu/our-company-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:112px;
 height:33px;
 cursor:pointer;
} 

#company:hover, #company.active{
 background:url("../images/menu/our-company_over-trans.png") top left no-repeat;  
} 

#solutions_en{
 background:url("../images/menu/our-solutions-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:117px;
 height:33px;  
  cursor:pointer;

} 

#solutions_en:hover, #solutions_en.active{
 background:url("../images/menu/our-solutions_over-trans.png") top left no-repeat;  
}  
  


#partners{
 background:url("../images/menu/our-partners-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:132px;
 height:33px;  
  cursor:pointer;

} 

#partners:hover, #partners.active{
 background:url("../images/menu/our-partners_over-trans.png") top left no-repeat;  
}   

#i3vision_en{
 background:url("../images/menu/i3visioncare-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:119px;
 height:33px;  
  cursor:pointer;

} 

#i3vision_en:hover, #i3vision_en.active{
 background:url("../images/menu/i3visioncare_over-trans.png") top left no-repeat;  
}
 #contactus{
 background:url("../images/menu/contact-us-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:95px;
 height:19px;  
  cursor:pointer;

} 

#contactus:hover, #contactus.active{
 background:url("../images/menu/contact-us_over-trans.png") top left no-repeat;  
}                                                                                     

#contact{
 background:url("../images/menu/contactez-nous-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:95px;
 height:19px;  
  cursor:pointer;

} 

#contact:hover, #contact.active{
 background:url("../images/menu/contactez-nous_over-trans.png") top left no-repeat;  
}  

#langue, #english{
 background:url("../images/menu/english-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:46px;
 height:19px;  
  cursor:pointer;

} 

#langue:hover, #langue.active, #english:hover, #english.active{
 background:url("../images/menu/english_over-trans.png") top left no-repeat;  
} 

#francais{
 background:url("../images/menu/francais-trans.png") top left no-repeat;  
 display:block;
 float:left;
 width:55px;
 height:19px;  
 cursor:pointer;

} 

#francais:hover, #francais.active{
 background:url("../images/menu/francais_over-trans.png") top left no-repeat;  
} 


#entrerfr{
 background:url("../images/entrer-trans.png") top left no-repeat;  
 display:block;
 width:120px;
 height:36px;  
  cursor:pointer;

} 

#entrerfr:hover, #entrerfr.active{
 background:url("../images/entrer_over-trans.png") top left no-repeat;  
} 

#entreren{
 background:url("../images/enter-trans.png") top left no-repeat;  
 display:block;
 width:120px;
 height:36px;  
  cursor:pointer;

} 

#entreren:hover, #entrerenactive{
 background:url("../images/enter_over-trans.png") top left no-repeat;  
} 

#supportfr{
 background:url("../images/support-trans-fr.png") top left no-repeat;  
 display:block;
 width:120px;
 height:36px;  
  cursor:pointer;

} 

#supportfr:hover, #supportfr.active{
 background:url("../images/support-over-trans-fr.png") top left no-repeat;  
} 

#supporten{
 background:url("../images/support-over-trans.png") top left no-repeat;  
 display:block;
 width:120px;
 height:36px;  
  cursor:pointer;

} 

#supporten:hover, #supporten.active{
 background:url("../images/support-trans.png") top left no-repeat;  
} 


.text_contact_left{
   float:left;    
   width:443px;
   display:inline;
   border-right:1px solid #43839f;
   font-size:1.083em;
}

.text_contact_right{
   float:left;    
   width:380px;
   margin:0 0 0 62px;
   display:inline;
   font-size:1.083em;
}

.text_contact_left .t_left, .text_contact_left .t_right{
   float:left;    
   width:210px;
   text-align:left;
   display:inline;
}

.text_contact_right .t_right{
   float:left;    
   width:210px;
   text-align:left;
   display:inline;
}

.text_contact_right .t_left{
   float:left;    
   width:200px;
   text-align:left;
   display:inline;
}
.text_contact_right .t_right{
   float:left;    
   width:180px;
   text-align:left;
   display:inline;
}