BODY {
  margin: auto;
  width: 775px;   
  margin-top: 2px;
  margin-bottom: 2px;  
  BACKGROUND-COLOR: #F3EBEE; 
  BORDER-RIGHT: #e5d2d8 2px solid; 
  BORDER-TOP: #e5d2d8 2px solid; 
  BORDER-LEFT: #e5d2d8 2px solid; 
  BORDER-BOTTOM: #e5d2d8 2px solid
}

P {
	FONT-SIZE: 12px;
	MARGIN-RIGHT: 5px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: justify;
	color: #000000;
	font-style: normal;
	font-weight: normal;
}


TD {
	FONT-SIZE: 12px; MARGIN-RIGHT: 0px; MARGIN-left: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; PADDING-RIGHT: 0px;PADDING-LEFT: 0px; TEXT-ALIGN: justify}
	
		
H1 {
	PADDING-RIGHT: 0px;PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 20px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 40px;MARGIN-TOP: 0px; BORDER-LEFT: #Fbbf07 6px solid; WIDTH:450px; COLOR: #f7831b; PADDING-TOP: 0px; BORDER-BOTTOM: #Fbbf07 2px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 25px
}

H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #030a56; BORDER-BOTTOM: #f7831b 1px dotted; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
}

H3 {
	PADDING-LEFT: 14px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url('images/puce.jpg') no-repeat left top; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}

H4 {
	FONT-SIZE: 9px;
	font-weight: normal;
}


H5 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: 60px; COLOR: #fff; PADDING-TOP: 3px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #000
}

H6 {
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px;	
	PADDING-TOP: 10px;	
	font-style: normal;
	font-weight: bold;
}

H6 A {
	FONT-SIZE: 12px; COLOR: #999; TEXT-DECORATION: none
	}
	
H6 A:link {
	COLOR: #999; TEXT-DECORATION: none
}
H6 A:visited {
	COLOR: #999; TEXT-DECORATION: none
}
H6 A:hover {
	TEXT-DECORATION: none;
	color: #ab1f66;
}
A {
FONT-SIZE: 12px
}

A:hover {color: #ab1f66;
}

UL {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px;MARGIN-TOP: 0px;
}
 

#menu {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	FONT-SIZE: 100%;
	PADDING-BOTTOM: 3px;
	MARGIN: 0px;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR: #f4dfc0;
	TEXT-ALIGN: center;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}

#menu A {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 2px solid; COLOR: #f7831b; PADDING-TOP: 3px; TEXT-DECORATION: none
}

#menu A.bordure {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ffffff;
}

#menu A:hover {
	COLOR: #ffffff; BACKGROUND-COLOR: #f7831b; TEXT-DECORATION: none
}


.footer {
	FONT-SIZE: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN-LEFT: 20px;
	MARGIN-RIGHT: 20px;
	PADDING-TOP: 5px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	border-top-style: solid;
	border-right-width:thin;
	border-bottom-width:thin;
	border-left-width:thin;
	border-top-width:0px;
	font-weight: normal;	
}




.cadre {
	BORDER-RIGHT:  3px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP:  3px solid;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM:3px;
	BORDER-LEFT:  3px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #fff 3px solid;
	POSITION: relative;
	BACKGROUND-COLOR: #ffffff;
	width: 160px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	text-align: center;
	border-color: #71423c;
	font-size: 12px;
}
.cadre UL {
	PADDING-LEFT:5px; FONT-SIZE: 12px; LIST-STYLE-IMAGE: url('images/fleche.gif'); MARGIN: 0px; FONT-FAMILY: Geneva, Helvetica, Verdana, Arial,  sans-serif
}
.cadre LI {
	MARGIN: 0px 0px 3px
}	
.cadre B {
	COLOR: #71423c;
	font-size: 13px;
	text-decoration: underline;
}
.cadre A {
	DISPLAY: block; COLOR: #e078ab
}
.cadre A:link {
	TEXT-DECORATION: none
}
.cadre A:visited {
	TEXT-DECORATION: none
}
.cadre A:hover {
	COLOR: #ab1f66
}

.titreG {
	BORDER-RIGHT: #fff 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #fff 1px solid;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #fff 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #fff 1px solid;
	POSITION: relative;
	BACKGROUND-COLOR: #ffdb73;
	width: 150px;
	margin-top: 10px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 7px;
	text-align: center;
	font-weight: bold;
	color: #D41F00;
	font-size: 14px;
	}

DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;font-size: 12px;

}


.separation {
	TEXT-DECORATION: none;
	border-bottom-style: dotted;
	font-style: normal;
	border-bottom-color: #f7831b;
}

.articles {
	BORDER-RIGHT: #71423c 2px solid;
	BORDER-TOP: #71423c 2px solid;
	BORDER-LEFT: #71423c 2px solid;
	BORDER-BOTTOM: #71423c 2px solid;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #fbf9fa;
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
	font-size: 12px;
	}
.articles b {font-size: 12px;}

.articles ul  {margin-left: 15px;}
.articles li b {font-size: 12px; margin-left: 5px;}
	

	
div#galerie
{
	width: 725px ;
	background: #fff ;
	border: 0px solid #000 ;
	padding: 10px 5px;
	margin: 15px 5px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 5px 4px ;
	border: 1px solid #dcb ;
}


dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 18px Verdana, Arial, Helvetica, sans-serif;
	color: #030a56 ;
	
}

dl#photo dd
{
	margin:12px 
}

dl#photo img
{
	border: 5px solid #f4dfc0 ;
}

body {behavior: url(csshover.htc);}
div#menuG {width: 150px;}

/* fond blanc pour le menu */ 
div#menuG a {color:#E078ab}

div#menuG ul {
	padding: 0px;
	width: 160px;
	border:0px solid;
	margin:0px;
	background: #f5f5f5;
	font-size: 16px;	
}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menuG li: hover {
	background: #FFCCFF;	
}

div#menuG li.sousmenu:hover {background: #EBB;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menuG li.sousmenu {background: url('fleche.gif') no-repeat 95% 50%;}

div#menuG ul li {
	position:relative;
	list-style: none;
	border-bottom:3px solid;
	border-bottom-color: #FFFFFF;
	
}
div#menuG ul ul {position: absolute; top: -1px; left: 100px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menuG li a {text-decoration: none; padding: 4px 10px 8px; display:block; border-left: 8px solid #ab1f66; width:140px}
div#menuG ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menuG ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menuG li a:hover {border-left-color: #E078ab; color:#ab1f66;}
div#menuG ul ul li a:hover {border-left-color: #EDD;}
div#menuG ul ul ul li a:hover {border-left-color: #0000FF;}




/*--------- Hightslise -----------*/

* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide-html {
    background-color: black;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: #000;
}
.highslide-move {
    cursor: move;
}
/*-------- fin hightslide -------*/

/*--------  hightslide diapo -------*/
* {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
	color: #000000;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
	display: none;
	border: 2px solid white;
	border-top: none;
	font-family: Verdana, Helvetica;
	font-size: 10pt;
	padding: 5px;
	background-color: white;
	color: #999;	
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray; 
}

.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.control {
	float: right;
	display: block;
	position: relative;
	margin: 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 1px;
	margin-bottom: 1px;
	font-style: normal;
	
}
.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
	
}
.control, .control * {
	color: #777;
}
/*-------- fin hightslide diapo -------*/