h1 {font-family: "Arial", san-serif; font-size: 20pt; color: dimgray; text-align: center;}
h2 {font-family: "Arial", san-serif; font-size: 14pt; color: #000000; text-align: center;}
h3 {font-family: "Arial", san-serif; font-size: 12pt; color: #000000; text-align: center;}
h4 {font-family: "Arial", san-serif; font-size: 9pt; color: #000000; text-align: center;}
h5{font-family: "Arial", san-serif; font-size: 14pt; color: red; text-align: center;}
br{font-family: "Arial", san-serif; font-size: 10pt; color: black;}
p{font-family: "Arial", san-serif; font-size: 10pt; color: black;}
a{ font-family: "Arial", san-serif; font-size: 10pt;  color:darkblue; text-decoration: none; font-weight: bold;}
a:active { font-family: "Arial", san-serif; font-size: 10pt;  color:blue; text-decoration: none; font-weight: bold;}
a:visited { font-family: "Arial", san-serif; font-size: 10pt; color:midgray ;text-decoration: none; font-weight: bold;}
a:hover { 
	font-family: "Arial"; 
	font-size: 10pt;
	text-decoration: underline; 
	width:auto;
	height:auto;
	font-weight: bold;
	font-family: "Arial", san-serif;
	color:orangered;
        }
td{font-family: "Arial Narrow"; font-size: 11pt; color: black;}
.caseCouleur table{font-family: "Arial Narrow"; font-size: 11pt; color: black; background-color:#ffcc99}

.gdTitre{font-family: "Lucida Calligraphy", san-serif; font-size: 20pt; color: black; text-align: center;}
.prog{ font-family: "Arial"; font-size: 10pt;  color:black; text-decoration: none; font-weight: bold;}
.bigFrame {
position: relative; 
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height: 1000px; 
    background-color: black;
    border: none;
    border-width: medium;
    border-color: black; 
   }
.frame {
position: relative; 
    margin-left:auto;
    margin-right:auto;
    width:900px;
    height: 800px; 
    background-color: white;
    border: solid;
    border-width: medium;
    border-color: black; 
   }

.titre{
    position: absolute; 
    top:0px;
    left:0px; 
    width:900px;
    height:173px; 
    background-color: white;
    border: solid;
    border-width: thin;
    border-color: white;
    background-repeat: no-repeat;
    background-position: center;

}
.entete {
    position: absolute; 
    top:0px; 
    left:0px; 
    width:900px;
    height:201px; 
    background-color: white;
    border: none;
    border-width: thin;
    border-color: white; 
	background-image: url('images/titre.jpg');
    background-repeat: no-repeat;
    background-position: center;

    }
    
    
    
.pied {
    position: absolute; 
    bottom:0px; 
    left:0px; 
    width:780px;
    height:94px; 
    background-color: white;
    border: solid;
    border-width: thin;
    border-color: white;
    background-image: url('images/fleurs.jpg');
    background-repeat: no-repeat;
    background-position: center;
    } 

.principal {
    position: absolute; 
   /* z-index: 5; */
    top:130px; 
    left:130px;
    max-width:645px;
    width:635px;
    height: 669px; 
    max-height: 669px; 
    background-color: transparent;
    border: none;

    fon-family: "Arial"; 
    font-size: 11pt; 
    color: black;
    overflow: auto;
    }
    
.pub 
 {
    z-index: 2;
    position: absolute; 
    left: 775px; 
    top: 160px; 
    width: 120px;
    font-size: 10pt;
     text-align: center;
     color: black;
    font-weight: bold;
     border: solid;
    border-width: thin;
    border-color: #3d1961;
   background-color: #ffcc99;
}

.partenariat 
 {
    z-index: 2;
    position: absolute; 
    left: 5px; 
    top: 210px; 
    width: 110px;
    font-size: 10pt;
     text-align: center;
     color: black;
    font-weight: bold;
     border: solid;
    border-width: thin;
    border-color: white;
   background-color: #ffcc99;
}
        
.vbar{
    position: absolute; 
    top:201px; 
    left:0px; 
    width:121px; 
    height:599px;
    background-color: orange;
    background-image: url('images/blue.jpg');
    z-index: 1;
    }
	
.dates{
	z-index: 2;
  	position: absolute; 
  	top: 0px;
  	left:0px; 
  	height: 13px;
  	width:150px; 
	background-color: transparent;
	/* background-image: url('images/blue.jpg'); */
   }

    
.menu{
        z-index: 2;
  	position: absolute; 
  	top: 230px;
  	left:10px; 
  	height:auto;
  	width:100px; 
  	font-family: "Arial";
   	font-size:11px;
    	text-align:center;
        vertical-align: middle/*text-center*/;
        background-color: transparent;
	font-weight: bold;
    	padding-top:10px;
	margin-top:2px;
        margin-bottom:0px;
   }

.menu a{
        display:block;
        width:100px;
        height:14px;
        background-color: #ffcc99;
        
        color:#000000;
        border-color:#000033;
        border-width:1px;
        border-style:solid;  
	font-family: "Arial";
        color:#000000;
	padding-top:0px;
        text-decoration: none;
	font-size:11px;
	font-weight: bold;
	text-align:center;
        vertical-align: middle;

     	margin-top:2px;
        margin-bottom:0px;
    }
.menu a:hover{
  	width:100px;
        height:14px;
	background-color: #ff6633;

        font-family: "Arial";
        color:#ffffff;
	padding-top:0px;
        text-decoration: none;
	font-size:11px;
	font-weight: bold;
	text-align:center;
vertical-align: text-top;

     	margin-top:2px;
        margin-bottom:0px;
        /*
        background-image: url('images/bout02b.jpg');
	 background-position: center;
        background-repeat: no-repeat;
        */
        }
.menu a:visited{
        font-family: "Arial";
	padding-top:0px;
        text-decoration: none;
	font-size:11px;
        vertical-align: middle;
    }
    
.langues {
	z-index: 3;
    position: absolute; 
    left: 10px; 
    top: 525px; 
    width: 100px;
    background-color: transparent; 
    }
    
.MCF2008 {
	z-index: 3;
    position: absolute; 
    left: 10px; 
    top: 600px; 
    width: 100px;
    height:70px;
    background-color: #01539C; 
    font-size: 10pt;
     text-align: center;
     color: black;
    font-weight: bold;
     border: solid;
    border-width: bold;
    border-color: red;
   background-color: #c0e0ff;
    }

.gdDates {
	z-index: 3;
    position: absolute; 
    left: 250px; 
    top: 107px; 
    width: 370px;
    height:21px;
    background-color: #ffcc99; 
     fon-family: "Arial"; 
    font-size: 12pt;
     text-align: center;
     color: black;
    font-weight: bold;
     border: solid;
    border-width: bold;
    border-color: #ff6633;
    }

.photo{

    position: relative; 
    width: 200px; 
    height: 220px; 
    border-color: #01539C; 
    border-style: solid;
}
.palmares {
    position: absolute; 
   /* z-index: 5; */
    top:5px; 
    left:5px;
    max-width:645px;
    width:635px;
   /* height: 669px; 
    max-height: 669px; */
    background-color: transparent;
    border: none;

    fon-family: "Arial"; 
    font-size: 11pt; 
    color: black;
    overflow: auto;
    }

/******************************************************************************************************/
/*                              pour le zoom highslide javascript                                     */
/******************************************************************************************************/

.highslide-container div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid orangered;
        /*border: none;*/
}
.highslide:hover img {
	border-color: silver;
}

.highslide-wrapper, .drop-shadow {
	background: white;
}
.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;

    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.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;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-overlay {
	display: none;
}

/* Mac-style close button */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(highslide/graphics/close.png);
	/* For IE6, remove background and add filter */
	/* Note! the src is relative to the HTML file, not the CSS file */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highslide/graphics/close.png', sizingMethod='scale');
}

/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.highslide-move a {
	cursor: move;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}