@import url("layout.css");
@import url('logovacances.css');

body {
	font-family: Arial, sans-serif;
	color:black;
	margin-bottom:0;
	margin-left:0;
	margin-right:10px;
	margin-top:0
}
#container {
	width: 100%;
	height: 100%;
}
#masthead {
	width: 100%;
	overflow: auto
}
#page_content {
	padding: 0px;
}
#sidebar {
	position:relative;
	float: left;
	width: 208px;
	text-align:center
}
#SousMenu {
	padding-top: 5px;
	padding-right:0px;
	padding-left:10px;
	padding-bottom:5px;
	text-align: center;
	overflow: auto;
	position:static
	
}
#javas {
	text-align:center
	}
#javas img {
	border:0px
}

#content {
	position:relative;
	padding-top: 5px;
	padding-right:2px;
	padding-left:12px;
	padding-bottom:5px;
	text-align:justify;
	overflow: auto
}
#content iframe {
	border:0;
	width:100%;
	margin:auto;
 	height:40em
}
#content p {
	padding-top: 5px;
	padding-right:2px;
	padding-left:12px;
	padding-bottom:5px;
	text-align:justify;
	overflow: auto;
	text-indent:4em
}
#content p.centre {
	padding-top: 5px;
	padding-right:2px;
	padding-left:12px;
	padding-bottom:5px;
	text-align: center;
	overflow: auto;
	text-indent:0
}
#content p.droite {
	padding-top: 5px;
	padding-right:2px;
	padding-left:12px;
	padding-bottom:5px;
	text-align: right;
	overflow: auto;
	text-indent:0
}
#content p.notes {
	padding-top: 5px;
	padding-right:2px;
	padding-left:12px;
	padding-bottom:5px;
	text-align:justify;
	overflow: auto;
	text-indent:0
}
#content p.barre {
    text-decoration:line-through
}

.tableau{
	 width:auto;
	 border:1px solid black;
	 border-collapse:collapse;
	 vertical-align:middle

}
.tableau caption {
	  font-weight:bold
}
.tableau td {
	 border:1px solid gray
}
.tableau th {
	 text-align:center;
	 border:1px solid gray;
}
.tableau2{
	 text-align:center;
	 width: 100%;
	 border:1px solid black;
	 border-collapse:collapse;
	 caption-side:bottom;
	 vertical-align:middle
}
.tableau2 td {
	 text-align:center;
	 border:1px solid gray
}
.tableau3{
	margin: auto;
	margin-right: auto;
	text-align:center;
	border:0;
	border-collapse:collapse;
	vertical-align:middle
}
.tableau3 tr {
	text-align:center;
	border:0
}
.tableau3 td {
	text-align:center;
	border:0;
}

.tableau3 img {
	border:0
}

.bulle{
position:relative;
text-decoration:none
}
.bulle span{/*on rend le span invisible*/
display:none;
}
.bulle:hover span{ /*le contenu de la balise span n'apparaitre que lorsque le lien possédant la class "info" sera survolé*/
/*Positionnement de l'info bulle*/
display:block;
position:absolute;
bottom:73px; 
left:0; 
/*aspect visuel de l'info bulle*/
border:1px solid black;
background-color:white; color:black;
text-align:center;
text-decoration:none
}
#navig {
	text-align:right;
	border:0px
}
#navig img {
	text-align:right;
	border:0px
}
#navig0 {
	text-align:right;
	border:0px
}
#navig0 img {
	text-align:right;
	border:0px
}
#navig1 {
	text-align:right;
	border:0px
}
#navig1 img {
	text-align:right;
	border:0px
}
#navig2 {
	text-align:right;
	border:0px
}
#navig2 img {
	text-align:right;
	border:0px
}
#navig3 {
	text-align:right;
	border:0px
}
#navig3 img {
	text-align:right;
	border:0px
}
#navig4 {
	text-align:right;
	border:0px
}
#navig4 img {
	text-align:right;
	border:0px
}
#navig5 {
	text-align:right;
	border:0px
}
#navig5 img {
	text-align:right;
	border:0px
}
#navig6 {
	text-align:right;
	border:0px
}
#navig6 img {
	text-align:right;
	border:0px
}
#navig7 {
	text-align:right;
	border:0px
}
#navig7 img {
	text-align:right;
	border:0px
}
#navig8 {
	text-align:right;
	border:0px
}
#navig8 img {
	text-align:right;
	border:0px
}
#navig9 {
	text-align:right;
	border:0px
}
#navig9 img {
	text-align:right;
	border:0px
}
#navig10 {
	text-align:right;
	border:0px
}
#navig10 img {
	text-align:right;
	border:0px
}
#navig11 {
	text-align:right;
	border:0px
}
#navig11 img {
	text-align:right;
	border:0px
}
#navig12 {
	text-align:right;
	border:0px
}
#navig12 img {
	text-align:right;
	border:0px
}
#navig13 {
	text-align:right;
	border:0px
}
#navig13 img {
	text-align:right;
	border:0px
}
#navig14 {
	text-align:right;
	border:0px
}
#navig14 img {
	text-align:right;
	border:0px
}
#navig15 {
	text-align:right;
	border:0px
}
#navig15 img {
	text-align:right;
	border:0px
}
#navig16 {
	text-align:right;
	border:0px
}
#navig16 img {
	text-align:right;
	border:0px
}
#navig17 {
	text-align:right;
	border:0px
}
#navig17 img {
	text-align:right;
	border:0px
}
#navig18 {
	text-align:right;
	border:0px
}
#navig18 img {
	text-align:right;
	border:0px
}
#navig19 {
	text-align:right;
	border:0px
}
#navig19 img {
	text-align:right;
	border:0px
}
#navig20 {
	text-align:right;
	border:0px
}
#navig20 img {
	text-align:right;
	border:0px
}
#navig21 {
	text-align:right;
	border:0px
}
#navig21 img {
	text-align:right;
	border:0px
}
#navig22 {
	text-align:right;
	border:0px
}
#navig22 img {
	text-align:right;
	border:0px
}
#navig23 {
	text-align:right;
	border:0px
}
#navig23 img {
	text-align:right;
	border:0px
}
#navig24 {
	text-align:right;
	border:0px
}
#navig24 img {
	text-align:right;
	border:0px
}
#navig25 {
	text-align:right;
	border:0px
}
#navig25 img {
	text-align:right;
	border:0px
}
#navig26 {
	text-align:right;
	border:0px
}
#navig26 img {
	text-align:right;
	border:0px
}
#navig27 {
	text-align:right;
	border:0px
}
#navig27 img {
	text-align:right;
	border:0px
}
#navig28 {
	text-align:right;
	border:0px
}
#navig28 img {
	text-align:right;
	border:0px
}
#navig29 {
	text-align:right;
	border:0px
}
#navig29 img {
	text-align:right;
	border:0px
}
#navig30 {
	text-align:right;
	border:0px
}
#navig30 img {
	text-align:right;
	border:0px
}
#navig31 {
	text-align:right;
	border:0px
}
#navig31 img {
	text-align:right;
	border:0px
}

#masthead img {
	float: left;
	padding-left:44px;
	border:0px
}
#masthead img.centre {
 	margin-left:auto;
 	margin-right:auto;
 	margin-top:30px;
 	float:none;
	border:0px
}

h5 {
	text-align: center;
	font-variant:small-caps
}
h4 {
	text-align: center;
	font-variant:small-caps
}
h3 {
	text-align: center;
	font-variant:small-caps
}
h2 {
	text-align: center;
	font-variant:small-caps
}
h1 {
	text-align: center;
	font-variant:small-caps
}
/* Styles for Navigation */
#sidebar ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#sidebar li {
	display: block;
}
#sidebar a {
	text-decoration: none;
	font-weight: normal;
	padding: 5px;
	display: block;
	font-size: larger;
	color:black
}
#sidebar a:hover {
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	display: block;
	font-size: larger;
	color:blue
}
img.centre
{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
border:0
}

img.gauche
{
display: block;
margin-left: auto;
margin-right: 5px;
float: left;
border:0
}
img.droite
{
display: block;
margin-left: 5px;
margin-right: auto;
float: right;
border:0
}

/* Styles for Footer */
#footer a: hover {
	color: #393939;
	text-decoration: none;
}
a {
	color:black;
	text-decoration: underline;
}
a:hover {
	color:red;
	text-decoration: underline;
}