html, body {
  background:#FFFFFF none repeat scroll 0 0;
  font-size:10pt;
  width:100%;
  margin:0px;
  padding:0px;
  font-family: verdana,arial,sans-serif;
  color : #014896;
}
ul, li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  font-size:8pt;
  margin:1px;
  padding:1px;
}

img {
  vertical-align:middle;
  border:none;  
}
legend {
  font-weight:bold;
  font-size:10pt;
}
p {
  margin: 5px;
}
 td,th {
 border:1px solid #CCCCCC;
 }
 tr:hover {
  background: rgb(236, 235, 247) none repeat scroll 0 0;
 }

/*BANNER*/

#head {
z-index:99;
  position:relative;
  margin:0px;
  min-width:725px;
  width:100%;
  height:70px;
  border-bottom: 1px black solid;
}

#head .bg {
  background: url('../icons/header_bg.png') repeat-x scroll 0 0;
}
#head .ban {
  background: url('../icons/header.png') no-repeat;
}

#head #logo {
  background-position:0 0;
  background-repeat:no-repeat;
}

#head #logo a {
  display:block;
  height:70px;
  width:280px;
}
#head #logo span {display:none;}

#nav, #country, #contact {

  color:#FFFFFF;
  position:absolute;
}

.logoweb {
background: url(../icons/logo.png) no-repeat scroll 0pt 0pt;
}
.logopartner {
background: url(../icons/logo_partner.png) no-repeat scroll 0pt 0pt;
}
.logosupport {
background: url(../icons/logo_support.png) no-repeat scroll 0pt 0pt;
}

#nav {
  top:0;
  width:100%;
}

#country {
  font-size:8pt;
  z-index:103;
  padding-right:20px;
  right:0px;
  top:1px;
  font-weight:bold;
}

#country a {
  color:#FFFFFF;
  padding:4px 7px 4px 0;
  text-decoration:none;
}

#country a:hover {
  text-decoration:underline;
}
/**********/
/*SOUSMENU*/
#menu {
  top:60px;
  width:100%;
	background: url("../icons/menu.png");
	height: 21px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index:102;
 }
 
 #menu ul{
        margin-left: 10px;
 }
 
 #menu li{
        width:140px;
        padding:0;
        margin:0;
        display: inline;
        list-style-type: none;
        float: left;
        border-left-style: solid;
        border-left-width: 1px;
        border-left-color: #AAAAAA;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #AAAAAA;
        text-align:center;
 }
 
 #menu a {
        width:140px;
        font-weight: bold;
        font-size: 10pt;
        color: #ffffff;
        text-decoration: none;
        margin: 0px;
        padding:0;
 }
 
 #menu .sousMenu
{
        margin : 2px 0 0 0 ;
        padding:0;
        position: relative;
        border-left: 3px solid #555;
        border-right: 3px solid #555;
        border-bottom: 5px solid #555;
        z-index:103;
 }
 
  #menu .sousMenu ul
{
        display: block;
        float: none;
        border-top: 1px solid #AAA;
        background-color: #555;
        margin: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
        filter:alpha(opacity=90);
        -moz-opacity:0.9;
        opacity: 0.9;
       -khtml-opacity: 0.9;
        width:133px;
                z-index:102;
 }
 
 #menu .sousMenu li
 {
        display: block;
        float: none;
        border-top: 1px solid #AAA;
        background-color: #555;
        margin: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
        filter:alpha(opacity=90);
        -moz-opacity:0.9;
        opacity: 0.9;
       -khtml-opacity: 0.9;
        width:133px;
 }
 
 #menu .sousMenu a {
        font-weight: normal;
        font-size: 9pt;
        border: 0px;
 }

 #menu .sousMenu li:hover {
        	background: url("../icons/menu.png");
 }
/**********/

#page {
  position:relative;
  left:0;
  width:100%;
  min-width:725px;
  margin-top:5px;
  top:15px;
}
#location {
  padding:2px;
  font-size:8pt;
  color:white;
        	background: url("../icons/menu.png") repeat;
}
#location a {
text-decoration:none;
  color:white;
}
#location a:hover {
text-decoration:underline;
}

#leftmenu {
  position:absolute;
  margin : 0px;
  top:0px;
  width:150px;
  left:0px;
}

#rightmenu {
  position:absolute;
  margin : 0px;
  top:0px;
  width:150px;
  right:0px;
}

#central {
  margin:0 152px 0 152px;
  min-width:423px;
  color:#014896;
  clear:both;
  z-index:1;
}

#footer {
  min-width:423px;
  margin: 0 152px 0 152px;
  clear:both;
  height:50px;
  text-align:center;
  font-size:7pt;
}
#footer a {color:#014896;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
      .data {
        font-size:8pt;
        width:150px;      
      }
      .data:focus {
        border:1px blue solid;      
      }
      .titre {
        float:left;
        width:100px;
        text-align:right;
        padding:2px;
        font-size:9pt;
      }
      .valeur {
        float:left;
        padding:2px;
        font-size:8pt;
      }
      
      

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	text-align:center;
}

#fade-example-1 li {
	position: absolute;
	width: 100%;
	background-color: #FFF;
	visibility: hidden;
	text-align:center;

}

#fade-example-1 li img {
min-width:400px;
  width:95%;
	/*display: block;*/
}

.example {
	position: relative;
	width:100%;
	height:150px;
	text-align:center;
}

.control {
border:1px black solid;

	position: absolute;
	z-index: 100;
	cursor: pointer;
        filter:alpha(opacity=30);
        -moz-opacity:0.3;
        opacity: 0.3;
       -khtml-opacity: 0.3;
}
#fade-example-1-next {
	right: 8px;
}
#fade-example-1-previous {
	left: 10px;
}

#fade-example-1-next:hover, #fade-example-1-previous:hover  {
        filter:alpha(opacity=90);
        -moz-opacity:0.9;
        opacity: 0.9;
       -khtml-opacity: 0.9;
}
.ajax {
	margin: 3em;
	border: 1em solid #FF8C00;
	padding: 1em;
}


area:hover {
	background: url("../icons/menu.png");
} 

.box_head {
  height:10px;  
  background:transparent url(../icons/box/haut.png) no-repeat 0 0;
}
.box_middle {
  background:transparent url(../icons/box/milieu.png) repeat-y 0 0;
  text-align:center;
  font-size:0.7em;
}
.box_foot {
  height:10px;  
  background:transparent url(../icons/box/bas.png) no-repeat 0 0;
}

#catmenu a {
  text-decoration:none;
    color : #014896;
}
#catmenu a:hover {
    color : red;
}
.box_middle a {
  text-decoration:none;
    color : #014896;
}
.box_middle a:hover {
    color : red;
}