/******************* colors & backgrounds *******************
orange principal #ec5f35
orange clair #f28133
jaune principal #fac453
jaune clair #fce97b
vert principal #52aa2e
vert foncé #3e7c52
*/
/**** header, nav, slices, structure, footer ****/
body { background: #ffffff}

#slice_nav { background: transparent url( "../images/bg_nav.png") repeat-x center top fixed;}
div#nav ul li a { background: transparent url( "../images/bg_nav_separator.png") no-repeat right center; color: #525252; }
div#nav ul li a:first-letter { color: #ec5f35;}
div#nav ul li.nav_social     a, div#nav ul li.nav_social     a:first-letter { color: transparent;}
div#nav ul li.first a, div#nav ul li.first a:first-letter { color: #187da9;}
div#nav ul li.first a span { color: #ec5f35;}
div#nav ul li.nav_social a { background: transparent url( "../images/bg_nav_social.png") no-repeat left bottom;}
div#nav ul li.rss a { background-image: url( "/ass/icon_rss.png");}
div#nav ul li.youtube a { background-image: url( "/ass/icon_youtube.png");}
div#nav ul li#nav_linked a { background-position: right bottom;}
div#nav ul li.first a, div#nav ul li.last a { background: none;}
#slice_content_container { background: transparent url( "../images/bg_home_contents.jpg") repeat-x center 100px;}

#slice_foot {background: url( "../images/bg_foot.jpg") repeat-x center top;}
#foot ul li a { color: #fce97b;}
#foot ul li ul li a { color: #f28133;}
#foot ul li#foot_copyright a { color: #ffffff;}
#foot ul li#powered_by a { color: #ec5f35;}

/***** global ****/
p, ul, li, a, td, th, div, input, textarea, select { color: #676767;}
a, a:hover, form input.submit_button { color: #f28133;}
h1, h1 a, h3, h3 a { color: #ec5f35; }
h2, h2 a { color: #040404;}
body.contents_show h1, body.contents_show h1 body.a { color: #040404;}
/*body.contents_index_by_type h2, body.contents_index_by_type h2 a,
  body.contents_index_by_set h2, body.contents_index_by_set h2 a { color: #040404;}*/
h5, h5 a, h6, h6 a { color: #ec5f35; }
.block_container h4 a { color: #040404;}
.block_container h3 a { color: #333333;}
.date, .date_after_tags { color: #121212 !important;}
.tags, .tags a { color: #95ab8d !important;}

div.tell_me_more a, div.more_contents a, form input.submit_button { background: url( "../images/bg_arrows.png") no-repeat left bottom; border: none;}

div.content_asset { background: transparent url( "../images/bg_image_shadow.png") no-repeat center bottom;}
div.content_asset a { background: #ffffff; display: block;}

.ui-datepicker-header span { color: #ec5f35;}
.ui-datepicker { background: transparent url( "../images/bg_calendar.jpg") repeat-x center center;}
.ui-datepicker-calendar p a { color: #fce97b;}
.ui-datepicker-calendar .ui-datepicker-other-month p a { color: #f28133;}

#search_form input { border: none; background: url( "../images/bg_search.png") no-repeat center center;}

#newsletter_subscription_newsletter { border: 2px solid #badbad; background: #daedd2 url( '../images/ico_newsletter_email.png') no-repeat 20px 20px;}
.newsletter_subscription_block_header h3, .newsletter_subscription_block_body a { color: #3e7c52;}


#homepage #contents_list_newsletter .contents_list_block_header h3 { background: transparent url( '../images/bg_newsletter_archives.png') no-repeat top left;}
#homepage #contents_list_newsletter h4 a { background: transparent url( '../images/bg_newsletter.png') no-repeat center left;}


/***** homepage ****/
#homepage div#content_container div.content_body p { color: #121212;}

#slice_news { background: #e0e2e3 url( "../images/bg_home_blog.jpg") repeat-x center top;}
#slice_twitter { background: transparent url( "../images/bg_home_twitter.jpg") repeat-x center top;}
#slice_materials { background: #e0e1e2 url( "../images/bg_home_materials.jpg") repeat-x center top ;}
#slice_region_codes { background: transparent url( "../images/bg_home_region_codes.jpg") repeat-x center top ;}
#slice_regions { background: #e0e2e3 url( "../images/bg_home_regions.jpg") repeat-x center top ;}
#slice_activities { background: transparent url( "../images/bg_home_activities.jpg") repeat-x center top ;}
#slice_members { background: transparent url( "../images/bg_home_members.jpg?new") repeat-x center top ;}

.twitter_block_body_content  { background: url( '../images/bg_twitter.png') no-repeat right top;}
.twitter_block_body_content.even { background: url( '../images/bg_twitter.png') no-repeat left bottom;}

#contents_list_report .contents_list_block_body_content { background: transparent url( "../images/bg_materials_icons.png") no-repeat 0 10px;}
#contents_list_resource .contents_list_block_body_content { background: transparent url( "../images/bg_materials_icons.png") no-repeat -470px 10px;}
#contents_list_ejn_report .contents_list_block_body_content { background: transparent url( "../images/bg_materials_icons.png") no-repeat -940px 10px;}
#slice_materials .block_container .block_titles h4 { margin-top: 146px;}

body.contents_show div.slice_container div.content_report div.content_header, body.contents_show div.slice_container div.content_resource div.content_header,
body.contents_show div.slice_container div.content_ejn_report div.content_header { width: 360px !important;}


div.calendar_list_body_header,
#homepage div#slice_members div.slice_container div.contents_list_block_header { border-bottom: 1px solid #ec5f35;}
#homepage div#slice_members div.slice_container div.contents_list_block_header h3 a { color: #ec5f35;}

/******************* fonts ********************/
@font-face {
  font-family: 'Cala-Light';
  font-style: normal;
  src: local('Cala-Light'), local('Cala-Light'), url( "../fonts/Cala-Light.woff") format('woff');
}
@font-face {
  font-family: 'Qubo-Light';
  font-style: normal;
  src: local('Qubo-Light'), local('Qubo-Light'), url( "../fonts/Qubo-Light.woff") format('woff');
}

/**** header, nav, slices, structure, footer ****/
div#nav ul li a { font-weight: normal; text-transform: uppercase; font-size: 14px; font-family: "Qubo-Light", Arial, 'sans serif';}
div#nav ul li.first a span { font-size: 15px;}
div#nav ul li.first a { font-size: 12px;}

#foot ul li a {  font-family: "Qubo-Light", Arial, 'sans serif';}
#foot ul li#foot_copyright a { font-size: 15px;}


/***** global ****/
.side_column a { font-weight: normal;}
div.tell_me_more a, div.more_contents a, form input.submit_button { font-style: italic;}
.tags, .tags a { font-style: normal; text-decoration: none; }

p, ul, li, a, td, th, div, input, textarea, select { line-height: 1.5em; font-family: Arial, 'sans serif';}
h1 { line-height: 1.4em;}
.block_container h4 { font-size: 14px;}
.block_container h3 { font-size: 13px;}
h2, h3, h4, h5, h6 { line-height: 1.2em;}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a { font-weight: normal; font-family: "Cala-Light", Arial, 'sans serif'; text-transform: uppercase; }
.url, .url a, .tags a, .date, .date_after_tags { text-transform: none !important; font-family: Arial, 'sans serif';}

.ui-datepicker-prev, .ui-datepicker-next { font-size: 0.1px;}
.ui-datepicker-calendar p { text-align: center;}
.ui-datepicker-calendar p a { font-weight: normal; }

/***** homepage ****/
#homepage #contents_list_newsletter div.contents_list_block_header h3 a { font-size: 0.1px; color: transparent;}
.twitter_block_body_content h5 { text-align: right;}
.twitter_block_body_content p.block_summary { font-style: italic;}

#widget_homepage-materials-title h3 a { color: transparent; font-size: 1px; }
#homepage div.slice div#contents_list_newsletter.contents_list_block div.contents_list_block_header h3 a { font-size: 30px; font-family: arial; text-transform: none; font-weight: normal;}
#homepage div.slice div#contents_list_newsletter.contents_list_block h5.date, body.campaigns_index h5.date { display: none;}

#homepage div#content_container div.content_header h2, #homepage div#content_container div.content_header h2 a { font-weight: bold; font-size: 22px;}
#homepage div#content_container div.content_body p { font-size: 16px; }
.newsletter_subscription_block_header h3 { text-transform: none;}


/******************* placement ********************/
/**** header, nav, slices, structure, footer ****/
#slice_header { height: 0;}

.slice { padding: 15px 0;}

#slice_nav { position: fixed; width: 100%; top: 0; margin: auto; padding: 0; z-index: 1;}

div#nav ul li a { line-height: 40px; padding: 20px 15px; }
div#nav ul li.first a { width: 725px; text-align: right; line-height: 1.1em; padding: 20px 15px 0 15px; margin-top: 5px;}
div#nav ul li.nav_social a { width: 5px; line-height: 1.1em; padding: 20px 15px 0 15px; margin-top: 5px;}
div#nav ul li.rss a { margin-left: 4px; height: 15.4px;}
div#nav ul li.nav_home a { width: 180px; text-align: right;}

div#nav { height: 170px;}

#slice_subscription_banner { padding-top: 140px;}

#slice_foot { padding: 0;}
#foot { height: 875px; width: 1000px;}
div#foot a { text-align: left;}
#foot ul li { margin-left: 8px;  margin-top: 15px;}
#foot ul li a { display: inline; padding: 0 10px; }
#foot ul li ul { margin-top: 30px; clear: right; margin-left: 15px;}
#foot ul li ul li { float: none; margin: 4px 0 0 0 ; max-width: 270px;}
#foot ul li ul li a { display: inline; padding: 0; margin: 0; }
#foot ul li#foot_copyright a { padding: 10px; margin: 0 0 40px 10px;}
#foot ul li#foot_home, #foot ul li#foot_activity { clear: left;}
#foot ul li#foot_activity { margin-left: 173px;}
#foot ul li#foot_region, #foot ul li#foot_news, #foot ul li#foot_material { clear: right;}
#foot ul li#powered_by { clear: both; float: right;}

.slice_container .body_contents { width: 680px; float: left;}
.slice_container .side_column { width: 245px; float: right;}
.contents_show .slice_container .body_contents #content_body_html, .contents_show .slice_container .body_contents .content_header { float: left; width: 400px;}
.contents_show .slice_container .body_contents #content_documents { float: right; width: 270px}
.contents_show .slice_container .body_contents #content_documents { margin-top: 10px;}
#homepage .slice_container .body_contents { width: 100%; float: none;}
#homepage .slice_container .body_contents #content_body_html, #homepage .slice_container .body_contents .content_header { width: 100%;  float: none;}

/***** global ****/
div.tell_me_more a, div.more_contents a, form input.submit_button { height: 1.2em; padding-top: 0; padding-left: 8px; margin-right: 150px;}
#homepage div#content_container #widget_welcome .tell_me_more { display: none;}
div.content_asset { border: none; float: right; padding-bottom: 11px; }
div.block_container div.content_asset { margin-left: 8px;}
div.content_asset a { padding: 4px 4px 0 4px;}

.ui-datepicker { padding: 15px 10px;}
.ui-datepicker-header { position: relative; height: 25px;}
.ui-datepicker-calendar { margin: 19px 0 12px 5px;}
.ui-datepicker-calendar thead { display: none;}
.ui-datepicker-prev, .ui-datepicker-next { display: block; height: 20px; width: 60px; position: absolute; top: 13px; left: 30px; }
.ui-datepicker-next { left: 330px; }
.ui-datepicker-title { text-align: center; width: 200px; position: absolute; left: 110px; top: 0;}
.ui-datepicker-month { margin-right: 40px;}
.ui-datepicker-year { margin-left: 12px;}

.body_contents_contents_search { position: relative; margin-bottom: 20px;}
#search_form { position: relative; left: 425px; }
#homepage #search_form { left: 675px; }
#search_form input { padding: 10px 60px 10px 20px; width: 170px;}

#widget_newsletter_subscription { margin-bottom: 30px;}
#newsletter_subscription_newsletter {  padding: 20px 40px 20px 120px;}
.newsletter_subscription_block_header { margin-bottom: 15px;}

.url { display: none;}

/***** homepage ****/

#slice_content_container { min-height: 175px; padding: 0;}
#homepage div#content_container { padding: 0 40px 20px 40px;}
#homepage div.slice_container div.contents_list_block_header, body#homepage div.calendar_list_block_header h3 { display: none;}
#homepage div#slice_members div.slice_container div.contents_list_block_header { display: block;}
#homepage div.slice div#contents_list_newsletter.contents_list_block div.contents_list_block_header { display: block;}
#widget_homepage-blank div { margin-top: 15px;}
#homepage #contents_list_newsletter div.contents_list_block_header h3 a { display: block; width: 400px; height: 50px;}
#homepage #contents_list_newsletter .contents_list_block_body_content { padding: 0 10px;}
#homepage #contents_list_newsletter .block_titles h4 a { padding: 35px 0 35px 90px; display: block;}
#homepage div.twitter_block_header h3 { padding: 40px 0;}
#homepage div#widget_twitter div.twitter_block_header h3 a { color: transparent; padding: 30px 100px; }
#homepage .block_container div.contents_list_block div.contents_list_block_body_content,
#homepage .block_container div.calendar_list_block div.calendar_list_block_body_content  { width: 440px; float: left; padding: 10px; margin-right: 10px;}
#homepage .block_container div.calendar_list_block div.calendar_list_body_header,
#homepage div#slice_members div.slice_container div.contents_list_block_header { margin: 10px 25px 10px 10px; clear: both;}
.body_contents_contents_list { position: relative;}

.contents_list_block_body_content, .calendar_list_block_body_content { clear: left;}
.contents_list_block_body_content.even, .calendar_list_block_body_content.even { clear: right;}

.twitter_block_body { width: 100%;}
.twitter_block_body_content { padding: 15px 50px 30px 50px; float: left; margin-left: 120px; overflow: visible; margin-bottom: 15px;}
.twitter_block_body_content.even { padding: 20px 35px 40px 70px; float: right; margin-right: 60px; }
.twitter_block_body_content div.document_image { display: none; }
.twitter_block_body_content p.block_summary { width: 410px;}

.tags { padding-left: 3px;}
.block_container #contents_list_member .tags, .block_container #contents_list_collaborator .tags { display: none;}
.block_container #contents_list_member .block_summary p, .block_container #contents_list_collaborator .block_summary p { display: none;}
.block_container #contents_list_member .block_titles h4, .block_container #contents_list_collaborator .block_titles h4 { font-size: 12px;}

body#homepage .block_container div#contents_list_member.contents_list_block div.contents_list_block_body_content,
body#homepage .block_container div#contents_list_collaborator.contents_list_block div.contents_list_block_body_content { width: 240px; clear: none;}
#contents_list_member .contents_list_block_body_content.even, #contents_list_collaborator .contents_list_block_body_content.even { clear: none;}
#homepage #slice_members .contents_list_block_body_content { height: 180px;}
body#homepage div.content_asset img { max-height: 124px !important;}
body#homepage #members #contents_list_member div.content_asset, body#homepage #collaborators #contents_list_collaborator div.content_asset { float: none;}

/***** newsletter     */
body.newsletter table { width: 680px;}