/* Styles CSS du site du domaine Florent Garaudet
Propriété de Florent Garaudet */

body,td,th {
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin: 0px;
text-align: center;
background-color: #B5BEB5;
/* background: url(images/fond_blason.png);
background-repeat:no-repeat;
background-position: 50px 50px; */
}

a:link,a:visited,a:active {
color: #000;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
color: #000000;
font-weight: bold;
}
p {
padding-left: 8px;
padding-right: 8px;
}
#global {
position:absolute;
padding:0px;
left: 50%;
width: 760px;
height: 540px;
margin-top : 5px;
margin-left: -380px; /* moitié de la largeur */
text-align:left;
border:dotted 0px;
background-color: #B5BEB5;	
/* background: url(images/fond-blason.png);
background-repeat:no-repeat;
background-position: 100% 110px; */
}

#footer {
clear:both;
font-size: x-small;
text-align: center;
vertical-align: bottom;
background-color: #102431;
height:125px;
padding:0px;
margin:0px;
background-image: url(images/fond_bas2.gif);
background-repeat: repeat-x; 
background-position:top center;
}
#footer a { 
color:#FFFFFF; 
font-weight:400;
}
#top {
height:75px;
font-family: "Trebuchet MS", "Lucida Grand", "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 1.3em;
text-align: center;
color: silver;
vertical-align: middle;
background: url(images/top_anim.gif);
background-repeat:repeat;
background-color: #102431;
}
#menu {
height:25px;
font-size: 0.9em;
background: url(images/fond_16-36-49.gif);
background-repeat:repeat;
border-top:1px solid; border-color:#FFFFFF;

}
#corps {
float:right;
width:700px;
border:0px solid;
height:310px;
overflow: auto;
color: #263950;
text-align:justify;
padding-left:5px;
padding-right:5px;
font-size:0.7em;
margin: 0px;
padding: 0px;
}
.contact {
font-size: x-small;
}
h1,h2 ,h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
padding-left: 5px;
}
#mentions {
	width: 300px;
	height: 100%;
	border: 1px solid #102431;
	margin:5px;
	font-size:0.7em;
	color:#000000;
}
#mentions p { 
text-align:justify;
padding-left: 10px;
padding-right:10px;
}
h1 {
font-size: 1.4em; 
}
h2 {
font-size: 1.3em; }
h3 {
font-size: 1.2em; 
}

#xiti-logo {
display: inline;
}

.liens {
border: 1px dotted #263950;
min-height: 60px;
}
.flotte_gauche {
float: left;
padding: 4px;
padding-left:0px;
}
.flotte_droite {
float: right;
padding: 4px;
padding-right:0px;
}
#corps img {
border: 1px solid black;
margin: 4px;
padding: 2px;
}
#gauche {
clear:both;
float:left;
width: 0px;
height:300px;
border:0px solid #CCCCCC;
width: 50px;
color: #263950;
margin:0px;
margin-top: 10px;
padding:0px;
font-size: 0.6em;
/* background-image: url(images/fond_gauche.gif); */
background-position:bottom;
background-repeat:no-repeat;
}
#gauche ul {
display: block;
padding: 0px;
list-style-type: none;
border:1px solid #CCCCCC;
}
#gauche a {
font-weight: 100;
}
#gauche img {
border: 1px solid grey;
}
#gauche a:hover img  {
border: 1px solid black;
}
#gauche a:hover  {
text-decoration: none;
}
#gauche li {
text-indent: 3px;
list-style-position: inside;
}
img {
border: 0;
}
#diaporama_picasa {
/* text-align: center; */
margin-left:120px;
}
#carte {
	width: 490px;
	height: 100%;
	border: 1px solid #102431;
	margin:5px;
	font-size:0.7em;
	color:#000000;
}
#carte_petit {
height:122px;
width:113px;
border: 1px solid black;
margin:4px;
padding:1px;
background:url(images/carte_small.gif) 2px 3px no-repeat;
text-align:center;
}
#carte_legende {
color:white;
background:url(images/trans1.png);
margin:1px;
}