@charset "ISO-8859-1";

body { 
	margin: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#flash {  
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -270px;
	z-index: 0;
}
div#flash-bas {  
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: 250px;
	z-index: 0;
}
/*********************************************************/
div#menu1 {
	position: absolute;
	left: 50%;
	margin-left: -375px;
	top: 50%;
	margin-top: -182px;
	width: 200px;
	height: 24px;
	padding-top: 6px;
	xborder: #000000 solid 1px;
	background-color: transparent;
	xbackground-color: #002cfd;
	z-index: 200;
	display: none;
}

div#menu2 {
	position: absolute;
	left: 50%;
	margin-left: -275px;
	top: 50%;
	margin-top: -182px;
	width: 200px;
	height: 24px;
	padding-top: 9px;
	xborder: #000000 solid 1px;
	background-color: transparent;
	xbackground-color: #33ccff;
	z-index: 200;
	display: none;
}

div#menu3 {
	position: absolute;
	left: 50%;
	margin-left: -175px;
	top: 50%;
	margin-top: -182px;
	width: 200px;
	height: 24px;
	padding-top: 6px;
	xborder: #000000 solid 1px;
	background-color: transparent;
	xbackground-color: #e6c72e;
	z-index: 200;
	display: none;
}

div#menu4 {
	position: absolute;
	left: 50%;
	margin-left: -75px;
	top: 50%;
	margin-top: -182px;
	width: 200px;
	height: 24px;
	padding-top: 7px;
	xborder: #000000 solid 1px;
	background-color: transparent;
	xbackground-color: #b1241b;
	z-index: 200;
	display: none;
}

div#menu5 {
	position: absolute;
	left: 50%;
	margin-left: 25px;
	top: 50%;
	margin-top: -182px;
	width: 200px;
	height: 24px;
	padding-top: 8px;
	xborder: #000000 solid 1px;
	background-color: transparent;
	xbackground-color: #e67500;
	z-index: 200;
	display: none;
}

div#menu6 {
	position: absolute;
	left: 50%;
	margin-left: 125px;
	top: 50%;
	margin-top: -182px;
	width: 200px;
	height: 24px;
	padding-top: 8px;
	xborder: #000000 solid 1px;
	background-color: transparent;
	xbackground-color: #90d1fb;
	z-index: 200;
	display: none;
}
/*********************************************************/
div#ligne {  
	height: 10px; 
	border-top: #CCCCCC dashed 10px;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -170px;
	z-index: 150;
}
div#rectangle {
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 1px 1px 0;
	width: 900px; height: 500px;
	position: absolute;
	left: 50%;
	margin-left: -450px;
	top: 50%;
	margin-top: -250px;
	z-index: 50;
}

/* le id 'section' du body réfère au répertoire, cad section1 = quefaitil, section2 = gestionnaire, etc */
body#section1 #rectangle {
	background-image: url('images/photo_3.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

body#section2 #rectangle {
	background-image: url('images/photo_2.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

body#section3 #rectangle {
	background-image: url('images/photo_1.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

body#section4 #rectangle {
	background-image: url('images/photo_4.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

body#section5 #rectangle {
	background-image: url('images/photo_5.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

body#section6 #rectangle {
	background-image: url('images/photo_6.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

body#home #rectangle {
	background-image: url('images/photo_0.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

div#mini-rectangle {
	border-style: solid;
	border-color: #ccc;
	border-width: 0 2px 0 0;
	width: 61px; height: 500px;
	position: absolute;
	left: 50%;
	margin-left: -450px;
	top: 50%;
	margin-top: -250px;
}
div#mini-rectangle p {
	position: absolute;
	top: 15px;
	width: 54px;
	text-align: right;
	font-size: .65em;
}
div#mini-rectangle p a {
	text-decoration: none;
	color: #acacac;
}
div#mini-rectangle a:hover {
	color: red;
}
div#devenir { 
	position: absolute;
	bottom: 10px; 
	z-index: 100;
}

div#menu-haut {
	border-style: solid;
	border-color: #ccc;
	border-width: 0px;
	width: 600px; height: 50px;
	position: absolute;
	left: 75px;
	top: 15px;
	z-index: 200;
}
div#picto-1 a {
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	width: 50px; height: 50px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url('images/mini_picto_4.jpg');
}
div#picto-2 a {
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	width: 50px; height: 50px;
	position: absolute;
	left: 100px;
	top: 0px;
	background-image: url('images/mini_picto_1.jpg');
}
div#picto-3 a {
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	width: 50px; height: 50px;
	position: absolute;
	left: 200px;
	top: 0px;
	background-image: url('images/mini_picto_6.jpg');
}
div#picto-4 a {
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	width: 50px; height: 50px;
	position: absolute;
	left: 300px;
	top: 0px;
	background-image: url('images/mini_picto_2.jpg');
}
div#picto-5 a {
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	width: 50px; height: 50px;
	position: absolute;
	left: 400px;
	top: 0px;
	background-image: url('images/mini_picto_3.jpg');
}
div#picto-6 a {
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	width: 50px; height: 50px;
	position: absolute;
	left: 500px;
	top: 0px;
	background-image: url('images/mini_picto_5.jpg');
}
/************************************************************************************/
div#menu-vert {
	width: 135px; height: 350px;
	position: absolute;
	left: 75px;
	top: 130px;
	background-image: url('images/degrade.gif');
}
div#menu-vert h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.20em;
}
ul.menu  {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 0px;
	margin-left: 5px;
	margin-top: 0px;
}
ul.menu-picto  {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .5em;
	padding-left: 0px;
	margin-left: 5px;
	margin-top: 0px;
}
.menu li {
	list-style: none;
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid white;
}
.menu-picto li {
	list-style: none;
	margin: 0;
	padding: 0.25em;
	xborder-bottom: 1px solid white;
}
.menu-picto li a {
	text-decoration: none;
}
.menu-picto li.section {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 5px;
}
#menu1 .menu-picto li.section:hover {
	xbackground-color: #33ccff;
}
#menu2 .menu-picto li.section:hover {
	xbackground-color: #b1241b;
}
.menu li:hover {
	background-color: #acacac;
}
/*

#menu1 .menu li:hover {
	background-color: #33ccff;
}
#menu2 .menu li:hover {
	background-color: #b1241b;
}
#menu3 .menu li:hover {
	background-color: #e67500;
}
#menu4 .menu li:hover {
	background-color: #002cfd;
}
#menu5 .menu li:hover {
	background-color: #90d1fb;
}
#menu6 .menu li:hover {
	background-color: #e6c72e;
}
#menu1 .menu-picto li:hover {
	background-color: #acacac;
}
#menu2 .menu-picto li a {
	color: #fff;
}
#menu2 .menu-picto li:hover {
	background-color: #acacac;
}
#menu3 .menu-picto li:hover {
	background-color: #acacac;
}
#menu4 .menu-picto li a {
	color: #fff;
}
#menu4 .menu-picto li:hover {
	background-color: #acacac;
}
#menu5 .menu-picto li:hover {
	background-color: #acacac;
}
#menu6 .menu-picto li:hover {
	background-color: #acacac;
}
*/
.menu li a {
	text-decoration: none;
	color: #000000;
}
.menu li a:hover {
	text-decoration: none;
	color: #990000;
}
/*************************************************************************************/
div#contenu {
	width: 720px; height: 360px;
	position: absolute;
	left: 100px;
	top: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 150%;
	z-index: 50;
	height: 400px;
	xoverflow: auto;
}
div#contenu-video {
	width: 720px; height: 360px;
	position: absolute;
	left: 100px;
	top: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	line-height: 150%;
	height: 400px;
	z-index: 50;
}
div#contenu-video ol {
	list-style-position: outside;
	margin-left: 0px;
	padding-left: 30px;
	float: left;
	top: 44px;
	width: 230px;
	xheight: 360px;
}
div#ecran-video {
	position: absolute;
	right: 0px;
	top: 44px;
	z-index: 50;
}
body#home div#ecran-video {
	position: absolute;
	left: 0px;
	top: 44px;
	z-index: 50;
}

div#contenu h3 {
	font-size: 1.7em;
}
div#contenu h5 {
	font-size: 1.4em;
}
div#contenu ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#contenu a {
	text-decoration: underline;
	color: #000000;
}
div#contenu a:hover {
	text-decoration: none;
	color: #990000;
}
ol#questions a {
	text-decoration: none;
	color: black;
}
ol#questions li:hover {
	text-decoration: none;
	color: red;
	background-color: gray;  
}

div#contenu table.texte {
	border-collapse: collapse;
	width: 100%;
}
div#contenu table.texte td {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 150%;
}

/* CODE BOTTONS */

table#bouton {
   width:200px;	
   float: right; 
   margin-left: 5px;
}

#section6 table#bouton {
   width:120px;	
   float:left;
   margin-bottom: 10px;
}

table#bouton tr {
   height:18px;
}

table#bouton td.boutonnoir
{
   background-color:#000000;
   text-align: center;

}
table#bouton td.boutonnoir a
{
   color:#ffffff;
   font-size:9px;
   font-family:Verdana,sans-serif;
   text-decoration: none;
}

table#bouton td.boutonnoir-faq 
{
   color:#ffffff;
   font-size:9px;
   font-family:Verdana,sans-serif;
   text-decoration: none;
   background-color:#000000;
   text-align: center;
}

table#bouton td.boutonnoir:hover
{
   font-size:9px;
   font-family:Verdana,sans-serif;
   color:#000000;
   background-color:#AAAAAA;
   cursor: hand;
}

table#bouton td.boutonnoir-faq:hover
{
   font-size:9px;
   font-family:Verdana,sans-serif;
   color:#000000;
   background-color:#AAAAAA;
   cursor: hand;
}

table.adresse {
	width: 100%;
	font-size: .7em;
	line-height: 120%;
	padding-top: 10px;
	margin-top: 20px;
}