@charset "UTF-8";
@media all
{
/* ######################################################################
                             MARKETING
###################################################################### */

/* ############## GENERAL ############## */
/* ----------------------------------
Background
----------------------------------- */
body { }
.colorSite { color:#99806f; }

a:focus, a:hover, a:active { color:#99806f; }

.container-bg5050 { position:relative; z-index:1; }
.bg5050l { width:50%; height:615px; float:left; background:url('/images/marketing/bg-L.gif') repeat-x; }
.bg5050r { width:50%; height:615px; float:right; margin-left:-5px; background:url('/images/marketing/bg-R.gif') repeat-x; }
.bg5050l-2 { width:50%; height:247px; float:left; background:url('/images/marketing/bg-L.gif') repeat-x; }
.bg5050r-2 { width:50%; height:250px; float:right; margin-left:-5px; background:url('/images/marketing/bg-R.gif') repeat-x; }
.wraper { position:absolute; top:0; left:0; width:100%; z-index:5; }
.fRow2 a{color:#FFFFFF;}
#header { background:url('/images/marketing/bg-menu.jpg') no-repeat 0 100%; height:203px; padding:45px 6px 0 0; }

h1 strong,
h1 span,
span.date { color:#99806F; }
.c500r p,
.c550r p { font-size:11px; }
a.pageCurrent { color:#99806f; }


/* ----------------------------------
Personalized width for columns
----------------------------------- */
  .c42l { float: left; width: 42%; }
  .c58r { float: right; margin-left: -5px; width: 58%; position:relative; }
  .c220l { float: left; width: 190px; border-right:1px dotted #bcbcbc; padding-right:30px; height:100%; }
  .c250l { float: left; width: 230px; }
  .c500r { float: left; width: 500px; /*margin: 0 0 25px 25px;*/ }
  .c525r { float: left; width: 525px; margin: 40px 0 30px 15px; }
  .c550r { float: left; width: 500px; margin-left: 25px; min-height:400px; }
  * html .c550r { height:400px; }
  .c560r { float: left; width: 545px; margin-left: 15px; min-height:400px; }
  * html .c560r { height:400px; }
  .c680r { float: left; width: 680px; margin-left: 15px; }

/* ############## HEADER ############## */
/* ----------------------------------
Barre de navigation en haut à droite de la page
----------------------------------- */
  .box-header-navigation { position: absolute; right:0; top:0px; background: url('/images/marketing/bg_nav-top.png') no-repeat top right; text-align:right; width:615px; padding-top:10px; }
    .box-header-navigation,
    .box-header-navigation div { float:left; }
      .box-header-navigation div.adress { font-size:83%; text-align:left; width:326px; }
      .box-header-navigation div.tel { font-size:75%; text-align:center; width:147px; }
      .box-header-navigation div.language { width:50px; text-align:center; width:36px; }
        .box-header-navigation div.language a { font: bold 92% "Century Gothic"; } /* 92% de 12px = 11px */
        .box-header-navigation div.language a#currentLang,
        .box-header-navigation div.language a:hover,
        .box-header-navigation div.language a:focus,
        .box-header-navigation div.language a:active { color:#99806f; }
      .box-header-navigation div.acces { width:69px; }
        .box-header-navigation div.acces a { font: bold 75% "Century Gothic",Arial,sans-serif; margin-top:2px; } /* 75% de 12px = 9px */

/* ----------------------------------
Logo et espace de publicité
----------------------------------- */
  .logo-principal { width:237px; height:62px; background:url('/images/marketing/logo.png') no-repeat; }
  .header-right-container { width:100%; height:100px; text-align:right; }
.header-right-container img { margin-left:20px;}
  
/* ----------------------------------
Barre de repère dans la navigation (breadcrumb)
----------------------------------- */
  .navigation-arbo { /*border-bottom:1px solid #836aa3;*/ font-size:83%; margin:20px 0 10px 0px;} /* 83% de 12px = 10px */
  .navigation-arbo a:hover,
  .navigation-arbo a#current { color:#99806f; }
  .navigation-arbo a#current { font-weight:bold; }


/* ############## MAIN - Homepage ############## */
/* ----------------------------------
2 colonne -  main - LEFT side
----------------------------------- */
  .TwoCol-container { font-family:"Century Gothic",Verdana,sans-serif; height:357px; }
  .TwoCol-container .subtitle { font-size:116.67%; font-weight:bold; }/* 14px */
  .TwoCol-container .teaser { text-align:justify; font-size:133.33%; }/* 16px */
  .TwoCol-container .author { color:#99806f; font-size:83%; }/* 10px */
  .TwoCol-container .author strong { color:#000; font-weight:normal; }

/* ----------------------------------
2 colonne -  main - RIGHT side
----------------------------------- */
  /*.slideshow { width:533px; height:341px; }*/
  .slideshow2 { width:100%; position:relative; }
  .slideshow2-left { float: right; width: 180px; margin: -295px -30px 0 0; }
  * html .slideshow2-left { position: absolute; top: 370px; left: 790px; }

/* ----------------------------------
3 colonne -  FIRST COLUMN
----------------------------------- */
  .mark .titreCols { color: #99806f; text-transform:uppercase; font-size:15px; }

  .cols-colOne { float:left; width:252px; background:url('/images/marketing/bg_accolade-small.png') no-repeat; padding:21px 27px 0 0; height:370px; }
  .cols-colOne p { font-size:11px; }

/* ----------------------------------
3 colonne -  SECOND COLUMN
----------------------------------- */
  .cols-colTwo { float:left; width:264px; background:url('/images/marketing/bg_accolade-small.png') no-repeat; padding:21px 27px 0 0; }
  .cols-colTwo-content { border-left:1px dotted #99806f; padding:0 0 0 12px; }
  .cols-colTwo p { font-size:11px; }
/* ----------------------------------
3 colonne -  THIRD COLUMN
----------------------------------- */
  .cols-colThree { float:left; width:181px; background:url('/images/bg_box-typeThree-repeat.png') repeat-y;   margin-top:12px;}
  .cols-colThree-content { width:165px;  background:url('/images/bg_accolade-vertic.png') no-repeat 0 7px; border-bottom:1px dotted #FFF; padding:2px 6px 5px 15px; }
  .cols-colThree-content img{ float:left; }
  .cols-colThree-content .NomBlogDirect{width:110px; float:left; padding:0px; margin:0px; color:#726547;}
  .cols-colThree-content .small{font-size:9px; margin-top:0px; float:left; width:110px;}
  .cols-colThree-content .titreBillet{text-transform:uppercase; width:155px;float:left; }
  .cols-colThree-content .titreBillet a { color:#726547; font-size:11px; }

/* ----------------------------------
COL LEFT
----------------------------------- */
#container-video { margin-top: 30px; position:relative; background:url('/images/marketing/box-video.jpg') no-repeat; width:190px; height:149px; text-align:center; padding-top:30px; }
#container-video a.videoNext { position:absolute; bottom:5px; left:10px; font-size:10px; }
.acco-metiers { margin: 5px 0 15px 0; }
.acco-cpd { margin: -7px 0 15px 0; }
*+html .acco-cpd { margin-top: -26px; }
* html .acco-cpd { margin-top: -26px; }
.c250l h2 { text-align: right; }
.c250l li { list-style-type: none; border-bottom: 1px dotted #333; text-align: right; font-weight: bold; padding: 5px 0 5px 0; }
.align-right { text-align: right; }
.bg-btn-c250l { width: 182px; height: 18px; padding: 3px 0 0 8px; background: url('/images/bg-btn-c250l.png') no-repeat; }
*+html .bg-btn-c250l { padding-top: 2px; }
.bg-btn-c250l a { font-size: 10px; font-weight: bold; color: #FFF; }

.c220l h2 { font-size:16px; text-align:right; color:#99806F; text-transform:uppercase; }
.c220l h3 strong { font-size:16px; color:#99806F; font-style:normal; }
.bbottom { border-bottom:1px dotted #99806f; }

/*--  formulaire  --*/
#formCol-bottom { min-height:6px; background:#99806f url('/images/marketing/box-form-foot.png') no-repeat bottom left; }
* html #formCol-bottom { height:6px; margin-left:-1px; }
#formCol-btn { background:#99806f url('/images/marketing/box-form-top.png') no-repeat top left; }

/*-- accordion --*/
.mark .ui-state-active a,
.mark .ui-state-active a:link,
.mark .ui-state-active a:visited { color:#99806F; }

p.subTitle { text-align:right; font-size:11px; }

/* ----------------------------------
COL RIGHT
----------------------------------- */

.c500r hr, .c525r hr, .c550r hr { border-color: #bcbcbc; border-style: dotted; }
.c525r-col1 { float: left; width: 157px; margin-right: 10px; }
*+html .c525r-col1 { height: 380px; }
* html .c525r-col1 { height: 380px; }
.c525r-col2 { float: left; width: 157px; border-left: 1px dotted #333; padding-left: 15px; margin-right: 10px; }
.c525r-col3 { float: left; width: 157px; border-left: 1px dotted #333; padding-left: 15px; /*background: url('/images/marketing/acco-vertical.gif') no-repeat -1px 0;*/  }
/*.c525r-col3 { text-transform: uppercase; color: #99806f; }*/
.subtitle-cpd { float: right; margin: -26px 250px 0 0; color: #679f13; }
* html .subtitle-cpd { margin-right: 120px; }
.acco-res { margin-top: -7px; }
*+html .acco-res { margin-top: -26px; }
* html .acco-res { margin-top: -26px; }
.top_resul_left { float: left; font-size:11px; font-weight:bold; }
.top_resul_left span { color:#99806f; }
.top_resul_right { float: right; font-size:10px; }


.img-resultat { float: left; margin-right: 15px; padding-bottom: 25px; }
.img-cas-pratique { margin-right: 25px; }
.link-resul-left { position:absolute; left:0; top:0; }
.link-resul-middle { text-align:center; position:relative; width:100%;}
.link-resul-right { position:absolute; right:0px; top:0; }
.actions-cp { margin-left: 5px; font-weight: bold; font-size:11px; text-transform:uppercase; }


/* ################## FOOTER ################## */
/* ----------------------------------
Footer - second part
----------------------------------- */
  .box-footer-second-part { float:left; width:223px; height:49px; background:url('/images/bg_footer-box-first.png') no-repeat; padding:10px 10px 0 20px; }

/* ----------------------------------
Footer - third part
----------------------------------- */
  .box-footer-third-part { float:left; width:215px; height:49px; background:url('/images/bg_footer-box-second.png') no-repeat; padding:10px 10px 0 20px; }

  .box-footer-second-part a, .box-footer-third-part a { color: #FFFFFF; text-transform:uppercase; font-size:14px; }

/* ----------------------------------
Footer - fourth part
The propertie "position:relative" in the declaration "box-footer-fourth-part" permit to fix an ie6 bug
called "faulty element-stacking over the edge of an element with 'Layout'"
----------------------------------- */
  .box-footer-fourth-part { z-index:100; float:left; position:relative; width:134px; height:420px; background:url('/images/marketing/bg_footer-box-third.png') no-repeat; margin-top:-392px;  padding-top:31px; padding-left:15px; padding-right:15px;}
* html .box-footer-fourth-part{  }

.decouvrez { color: #FFFFFF; text-transform:uppercase; font-size:13px; }
.univer_crea { color: #FFFFFF; text-transform:uppercase; font-size:22px; }



/* ################## NEW !!!! FOOTER ################## */

 #newFooter { background:#d7d7d7 url(/images/bg-newFooter-Marketing.png) top left repeat-x; min-height:302px; height:auto !important; height:302px; }




/* ################## MENU LAVALAMP ################## */
  .lavaLamp { position:relative; height:41px; overflow:hidden; margin:0; }
  .lavaLamp li { float:left; list-style:none; margin-left:0px; }
    .lavaLamp li.back { background: url("/images/marketing/barR.gif") no-repeat top right; width:7px; height:11px; z-index:20; position:absolute; top:30px; }
      .lavaLamp li.back .start { background: url("/images/marketing/barL.gif") no-repeat top left; width:100%; height:11px; }
      .lavaLamp li.back .left { background: url("/images/marketing/barC.gif") no-repeat top center; height:11px; margin-right:7px; margin-left:7px; }
      .lavaLamp li a { font: normal 14px "Century Gothic",Arial,sans-serif; text-decoration:none; color:#000; outline:none; text-align:center; top:0px; text-transform:uppercase; letter-spacing:0; z-index:10; display:block; float:left; height:20px; position:relative; overflow:hidden; margin:auto 10px; }
        .lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited { border:none; }


/* ################## TAG CLOUD HOMEPAGE MARKETING ################## */
.TagCloud { position: relative; overflow:hidden; height:300px; margin-top:30px; line-height:18px; text-align: justify;}

/*.TagCloud span{ display:block; float:left; padding:3px 10px;}
.TagCloud span:hover{color:black;} */

.tag1{font-size:28px; color:#99806f;}
.tag2{font-size:10px; color:black;}
.tag3{font-size:15px; color:#9b858d;}
.tag4{font-size:15px; color:#858585;}
.tag5{font-size:22px; color:black;}
.tag6{font-size:13px; color:black;}
.tag7{font-size:18px; color:#9b858d; font-weight:bold;}
.tag8{font-size:13px; color:black;}
.tag9{font-size:15px; color:#858585;}
.tag10{font-size:13px; color:#726547;}
.tag11{font-size:30px; color:#9b858d; letter-spacing:-2px;}
.tag12{font-size:15px; color:black;}
.tag13{font-size:15px; color:#99806f;}
.tag14{font-size:12px; color:black; font-weight: bold;}
.tag15{font-size:19px; color:black; font-weight: bold;}



} /* end @media all */

#searchbox { margin-bottom:20px; text-align: right; }
#searchbox input { width: 158px; border: 1px solid #E7E7E7; margin: 3px 0; padding:4px 26px 4px 4px; background:url('/images/marketing/ico_loupe_marketing.png') no-repeat 98% 50%; }
#autoCompleteResponse p { color: #FF0000; font-size: 10px; font-style: italic; }
#autoCompleteResponse { height:10px; }

#boxVideoContainer { background-color:#fff; }
#boxVideo { background-color:#E6E2E3; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:181px; height:45px; color:#726547; font-size:13px; font-family:"Century Gothic", sans-serif; text-align:center; }
#boxVideo strong { font-size:20px; font-weight:normal; }
#boxVideo a { color:#726547; }