@charset "utf-8";
/* CSS Document */

body{
	background-color:#E9E9E9;
}
*{
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
}
img{
	display:block;
}
a{
	color:red;
}
a.noir{
	color:black;
	text-decoration:none;
}
a.bleu{
	color:blue;
}
a.violet{
	color: #ff00ff;
}
h4 {
	color:#4479BF;
}
h3,h2 {
	color:#093;
}
p{
	text-align:justify;
	text-indent:50px;
}
p.noindent{
	text-indent:0px;
}
p.bouton,#bouton1,#bouton2,#bouton3 {
	text-indent: 13%;
}
p.nocol{
	text-align:justify;
	text-indent:50px;
	margin-right:10px;
	margin-bottom:10px;
}
#maj {
	font-size: small;
	text-decoration:underline;
}

#wrapper{
	width : 90%;
	padding-left: 140px;
	margin : 0px;
}
#header{
	background-image:url(css_images/maison2.jpg);
	height: 183px;
}
#menu,#footer{
	background-color:#99FF99;
	margin-top: 0px;
}
#menu{
	width:120px;
	height:830px;
	border-top: 5;
	position:fixed;
	top:10px;
	left:5px;
	border-top: solid ;
	border-bottom: solid ;
	border-right: solid ;
	border-left: solid ;
}
#sommaire{
	font-size: small;
}
#contenu {
	width : 88%;
	margin-left:.5%;
}
#contenu1{
	width:49%;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#contenu2{
	width:49%;
	float:right;
	margin-bottom:10px;
}
#contenuA{
	width:15%;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#contenuB{
	width:83%;
	float:right;
	margin-bottom:10px;
}
#haut, #haut1{
	color: red;
}
#footer{
	clear:both;
}
#footer p{
	text-align:center;
}
#liste{
	margin-left:10px;
}
ul.retrait{
	margin-left:20px;
}
ul.retrait2{
	margin-left:50px;
}
ul.retrait3{
	margin-left:100px;
}
#infotable, #infotable2, #infotable3 {
  width:97%;
  border-collapse: collapse;
  border: 2px dotted #666;
}
#infotable td, #infotable th,#infotable2 td, #infotable2 th, #infotable3 td, #infotable3 th {
  text-align: left;
  padding: 3px 8px;
  border-collapse: collapse;
  border: 1px dotted #666;
}
#infotable .event, #infotable2 .event, #infotable3 .event, .french {
  background-color: #cfc;
}

#infotable .title, #infotable2 .title, #infotable3 .title, .english {
  background-color: #fcc;
}
#logitable1 {
  width:100%;
  border-collapse: collapse;
  border: 2px dotted #666;
  text-align: center;
  background-color: aqua;
}
#logitable2 {
  width:100%;
  border-collapse: collapse;
  border: 2px dotted #666;
  text-align: center;
}
#petition {
  width:100%;
  border-collapse: collapse;
  border: 1px dotted #666;
  background-color: #cccccc;
}

#petition td {
  text-align: center;
  border-collapse: collapse;
  border: 1px dotted #666;
  padding: 4px 6px;
  font-family : "arial";
  font-size : 10px;
}
#fixed {
	width: 60%;
	}
#fixed2 {
	width: 70px;
	}
.toRight{
	margin-left:100px;
}
.toRight2{
	margin-left:50px;
}
.super, .supercenter {
	color:blue;
}
.supercenter {
	text-align:center;
}
.gras{
	color:blue;
	text-align:center;
}
.blue{
	font-weight:bold;font-style:italic;
	color:red;
}
.bouton1 a {
display:block;
width:107px;
line-height:25px;
text-align:center;
font-size: small;
font-weight:bold; 
vertical-align:middle;
background:url(css_images/bouton-vert.png) no-repeat;
color:white;
text-decoration:none;
}
.bouton1 a:hover {
background:url(css_images/bouton-vert-2.png) no-repeat;
color: yellow;
}
.bouton2 a {
display:block;
width:107px;
line-height:25px;
text-align:center;
font-size: small;
font-weight:bold; 
vertical-align:middle;
background:url(css_images/bouton-pourpre.png) no-repeat;
color:white;
text-decoration:none;
}
.bouton2 a:hover {
background:url(css_images/bouton-pourpre-2.png) no-repeat;
color: yellow;
}
.bouton3 a {
display:block;
width:107px;
line-height:25px;
text-align:center;
font-size: small;
font-weight:bold; 
vertical-align:middle;
background:url(css_images/bouton-jaune.png) no-repeat;
color:white;
text-decoration:none;
}
.bouton3 a:hover {
background:url(css_images/bouton-jaune-2.png) no-repeat;
color: yellow;
}