/* Start of CMSMS style sheet 'pci_general' */
@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
font-family:Tahoma, Geneva, sans-serif;
list-style-position:inside;
list-style-type:none;
}

body {
background:#ccc url("uploads/css/body_bg.png") repeat-x;
font-size:12px;
}


h1,h2,h3,h4 {margin:10px 0 15px 0; color:#2E4A9F;}
h1{}
h2{font-size:16px;}
h3{font-size:15px;}
h5{font-size:12px; margin-bottom:15px;}
p {margin-bottom:15px;}
a:link, a:visited{color:#2E4A9F;}

#wrapper{
position:relative;
width:867px;
margin-left:auto;
margin-right:auto;
}

#header{
background:url("uploads/css/header_bg.png") no-repeat;
height:150px;
text-indent:-10000px;
margin:0;
}

#logolist {
background-color:#FFF;
width:820px;
margin:0 auto;
padding:15px 0;
text-align:center;
border-top:1px solid #2E4A9F;
}

#logolist li {display:inline; padding:0; margin:0 40px;}

#logolist li a:link, #extmenu ul li a:visited, #extmenu ul li a:hover {text-decoration:none;}
#logolist li a img {border:0;}

#menu{
background:url("uploads/css/menu_bg.png") no-repeat;
padding-top:3px;
text-transform:uppercase;
height:24px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
z-index:3000;
width:867px;
position:absolute;
}

#menu ul li h3, #menu ul li a{display:inline; color:#fff; text-decoration:none; font-size:12px; font-weight:bold;}
#menu ul li {padding:0 15px; display:block; float:left; height:24px;}
#menu ul li.parent, #menu ul li.menuparent {position:relative;}
#menu ul li.parent ul, #menu ul li.menuparent ul{display:none; position:absolute;top:21px;left:0; background:url("uploads/css/submenu_bg.png") no-repeat;padding-top:6px;width:375px; z-index:1000;}
#menu ul li.parent ul li, #menu ul li.menuparent ul li { height:auto;display:block; background-color:#999; width:375px; padding:0;font-size:11px;}
#menu ul li.parent ul li a:link, #menu ul li.menuparent ul li a:link, #menu ul li.parent ul li a:visited, #menu ul li.menuparent ul li a:visited, #menu ul li.menuparent ul li h3, #menu ul li.parent ul li h3 {padding:0 0 0 5px; margin:0; display:block;margin-top:1px; opacity:0.7;filter: alpha(opacity=70);}
#menu ul li.parent ul li a:hover, #menu ul li.menuparent ul li a:hover {opacity:1;filter: alpha(opacity=100);}

#menu ul li.parent ul li a.Nature, #menu ul li.menuparent ul li a.Nature {background:#BABF26}
#menu ul li.parent ul li a.Traditions, #menu ul li.menuparent ul li a.Traditions{background:#3190BE}
#menu ul li.parent ul li a.Pratiques, #menu ul li.menuparent ul li a.Pratiques{background:#A6749D}
#menu ul li.parent ul li a.Artisanat, #menu ul li.menuparent ul li a.Artisanat{background:#E18624}
#menu ul li.parent ul li a.Arts, #menu ul li.menuparent ul li a.Arts{background:#CB1721}


#searchbox{
position:absolute;
top:120px;
right:30px;
}

#content {
padding:0 20px;
background:url("uploads/css/content_bg.png") no-repeat center top;
z-index:1;
}

#content div.contentpadding {
margin:0 auto;
padding:40px 20px 30px 20px;
width:780px;
min-height:400px;
background:#fff url("uploads/css/content_bg.png") no-repeat center top;
overflow:auto; /* for float clearing */
}

#content div.contentpadding ul li {
list-style-type:disc;
margin-bottom:5px;
}


#footer p{
width:820px;
border-top:1px solid #2E4A9F;
text-align:center;
margin:0 auto;
font-size:10px;
background-color:#fff;
color:#666;
}

#footer a:link, #footer a:visited
{
color:#666;
text-decoration:none;
}

#footer a:hover
{
color:#000;
text-decoration:none;
}

#breadcrumbs{
margin-bottom:20px;
font-size:11px;
}

ul.listing_latests{line-height:30px; margin:0 0 30px 0;}
ul.listing_latests a:link, ul.listing_latests a:visited {text-decoration:none; color:#000;}
ul.listing_latests a:hover{text-decoration:underline;}

#content div.contentpadding ul.listing_latests li {height:30px; overflow:hidden; background-position:left 11px; background-repeat:no-repeat; padding:0 0 0 10px; margin:0 0 0 5px;list-style-type:none;}
ul.listing_latests li.Nature {background-image:url("uploads/css/nature_list.png");}
ul.listing_latests li.Nature a:hover {color:#BABF26;}
ul.listing_latests li.Pratiques {background-image:url("uploads/css/pratiques_list.png");}
ul.listing_latests li.Pratiques a:hover {color:#A6749D;}
ul.listing_latests li.Arts {background-image:url("uploads/css/arts_list.png");}
ul.listing_latests li.Arts a:hover{color:#CB1721;}
ul.listing_latests li.Traditions {background-image:url("uploads/css/traditions_list.png");}
ul.listing_latests li.Traditions a:hover{color:#3190BE;}
ul.listing_latests li.Artisanat {background-image:url("uploads/css/artisanat_list.png");}
ul.listing_latests li.Artisanat a:hover {color:#E18624;}

ul.listing_latests li.Actualite {background-image:url("uploads/css/actualite_list.png");}
ul.listing_latests li.Actualite a:hover{color:#2E4A9F;}

/* links depending on categories */
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link,  h4 a:visited {text-decoration:none; color:inherit;}
h1.Nature, h2.Nature, h3.Nature, h4.Nature {color:#BABF26}
h1.Traditions, h2.Traditions, h3.Traditions, h4.Traditions {color:#3190BE}
h1.Arts, h2.Arts, h3.Arts, h4.Arts {color:#CB1721}
h1.Artisanat, h2.Artisanat, h3.Artisanat, h4.Artisanat {color:#E18624}
h1.Pratiques, h2.Pratiques, h3.Pratiques, h4.Pratiques {color:#A6749D}

#content div.contentpadding ul li.fleche_Pratiques{padding-left:100px; min-height:68px; list-style-type:none; margin-bottom:0;}

#content div.contentpadding ul li.fleche_Traditions{padding-left:100px; min-height:68px; list-style-type:none; margin-bottom:0;}

#content div.contentpadding ul li.fleche_Artisanat{padding-left:100px; min-height:68px; list-style-type:none; margin-bottom:0;}

#content div.contentpadding ul li.fleche_Arts{padding-left:100px; min-height:68px; list-style-type:none; margin-bottom:0;}

#content div.contentpadding ul li.fleche_Nature{padding-left:100px; min-height:68px; list-style-type:none; margin-bottom:0;}

/* Accueil */

.column_left{
float:left;
width:450px;
}

.column_right{
float:right;
width:310px;
}


.slideshow{
width:450px;
height:200px;
overflow:hidden;
background-color:#ccc;
}

#content div.contentpadding .slideshow li {
position:absolute;
width:448px;
height:198px;
border:1px solid #ccc;
list-style-type:none;
margin-bottom:0;
}
.slideshow li.Nature{border-color:#BABF26;}
.slideshow li.Artisanat{border-color:#E18624;}
.slideshow li.Pratiques{border-color:#A5739D;}
.slideshow li.Arts{border-color:#CB1721;}
.slideshow li.Traditions{border-color:#3190BE;}

.news_note{
padding-bottom:29px;
background:url("uploads/css/note_bottom.png") no-repeat left bottom;
}
.news_content{
background:url("uploads/css/note_top.png") no-repeat left top #FFFF99;
width:450px;
overflow:auto;
}
.news_content img {
float:left;
margin:15px 5px 0 5px;
display:block;
}
.news_content div {width:290px; float:right;}
.news_content p.link{
clear:both;
text-align:right;
margin-right:5px;
overflow:hidden;
}

.slideshow li a img{border:none; width:100%; height:100%; display:block; background-color:#999;}
.slideshow li span{display:block; height:35px; width:100%; text-indent:10px;background-color:#000; position:absolute; bottom:0; color:#fff; text-transform:uppercase; opacity:0.7; line-height:35px;}

div.frontpage_articles a.rightlink
{
    margin-top:0;
}
     
#content div.contentpadding div.frontpage_articles ul li {
    overflow:hidden;
    width:440px;
    list-style-type:none;
    background-color:#E5EDF5;
    padding:5px;
    margin-bottom:5px;
}

div.frontpage_articles {
    margin:10px 0 0 0;
}

div.frontpage_articles ul li img {
    width:150px;
    margin-right:10px;
    border:1px solid #2E4A9F;
    float:left;
    }

/* DETAIL SECTIONS */
.highlight {margin-top:15px;}
#content div.contentpadding ul.highlight li {overflow:auto; width:450px; margin-bottom:15px; list-style-type:none}
.highlight li img {float:left;}
.highlight p.link {text-align:right; margin-top:5px; overflow:hidden;}

/* ACTUALITE */
.article_listing li {overflow:auto; width:100%;}
.article_listing li img {float:left;}
.article_listing p {text-align:right; margin-top:5px;overflow:hidden;}

.article_detail_content {
    width:100%;
    overflow:hidden;
    }
    
.article_detail_return {
    text-align:right;
    }

/* FICHES */
div.detail_container{margin:0 0 0 150px; position:relative; overflow:visible;}

img.detailthumb {position:absolute; left:-160px;}

#inner_menu {width:149px; position:fixed; top:350px; left:50%; margin-left:-434px; padding-top:6px;}
#inner_menu.Nature {Background:url("uploads/css/innermenu_nature.png") no-repeat left top;}
#inner_menu.Pratiques {Background:url("uploads/css/innermenu_pratiques.png") no-repeat left top;}
#inner_menu.Traditions {Background:url("uploads/css/innermenu_traditions.png") no-repeat left top;}
#inner_menu.Arts {Background:url("uploads/css/innermenu_arts.png") no-repeat left top;}
#inner_menu.Artisanat {Background:url("uploads/css/innermenu_artisanat.png") no-repeat left top;}


#content div.contentpadding #inner_menu li {border-bottom:1px solid #fff; line-height:23px; font-size:13px; list-style-type:none;margin-bottom:0px;}
#content div.contentpadding #inner_menu li a:link, #inner_menu li a:visited {text-decoration:none; font-weight:bold; color:#fff; margin:0 5px;opacity:0.5;}
#content div.contentpadding  #inner_menu li a:hover{opacity:1;}

#inner_menu.Nature li {background-color:#BABF26;}
#inner_menu.Traditions li {background-color:#3190BE;}
#inner_menu.Pratiques li {background-color:#A5739D;}
#inner_menu.Arts li {background-color:#CB1721;}
#inner_menu.Artisanat li {background-color:#E18624;}

#content div.contentpadding #inner_menu li.partnerzone{font-size:10px; padding:0 2px; color:white;  list-style-position:outside; line-height:12px;}
#inner_menu li.partnerzone img {display:block;width:145px; margin:0 auto 2px auto;}

#content div.contentpadding #inner_menu li.pcilist{font-size:10px; line-height:12px; padding:0 2px; background-color:white; border-style:solid; border-width:1px; list-style-position:outside;}

#content div.contentpadding #inner_menu.Nature li.pcilist {color:#BABF26; border-color:#BABF26; border-bottom:1px solid #BABF26;}
#content div.contentpadding #inner_menu.Traditions li.pcilist {color:#3190BE; border-color:#3190BE; border-bottom:1px solid #3190BE;}
#content div.contentpadding #inner_menu.Pratiques li.pcilist {color:#A5739D; border-color:#A5739D; border-bottom:1px solid #A5739D;}
#content div.contentpadding #inner_menu.Arts li.pcilist {color:#CB1721; border-color:#CB1721; border-bottom:1px solid #CB1721;}
#content div.contentpadding #inner_menu.Artisanat li.pcilist {color:#E18624; border-color:#E18624; border-bottom:1px solid #E18624;}

.videoframe_Nature {border:5px solid #BABF26; width:370px; background-color:#BABF26;}
.videoframe_Traditions {border:5px solid #3190BE; width:370px; background-color:#3190BE;}
.videoframe_Pratiques {border:5px solid #A5739D; width:370px; background-color:#A5739D;}
.videoframe_Arts {border:5px solid #CB1721; width:370px; background-color:#CB1721;}
.videoframe_Artisanat {border:5px solid #E18624; width:370px; background-color:#E18624;}

/* NAVIGATION VIDEO */

#videonav{height:30px; overflow:hidden;}
#content div.contentpadding ul#videonav li {list-style-type:none; width:100px; text-align:center; float:left; height:30px; line-height:30px;}
#content div.contentpadding ul#videonav li a {display:block;margin-right:10px; text-decoration:none; color:#ccc; font-weight:bold;}

#content div.contentpadding ul#videonav.videonav_Nature li a:link, #content div.contentpadding ul#videonav.videonav_Nature li a:visited {background-color:#333;}
#content div.contentpadding ul#videonav.videonav_Nature li a:hover, #content div.contentpadding ul#videonav.videonav_Nature li a.active:link, #content div.contentpadding ul#videonav.videonav_Nature li a.active:visited {background-color:#BABF26; color:#FFFFFF;}

#content div.contentpadding ul#videonav.videonav_Traditions li a:link, #content div.contentpadding ul#videonav.videonav_Traditions li a:visited {background-color:#333;}
#content div.contentpadding ul#videonav.videonav_Traditions li a:hover, #content div.contentpadding ul#videonav.videonav_Traditions li a.active:link, #content div.contentpadding ul#videonav.videonav_Traditions li a.active:visited {background-color:#3190BE; color:#FFFFFF;}

#content div.contentpadding ul#videonav.videonav_Pratiques li a:link, #content div.contentpadding ul#videonav.videonav_Pratiques li a:visited {background-color:#333;}
#content div.contentpadding ul#videonav.videonav_Pratiques li a:hover, #content div.contentpadding ul#videonav.videonav_Pratiques li a.active:link, #content div.contentpadding ul#videonav.videonav_Pratiques li a.active:visited {background-color:#A5739D; color:#FFFFFF;}

#content div.contentpadding ul#videonav.videonav_Arts li a:link, #content div.contentpadding ul#videonav.videonav_Arts li a:visited {background-color:#333;}
#content div.contentpadding ul#videonav.videonav_Arts li a:hover, #content div.contentpadding ul#videonav.videonav_Arts li a.active:link, #content div.contentpadding ul#videonav.videonav_Arts li a.active:visited {background-color:#CB1721; color:#FFFFFF;}

#content div.contentpadding ul#videonav.videonav_Artisanat li a:link, #content div.contentpadding ul#videonav.videonav_Artisanat li a:visited {background-color:#333;}
#content div.contentpadding ul#videonav.videonav_Artisanat li a:hover, #content div.contentpadding ul#videonav.videonav_Artisanat li a.active:link, #content div.contentpadding ul#videonav.videonav_Artisanat li a.active:visited {background-color:#E18624; color:#FFFFFF;}

div#content div.contentpadding div.detail_container div div#textzone
{margin:5px 0; background:#FFF; padding:5px;}
div#content div.contentpadding div.detail_container div div#textzone
 ul {font-style:italic;}

#carte {width:250px;position:absolute; top:35px; right:0;}
#carte a img {border:none; text-decoration:none;}

a.rightlink{display:block; margin-right:20px; margin-top:-20px; text-align:right;}

@media screen and (max-height:700px) {
#inner_menu {
position:absolute;
}
}

}
/* End of 'pci_general' */

