/* gestion des mots longs */
textarea,
table,
td,
th,
code,
pre,
samp {
	hyphens: auto;
	word-wrap: break-word; /* passage à la ligne forcé */
	} 
      
/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
iframe,
object,
embed,
video {
	max-width: 100%;
	}

/*police*/	
h1{ font:normal 1.3em 'Arimo', sans-serif; color:#ffffff;  text-transform:none; }
h2{ font:normal 1em 'Arimo', sans-serif; color:#ffffff;  text-transform:none; }
h3{ font:normal 1em 'Arimo', sans-serif; color:#ffffff;  text-transform:none; }
/*couleur des liens*/	
a { 
	color:#505050;
	}
a:hover {
color:#008000;
}

/* conserver le ratio des images */
img {
	height: auto;
	}
	
body	{
	background-color: #ffffff ;
	font-family : Arial,Verdana,Helvitica,sans-serif;
	color:#000000;
	overflow:auto;
	width:auto;
	}
	
table	{
	background-color: rgb(255, 255, 255);
	width: 100%;
	text-align: left;
	margin-left: auto; margin-right: auto;
	}
	
.menuaccueil {
	position:relative;
	display:block;
	font-size:100%;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	font-weight:bold;      
	}
	
.menuaccueil ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	background-color: rgb(255,255,255);
	}
	
.menuaccueil ul li{
	display:block;
	float:none;
	margin:0;
	}
	
.menuaccueil ul li a {
	display:block;
	float:none;
	color:#808080;
	text-decoration:underline;
	padding:10px 10px 0px 10px;
	height:1.45em;
	}
	
.menuaccueil ul li a:hover,
.menuaccueil ul li a.current {
	color:#008000;
	}
	
 
.reserver { display:block; width: 90px;  border: 1px solid green; border-radius :10px; padding: 5px;  margin: 10px; position: relative; top:10px; left: 40%; height:18px;  background-color: rgba(0,128,0,0.18); text-decoration:none; text-transform:uppercase; font:normal 1.em 'Arimo', sans-serif; color:#008000; }
.reserver:hover{border-radius :10px;border: 2px solid green;text-decoration:none; background-color: rgba(0,128,0,0.30);  color:#007000; }

.secure { display:block; width: 100px;  padding: 10px;   position: relative; left: 40%; top:10px; height:35px;   }

	
#menuhaut{
	position:relative;
	display:block;
	height:30px;
	font-size:90%;
	background:transparent repeat-x top left ; /*url(../images/bgOFF.gif)*/
	font-family:Arial,Verdana,Helvitica,sans-serif; /*border-top:4px solid #007F00;*/
    font-weight: bold;
	}
	
/*
	
#menuhaut ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}
	
#menuhaut ul li{
	display:block;
	float:left;
	margin:0;
	}
	
#menuhaut ul li a{
	display:block;
	color:#666;
	text-decoration:underline;
	padding:10px 5px 0 10px;
	height:23px;
	background:transparent  no-repeat top right; 
	}
	
#menuhaut ul li a:hover,
#menuhaut ul li a.current{
	color:#007F00;font-weight:bold;
	background:#fff  no-repeat top right;
	}
*/
	
#menubas{
	position:relative;
	display:block;
	height:39px;
	font-size:100%;
	background:transparent  repeat-x bottom left;/*url(../images/bgOFF.gif)*/
	font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:4px solid #007F00;
    font-weight: bold;
	}
	
#menubas ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}
	
#menubas ul li{
	display:block;
	float:left;
	margin:0;
	}
	
#menubas ul li a{
	display:block;
	float:left;
	color:#666;
	text-decoration:underline;
	padding:11px 5px 0 5px;
	height:23px;
	background:transparent no-repeat top right;/*url(../images/bgDIVIDER.gif) */
	}
	
#menubas ul li a:hover,
#menuhaut ul li a.current{
	color:#007F00;font-weight:bold;
	background:#fff  no-repeat top right;/*url(../images/bgON.gif)*/
}

#c0{
	text-align: center;
	font-size : 100%; font-weight:bold;
	color : #008000;
	}
	
.c0{
	text-align: center;
	font-size : 100%; font-weight:bold;
	color : #008000;
	}
	
#c1{
	font-size : 100%;
	font-weight:bold;
	text-decoration: underline ;
	text-align: left;
	color : #008000;
	}
	
.c1{
	font-size : 100%;
	font-weight:bold;
	text-decoration: underline ;
	text-align: left;
	color : #008000;
	}
	
#c2{
	font-size : 120%; text-align: center; 
	}
	
.c2{
	font-size : 120%; text-align: center; 
	}

#c3{
	font-size : 100%; text-align: justify;margin : 5%;
	}
	
.c3{
	font-size : 100%; text-align: justify; margin : 5%;
	}