@charset "utf-8";

body { margin: 0; padding: 0; background: url(images/bg-site.jpg) no-repeat center top fixed; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 135%; color: #000; }

h1 { font-family: Arial, Helvetica, sans-serif; text-transform: none; font-size: 36px; font-weight: normal; letter-spacing: -1px; color: #000; margin-top: 30px; margin-bottom: 10px; line-height: 36px; }
h2 { font-family: Arial, Helvetica, sans-serif; text-transform: none; font-size: 24px; font-weight: normal; letter-spacing: -1px; color: #000; }
h2.blog-entry { font-size: 18px; margin: 0; }

h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; font-size: 14px; font-weight: bold; text-decoration: none; margin: 0; }

p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 135%; color: #000; }

a { color: #3e7799; font-weight: bold; }


#wrapper { width: 981px; margin: 0 auto; margin-bottom: 30px; overflow: hidden; opacity: 0.8; /*border: 1px solid #0f0;*/ }
#wrapper-top { width: 981px; height: 125px; position: relative; background: url(images/wrapper-top.png); }
#wrapper-middle { width: 959px; padding: 0px 11px 0px 11px; background: url(images/wrapper-middle.png) repeat-y; overflow: hidden }
#wrapper-bottom { width: 981px; height: 36px; background: url(images/wrapper-bottom.png); }

a.logo { display: block; position: absolute; width: 300px; height: 100px; top: 5px; left: 5px;  }

#header { height: 40px; position: relative; /*border: 1px solid #f00;*/ }

#search { position: absolute; left: 780px; top: 215px; width: 160px; height: 26px; /*border: 1px solid #000;*/ }
input.search-form { border: none; height: 26px; color: #555; background: transparent; }

#header #menubar { font-family: Arial, Helvetica, sans-serif; position: absolute; top: 0px; left: 0px; width: 959px; height: 47px; background: url(images/gray-line.png) 0 37px repeat-x; }

/*#header #menubar ul.menu { margin: 0; padding: 0; list-style-type:none; }
#header #menubar ul.menu li { display: inline-block; float: left; font-size: 20px; color: #999; line-height: 40px; height: 40px; letter-spacing: -1px; font-weight: normal; text-decoration: none; padding: 0 10px 0 10px; margin: 0 0px;  border: 1px solid #00f;}
#header #menubar ul.menu a {font-size: 13px; line-height: 40px; font-weight: bold; text-transform: uppercase; letter-spacing: 0; color: #333; text-decoration: none; margin: 0; }
#header #menubar ul.menu a:hover { color: #999; }
#header #menubar ul.menu li ul { display: none; width: 230px; border: 1px solid #ccc; background-color: #fff; opacity: 0.8; margin: 0; padding: 0; }
#header #menubar ul.menu li:hover ul, #header #menubar li.hover ul { display: block; position: absolute; margin: 0; padding: 0; }
#header #menubar ul.menu li:hover li, #header #menubar li.hover li { float: none; height: 30px; line-height: 30px; margin: 0; display: block; }
#header #menubar ul.menu li:hover li a, #header #menubar li.hover li a { display: block; font-size: 12px; line-height: 20px; height: 20px; background-color: #fff;  color: #000;  }
#header #menubar ul.menu li li a:hover { background-color: #8db3ff;  color: #fff; }
*/

#navbar { margin: 0; padding: 0; height: 47px; overflow: hidden; }
#navbar li { list-style: none; float: left; margin: 0; padding: 0;  }
#navbar a { font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0px; color: #333; padding-left: 7px; padding-right: 7px; height: 20px; line-height: 20px; text-decoration: none; }
#navbar li a { display: block; }
#navbar a.red { color: #f66; color: #e64722; }
#navbar li.current { background: url(images/menu-marker.png) center 30px no-repeat; }
#navbar li.home { background: url('images/home.png') no-repeat; width: 30px; margin-left: 10px;}
#navbar li.topmenu { height: 27px; padding-top: 10px; /*border: 1px solid #f00;*/ }
#navbar li ul { display: none; width: 10em; width: 230px; border: 1px solid #ccc; background-color: #fff; z-index: 8000; }
#navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin: 0; padding: 0; }
#navbar li:hover li, #navbar li.hover li { float: none; }
#navbar li:hover li a, #navbar li.hover li a { font-size: 11px; background-color: #fff; border-bottom: 1px solid #fff; color: #000; margin-bottom: 5px; }
#navbar li li a:hover { background-color: #8db3ff; }
   

/*
#header #menubar ul.menu li a { display: block; line-height: 15px; height: 15px; }
#header #menubar ul.menu li ul { display: none; width: 10em; width: 230px; border: 1px solid #ccc; background-color: #fff; opacity: 0.8; margin-top: 20px;}
#header #menubar ul.menu li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin: 0; padding: 0; }
#header #menubar ul.menu li:hover li, #navbar li.hover li { float: none; }
#header #menubar ul.menu li:hover li a, #navbar li.hover li a { display: block; font-size: 12px; background-color: #fff;  color: #000;  }
#header #menubar ul.menu li li a:hover { border-bottom: 2px solid #8db3ff; }
*/

/*#header-asso { width: 959px; height: 393px; background: #fff; }*/

#header-asso { width: 959px; height: 393px; background-image: url(images/header-association.jpg); overflow: hidden; }
#banner {  margin-left: 0px; margin-top: 4px; }

#fp-images { width: 620px; float: left; padding: 10px 0 0 0; margin: 0; }
#fp-images .fp-image { width: 300px; height: 300px; padding: 0; margin: 0 5px 0 0; float: left; }
#fp-images .fp-image img {border: none; }
/*#fp-images .fp-image img { padding: 2px; border: 1px solid #fff; }
#fp-images .fp-image img:hover { padding: 2px; border: 1px solid #5d99bd; }*/

/*
 * MAIN ET CONTENT
 */ 

#main { margin:10px; overflow: hidden; /*border: 1px solid #ccc;*/ }
#main li { color: #000; }



#content { width: 620px; float: left; padding: 0; margin: 0; }
#content ul.actions { text-align:right; padding:0 ; width:100%; margin:0 }
#content ul.actions li { display:inline }
#content ul.actions a { color: #555; text-decoration:none }

#content h1.frontpage-title { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #000; padding: 15px 0 5px 0; margin: 20px 0 10px 0; border-bottom: 1px solid #ccc; background: url(images/gray-line.png) repeat-x; }

.items-leading { /*border: 1px solid #f00; margin-bottom: 20px;*/ }
.items-row { margin-bottom: 20px; overflow: hidden; /* border: 1px solid #000; */}

dl.article-info { margin: 0; color: #555; font-size: 15px; }

.blog_meta_top { /*width: 620px; height: 18px; margin-top: 50px; background: url(images/bg-blogmeta-top.png);*/ }
.blog_meta_content { width: 610px; padding-left: 10px; margin-top: 20px; /*background: url(images/bg-blogmeta-content.png) repeat-y;*/ overflow: hidden; }
/*.blog_meta_content img { padding: 3px; border: 1px solid #222; margin: 0 5px; }*/
img.photo { padding: 3px; border: 1px solid #555; margin: 0 5px; }

.blog_meta_bottom { width: 620px; height: 14px; background: url(images/bg-blogmeta-bottom.png); }

.blog_promenade {}
.blog_meta_promenades { padding-left: 40px; background: url(images/icone_blog_promenade.png) no-repeat; height: 40px; }
.blog_meta_evenements { padding-left: 40px; background: url(images/icone_blog_evenement.png) no-repeat; height: 40px; }
.blog_meta_edition { padding-left: 40px; background: url(images/icone_blog_edition.png) no-repeat; height: 40px; }
.blog_meta_blog { padding-left: 40px; background: url(images/icone_blog_blog.png) no-repeat; height: 40px; }
.blog_meta_international { padding-left: 40px; background: url(images/icone_blog_international.png) no-repeat; height: 40px; }
.blog_meta_aujourdhui  { padding-left: 40px; background: url(images/icone_blog_societe.png) no-repeat; height: 40px; }


a.bt-lire-la-suite { display: block; width: 105px; height: 36px; float: right; background: url(images/bt-lire-la-suite.png); }

/*#content ul.pagenav { padding:0 ; width:100%; margin:0; }
#content ul.pagenav li { display:inline }
#content ul.pagenav li.pagenav-next { text-align:right; }
#content ul.pagenav li.pagenav-prev { text-align:left; }
#content ul.pagenav a { color: #555; text-decoration:none }*/

/*
 * NAVIGATION ENTRE LES ARTICLES
 */ 

#content ul.pagenav { list-style-type:none; padding:0; overflow:hidden }
#content ul.pagenav li { display:inline-block; padding:1px; margin:0; border:solid 0px #cc0000; position:relative; }
#content ul.pagenav li {line-height:2em; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background:#eee; border:solid 1px #ccc; }
#content ul.pagenav li.pagenav-prev {float:left; padding-left: 25px; background: url(images/prev.png) no-repeat; }
#content ul.pagenav li.pagenav-next {float:right; padding-right: 25px; background: url(images/next.png) no-repeat right;}
#content ul.pagenav li a { display:inline; 	padding:2px; text-decoration:none; color: #555; }

#main .pagination { margin:10px 0; padding:10px 0 10px 0px; text-align: center; }
#main .pagination ul { list-style-type:none; margin:0; padding:0; text-align:left; }
#main .pagination li { display:inline; padding:2px 5px; text-align:left; border:solid 1px #eee; margin:0 2px; }
.pagenav {padding:2px}
#main .pagination li.pagination-start,
#main .pagination li.pagination-next,
#main .pagination li.pagination-end,
#main .pagination li.pagination-prev {border:0}

#main .pagination li.pagination-start, #main .pagination li.pagination-start  span { padding:0 }
p.counter{ text-align: center; font-weight:bold; }

/*div.item-separator { height: 40px; border: 1px solid #000;}*/

/*
 * PATHWAY
 */ 
#pathway  { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 13px;} 
#pathway .breadcrumbs {}
#pathway a.pathway { color: #555; text-decoration: none; }

#main #intro { margin: 0px 0 30px 0; height: 235px; overflow: hidden; background: url(http://clarens-rousseau.com/templates/jjr-clarens/images/typo-rousseau2.png) no-repeat; /*border: 1px solid #ccc;*/  }
.texte-intro { margin-left: 20px; margin-top: 50px; width: 450px; font-size: 13px; font-weight: bold; color: #666; line-height: 20px; }
a.bt-en-savoir-plus { display: block; width: 130px; height: 48px; margin-left: 320px; background: url(http://clarens-rousseau.com/templates/jjr-clarens/images/bt-en-savoir-plus.png); text-align: center; line-height: 26px; text-decoration: none; color: #fff; font-weight: bold; }
a.bt-en-savoir-plus:hover { text-decoration: underline; }


/*
 * RECHERCHE
 */
div.search fieldset.word { border: 1px solid #3e7799; background-color: #ebf2f7;}
div.search fieldset.phrases { border: 1px solid #3e7799; background-color: #ebf2f7; }
dt.result-title { margin-top: 15px; }  



/*
 * SIDEBAR
 */ 
#sidebar { width: 300px; float: right; }

#sidebar #recherche { width: 300px; height: 75px; position: relative; background: url(images/bg-recherche.png) no-repeat;  }
#mod-search-searchword { width: 235px; height: 18px; position: absolute; top: 26px; left: 12px; color: #3e7799; border: none; }
#bt-recherche { width: 36px; height: 26px; position: absolute; top: 23px; left: 254px; background-color: #3e7799; border: none; color: #fff; font-weight: bold; }

#sidebar h2.sidebar-title { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #000; padding: 15px 0 5px 0; margin: 20px 0 10px 0; border-bottom: 1px solid #ccc; background: url(images/gray-line.png) repeat-x; } 

#sidebar ul.category-module { margin: 0; padding: 0; list-style: none; }
#sidebar ul.category-module a.mod-articles-category-title { text-decoration: none; color: #000; } 
#sidebar ul.category-module p.mod-articles-category-introtext { margin: 0 0 15px 0; padding: 0; font-size: 15px; }

#sidebar ul.latestnews { margin: 0; padding: 0; list-style: none; } 

#sidebar ul.category-module_clarens { margin: 0; padding: 0; list-style: none; }
#sidebar ul.category-module_clarens li { padding-left: 20px; background: url(images/icone_clarens.png) no-repeat; margin-bottom: 15px;}
#sidebar ul.category-module_clarens a.mod-articles-category-title { text-decoration: none; color: #000;  } 
#sidebar ul.category-module_clarens p.mod-articles-category-introtext { margin: 0 0 15px 0; padding: 0; font-size: 15px; }

#sidebar ul.category-module_events { margin: 0; padding: 0; list-style: none; }
#sidebar ul.category-module_events li { padding-left: 20px; background: url(images/icone_date.png) no-repeat; }
#sidebar ul.category-module_events a.mod-articles-category-title { text-decoration: none; color: #000; } 
#sidebar ul.category-module_events p.mod-articles-category-introtext { margin: 0 0 15px 0; padding: 0; font-size: 15px; }

#sidebar ul.category-module_edito { margin: 0; padding: 0; list-style: none; }
#sidebar ul.category-module_edito li { padding-left: 20px; background: url(images/icone_edito.png) no-repeat; }
#sidebar ul.category-module_edito a.mod-articles-category-title { text-decoration: none; color: #000; } 
#sidebar ul.category-module_edito p.mod-articles-category-introtext { margin: 0 0 15px 0; padding: 0; font-size: 15px; }

#sidebar ul.category-module_aujourdhui { margin: 0; padding: 0; list-style: none; }
#sidebar ul.category-module_aujourdhui li { padding-left: 20px; background: url(images/icone_societe.png) no-repeat; margin-bottom: 15px; }
#sidebar ul.category-module_aujourdhui a.mod-articles-category-title { text-decoration: none; color: #000; } 
#sidebar ul.category-module_aujourdhui p.mod-articles-category-introtext { margin: 0 0 15px 0; padding: 0; font-size: 15px; }

#sidebar ul.category-module_edition { margin: 0; padding: 0; list-style: none; }
#sidebar ul.category-module_edition li { padding-left: 20px; background: url(images/icone_edition.png) no-repeat; margin-bottom: 15px; }
#sidebar ul.category-module_edition a.mod-articles-category-title { text-decoration: none; color: #000; } 
#sidebar ul.category-module_edition p.mod-articles-category-introtext { margin: 0 0 15px 0; padding: 0; font-size: 15px; }

#sidebar ul.category-module_promenades { margin: 0; padding: 0; list-style: none; }
#sidebar ul.category-module_promenades li { padding-left: 20px; background: url(images/icone_promenade.png) no-repeat; margin-bottom: 15px; }
#sidebar ul.category-module_promenades a.mod-articles-category-title { text-decoration: none; color: #000; } 
#sidebar ul.category-module_promenades p.mod-articles-category-introtext { margin: 0 0 15px 0; padding: 0; font-size: 15px; }

#sidebar ul.category-module_international { margin: 0; padding: 0; list-style: none; }
#sidebar ul.category-module_international li { padding-left: 20px; background: url(images/icone_international.png) no-repeat; margin-bottom: 15px; }
#sidebar ul.category-module_international a.mod-articles-category-title { text-decoration: none; color: #000; } 
#sidebar ul.category-module_international p.mod-articles-category-introtext { margin: 0 0 15px 0; padding: 0; font-size: 15px; }

#sidebar ul.category-module_blog { margin: 0; padding: 0; list-style: none; }
#sidebar ul.category-module_blog li { padding-left: 20px; background: url(images/icone_blog.png) no-repeat; margin-bottom: 15px; }
#sidebar ul.category-module_blog a.mod-articles-category-title { text-decoration: none; color: #000; } 
#sidebar ul.category-module_blog p.mod-articles-category-introtext { margin: 0 0 15px 0; padding: 0; font-size: 15px; }

.mod-articles-category-date { color: #555; font-size: 15px; }
.mod-articles-category-category { color: #555; font-size: 15px; } 
.mod-articles-category-writtenby { color: #555; font-size: 15px; }
.mod-articles-category-introtext { color: #000; }


p.readmore { margin: 0; padding: 0; overflow: hidden; }
P.mod-articles-category-readmore { margin: 0; padding: 0; overflow: hidden; }

/* Module EVENTS */

/*.event-entry { margin-bottom: 20px; }
.event-meta { font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 12px; }
.event-date { color: #999; font-weight: bold; }
a.fp-event-title { color: #333; font-size: 14px; font-weight: bold; text-decoration: none; }
.event-descr { color: #555;  font-size: 15px; line-height: 100%;  }

#event-manager {margin-bottom: 20px; overflow: hidden; }
.new-event { float: left; text-align: left; }
.all-events { float: right; text-align: right;   }
a.calendar-new {  font-weight: bold; color: #555; text-decoration:none; background: url(images/calendar-new.png) no-repeat; padding: 3px 0px 3px 23px; }
a.calendar { font-weight: bold; color: #555; text-decoration:none; background: url(images/view-calendar.png) no-repeat; padding: 3px 0px 3px 23px; }


#actualites {  padding-top: 0px; }
#actualites p { margin: 0; }
.actualite-entry { margin-bottom: 20px; }
h3.article-title { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #333; margin: 0 0 0 0px; }

.article-meta { font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 12px; }
.article-date { color: #999; font-weight: bold; }
a.fp-article-title { color: #333; font-size: 14px; font-weight: bold; text-decoration: none; }
a.fp-article-title:hover { color: #999; text-decoration: underline; }

.all-publications { text-align: right; }
a.publications { font-weight: bold; color: #555; text-decoration:none; background: url(images/view-calendar.png) no-repeat; padding: 3px 0px 3px 23px; }
*/
#frontpage { clear: both; width: 100%; }


#right-modules { width: 440px; float: right; /*border: 1px solid #000;*/ background: url(images/gray-line.png) repeat-x; }

.module-asso { position: relative; width: 430px; height: 420px; padding: 10px 10px 0 10px; background: url(http://clarens-rousseau.com/templates/jjr-clarens/images/bg-association2.png) left top no-repeat; }
.module-asso-presentation2 { margin: 0px 5px 0px 5px; float: left; }


a.more-infos { display: inline-block; background: url(http://clarens-rousseau.com/templates/jjr-clarens/images/puce-more-infos.png) no-repeat; height: 20px; padding: 0 0 0 22px; color: #999; line-height: 20px; font-weight: bold; text-decoration: none; float: right; }
a.readmore { color: #5d99bd; font-weight: bold; text-decoration: none; }

a.adherer-asso { display: block; width: 130px; height: 42px;  }


/*
 * COMMENTAIRES
 */
#udjaCommentsWrapper { }
.commentDetails { border: 1px solid #ccc; margin: 10px 0; padding: 0 5px; }
ul.parentLayer { list-style: none; }
ul.childLayer  { list-style: none; }
p.commentContent {  }
p.commentDate { background: url(images/avatar.png) no-repeat; padding-left: 54px; }
a.commentReplyLink { padding: 3px 5px; background-color: #fff; border: 1px solid #3e7799; color: #fff; color: #3e7799; font-size: 12px; text-transform: uppercase; text-decoration: none; }
textarea.mandatory { width: 500px; height: 100px;}

/*
 * SITEMAP
 */
ul.level_1 { margin-bottom: 10px; }
ul.level_0 li a { color: #000; text-transform: uppercase; }
ul.level_1 li a { color: #3e7799; text-transform: none;  }


/*
 * MAIL TO
 */
#mailto-window { background:#f5f5f5; padding:15px; border:solid 1px #ddd; position:relative }
#mailto-window label { width:10em }
.mailto-close {	position:absolute; right:0; top:5px; background:none; }
.mailto-close a { background:#f5f5f5 url(images/close.png) no-repeat !important; min-width:25px; display:block; min-height:25px; overflow:visible }
.mailto-close a  span { position:absolute;	left:-3000px;	top:-3000px; display:inline; }
#mailto-window  .inputbox { background:url("images/content_bg.gif") repeat-x scroll 0 0 #FFFFFF;	border:1px solid #ccc;	padding:3px; }
#mailto-window p { margin-top:20px }
#mailto-window button { margin:0 5px 0 0 }
  

table.fc_table {  }
.fc_table td.fc_prompt  { width: 190px; text-align:left; text-transform: uppercase; text-align: right; letter-spacing: -1px; font-weight: bold; /*border: 1px solid #000;*/ }

form.fc_form { margin-top: 30px; /*border: 1px solid #000;*/ }

input.fc_input { width: 350px; border: 1px solid #ccc; }
textarea.fc_input { width: 350px; border: 1px solid #ccc; }

#main #frontpage-bottom-modules { clear: both; width: 100%; overflow: hidden; margin: 20px 0 30px 0; /*border: 1px solid #ccc;*/ }
.bottom-module { width: 270px; /*height: 150px;*/ float: left; /*border: 1px solid #ddd;*/ margin: 10px 19px 10px 19px; }

.thumb { padding: 3px; border: 1px solid #ccc; }

#footer { clear: both; margin: 20px 0px 0px 0px; color: #333; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 12px; }
#footer a { color: #555; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#copyright { width: 495px; height: 71px; height: 85px; margin: 0 auto; padding: 10px 0 0 0; background: url(images/bg-copyright.png) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; color: #555; line-height: 17px; }