a.lienMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.lienMenu:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a.lienMenuinfo {
	position: relative;
	z-index: 24;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.lienMenuinfo:hover {
	text-decoration: underline;
	color: #FFFFFF;
	z-index: 25;
	background-position: 0;
}
a.lienMenuinfo span {
	display: none
}
a.lienMenuinfo:hover span {
	display: block;
	position: absolute;
	z-index: 24;
	top: 2em;
	left: 2em;
	width: 15em;
	border: 1px solid #6699cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	padding: 1px;
	background-color: #F79433;
}
a.lienTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 3px;
	text-align: center;
	background-color: #524FA1;
	padding: 2px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
a.lienTitre:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 3px;
	text-align: center;
	background-color: #524FA1;
	padding: 2px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	text-decoration: underline;
}
a.lienMenuPetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.lienMenuPetit:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a.lienPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #F58232;
}
a.lienPage:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
a.lienSites {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #F58232;
}
a.lienSites:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
a.lienRes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #990099;
}
a.lienRes:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
a.lienBib {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #F58232;
}
a.lienBib:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
a.lienMenuPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #F3ABCF;
	text-decoration: none;
	padding: 2px;
	color: #000000;
}
a.lienMenuPage:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}
a.lienUne {
	font-weight: bold;
	color: #F58232;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #F58232;
}
a.Lienune_tres_petit {
	font-weight: bold;
	color: #F58232;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #F58232;
}
a.lienUne:hover {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.titreUne {
	font-weight: bold;
	color: #F58232;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #524FA1;
}
.gros {
	font-size: 20px;
}
.titreEncart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 3px;
	text-align: center;
	background-color: #524FA1;
	padding: 2px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
.titreEncart2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 3px;
	text-align: center;
	background-color: #990066;
	padding: 2px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
.titreEncart3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 3px;
	text-align: center;
	background-color: #339999;
	padding: 2px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
.encadre {
	border: 2px solid #524FA1;
	background-color: #FFFFFF;
}
.encadrePhoto {
	border: 1px solid #000000;
}
.encadreFin {
	border: 1px solid #524FA1;
	background-color: #FFFFFF;
}
.encadreFin_pointille {
	border: 1px dashed #524FA1;
	background-color: #FFFFFF;
}
.encadreFinFdBleu {
	border: 1px solid #524FA1;
	background-color: #F2F2F9;
}
.fdBleu {
	background-color: #F2F2F9;
}
.encadreBleuCiel {
	border: 1px solid #C7D6EE;
	margin-bottom: 4px;
	background-color: #FFFFFF;
}
.orangeTitre {
	font-weight: bold;
	color: #F58232;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.sites {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #202657;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #202657;
}
.tab {
	text-indent: 100pt;
}
.sousmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #E75AA1;
	padding: 2px;
}
li {
	list-style-image: url(images/puce.gif);
	margin: 5px;
}
.bas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #524FA1;
	text-align: center;
}
.right {
	text-align: right;
}
.rose {
	background-color: #E75AA1;
}
.orange {
	background-color: #F79433;
}
.bleu {
	background-color: #58BFD6;
}
.vert {
	background-color: #BAE02C;
}
a.lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #F58232;
	text-decoration: underline;
}
a.lien:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E75AA1;
	text-decoration: none;
}
.sssousmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #F3ABCF;
	padding: 2px;
}
.arbo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #BDBCDE;
	padding: 3px;
	margin: 5px 0px;
}
.pro_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
.pro_collection {
	font-style: italic;
}
.options {
	margin: 2px;
	text-indent: 15pt;
	margin-left: 20px;
	background-color: #D0E8E8;
	margin-bottom: 3px;
}
.sujets {
	padding: 5px;
	text-indent: 30pt;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.body_brochure {
	width: 29cm;
	height: 20cm;
}
.sections {
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #99CCCC;
}
.concours {
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
.option1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
}
.option2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #009900;
}
.option3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0033CC;
}
.inter1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-indent: 10pt;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #99CCCC;
}
.inter2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-indent: 20pt;
	margin-left: 20px;
	background-color: #D0E8E8;
	margin-bottom: 3px;
}
.inter3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-left: 30px;
	background-color: #E2F1F1;
	margin-bottom: 2px;
}
.bouquet {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #E75AA1;
}
.sstitre {
	font-size: 10px;
	color: #999999;
	font-style: italic;
}
.rougeTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #FF0000;
}
.bleuTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #524FA1;
}
.intro_body{
/* background : #66CCFF; */
background : #33A4FF;
}




/*    ancien  style  */

/* {padding: 0; margin: 0;}

html, body { 
   height: 100%; 
}
*/
.titre_fond_degrade {
/*#background-image:url(images_systeme/bd_h_bleu.jpg);
background-color : #004E98;

*/
border:1px solid #6666FF;
background-color : #33a4FF; 
padding-bottom:2px;
padding-top:2px;
width: 100%;
float: left;

}
.titre_bloc1 {
float: left;
margin-left: 10px;
margin-top: 4px;
}
.titre_bloc2 {
width: 60%;
float: left;
margin-left: 20px;
}
.titre_bloc3 {
float: left;
margin-right: 300px;
margin-top: 0px;
}
.titre_bloc4 {
float: right;
margin-right: 20px;
margin-top: 4px;
}

.menu_gauche {
height: 90%;
float: left;
position: relative;
}



.bloc_affiche {
	position:absolute;
	left:210px;
	top:140px;
	z-index:1;
	text-align:left;
	border-width : 1px;
	border-style:none;
	width : 1000px;
/*	width : 2000px;*/
}
.txt_menu {
font-weight:bold;
}
.menu_objet {
font-style:italic;
} 

/* ------------------------------------CLASS titre, complément titre et sous titre---------------------------------*/
.titre {
font-weight:bold;
font-size : 40px;
color : #FE0000;
font-style : italic;
}
.ctitre {
color : #FE0000;
font-style : italic;
font-weight:bold;
font-size : 48px;
}
.stitre {
color: #2a4dab;
}
.bvn{
color : #FFFFFF;

font-weight:bold;
font-size : 24px;
}

/* ------------------------------------ Fin CLASS titre, complément titre et sous titre----------------------------*/

/* menu */

body {
	margin: 0px 0px 0px 0px;
	height: 100%;
	/* background-image:url(images_systeme/body_rose.jpg); */
background-position:right center;
background-repeat:repeat-y;
vertical-align:top;
}


body_page {
	height: 80%;
	margin-left: 250px;
	overflow: auto;
	background-color:#ffffff;
}
#body_menu {
	position: absolute;
	left:0;
	margin-top: 65px;
	width: 250px;
	height: 100%;
	background-image: url(images/menu/background.gif);
	background-repeat: repeat-x;
	text-align: center;
}



#body_admin {
	padding-left: 10px;
	padding-top: 10px;
	position: absolute;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #eeeeee;

}

.boite_menu_actif_menu {
	background-image: url(images/menu/1.png);
	height: 23px;
	background-repeat: no-repeat;
	font: normal normal bold 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-left: 20px;
	text-align: left;
}

.boite_menu_inactif_menu {
	background-image: url(images/menu/2.png);
	height: 23px;
	background-repeat: no-repeat;
	font: normal normal bold 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #d9e1f6;
	padding-left: 20px;
	text-align: left;
}

.boite_menu_liste {
	background-color: #ffffff;
	border: 1px solid #10377C;
}

.boite_menu_veticale {
	background-image: url(images/menu/verticale.gif);
	background-repeat: repeat-y;
	background-position: center;
	width: 11px;
}
.boite_menu_veticale_admin {
	background-image: url(images/menu/verticale.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.boite_menu_plus {
	background-image: url(images/menu/plus.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 9px;
}

.boite_menu_moins {
	background-image: url(images/menu/moins.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 9px;
}

.boite_menu_disk {
	background-image: url(images/menu/disk.gif);
	background-repeat: no-repeat;
	background-position: center;
}


.police_verdana_10_blue {
	font: normal normal bold 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2a4dab;
	text-align: left;
}

.police_verdana_10_black {
	font: normal normal bold 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
}

a.menu_link:link, a.menu_link:visited {
	color: #000000;
	font: normal normal bold 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
}
  
a.menu_link:hover {
	color: #ff0000;
	font: normal normal bold 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline overline;
	text-align: left;
}

a.menu_link:active {
	color: #0000ff;
	font: normal normal bold 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline overline;
	text-align: left;
}

a.admin:link, a.admin:visited, a.admin:hover a.admin:active {
	color: #ffffff;
	font: normal normal bold 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #bb0000;
	border : 1px solid #000000;
	text-align: left;
	padding: 1px 2px 1px 1px;
}

.center {
		text-align: center;
}

.noborder {
	border: 0px;
}

/* style du hover d'infobulle */

a.info{
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:2em; width:15em;
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#6699cc;
    text-align: justify;
    font-weight : normal;
    padding:1px;
    
}

/* bouton1 */
a.bouton1:link{
width:222px; 
height:23px; 
margin-left: 250px;
text-decoration:none; 
color:white;
text-align:center; 
display: block;
background-color: transparent;
background-repeat: no-repeat;
background-image:url(images_systeme/1.png);
}

a.bouton1:visited{
width:222px; 
height:23px;
margin-left: 250px;
text-decoration:none; 
color:white; 
text-align:center;
display: block;
background-color: transparent;
background-repeat: no-repeat;
background-image:url(images_systeme/1.png);
}

a.bouton1:hover{
width:222px; 
height:23px; 
margin-left: 250px;
text-decoration:none;
color:white; 
text-align:center; 
display: block;
background-color: transparent;
background-repeat: no-repeat;
background-image:url(images_systeme/2.png);
}

.bouton1{text-align:center;font-size: 90%;}

/* JD */



#myGallery
{
	width: 843px;
	height: 600px;
	z-index:5;
	display: none;
	border: 1px solid #000;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('css/img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: 1px solid #FFF;
}
.carouselInner
{
	width: 100px;
}

.jdGallery .carousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('css/img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('css/img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }