/*
//----------------------------------------------------------------------
//  CrawlTrack 2.0.0
//----------------------------------------------------------------------
// Crawler Tracker for website
//----------------------------------------------------------------------
// Author: Jean-Denis Brun
//----------------------------------------------------------------------
// Website: www.crawltrack.fr
//----------------------------------------------------------------------
// That script is distributed under GNU GPL license
//----------------------------------------------------------------------
// file: style.css
//----------------------------------------------------------------------
// CSS base on a css example on www.alsacreations.com
//----------------------------------------------------------------------
*/

body {
  margin:1em;

   }
   
   
a:link, a:visited {
  color: #003399;
  text-decoration: underline;
}

a:hover{
  color: #FF0000;
  text-decoration: underline;
}

a:img {border: 0;}

h1 {
  font-size: 20px;
  font-weight: bold;
  color: #003399;
   font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  text-align:center; 
}

h2 {
  font-size: 14px;
  color: #003399;
   font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  text-align:center; 
}

h3 {
  font-size: 10px;
  color: #003399;
   font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
}

h4 {
  font-size: 14px;
  color: #ADD8E6;
   font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  text-align:left; 
}

h5 {
  font-size: 14px;
  color: #003399;
   font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  text-align:left; 
}

h6 {
  font-size: 11px;
  color: #003399;
   font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  text-align:left; 
}


.smalltext {
  font-size: 9px;
  color: #003399;
   font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  text-align:center; 
}

.browntitle{
  color: #A52A2A;
}


.main {
position: relative;
  margin-left: auto;
  margin-right: auto;
  width:960px;
  border: 2px solid #003399 ;
  background-color:#FFFFFF;
  }

.header {
height: 47px;
background-image: url('../images/background.png');
  width:960px;
margin:0;
padding:0;  
  }


.content {
position: relative;
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 16px;  
  color: #003399;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width:940px;
  }
  
.footer {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  text-align: center;
  width:960px;
  border-top: 2px solid #003399 ;
  margin-left: auto;
  margin-right: auto;  
  background-image: url('../images/fond.jpg');
  }  

  
  
.graphvisits {
margin:auto;
text-align: center;
position: relative;
width:900px;
height:300px;
}
.tableaularge{
width:800px;
}
.imprimgraph {
display: none;
}

.form {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 15px;  
  color: #003399;
  text-align: right;
   width:600px; 
  margin-left: auto;
  margin-right: auto;
  } 

.form2 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 15px;  
  color: #003399;
  text-align: right;
   width:300px; 
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #003399 ;
  } 

.form3 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 15px;  
  color: #003399;
  text-align: left;
   width:400px; 
  margin-left: 150px;
  margin-right: auto;
  } 

.button4 {
  text-align: center;
  vertical-align: baseline;
  font-size: 14px; 
  width:150px; 
  height:20px; 
  color: #003399;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  }

.button45 {
  text-align: center;
  vertical-align: baseline;
  font-size: 9px; 
  height:20px; 
  color: #003399;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  }


.order {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  text-align: center;
  font-size: 13px;
  font-weight:bold;  
  color: #003399;
  background-color: #00BFFF;
  border: 1px solid #00BFFF;
  }

.orderselect {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  text-align: center;
  font-size: 13px;
  font-weight:bold;
  font-style: italic ;  
  color: #003399;
  background-color: #00BFFF;
  border: 1px solid #00BFFF;
  }

.red { 
  color: #FF0000;
  }


.tableau {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 14px;  
  color: #003399;
  margin-left: auto;
  margin-right: auto;
  width:800px;
  }
.tableaularge {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 14px;  
  color: #003399;
  margin-left: auto;
  margin-right: auto;
  width:900px;
  }

.tableau1 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-weight:bold;
  color: #003399;
  text-align: center;
  border-top: 2px solid #003399;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #00BFFF;
  }

.tableau10 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-weight:bold;
  color: #003399;
  }
.tableau11 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
  color: #003399;
  text-align: center;
  border-top: 2px solid #003399;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #00BFFF;
  }


.tableau2 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-weight:bold;  
  color: #003399;
  text-align: center;
  border: 2px solid #003399;
  background-color: #00BFFF;
  }

.tableau20 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-weight:bold;  
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;  
  background-color: #00BFFF;
  }

.tableau200 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-weight:bold;  
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  border-right: 2px solid #003399;    
  background-color: #00BFFF;
  }

.tableau22 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;  
  color: #003399;
  text-align: center;
  border: 2px solid #003399;
  background-color: #00BFFF;
  }
  
.tableau3 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
  height:25px;  
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }

.tableau3p {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  font-weight:bold;
  height:25px;  
  color: #003399;
  text-align: left;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }


.tableau33 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  height:25px;  
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }

.tableau3h {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
  height:25px;  
  color: #003399;
  text-align: center;
  vertical-align: top;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }


.tableau3g {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
  height:25px;  
  color: #003399;
  text-align: left;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }

.tableau33g {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  height:25px;  
  color: #003399;
  text-align: left;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }


.tableau32 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 9px;
  font-weight:bold;
  height:25px;  
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }

.tableau35 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 9px;
  font-weight:bold;
  height:25px;  
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }

.tableau30 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
  height:25px;   
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #E6E6FA;
  }

.tableau30p {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  font-weight:bold;
  height:25px;   
  color: #003399;
  text-align: left;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #E6E6FA;
  }

.tableau330 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  height:25px;   
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #E6E6FA;
  }
  
.tableau30h {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
  height:25px;   
  color: #003399;
  text-align: center;
  vertical-align: top;  
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #E6E6FA;
  }
  
.tableau30g {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
  height:25px;   
  color: #003399;
  text-align: left;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #E6E6FA;
  }

.tableau330g {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  height:25px;   
  color: #003399;
  text-align: left;
  border-bottom: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #E6E6FA;
  }


.tableau4 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 9px;
  color: #003399;
  text-align: left;
  border-bottom: 2px solid #003399;
  border-right: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }

.tableau45 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 8px;
  color: #003399;
  text-align: left;
  border-bottom: 2px solid #003399;
  border-right: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }



.tableau5 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
  height:25px;  
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  border-right: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }



.tableau5g {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
  height:25px;  
  color: #003399;
  text-align: left;
  border-bottom: 2px solid #003399;
  border-right: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }

.tableau55g {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  height:25px;  
  color: #003399;
  text-align: left;
  border-bottom: 2px solid #003399;
  border-right: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #FFFFFF;
  }

.tableau50 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
   height:25px; 
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  border-right: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #E6E6FA;
  }


.tableau50g {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
  height:25px;   
  color: #003399;
  text-align: left;
  border-bottom: 2px solid #003399;
  border-right: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #E6E6FA;
  }

.tableau550g {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  height:25px;   
  color: #003399;
  text-align: left;
  border-bottom: 2px solid #003399;
  border-right: 2px solid #003399;
  border-left: 2px solid #003399;
  background-color: #E6E6FA;
  }
  
  
.tableau6 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
  height:25px;  
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  background-color: #FFFFFF;
  }  

.tableau6p {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  font-weight:bold;
  height:25px;  
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  background-color: #FFFFFF;
  } 

  
.tableau60 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight:bold;
   height:25px; 
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  background-color: #E6E6FA;
  }  

.tableau60p {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  font-weight:bold;
   height:25px; 
  color: #003399;
  text-align: center;
  border-bottom: 2px solid #003399;
  background-color: #E6E6FA;
  } 
  
.tableau7 {
  font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-weight:bold;
  color: #003399;
  text-align: center;
  border-top: 2px solid #003399;
  border-bottom: 2px solid #003399;
  background-color: #00BFFF;
  }  
  
  
  
/* CSS issu des tutoriels css.alsacreations.com */


.menumain {
position: relative;
width: 960px;
  margin-left: auto;
  margin-right: auto;
 
  }

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


.menusite {
position: absolute;
top: 12px;
left: 516px;
  width:444px;
  height:30px;
   font-size: 12px;
  color: #003399;
   font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;  
  text-align:right;
  margin:0;
  padding:0;
  z-index:0;
  } 

 
.cache {
position: absolute;
top: 69px;
left: 830px;
  width:130px;

   font-size: 10px;
  color: #C0C0C0;
   font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
}

.api {
text-align: right;
   font-size: 10px;
  color: #C0C0C0;
   font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
}

.nojava {
border: 1px solid gray;
}

#menug {
position: absolute;
top: 0;
left: 0;
width: 95px;
z-index:100;

}
#menug dl {
float: left;
width: 95px;
}
#menug dt {
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
height: 18px;
cursor: pointer;
text-align: center;
background: #ccc;
border: 1px solid gray;
margin-top: 1px;
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
color: #003399;
}
#menug dd {
display: none;
border: 1px solid gray;
z-index:10;
}


#menug li {
text-align: center;
background: #fff;
line-height:1.2em;
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 10px;
}
#menug li a, #menug dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
color: #003399;
}
#menug li a:hover, #menug dt a:hover {
background: #eee;
}


#menum {
position: absolute;
top: 0;
left: 95px;
width: 131px;
z-index:100;

}
#menum dl {
float: left;
width: 131px;
}
#menum dt {
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
height: 18px;
cursor: pointer;
text-align: center;
background: #ccc;
border: 1px solid gray;
margin-top: 1px;
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
color: #003399;
}
#menum dd {
display: none;
border: 1px solid gray;
z-index:10;
}


#menum li {
text-align: center;
line-height:1.2em;
background: #fff;
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 10px;
}
#menum li a, #menum dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
color: #003399;
}
#menum li a:hover, #menum dt a:hover {
background: #eee;
}


#menum2 {
position: absolute;
top: 0;
left: 226px;
width: 115px;
z-index:100;

}
#menum2 dl {
float: left;
width: 115px;
}
#menum2 dt {
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
height: 18px;
cursor: pointer;
text-align: center;
background: #ccc;
border: 1px solid gray;
margin-top: 1px;
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
color: #003399;
}
#menum2 dd {
display: none;
border: 1px solid gray;
z-index:10;
}


#menum2 li {
text-align: center;
background: #fff;
line-height:1.2em;
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 10px;
}
#menum2 li a, #menum2 dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
color: #003399;
}
#menum2 li a:hover, #menum2 dt a:hover {
background: #eee;
}





#menug2 {
position: absolute;
top: 0;
left: 341px;
width: 230px;
z-index:100;

}
#menug2 dl {
float: left;
width: 115px;
}
#menug2 dt {
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
height: 18px;
cursor: pointer;
text-align: center;
background: #A9A9A9;
border: 1px solid gray;
margin-top: 1px;
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
color: #003399;
}
#menug2 dd {
display: none;
border: 1px solid gray;
z-index:10;
}


#menug2 li {
text-align: center;
background: #fff;
line-height:1.2em;
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 10px;
}
#menug2 li a, #menug2 dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
color: #003399;
}
#menug2 li a:hover, #menug2 dt a:hover {
background: #eee;
}

#menug3 {
position: absolute;
top: 0;
left: 571px;
width: 130px;
z-index:100;

}
#menug3 dl {
float: left;
width: 130px;
}
#menug3 dt {
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
height: 18px;
cursor: pointer;
text-align: center;
background: #A9A9A9;
border: 1px solid gray;
margin-top: 1px;
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
color: #003399;
}
#menug3 dd {
display: none;
border: 1px solid gray;
z-index:10;
}


#menug3 li {
text-align: center;
background: #fff;
line-height:1.2em;
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 10px;
}
#menug3 li a, #menug3 dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
color: #003399;
}
#menug3 li a:hover, #menug3 dt a:hover {
background: #eee;
}


#menud {
position: absolute;
top: 0;
left: 701px;
width: 80px;
z-index:100;
}
#menud dl {
float: left;
width: 80px;
z-index:10;
}
#menud dt{
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
height: 18px;
cursor: pointer;
text-align: center;
background: #ccc;
border: 1px solid gray;
margin-top: 1px;
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
color: #003399;
}
#menud dd {
display: none;
border: 1px solid gray;
z-index:10;
}
#menud li {
text-align: center;
background: #fff;
line-height:1.2em;
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 10px;
}
#menud li a, #menud dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
color: #003399;
}
#menud li a:hover, #menud dt a:hover {
background: #eee;
}

#menud2 {
position: absolute;
top: 0;
left: 780px;
width: 180px;
z-index:100;
}
#menud2 dl {
float: left;
width: 30px;
}
#menud2 dt{
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
height: 18px;
cursor: pointer;
text-align: center;
background: #ccc;
border: 1px solid gray;
margin-top: 1px;
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
color: #003399;
}
#menud2 dd {
display: none;
border: 1px solid gray;
z-index:10;
}
#menud2 li {
text-align: center;
background: #fff;
line-height:1.2em;
font-family: Verdana,Geneva, Arial, Helvetica, Sans-Serif;
font-size: 10px;
}
#menud2 li a, #menud dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
color: #003399;
}
#menud2 li a:hover, #menud2 dt a:hover {
background: #eee;
}


#keywordsearch {
color: #003399;
border: 1px solid navy;
position: absolute;
top: 120px;
left: 716px;
width:244px;
text-align: left;
}

.forIEonly {
display: none;
}

