h1 {
	font-family: Verdana;
	font-size: 25px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: indianred;
       }
h2 {
	font-family: Verdana;
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: beige;
	background: slategray;
       }
h3 {
	font-family: Verdana;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: slategray;
       }
h3.titre {
	font-family: Verdana;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	padding-left:75px;
	padding-top:8px;
	height:51px;
	color: skyblue;
	background: url(images/barre-titre.jpg) no-repeat;
       }
h3.titre1prog {
	font-family: Verdana;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	padding-left:60px;
	padding-top:18px;
	height:51px;
	color: slategray;
	background: url(images/titre1-prog.jpg) no-repeat;
       }
h3.titre2prog {
	font-family: Verdana;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	padding-left:60px;
	padding-top:18px;
	height:51px;
	color: slategray;
	background: url(images/titre2-prog.jpg) no-repeat;
       }
h3.titre3prog {
	font-family: Verdana;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	padding-left:60px;
	padding-top:18px;
	height:51px;
	color: slategray;
	background: url(images/titre3-prog.jpg) no-repeat;
       }
h4 {
       	font-family: Verdana;
       	font-size: 16px;
       	font-style: normal;
       	line-height: normal;
       	font-weight: bold;
       	color: #000000;
       }
h4.accueil {
       	font-family: Verdana;
       	font-size: 18px;
       	font-style: normal;
       	line-height: normal;
       	font-weight: bold;
       	color: slategray;
       }
h4.faq {
       	font-family: Verdana;
       	font-size: 14px;
       	font-style: normal;
       	line-height: normal;
       	font-weight: bold;
       	color: #000000;
       	background: lightyellow;
       }
h5 {
       	font-family: Verdana;
       	font-size: 14px;
       	font-style: normal;
       	line-height: normal;
       	font-weight: normal;
       	color: #000000;
       }
p {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
       }
a {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000080;
       }
a:visited {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #000080;
       }
a:hover {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: overline underline;
	color: #8B0000;
       }
a:active {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: overline underline;
	color: #8B0000;
       }
a.navig {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
	color: #000080;
       }
a.navig:visited {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
	color: #000080;
       }
a.navig:hover {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #8B0000;
	text-decoration: overline underline;
       }
a.navig:active {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: overline underline;
	color: #8B0000;
       }
a.accueil {
	font-family: Verdana;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: underline;
	color: slategray;
       }
a.accueil:visited {
	font-family: Verdana;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: underline;
	color: slategray;
       }
a.accueil:hover {
	font-family: Verdana;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: indianred;
	text-decoration: underline;
	background: lightyellow;
       }
a.accueil:active {
	font-family: Verdana;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: underline;
	background: lightyellow;
	color: indianred;
       }
a.nav {
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
	color: #000080;
       }
a.nav:visited {
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
	color: #000080;
       }
a.nav:hover {
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #8B0000;
	text-decoration: overline underline;
       }
a.nav:active {
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: overline underline;
	color: #8B0000;
       }
a.menu {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
       }
a:hover.menu {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
       }
ul {
  font-family: Verdana;
  font-size: 13px;
  padding-left : 20px;
  list-style-type : disc;
  list-style-position : outside;
  text-align: left;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
} 

.central {
	width: 800px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 3px dashed;
	border-left: 3px dashed;
	border-right: 3px dashed;
	border-bottom: 3px dashed;
	border-color: #2F4F4F;
  	background-color: #FFFFFF;
}

.bloc  {
	text-align: justify;
	vertical-align: top;
	padding-left: 50px;
	padding-right: 50px;
}
 .contenu {
 	text-align: justify;
	vertical-align: top;
	padding-left: 70px;
	padding-right: 70px;
}

table#box {
	width: 484px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	border-top: 7px solid;
	border-left: 7px solid;
	border-right: 7px solid;
	border-bottom: 7px solid;
	border-color: darkgray;
  	background-color: beige;
}

tr#box {
  font-style: normal;
  line-height: normal;
  font-weight: normal;
}

#navA  {
	padding-top: 10px;
	background-color:lightyellow;
	width:800px;
	height:40px;
}

#navB  {
	padding-top: 3px;
	text-align:left;
	padding-left:15px;
	background-color:beige;
	width:800px;
	height:40px;
}

.boite220white {
	width: 220px;
	height: 450px;
	padding-bottom: 10px;
	background: white url(images/boite220-milieubas.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.boite220white h3 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(images/boite220-haut.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.boite220white p {
	margin: 1em 20px;
	text-align: justify;
}

.boite220beige {
	width: 220px;
	height: 300px;
	padding-bottom: 10px;
	background: white url(images/boite220-milieubas-beige.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.boite220beige h3 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(images/boite220-haut-beige.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.boite220beige p {
	margin: 1em 20px;
	text-align: center;
}

.box300 {
	width: 300px;
	height: 150px;
	padding-bottom: 10px;
	background: white url(images/box300bas.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.box300 h6 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(images/box300haut.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.box300 p {
	margin: 1em 20px;
	text-align: center;
}

.box300bleu {
	width: 300px;
	height: 150px;
	padding-bottom: 10px;
	background: white url(images/box300snowbas.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.box300bleu h5 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(images/box300snowhaut.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.box300bleu p {
	margin: 1em 20px;
	text-align: left;
}
.box300bleu ul {
	margin: 1em 20px;
	text-align: left;
	width:200px;

}

.box600 {
	width: 600px;
	height: 200px;
	padding-bottom: 10px;
	background: white url(images/box600bas.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.box600 h3 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(images/box600haut.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.box600 p {
	margin: 1em 20px;
	text-align: justify;
}

.boite350ivory {
	width: 550px;
	height:335px;
	padding-bottom: 10px;
	background: white url(images/box550bas.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.boite350ivory h3 {
	margin: 0;
	padding: 30px 20px 5px 20px;
	background: transparent url(images/box550haut.png) no-repeat;
	background-position: center top;
	text-align: center;
	color:white;
}
.boite350ivory p {
	margin: 1em 5px;
	text-align: justify;
	line-height:25px;
}
.boite350ivory p.comment {
	margin: 1em 10px;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
}



#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 8px 20px;
	background: slategray;
	color: #FFFFFF;
	text-align: center;
	font: bold 14px verdana, arial;
	text-decoration: none;}

#sddm li a:hover
{	background: indianred;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: bold 13px verdana, arial;}

	#sddm div a:hover
	{	background: indianred;
		color: #FFFFFF;}


#menu_parent{
width: 100px;
border: 1px solid black;
background-color: #E6F3FF;
padding: 1px 2px;
font-weight: bold;
}

#menu_child{
position: absolute;
visibility: hidden;
background-color: #E6F3FF;
width: 300px;
text-align: left;
border: 1px solid black;
border-bottom-width: 0;
}

#menu_child a{
display: block;
width: 98%;
border-bottom: 1px solid black;
padding: 2px;
text-decoration: none;
font-weight: bold;
color: navy;
}

#menu_child a:hover{
background-color: lightyellow;
}

#src_parent{
width: 120px;
padding: 1px 2px;
border: 1px solid blue;
background-color: #EADDFF;
}

#src_child{
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EADDFF;
padding: 0px 5px 2px 5px;
}

.menu_parent{
width: 100px;
border: 1px solid black;
background-color: #E6F3FF;
padding: 1px 2px;
font-weight: bold;
}