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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/** C A R R A R D 
   brun foncé : #8D7D74
   brun clair : #C8BDB7
   vert       : #C8D879
   bleu       : #629FCA
   orange     : #fdaf0d
   fond gris  : #EBE6E6
*/
  body{
     font: 14px Times, Serif;
     background-color:#EBE6E6;
     color:#8D7D74;
  }
  a{
     color:#C8BDB7;
     text-decoration: none;     
  }
  a:hover{
     color:#8D7D74;
     text-decoration: underline;
  }	  
  #carrard{
     width:972px;
     margin:10px auto;
     background-color:#fff;
     border: 1px solid #fff;
     position:relative;
  }
  b, strong {
     font-weight: bold;
  }
  em {
     font-style: italic;
  }

  
  
  /** B L O C S */
  #header{
     width:215px;
     float:left;
     position: relative;
     margin-left:6px;
     margin-top:6px;
  }
  #sidebar{
     position: relative;
  }
  #content{
     width:730px;
     margin-left:230px;
     position: relative;   
     margin-top:0px;
     background: url('../images/content_fnd.gif') 0 0 repeat-y;
/*     background-color:#881111;     */
  }
  #footer{
     clear:both;
     background: url('../images/footer_fnd.png') 6px -16px no-repeat !important;
     background-image: url('../images/footer_fnd.gif') ;
     height:23px;
     padding-top:12px;
     margin-top:-8px;
  }

  /** C O L O R */
  .vert #banner{background: url('../images/banner_vert.png') 100% 0 no-repeat !important;}
  .vert #banner{background-image: url('../images/banner_vert.gif');}
  .vert .chapeau{ color:#C8D879;}
  .vert #menu li li.active,.vert #menu li li.active a{color:#C8D879;}
  .vert a{color:#C8D879;}
  .vert #logo_125years{ background-image: url('../images/125_anniversary_vert.gif'); }
  
  .orange #banner{background: url('../images/banner_brun.png') 100% 0 no-repeat !important;}
  .orange #banner{background-image: url('../images/banner_brun.gif');}
  .orange .chapeau{ color:#fdaf0d;}
  .orange #menu li li.active,.orange #menu li li.active a{color:#fdaf0d;}
  .orange a{color:#fdaf0d;}
  .orange #logo_125years{ background-image: url('../images/125_anniversary_brun.gif'); }
  
  .rose #banner{background: url('../images/banner_rose.png') 100% 0 no-repeat !important;}
  .rose #banner{background-image: url('../images/banner_rose.gif');}
  .rose .chapeau{ color:#dc6e92;}
  .rose #menu li li.active,.rose #menu li li.active a{color:#dc6e92;}
  .rose a{color:#dc6e92;}  
  .rose #logo_125years{ background-image: url('../images/125_anniversary_rose.gif'); }
  
  .violet #banner{background: url('../images/banner_violet.png') 100% 0 no-repeat !important;}
  .violet #banner{background-image: url('../images/banner_violet.gif');}
  .violet .chapeau{ color:#9d83be;}
  .violet #menu li li.active,.violet #menu li li.active a{color:#9d83be;}
  .violet a{color:#9d83be;}    
  .violet #logo_125years{ background-image: url('../images/125_anniversary_violet.gif'); }
  
  .cyan #banner{background: url('../images/banner_cyan.png') 100% 0 no-repeat !important;}
  .cyan #banner{background-image: url('../images/banner_cyan.gif');}
  .cyan .chapeau{ color:#8aa297;}
  .cyan #menu li li.active,.cyan #menu li li.active a{color:#8aa297;}
  .cyan a{color:#8aa297;}
  .cyan #logo_125years{ background-image: url('../images/125_anniversary_cyan.gif'); }
  
  
  .bleu_ciel #banner{background: url('../images/banner_bleu.png') 100% 0 no-repeat !important;}
  .bleu_ciel #banner{background-image: url('../images/banner_bleu.gif');}
  .bleu_ciel .chapeau{ color:#81cfea;}
  .bleu_ciel #menu li li.active,.bleu_ciel #menu li li.active a{color:#81cfea;}
  .bleu_ciel a{color:#81cfea;}  
  .bleu_ciel #logo_125years{ background-image: none; } /* pas de logo pour les templates team avec photo */
  
  .bleu #banner{background: url('../images/banner_brun_associes.png') 100% 0 no-repeat !important;}
  .bleu #banner{background-image: url('../images/banner_brun.gif');}
  .bleu #menu li li.active,.bleu #menu li li.active a{color:#629FCA;}
  .bleu a{color:#629FCA;}  
  
  
  /** H E A D E R */
  #logo{
     
  }
  #banner{
     background: url('../images/banner_brun.png') 100% 0 no-repeat !important; 
     background-image: url('../images/banner_brun.gif');         
     position:absolute;
     left:-12px;
     top:6px;
     width:743px;
     height:145px;
     z-index:10;
  }
  #logo_125years{
     position: absolute;
     right: 10px;
     bottom: 15px;
     width: 140px;
     height: 51px;
     background: transparent url(../images/125_anniversary.png) no-repeat;
  }
  #language_menu{
     position:absolute;
     right:0;
     top:152px;
  }
  #language_menu li{
     float:left;
  }
  #language_menu li a{
     display:block;
     font-weight: bold;
     padding:0 3px;
     font-family: Helvetica, Arial, sans-serif;
     font-size:70%;
     color:#C8BDB7;     
  }
  #language_menu li a.active{
     color:#8D7D74;     
  }  
  #language_menu li a:after
  {
  content: "";
  }
  #language_menu li:last-child a:after
  {
  content: "";
  }

  

  /** M E N U */	  
  #menu{
     margin:10px 0 10px 10px;
     color:#C8BDB7;	     
  }

  #menu li.active, #menu li.active a{
     color:#8D7D74;	     
  }
  #menu li.active li li, #carrard #menu li.active li li a, #menu li.active li li li a{
     color:#C8BDB7;	     
  }
  #menu li.active li li.active,  #carrard #menu li.active li li.active a{
     color:#8D7D74;
  }	  
  #menu a{
     font-size:130%;
     color:#C8BDB7;
     text-decoration: none;
  }
  #menu a:hover{
     text-decoration: underline;
  }  
  #menu ul{
     margin:4px 0 5px 15px;
  }
  #menu ul{
     font-size:90%;
  }
  #menu ul li ul{
     font-family: Helvetica, Arial, sans-serif;
     font-size: 70%;
     margin-left:12px;
     line-height:170%;
     list-style: disc outside;
  }
  
  
  /** C O N T E N T */
  #breadcrumb{
     position:absolute;
     bottom:126px;
     left:15px;
     z-index:8;
  }
  #breadcrumb li{
     float:left;
     font-family: Helvetica, Arial, sans-serif;
     font-size:70%;
  }
  #breadcrumb li a{
     color:#C8BDB7;
     text-decoration: none;
     background:url('../images/bc_fleche.gif') 100% 2px no-repeat;
     display:block;
     padding:0 10px 0 0;
     margin-right:4px;
  }
  #breadcrumb li a:hover{
     color:#8D7D74;
     text-decoration: underline;
     background-position: 100% 100% ;
  }
  #breadcrumb li:last-child a{
     color:#8D7D74;
     background:none;
  }
  
  a#option_print{
     position: absolute;
     bottom:125px;
     left: 355px;
     display: block;
     width: 17px;
     height: 17px;
     background-image: url('../images/print_ico.gif');
  }
  
  #intro{
     position:relative;
     padding-top:280px;
     background-color:#fff;
     height:16px;   
     width:auto;     
  }
  #intro h1{
     position:absolute;
     bottom:15px;
     left:15px;
     font-size: 250%;
     width:340px;
  }
  .chapeau{
     position:absolute;
     top:300px;
     left:15px;
     width:340px;
     font-size: 250%;	     
  }
  #image{
     position:absolute;
     top:146px;
     right:0;
     overflow: hidden;
     height:150px;
     width:350px;
  }
  #image img{
     float:right;
  }
  #page{
     width:328px;
     margin-left:380px;
     padding:4px 10px 10px 10px;
     min-height:350px;
/*     height:350px;*/
     font-family: Helvetica, Arial, sans-serif;
     font-size:90%;  
  }
  .ie_height{
     display:none!important;
     display:block;
     float:left;
     height:350px;
     width:0;
  }
  .page_content{
     width:100%!important;
     margin-left:0!important;
     width:98%;
     margin-left:1%;
  }
  #page ul li{
     list-style: disc outside;
     margin-left:16px;
     padding-left:-6px;
     margin-bottom:3px;
     line-height:1.3em;     
  }
  #page p{
     margin:5px 0;
     line-height:1.5em;
  }
  #page h2{     
    margin:0 0 10px 0;
  }
  #page h3{
     font-weight: bold;
     margin:20px 0 10px 0;
     font-size:120%;
  }
  #page h4{
     font-weight: bold;
     margin:12px 0 6px 0;
     font-size:100%;
  }  
  #page sup{
     vertical-align: text-top;
     line-height:3px;
  }

  
  /** F O O T E R */
  #footer_menu{
     margin-left:10px;
  }
  #footer #footer_menu li{
     float:left;
     font-size: 80%;
     margin-top:5px;
     padding:0px 6px 0px 6px;
     border-right:1px solid #8D7D74;
  }
  #footer #footer_menu li.first{ padding-left: 0px; }
  #footer #footer_menu li.last{ border-right: none; padding-right: 0px; }
  #footer #footer_menu li.right{
     float: right;
     padding-right: 8px;
     border-right: none;
  }
  #footer_menu li a{
     color:#C8BDB7;
  }

  /** H O M E **/
  #enter_links{
     position:absolute;
     z-index:99;
     top:240px;    
     right:118px;     
     width:300px;
  }
  #enter_links a{
     float:right;
     display:block;
     font-size:18px;
     color:#fff;         
  } 
  #enter_links span{
     float:right;
     display:block;
     font-size:10px;
     margin-top:6px;
     color:#fff;   
     margin-right:12px;               
  }
  #enter_links a:hover{
     color:#C8BDB7;
     text-decoration: none;
  }     
  .carrard_link_en{         
  }
  .carrard_link_fr{     
     margin-right:12px;
  }  
  #carrard_link{
    width:960px;
    margin:5px 4px;
    height:424px;
    background:url('/themes/carrard/images/carrard_logo_accueil.gif') 0 0 no-repeat;
    display:block;
    position:relative;
    border:none;
  }
  #carrard_link b{
     display:none;
  }
  #flash{
     position:absolute;
     top:278px;
     left:5px;
     display:block;
     width:953px;
     height:140px;
     
  }
  #logo_125years_home{
     position:absolute;
     top: 170px;
     left: 100px;
     z-index: 100;
  }

  /** L I S T E  M A N D A T S */
  #page .liste_mandats li{
     margin:0px 0 15px 0;
    list-style: none;
  }
  
  /** L I E N S P L A Q U E T T E */
  .lien_pdf{
     background: url('../images/icon.gif') 0 0 no-repeat;
     padding:0px 2px 2px 38px;
     font-size:14px;
     height:32px;
     display:block;
     margin-top:15px;
     width:200px;
  }
  

  /** A S S O C I E  S P E C I F I C */
  .bleu #banner{
     top:6px;
     left:-10px;
     height:260px;
  }
  .bleu #breadcrumb{
     bottom:14px;
  }
  .bleu a#option_print{
     bottom:10px;     
  }
  
  .bleu #intro{
     padding-top:280px;
     background-color:#fff;
     height:16px;   
     width:auto;
  }
  
   .bleu #intro h1{
    bottom:-40px;
    color:#629FCA;       
   }
   .bleu .chapeau{ 
    top:355px;
    font-size:120%;
    line-height:1.4em;
   }
   .bleu .chapeau a{
    display:block;
    margin-top:5px;
   }
   .bleu .liste_mandats a,.bleu .liste_engagements a,.bleu .liste_publications a{
      color:#8D7D74;
   }
   #window{
      width:731px;
      height:252px;
      margin:2px 0 0 12px;
      position:relative;
   }
   #window .prev, #window .next{
      position:absolute;
      display:block;
      bottom:10px;
      background-image: url('../images/associes_fle.png') !important;
      background-image: url('../images/associes_fle.gif');   
      background-position: 0 0;
      background-repeat: no-repeat;
      width:20px;
      height:20px;
      z-index:99;
   }
   #window .prev b, #window .next b{
      display:none;
   }   
   #window .prev{
      left:10px;
   }
   #window .next{
      background-position: 100% 0;
      right:10px;
   }
   #window .prev:hover{
      background-position: 0 100%;
   }
   #window .next:hover{
      background-position: 100% 100%;
   }
   
   /* project slideviewer */
   .stripViewer {  
      position: relative; 
      overflow: hidden;
      margin: 0 0 1px 0; 
   } 
   .stripViewer ul { /* this is your UL of images */ 
      margin: 0;
      padding: 0;
      position: relative;
      left: 0;
      top: 0;
      width: 1%;  /* set in javascript??? */ 
      list-style-type: none; 
   } 
   .stripViewer ul li {
      float: left;
   }   
   
   .avocats .chapeau h2 {
      font-size:100%;
   }
   .avocats .chapeau .mail_avocat{               
      display:block;
      margin-top:10px;
      font-size:50%;
   }   
   
   /** C A R R I E R E S */
   .chapeau #postes_disponibles{
      margin-top: 25px;
      font-size: 17px;
      line-height: 1em;
      top: 355px;
      color: #8D7D74;
   }
   .chapeau #postes_disponibles ul{
      margin-top: 5px;
      margin-left: 4px;
   }
   .chapeau #postes_disponibles ul li{
      list-style: disc outside;
      margin-left:16px;
      padding-left:-6px;
      margin-bottom:3px;
      line-height:1.3em;
   }
   
   /** C O N T A C T */
   #map_menu li{
      display:block;
      float:left;
      font-size:40%;
      padding-right:10px;
      padding-top:4px;
   }
   #map_menu li a.current{
      text-decoration: underline;
   }  
   #map_canvas{
      width:100%;
      height:200px;
      margin-top:10px;
   }