//@charset "iso-8859-1";

body {
	font-family: Verdana, sans-serif;
  color : black;
 font-size: 11px;
 padding-top:0;
}

form{
  margin : 0;
  padding:0;
  font-family: Verdana, sans-serif;

 font-size: 11px;
}

div#general{
  margin-top:0px;
  padding-top : 0px;
  width : 793px;
  text-align:left;
}

div{
font-family: Arial, Helvetica,sans-serif;
font-size: 11px;
}

div#right{
	
 	position :absolute;
  width : 24em;
top : 22.3em;
  margin-left : 510px;
	font-family: Verdana, sans-serif;
	z-index:2;
text-align:left;
margin-top : 2em;


}

div#contenu_gauche{

  width : 44em;

    margin-left : 1.5em;
	font-family: Verdana, sans-serif;
	z-index:2;

text-align:left;
margin-top : 1em;
margin-bottom : 1em;
padding-bottom :2em;
border-right : dotted 1px #646A6E;
}


div#main{
  width : 789px;
  
margin:0;
padding :0;
  text-align:left;
border-bottom:1px #77AE19 dotted;
border-right:1px #77AE19 dotted;
border-left:1px #77AE19 dotted;
font-family: Verdana, sans-serif;

}

.bottom{

margin-top : 10px;
text-align : center;
font-family: Verdana, sans-serif;
color : #B7B7B7;
 padding-top : 7px;
 padding-bottom : 7px;
 border : dotted 1px #3499C6;
}

div.bottom a{
color : #008347;
}

img{
border : 0px;
margin : 0px;
}


table{
	font-family: Verdana, sans-serif;
/*font-size : x-small;*/
 font-size: 11px;
}


/* CSS du menu horizontal, bieler batiste */

.menu{
  margin-left:0px;
    position:absolute;
    display:block;
    padding:0;
    
    z-index :3;
    margin-top : 218px;
    }

.menu ul{
    position:absolute;
    display:block;
    }
    
.menu li ul{
    visibility:hidden;
    margin-left : -48px;
    }

.menu li li ul{
    position:absolute;

    padding-left:123px;
    }

.menu li{
text-align:center;
    list-style:none;
    width:96px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin-right:3;
    }
    
.menu li li a{
 padding-left : 10px;	
	
}
    
.menu li li{
       float:none;
    width:220px;
    margin-top : 1px;
    
 /*padding-left : -40px;*/
}

/* correct a little IE bug */
* html .menu li li{
    display:inline;
    text-align:left;
}


.menu a{
    /*text-align:center;*/
    background-color: #395EA9;
    border:1px #32A7C6 solid;
    color:white;
   display:block;
/*    width:auto;*/
    text-decoration:none;

padding-bottom : 5px;
padding-top : 4px;

    margin-right:0px;
    }

.menu a:hover{
    background-color: #3499C6;
    border:1px #aaa solid;
   color : white;
    text-decoration:none;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    /*background-color: yellow;*/
}

a.linkOver{
    background-color: #3499C6;
    }
/* menu*/


.geopicker{
/*    background-color: yellow;*/
border:1px #32A7C6 solid;
    position:relative;
    top:0px;
    right : 0px;
    text-align : right;
   width : 793px;
   height : 60px;
padding-right : 30px ;
padding-top : 5px;
padding-left : 30px ;

}

H1{
    padding : 0px;
    margin-top :0px;
	background: url(images/logo_docubase.gif) no-repeat;
      width: 794px;
	height: 243px;
	text-indent: -1000em;
	clear: both;
	margin: 0;
	vertical-align:middle;
	
}

H2{
font-family : 'Trebuchet MS', Verdana, sans-serif;
font-size:1.8em;
color:#4FA600;
/*border-bottom : 1px dotted #55BE47;*/
font-variant: small-caps;
margin-bottom : 6px;
margin-top : 14px;
/*scrolBaseColor : yellow;*/
}

H3{
font-family : 'Trebuchet MS', Verdana, sans-serif;
font-size:1.4em;
color:#356AB4;
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
 font-variant: small-caps;
margin-bottom : 4px;

/*border-bottom : solid 1px #93CAE3;*/
}
H4{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
/* font-variant: small-caps;*/
font-size:1.2em;
color:#4FA600;
padding-top : 4px;
margin-bottom : 4px;
border-top : dotted 1px #6BCF0F;
width : 97%;
}


p.lien{
/*width : 80%;*/
background-color: #F0F7FB;
border:1px #347ABE dotted;
padding : 20px;
margin-right : 20px;
margin-left : 20px;

}

a.lien{
font-family: Verdana, sans-serif;
/*font-size: 12px;*/
color:#347ABE;
font-weight : bold;
}

th{
    visibility : hidden;
}

caption{
visibility : hidden;
height : 1px;
}

table.main{
border-right:1px #77AE19 dotted;
  margin-right : 290px;
 

}


.liste_acces{
              text-align: left;
padding : 0px;
    list-style:none;
}
p{
color : #3D3D3D;
padding-left : 1em;
padding-right : 1em;
margin-top: 0px;
}

p.news{

color:#FF6900;
}

p.temoignage{
/* color : #646A6E;*/
}

a {
text-decoration : none;
color : #008ECD;

}
a:hover{
text-decoration : underline;
color : #2488B5;
}

li{
/*
background: url(images/puce_orange.gif) no-repeat;
background-repeat:no-repeat;
background-position:left 50%;
background-color : yellow;
list-style:none;
text-indent : 10px;
*/
}
li.titre{
font-weight:bold;
list-style:none;
}

.communique{
padding-top : 10px;
margin-top : 2px;
padding-bottom: 2px;
border-top:1px #77AE19 dotted;
width : 97%;
font-weight : bold;
}
a#liencommunique{
color:#4C4C4D;
font-weight : normal;
}
/*p a{
color : #3D3D3D;
}

p a:hover{
color : #717171;
}
*/
p.date{
        margin :0;
        padding :0;
        color :  #5C971C;
}

H3.titre_evenements{
        margin-bottom :10px;
	padding-left : 0;
	margin-right : 20px;
        padding-bottom :2px;
	
	color :  #356AB4;
	font-weight : bold;
    border-bottom:1px #356AB4 dotted;		
}

ul.site{
font-weight : bold;
color :  #4C4C4D;
/*        color :  #66AB1C;*/
list-style:none;
/*border-bottom:1px #77AE19 dotted;*/
}
.site a{
font-weight : normal;
list-style:square;
color : #5C991A;
 }

 .site a:hover{
text-decoration : underline;
list-style:square;
color : #4C4C4D;

}


.titre_site{
color :  #4C4C4D;
font-weight : bold;

}
.chemin_fer{
color :  #68686C;

}

.chemin_fer_lien{
	padding-bottom: 5px;
	padding-left: 20px;
	 font-weight: bold;
background-image : url(images/home.gif)  ;
height : 16px;

/*margin-right: 5px;*/
background-repeat: no-repeat;
 text-align:center;
}

.chemin_fer a:hover{
background: url(images/home_hover.gif)  no-repeat top left;
}	

#envoyer{
width: 87px;
height: 23px;
border: none;
cursor: pointer;
background: url(images/envoyer.gif)  no-repeat top left;	
}

#envoyer:hover{
background: url(images/envoyer_hover.gif)  no-repeat top left;	
}

#langue{
cursor: pointer;
  margin-top:198px;
  margin-right:0px;
  z-index : 5;
width :71em;
vertical-align: center;
background: url(images/usa.gif)  no-repeat bottom right;
position :absolute;
text-align:right;
padding-right : 18px;
	
}

ul{
color : #3D3D3D;
font-family: Verdana, sans-serif;
}



.titre_infos{
text-align:center;
  width : 200px;
  /*background-color :#F0F7FB;*/
border-top:1px #77AE19 dotted;
/*border-bottom:1px #77AE19 dotted;*/
font-family : 'Trebuchet MS', Verdana, sans-serif;
font-size:1.4em;
font-weight : bold;
color:#77AE19;
padding-top:4px;
padding-bottom:4px;
 font-variant: small-caps;
margin-bottom : 10px;
margin-top : 10px;
margin-left: 90px;
}

.titre_espace_client{
text-align:center;

  background-color :#3499C6;
/*border-top:1px #77AE19 dotted;*/
/*border-bottom:1px #77AE19 dotted;*/
font-family : 'Trebuchet MS', Verdana, sans-serif;
font-size:1.5em;
font-weight : bold;
color:white;
padding-top:4px;
padding-bottom:4px;
 font-variant: small-caps;
margin-bottom : 10px;
margin-top : 10px;
margin-left: 30px;
margin-right: 30px;

}

