/* CSS Document */

  * {
  margin: 0;
  padding: 0;
  }
  img { border : 0;}
  
  body {
  background-color: #fff;
  padding-top: 10px;
  text-align: center;
  font-family: Verdana;
  font-size: 11px;
  color: #000;
  }
  
  #container {
  width: 770px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  top: 0;
  left: 0;
   
  }
  
  h1.logo span {display: none;}
  h1.logo {
  width: 461px;
  height: 95px;
  
  display: inline;
  margin-left: 18px;
  position: absolute;
  top: 0;
  left: 0;
  }
    

  
  #help_navigation {
   float: right;
   list-style: none;
   height: 95px;
   position: relative;
   top: 0;
   left: 0;
  }
  
  #help_navigation li {
   float: left;
    margin-left: 10px;
  }
  #help_navigation a span {display: none;}
  #help_navigation a:link,  #help_navigation a:visited,  #help_navigation a:active, #help_navigation a:hover  {
  
   display: block;
  
   height: 19px;
   background-repeat: no-repeat;
   background-position: left top;
   }
   
   .english_version:link, .english_version:visited, .english_version:active {
    background-image: url(../images/english_off.jpg); 
	width: 97px;
   }
   .english_version:hover {
     background-image: url(../images/english_on.jpg); 
   }
   
   .tarifs:link, .tarifs:visited, .tarifs:active {
   background-image: url(../images/tarif_off.jpg); 
   width: 154px;
   }
   .tarifs:hover {
    background-image: url(../images/tarif_on.jpg); 
   }
   
   .activation_help:link, .activation_help:visited, .activation_help:active  {
   background-image: url(../images/activation_off.gif);
   width: 69px;
   }
   .activation_help:hover {
    background-image: url(../images/activation_on.gif);
   }
   
   .support_help:link, .support_help:visited, .support_help:active   {
   background-image: url(../images/french_off.gif);
   width: 99px;
   }
   .support_help:hover {
   background-image: url(../images/french_on.gif);
   }
   .accueil:link, .accueil:visited, .accueil:active {
   background-image: url(../images/accueil_off.gif);
   width: 69px;
    } 
	.accueil:hover {
	 background-image: url(../images/accueil_on.gif);
	}
   
  
  
  
  #content {
   clear: both;
    background-image: url(../images/content_gradient.jpg);
   background-repeat: repeat-x;
   background-position: left top;
  
  
  }
  
  #content_shade {
   padding: 0 0 0 10px;
   background-image: url(../images/content_shade.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   
   
  
  }
  
  
  
  
  
  
  /* start left_column */
  
  #left_column {
  float: left;
  padding-top: 7px;
  width: 473px;
  }
  
  #homepage_infos {
   width: 473px;
   height: 230px;
   background-image: url(../images/homepage_infos.gif);
  }
  
  #homepage_infos p,  #homepage_infos ul {display: none;}
  
  #homepage_infos2 {
   
   background-image: url(../images/macaron.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   padding-top: 16px;
   padding-left: 153px;
  
  } 
  
  #homepage_infos2 p, #text_content p.arrows_para {
  padding-bottom: 16px;
  padding-left: 16px;
  background-image: url(../images/blue_arrow.jpg);
  background-repeat: no-repeat;
  background-position: 0 2px; 
  }
 #text_content p.arrows_para  {
   padding: 0 0 0 16px;
  }
  
  
  #homepage_infos2 a:link, #homepage_infos2 a:visited, #homepage_infos2 a:active, #homepage_infos2 a:hover {
   color: #EC7A21;
   font-weight: bold;
  } 
  
  
  
  
  
  #main_menu {
   list-style: none;
   width: 473px;
   height: 53px;
   background-image: url(../images/mm_bg.jpg); 
  
  }
  ul.en { background-image: url(../images/mm_bg_en.jpg) !important; }
  
  #main_menu span {
  display: none;
  }
  
  #main_menu li {
   float: left;
   padding-left: 4px;
   padding-top: 8px;
  }
  
  #main_menu li.first {
    padding-left: 7px;
  }
  
  #main_menu a:link, #main_menu a:visited, #main_menu a:active, #main_menu a:hover, #main_menu span.mm1, #main_menu span.mm2, #main_menu span.mm3, #main_menu span.mm4 {
    display: block;
	height: 45px;
	width: 112px;
	
 } 
 .mm1:link, .mm1:visited, .mm1:active , .mm1:hover { background: transparent; } 
 .mm1:hover, #main_menu span.mm1 { background-image: url(../images/mm1_on.jpg); } 
 ul.en .mm1:hover, ul.en span.mm1 { background-image: url(../images/mm1_on_en.jpg) !important; }


 
 .mm2:link, .mm2:visited, .mm2:active { background: transparent;}
 .mm2:hover, #main_menu span.mm2 {background-image: url(../images/mm2_on.jpg);} 
 ul.en .mm2:hover, ul.en span.mm2 {background-image: url(../images/mm2_on_en.jpg) !important;}
 
 .mm3:link, .mm3:visited, .mm3:active { background: transparent; }
 .mm3:hover, #main_menu span.mm3 { background-image: url(../images/mm3_on.jpg); } 
 ul.en .mm3:hover, ul.en span.mm3 { background-image: url(../images/mm3_on_en.jpg) !important; }

 
 
 .mm4:link, .mm4:visited, .mm4:active  { background:  transparent; }
 .mm4:hover, #main_menu span.mm4 { background-image: url(../images/mm4_on.jpg); } 
 ul.en .mm4:hover, ul.en span.mm4 { background-image: url(../images/mm4_on_en.jpg) !important; }

  #text_content {
   margin-left: 7px;
  }
  
  #lancer_animation {
    width: 175px;
	height: 180px;
	margin: 20px 0;
	padding: 20px;
	background-image: url(../images/lancer.gif);
	text-align: center;
  }
  
  #ajoutee {
   width: 150px;
   margin: 10px auto;
   text-align: left;
   padding-bottom: 115px;
   background-repeat: no-repeat;
   background-position: left bottom;
   background-image: url(../images/prev_vision.jpg);
  }
  
   #lancer_animation ul {
    list-style: none;
	float: left;
	width: 140px;
	text-align: left;
   }
   
   #lancer_animation ul li {
    
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/flash.jpg);
	 }
 
  #lancer_animation ul li a:link, #lancer_animation ul li a:visited, #lancer_animation ul li a:active, #lancer_animation ul li a:hover 
  { 
   display: block;
   background-repeat: no-repeat;
   background-position: right top;
   background-image: url(../images/popup.gif);
   height: 30px;
   line-height: 30px;
   color: #000;
  }	 
  
  
  
  
  
  
  
  /* start TEXT in #text_content styling       */
  
   #text_content h1 {
   padding: 10px 0;
   font-size: 16px;
   
   }
    
	#text_content img {
	display: block;
	float: left;
	padding-right: 5px;
	padding-top: 5px;
	}
	
	#shortcuts {margin: 0; padding: 10px 0; margin-left: 15px;}
	#shortcuts li {padding: 5px 0 0 0;}
	#shortcuts li a:link, #shortcuts li a:visited, #shortcuts li a:active  {text-decoration: none; color: #000; font-size: 14px; font-weight: bold; }
	#shortcuts li a:hover {text-decoration: underline;}
   
    #text_content h2 {
   
   font-size: 14px;
   padding-top: 10px;
   
   
   }
   
   #text_content p {
    padding: 10px 0;
	
   }
   
   
   
   /* end TEXT in #text_content styling       */
 
  
  
 /* end left_column */
 

 
  /* start right column   */
   #right_column {
     float: left;
     padding-top: 235px;
	 width: 270px;
	 position: relative;
	 top: 0;
	 left: 0;
	
  }
    
	
  
  
  
  #additional1, #additional2 {
    margin-left: 22px;
	padding: 10px 5px;
	text-align: center;

  }
  
  #additional2 {
    width: 225px;
	padding: 15px 15px;
	height: 190px;
	background-image: url(../images/rama.gif);
  }
  
    #additional1 {
    width: 200px;
	padding: 15px 15px;
	height: 180px;
	background-image: url(../images/rama2.gif);
  }
  
  
  #additional1 p, #additional2 p  {
  text-align: left;
  }
  
  #ovato_location {
   line-height: 14px;
  
  }
  
  #additional2 ul {
   list-style: none;
   float: left;
   text-align: left;
   width: 180px;
  
  }
  
  #additional2 ul li {
   display: inline;
  }
  
  #additional2 ul li a:link, #additional2 ul li a:visited, #additional2 ul li a:active, #additional2 ul li a:hover  {
   display: block;
   padding-left: 25px;
   color: #000;
   height: 25px;
   line-height: 25px;
   background-repeat: no-repeat;
   background-position: left center;
  }
  
  a.ie {
   background-image: url(../images/explorer.jpg);
  }
  
  a.pdf {
   background-image: url(../images/pdficon.gif);  
  }
  
  
  
  /* end right column */
  
  /*** start gabarit ***/
   #gabarit {
    padding-top: 20px;
   clear: both; 
   }
   
  #animation, #animation2 {display: block;}
  
  #gabarit2 {
   width: 100%; 
   float: left; 
   margin-bottom: 20px;
  }
  
  
  
  /** end gabarit ***/
   
 
 
  #footer_wrapper {
   padding-top: 20px;
   clear: both;
  } 
  
  #footer {
   clear: both;
   padding-top: 9px;
   border-style: solid;
   border-width: 1px 0 0 0;
   border-color: #EC7A21;
  }
  
  #second_menu {
   list-style: none;
   float: left;
  }
  
  #second_menu li {
   float: left;
   padding: 0 7px;
   border-style: solid;
   border-width: 0 0 0 1px ;
   border-color: #EC7A21; 
   height: 10px;
  }
  
  #second_menu li.first {
   border: 0;
   padding-left: 0; 
  }
  
  #second_menu a:link, #second_menu a:visited, #second_menu a:active {
   display: block;
   text-decoration: none;
   font-size: 10px;
   color: #EC7A21;
   
  }
   #second_menu a:hover {
   text-decoration: underline;
   }
  .top:link, .top:visited, .top:active {
  text-decoration: none;
   font-size: 10px;
   color: #EC7A21;
   margin-top: 5px; 
  }
  .top:hover {text-decoration: underline;} 
   
  
  #footer p {
   clear: both;
   font-size: 10px;
   line-height: 16px;
   color: #666;
   
  }
  
  /* start iframe */
     #iframe {
	  margin-left: 7px;
	 }
	 
	 #iframe iframe {
	  width: 460px;
	  height: 300px;
	  border: 0;
	 
	 }
  
  /* end iframe */
  
  #right_foto {
   position: absolute; 
   top: 19px;
   left: 16px;
  }
  #flash {
  width: 244px ;
  height: 195px;
   position: absolute;
   top: 17px;
   left: 17px;
   
  }
  
  .printer {

   padding-right: 18px;

   background-image: url(../images/printer.gif);

   background-repeat: no-repeat;

   background-position: right top;
   display: block;
   color: blue;
   text-decoration: underline;
   float: left;
   margin-bottom: 5px;
   line-height: 16px;

  }