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

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

a:focus, a:hover, a:active { color:#735488; }

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

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

.tips  { font-size:10px; }

ul#refList { margin-bottom:400px; display:none; }
#refList, #refList li { margin:0; list-style-type:none; }
#refList li { float:left; margin:10px; }
#refList a { display:block; width:75px; height:75px; }

input#submitFormContact { background:url('/images/evenementiel/btn-envoyer.png') no-repeat; }

/* ----------------------------------
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; }
  .c550r { float: left; width: 500px; margin-left: 25px; }
  .c525r { float: left; width: 525px; margin: 40px 0 30px 15px; }

  .c525r { float: right;margin-right:180px; }
  * html .c525r { margin-right:90px; }

  .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/evenementiel/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:#735488; }
      .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/evenementiel/logo.png') no-repeat; }
  .header-right-container { width:100%; height:100px; }
.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:#735488; }
  .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 { font-size:133.33%; }/* 16px */
  .TwoCol-container .author { color:#735488; font-size:83%; }/* 10px */
  .TwoCol-container .author strong { color:#000; font-weight:normal; }
  p.teaser a, ul.teaser a { color:#735488; }

/* ----------------------------------
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
----------------------------------- */
  .cols-colOne { float:left; width:252px; background:url('/images/bg_accolade-small-mauve.png') no-repeat; padding:21px 27px 0 0; height:370px; }
  
  .even .titreCols { color: #735488; text-transform:uppercase; font-size:15px; }

/* ----------------------------------
3 colonne -  SECOND COLUMN
----------------------------------- */
  .cols-colTwo { float:left; width:264px; background:url('/images/bg_accolade-small-mauve.png') no-repeat; padding:21px 27px 0 0; }
  .cols-colTwo-content { border-left:1px dotted #735488; padding:0 0 0 12px;  }
/* ----------------------------------
3 colonne -  THIRD COLUMN
----------------------------------- */
  .cols-colThree { float:left; width:181px; background: #FFF 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:0; 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/evenementiel/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:#735488; text-transform:uppercase; }
  .c220l h3 strong { font-size:16px; color:#735488; font-style:normal; }
  .bbottom { border-bottom:1px dotted #735488; }

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

  /*-- accordion --*/
  .even .ui-state-active a,
  .even .ui-state-active a:link,
  .even .ui-state-active a:visited { color:#735488; }

  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:#735488; }
  .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/evenementiel/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; }


.boxGreyRounded { background-color: #D7D7D7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin: 10px 0; }
.box190 { margin-bottom:15px; float: right; width: 190px; }
.box190-head { background:url('/images/creatif/box190-head-sans.png') no-repeat; height:25px; font-size:1%;}
.box190-content { background:url('/images/creatif/box190-repeat.png') repeat-y; overflow:hidden; padding:12px; position: relative; margin-top: -15px; font-size: 11px; }
.box190-content span { font-size: 12px; }
.box190-foot { background:url('/images/creatif/box190-foot.png') no-repeat; height:8px; font-size:1%; }

.formationDetail table { width: 100%; }
tbody td { border: 1px solid #EEE; }
.tableauTitre { background-color: #D7D7D7; font-weight: bold; }


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

 #newFooter { background:#d7d7d7 url(/images/bg-newFooter-Evenementiel.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/evenementiel/barR.gif") no-repeat top right; width:7px; height:11px; z-index:20; position:absolute; top:30px; }
      .lavaLamp li.back .start { background: url("/images/evenementiel/barL.gif") no-repeat top left; width:100%; height:11px; }
      .lavaLamp li.back .left { background: url("/images/evenementiel/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; }
      * html .lavaLamp li a { margin:auto 5px; }
        .lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited { border:none; }


/* ################## TAG CLOUD HOMEPAGE EVENEMENTIEL ################## */
.TagCloud { overflow:hidden; height:300px; margin-top:70px; padding-top:20px; margin-bottom: 30px; margin-left:50px; text-align:justify; line-height: 13px;}


.tag1 {font-size:25px; color: #b9a9c3; letter-spacing:-2px;} .tag1:hover {color: #735488;}
.tag2 {font-size:10px; color: black; color:#9b858d;}	
.tag3 {font-size:15px; color: #727272;} 
.tag4 {font-size:12px; color: #9B858D; letter-spacing: -1px;}   .tag4:hover {color: black;}
.tag5 {font-size:32px; color: #735488; /*text-transform: uppercase;*/ letter-spacing:-4px;} .tag5:hover {color: #b9a9c3;}
.tag6 {font-size:10px;}   
.tag7 {font-size:18px; color: #b9a9c3;}  
.tag8 {font-size:15px; color: #858585;}
.tag9 {font-size:13px;color: black;} 
.tag10 {font-size:18px; color:#9b858d; font-weight:bold;}
.tag11 {font-size:13px; color: #727272;}  
.tag12 {font-size:10px; color: #735488; font-weight: bold;} .tag12:hover {color: #b9a9c3;}
.tag13 {font-size:20px; color: #9B858D;}

.tag3:hover, .tag7:hover, .tag9:hover, .tag11:hover {color: black;}
.tag3:hover, .tag13:hover {color: #735488;}
.tag2:hover, .tag7:hover, .tag10:hover {color: #b9a9c3;}


.TagCloud {
float:left;
height:120px;
margin-top:-95px;
width:542px; width:450px;
}

} /* end @media all */