/* Balise body */
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #4682B4;
}

/* Conteneur pour la page d'introduction */
#conteneur-intro {
	position: absolute;
	height: 160px;
	width: 640px;
	left: 50%;
	top: 50%;
	margin-top: -80px;
	margin-left: -320px;
}

/************************************************************/
/* Divisions principales de la page                         */
/* 1 conteneur principal divisé en 4 conteneurs secondaires */
/* (conteneur) -> (        header     )                     */
/*                (p7swapmenu) (centre)                     */
/*                (         pied      )                     */
/************************************************************/

#conteneur {
position: absolute;
height: 450px;
width: 760px;
left: 50%;
top: 50%;
margin-top: -230px;
margin-left: -380px;
}

#header {
	height: 100px;
	background-color: #CCFFFF;
	margin: 0px;
	padding: 0px;
}
#p7swapmenu {
	position: absolute;
	left: 0;
	width: 180px;
	height: 320px;
	padding: 5px 0px 5px 0;
	background-color: #9CC0B8;
	border-top: solid  thick #FFD305;
}
#centre {
	position: absolute;
	margin-left: 180px;
	background-color:  #FBFBFB;
	border-top: solid  thick #FFD305;
	width: 580px;
	height: 330px;
	overflow: auto;
}
#pied {
	position: absolute;
	height: 20px;
	width: 760px;
	background-color: #608796;
	margin: 0;
	margin-top: 335px;
}

/************************************************************/
/* classes pour le sous-conteneur du menu (p7swapmenu)      */
/************************************************************/

/* Turns off Margin, Padding, and Bullets for the Menu List */
#p7swapmenu ul {
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}
#p7swapmenu li {
	margin: 2px 0px 0 0px;
	padding: 0 5px 0 5px;
	list-style-type: none;
}

/* Rules to copy if you use the WriteStyles Command */
.closed ul {
	display:none;
}
.open ul {
	display:block;
}

/* Link Styles for the Menu */
.closed a, .open a {
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-color: #7FA0AD;
	border: 1px solid;
	border-color: #C9D0AD #848C71 #848C71 #C9D0AD;
	color: #303030;
	display: block;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 0px 2px 18px;
	text-decoration: none;
}

/* Hover and Active styles for the menu */
.closed a:hover, .open a:hover, .closed a:active, .open a:active {
	background-color: #CDCDCD;
	color: #303030;
}

/* Plus Sign for Trigger Links in Closed State */
.closed a {
	background-image: url(images/men-plus-or.gif);
}

/* Minus Sign for Trigger Links in Open State */
.open a {background-image: url(images/men-moins-or.gif);}

/* Link Styles for the Submenus */
.closed ul a, .open ul a, .open ul a:hover {
	background-color: #CDCDCD;
	background-image: url(images/page-marker-or.gif);
	background-repeat: no-repeat;
	background-position: 2px 50%;
	border: 0;
	color: #303030;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
}

/* Optional ID to assign the <a> to highlight a "Current Page" link */
#p7current {font-weight: bold;}

/************************************************************/
/* classes pour le sous-conteneur (centre)                  */
/************************************************************/
#centre-contenu {
	padding: 10px;
}
#centre-contenu h1 {
	font-size: 1.1em;
	color: Gray;
	padding-right: 150px;
	background-image: url(images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 40px;
	}
#centre-contenu h1 a{
	color: Gray;
	}
#centre-contenu h2 {
	font-size: 1.4em;
	color: #FBD000;
	text-decoration: underline;
	padding-right: 150px;
}
#centre-contenu h3 {
	font-size: 1.2em;
	color: #FBD000;
	padding-right: 150px;
}
#centre-contenu p {
	font-size: 1em;
	text-align: justify;
	padding-right: 150px;
}
#centre-list{
	background-color: #F4F7F7;
	border: 1px dashed #FBD000;
	margin: -10px 130px 0 10px;
}
#centre-list ul {
	margin: 0px;
	padding: 5px 10px 5px 20px;
}
#centre-list ol {
	margin: 5px 0 5px 20px;
}
#centre-list li {
	font-size: 1em;
	text-align: justify;
	list-style: disc outside;
	color: #608796;
	padding: 1px 10px 1px 0;
	}
#go-top-page {
	font-size: 1em;
	border-bottom: 1px dotted Gray;
	margin: -10px 120px 0 0px;
}
#go-top-page p {
	margin: 0px;
	padding: 5px 0;
}
#go-top-page a {
	font-size: 0.8em;
}
/************************************************************/
/* classes pour le sous-conteneur (pied)                    */
/************************************************************/
#pied-contenu {
	padding: 2px 5px 0 5px;
	font-size: 10px;
	color: #FFFFFF;
}
#pied-contenu a:hover {
color:  #FFD305;
}
#pied-contenu :link {
color:  #FFD305;
}
#pied-contenu :visited {
color:  #FFD305;
}

/************************************************************/
/* classes générales                                        */
/************************************************************/
.bold {
	font-weight: bold;
}
.left {
	float: left;
}
.right {
	float: right;
}
.underline {
	text-decoration: underline;
}
.img-logo {
  float: right;
  border: 1px dashed #9CC0B8;
  padding: 5px;
  margin-top: 20px;
  background-color: White;
}
.button {
	background-color: #9CC0B8;
	border: 1px solid;
	border-color: #C9D0AD #848C71 #848C71 #C9D0AD;
	color: #303030;
	font-size: 1em;
}
.red {
	color: #FF0000;
}