@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; border: 0; outline:none;}

html, body {
    text-align: left;
    font-family: Arial, Geneva, sans-serif;
    font-size: 14px;
    color: #676f78;
    line-height: 1.2em;
    font-weight: normal;
    background:transparent url(../../images/bg_html.jpg) repeat-x top left;
}

body{background:transparent url(../../images/bg_body.png) no-repeat center 240px;}

div.clear{clear:both;}

div#conteneur{
    width:958px;
    margin:13px auto 0 auto;
    position:relative;
}

div#conteneur div#header{
    width:958px;
    height:164px;
    background:transparent url(../../images/legumes.png) no-repeat 88px 36px;
    position:relative;
    z-index:100;
}

div#conteneur div#header h1 a{
    width:162px;
    height:148px;
    background:transparent url(../../images/logo.png) no-repeat top left;
    outline:none;
    display:block;
    overflow: hidden;
color:#cfe0e7;
}

div#conteneur div#header h1 a strong{
    font-size:1px;
    line-height: 0px;
    text-indent: -10000px;
    letter-spacing: -10000px;
}

div#conteneur div#header h2{
    font-size:28px;
    color:#003d7d;
    font-weight:normal;
    position:absolute;
    right:0px;
    top:43px;
    line-height: 30px;
}

div#conteneur div#header div#recherche{
    background:transparent url(../../images/recherche.png) no-repeat top left;
    width:227px;
    height:31px;
    padding:2px 0 0 5px;
    position:absolute;
    left:344px;
    top:115px;
}

div#conteneur div#header div#recherche input{
    width:190px;
}

div#conteneur div#header div#recherche input#rechercheOk{
    background:transparent url(../../images/ok.jpg) no-repeat top left;
    width:28px;
    height:28px;
    border:none;
    color:#fff;
    cursor:pointer;
}

div#conteneur div#header div#acces{
    width:336px;
    height:33px;
    position:absolute;
    right:40px;
    top:115px;
}

div#conteneur div#header div#acces div.newListSelected{
    background:transparent url(../../images/acces.png) no-repeat top left;
    width:336px;
    height:33px;
    position:relative;
}

div#conteneur div#header div#acces div.newListSelected div.selectedTxt{
    overflow:hidden;
    width:286px;
    height:19px;
    color:#e46e24;
    padding:3px 35px 11px 15px;
    cursor:pointer;
    position:relative;
overflow:hidden;
line-height:28px;
}

div#conteneur div#header div#acces div.newListSelected ul.newList{
    list-style:none;
    z-index: 1000;
    position:absolute;
    background:#f2f5f6;
    width:308px;
    padding:5px;
    margin:0 0 0 8px;
    border-left:1px solid #c0c9cc;
    border-right:1px solid #c0c9cc;
    border-bottom:1px solid #c0c9cc;
overflow:auto;
}

div#conteneur div#header div#acces div.newListSelected ul.newList li a{
    display:block;
    color:#27292a;
    text-decoration:none;
    padding:5px;
}

div#conteneur div#header div#acces div.newListSelected ul.newList li a:hover{
    background:#fff;
    color:#e46e24;
}

div#conteneur div#header a#reload{
width:34px;
height:33px;
background:transparent url(../../images/reload.png) no-repeat top left;
display:block;
position:absolute;
    right:0px;
    top:115px;
}

div#conteneur div#header a#reload span{
display:none;
}

div#conteneur div#flash_content{
    width:958px;
    height:582px;
    position:relative;
    z-index:0;
}

div#conteneur div#flash_content div#flash{
text-align:center;
}

div#conteneur div#flash_content div#flash h1{
font-size:23px;
margin:100px 0 50px 0 0;
display:block;
}

div#conteneur div#flash_content div#flash p{
margin:100px 0 50px 0 0;
}

div#conteneur div#flash_content div#bg_left{
    width:265px;
    height:510px;
    background:transparent url(../../images/bg_body_left.png) no-repeat top left;
    position:absolute;
    bottom:0px;
    left:-265px;
}

div#conteneur div#flash_content div#bg_right{
    width:164px;
    height:490px;
    background:transparent url(../../images/bg_body_right.png) no-repeat top left;
    position:absolute;
    bottom:0px;
    right:-164px;
}

div#conteneur div#content{
    width:922px;
    height:427px;
    padding:27px 17px 0 17px;
    background:transparent url(../../images/bg_content.jpg) repeat-x top left;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    position:relative;
}

div#conteneur div#content div#content_left{
    position:relative;
    float:left;
    width:456px;
}

div#conteneur div#content div#content_left ul{
    list-style:none;
}

div#conteneur div#content div#content_left ul li{
    width:456px;
    border-top:1px dashed #afb6bb;
    margin:0 0 13px 0;
    padding:13px 0 0 0;
}

div#conteneur div#content div#content_left ul li:first-child{
    border-top:none;
}

div#conteneur div#content div#content_left ul li h3{
    font-size:14px;
    font-weight:normal;
}

div#conteneur div#content div#content_left ul li p{
    font-style: italic;
    float:left;
}

div#conteneur div#content div#content_left ul li p a{
color:#676F78;
text-decoration:underline;
}

div#conteneur div#content div#content_left ul li p a:hover{
text-decoration:none;
}

div#conteneur div#content div#content_left ul li p.date{
    float:right;
    color:#02b058;
    font-weight:bold;
    font-style:normal;
}

div#conteneur div#content div#content_right{
    position:relative;
    float:right;
    width:411px;
overflow:hidden;
z-index:0;
}

div#conteneur div#content div#content_right ul#nav{
    list-style:none;
    position:absolute;
    top:0px;
    right:0px;
}

div#conteneur div#content div#content_right ul#nav li{
    display:block;
    float:left;
    border-left:solid 1px #676f78;
    padding:0 5px 0 5px;
}

div#conteneur div#content div#content_right ul#nav li span{
    color:#676f78;
    text-decoration:none;
cursor:pointer;
}

div#conteneur div#content div#content_right ul#nav li span:hover{
    text-decoration:underline;
}

div#conteneur div#content div#content_right ul#nav li span.none,
div#conteneur div#content div#content_right ul#nav li span.none:hover{
   text-decoration:none;
cursor:default;
}

div#conteneur div#content div#content_right ul#nav li span.flecheLeft{
    background:transparent url(../../images/fleche_left.png) no-repeat center left;
    padding:0 0 0 20px;
}

div#conteneur div#content div#content_right ul#nav li span.flecheRight{
    background:transparent url(../../images/fleche_droite.png) no-repeat center right;
    padding:0 20px 0 0;
}

div#conteneur div#content div#content_right ul#nav li:first-child{
    border-left:none;
}

div#conteneur div#content div#content_right div#contentSlide{
height:269px;
    width:411px;
position:relative;
padding:16px 0 0 0;
overflow:hidden;
}

div#conteneur div#content div#content_right div#contentSlide div.slide_show{
display:block;
width:411px;
height:269px;
overflow:hidden;
}



div#conteneur div#content div#content_right h2,
div#conteneur div#content div#content_left h2{
    font-size:15px;
    font-weight:bold;
    padding:0 0 9px 0;
    border-bottom:1px solid #70bd59;
}

div#conteneur div#content div#content_bottom{
    position:absolute;
    bottom:0px;
    left:17px;
    width:922px;
    border-top:1px solid #70bd59;
    height:72px;
z-index:100;
}

div#conteneur div#content div#content_bottom ul{
    list-style:none;
    float:left;
}

div#conteneur div#content div#content_bottom ul li{
    display:block;
    float:left;
}

div#conteneur div#content div#content_bottom ul#pages{
    margin:34px 0 0 0;
}

div#conteneur div#content div#content_bottom ul#pages li:first-child{
    margin:0 30px 0 0;
}

div#conteneur div#content div#content_bottom ul#pages li a{
    background:transparent url(../../images/fleche_droite.png) no-repeat center left;
    padding:0 0 0 20px;
    color:#676f78;
    text-decoration:none;
}

div#conteneur div#content div#content_bottom ul#pages li a:hover{
    text-decoration:underline;
}

div#conteneur div#content div#content_bottom ul#reseaux{
    margin:30px 0 0 48px;
}

div#conteneur div#content div#content_bottom ul#reseaux li:first-child{
    margin:0 30px 0 0;
}

div#conteneur div#content div#content_bottom ul#reseaux li a#facebook{
    display:block;
    width:155px;
    height:21px;
    padding:3px 0 0 30px;
    background:transparent url(../../images/facebook.png) no-repeat top left;
    color:#636fa9;
    text-decoration:none;
}

div#conteneur div#content div#content_bottom ul#reseaux li a#facebook span.FBConnectButton,
div#conteneur div#content div#content_bottom ul#reseaux li a#facebook span.FBConnectButton_Small,
div#conteneur div#content div#content_bottom ul#reseaux li a#facebook span.FBConnectButton_Text{
background:none;
padding:0px;
border:none;
margin:0px;
    color:#636fa9;
    text-decoration:none;
    font-family: Arial, Geneva, sans-serif;
    font-size: 14px;
font-weight:normal;
}

div#conteneur div#content div#content_bottom ul#reseaux li a#facebook span.FBConnectButton_Text{
margin:3px 0 0 0;
}

div#conteneur div#content div#content_bottom ul#reseaux li a#twitter{
    display:block;
    width:137px;
    height:21px;
    padding:3px 0 0 30px;
    background:transparent url(../../images/twitter.png) no-repeat top left;
    color:#06a8e2;
    text-decoration:none;
}

div#conteneur div#content div#content_bottom ul#logos{
    float:right;
    margin:13px 0 0 0;
}

div#conteneur div#content div#content_bottom ul#logos li a#cre{
    display:block;
    width:212px;
    height:55px;
    background:transparent url(../../images/cre.jpg) no-repeat top left;
    line-height: 0px;
    text-indent: -10000px;
    font-size:0px;
}

div#conteneur div#footer{
    width:958px;
    background:transparent url(../../images/bottom.jpg) no-repeat top left;
    text-align:center;
}

div#conteneur div#footer p{
    font-size:11px;
    line-height:100px;
    color:#8b938f;
}

div#conteneur div#footer p a{
    color:#8b938f;
    text-decoration:underline;
}

div#conteneur div#footer p a:hover{
    text-decoration:none;
}

/** frames **/
div#a-propos-block,div#contactez-nous-block{display:none;}
div#a-propos-block{width:855px;height:500px;}
div#contactez-nous-block{width:455px;height:400px;}

div.frame{
    text-align: left;
    font-family: Arial, Geneva, sans-serif;
    font-size: 14px;
    color: #676f78;
    line-height: 1.2em;
    font-weight: normal;
    background:#cfe0e7 url(../../images/bg_content.jpg) repeat-x top left;
}

div.frame{
    /*width:800px;*/
    padding:27px 17px 27px 17px;
    position:relative;
}

div.frame h1{
    font-size:15px;
    font-weight:bold;
    padding:0 0 9px 0;
    border-bottom:1px solid #70bd59;
margin:0 0 10px 0;
}

div.frame p{
margin:15px 0 20px 0;
}

div.frame p a{
    color: #676f78;
text-decoration:underline;
}

div.frame p a:hover{
color:#E46E24;
text-decoration:none;
}

div.frame div.contactform{margin:0 0 20px 0;}

/*div#content div.contactform div{clear:both;margin:10px 0 10px 0;}*/

div.frame div.contactform div label{float:left;display:block;width:102px;padding:2px 0 0 0;}

div.frame div.contactform div input{float:right;width:300px;height:20px;margin:0 0 10px 0;}
div.frame div.contactform div input#cntnt01fbrp_submit{color:#fff;background:#e46e24;height:30px;}

div.frame div.contactform div textarea{float:right;width:300px;    font-family: Arial, Geneva, sans-serif;
    font-size: 13px;margin:0 0 10px 0;}

div.frame div.error_message{border:1px dashed #e3bb00;background:#f0edad url(../../images/alert.jpg) no-repeat 10px 10px;margin:15px 0 10px 0;min-height:55px;}

div.frame div.error_message ul{list-style:square;margin:10px 0 10px 70px;font-size:12px;}


div.frame div.valid{border:1px solid #e6e6e6;background:#eeeeee url(../../images/clean.jpg) no-repeat 10px 10px;margin:15px 0 10px 0;min-height:55px;}

div.frame div.valid p{margin:10px 5px 10px 70px;font-size:12px;}