body
{
  --ff-sans: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans", sans-serif;
  --ff-serif : Georgia,Cambria,"Times New Roman", Times, serif;
  --grey-100 : hsl(0 ,0%, 10%);
  --grey-200 : hsl(0 ,0%, 22%);
  --grey-400 : hsl(0 ,0%, 40%);
  --grey-600 : hsl(0 ,0%, 60%);
  --grey-900 : hsl(0 ,0%, 90%);
/*
  background-color: #FFFFFF;
*/
  background-color: #000000;
margin:0px;
  padding:0px;
  font-size: 0.8em;
  /*
  font-family: "Arial", Verdana, "DejaVu Sans", "Bitstream Vera Sans", sans-serif; 
  */
  font-family: var(--ff-sans); 
}
body.mceContentBody {
  background-color:#FFFFFF;
}
/* Login stuff */
.hidden {display:none;}
.langue .login {
  top:0px;
 /* width:60px; */
  position:relative;
  display:block;
  float: right;
  text-decoration:none;
  text-align:right;
  background-color:#FFFFFF;
}

.clsLoginGrey {
  position:absolute;
  overflow:hidden;
  width:100%; height:900px;
  left: -10px; top: -10px;
  filter:alpha(opacity=30);
  opacity:.3; 
  background-color:#000;
  z-index: 100;
}

div.polaroid , img.polaroid {
  padding:10px 10px 30px 10px;
  background:#eee;
  border:1px solid #fff;
  box-shadow:0px 2px 15px #333;
  -moz-box-shadow:0px 2px 15px #333;
  -webkit-box-shadow:0px 2px 15px #333;
  position:relative;
  margin: 5px 10px 5px 15px;
}
#edit-div {
  z-index:100;
  position:relative;
/*  
  position:absolute;
 *  top:30%;
  left:5%;
  width:600px;
*/
  top:0;
  margin-left:5px;
  width:800px;
  margin-left:00px;
  height:600px;
}
#edit-content {
  z-index:100;
  position:relative;
/*  
 *
 *  top:30%;
  left:5%;
*/
  top:0;
  left:0;
  width:600px;
  margin-left:00px;
  height:600px;
}
#generic_login_div {
  z-index: 104;
  position:absolute;
  width:341px;
  top:40%;
  left:50%;
  margin-left:-150px;
  background:white;
  border:1px solid #0000FF;
}
#generic_login_form p.form-row  
{
    display:block;
    width:100%;
    height:20px;
    margin:5px 5px 2px 5px;
    clear:both;
}
#generic_login_form p.form-row label,
#generic_login_form p.form-row img
{
    display:block;
    width:120px;
    height:20px;
    float:left;
}
#generic_login_form p.form-row input[type=text],
#generic_login_form p.form-row input[type=password],
{
    display:block;
    float:left;
    width:160px;
    border:1px solid #0000FF;
}

#generic_login_div a , #generic_login_div .button , #generic_login_form input.submit {
  display:block;
  float:left;
  height:18px;
  width:160px;
  padding:0px;
  margin-right:5px;
  background-image:url('../../images/home/menuh_item.png');
  cursor:pointer;
  border:0px;
  color:#FFFFFF;
}
#generic_login_div a:hover , 
#generic_login_form input[type=submit]:hover , 
#generic_login_div .button_over {
  display:block;
  height:18px;
  width:160px;
  padding:0px;

  background-image:url('../../images/home/menuh_item_over.png');
}

/* Default dimensions quiet more easier to manage */
div#conteneur , div#conteneur div#head ,div#menuh ,div#bottom {width:867px;}
div#main {padding:0px;  width:805px; margin-top:0px;margin-bottom:0px;}
div#main .content {clear:both;width:890px;display:block; margin-left:157px;margin-bottom:0px;}

div#conteneur div#head {margin-left:-0px;background-image:url("../../images/home/bleue-header.png");}
div#conteneur div#main,div#conteneur div#menuh
{
 margin-bottom:0px;width:867px;
 margin-left:0px;
 background-color : white;
}
div#conteneur div#bottom {
margin-left:0px; background-color: white;}
/* Debut layout calendrier */
div#main.calendrier {width:867px;display:block; }
div#main.calendrier .content.calendrier {width:665px;display:block; margin-left:10px;margin-bottom:5px;}
div#main.calendrier div#news {float:right;display:block; width:150px; margin-right:5px;margin-top:10px;}
/* layout page calendrier */
/* Debut layout blog */
div#main.blog {width:867px;display:block; }
div#main #blog {width:845px;display:block; margin:0px 5px 5px 10px;}
div#main.blog div#news {float:right;display:block; width:150px; margin-right:5px;margin-top:10px;}
.share-top {
  display:block;
/*  border-bottom:1px solid #BBBBBB;
*/  width:100%
  height:16px;
  display:block;
  margin:0;
  padding:0;
}
.share-top ul {
/*  border:1px solid #FF0000;
 */
list-style-type:none;
  float:right;
  height:18px;
  margin:0;
  padding:4px 0px 0px 0px;
}
.share-top ul li span,.share-top ul li a{
  margin:0;
  padding:0;
  text-align:center;
  font-size:0.8em;
  vertical-align:center;
  color:#999999;
}
.share-top ul li {
    display:inline;
    list-style:none;
    float:left;
  vertical-align:center;
  margin:0;
  padding:0px 5px 0px 0px;
    /*
    line-height:16px;
    margin: 2px 0px 2px 0px;
     */
}
.facebook-share {
  margin:0;
  padding:0;
  height:16px;
  width:16px;
  display:block;
  margin:auto;
  padding:auto;
  background-image:url(/images/icons/social_signin_folio.png);
   background-position:-243px -165px; 
  /*
   background-position:0px -48px; 
   background-position:0px 24px; 
*/}
.linkedin-share {
  height:16px;
  width:16px;
  display:block;
  background-image:url(/images/icons/social_signin_folio.png);
   background-position:-243px -265px; 
  /*
   background-position:0px 24px; 
*/}
/*  layout page blog comment */
.blog-comment { 
  padding:0px 10px 0px 10px;
  /*margin:0px 10px 0px 10px;*/
 }
#comment-text { width:100%;height:60px;}
.blog-comment span {
  display:block;
  width:100%;
}
.blog-comment .title {
  display:block;
  border-top:1px solid #DDDDFF;
  border-bottom:1px solid #DDDDFF;
  height:16px;
  color:#999999;
  font-size:0.8em;
  background-color: #EEEEEE;
}

.blog-comment label {
  color:#999999;
  font-size:0.7em;
  width:150px;
  display:block;
}
/* layout page blog */
div#main .content.cv {width:790px;display:block; margin-left:15px;}
div#main div#news.cv {display:none;}
div#main.cv div#menuv {display:none;}
/* Ok, lets say we remove the left menu*/
div#main div#menuv {display:none;}
div#main .content {width:850px;display:block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px }

div#main .content.devoir {width:760px;}
div#main .content.feb {width:760px;}
div#main.content div#news {display:none; width:0px;margin:0px;}
div#news {display:none;}
div#conteneur div#logo { display:none;color:#CE7346;background-color:#FFAD53;height:63px; width:147px;}
div#news .author {font-size:0.75em; font-style:italic; margin:3px 0px 9px 0px;padding:0px 0px 10px 0px;display:block;}
div#news .title {font-size:0.8em; font-style:italic; color:#0000FF}
div#news .p_news {font-size:1.0em;; margin-bottom:2px; padding:0px 0px 0px 0px;}
div#news .snews {font-size:0.75em; font-style:italic;margin-bottom:20px;}
div#news br {font-size:0px; font-style:italic;}
div#bottom {margin-top:0px;border-top:1px solid #999999; padding:0px 0px 0px 0px; margin-top:0px}
/*div#menuh {border: solid #00FF00 1px;}
*/div#conteneur {
  position:relative;
  margin-right:auto;
  margin-left:auto;
  padding:5px;
  padding-right:4px;
}
div#head {
	/*background-color:#FFFFFF;
	 */
  height:150px;
  display:block;
  margin-bottom:0px;
}

div#logo {padding-left:10px;}
div#logo
{
  position:relative;
  display:block;
/*  border:1px solid #8EDDB6; */
  float: left;
}
div#time {display:none;}
/*
 * langue stuff 
 */
.langue {
 /* top:10px;
  right:12px;
  height:40px;
  width:99px;
  */
  position:relative;
  display:block;
/*  float:right;
 */
}
div#langue {
  height:60px;
  width:200px;
  position:relative;
  display:block;
  float: right;
  text-decoration:none;
 /* vertical-align:bottom; */
}
#langue ul {display:inline;}

#langue li
{
/*
*/  
    display:inline;
    list-style:none;
}
#langue a
{
    margin:0px;
    text-align: left;
/**/
    text-decoration: none;

}

div#langue img
{
    border:0; 
    margin-left:0.9em;
    vertical-align:middle;
}

/* top menu */
ul#top-menu {
  margin-left:2px;
  font-size:0.8em;
}

ul#top-menu li {
  border-right:1px solid #0000FF;
  padding-right:2px;
}

ul#top-menu li:last-child {
  border-right:0px solid #0000FF;
}
/* Style switcher stuff */
div#head div.time {width:0px;display:none;}
.style {/*border:1px dotted #FFFF00;;*/}
div#head div.style {/*border:1px solid #FF0000;*/ width:300px;position:relative; top:25px;left:655px;}
div.style span.style.name,div#head select.style.opt {
    margin:0px 5px 0px 5px;color:#999999; font-weight:normal;font-size:8pt;}

/* Title stuff*/
 h1 , h2 , h3 , h4
{
  color: var(--grey-100);
/*
  color:#0000FE;
  font-family: "Times New Roman", Times, "Liberation Serif",FreeSerif,serif ; 
 */
 font-family: var(--ff-serif); 
}
h1 {padding-top:10px;margin-top:0px;
font-size:1.6em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}
h4 {font-size:1.0em;}
li { color : var(--grey-400);}
div#main p
{
    display:block;
    font-weight:400;
    margin-top:5px;
    font-size:1.0em;
    color: var(--grey-400);
/*
    text-indent:1.5cm;
*/}
div#main p:first-letter
{
    font-weight:700;
}

div#main a {color:#FE00FE;}
div.container-border
{
/*   border-bottom: 2px solid #FFAD53;
*/
}

h1.h1page 
{
  text-align:center;
  text-transform:uppercase;
  margin:0px;
  padding-top:10px;
  font-family: var(--ff-sans) ; 
  border-bottom: 1px solid #0000FE;
}

/* Table stuff */
#main .table 
{
    border:1px solid #666666;
}
div#main .table_head 
{
    background-color:#FFAD53;
    color:#FFFFFF;
    font-weight:600;
}
#main .bg_color1 {background-color:#FFFFFF;}
#main .bg_color2 {background-color:#F0F0F0;}
/* Les images*/
img#advanced_corba {display:block; height:90px; width:60px; padding-right:10px;float:left;}
img#trinity_world {display:block; height:60px; width:50px; padding-right:10px;float:left;}
img#loisirs_piano {display:block; height:90px; width:120px; padding-right:10px;float:left;}

/* edit-tab */
ul#edit-tab {
 margin-top:0px;
 /* Je ne comprend pas pourquoi?*/
 margin-left:-25px;
 display:block;
 width:100%;
 padding-top:2px;
}
ul#edit-tab li {
  display:inline;
}
ul#edit-tab li a {
  display:block;
  border-right: 1px solid #0000FF;
  border-top: 1px solid #0000FF;
  height:24px;
  padding-left:10px;
  padding-right:10px;
}
ul#edit-tab li a:hover {
 background:#DDDDFF;
}


ul#edit-tab li:first-child  a {
  border-right: 1px solid #0000FF;
  margin-right:15px;
}
ul#edit-tab li:last-child a {
  border-left: 1px solid #0000FF;
  padding-right:5px;
  padding-left:5px;
}

a.button {
  text-decoration:none;
}
a.button img {
    border:none;
}

div.edit {
  width:100%;
  height:17px;
}
h1.edit a.button, h2.edit a.button,
div.edit a.button {
  float:right;
}
/* horiontal menu stuff*/


div#menuh
{
  display:block;
  position:relative;
  width:100%;
  height:18px;
  margin:0px;
  padding:0px;
  text-align:left;
  font-weight : bold; 
  font-size: 1.0em;
}
div#menuh ul
{
   /* background-color:#000000;
    margin-left:3px;
     */
    height:18px;
    width:859px;
    list-style-type:none;
    margin:0px;
    padding:0px;
}


div#menuh ul li
{
  display:inline;
  width:170px;
  height:18px;
  line-height:16px;
  float:left;
  margin-right:0px;
}

div#menuh ul li a.horizontalMenu
{
  display:block;
  position:relative;
/*  
 */ 
  width:170px;
  height:18px;
  color:#FFFFFF;
  text-decoration:none;
  text-align:center;
/*
  border: solid 1px #006634;
*/
}

div#menuh a.horizontalMenu:hover
{
  color:#FFFFFF;
  text-decoration:underline;
  background-image:url('../../images/home/menuh_item_over.png');
}


div#menuh ul.horizontalSubMenu  {width:167px;position:absolute;display:block; color:#FF0000;}
div#menuh ul li ul li {width:167px;display:block; 
 background-image:url('../../images/home/dialogh.png');
 background-repeat:repeat-x;
 background-position:0px -40px; 
 height:20px;
}
ul.horizontalSubMenu li a {color:#FFFFFF;
/* background-image:url('../../images/home/dialogh.png');
 background-repeat:repeat-x;
*/
 display:block;
 height:20px;
 text-decoration:none;padding-left:10px; }
ul.horizontalSubMenu li a:hover {
 color:#FFFFFF;text-decoration:underline;
 background-image:url('../../images/home/dialogh.png');
 background-repeat:repeat-x;
 background-position:0px -20px; 
}


li a.horizontalMenu {margin-right:0px;
	background-image:url('../../images/home/menuh_item.png');}

li#mh1 a.horizontalMenu {background-color:#0000FF;
	background-image:url('../../images/home/menuh_item.png');}
li#mh2 a.horizontalMenu, ul#smh_2 li {background-color:#0000FF; color:#FFFFFF;}
li#mh3 a.horizontalMenu, ul#smh_3 li {background-color:#0000FF;}
li#mh4 a.horizontalMenu ,ul#smh_4 li {background-color:#0000FF;}
li#mh5 a.horizontalMenu {background-color:#0000FF;}
/*
   Menu Vertical
 */

/* ------------------------------------ *
Vertical Menu
 * ------------------------------------ */

div#menuv 
{
/*
    position:absolute;
  border:solid 1px #FFCC88;
*/
    /*width 10.5em*/
  display:block;
  width: 145px;

  font-weight:bold; 
  padding:0;
  padding-top:20px;
  margin-left:5px;
  float:left;
}

#menuv a
{
    text-decoration: none;
	text-align:left;
/*
    display:block;
	color:#000;
*/
    display:block;
    cursor:pointer;
	height:15px;
	line-height:15px;
	font-weight:700;
	text-decoration:none;
	margin:0;
}

table.menu
{
/* Debug purpose 
    border:0px;
    padding:0px 0px 0px 0px;
    border:solid 1px #FFFF00;
 */    
    margin:0px;
    width:142px;
}
table.menu tr
{
    /*
    border:solid 1px #FF0000;
*/}

td.menuleft
{
    height:3px;
/*
    background-color: #FF0000;
    width:3px;
    background-image:url("../../images/icon_green_left.gif");
    border:solid 1px #0000FF;
*/
    border-width:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
 
td.menumidle
{
    height:3px;
    width:100%;
    border-width:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
/*
    background-color: #55AA55;
    border:solid 1px #0000FF;
*/
}
 
td.menuright
{
    /*
    background-color: #FF0000;
    */
    padding:0px 0px 0px 0px;
}
td.center
{
    width:3px;
/*
    border:solid 1px #99BB99;
    background-color:#FFFFFF;
*/    color:#FF0000;
}

#menuv .corner-top-center  , #menuv .corner-top-center .corner-top , #menuv .corner-top-center .corner-top .corner-left
{
 height:3px; border:0px;
/*
 background-color:#55AA55;
*/
}
#menuv .corner-top-center  { width:140px;}
#menuv .corner-top-center .corner-top {left:2;/*background-image:url("../../images/icon_green_right.gif");*/}
#menuv .corner-top-center .corner-top .corner-left { width:3px;background-color:#FFFFFF;/*background-image:url("../../images/icon_green_left.gif");*/}
#menuv .corner-top-center#Menu3 {display:block;width:140px;height:20px; background-image:url("../../images/trinity/journeybanner.jpg");}
/* Contenu d'un menu */
#menuv ul.menucontent
{
  width: 140px;
  margin-bottom:15px;
/*
  background-color: #FFFFFF;
  border:solid 1px #99BB99;
  background-color: #EFFFEF;
*/}
/* Opened menu must not have  a white background */
ul#Menu1_1  , ul#Menu1_2  ,ul#Menu1_3  ,
ul#Menu1_4 , ul#Menu1_5 , ul#Menu2_1  ,ul#Menu2_2 , ul#Menu2_3 
{background-color:#BCBC7A; color:#FFFFFF;}
.menucontent#Menu1_1 a , .menucontent#Menu1_2  a,.menucontent#Menu1_3 a ,
.menucontent#Menu1_4 a, .menucontent#Menu1_5 a, .menucontent#Menu2_1  a,.menucontent#Menu2_2 a, .menucontent#Menu2_3 a 
{text-decoration:none;background-color:#BCBC7A; color:#FFFFFF;}


ul#Menu3 {background-color:#BCBC7A; color:#FF0000;}

#menuv .corner-top-center#Menu3, #menuv .corner-top-center#Menu3 .corner-top  {background-color:#006699;}

#menuv .menu-title#Menu1 , #menuv .menu-title#Menu2 , #menuv .menu-title#Menu3, #menuv .menu-title#Menu4 {background-color:#FFFFFF; color:#0000FF}

#menuv .menu-title {display:block;width:142px;text-align:center;color:#0000FF; background-color:#FFFFFF;border-bottom:1px solid #FF00FF;}
#menuv ul {padding:0; margin:0; list-style-type: none; } 
/*
 * Titre du menu
 */ 

#menuv ul li.menu_item , #menuv ul li.menu_item_over
{
  margin:0;
  padding:0;
  width: 140px;
  background-color:#FFFFFF;
/*
  font-size: 0.85em;
  font-weight : bold; 
*/
}
#menuv ul#Menu3 li.menu_item {background-color:#BCBC7A; color:#FFFFFF;text-decoration:none;}
#menuv ul#menu3 li.menu_item_over {background-color:#BCBC7A; color:#FFFFFF;text-decoration:underline;}
#menuv ul li.menu_item_over {background-color:#FFFFFF; color:#FFAD53;text-decoration:underline;}
#menuv ul li
{
  margin:0;
  padding:0;
  width:140px;
}


#menuv ul li a
{
  /*  
  font-size:0.85em;
  font-weight : bold; 
    margin-left:5px;
  border-width:1px 1px 0px 1px;
  border:solid 1px #FF0000;
 */
  color:#FF00FF;
  height:15px;
  text-align:left;
  font-size: 11px;
  font-weight : bold; 
  text-decoration:none;
  
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  font-family:Arial, Helvetica, sans-serif;
  text-indent: 10px;
}
#menuv ul#Menu3 li a {color:#FFFFFF;}
a.menu_fleche {text-decoration:none;/*background-image:url(../../images/menu_green_fl.gif);*/ background-position:right; background-repeat:no-repeat;}

/* Retrouver la couleur d'origine !!!! */
div#menuv   a:hover
{
  /*border:solid 1px #FF0000;*/
  text-decoration:underline;
}


/* langue stuff*/
div#langue {margin-top:5px; margin-right:5px;}

div#menu-profile {
  width:150px;
  z-index:1000;
  border:solid 1px;
  position: absolute;
  padding:3px 3px 3px 3px;
  top:25px;
  background-color:#EEEEEE;
}

div#menu-profile ul {
  display:block;
  padding: 3px 10px 10px 10px;
}
div#menu-profile ul li {
  display:inline-block;
  width:100%;
  border-right:0px solid #0000FF;
}
#menu-profile ul li span {
    display:inline-block;
    height:13px;
    width:23px;
}
span.delete { display:inline-block;
    background-image:url('/andre/images/appli_evt/del.gif'); }
span.edit {
    background-repeat:no-repeat;
    background-image:url('../../images/appli_evt/edit.gif'); }

span.style {
    background-repeat:no-repeat;
    background-image:url('../../images/appli_evt/sviewer.gif'); }

span.profile {
    background-repeat:no-repeat;
    background-image:url('../../images/appli_evt/star_home.gif'); }
span.logout {
    background-repeat:no-repeat;
    background-image:url('../../images/icons/11x11/disable.gif'); }

span.home {
    display:inline-block;
    height:13px;
    width:23px;
    background-repeat:no-repeat;
    background-image:url('../../images/icons/16x16/home.png'); }



/*
 * Article stuff
 */
.Ayellow , .Agreen
{
  min-height:1em;
  margin:0;
  padding:0.4em;
 /* border: 1px solid #999999; */
}

.article {
  display:block;
  padding-bottom:20px;
}
.article .a-content {
  color:#555555;
  padding:5px;
  border: 1px solid #999999;
 /*
  font-family:Arial, Helvetica, sans-serif;
  font-family: Lucida Calligraphy ; 
 */ 
  font-family: Arial ; 
}
/*
div#columns {
   display:block;
   padding-top:10px;
}
div#col-one {
  display:block;
 padding-left:2px;
  float:left;
	width:403px;
  min-height:300px;
}
div#col-two {
  float:left;
  display:inline-block;
  width:400px;
}
.two-col {
  width:370px;
  min-height:200px;
  padding-bottom:20px;
}
*/
div.t-article {
  background-image:url('../../images/home/dialogh.png');
  background-repeat:repeat-x;
  background-position: 0px -20px;
  width:100%;
 /* font-family: Giorgia ; */
  font-family: Arial ; 
}

div#projects div.t-article {
  background-position: 0px -0px;
}
div#events div.t-article {
  background-position: 0px -40px;
}
div#iam div.t-article ,.Agreen div.t-article {
  background-position: 0px -80px;
}

span.tarticle {
  height:17px;
  padding-left:10px;
  color:#FFFFFF;
  display:block;
  font-weight:bold;
}

.tarticle a.button {
  float: right;
}
/*
 * CV stuff
 */
div#competence
{
    margin-left:0.5em;
}
div#experience, div#outil,div#etude
{
    width:100%;
    vertical-align:top;
    margin-bottom:15px;
}

div#experience div#date,
div#etude div#date
{
    width:15%;
    float:left; 
    color:#606060;
}
div#outil div#type 
{
    width:21%;
    float:left; 
    color:#606060;
}

span#duree 
{
  color:#AAAAAA;
  display:block;
/*
 * border: solid 1px #FF00FF;
 */
}

div#experience div#content, div#outil div#content, div#etude div#content
{
    margin-left:16%;
}


img#phone { padding-right:4px;}

/* Notebook stuff */

.notebook-container
{
/*  height:28px;
  background-color: #EFFFEF;
*/
  padding:0px;
  border:1px;
  margin:5px 5px 25px 5px;
}

.notebook-container .corner-top-center { background-image:url("../../images/xgui/layDisBottom.gif"); }
.notebook-container .corner-top-center .corner-top { background-image:url("../../images/xgui/layDisRightBottom.gif");}
.notebook-container .corner-top-center .corner-top .corner-left { background-image:url("../../images/xgui/layDisLeftBottom.gif"); }

.notebook-container   .corner-center { background-image:url("../../images/xgui/layBot.gif"); }
.notebook-container .corner-bottom { background-image:url("../../images/xgui/layBotRight.gif"); }
.notebook-container .corner-bottom .corner-left { background-image:url("../../images/xgui/layBotLeft.gif"); }

.notebook-line , .notebook-line ul
{
  display:block;
  height:28px;
  padding:0px;
  margin: 0px;
/*
  background-color: #EFFFEF;
*/  background-image:url("../../images/xgui/layDis.gif");
  background-repeat:repeat-x;
}

.notebook-line ul
{
  display:inline;
  float:left;
}
.notebook-line #nbleft , .notebook-line #nbright
{
  float:left;
  width:7px;
}


li.notebooktitle a#center:hover
{
    color:#DF0000;
}

li.notebooktitle #right
{
  float:left;
  opacity:0.4;
  filter:alpha(opacity=40);
    border-right:1px solid #999999;
}


li.notebooktitlecurrent , li.notebooktitlecurrent #left , li.notebooktitlecurrent #right
{
    display:inline;
    list-style:none;
    font-size:0px; /* needed for IE */
}
li.notebooktitle #left , li.notebooktitlecurrent #left {width:6px;}
li.notebooktitle #right , li.notebooktitlecurrent #right {width:25px;}

li.notebooktitlecurrent #left
{
    width:6px;
    float:left;
  border-top:1px solid #999999;
    border-left:1px solid #999999;
}

li.notebooktitlecurrent a#center
{
/*
    background-repeat:repeat-x;
*/
  float:left;
  text-decoration:none;
  display:inline;
  color:#00DDFF;
  font-weight: bold;
  font-size:10pt;
  background-color: #FFFFFF;
  border-top:1px solid #999999;
}

li.notebooktitlecurrent a#center:hover
{
  color:#FF0000;
  opacity:0.4;
  filter:alpha(opacity=40);
}

li.notebooktitlecurrent #right
{
    float:left;
    border-right:1px solid #999999;
    border-top:1px solid #999999;
    width:5px;
}

.notebook-pages 
{
  display:block;top:0px;padding:0px; margin:0px; font-size:0px; /* IE stuff */
  border-left: 1px  solid #DDDDDD;
  border-right: 1px  solid #DDDDDD;
  border-bottom: 1px  solid #DDDDDD;
  border-top: 1px  solid #FFFFFF;
 /*
  border-bottom: 1px  solid #DDDDDD;
  background-color:#EEEEEE;
*/}

.notebook-page
{
  display:block;
  position:relative;
  margin: 0px ;
  top:0px;
  padding:0px ;
/*
*/
}
.notebook-page .left {font-size:0;background-position:100% 0; background-image:url("../../images/xgui/layRight.gif"); width:auto;position:relative; background-repeat:repeat-y; top:0px;left:2px;display:block; margin:0; border:0;padding:0;}
.notebook-page-hidden { display:none; }

.notebook-page .pagecontent
{
  
  position:relative;
  left:10px;
  font-size:10pt;
/*  background-color: #eeeeee; 
  border: 1px  solid blue;
  */
}
.pagecontent-corner-top {
  border-right:1px solid #DDDDDD;
}
/* Form stuff for field set and so on. */
fieldset
{
  border-style:solid;
  border-width:1px;
/*
  border-color:#006699;
*/
  border-color:#0000FF;
  background-color:#FAFAFF;
  -moz-border-radius:5px;
  margin-left:10px;
 
}

/* 
 * contact specific stuff
 */
#contact
{
  position:relative;
  display:block;
  width:250px;
  left:200px;
  top:0;
}
div#main #contact table thead tr tr.bg_color1 ,#main #contact .bg_color2 {background-color:#FFFFEE;}

/**
 *
 */
#cv_coordonnees {
    width:300px;
}
/*calendar stuff */
#main div.calendar {border:2px solid #0000FF; margin:0px 3px 0px 3px;}
#main .calendar a {color:#999999; text-decoration:none;font-weight:normal; font-size:12px; vertical-align:middle;}
.calendar thead tr td {background-color:#0000FF;color:#FFFFFF;}
#main .calendar.date a
{color:#FFFFFF;}

#main .calendar.ny a, #main .calendar .calendar.py a, #main .calendar .calendar.nm a,#main .calendar .calendar.pm a
{ background-color:#0000FF;display:block;height:12px;width:20px; color:#FFFFFF;text-decoration:none;margin:0px;}

.calendar.ny a, .calendar .calendar.py a,  .calendar .calendar.nm a, .calendar .calendar.pm a
{ background-color:#0000FF;display:block;height:12px;width:20px; color:#FFFFFF;text-decoration:none;margin:0px;}
#main .calendar.ny a:hover, #main .calendar.py a:hover, #main .calendar.nm a:hover, #main .calendar.pm a:hover
{display:block;height:13px; text-decoration:none;width:18px;background-color:#00AD53;/*border:1px solid #CE7346;*/margin:0px;}

#main .calendar td ,#main .calendar th {width:22px;height:12px; }
/* Su, Mo Tu ....*/
#main .calendar th {color:#FFFFFF;width:22px;font-weight:normal;font-size:12px;background-color:#0099AA;}
.calendar th {color:#FFFFFF;width:22px;font-weight:normal;font-size:12px;background-color:#0099AA;}
#main .calendar td.day a {text-decoration:none;color:#999999;font-weight:normal;}
#main .calendar td.day a:hover {background-color:#00ADD3;text-decoration:none;color:#FFFFFF;font-weight:normal;}
#main .calendar td.day.today a {text-decoration:none; color:#FF0000;}
#main .calendar td.day.weekend a {text-decoration:none; color:#FF0000;}

/* barometer stuff */
#main table.barometre {font-size:10px; text-decoration:none; border:1px solid #BCBC7A; border-spacing:0px;}
#main table.barometre thead   {font-size:10px;background-color:#BCBC7A; color:#FFFFFF;}
#main table.barometre thead tr th {font-size:10px;background-color:#BCBC7A; color:#FFFFFF;}
#main table.barometre td {font-size:8px; font-weight:normal;}
#main table.barometre td div {font-size:8px; font-weight:normal;width:15px;background-color:#CE7346;color:#FFFFFF;}

/**
 * FORM stuff
 */
form {
  margin:10px 10px 10px 10px;
}

/*
 * Bottom stuff
 */
div#bottom
{
  display:block;
  position:relative;
  height:54px;
  text-align:center;
  color:#666666;
  padding-top:5px;
  font-size: 0.75em;
}

div#bottom a
{
  color:#0D0DFF;
  text-decoration:none;
}

div#bottom a:hover
{
  color:#338833;
  text-decoration:none;
}

div.bottom.nav {/*border:1px solid #FF0000;*/text-align:center; }
ul.bottom.nav  {display:inline-block;
  text-align:center;
    list-style-type:none;
/*    border:1px dotted #000000;*/
    margin: 0px auto;
    padding:0px;
    width:50%;
}
ul.bottom.nav li {width:30%;text-align:center;display:inline-block;float:left; margin:0px 5px 0px 5px;}
/*  http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    margin:0px;
    padding:0px;
    font-size:0px;
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
    overflow:hidden;
}

.clearfix {
	margin:0px;
    padding:0px;
 /*   font-size:0px;
  *   
  */
    display:inline-block;
display:-moz-inline-box;/* firefox*/}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
.clearfix {display:block;}
/* End hide from IE-mac */