/*  AUTEUR: Usager non enregistré 
 DATE DE CREATION: 22/07/2003  */
/********** B G C O L O R   e t  F O N T C O L O R ***********/
.underline {COLOR: rgb(214,107,0); FONT-SIZE: 10px}
.error { font-weight: bold; font-size: 10px; color:#FF0000 }
.bold_font { font-weight: bold }
.font_green     {  color: rgb(99,169,82)    }
.font_yellow {  color: rgb(231,181,0)   }
.font_blue  {  color: rgb(16,148,206) }
.font_blue_big  {  color: rgb(16,148,206); font-size:18px}
.font_brown     {  color: rgb(214,107,0)    }
.font_red   {  color: rgb(255,0,0)  }
.font_big   {  font-size:20px   }
.bgcolor_green  {  background-color: rgb(99,169,82) }
.bgcolor_yellow {  background-color: rgb(231,181,0) }
.bgcolor_blue   {  background-color: rgb(16,148,206) }
.bgcolor_brown  {  background-color: rgb(214,107,0) }

/* BUTTONS */
.button       { background-color:#D3DE25; padding: 0 1em;  font-weight:bold; border:2px solid #CCCCCC; text-align:center; width:15em; }

/*************** GENERALITES ***************/
#green { font-weight:bold; FONT-SIZE: 1.1em;  height:15px; color: rgb(99,169,82); text-align:left; padding-top:10; padding-bottom:10; margin: 0 }
#yellow{ font-weight:bold; FONT-SIZE: 1.1em;  height:15px; color: rgb(231,181,0); text-align:left; padding-top:10; padding-bottom:10; margin: 0 }
#brown { font-weight:bold; FONT-SIZE: 1.1em;  height:15px; color: rgb(16,148,206); text-align:left; padding-top:10; padding-bottom:10; margin: 0    }
#blue  { font-weight:bold; FONT-SIZE: 1.1em;  height:15px; color: rgb(214,107,0); text-align:left; padding-top:10; padding-bottom:10; margin: 0 }


body { font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; background-color:#FFFFFF; }
H1   { FONT-WEIGHT: normal; FONT-SIZE: 1.6em; VERTICAL-ALIGN: top; COLOR: rgb(214,107,0); }
H1.registration { font-weight:bold; color:#CC0000; }
H2   { FONT-WEIGHT: normal; FONT-SIZE: 1.2em; VERTICAL-ALIGN: top; COLOR: rgb(214,107,0); }
H2.menu { font-weight:bold; FONT-SIZE: 0.9em;  height:15px; background-color: rgb(238,237,236); text-align:left; border-right: 2px solid rgb(200,200,200); border-bottom: 2px solid rgb(200,200,200); padding:2; margin: 0  }
/*H2.menu:hover { background-color: rgb(231,181,0)}*/
H2.menu:hover a{ background-color: rgb(231,181,0); color:#0000AA; }
H2.menu2 { font-weight:bold; FONT-SIZE: 1em;  height:20px; background-color: rgb(16,148,206); text-align:center; }
H3 { FONT-WEIGHT: bold; FONT-SIZE: 1em; VERTICAL-ALIGN: top; COLOR: rgb(80,80,80); border-bottom: 1px solid   rgb(230,230,230); text-align:left; }
H4 { FONT-WEIGHT: bold; FONT-SIZE: 1em; VERTICAL-ALIGN: top; COLOR: rgb(214,107,0); }
H5 { FONT-WEIGHT: bold; FONT-SIZE: 1em; VERTICAL-ALIGN: top; COLOR: rgb(0,0,128);  TEXT-ALIGN: left; }
H6 { FONT-WEIGHT: bold; FONT-SIZE: 1em; VERTICAL-ALIGN: top; COLOR: rgb(0,0,128);  TEXT-ALIGN: left; }
LEGEND { FONT-WEIGHT: bold; FONT-SIZE: 1.1em; }
FIELDSET { background-color:#EEEEEE; border: 0; }
input[type="submit"] { background-color:#D3DE25; padding: 0 0.5em; font-weight:bold; }
table { width:100%; }
th, td { padding:0.2em; margin:0; }
th    { background-color: #D3DE25; text-align:center; }
td    { border-bottom: 1px solid #CCC; background-color: #FFF; }


#important { background-color: rgb(231,181,0); border: 0;  }
.message { border: 1px solid #aaaaaa }
.divhome { display:inline; border:1px solid #cccccc; }


/*- Menu Tabs J--------------------------- */

    #tabsJ { float:left;  width:100%;
      font-size:93%;
      line-height:normal;
      border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
      margin:0;
      padding:10px 10px 0 50px;
      list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("image/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("image/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

    #tabsJ a.tabsJsel {
      background-position:0% -42px;
      }

    #tabsJ a.tabsJsel span {
      background-position:100% -42px;
      color:#FFF;
      }

/********* Menu principal **********/

LI.topmenu {
    display:inline; 
    font-size: 0.9em;
    padding: 3 3 3 3;
    background-color: rgb(246,248,246);
    border-top: 1px solid  rgb(238,237,236);
    border-left: 1px solid  rgb(238,237,236);
    border-right: 3px solid  rgb(238,237,236);
    border-bottom: 3px solid  rgb(238,237,236);
}

LI.topmenu:hover {
    background-color: rgb(255,255,255); 
}

LI.topmenu.selected {
    font-size: 0.9em; 
    padding: 3px 0 3px;
    background-color: rgb(255,255,255); 
    border-top: 1px solid  rgb(238,237,236);
    border-left: 1px solid  rgb(238,237,236);
    border-right: 3px solid  rgb(238,237,236);
    border-bottom: 3px solid  rgb(238,237,236);
}


/**** Menu droit ****/

LI.rightmenu {
    font-size: 0.9em;
    height: 15px;
    padding: 3px 0 3px;
    border-bottom: 1px dotted  rgb(200,201,219);
}

LI.rightmenu:hover {
    font-size: 0.9em; 
    padding: 3px 0 3px;
}

LI.rightmenu.selected {
    font-size: 0.9em; 
    font-weight:normal; 
    color: rgb(214,107,0);
    padding: 3px 0 3px;
    border-bottom: 1px dotted  rgb(200,201,219);
}



#fieldsetimportant { border: 1px solid rgb(214,107,0); padding: 5}
#fieldsetimportant2 { border: 1px solid  rgb(214,107,0); padding: 10; background-color:#FFFFFF; text-align:justify }
#fieldsetimportant3 { border: 1px solid  rgb(214,107,0); padding: 2; background-color:#FFFFFF; text-align:justify }
#buttonlink{ height:25; border: 1px solid #CCCCCC; background-color: rgb(231,181,0); padding: 5px }
#leftcol {
border-right: 2px solid rgb(214,214,255); background-color:#EEFFEE;
}

#cd_leftcol {
border-right: 2px solid rgb(99,169,82); background-color:#FFFFFF;
}

#rightcol {
/*border-right: 1px solid rgb(214,107,0); */
border-left: 1px solid rgb(214,214,255); 
}

#content { padding: 0 10px 0 10px; text-align:justify }
#contact{ border:1px solid rgb(16,148,206);  }
#footer{ font-family: Arial; clear:both; border-top: 1px solid rgb(214,107,0);  font-size: 0.7em; text-align:center }
#news { font-size: 0.8em }
#main_header { 
background-image:url(image/header_background.gif);
background-position:left;
background-repeat:no-repeat;
height:110px; 
/*border:1px solid;*/
margin:0px; 
}

#main_header_2{ 
background-image:url(image/header_background.gif);
background-position:left;
background-repeat:no-repeat;
height:110px; 
border-bottom:1px solid  rgb(214,107,0);
margin:0px; 
}

#banniere { float:left; }

#lang_link { 
float:right;
top: 50px; 
}

#main_theme_label{
    clear:both;
    height:30px;
    /*border:1px solid;*/
    font-style:italic;
    font-weight:bold;
    color: rgb(214,107,0);
}

#sponsor{ 
    clear:both;
    margin: 5px 0 50px 0;
}

#home_image { 
/*  background-color: rgb(246,248,246);*/
    margin:0;
    padding:0;
/*  border: 1px solid  rgb(16,148,206);*/
/*
    border-top: 3px solid  rgb(238,237,236);
    border-left: 3px solid  rgb(238,237,236);
    border-right: 3px solid  rgb(200,199,198);
    border-bottom: 3px solid  rgb(200,199,198);
*/  
}

.impair{ background-color: rgb(238,237,236); margin:10px; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc}
.impair_vert{ background-color: #DDFFDD; margin:10px; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc}

.center_align {
    FONT-WEIGHT: normal; FONT-SIZE: 90%; VERTICAL-ALIGN: top; COLOR: rgb(0,0,0); TEXT-ALIGN: center 
}
.menu_selected {
    FONT-WEIGHT: normal; FONT-SIZE: 90%; COLOR: rgb(214,107,0); TEXT-DECORATION: none
}
.header_text {
    FONT-WEIGHT: bold; font-size: 100%; VERTICAL-ALIGN: top;  color: rgb(16,148,180)
}

.registration { 
    border-top: 1px solid  rgb(200,199,198);
    border-left: 1px solid  rgb(200,199,198);
    border-right: 3px solid  rgb(200,199,198);
    border-bottom: 3px solid  rgb(200,199,198);
    font-size:100%; 
    background-color: rgb(246,248,246)
}

.login_form_input { 
         font-size:80%; background-color: rgb(238,237,236)
}

.login_form { 
         font-size:100%; background-color: rgb(231,181,0)
}


#login_form_horizontal {  
 float:right;
}

#globallinks{ 
    padding: 0px;
    margin: 0px;    
}

#global_link {
    display:inline;
    padding: 3px;
    background-color: rgb(246,248,246);
    border-top: 1px solid  rgb(238,237,236);
    border-left: 1px solid  rgb(238,237,236);
    border-right: 3px solid  rgb(238,237,236);
    border-bottom: 3px solid  rgb(238,237,236);
}

#global_link_sel {
    display:inline;
    padding: 5px;
    background-color: rgb(255,255,255); 
    border-top: 1px solid  rgb(238,237,236);
    border-left: 1px solid  rgb(238,237,236);
    border-right: 3px solid  rgb(238,237,236);
    border-bottom: 3px solid  rgb(238,237,236);
}

/*.latest_news { margin:0;padding:0;border-right:solid 1px #EF741D;border-left:solid 1px #EF741D;border-top:solid 1px #EF741D; /*
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid  #ddd;
    border-bottom: 1px solid #ddd;

}*/ 
.box {padding: 5px 5px 5px 5px;height: auto;position: relative;top: 0px;left: 0px;clear:both;}
.latest_news h2 { height:20px; background-repeat:repeat-x; background-color: rgb(240,240,236); margin:2 0 0 0;padding:0px 0px 0px 5px; font-size:0.9em; font-weight:bold; color:rgb(214,107,0); border-right: 1px solid rgb(180,180,180); border-left: 1px solid rgb(180,180,180); border-top: 1px solid rgb(180,180,180); }
.latest_news .boxContent {margin:0;padding:5px;border:1px solid rgb(200,200,200);}
.latest_news ul { padding:5px;margin:10px; font-size: 0.8em; text-align:justify }
.latest_news li { background-position:3px 5px;padding-bottom:5px; margin-left:5px; }
.latest_news td { background-position:3px 5px;padding-bottom:5px; margin-left:5px; }
.latest_news .boxEnd {margin:0;background-image: url(image/boxNewsEnd.gif);height:6px;}

.registration_button { 
         font-size:100%; font-weight:bolder; background-color:rgb(231,181,0); height:30px; width:150px
}

.submit_button { 
         font-size:100%; font-weight:bolder; background-color:rgb(231,181,0); height:25px; width:150px
}

.small_font { font-size: 100% }
.big_font { font-size: small ; font-weight:bold }


.attention {
    FONT-WEIGHT: normal; FONT-SIZE: 120%; VERTICAL-ALIGN: top; COLOR: rgb(231,0,0);  TEXT-ALIGN: JUSTIFY; font-weight:bold
}




/* LES LISTE */
UL {
    FONT-WEIGHT: normal; VERTICAL-ALIGN: top; COLOR: rgb(0,0,0);  list-style-image:url(image/redbullet.gif) 
}

LI {
    PADDING: 2px;
}

OL {
    FONT-WEIGHT: normal; VERTICAL-ALIGN: top; COLOR: rgb(0,0,0);  
}

ul.linkEvent  {  FONT-WEIGHT: normal; FONT-SIZE: 0.9em; VERTICAL-ALIGN: top; COLOR: rgb(0,0,0);}
li.linkEvent  {  display:inline;  list-style-image: url(image/3GreenDots.gif)}


/* LES TABLEAUX */
TABLE { border-collapse:collapse; margin: 2 }

TD {
    FONT-WEIGHT: normal; font-size: 0.9em; VERTICAL-ALIGN: top; padding: 2 5 2 5;
}

TD.activity {
    FONT-WEIGHT: normal; font-size: 0.9em; VERTICAL-ALIGN: top; padding: 2 5 2 5; border:1px solid #888888;
}

#news { 
padding: 4px;
margin: 2px;
border:1px solid rgb(220,220,255);
font-size: 0.9em;
}

TH {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 0.8em; 
    VERTICAL-ALIGN: top; 
    text-align:center; 
    color:rgb(214,107,0);
    border: 1px solid;
    padding: 2 5 2 5;
}

TH.news { background-image:url(image/vertbluebar.gif); border: 0; }


TABLE.preinscription { width:500;  align:center
}



TH.home {
    COLOR: rgb(0,0,0); 
}


TH.head {
    COLOR: rgb(0,0,128);  BACKGROUND-COLOR: #FFFFCC
}


TH.contact {
    FONT-SIZE: 90%; COLOR: rgb(0,0,0)
}


TH.agendanews {
    FONT-SIZE: 90%; COLOR: rgb(0,0,0);  BACKGROUND-COLOR: "#FFFFCC"
}



TD.home {
    COLOR: rgb(0,0,0); 
}

TD.agendanews {
    COLOR: rgb(0,0,0);  BACKGROUND-COLOR: "#FFFFCC"
}

TD.head {
    BACKGROUND-COLOR: #FFFFCC
}

TD.sponsor {
    border-left: 1px solid  rgb(200,200,206);
}

TD.centre {
    VERTICAL-ALIGN: middle; 
}

TD.contact {
    COLOR: rgb(0,0,0); 
}


TD.menu {
    padding: 3px 0 3px;
    background-color: rgb(246,248,246);
    border-top: 1px solid  rgb(238,237,236);
    border-left: 1px solid  rgb(238,237,236);
    border-right: 2px solid  rgb(230,230,230);
    border-bottom: 1px solid  rgb(214,107,107);
}

TD.menu:hover {
    background-color: rgb(255,255,255); 
}

TD.menu_selected {
    font-size: 0.8em; 
    padding: 3px 0 3px;
    background-color: rgb(255,255,255); 
    border-top: 1px solid  rgb(238,237,236);
    border-left: 1px solid  rgb(238,237,236);
    border-right: 2px solid  rgb(220,220,220);
    border-bottom: 1px solid  rgb(214,107,107);
}


TD.event_menu {
    font-size: 0.8em;
    padding: 3px 0 3px; 
    background-color: rgb(238,237,236); text-align:center;  
}

TD.event_menu:hover {
/*  background-color: rgb(255,255,255); */
}

TD.event_menu_sel {
    font-size: 0.8em; 
    padding: 3px 0 3px;
/*  background-color: rgb(255,255,255); */
}


TD.menu_col {
    font-size: 0.9em;
    height: 10px;
    padding: 1px 0 1px;
    border-bottom: 1px dotted  rgb(200,201,219);
}

TD.menu_col:hover {
    font-size: 0.9em; 
    padding: 1px 0 1px;
}

TD.menu_selected_col {
    font-size: 0.8em; 
    font-weight:normal; 
    color: rgb(214,107,0);
    padding: 1px 0 1px;
    border-bottom: 1px dotted  rgb(200,201,219);
}



/* LE TEXTE */

P {
    FONT-WEIGHT: normal; FONT-SIZE: 0.9em; VERTICAL-ALIGN: top; COLOR: rgb(0,0,0);  TEXT-ALIGN: JUSTIFY; margin: 4px
}

P.registration {
    FONT-WEIGHT: bold; COLOR: rgb(200,0,0)
}

P.alignleft {
    TEXT-ALIGN: LEFT
}


P.slogan {
    TEXT-ALIGN: RIGHT
}

P.baspage {
    TEXT-ALIGN: CENTER
}


P.xxsmall {
    FONT-SIZE: 0.8em;  TEXT-ALIGN: LEFT
}


/* LES LIENS */

A {
    COLOR: rgb(16, 20, 100); TEXT-DECORATION: none; font-weight: normal; FONT-SIZE: 1em
}

A:hover {
    COLOR: rgb(214,107,0); TEXT-DECORATION: underline
}

A.menu {
    COLOR: rgb(16, 20, 100); TEXT-DECORATION: none; font-size: 0.8em
}
A.menu:hover {
    COLOR: rgb(214,107,0); TEXT-DECORATION: underline
}

A.menu_selected {
    COLOR: rgb(214,107,0); TEXT-DECORATION: underline; font-size:0.9em
}



A.submit {
    COLOR: rgb(16, 20, 100); TEXT-DECORATION: none; border: 1px solid; padding: 10px
}
A.submit:hover {
    COLOR: rgb(214,107,0); TEXT-DECORATION: underline; border: 1px solid
}


/***** LES IMAGES *****/

img.trombi { border-width: thin;  }
/* Fin de la section de style généré par WebExpert le 22/07/2003 11:23:55 */