html {
	height: 100%;
  	width: 100%;
  	margin: 0;
  	padding: 0;
  	border: none;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/fond-menu.jpg);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 5px;
}
.video_suite{
	background-color: #CCCCCC;
	background-image: url(../images/video_suite1.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	width: 330px;
	padding-left: 20px;
	}
.video_suite a:link{
	color: #003366;
	text-decoration: underline;
}
.video_suite a:hover{
	color: #000000;
	text-decoration: none;
}	
.menu {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #FFFFFF; background-image: url(../images/menu.gif); text-decoration: none; padding-top: 5px; padding-bottom: 5px; background-position: left center; background-repeat: no-repeat; padding-right: 0px; padding-left: 0px}
.fond-menu {
	background-attachment: fixed;
	background-image: url(../images/fond-menu.jpg);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 5px;
	background-color: #FFFFFF;
}
.Titre-page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	background-image: url(../images/fond-titre.gif);
	background-repeat: repeat;
	background-position: left center;
	text-transform: uppercase;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #003399;
	list-style-image: url(../images/petite-puce.gif);
	list-style-position: outside;
	list-style-type: disc;
}
h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #990000; background-attachment: fixed; background-image: url(../images/puce.gif); background-repeat: no-repeat; background-position: left bottom; clip:   rect(   10px); padding-left: 15px}
.texte_loi {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	text-align: justify;
}
a:link { font: normal normal bold 10px/normal Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: underline }
a:visited { font: normal normal bold 10px/normal Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none }
a:hover { font: normal normal bold 10px/normal Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: underline overline }
a:active { font: normal normal bold 10px/normal Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: underline overline}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-transform: none; color: #003366; background-attachment: fixed; background-image: url(../images/petite-puce.gif); background-repeat: no-repeat; background-position: left 2px; clip: rect(   10px); padding-left: 10px; margin-left: 5px}
.sous-menu {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-attachment: scroll; background-image: url(../images/sous-menu.gif); background-repeat: no-repeat; background-position: center center}
.tableau-resum {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #003399; background-color: #EAF4FF; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border: #FF0000; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.titre-resum {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background-attachment: scroll; background-image: url(../images/titre-resum.gif); background-repeat: no-repeat; background-position: left center; padding-left: 25px; color: #990000; background-color: #FFFFFF}
.menu-bas { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #FFFFFF; padding-top: 8px; padding-bottom: 8px; text-decoration: none }
.mini-txt {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; word-spacing: 2px}
input {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; border: #990000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; border: #990000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; border: #990000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
.tableau-Question {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	background-color: #EAF4FF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #609EE5;
	text-align: justify;
}
.h2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-transform: none; color: #003366; background-attachment: scroll; background-image: url(../images/petite-puce.gif); background-repeat: no-repeat; background-position: left 2px; clip: rect(   10px); padding-left: 10px; margin-left: 5px }
.cadre {
	border: 2px #000071 solid;
	background-image: url(../images/fond-titre.gif);
	font-weight: bold;
}
.titre_loi {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	text-align: justify;
}
.fond_accueil {
	background-attachment: fixed;
	background-color: #dde3f1;
	background-image: url(../images/fond_accueil1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.enter {
	background-image: url(../images/accueil.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	height: 23px;
	width: 304px;
}
.enter a:hover{color: #FFFFFF;}
.adminmenu {
	border: 1px solid #990000;
	background-color: #EFEFEF;
	width: 230px;
	}
.photo td{
	border: 2px solid #5674b9;
	background-color: #dde3f1;
	width: 230px;
}
.photo td  a img{
border: 2px solid #ffffff;
}
.photo td  a:hover img{
border: 2px solid #5674b9;
}
.photo div {
	background-color: #5674b9;
	color: #FFFFFF;
}
.resize {
width: auto;
height: 400px;
}
/*------------- lightbox   -------------------   */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
#img {
	width: auto;
	height: 100%;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://storage.canalblog.com/45/40/96840/13616764.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url( http://www.orain-modelage.fr/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url( http://www.orain-modelage.fr/images/nextlabel.gif) right 15% no-repeat; }