/* RESET BROWSERSTYLE */
* {padding: 0; margin: 0;}

/* GLOBAL */
#body {font-family: Verdana, Helvetica, sans-serif; font-size:14px ;
        color: #000; margin: 0 auto; }
#container { margin:0 1% ; min-width:550px;
     text-align:left; background-color:#eeffee;}
#centerarea{ background-color:#f7fff7;  }	
#leftarea{ float:left; clear:left; width: 185px; border-right: 1px solid #888899;
 border-left: 1px solid #888899; background: url(vertTL_jaune3P.jpg) no-repeat; }
#leftTop{height: 43px;  width: 180px;   }
#maincontent{ padding:10px; margin-left:195px;  margin-right:5px;  background-color:#f7fff7;  }

#footer {margin:1px 5px 0px 195px;}
#footerin {font-size: 15px; text-align: center;
    border-bottom: 1px solid #ccc;
    margin: 10px 0 5px 0; background-color: #e2F0C6;}      /*  DEEFE7  */

#navigation {  margin:0px 0px 0px 0px;	background: url(vertTL_jaune3P.jpg);
	font-size: 15px; padding-left:5px; 	line-height: 21px; }
/* ---------------------------------------------------------------------    */
#header { height: 165px; width: auto; border:1px solid #888899;
        font-weight: Normal;  background: url(jauneVertms_BB_100x250.jpg) repeat-x; }
#head1{ height:24px; padding-left:5px; font-size :15px;background-color: #DEF7FF; }      
#head2 { height:105px;}
#head3 { height:32px; font-size :16px;}
#head1left{ float: left; }
#head1right{ float: right; text-align:right; padding-right: 5px; font-weight: normal; }	
   
#head2left{float: left; height: 100px; width: 180px;  padding-top:5px;
        color: #006600; background: url(jauneVert_L_250x150.jpg);  } /* border: 1px solid #000000;  */
#head2right{float: right;  height: 95px; width: 220px; padding:10px 0 0 10px; font-size :21px; 
        font-style: italic ;font-weight: bold; color: #006600; background: url(jauneVert_R_250x150.jpg);   } 
	   
#head2center{ height: 105px; margin-left:185px;background-image: url(paysage_1024x110.jpg);
background-repeat: repeat-x; }
#head2ltop{float: left; margin-top:5px; padding: 5px 5px 0 5px;font-size :15px;
	font-weight: bold; background-color: #E1F8DC; border: 1px solid #000000; }
#head2leftbot{ font-size :18px; font-style: italic ; font-weight: bold;margin-top:2px;color: #005666;}
#head2logo{  width:152px; height:70px; background-image: url(logogalvi2.jpg);
	    background-repeat: no-repeat; }
#head2rtop{ float: left; height: 38px; padding: 2px 2px 0 2px; margin-top:15px;
	        font-size :16px; color: #9A567C; font-weight: bold;   } 
		   /*  border: 1px solid #000000;  */
#head2rbot{ float: left; height: 30px; padding: 2px 2px 0 2px; margin-top:3px;
	        font-size :12px; font-style: normal ; color: #006600;
	        font-weight: bold; border: 1px solid #000000;  }
#head3lpart{height: 24px; float: left; width: 177px;
            background-color:#f8f8e8; border: 1px solid #000000;  }
#head3rpart{height: 30px; margin-left:185px; margin-top: 2px; padding-top: 2px; }
/*             background-color: #deefe7;   */
#head3left{ width: 150px; float: left; background-color:#f8f8e8;
            border: 1px solid #000000; text-align:center;  }
.head3left60{ width: 60px; height: 27px; float: left; border: 1px solid #bbbbbb; line-height:24px; text-align:center; }
.head3left60 a{color: #006600; text-decoration:none;}
#head3center{width: 150px; float: left; background-color:#f8f8e8;
            margin-left: 10px; border: 1px solid #000000; text-align:center; }
#head3right{float: left; width: 150px; background-color:#f8f8e8; margin-left: 10px;
            border: 1px solid #000000; text-align:center;  }
#head3search{ float:right; width: 220px; height: 32px; margin-left: 8px;
            padding-top: 0px; padding-left:5px; font-size: 9px; color: #000000;}
/* a.head3right  {color: #FFFE00;float: right;}      */
#head4right{ height:24px; float: right;  margin-right:10px;
            border-radius: 8px;border:2px solid #720; padding-left:8px;padding-right:8px;
            width: 180px;  font-size :16px; text-align:center;
            background-color:#E1F8DC;  }		  
/* --------------------------------------------- */		  




h1, h2, h3, h4, h5   { line-height: 1.4em; font-weight: 300; letter-spacing: 1px;  }
/* p {margin: 10px 0;} */
hr {height: 1px; color: #ccc; background-color: #ccc; border: 0;}
ol {margin: 6px 0 0 20px;}

/* body{
font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 90%;}       */
td,th {  color: #000;}

h4,h5{font-size:12px;font-weight:normal;line-height: 16px;margin :0px;color:#555}
/*h6{ line-height: 18px;margin:0px;padding-left: 5px; }    */
/* Images */
img { border: 0; }
.textes{ font-size:  small;}
.txtgrasrouge{ color: #FF0000; font-weight: bold ;}
.txtgrasvert{ color: #33FF00; font-weight: bold ;}
.txtgrasjaune{ color: #FFFE00; font-weight: bold ;}

div.center {  text-align: center;  }
div.center table {  margin-left: auto; margin-right: auto;
    text-align: left; }
div#maincontent p{line-height:1.4em}

/* ---------------------------------------------------------------------    */
#sidebar   { width: 185px;font-size: 88%;background: url(bg100x250.jpg);border-top: 1px solid #000000;padding-bottom: 10px; } 
.leftlink{width: 160px; height: 21px; margin: 5px 10px 5px 5px;
          text-align: center;	   } 
	   /* background-color:#f8f8e8;  border-bottom: 1px solid #000000; vertTL_jaune3P.jpg */
.leftlink a {font-weight: bold;  color:#006600; font-size: 12px; }
.leftlink a:hover { color:#ffff00; background-color:#720; text-decoration:none; }
#sidebar a:hover { color:#ffff00; font-weight: bold ; font-size :16px;  background-color:#720; text-decoration:none; }  
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
#notes {width: 185px; font-size: 13px; text-align: left;
    padding-top: 10px; border-top:1px solid #333; border-bottom:1px solid #333; background: url(bg100x250.jpg); }
    /* margin-left:5px; margin-top : 10px; */
#notes p  {font-size: 11px;}
#notes a {font-size: 12px;}
#leftfooter{width:170px; margin-left: 0px; margin-top : 5px; } /* border:1px solid #333;  */
/* #leftfooter p{ margin:0;} */
#leftfooter  a:hover{ background-color: #cc0000; } 
/* ---------------------------------------------------------------------*/
#searchform{width: 178px; margin-left: 2px;  height: 32px ;  }
#searchbox{ width: 178px; height: 32px ; display: block; }
#searchbox input.text{height: 18px;width: 125px;font-size: 14px;color:#ff0000;border: 2px solid #720; 
border-radius: 0.5em;}
#searchbox input.submit{width: 60px;height: 24px;cursor: pointer;
background-color: #DEF9C6;  border-radius: 5px; overflow: hidden;}  /* float: right;margin-right: 2px; */
/*#searchbox .text{margin:0px;} */
/* -------------------------------------------------------*/
/*****  CALENDAR  *****/
#CalendarBox{width: 178px;
        margin-top: 7px;
        margin-bottom: 7px;
 /*        margin-left: 3px;
       font-weight: bold;  border:1px solid red;   */
        color: #000000;	line-height:1.1em;
          }
#calendarheader{
	color: #000000;  width:178px;
    background-color:#f8f8e8;
	margin-top: 10px; 	margin-bottom: 7px;
	font-size: 10px;     font-weight: bold;
	letter-spacing: 2px;  }
#jscalendar {width: 170px; border:1px solid black;
    font-weight: Normal;margin: 3px;font-size: 12px;}
#jscalendar td {width: 168px; color: #000000;font-size: 11px; }

#bigbox{height:150px;
    margin-top: 20px;border:1px solid #992200;
}
#bigboxl{
        float: left;
        width:250px; border: 1px solid #000000;
}
#bigboxr{ margin-left: 280px;
        margin-right:10px;
        border: 1px solid #000000;
}

#box1{ width:450px;
        height: 35px;
        background-color:#deffff;
        font-size:16px;
        border:1px solid #deffff;
	     }
#box1Right{ background-color:#0099FF;  color: #006600;  float:right;
        width:150px; text-align: center; height: 30px; padding-top: 10px;}
#box1Center{ background-color:#ADDFCE;  color: #006600;  float:right;
        width:150px; text-align: center; height: 30px; padding-top: 10px;font-size:12px;}
#box1Left{ background-color:#9C0000;  color: #FFFF00;  float:left;
        width:150px; text-align: center ; height: 30px;  padding-top: 10px; }
#box1Left a, a:visited{ color: #003300; }
#box1Left a:hover{ color: #FFFF00; }
#box1Right a:hover{ color: #000000; }

/* -------------------------------------------------------*/

/* --------------------------------------------------------------------------*/
/* FOOTER NAVIGATION */
/* ---------------------------------------------------- */
.vAllmenu { width: 180px; }
.vAllmenu a {font-size: 14px;}
.vAllmenu ul {list-style-type: none; padding-left: 5px; margin:5px 0 5px 0; text-align:left;}
.vAllmenu  ul li a {color:black; text-decoration: none;font-weight: 500;}
.vAllmenu ul li a:hover{ color:#fff; background-color:#831608;}
.vAllmenu ul ul.menulevel2 li { width:170px;line-height:21px; border-top: 1px solid #CCCCCC; }
.vAllmenu ul ul.menulevel3  { width:155px;}
.vAllmenu ul.menulevel1 ul.menulevel2 ul.menulevel3 li {width:158px;}
.vAllmenu .docs {background: url(plus.gif) no-repeat 95% center;}
.vAllmenu ul ul li { margin-left: 0px;}
.vAllmenu ul.menulevel1 li.sdocs {background: url(ap3.gif) no-repeat 95% 8px;}
.vAllmenu ul.menulevel2 {border-left: 2px solid #999; }
.vAllmenu ul.menulevel1 li.doc:hover  { background-color: yellow; }
.vAllmenu ul.menulevel1 li.docs:hover  { background-color: yellow; }
.vAllmenu ul.menulevel2 li:hover  { background-color: yellow; }
.vAllmenu ul.menulevel2 li span { font-weight: bold;  color: #831608;}
/* .vAllmenu ul.menulevel2 li .sdocs span {background: url(plus.gif) no-repeat 95% center;} */
.vAllmenu ul.menulevel2 li.sdocs {background: url(ap3.gif) no-repeat 95% 4px;}
.vAllmenu ul.menulevel2 li .sdocs a {font-weight: bold;  color: #831608;}
.vAllmenu ul.menulevel3 {border-left: 2px solid #999;margin-left:5px;}
.vAllmenu ul.menulevel3 li a {font-size: 13px;}
/* ---------------------------------------------------- */
ul.sitemaplevel1 {   margin-left:20px;line-height:21px; list-style-image:url(inhlist.gif);  }
ul.sitemaplevel2, ul.sitemaplevel3 { margin-left:40px; }
ul.sitemaplevel1 ul.sitemaplevel2  li{ margin-left:10px; }
ul.sitemaplevel1 li a { font-weight: 800;  color:#006600; text-decoration: none;}
ul.sitemaplevel2 li a { font-weight: normal;  color:#006600; }
ul.sitemaplevel3 li a { font-weight: normal;  color:#333333; }
ul.sitemaplevel1 li.docs {background: url(plus.gif) no-repeat 190px 4px;}
ul.sitemaplevel2 li.docs {background: url(plus.gif) no-repeat 158px 4px;}

/***** menu main content sub page ---------------------------------*****/
.submenu{margin-left:195px; margin-top:5px;width: 250px;
    background-color:#f7fff7; line-height: 1.6em;    }
.submenu a {font-size: 14px; color: #333333;text-decoration:none; }
ul.submenu{margin-left:15px; list-style-image:url(submenu.png);}
ul.submenu li.docs {background: url(plus.gif) no-repeat 150px 4px;}
ul.submenu li:hover {background-color: #ffff00;} 
ul.submenu li a:hover {color: #720;font-weight: 600;} 
/* --------------------------------------------------------------------------*/
.buttonTop {
	width: 80px;
    background-color: #9A567C;
    border:2px solid #7F365F;
    border-radius: 6px;
    color: #000;
    cursor: pointer;
 /*   background: #720 none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);     */
/*    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);  */
    display: inline-block; position: relative;
    padding: 3px 10px 4px;  /* 5px 10px 6px; */
    text-align: center;             }

/* 	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);     */
.buttonTop  a{text-decoration: none;color: #000; font-weight: bold ;}
/* --------------------------------------------------------------------------*/
p.lastupdate {font-size: 87%; color: #667; padding: 0px 6px 6px 12px;}





#Slidebox{ width:450px;
        height: 400px;float: right;
        background-color:#deffff;
        border:1px solid #deffff;
	     }
#Slidebox2{ width:250px;
        height: 400px;float: right;
        background-color:#deffff;
        border:1px solid #deffff;
	     }
#slide1box {width: 430px;height:400px; font-size: 90%; line-height: 1.2em;
    border: 2px solid #ccc;
    padding: 0 0 6px 6px; margin: 6px 6px 0 0;}
div.slidebox {height:380px; font-size: 90%; line-height: 1.2em;
    border: 0px solid #aba; border-left: 1px solid #ccc;
    padding: 0 0 6px 6px; margin: 6px 6px 0 0;}
div.slidebox2 {width: 230px; height:380px; float: right;  font-size: 90%; line-height: 1.2em;
    border: 0px solid #aba; border-left: 1px solid #ccc;
    padding: 0 0 6px 6px; margin: 6px 6px 0 0;}

/* FLOATENDE BOXEN / FLOAT BOXES */
#newsextra{ width: 210px;float: right; border:1px solid #333; background:url(jaunevert_B_100x400.png); }
/* height:300px;   */
#newsin {line-height: 1.2em; padding: 0 0 6px 12px; margin: 10px 10px 10px 0px; }
.newsTitre{ color: #006600;    font-size: 130%; text-align: center;  font-weight: bold ;
    line-height: 1.4em; letter-spacing: 1px; padding: 1px 3px 2px 3px; margin: 10px 0 0 0;}
  /*   border: 1px solid #FF6633; */
#newsin ul {padding: 6px 0 12px 10px; list-style-type: none;
    list-style-image: url(arrow.png); }
#newsin li {list-style-type: none; line-height: 1.2em;
    padding: 1px 5px; margin: 2px 0;}
.newsLink{height: 20px;  margin-top: 5px;padding-top: 0px;
            background-color:#DC93B0;  text-align:center;
            border-radius: 8px;border:2px solid #7F365F;  }  /*  #FFFEDF  */
.newsLink a{text-decoration:none; font-size :14px;color:#000; font-weight: bold ; }
.newsLink a:hover{color:#ffff00; background-color:#720;}

div.newsin h2 {font-family: verdana, sans-serif; color: #555;
    font-size: 24px; font-variant: small-caps; letter-spacing: 2px;
    padding: 0; margin: 10px 0 0 0;}
div.newsin h4 {background:#99AA99 url(newsh4.jpg) repeat scroll 0 0;
    color: #ddb; font-size: 107%; font-weight: 300;
    text-align: center; line-height: 1.4em;
    letter-spacing: 1px; font-variant: small-caps;
    border: 0px solid #cca; padding: 1px 3px 2px 3px; margin: 10px 0 0 0;}
div.newsin h5 {color: #930; font-size: 1em; font-weight: 600;
    margin: 10px 0 0 0;}
div.newsin h6 {color: #555; font-size: 1em; font-weight: 300; letter-spacing: 1px;
    margin: 10px 0 0 0;}


.ctextbox720x900 {width: 720px;height:900px; }

#slideshowbox {width: 410px;height:380px; font-size: 90%; line-height: 1.2em;
    border: 2px solid #ccc;Float:right;}
#slideCharmebox {float:left;width: 410px;height:380px; font-size: 90%; line-height: 1.2em;
    border: 2px solid #ccc; padding: 0 0 6px 6px; margin: 6px 6px 0 6px;}  
.flexslidercharme{width: 410px;height:380px}  
#textbox280x380L {float:left;width: 280px;height:380px;border: 1px solid #ccc; }
#textbox300x300L {float:left;width: 300px;height:380px;border: 1px solid #ccc; }
#textbox400x300L {float:left;width: 400px;height:300px;border: 1px solid #ccc; }
#textbox750x450 {width: 750px;height:450px;border: 1px solid #ccc; }
#textbox800x400 {width: 700px;height:400px; }
#textbox720x900 {width: 720px;height:900px; }
#textbox330x900L {float:left;width: 330px;height:900px;border: 2px solid #ccc; }
#textbox330x900R {float:right;width: 330px;height:900px;border: 2px solid #ccc;} 
#textbox400x400L {float:left;width: 330px;height:990px;border: 2px solid #ccc; }
#textbox400x400R {float:right;width: 400px;height:400px;border: 2px solid #ccc;}
#textbox800x1000 {width: 720px;height:800px; }
#textbox400x1000L {float:left;width: 330px;height:990px;border: 2px solid #ccc; }
#textbox400x1000R {float:right;width: 370px;height:990px;border: 2px solid #ccc;}