/* CSS Document */
/*positionnement gÃ©nÃ©ral*/
html,body{margin:0px; padding:0px;background:#FFF top center no-repeat;}

ul{margin:0px;padding:0px}
li{list-style-image:none;list-style:none;}
table{float:left;width:100%;margin:5px 0 5px 0;}
input{border:1px solid #888;margin:0 0 5px 0;height:18px;}
img {border:0px;}

/*--- Page ---*/
#page {margin:0pt auto;width:950px;}
  

/*--- Header ---*/
  #header {display:block;float:left;width:100%;margin:0px;padding:0px;}
    #header #logoSiteIndex {display:block;float:left;width:210px;height:69px;margin:0px;padding:0px;overflow:hidden;}
    #header #logoSite {display:block;float:left;width:210px;height:125px;margin:0px;padding:0px;}
    
    #header #Menu {display:block;float:left;width:520px;height:34px;margin:0px;padding:35px 0px 0px 0px;background:#104469;}
      #header #Menu #menuMid a {float:left;display:inline;margin:0px;padding:0px;}
	  #header #Menu #menuMid a.service {width:109px;height:32px;background:url('../img/m1_service.gif') no-repeat 0px 0px;} 
      #header #Menu #menuMid a.service:hover {width:109px;height:32px;background:url('../img/m1_service.gif') no-repeat 0px -32px;} 
      #header #Menu #menuMid a.actu {width:89px;height:32px;background:url('../img/m1_actus.gif') no-repeat 0px 0px;} 
      #header #Menu #menuMid a.actu:hover {width:89px;height:32px;background:url('../img/m1_actus.gif') no-repeat 0px -32px;} 
      #header #Menu #menuMid a.magazine {width:87px;height:32px;background:url('../img/m1_magazine.gif') no-repeat 0px 0px;} 
      #header #Menu #menuMid a.magazine:hover {width:87px;height:32px;background:url('../img/m1_magazine.gif') no-repeat 0px -32px;} 
      #header #Menu #menuMid a.newsletters {width:96px;height:32px;background:url('../img/m1_newsletter.gif') no-repeat 0px 0px;} 
      #header #Menu #menuMid a.newsletters:hover {width:96px;height:32px;background:url('../img/m1_newsletter.gif') no-repeat 0px -32px;} 
      #header #Menu #menuMid a.prestation {width:133px;height:32px;background:url('../img/m1_prestations.gif') no-repeat 0px 0px;} 
      #header #Menu #menuMid a.prestation:hover {width:133px;height:32px;background:url('../img/m1_prestations.gif') no-repeat 0px -32px;} 
      #header #Menu #menuMid span {float:left;display:inline;margin:0px 0px 0px 0px;padding:0px;}
    
    #header #searchAll {display:block;float:left;width:220px;height:69px;margin:0px;padding:0px 0px 0px 0px;background:#104469;}
      #header #searchAll #menuTop {float:left;display:block;width:100%;height:20px;margin:0px 0px 0px 0px;padding:5px 0px 0px 0px;}
        #header #searchAll #menuTop a {float:left;display:inline;margin:0px 5px 0px 5px;padding:0px;}

      #header #searchAll #search {float:left;display:block;width:100%;margin:0px;padding:0px;}
        #header #searchAll #search form {float:right;display:block;}
        #header #searchAll #search input.texte {float:left;display:block;width:150px;margin:5px 0px 0px 0px;padding:2px;border:1px solid #06B3D0;background:url('../img/fd_champs.gif');}
        #header #searchAll #search input.submit {float:left;display:block;width:22px;height:22px;margin:5px 10px 0px 0px;padding:0px;vertical-align:middle;border-bottom:1px solid #06B3D0;}
    
    #header #filAriane {display:block;float:left;width:735px;height:30px;margin:0px;padding:0px 0px 0px 5px;}
      #header #filAriane a {float:left;display:block;margin:10px 0px 10px 0px;}
      #header #filAriane .espace {float:left;display:block;margin:0px 5px 0px 5px;}
      

    /*--- Couleur templates du fil d'Arianne ---*/
    #header #filAriane.bleu {background:#104469;}
    #header #filAriane.bleuvert {background:#0086A3;}
    #header #filAriane.bleuciel {background:#00B3EE;}
    #header #filAriane.marine {background:#155E8E;}
    #header #filAriane.orange {background:#FF6600;}
    #header #filAriane.rose {background:#A20142;}
    #header #filAriane.vert {background:#9EC300;}
      

/*--- Content ---*/
    #content{clear:both;float:left;width:950px;background:#FFF; margin:0px 0px 20px 0px;}
     
      /*--- Bloc Gauche Haut ---*/
      #content #blocLeft {clear:both;float:left;width:210px;}
      #content #blocLeft #blocTop {float:left;width:210px;height:100%;}
      #content #blocLeft #blocTop span {display:block; width:170px; margin:5px 0px 0px 15px;padding:0px 0px 5px 0px;}
        #content #blocLeft #blocTop span.list {border-bottom:1px solid black;}  
        #content #blocLeft #blocTop span.title {width:180px;margin:5px 0px 5px 15px;padding:0px;}
        #content #blocLeft #blocTop span.archives span {display:none;}  
        #content #blocLeft #blocTop span.archives a {display:block;width:170px;margin:5px 0px 5px 0px;padding:0px;}  
      #content #blocLeft #blocTop ul {margin:0px 0px 10px 0px;padding:0px;}
        #content #blocLeft #blocTop ul li {margin:2px 0px 2px 0px;padding:0px;}
          #content #blocLeft #blocTop ul li ul {margin:5px 0px 10px 10px;padding:0px;}
            #content #blocLeft #blocTop ul li ul li {margin:2px 0px 2px 0px;padding:0px;}
              #content #blocLeft #blocTop ul li ul li ul {margin:2px 0px 2px 7px;padding:0px;}
                #content #blocLeft #blocTop ul li ul li li ul {margin:2px 0px 2px 0px;padding:0px;}
      
      /*--- Couleur templates du Bloc Gauch Haut ---*/
      #content #blocLeft #blocTop.bleu {background:#D00259;}
      #content #blocLeft #blocTop.bleuvert {background:#00A7C1;}
      #content #blocLeft #blocTop.bleuciel {background:#85D9FD;}
      #content #blocLeft #blocTop.marine {background:#176193;}
      #content #blocLeft #blocTop.orange {background:#FF9900;}
      #content #blocLeft #blocTop.rose {background:#CE0258;}
      #content #blocLeft #blocTop.vert {background:#BDE41E;}
      
      /*--- Bloc Gauche Bas ---*/
      #content #blocLeft #blocBottom {float:left;width:210px;padding:10px 0px 10px 0px;}
        #content #blocLeft #blocBottom .desc {margin:5px;}
          #content #blocLeft #blocBottom .desc .title {margin:5px;}
          #content #blocLeft #blocBottom .desc .txt {margin:5px;}
        
        #content #blocLeft #blocBottom .chp {width:210px;margin:15px 5px 5px 5px;}
          #content #blocLeft #blocBottom .chp input.searchAll {float:left;display:block;width:120px;margin:0px 0px 0px 20px;padding:2px;border:1px solid #A74400;background:url('../img/fd_champs.gif');}
          #content #blocLeft #blocBottom .chp img {float:left;display:block;margin:0px 10px 0px 0px;padding:0px;vertical-align:middle;border-bottom:1px solid #A74400;}
      
      /*--- Couleur templates du Bloc Gauch Bas ---*/
      #content #blocLeft #blocBottom.bleu {background:#104469;}
      #content #blocLeft #blocBottom.bleuvert {background:#0086A3;}
      #content #blocLeft #blocBottom.bleuciel {background:#85D9FD;}
      #content #blocLeft #blocBottom.marine {background:#0E64A1;}
      #content #blocLeft #blocBottom.orange {background:#FF6600;}
      #content #blocLeft #blocBottom.rose {background:#DB025C;}
      #content #blocLeft #blocBottom.vert {background:#9EC300;}
      
      
      /*--- Bloc Droite TipAFriends & Contenu Principal & Blocs Droites ---*/
      #content #blocRight {float:left;width:720px;padding:0px 10px 0px 10px;margin:0px;}
          
        /*--- Bloc TipAFriends ---*/
        #content #blocRight #tipFriend {background:#FFF;}
          #content #blocRight #tipFriend h1 {float:left;clear:both;display:block;width:100%;border-bottom:1px solid #CDCCCA;margin:0px 0px 10px 0px;}
          #content #blocRight #tipFriend span.title {float:left;display:block;}
          #content #blocRight #tipFriend span#blocTools {float:right;display:block;}
            #content #blocRight #tipFriend span#blocTools img {vertical-align:middle;}
          
        
        /*--- Bloc Contenu Principal ---*/
        #content #blocRight #contentFlex {margin:0px 0px 0px 10px;display:block;clear:both;}
        #content #blocRight #contentFlex #blocFlexContentLeft { display:block; float:left; width:400px; }
        #content #blocRight #contentFlex #blocFlexContentRight { display:block; float:right; width:270px; }
         #content #blocRight #contentFlex img {margin:10px 10px 10px 0px;}
          #content #blocRight #contentFlex img.gauche {margin:0px 10px 5px 0px;border:1px solid #9EC300;float:left;}
          #content #blocRight #contentFlex img.droite {margin:0px 5px 5px 10px;border:1px solid #9EC300;float:right;}
          #content #blocRight #contentFlex img.noborder {border:0px;}
          #content #blocRight #contentFlex h1 {display:none;}
          #content #blocRight #contentFlex h2 {padding:0px;border-bottom:1px solid #CCCCCC;width:80%;}
          * html #content #blocRight #contentFlex h2 {padding:0px;border-bottom:1px solid #CCCCCC;width:50%;}
		  *:first-child+html #content #blocRight #contentFlex h2 {padding:0px;border-bottom:1px solid #CCCCCC;width:50%;}
          #content #blocRight #contentFlex .bleuvert h2  {width:100%;}
          #content #blocRight #contentFlex h3 {padding-top:2px;width:50%;}
          * html #content #blocRight #contentFlex h3 {padding-top:5px;}
          #content #blocRight #contentFlex h4 {margin:10px 0px 5px 0px;}
          #content #blocRight #contentFlex p {margin:7px 5px 7px 0px;}
          #content #blocRight #contentFlex p.vert {padding:5px 10px 5px 10px;margin:15px 0px 10px 0px;width:35%;background:#9EC300;}
          #content #blocRight #contentFlex p.bleu {padding:5px 10px 5px 10px;margin:15px 0px 10px 0px;width:97%;background:#04B5D6;}
          #content #blocRight #contentFlex p.orange {float:right;padding:5px 10px 5px 10px;margin:44px 0px 5px 10px;width:20%;background:#EA5E00;}
          #content #blocRight #contentFlex p.temoignage {float:right;padding:15px 5px 5px 5px;margin:5px 0px 5px 10px;width:25%;background:url(../img/guillemet.gif) no-repeat 0px 0px #EA5E00;}
          #content #blocRight #contentFlex p.citation {float:right;padding:15px 5px 5px 5px;margin:5px 0px 5px 10px;width:47%;background:url(../img/guillemet.gif) no-repeat 0px 0px #EA5E00;}
          #content #blocRight #contentFlex p.profil {float:right;margin:5px 5px 5px 5px;padding:5px 5px 15px 2px;width:35%;background:#9EC300;}
          #content #blocRight #contentFlex p.nom {padding:5px 10px 5px 10px;margin:5px 0px 5px 0px;width:90%;height:95px;}
          #content #blocRight #contentFlex p.question {clear:both;padding:5px 10px 5px 10px;margin:15px 0px 10px 0px;width:96%;background:#9EC300;}
          #content #blocRight #contentFlex p.reponse {padding:5px 10px 5px 25px;margin:0px 0px 10px 0px;width:95%;background:url(../img/guillemet.gif) no-repeat 0px 0px;}
          * html #content #blocRight #contentFlex p.reponse {padding:5px 10px 5px 25px;margin:0px 0px 10px 0px;width:67%;background:url(../img/guillemet.gif) no-repeat 0px 0px;}
          #content #blocRight #contentFlex p.note {clear:both;padding:12px 10px 12px 70px;margin:0px 0px 10px 0px;width:auto;background:url(../img/note.jpg) no-repeat 0px 0px #F0F5DF;}
          #content #blocRight #contentFlex p.en_bref {clear:both;padding:10px 10px 10px 70px;margin:0px 0px 10px 0px;width:auto;background:url(../img/en-bref.gif) no-repeat 0px 0px #ECF0DC;}
          #content #blocRight #contentFlex p.doigt {padding:10px 10px 10px 45px;margin:15px 0px;background:url(../img/doigt.jpg) no-repeat 0px 0px;border-bottom:1px solid #9C3072;}
          #content #blocRight #contentFlex p.idee {padding:10px 10px 10px 45px;margin:0px;background:url(../img/idee.jpg) no-repeat 0px 0px;border-bottom:1px solid #9C3072;}
          #content #blocRight #contentFlex p.annonce {clear:both;padding:10px 10px 12px 20px;margin:10px 0px 10px 0px;width:auto;background:#DCF2FD;}
          #content #blocRight #contentFlex p.endleft {display:block;clear:both;float:left;width:395px;}

          
          #content #blocRight #contentFlex {color:#333333;}
          #content #blocRight #contentFlex ul {float:left;width:93%;margin:0px 0px 20px 20px;padding:0px;}
          #content #blocRight #contentFlex ul li{float:left;width:100%;margin:0px 0px 5px 20px;padding:0px 0px 0px 0px;list-style-type: none;background:url(../img/puce_noir.gif) 0px 4px no-repeat;padding-left: 15px;}
          #content #blocRight #contentFlex ul.except {float:left;width:58%;margin:0px 0px 10px 15px;padding:0px;}
          #content #blocRight #contentFlex ul.except li{float:left;width:90%;margin:0px 0px 0px 15px;padding:0px;list-style-type: none;background:url(../img/puce_noir.gif) center left no-repeat;padding-left: 15px;}
          #content #blocRight #contentFlex ul.aide {float:left;width:90%;margin:0px 0px 20px 10px;padding:0px;}
          #content #blocRight #contentFlex ul.aide li{float:left;width:90%;margin:0px 0px 0px 10px;padding:0px;list-style-type: none;background:url(../img/puce_noir.gif) top left no-repeat;padding-left: 15px;color:#114366;font-size:12px;}
 

          /*--- Tableau ---*/
          #content #blocRight #contentFlex table tr td ul {float:left;width:100%;margin:0px 0px 0px 15px;padding:0px;}
          #content #blocRight #contentFlex table tr td ul li{float:left;width:100%;margin:0px 0px 4px 0px;padding:0px;list-style-type: none;background:url(../img/puce_noir.gif) center left no-repeat;padding-left: 15px;}
  
          
          /*--- Bloc Contenu Actualite (LIST) ---*/
          #content #blocRight #contentFlex .actu {}
            #content #blocRight #contentFlex .actu .title {float:left; display:block; width:100%;}
            #content #blocRight #contentFlex .actu .subHeader {float:left;display:block;margin:0px;padding:0px;}
            #content #blocRight #contentFlex .actu .subHeader span {display:inline;margin:0px;padding:0px;}
            #content #blocRight #contentFlex .actu .subHeader p.bodytext {float:none;margin:5px 0px 0px 0px;padding:0px;}
            #content #blocRight #contentFlex .actu .subHeader .more {float:right;}

          /*--- Bloc Contenu Actualite (SINGLE VIEW) ---*/
          #content #blocRight #contentFlex .solo {}
            #content #blocRight #contentFlex .solo .title {float:left; display:block; width:100%;}
            #content #blocRight #contentFlex .solo .subHeader {float:left;display:block;margin:0px;padding:0px;}
            #content #blocRight #contentFlex .solo p.bodytext {float:none;margin:5px 0px 0px 0px;padding:0px;}
            #content #blocRight #contentFlex .solo .touteActu {float:right;margin:10px 0px 0px;padding:0px 0px 0px 0px;}
		
		/*--- Bloc Contenu Temoin  (LIST) ---*/
          #content #blocRight #contentFlex .temoin { display:block; float:left; width:100%; margin:5px 0px 5px 0px;padding:0px;}
			#content #blocRight #contentFlex .temoin .listing {display:block; float:left; width:100%; margin:3px 0px 3px 0px; }
				#content #blocRight #contentFlex .temoin .listing .title {float:left; display:inline; }
				#content #blocRight #contentFlex .temoin .listing .subHeader {float:left;display:inline;}
				#content #blocRight #contentFlex .temoin .listing .subHeader p.bodytext {float:none;margin:0px 0px 0px 0px;padding:0px;}
				#content #blocRight #contentFlex .temoin .listing .more {float:inline;}
				#content #blocRight #contentFlex .temoin .listing  span {margin:0px 15px 0px 0px;}
        	
		  /*--- Bloc Contenu Résultat Service---*/
		  #content #blocRight #contentFlex #resultat {float:left;display:block;margin:10px;width:100%;}
			#content #blocRight #contentFlex #resultat p {float:left;display:block;margin:0px;padding:5px 10px 5px 10px;width:210px;height:60px;}
			#content #blocRight #contentFlex #resultat p.left {border-left:1px solid #8DAF00;}
            #content #blocRight #contentFlex #resultat p.right {border-right:1px solid #8DAF00;}
				#content #blocRight #contentFlex #resultat p a {text-decoration:none;}
		#content #blocRight #contentFlex #navigation {float:left;display:block;margin:auto;width:100%;}
			#content #blocRight #contentFlex #navigation span {display:inline;}
			#content #blocRight #contentFlex #navigation span.left {float:left;width:60px;text-align:right;font-weight:bold;}
			#content #blocRight #contentFlex #navigation span.center {float:left;width:500px;text-align:center;margin:0px 10px 0px 10px;}
				#content #blocRight #contentFlex #navigation span.center a{display:inline;float:left;margin:0px 5px 0px 5px;text-decoration:underline;}
				#content #blocRight #contentFlex #navigation span.center a.actif{display:inline;margin:0px 5px 0px 5px;text-decoration:none;font-weight:bold;}
			#content #blocRight #contentFlex #navigation span.right {float:left;width:60px;text-align:left;font-weight:bold;}
            
          /*--- Bloc Contenu Droite Contenu ---*/
          #content #blocRight #flexContentHidden {display:none;}
          #content #blocRight #blocFlex {float:right;display:block;width:270px;margin:10px 0px 0px 0px;}
          #content #blocRight #blocFlexContent {float:right;display:block;width:230px;padding:10px 0px 10px 35px;}
            #content #blocRight #blocFlexContent p.bodytext {float:left;display:block;width:100%;padding:0px;margin:4px 0px 4px 0px;}
              #content #blocRight #blocFlexContent ul {float:left;display:block;width:220px;margin:0px 0px 10px 4px;padding:0px;}
                #content #blocRight #blocFlexContent ul li {float:left;width:97%;margin:3px 0px 3px 0px;padding:0px;list-style-type: none;background:url(../img/puce_noir.gif) top left no-repeat;padding-left: 15px;}
          
          /*--- Couleur templates du Bloc Contenu Droite Contenu ---*/
          #content #blocRight #blocFlexContent ul {float:left;width:180px;margin:0px 0px 0px 5px;padding:0px;}
          #content #blocRight #blocFlexContent ul li{float:left;width:100%;margin:2px 0px 2px 0px;padding:0px;list-style-type: none;background:url(../img/puce_noir.gif) top left no-repeat;padding-left: 15px;}
          #content #blocRight #blocFlexContent.Backbleu {background:#104469 url('../img/fd_chiffres_bleu.gif') top left no-repeat;}
          #content #blocRight #blocFlexContent.Backbleuvert {background:#04B5D6 url('../img/fd_chiffres_bleuvert.gif') top left no-repeat;}
          #content #blocRight #blocFlexContent.Backbleuciel {background:#85D9FD url('../img/fd_chiffres_bleuvert.gif') top left no-repeat;}
          #content #blocRight #blocFlexContent.Backmarine {background:#0E64A1 url('../img/fd_chiffres.gif') top left no-repeat;}
          #content #blocRight #blocFlexContent.Backorange {background:#FF9C00 url('../img/fd_chiffres_orange.gif') top left no-repeat;}
          #content #blocRight #blocFlexContent.Backrose {background:#DB025C url('../img/fd_chiffres_rose.gif') top left no-repeat;}
          #content #blocRight #blocFlexContent.Backvert {background:#9EC300 url('../img/fd_chiffres_vert.gif') top left no-repeat;}
          #content #blocRight #blocFlexContent h4 {margin:5px 0px 5px 0px;}
          
          #content #blocRight #blocFlexContentRight {float:right;display:block;width:230px;padding:10px 0px 10px 35px;}
            #content #blocRight #blocFlexContentRight p.bodytext {float:left;display:block;width:95%;padding:0px 0px 0px 0px;margin:4px 0px 4px 0px;}         
          #content #blocRight #blocFlexContentRight ul {float:left;width:240px;margin:0px 0px 0px 5px;padding:0px;}
          #content #blocRight #blocFlexContentRight ul li{float:left;display:block;width:100%;margin:2px 0px 2px 0px;padding:0px;list-style-type: none;background:url(../img/puce_noir.gif) top left no-repeat;padding-left: 15px;}
          #content #blocRight .bleu #blocFlexContentRight.Back {background:#104469 url('../img/fd_chiffres_bleu.gif') top left no-repeat;}
          #content #blocRight .bleuvert #blocFlexContentRight.Back {background:#04B5D6 url('../img/fd_chiffres_bleuvert.gif') top left no-repeat;}
          #content #blocRight .bleuciel #blocFlexContentRight.Back {background:#85D9FD url('../img/fd_chiffres_bleuvert.gif') top left no-repeat;}
          #content #blocRight .marine #blocFlexContentRight.Back {background:#0E64A1 url('../img/fd_chiffres.gif') top left no-repeat;}
          #content #blocRight .orange #blocFlexContentRight.Back {background:#FF9C00 url('../img/fd_chiffres_orange.gif') top left no-repeat;}
          #content #blocRight .rose #blocFlexContentRight.Back {background:#DB025C url('../img/fd_chiffres_rose.gif') top left no-repeat;}
          #content #blocRight .vert #blocFlexContentRight.Back {background:#9EC300 url('../img/fd_chiffres_vert.gif') top left no-repeat;}
          #content #blocRight #blocFlexContentRight h4 {margin:5px 0px 5px 0px;}
          
          /*--- Bloc Contenu Droite Images ---*/
          #content #blocRight #blocFlexImg {float:right;display:block;width:238px;margin:10px 0px 10px 0px;padding:5px 2px 5px 2px;}
          #content #blocRight #blocFlexImg h4 {margin:5px 0px 5px 5px;}
            #content #blocRight #blocFlexImg p.bodytext {float:left;display:block;width:100%;padding-right:5px;margin:2px 4px 2px 4px;}
            #content #blocRight #blocFlexImg p.bloctemoignage {padding:5px 5px 5px 5px;margin:5px 0px 5px 0px;width:95%;}
                   
              
      
          /*--- Couleur templates du Bloc Contenu Droite Images---*/
          #content #blocRight #blocFlexImg.bleu {background:#104469;}
          #content #blocRight #blocFlexImg.bleuvert {background:#04B5D6;}
          #content #blocRight #blocFlexImg.bleuciel {background:#85D9FD;}
          #content #blocRight #blocFlexImg.marine {background:#0E64A1;}
          #content #blocRight #blocFlexImg.orange {background:#FF9C00;}
          #content #blocRight #blocFlexImg.rose {background:#DB025C;}
          #content #blocRight #blocFlexImg.vert {background:#9EC300;}
		  #content #blocRight #blocFlexImg.vide {height:100px;}

          /*--- Bloc Contenu Magazine Accueil ---*/
           #content #blocRight #contentFlex .dossier {float:left;display:block;width:343px;height:190px;border:1px solid #8FB53E;margin:2px 2px 2px 3px;}
            #content #blocRight #contentFlex .dossier .header {float:left;display:block;width:343px;}
              #content #blocRight #contentFlex .dossier .header img {margin:0px;padding:0px;}
            #content #blocRight #contentFlex .dossier .picture {float:left;display:block;width:102px;}
            #content #blocRight #contentFlex .dossier .content {float:left;width:333px;display:block;margin:0px 0px 0px 10px;}
              #content #blocRight #contentFlex .dossier .content p.bodytext {margin:0px;padding:0px;}
              #content #blocRight #contentFlex .dossier .content ul {float:left;width:180px;margin:10px 0px 0px 20px;padding:0px;}
                #content #blocRight #contentFlex .dossier .content ul li{float:left;width:100%;margin:2px 0px 2px 0px;padding:0px;list-style-type: none;background:url(../img/puce_noir.gif) center left no-repeat;padding-left: 15px;}
                /*#content #blocRight #contentFlex .dossier .content ul li a {float:left;display:block;width:100%;}*/
                
          #content #blocRight #contentFlex .sujet {float:left;display:block;width:168px;height:190px;margin:2px 2px 2px 3px;}
            #content #blocRight #contentFlex .sujet .header {float:left;display:block;width:168px;}
              #content #blocRight #contentFlex .sujet .header img {margin:0px;padding:0px;}
            #content #blocRight #contentFlex .sujet .content {float:left;display:block;width:168px;}
              #content #blocRight #contentFlex .sujet .content p.bodytext {float:left;width:168px;margin:0px;padding:0px;}
            
          /*--- Couleur templates du Bloc Contenu Magazine Accueil ---*/
          #content #blocRight #contentFlex .tableaudebord {border:1px solid #EEB11E;}
          #content #blocRight #contentFlex .viedelentreprise {border:1px solid #00A2B2;}
          #content #blocRight #contentFlex .investir {border:1px solid #4C4783;}
          #content #blocRight #contentFlex .juridique {border:1px solid #9B286F;}
          #content #blocRight #contentFlex .emploietsante {border:1px solid #F26920;}
          #content #blocRight #contentFlex .technique {border:1px solid #33A5D9;}
          #content #blocRight #contentFlex .organisations {border:1px solid #007777;}
          #content #blocRight #contentFlex .ergonomie {border:1px solid #6D4E2A;}
          #content #blocRight #contentFlex .clindoeil {border:1px solid #BE3733;}
          #content #blocRight #contentFlex .pourvousaider {border:1px solid #72C8D3;}
          
          /*--- Formulaire de contact ---*/
          #content #blocRight #contentFlex form#mailform {float:left;display:block;margin:0px;padding:0px;border:0;}
          #content #blocRight #contentFlex .csc-mailform{border:0px;}
          #content #blocRight #contentFlex form#mailform label {display:block;float:left;margin:5px 0px 5px 8px;width:110px;font-weight:bold;color:#888;}
          #content #blocRight #contentFlex form#mailform input {width:250px;margin:2px 0px 2px 0px;padding:3px;border:1px solid #888;}
          #content #blocRight #contentFlex form#mailform textarea {width:250px;margin:2px 0px 2px 0px;padding:3px;border:1px solid #888;}
          #content #blocRight #contentFlex form#mailform input#mailformformtype_mail {width:150px;height:25px;margin:2px 0px 2px 226px;padding:3px;}

          /*---Formulaire envoyer Ã  un ami---*/
          #content #blocRight #contentFlex form p{font-size:11px;text-align:left;}
          #content #blocRight #contentFlex form label {display:block;float:left;margin:5px 0px 5px 8px;width:150px;font-weight:bold;color:#888;}
          #content #blocRight #contentFlex form input {width:250px;margin:2px 0px 2px 0px;padding:3px;border:1px solid #888;}
          #content #blocRight #contentFlex div.csc-mailform-field input.submit {width:150px;height:25px;border:2px outset #A6BEDE;cursor:pointer;}
          
          html* #content #blocRight #contentFlex div.csc-mailform-field input.submit {height:50px;background:#00408E;border:2px outset #A6BEDE;cursor:pointer;}
            

/*--- Footer ---*/
    #footer {clear:both;float:left;display:block;width:950px;text-align:right;margin:10px 0px 0px 0px;padding:2px 0px 2px 0px;}
      #footer a {display:inline;margin:0px 10px 0px 10px;}
      #footer img {vertical-align:middle;}

      /*--- Couleur templates ---*/
      #footer.bleu {border-top:2px solid #104469;}
      #footer.bleuvert {border-top:2px solid #04B5D6;}
      #footer.bleuciel {border-top:2px solid #85D9FD;}
      #footer.marine {border-top:2px solid #0E64A1;}
      #footer.orange {border-top:2px solid #FF6600;}
      #footer.rose {border-top:2px solid #DB025C;}
      #footer.vert {border-top:2px solid #9EC300;}
      
      
/*--- Hack IE6 ---*/
        * html #header #logoSite {display:block;float:left;width:210px;height:120px;margin:0px;padding:0px;}
        * html #header #logoSite img {display:block;float:left;width:210px;height:125px;margin:0px;padding:0px;}

        * html #header .bleu {background:#104469;}
        * html #header .bleuvert {background:#00B3EE;}
        * html #header .bleuciel {background:#0086A3;}
        * html #header .marine {background:#155E8E;}
        * html #header .orange {background:#FF6600;}
        * html #header .rose {background:#A20142;}
        * html #header .vert {background:#9EC300;}

        * html #content #blocLeft #blocTop {float:left;width:210px;height:321px;}
          * html #content #blocLeft #blocTop span {display:block; width:180px; margin:5px 0px 0px 15px;padding:0px 0px 5px 0px;}
            * html #content #blocLeft #blocTop span.list {border-bottom:1px solid black;}  
            * html #content #blocLeft #blocTop span.title {display:block;width:180px;margin:5px 0px 5px 15px;;padding:0px;}  
          * html #content #blocLeft #blocTop ul {margin:0px 0px 10px 0px;padding:0px;}
            * html #content #blocLeft #blocTop ul li {margin:0px 2px 0px 2px;padding:0px;}
              * html #content #blocLeft #blocTop ul li ul {margin:0px 0px 0px 10px;padding:0px;}
                * html #content #blocLeft #blocTop ul li ul li {margin:2px 2px 2px 2px;padding:0px;}

        * html #content #blocLeft #blocBottom .desc {margin:5px;}
          * html #content #blocLeft #blocBottom .desc .title {margin:5px;}
          * html #content #blocLeft #blocBottom .desc .txt {margin:5px;}
        
        * html #content #blocLeft #blocBottom .chp {width:210px;margin:15px 0px 5px 0px;}
          * html #content #blocLeft #blocBottom .chp input.searchAll {float:left;display:block;width:120px;margin:0px 0px 0px 20px;padding:2px;border:1px solid #A74400;background:url('../img/fd_champs.gif');}
          * html #content #blocLeft #blocBottom .chp img {float:left;display:block;margin:0px 10px 0px 0px;padding:0px;vertical-align:middle;border-bottom:1px solid #A74400;}

        * html #content #blocLeft .bleu {background:#D00259}
        * html #content #blocLeft .bleuvert {background:#00A7C1}
        * html #content #blocLeft .bleuciel {background:#85D9FD}
        * html #content #blocLeft .marine {background:#176193;}
        * html #content #blocLeft .orange {background:#F39501}
        * html #content #blocLeft .rose {background:#CE0258}
        * html #content #blocLeft .vert {background:#BDE41E}        

        * html #content #blocRight {float:left;width:720px;margin:0px;padding:0px 0px 0px 20px;}
        * html #content #blocRight #tipFriend h1 {float:left;display:block;width:720px;border-bottom:1px solid #CDCCCA;}
        * html #content #blocRight #contentFlex {margin:0px;background:#FFF;}
        * html #content #blocRight #contentFlex h1 {display:none;}
        * html #content #blocRight #blocFlex {clear:none;;float:right;width:270px;margin:0px 0px 0px 0px;}
        * html #content #blocRight #blocFlexImg {float:right;width:222px;margin:10px 0px 0px 0px;padding:0px;}
          
        * html #content #blocRight .bleu #blocFlexContentRight.Back {background:#104469 url('../img/fd_chiffres_bleu.gif') top left no-repeat;}
        * html #content #blocRight .bleuvert #blocFlexContentRight.Back {background:#04B5D6 url('../img/fd_chiffres_bleuvert.gif') top left no-repeat;}
        * html #content #blocRight .bleuciel #blocFlexContentRight.Back  {background:#85D9FD url('../img/fd_chiffres_bleuvert.gif') top left no-repeat;}
        * html #content #blocRight .marine #blocFlexContentRight.Back  {background:#0E64A1 url('../img/fd_chiffres.gif') top left no-repeat;;}
        * html #content #blocRight .orange #blocFlexContentRight.Back  {background:#FF9C00 url('../img/fd_chiffres_orange.gif') top left no-repeat;}
        * html #content #blocRight .rose #blocFlexContentRight.Back  {background:#DB025C url('../img/fd_chiffres_rose.gif') top left no-repeat;}
        * html #content #blocRight .vert #blocFlexContentRight.Back  {background:#9EC300 url('../img/fd_chiffres_vert.gif') top left no-repeat;}

        * html #content #blocRight .bleu {background:#104469;}
        * html #content #blocRight .bleuvert {background:#04B5D6;}
        * html #content #blocRight .bleuciel {background:#85D9FD;}
        * html #content #blocRight .marine {background:#0E64A1;}
        * html #content #blocRight .orange {background:#FF9C00;}
        * html #content #blocRight .rose {background:#DB025C;}
        * html #content #blocRight .vert {background:#9EC300;}

        * html #content #blocRight #contentFlex .dossier {float:left;display:block;width:343px;height:190px;border:1px solid #8FB53E;margin:2px 2px 2px 3px;}
          * html #content #blocRight #contentFlex .dossier .header {float:left;display:block;width:343px;}
          * html #content #blocRight #contentFlex .dossier .picture {float:left;display:block;width:102px;}
          * html #content #blocRight #contentFlex .dossier .content {float:left;display:block;margin:0px 0px 0px 0px;}
            /** html #content #blocRight #contentFlex .dossier .content p {float:none;width:240px;margin:0px;padding:0px;}
            * html #content #blocRight #contentFlex .dossier .content p img {float:left;display:block;}            
            * html #content #blocRight #contentFlex .dossier .content p a {float:left;display:block;width:240px;margin:0px;padding:0px;}
            * html #content #blocRight #contentFlex .dossier .content ul {float:none;width:205px;margin:0px 0px 0px 0px;padding:0px;}
              * html #content #blocRight #contentFlex .dossier .content ul li {float:left;margin:0px 0px 0px 0px;padding:0px;list-style-image:url(../img/puce_noir.gif);}
            */
        * html #content #blocRight #contentFlex .sujet {float:left;display:block;width:168px;height:190px;margin:2px 2px 2px 3px;}
          * html #content #blocRight #contentFlex .sujet .header {float:left;display:block;width:168px;}
          * html #content #blocRight #contentFlex .sujet .content {float:left;display:block;width:168px;}
          * html #content #blocRight #contentFlex .sujet .content p.bodytext {float:left;width:168px;margin:0px;padding:0px;}          

          * html #content #blocRight #contentFlex ul.except {float:left;width:65%;margin:0px 0px 0px 0px;padding:0px;}
          * html #content #blocRight #contentFlex ul.except li{float:left;width:90%;margin:0px 0px 0px 5px;padding:0px;list-style-type: none;background:url(../img/puce_noir.gif) center left no-repeat;padding-left: 15px;}
          * html #content #blocRight #contentFlex ul.aide {float:left;width:90%;margin:0px 0px 0px 10px;padding:0px;}
          * html #content #blocRight #contentFlex ul.aide li{float:left;width:90%;margin:0px 0px 0px 10px;padding:0px;list-style-type: none;background:url(../img/puce_noir.gif) top left no-repeat;padding-left: 15px;color:#114366;font-size:12px;}
		  
        * html #content #blocRight #blocFlexContent {padding-left:39px;}
		* html #content #blocRight #blocFlexImg {float:right;display:block;width:242px;margin:10px 0px 10px 0px;padding:5px 2px 5px 2px;}
		* html #content #blocRight .vide {height:100px;}
            
        * html .IEbleu {border-top:2px solid #104469;}
        * html .IEbleuvert {border-top:2px solid #04B5D6;}
        * html .IEbleuciel {border-top:2px solid #85D9FD;}
        * html .IEmarine {border-top:2px solid #0E64A1;}
        * html .IEorange {border-top:2px solid #FF6600;}
        * html .IErose {border-top:2px solid #DB025C;}
        * html .IEvert {border-top:2px solid #9EC300;}
     