.blanc { font-family: Arial, Verdana, Helvetica, sans-serif; color:#ffffff; font-weight:normal ; font-size:12px; }
.blancgras { font-family: Arial, Verdana, Helvetica, sans-serif; color:#ffffff; font-weight:bold ; font-size:12px; }
.boutonformulaire { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #ec5300; border:1px solid #ffffff; cursor: pointer; vertical-align:middle; }
.important { font-family: Arial, Verdana, Helvetica, sans-serif; color:#000000; font-weight:normal ; font-size:12px; }
.importantgras { font-family: Arial, Verdana, Helvetica, sans-serif; color:#000000; font-weight:bold ; font-size:12px; }
.fond1 { background-color:#80ac8c; }
.fond2 { background-color:#d3e2d7; }
.fond3 { background-color:#ecf3ee; }
.fond4 { background-color:#ffffff; }
.formulaire { background-color: #ffffff; border:1px solid #80ac8c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; scrollbar-face-color:#80ac8c; scrollbar-shadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#80ac8c; scrollbar-darkshadow-color:#80ac8c; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#ffffff; }
.legende { font-family: Arial, Verdana, Helvetica, sans-serif; color:#80ac8c; font-weight:normal ; font-size:11px; }
.legendegras { font-family: Arial, Verdana, Helvetica, sans-serif; color:#80ac8c; font-weight:bold ; font-size:11px; }
.soustitre { font-family: Arial, Verdana, Helvetica, sans-serif; color:#80ac8c; font-weight:normal ; font-size:18px; }
.titre { font-family: Arial, Verdana, Helvetica, sans-serif; color:#005819; font-weight:normal ; font-size:24px; }
#animationflash { position:absolute; width:800px; height:200px; left:20px; top:10px; z-index:3; visibility:visible; border:0px none #000000; text-align:left; background-color:#c6dacb; }
#bas { position:absolute; width:992px; height:auto; left:10px; top:584px; z-index:3; visibility:visible; border:0px none #000000; text-align:right; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal ; color: #80ac8c; font-size: 11px; }
#bas a.b2f { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal ; color: #a6c5af; text-decoration: none; font-size: 11px}
#bas a.b2f:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal ; color: #f6db00; text-decoration: none; font-size: 11px}
#bas a { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal ; color: #ffffff; text-decoration: none; font-size: 11px}
#bas a:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal ; color: #f6db00; text-decoration: none; font-size: 11px}
#callcenter { position:absolute; width:167px; height:154px; left:825px; top:77px; z-index:3; visibility:visible; border:0px none #000000; text-align:left; background-color:#3e7913; }
#choixhaut1 { position:absolute; width:167px; height:20px; left:0px; top:0px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; }
#choixhaut2 { position:absolute; width:167px; height:20px; left:0px; top:21px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; }
#choixhaut3 { position:absolute; width:167px; height:20px; left:0px; top:42px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; }
#contenu { position:absolute; width:750px; height:323px; left:9px; top:0px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; overflow:auto; padding-top:8px; padding-right:5px; padding-bottom:3px; scrollbar-face-color:#005819; scrollbar-shadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#005819; scrollbar-darkshadow-color:#005819; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#ffffff; }
#contenuaccueil { position:absolute; width:750px; height:280px; left:9px; top:48px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; overflow:auto; padding-top:3px; padding-right:5px; padding-bottom:3px; scrollbar-face-color:#005819; scrollbar-shadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#005819; scrollbar-darkshadow-color:#005819; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#ffffff; }
#contenucoeur { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal ; color: #ffffff; font-size: 11px; line-height:12px; }
#contenucoeur a.texte { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal ; color: #ffffff; text-decoration: none; font-size: 11px}
#contenucoeur a.texte:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal ; color: #ffffff; text-decoration: none; font-size: 11px}
#contenucoeur a.titre { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold ; color: #ffffff; text-decoration: none; font-size: 11px}
#contenucoeur a.titre:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold ; color: #ffffff; text-decoration: none; font-size: 11px}
#contenucoeur a { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold ; color: #f6db00; text-decoration: none; font-size: 11px}
#contenucoeur a:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold ; color: #fff99d; text-decoration: none; font-size: 11px}
#fondcatalogue { position:relative; width:200px; height:83px; left:0px; top:0px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; background-image: url(../images/fond-catalogue.gif); background-repeat: no-repeat; }
#fondchoixhaut { position:absolute; width:167px; height:62px; left:825px; top:10px; z-index:3; visibility:visible; border:0px none #000000; text-align:left; background-image:url(../images/fond-choix-haut.gif); }
#fondcoeur { position:relative; width:200px; height:146px; left:0px; top:0px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; background-image: url(../images/fond-coeur.gif); background-repeat: no-repeat; overflow:hidden; }
#fondcontenu { position:absolute; width:767px; height:334px; left:225px; top:236px; z-index:3; visibility:visible; border:0px none #000000; text-align:left; background-image: url(../images/fond-contenu.jpg); background-repeat: no-repeat; }
#fondcontenuarkiane { position:absolute; width:767px; height:334px; left:225px; top:236px; z-index:3; visibility:visible; border:0px none #000000; }
#fondgauche { position:absolute; width:200px; height:335px; left:20px; top:236px; z-index:3; visibility:visible; border:0px none #000000; text-align:left; background-color:#f8e7b3; }
#fondgaucheaccueil { position:absolute; width:200px; height:334px; left:20px; top:236px; z-index:3; visibility:visible; border:0px none #000000; text-align:left; background-color:#f8e7b3; }
#fondpartenaires { position:relative; width:200px; height:82px; left:0px; top:0px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; background-image: url(../images/fond-partenaires.gif); background-repeat: no-repeat; }
#fondsite { position:absolute; width:1012px; height:605px; left:0px; top:29px; z-index:2; visibility:visible; border:0px none #000000; text-align:left; background-image:url(../images/fond-site.gif); }
#illustrationhaut { position:absolute; width:1012px; height:29px; left:0px; top:0px; z-index:2; visibility:visible; border:0px none #000000; text-align:left; background-image:url(../images/illustration-haut.gif); }
#liencallcenter { position:absolute; width:167px; height:154px; left:825px; top:77px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; }
#lienlogo1 { position:absolute; width:60px; height:46px; left:52px; top:84px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; }
#lienlogo2 { position:absolute; width:51px; height:47px; left:135px; top:83px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; }
#drapeaufr{ position:absolute; left:100px; top:158px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; }
#drapeauuk{ position:absolute; left:120px; top:158px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; }
#lienreservationaccueil { position:absolute; width:293px; height:48px; left:237px; top:0px; z-index:5; visibility:visible; border:0px none #000000; text-align:left; }
#logo { position:absolute; width:200px; height:70px; left:20px; top:7px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; }
#textecatalogue { position:relative; width:190px; height:auto; left:0px; top:0px; z-index:5; visibility:visible; border:0px none #000000; text-align:left; margin-left:5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal ; color: #ffffff; font-size: 11px; line-height:12px; }
#textecatalogue b { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold ; color: #ffffff; font-size: 11px; line-height:12px; }
#textepartenaires { position:relative; width:190px; height:auto; left:0px; top:0px; z-index:5; visibility:visible; border:0px none #000000; text-align:left; margin-left:5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal ; color: #dc9a2a; font-size: 11px; line-height:12px; }
#textepartenaires b { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold ; color: #dc9a2a; font-size: 11px; line-height:12px; }
#titrecatalogue { position:relative; width:200px; height:23px; left:0px; top:0px; z-index:5; visibility:visible; border:0px none #000000; text-align:left; padding-bottom:3px; }
#titrecoeur { position:relative; width:200px; height:22px; left:0px; top:0px; z-index:5; visibility:visible; border:0px none #000000; text-align:left; padding-bottom:5px; }
#titrepartenaires { position:relative; width:200px; height:23px; left:0px; top:0px; z-index:5; visibility:visible; border:0px none #000000; text-align:left; padding-bottom:3px; }
#reservation { position:relative; width:200px; height:24px; left:0px; top:0px; z-index:4; visibility:visible; border:0px none #000000; text-align:left; }
#reservationaccueil { position:absolute; width:767px; height:48px; left:0px; top:0px; z-index:4; visibility:visible; border:0px none #000000; text-align:center; }
#site { position:relative; width:1012px; height:634px; left:0px; top:0px; z-index:1; visibility:visible; border:0px none #000000; text-align:left; }
#wysipage { position:absolute; width:800px; height:20px; left:20px; top:211px; z-index:50; visibility:visible; border:0px none #000000; text-align:left; background-color:#80ac8c; }
a { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold ; color: #ecbc00; text-decoration: none; font-size: 12px}
a:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold ; color: #ec5300; text-decoration: none; font-size: 12px}
b {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
blockquote {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
body { background-color:#005819; background-image: url(../images/fond-general-haut.jpg); background-repeat: repeat-x; color:#005819; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; scrollbar-face-color:#005819; scrollbar-shadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#005819; scrollbar-darkshadow-color:#005819; scrollbar-track-color:#005819; scrollbar-arrow-color:#ffffff; }
br {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
div {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
em {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
font {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
form {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; margin:0px; padding:0px}
h1 { font-family: Arial, Verdana, Helvetica, sans-serif; color:#005819; font-weight:normal ; font-size:24px; }
h2 { font-family: Arial, Verdana, Helvetica, sans-serif; color:#80ac8c; font-weight:normal ; font-size:18px; }
input {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
li {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
ol {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
nobr {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
p {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
s {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
select {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
strike {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
strong {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
sub {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
sup {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
table {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
td {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
textarea {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
tr {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}
ul {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}



#simplemodal-overlay {
	background-color: #63AEB5;
	cursor: wait;
}

#simplemodal-container {
	background-color: #386b79;
	border: 3px solid #CCCCCC;
	width: 660px;
	height: 450px;
}

#simplemodal-container a.modalCloseImg {
	background: transparent url("/js/lib/jquery/simpleModal/x.png")
		no-repeat scroll 0 0;
	cursor: pointer;
	display: inline;
	height: 29px;
	position: absolute;
	right: -18px;
	top: -15px;
	width: 25px;
	z-index: 3200;
}

#simplemodal-container #basicModalContent {
	padding: 8px;
}


#contenuactus {
	position: absolute;
	width: 181px;
	height: auto;
	left: 0px;
	top: 18px;
	z-index: 14;
	visibility: visible;
	border: 0px none #000000;
	text-align: left;
}
#contenuactu a {
	color: #ffffff;
	text-decoration: none;
}
#contenuactu a:hover {
	color: #d2c7c0;
	text-decoration: none;
}

#contenuactu .hidden
	{
	left: -400px
}

#contenuactu tr
	{
	position: absolute;
	width: 170px
	top: 5px
}

#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: 0px;
    }

    #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: #fff;
            width: 150px;
            height: 118px;
            margin: 10px;
        }
        
        #jCarouselLiteDemo .widget img {
            cursor: pointer;
        }
            #jCarouselLiteDemo .mid {
                margin-left: 80px;
                width: 200px;
                height: 100px;
            }
            #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: 200px;
                height: 100px;
            }