body{margin:0;padding:0;background:#ffffff url(bg.gif) repeat left top;font-family:Arial;font-size:12px;color:#000000;}
#intro{position:absolute;top:0;left:0;width:900px;height:550px;}
#header{margin:0;padding:0;clear:both;width:100%;height:230px;background:#ffffff url(bblue.gif) repeat-x left bottom;}
#header .tetiaire{width:900px;margin: 0 auto;border:0;display:block;z-index:0;}
#header .tetiaire2{width:900px;margin: 0 auto;border:0;display:none;z-index:0;}
#footer{width:100%;margin:0;padding:11px 0;color:#a1a1a1;text-align:center;background:#ffffff url(htiret.gif) repeat-x left top;}
#footer a.mnlink{text-decoration:none;color:#a1a1a1;}
#footer a.mnlink:hover{text-decoration:underline;}
#footer a.mnselected{color:#a1a1a1;text-decoration:underline;}
#contents{clear:both;width:900px;margin:0 auto;background:#ffffff url(bg.jpg) no-repeat left top;overflow:hidden;}
#contents1{clear:both;width:900px;margin:0 auto;background:#ffffff url(bg1.jpg) no-repeat left top;overflow:hidden;}
#contents2{clear:both;width:900px;margin:0 auto;background:#ffffff url(bg2.jpg) no-repeat left top;overflow:hidden;}
#contents3{clear:both;width:900px;margin:0 auto;background:#ffffff url(bg3.jpg) no-repeat left top;overflow:hidden;}
.vtiret{background:transparent url(vtiret.gif) repeat-y left top;width:1px;}
#leftcontent{width:216px;background:transparent url(vtiret.gif) repeat-y right top;margin:0;padding:0;height:600px;}
#maincontent{width:683px;background:transparent url(vtiret.gif) repeat-y right top;}
#leftcontent h1{font:normal 18px Arial;color:#f29400;padding:0;margin:15px 19px 0px 17px;background:transparent url(mn_title_bg.png) no-repeat right bottom;}
#leftcontent h1 span{display:block;padding:0px 36px 16px 1px;line-height:18px;}

#menu{position:absolute;top:292px;width:214px;}
#menu ul{list-style-type: none;margin:0px 10px 0px 10px;padding: 0;}
#menu ul li{padding:4px;}
#menu ul li ul{display:none;}
#menu ul li ul li{padding:0;margin:0;}
#menu ul li ul li.line{border:0;border-top:1px solid #0083c7;}
#menu a.sublink{cursor:hand;color:#0083c7;text-decoration:none}
#menu a.sublink:hover{text-decoration:underline;}
#menu a.subselected{cursor:hand;color:#0083c7;text-decoration:underline}

#menu a.mnlink{display:block;
	font:normal 12px Arial;color:#1b1b1b;background:transparent url(puce_bleu.gif) no-repeat left 8px;
text-decoration:none;padding:0px 0px 7px 7px;margin:0;}
#menu a.mnlink:hover{color:#f29400;background:transparent url(puce_orange.gif) no-repeat left 8px;text-decoration:none;}
#menu .mnselected{display:block;
	font:normal 12px Arial;color:#f29400;background:transparent url(puce_orange.gif) no-repeat left 8px;
	text-decoration:none;padding:0px 0px 7px 7px;margin:0;}



.loading{}

#contentstitre{margin:40px 0px 0px 75px;clear:both;}
#contentstitre h1{font:normal 18px Arial;color:#f39400;margin:0px;padding:0;}
#contentstitre hr{margin:6px 12px 0px 40px;padding:0;color:#f39400;background-color: #f39400;height: 1px;border: 0;}
*+html #contentstitre hr{margin-top:0px;}

#contentstext{margin:40px 40px 40px 40px;}
.contentstext{margin:40px 40px 40px 40px;}
/* REVUE */
 .revue{
clear:both;padding:20px;
display:none;	
}
.revue p.titre{paddig:10px;
 	font:bold 14px Arial;
}
.revue p.titre{paddig:10px;
 	font:bold 14px Arial;
}
.pagelink{margin:20px 0;padding:20px 0;
	clear:both;text-align: right;font-weight:bold;
}
.pagelink hr{margin:0px;padding:0;color:#f39400;background-color: #f39400;height: 1px;border: 0;}
.revue p{
padding:0;padding-left:10px;
}
/* NEWS */
.news-entry{clear:both;
margin:10px 10px 30px 10px;
}
.news-title{clear:both;
font:normal 18px Arial;color:#0083c7;text-align:right;padding:0px 40px 0px 0px;	
background:url(pxbleu.gif) repeat-x left 10px;
}
.news-title span{
background:#ffffff;
}
.news-teaser{clear:both;
	padding:4px;
}
.news-ico{clear:both;
	text-align:center;
}
.news-ico img{
padding:1px;background:#f29b11;
}
.news-link{clear:both;
text-align:right;
}
/* SCROLLING TEXT*/
.tickercontainer {border:0;width:100%; height:27px; margin:0;padding:0;overflow: hidden; }
.tickercontainer .mask {position: relative;left: 0px;top: 8px;width: 100%;overflow: hidden;}
ul.newsticker {position: relative;left: 750px;font: normal 12px Arial;list-style-type: none;margin: 0;padding: 0;}
ul.newsticker li {float: left;margin: 0;padding: 0;}
ul.newsticker a {white-space: nowrap;padding: 0;color: #ffffff;font: normal 12px Arial;margin: 0 50px 0 0;} 
ul.newsticker span {margin: 0 50px 0 0;}



/* CAROUSSEL */
.imageSlider{
background:#ffffff;width:100%;
}
.imageSlider .prev{position:relative;top:284px;
display:block;font:bold 18px Arial; float:left;
}

.imageSlider .next{position:relative;left:564px;top:-10px;
display:block;font:bold 18px Arial; float: left;
}
.imageSlider a:hover{
text-decoration:none;color:#f29400;
}
.jCarousel{border:1px solid #0083c7;border-top:0;border-bottom:0;}
.imageSlider ul li{
padding:30px 0px 40px 0px;
}
.imageSlider ul li img{border:1px solid #f29400;}
.imageSlider ul li p.titre{
font:bold 14px Arial;color:#f29400;	
}
.imageSlider ul li p{
color:#000000;text-align:center;width:200px;
}
.imageSlider li p, 
.imageSliderExt li img , 
.imageSliderExt li p {}




#jCarouselLiteDemo .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;     
}
    #jCarouselLiteDemo .digg {
        position: absolute;
        left: 610px;
        top: 110px;
    }
    #jCarouselLiteDemo .main {
        margin-left: 40px;
    }

    #jCarouselLiteDemo .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
    }
        #jCarouselLiteDemo .carousel a.next {
            background: url("/image/imageNavRight.gif") right 60px no-repeat;
        }
            #jCarouselLiteDemo .carousel a.next:hover {
                background-image: url("/image/imageNavRightHover.gif");
            }
            #jCarouselLiteDemo .carousel a.prev:hover {
                background-image: url("/image/imageNavLeftHover.gif");
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }                 
    #jCarouselLiteDemo .carousel .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
        #jCarouselLiteDemo .carousel ul {
            margin: 0;
        }
        #jCarouselLiteDemo .carousel li img, 
        #jCarouselLiteDemo .carousel li p {
            background-color: #000000;
            width: 150px;
            height: 118px;
            margin: 10px;
        }
        
        #jCarouselLiteDemo .widget img {cursor: pointer;}
            #jCarouselLiteDemo .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            #jCarouselLiteDemo .vertical {
                margin-left: 170px;
            }
                #jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }














#carousel-text{margin:0;height:30px;}
#carousel-text ul{padding:0;}
#carousel-text ul li{font:normal 14px Arial;color:#ffffff;text-align:center;}
#carousel-text ul li a{color:#ffffff;}



.caroussel{background:transparent url(carousselbg.png) repeat-x left bottom;width:580px;
border:1px solid #0083c7;border-top:0;border-bottom:0;
	position: relative;visibility: hidden;left: -5000px;
}
.caroussel ul{padding:0;margin:0;list-style-type: none;}
.caroussel ul li{padding:0;margin:0;background:#ffffff;float:left;text-align:center;}
.caroussel ul li img{border:1px solid #f29400;}
.caroussel img{border:1px solid #f29400;}

.carousel {position: relative;visibility: hidden;left: -5000px;}

.defile{border:1px solid #f29400;width:300px;overflow:hidden;position: relative;float:left;visibility: hidden;left: -5000px;}
.defile ul{width:300px;overflow:hidden;
	padding:0;margin:0;list-style-type: none;
}
.defile ul li{
	padding:0;margin:0;height:300px;
}
.defile ul li img{width:250px;}
/* GLOSSAIRE */
#glossary{font:normal 12px Arial;color:#3d4450;margin:20px 0;padding:0;}
#glossary .menu{text-align:right;}
#glossary .menu a{color:#3d4450;text-decoration:none;}
#glossary .menu a:hover{color:#f39400;text-decoration:none;}
#glossary .contents{margin:20px 0;padding:0;font:normal 12px Arial;color:#3d4450;text-align:left;}
#glossary .contents a.titre{display:block;font:normal 24px Arial;color:#3d4450;text-decoration:none;}
#glossary .contents .entree{float:left;width:40%;margin:10px 0px 10px 20px;padding:0;border:1px solid #0083c7;}
#glossary .contents .entree .sigle{font-weight:bold;padding:8px;margin:-16px 0;float:right;text-align:right;}
#glossary .contents .entree .nom{padding:4px;}
#glossary .contents .entree .nom{	padding:4px;}
/* POPUP */
#Dialog{height: 300px;}
.ui-widget-header{backgrund:transparent;}
.ui-widget-overlay { z-index:100;background: #5c5c5c url(images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow{background: #ffffff url(images/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x;}

.ui-dialog{background:transparent url(popupbg.png);border:0;height:300px;z-index:1000;
}
.ui-dialog .ui-dialog-titlebar{border:0;background:transparent;}
#wcontent{margin:0px;width:100%;overflow:auto; z-index:2000;}
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; }
.ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; }
.ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
.ui-corner-top { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
.ui-corner-right {  -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
.ui-corner-left { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; }
.ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; }

/* formulaire */
.forms{margin:0px 0px 0px 30px;padding:0;}
.forms label{display:block;clear:both;color:#0083c7;font-weight:bold;padding:4px;}
.forms label span{float:left;padding:3px 0;}
.forms .finput{float:right;}
.forms .brinput{display:block;}
.forms .fbutton{float:right;margin:20px 20px 0px 0px;color:#f29400;border:1px solid #f29400;background:#ffffff;padding:2px;font-weight:bold;}
/* CARTO*/
.divcarto{
	display:none;position:absolute;top:0;left:0;width:200px;
	padding:2px;overflow:hidden;background:transparent url(bgcarto.png);
}

/* TABLE */
/* Gouttiere */
.gouttiere{width:97px;background:transparent url(gouttiere.png) no-repeat left top;}
/* GRAPH*/
.graph{color:#0083c7;font-weight:bold;}
/**/
.doccentre{float:left;width:100%;margin:10px 0px 10px 20px;padding:0;border:1px solid #0083c7;}
.sigle{font-weight:bold;background:#ffffff;padding:8px;margin:-16px 0;float:right;text-align:right;}
.doccentre .nom{padding:4px;}


.cadrebleu{background:url(cadrehgbleu.gif) no-repeat left top;margin:0;padding:0;}
.cadrebleu .content{background:url(cadrebdbleu.gif) no-repeat bottom right;margin:0;padding:10px;}
.cadreorange{background:url(cadrehgorange.gif) no-repeat left top;margin:0;padding:0;}
.cadreorange .content{background:url(cadrebdorange.gif) no-repeat bottom right;margin:0;padding:10px;}
.cadrepapillon{background:url(papillon1.png) no-repeat bottom left;margin:0;padding-left:20px;padding-bottom:20px;padding-right:20px;}
.cadrepapillon .inner{background:url(papillon2.png) no-repeat top right;margin:0;padding:40px;}
.cadrepapillon2{background:url(papillon3.png) no-repeat top left;margin:0;padding:0;}
.cadrepapillon2 .inner{background:url(papillon4.png) no-repeat bottom right;margin:0;padding:80px;}


.dhtmlwindow{
position: absolute;
border: 2px solid #ffffff;
visibility: hidden;
background-color: #ffffff;
opacity: .80;filter:Alpha(Opacity=80);
}
.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #ffffff;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid #ffffff;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid #ffffff;
background-color: #ffffff;
height: 13px; /*height of resize image*/
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #ffffff;
}
#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.png);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}






h1{
font:normal 18px Arial;color:#f29400;	
}
h2{clear:both;
font:normal 24px Arial;color:#3d4450;		
}
h3{clear:both;
font:bold 13px Arial;color:#3d4450;border-bottom:1px solid #f29400;margin:20px 0px 4px 0px;padding:0px 0px 4px 0px;	
}
h4{
font:bold 13px Arial;color:#0083c7;border-bottom:1px solid #0083c7;margin:20px 0px 4px 0px;padding:0px 0px 4px 0px;	
	
}
h5{clear:both;padding:10px 0;
font:bold 14px Arial;color:#3d4450;color:#0083c7;margin:0;
}
h6{
font:normal 24px Arial;color:#3d4450;		
	
}
address{
font:normal 12px Arial;color:#3d4450;	
}
pre{
font:normal 12px Arial;color:#3d4450;			
}
blockquote{
	
}
p{font:normal 12px Arial;color:#3d4450;margin:0;padding:0;		
}
div{
font:normal 12px Arial;color:#3d4450;	
}
#contentstext img{
border-color:#ffffff;
}
.contentstext img{
border-color:#ffffff;
}
hr{margin:4px;color:#0083c7;background-color: #0083c7;height: 1px;border: 0;}
ul{
}
ul li{
	font:normal 12px Arial;color:#3d4450;	
}
ul li ul{
	
}
ul li ul li{
	
}
ul li ul li ul{
	
}
ul li ul li ul li{
	
}
ol{
}
ol li{
		font:normal 12px Arial;color:#3d4450;	

}
ol li ol{}
ol li ol li{}
ol li ol li ol{}
ol li ol li ol li{}
table{}

a{cursor:hand;color:#0083c7;text-decoration:none}
a:hover{text-decoration:underline;}