/*positionnement général*/
html,body {margin:0px; padding:0px;}
body{background-color:#ffffff;}

input.champ, textarea.champ{width:200px;border:1px solid #666;background:#FFF url(../IMG/degrade_ss_header2.gif) repeat-x;}
textarea.champ{width:300px;}
label{font-weight:bold;}
/* Fenetre d'erreur*/
#wErr{position:absolute;padding:3px;z-index:300;background:#f4f4f4 left repeat-x;border:2px solid #CCC;visibility:hidden;display:none;}
#txtErr{float:left;margin-left:20px;}
/* page*/
#page{margin-left:auto;margin-right:auto;margin-top:10px;width:990px;}
  /*-centerHome*/
  #page #centerHome{float:left;width:100%;}
    /*--logo*/
    #page #centerHome #logo{float:left;width:128px;height:124px;}
    /*--centerHomeContent*/
    #page #centerHomeContent{float:left;width:862px;}

      #page #centerHomeContent #topMenu{float:left;width:100%;height:36px;background:url(../IMG/barHaut.jpg) repeat-x;}
        #page #centerHomeContent #topMenu #menu{float:right;margin-right:43px;}
        html > body #page #centerHomeContent #topMenu #menu{margin-right:85px;}
          #page #topMenu #menu a{float:left;height:36px;text-decoration:none;}
          #page #topMenu #menu a.kronos{width:129px;background:url(../IMG/m_kronos.gif) no-repeat;}
          #page #topMenu #menu a.services{width:162px;background:url(../IMG/m_services.gif) no-repeat;}
          #page #topMenu #menu a.clients{width:150px;background:url(../IMG/m_clients.gif) no-repeat;}
          #page #topMenu #menu a.contact{width:128px;background:url(../IMG/m_contact.gif) no-repeat;}
          #page #topMenu #menu a:hover{background-position:0 -36px;}
          #page #topMenu #menu a.sel{background-position:0 -72px;}
        #page #centerHomeContent #centerHomeArticle{float:left;width:100%;background:url(../IMG/ombre_menu_accueil.gif) repeat-x;}
        #page #centerHomeContent #centerHomeArticle #flashHome{float:left;margin:10px 0px 0px 10px;}
        #page #centerHomeContent #centerHomeArticle #homeArticle{float:left;margin:30px 0px 0px 10px;width:460px;}
   
   /*-header*/
   #page #header{float:left;width:100%;height:136px;background:url(../IMG/degrade_ss_header.gif) 0% 100% repeat-x;}
    /*--logo*/
    #page #header #logo{float:left;width:126px;height:136px;}
    /*--topMenu*/
    #page #header #topMenu{float:left;width:864px;height:36px;background:url(../IMG/barHaut.jpg) repeat-x;}
        #page #header #topMenu #menu{float:right;margin-right:43px;}
        html > body #page #header #topMenu #menu{margin-right:85px;}
    /*--headerContent*/
    #page #header #headerContent{float:left;width:864px;height:86px;background:url(../IMG/ombre_header.gif) repeat-x;}
      #page #header #headerContent div.headerImg{float:left;width:175px;}
      #page #header #headerContent div.headerDesc{float:left;padding:10px;width:665px;}
  /*-centerRub*/
  #page #centerRub{float:left;padding:10px;width:970px;background:url(../IMG/degrade_ss_header2.gif) repeat-x;}
    #page #centerRub #article{float:left;width:665px;padding-top:15px;}
      #page #centerRub #article h1{margin:0px;padding:0px;margin-bottom:5px;}
      #page #centerRub #article h2{margin:0px;padding:0px;margin-bottom:10px;}
      #page #centerRub #article h3{margin:0px;padding:0px;margin-bottom:5px;}
      #page #centerRub #article img{margin-left:10px;margin-bottom:10px;padding:10px;clear:both;border:2px solid #DDD;}
      #page #centerRub #article a img.service {margin-left:-10px;margin-bottom:0px;clear:both;border:0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
      #page #centerRub #article a:hover img.service {margin-left:-10px;margin-bottom:0px;clear:both;border:0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 0.7;}
      #page #centerRub #article p.service{clear:both;}
            
      #page #centerRub #article table {width:100%;border:0px;}
      #page #centerRub #article table tr{vertical-align:top;}
      #page #centerRub #article table td{text-align:left;padding-left:3px;}
      #page #centerRub #article table.tabdeco td{background:#fff url(../IMG/fd_cel.gif) no-repeat;padding-right:10px;}
	  #page #centerRub #article table td.titre{vertical-align:middle;padding-top:5px;padding-bottom:2px;text-align:left;padding-left:15px;background-color:#fb9040;font-variant:small-caps;background:#fff url(../IMG/fd_celtitre.gif) repeat-x;}
      
      #page #centerRub #article table.client{padding:0px;margin:0px;border-spacing:0px;width:100%;border:0px;}
      #page #centerRub #article table.client tr{vertical-align:top;}
      #page #centerRub #article table.client td{text-align:left;}
      #page #centerRub #article table.client tr td ul li{margin-left:-25px;list-style-image:url(../IMG/puce_orange.gif);}
      
      #page #centerRub #article table td img {margin-left:0px;margin-bottom:10px;clear:both;border:2px solid #DDD;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
      #page #centerRub #article table td a:hover img{border:2px solid #666;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 0.7;}
      #page #centerRub #article table td a img.titre {margin-left:0px;margin-bottom:10px;clear:both;border:0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
      #page #centerRub #article table td a:hover img.titre {margin-left:0px;margin-bottom:10px;clear:both;border:0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 0.7;}

      #page #centerRub #article ul li{margin-left:-5px;list-style-image:url(../IMG/puce_orange.gif);}
      #page #centerRub #article ul li ul li{list-style-image:url(../IMG/puce2.gif);}
      
      #page #centerRub #article #animLogo{float:left;width:970px;text-align:center;}
      
      #page #centerRub #rightMenu{float:left;margin-top:15px;padding-bottom:10px;margin-left:30px;width:265px;background-color:#ECE6E6;}
      #page #centerRub #rightMenu h2{margin:0px;padding:0px;padding:3px 5px;background-color:#ff6633;}
      #page #centerRub #rightMenu ul{margin:0px;padding:0px;list-style-type:none;}
      #page #centerRub #rightMenu ul.level1 a{padding:0px 10px 0px 10px;margin-left:10px;list-style-type:none;}
	  #page #centerRub #rightMenu ul.level1 li:hover{text-decoration:none;color:#ffffff;background-color:#ff9933;}
        #page #centerRub #rightMenu ul.level1 li{margin:0px;padding:3px 0px;border-bottom:1px dashed #ccc;}
        #page #centerRub #rightMenu ul.level1 li.sel.rub{background:url(../IMG/ombre_ssmenu_bas.gif) 0px 100% repeat-x;}
        #page #centerRub #rightMenu ul.level2{margin-top:5px;padding:3px 10px 3px 30px;background:#f3eff0 url(../IMG/ombre_ssmenu_haut.gif) repeat-x;}
          #page #centerRub #rightMenu ul.level2 li{padding:5px 0px;margin:0px;border-bottom:medium none;}
		  #page #centerRub #rightMenu ul.level2 li:hover{background-color:#f3eff0;}
          #page #centerRub #rightMenu ul.level2 a{padding:0px;margin:0px;}
          #page #centerRub #rightMenu ul.level2 li.sel{background:none;}
      
    #page #centerRub #contact{float:left;width:665px;}
      #page #centerRub #contact form{margin-top:20px;}
      #page #centerRub #contact label{float:left;margin-right:10px;width:200px;}
      #page #centerRub #contact input{float:left;width:200px;}
      #page #centerRub #contact textarea{float:left;width:200px;}
      #page #centerRub #contact input.sub{clear:both;margin:10px 0px 0px 210px;width:auto;}
  
      #page #centerRub #inscription h1{margin:0px 15px 5px 10px;padding:0px;}
      #page #centerRub #inscription h2{margin:0px 15px 5px 10px;padding:0px;}
      #page #centerRub #inscription h3{margin:0px 15px 5px 13px;padding:0px;}
  		#page #centerRub #inscription p {margin-top: 5px; }
  		#page #centerRub #inscription p.alerte {margin:15px 15px;padding:5px;background:#ECE6E6;border:1px solid #ff6633;}
      #page #centerRub #inscription form { margin:0; padding:0; }
  		#page #centerRub #inscription ul { list-style: none; margin:10px 0 0 0; padding: 0; }
  			#page #centerRub #inscription ul.message li { padding-top: 10px; margin-top: 20px; border-top: 2px solid #ddd; }
  			#page #centerRub #inscription ul li { float: left; width: 100%; margin-top: 10px; }
  	    #page #centerRub #inscription span.obligatoire { color: #ff6633; padding-left: 3px; font-size: 10px; }
  	    #page #centerRub #inscription label{float:left;margin-right:10px;width:200px;}
  	   		#page #centerRub #inscription label.label_check{float:none; margin-right:0;width:20px;}
    	#page #centerRub #inscription input.champ{float:left;width:200px;}
     		#page #centerRub #inscription textarea { float:left; }
      		#page #centerRub #inscription input.sub {clear:both;margin:10px 0px 0px 210px;width:auto;}
  
  
  /*-footer*/
  #page #footer{float:left;margin-top:20px;padding-top:15px;width:100%;background:url(../IMG/barBas.gif) repeat-x;}
    #page #footer #adresse1{float:left;margin-left:10px;padding-left:13px;width:150px;background:url(../IMG/mini_logo.gif) 0px 2px no-repeat;}
    #page #footer #adresse2{float:left;margin-left:50px;padding-left:13px;width:170px;background:url(../IMG/mini_logo.gif) 0px 2px no-repeat;}
    #page #footer #bottomMenu{float:right;margin-right:10px;}
