/* CSS Document */
body{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px; /* affiché en 10px */
	color: #000000;
	line-height: 1.166;
	padding: inherit;
	cursor: url(css/moncurseur.cur) , auto;
	background-color: #ffffcc;
	width: 100%;
	height: 100%;
	margin-top: 0;
	line-height: 20px;
	border-color: #090 1px;
}
@font-face {
     font-family: 'ufonts.com_gabriola';
    src: url('ufonts.com_gabriola.eot');
    src: url('ufonts.com_gabriola.eot?#iefix') format('embedded-opentype'),
         url('ufonts.com_gabriola.woff2') format('woff2'),
         url('ufonts.com_gabriola.woff') format('woff'),
         url('ufonts.com_gabriola.ttf') format('truetype'),
         url('perecs-webfont.svg#pere_castorstandard') format('svg');
    font-weight: normal;
    font-style: normal;
}

#container
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 1024px;
	margin: 0px auto;
	color: #000000;
	margin-top: 0px;
	line-height:20px;
	display:block;

}
#table
{
	font: gabriola, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

}
td {
	font: gabriola, Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	text-align:center;
	font-size:15px;
	font-weight: bold;
 }


#haut
{
	padding:0;
	background-color: #ffffcc;
	height: 150px;

}

#content
{
	float: left;
	width:1024px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffcc;
	color: #333333;
	padding: 0 10px;/*haut - droite - dessous - gauche*/
	 border-width:1px 2px 3px 2px;
	 border-style:solid dotted;
	 border-color:#FFFF99;
	 padding:0 10px;
	margin-top: 0px;
}

#footer
{
clear: both;
margin: 0;
padding: 0;
font-size: 13px;
color: #000000;
background-color: #ffffcc;
border-top: 1px solid gray;
text-align:center;

}
#footer a:link
{
color:#000000;
}
#footer a:visited
{
color:#999999;
}
#footer a:hover
{
color: #000000;
}
#footer a:active
{
color:#666666;
}


#content h2 { margin: 0 0 .3em 0; }

div#menu a {
	font-family: gabriola, Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size: 15px;
}

div#menu ul {
		font-family: gabriola, Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin:0px;
	width:1050px;
	text-align:center;
	color: #000000;
	background-color: #CCCC66;
	border-color: #000000;
	border-top-style:double;
}
div#menu li {
		font-family: gabriola, Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCCC66;
	color: #000000;
}
div#menu li:hover {
		font-family: gabriola, Verdana, Arial, Helvetica, sans-serif;
	background-color: #55E625;
	color: #FFFFFF;
}
div#menu li.sousmenu:hover {
		font-family: gabriola, Verdana, Arial, Helvetica, sans-serif;
	background-color: #55E625;
	color: #FFFFFF;
}
/* rejout couleur de fond */
div#menu li.sousmenu {
		font-family: gabriola, Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
	color: #000000;
	}
/* rajout pr  couleur de fond*/
div#menu li.plop {
		font-family: gabriola, Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
		color: #000000;
}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; border-top:2px solid}
div#menu ul ul {
  display:none;
  left:0;
  position:absolute;
  top:22px;
  width:140px;
}

div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:140px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 140px;}

/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li {
background-color:#FFFFCC}
div#menu ul.niveau3 li:hover {
	background-color: #43BE5B;
}
	A {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #333333; FONT-FAMILY: Verdana, Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #006400; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}


.mot{
	background-color:#FFFFCC;
	color: #000000;
	font-size: 16px;

}
.mot1{
	background-color:#FFFFCC;
	color: #000000;
	text-transform: capitalize;
}
.mot2{
	font-size: 1.1em;
 color: #000000;
 text-align: left;
 }

fieldset{
	border: none;
}


h1 {
	font-family: gabriola, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333333;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	text-align: justify;
	text-justify: newspaper;
	width: 950px;

}
h3 {
	font-family: gabriola, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: justify;
	color: #000000;
	font-weight: bold;
	 background-color: #FFFFCC;

	}
h4 {
	font-family: gabriola, Arial, Helvetica, sans-serif;
	font-size: 19px;
	text-align: center;
	width: 800px;
	color: #000000;
	font-weight: bold;
	 background-color: #FFFFCC;
	 margin:auto;


	}




hr
{
   width: 50%;
   color: #666666; /* couleur trait horizontal */
   height: 3px;
}
.diaporama{
	position:relative;
	width:600px;
	height:450px;
	margin: auto;
}

.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute;
	left: 5px;
	top: -1px;
}

.diaporama_controls{
	width:600px;
	margin:3px 0;
	padding:5px;
	clear:both;
	overflow:hidden;
}

.diaporama_controls .btns{
	float:center;
}

.diaporama_controls a{
	font-weight:normal;
	width:10px;
	height:13px;
	text-indent:-9999px;
	display:inline-block;
	margin:0 3px;
}

.diaporama_controls .prev{
	background:url(img/fleches_diapo.png) no-repeat top right;
}

.diaporama_controls .next{
	background:url(img/fleches_diapo.png) no-repeat top left;
}

.diaporama_controls .pause{
	background:url(img/fleches_diapo.png) no-repeat bottom right;
}

.diaporama_controls .play{
	background:url(img/fleches_diapo.png) no-repeat bottom left;
}
ul{
	margin:0;
	padding:0;
}