/* Caractéristiques générales communes à toutes les pages hormis accueil ----- */
*{
margin: 0;
padding: 0;
border: 0;
}
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
color:#69777F;
text-align:center;
background-color:#FFF;
margin-bottom:10px;
}
#centrage {
width:799px;
margin:0 auto;
font-size:70%;
display:table;
text-align:left;
position:relative;
border:1px solid #D1D1D1;
background-image:url(../pics/fond.gif);
background-repeat:repeat-y;
}
.gras{
font-weight:bold;
}
.italique{
font-style:italic;
}
.left{
float:left;
}
.right{
float:right;
}
a{
color:#8CC342;
font-weight:bold;
}
a:link, a:visited{
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
}
.separateur{
background-image:url(../pics/separateur.gif);
background-repeat:repeat-x;
height:1px;
padding:5px 0;
}

h1.poney{
padding:2px;
font-size:110%;
color:#FFFFFF;
}

/* En tête --------------------------------------------------------------- */
#bandeau {
margin-bottom:-2px;
}

/* Navigation ----------------------------------------------------------------- */
#navigation{
width:170px;
height:200px;
float:left;
display:table;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}

#navigation .poney{
margin:10px 0;
}
#navigation ul{
list-style:none outside none;
margin-bottom:10px;
}
#navigation ul.interne{
list-style:none outside none;
}
#navigation ul.interne li{
color:#689DCD;
padding:5px;
font-size:130%;
font-weight:bold;
background-image:url(../pics/separateur.gif);
background-repeat:no-repeat;
background-position:bottom;
}
#navigation ul.interne li.on{
color:#fff;
background-color:#689DCD;
}
#navigation ul.interne li.on img{
margin-top:-2px;
}
#navigation ul.interne li.on a{
color:#fff;
}
#navigation ul.interne li a{
color:#689DCD;
}
/* Sous navigation ------------------------------------------------------------ */

/* Contenu ------------------------------------------------------------ */
#contenu {
width:617px;
padding-left:12px;
height:670px;
display:table;
margin-bottom:-10px;
}
html>body #contenu{
width:447px;
min-height:670px;
height:auto;
}
#contenu p span{
float:right;
padding-left:10px;
margin-bottom:10px;
background-image:url(../pics/fleche.gif);
background-repeat:no-repeat;
background-position:0 5px;
}
#ariane {
	margin: 10px 0 -15px 0;
	height: 40px;
	width: 428px;
	padding: 0px 0 0px 5px;
}
#ariane a{
	color:#69777F;
}
#ariane a.off{
	font-weight:normal;
}



	/* Annexes ------------------------------------------------------------ */
#annexes {
width:160px;
height:340px;
padding-left:15px;
padding-right:5px;
background-image: url(../pics/fond_annexes.jpg);
background-repeat: no-repeat;
background-position:-6px 0;
background-color: #FFF;
margin-bottom:15px;
margin-left:0;
float:right;
}
html>body #annexes{
margin-right:-170px;
z-index:200;
position:relative;
min-height:340px;
height:auto;
}
html>/**/body #annexes{
width:166px;
position:absolute;
margin-left:431px;
z-index:1;
background-position:0;
margin-right:auto;
}
#annexes .img {
	float:left;
	padding-right: 10px;
	padding-left: 10px;
}

#annexes .img2{
margin-bottom:8px;
}

#annexes table {
width:160px;	
border: 1px solid #98CA45;
font-weight:bold;
font-size:95%;
margin-top:5px;
float:right;
}
#annexes thead tr {
text-align:center;
background-color:#8CC342;
color:#fff;
}
#annexes td, #annexes th {
text-align:center;
padding:2px;
}


#annexes td.on, td.on a {
background-color:#98CA45;
color:#fff;
}

#annexes p.calendrier{
text-align:center;
}
#diaporama h1{
font-size:100%;}

#tel{
margin-top:-38px;
margin-left:115px;
position:relative;
}
/* Pied de Page --------------------------------------------------------------- */
#localisation{
margin-top:-165px;
position:relative;
margin-left:-170px;
}

#pied {
height:25px;
background-image:url(../pics/fond_pied.jpg);
clear:both;
position:relative;
top:-2px;
margin-bottom:-2px;
padding-top:2px;
padding-left:7px;
color: #FFFFFF;
}

#pied .input{
width:135px;
font-size:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
border:1px solid #808080;
padding-left:5px;
margin-right:2px;
}

#pied .droite {
float:right;
margin-top:8px;
margin-right:2px;
}

#pied .droite a{
color:#fff;
font-weight:normal;
}

#pied img {
margin-bottom:-2px;
}

/* Plan du site */
#plansite ul {
margin-left:30px;
}
#plansite {
margin-left:30px;
}
#plansite ul.niveau2 {
margin-left:30px;
list-style-type:square;
color:#8CC342;
}
#plansite ul.niveau3 {
margin-left:40px;
}

/* contact */
#contact {
float:left;
width:425px;
}
#contact div.both{
clear:both;
}
#contact fieldset{
border:1px solid #B0B0B0;
margin:10px 10px 20px 5px;
padding:10px 0px 10px 0px;
border: 1px solid #8CC342;
}
#contact legend {
color:#8CC342;
font-weight:bold;
font-size:120%;
}
#contact p{
margin-top:10px;
white-space:nowrap;
display:table;
clear:both;
}
#contact label{
width:120px;
text-align:right;
float:left;
margin-right:5px;
}
#contact input{
width:150px;
border:1px inset;
padding:1px 2px;
font-size:80%;
border:1px solid gray;
color:gray;
}
#contact select{
border:1px inset;
padding:1px 2px;
font-size:80%;
border:1px solid gray;
color:gray;
}
#contact textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
width:250px;
height: 200px;
border:1px solid gray;
padding:1px 2px;
}
#contact .centrer{
text-align:center;
width:50%;
}
#contact .centrer input{
width:100px;
background-color:#8CC342;
color:#fff;
font-weight:700;
border:1px solid gray;
margin-bottom:20px;
}
/* page resultat moteur de recherche */
#moteurgene h1{
margin-top:15px;
font-size:95%;
}
#moteurgene p{
width:410px;
background-color:#f4f4f4;
border:1px solid #e4e4e4;
margin-bottom:15px;
padding:5px;
}