BODY
{
	scrollbar-base-color: #057CD0;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #cdd4c5;

	scrollbar-shadow-color: black;
	scrollbar-lightshadow-color: black; 
	scrollbar-darkshadow-color: gray;

	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	
	FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana,Helvetica,Arial;
	color: #000000;
	BACKGROUND: #eee;
}


img {
	border: 0px;
	}
.photo	
	{
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
		}

.som_txt,.som_img{
 float: left;
 BORDER: #000000 ;
 padding-right: 5px;
}

.som_img{display: block;}

/* par defaut ne pas afficher le bolc som_txt*/
a div.som_txt{display: none;}

/* afficher som_txt au survol */
a:hover div.som_txt{display: block;}

table.content {
    background-color: #FAFAFA;
    border-spacing: 1px;
    width: 300px;
    
    /* Les bordures externes sont parfois mangées sous les navigateurs gecko si width est à 100% */
    w\idth: 99.9%;
}


TD {
	FONT-SIZE: 10px; 
	FONT-FAMILY: Verdana,Helvetica,Arial;
}
td.explain {
    background-color: #C6C8CA;
    padding: 0.3em 0.4em;
    font-weight: normal; font-size: 10px; 
    line-height: 1.3em;
    text-align: justify;
    color: black;
}

td.row1, td.row2, td.medrow1, td.medrow2, td.smallrow1, td.smallrow2, td.minirow {
    padding: 0.1em 0.2em;
    empty-cells: show;
    vertical-align: top;
}

td.row1, td.row2 {
    text-align: justify;
}

td.row1 { width: 50%; }

td.medrow1, td.medrow2 {
    text-align: justify;
}

td.medrow1 { width: 33%; }

td.smallrow1, td.smallrow2 {
    text-align: center;
}

td.smallrow1 { width: 10%; }

td.minirow {
    width: 20px;
    text-align: center;
}

td.row-full {
    background-color: #D6D8DA;
    padding: 1em 0.2em;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

td.row1, td.medrow1, td.smallrow1             { background-color: #EAEAEA; }
td.row2, td.medrow2, td.smallrow2, td.minirow { background-color: #D6D8DA; }

td.row1 label, td.medrow1 label, td.smallrow1 label, td.row-full label {
    font-weight: normal; font-size: 10px;
    color: black;
}

.form_button {
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BACKGROUND: #EEE7DF; 
	BORDER-LEFT: #000000 1px solid; 
	CURSOR: hand; 
	COLOR: #000000; 
	BORDER-BOTTOM: #000000 1px solid; 
	FONT-FAMILY: Verdana,Helvetica; 
	FONT-FAMILY: #ffffff; 
	TEXT-DECORATION: none;
}
.form_textarea {
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-BOTTOM: #000000 1px solid; 
	FONT-FAMILY: Arial,Verdana,Helvetica; 
	color: #000000; 
	BACKGROUND-COLOR: #ffffff;
}
.point_vert {
	height: 1px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 3px;
	align: center;
		}
.titrebdo {
font-size: 10px;
font-weight: bold;
color: #000000;
border-bottom: 1px #000000 solid;
margin-top: 0px;
margin-bottom: 4px;
}
	}
a.menu:link {
	FONT-SIZE: 10px;
	color: #000000;
	text-decoration: none;
	FONT-WEIGHT: bold; 
}

a.menu:visited {
  FONT-SIZE: 10px;
  color: #000000;
  text-decoration: none;
  FONT-WEIGHT: bold; 
}

a.menu:hover {
	FONT-SIZE: 10px;
	color: #ffffff;
	text-decoration: none;
	FONT-WEIGHT: bold; 
}

a.menu:active {
	FONT-SIZE: 10px;
	color: #000000;
	text-decoration: none;
	FONT-WEIGHT: bold; 
}
a:link {
	
	color: #006699;
	text-decoration: underline;
	FONT-WEIGHT: bold; 
}

a:visited {
  
  color: #006699;
  text-decoration: underline;
  FONT-WEIGHT: bold; 
}

a:hover {
	
	color: #E9E021;
	text-decoration: underline;
	FONT-WEIGHT: bold; 
}

a:active {
	
	color: #006699;
	text-decoration: underline;
	FONT-WEIGHT: bold; 
}

.underline {
	text-decoration: underline;
    FONT-WEIGHT: bold;
}
a.menu2:link {
	FONT-SIZE: 10px;
	color: #000000;
	text-decoration: none;
    FONT-WEIGHT: normal;
}

a.menu2:visited {
  FONT-SIZE: 10px;
  color: #000000;
  text-decoration: none;
  FONT-WEIGHT: normal; 
}

a.menu2:hover {
	FONT-SIZE: 10px;
	color: #006699;
	text-decoration: none;
    FONT-WEIGHT: normal;
}

a.menu2:active {
	FONT-SIZE: 10px;
	color: #000000;
	text-decoration: none;
    FONT-WEIGHT: normal;
}


a.lang:link {
	FONT-SIZE: 10px;
	color: #ffffff;
	text-decoration: none;
    FONT-WEIGHT: bold;
}

a.lang:visited {
  FONT-SIZE: 10px;
  color: #ffffff;
  text-decoration: none;
  FONT-WEIGHT: bold; 
}

a.lang:hover {
	FONT-SIZE: 10px;
	color: #E9E021;
	text-decoration: none;
    FONT-WEIGHT: bold;
}

a.lang:active {
	FONT-SIZE: 10px;
	color: #006699;
	text-decoration: none;
    FONT-WEIGHT: bold;
}




a.smart:link {
	FONT-SIZE: 10px;
	color: #ffffff;
	text-decoration: none;
    FONT-WEIGHT: normal;
}

a.smart:visited {
  FONT-SIZE: 10px;
  color: #ffffff;
  text-decoration: none;
  FONT-WEIGHT: normal; 
}

a.smart:hover {
	FONT-SIZE: 10px;
	color: #006699;
	text-decoration: none;
    FONT-WEIGHT: normal;
}

a.smart:active {
	FONT-SIZE: 10px;
	color: #ffffff;
	text-decoration: none;
    FONT-WEIGHT: normal;
}





#mainlevel-nav {
margin: 0; padding: 0;
}
#mainlevel-nav li {
	background-image: none;
	padding-left: 0px;
list-style:none; float: right; 
margin: 0; width: 12%; 
font-size: 10px;
line-height: 12px;
white-space: nowrap;
text-indent: 15px;
}
#mainlevel-nav a {
display: block; float: right; text-decoration: none;  border: 1px solid;
border-color: #fff #000040 #000040 #fff;
background: #8EAD6F  2px no-repeat;
color: black;
}
#mainlevel-nav a {
float: none;
}
#mainlevel-nav a:hover {
background: #E9E021  2px no-repeat;
color: #5975C1;
}


.bungreenGoBtn {
     border-bottom:thin solid #006600;
     border-right:thin solid #006600;
     border-top:thin solid #CCCCCC;
     border-left:thin solid #CCCCCC;
     font-size:11px;
     font-family:Arial;
     font-weight:normal;
     background-color:#8ead6f;
     color:#000000;
     line-height:.85;
     padding-top:3px;
     text-transform:capitalize;
     cursor:hand;
     width:80px;
}


pbutton {
     border-bottom:thin solid #006600;
     border-right:thin solid #006600;
     border-top:thin solid #CCCCCC;
     border-left:thin solid #CCCCCC;
     font-size:11px;
     font-family:Arial;
     font-weight:normal;
     background-color:#8ead6f;
     color:#000000;
     line-height:.85;
     padding-top:3px;
     text-transform:capitalize;
     cursor:hand;
     width:80px;
}

mangomango {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #FFDDAA;
}

hr {
	height: 1px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 3px;
	color:#8EAD72;
	align: center;
}

.titre			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 13px;
				font-weight: bold;
				color: #016A33;
				background-color:#BDD69C;
				border: 1px dashed #336633;
				width:400px;
				margin:0pt;
				padding:2pt;
				}	
				
.titre2			{
				font-family: verdana, arial, sans-serif;
				font-size: 10px;
				color: #003300;
				background-color:#E9E021;
				border: 1px dashed #336633;
				width:150px;
				margin:0pt;
				padding:2pt;
				text-align:center;
				}			

.rubrique		{
				background-color:#FFFF99;
				padding:2pt;
				margin:2pt;
				}			

.ptigris { font-size: 10px; color: #666666}
a.ptigris {  text-decoration: underline; font-size: 10px; color: #666666}
a.ptigris:visited {  color: #666666}
a.ptigris:link {  color: #666666}
a.ptigris:hover   {  color: #666666}

.ptivert { font-size: 10px; color: #336633}
a.ptivert {  text-decoration: underline; font-size: 10px;color: #336633}
a.ptivert:visited {  color: #336633}
a.ptivert:link {  color: #336633}
a.ptivert:hover   {  color: #336633}	

.titre3			
{				
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #003300;
background-color:#BDD69C;
border: 1px dashed #336633;
text-align:center;
font-weight: normal;
}
.titre4			
{				
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #003300;
background-color:#BDD69C;
text-align:center;
}

.titre5			
{				
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: Bold;
color: #FFFFFF;
text-align:center;
}

.titre6			
{				
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: Bold;
color: #ffffff;
text-align:center;
}

.grandtitre	
{				
font-family: arial, sans-serif;
font-size: 24px;
font-weight: Bold;
color: #000000;
text-align:center;
}


h3 {
	border-bottom: solid 1px color:#8EAD72;;	
	font-family: verdana, arial, sans-serif;
	margin-top: 0;
	}


/* Classes diverses */

.bloc, .smallbloc {
    background-color: #DDD;
    border: 1px solid #084A6B;
    padding: 0;
    color: black;
}

.bloc      { margin: 1em 2.5%; }
.smallbloc { margin: 1em 2%; }

.bloc h2, .smallbloc h2 {
    background: #003B78 url(images/head.gif) top repeat-x;
    margin: 0;
    padding-top: 5px;
    height: 27px;
    white-space: nowrap;
    font-size: 10px;
    color: #FAFAFA;
    
    voice-family: "\"}\"";
    voice-family:inherit;
    height: 22px;
}

.bloc > h2, .smallbloc > h2 {
    height: 22px;
}

.bloc p, .smallbloc p {
    background-color: transparent;
    margin: 0;
    padding: 1em;
    font-weight: normal; font-size: 10px; line-height: 1.2em;
    text-align: justify;
}

.bloc p.message, .smallbloc p.message {
    padding: 2em !important;
    font-size: 10px !important;
    text-align: center !important;
}

.bottom {
    background: #BBB url(images/bottom.gif) bottom repeat-x;
    margin: 0;
    padding-top: 3px;
    height: 27px;
    color: black;
    
    voice-family: "\"}\"";
    voice-family:inherit;
    height: 24px;
}

.bloc > .bottom, .smallbloc > .bottom {
    height: 24px;
}





ul.links         { margin: 0 2.5% -0.9em; padding: 0; text-align: left; }
ul.links.special { margin: 0 8% -0.9em; }

ul.links li {
    display: inline;
    background-color: transparent;
    padding-right: 10px;
    font-size: 10px;
    color: black;
}

ul.links>li { padding-right: 0; }
ul.links li:before { content: "["; }
ul.links li:after  { content: "]"; }

.area {
    background-color: white;
    border: 1px solid black;
    margin-left: auto; margin-right: auto;
    width: 420px;
    height: 120px;
    overflow: auto;
    font-size: 10px;
    font-weight: normal;
    color: black;
    text-align: left;
}

#menu {
    height: 16px;
    background: #FAFAFA url(images/bande.gif) repeat-x;
    margin: 0;
    border-width: 1px 0;
    border-color: black;
    border-style: solid;
    padding-top: 4px;
    font-size: 10px;
    font-style: normal;
    text-align: center;
    color: black;
}