/*#0D5D7D;*/
/* @file global.base  - normalize with small modifications for Drupal and AT: http://necolas.github.com/normalize.css/ - Gutter widths, see $gutter-width in _custom.scss - Default container alignment. - Flexible images and media declarations. - Copies of the SCSS mixins for reference, which includes an improved element-invisible and focusable styles. */
/* ============================================================================= HTML5 display definitions ========================================================================== */
/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Prevents modern browsers from displaying 'audio' without controls Remove excess height in iOS5 devices */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 Known issue: no IE6 support */
[hidden] { display: none; }

/* ============================================================================= Base ========================================================================== */
/* If you are using the themes Responsive JS feature (media_queries.js) do not set a font-family on the html element, use body.  1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 2. Prevents iOS text size adjust after orientation change, without disabling user zoom www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { font-size: 100%; -webkit-text-size-adjust: 100%; line-height: 1.5; height: 100%; overflow-y: scroll; }

/* 1 . Addresses margins handled incorrectly in IE6/7 */
body { min-height: 100%; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility\9; /* Only IE, can mess with Android */ }

/* Addresses font-family inconsistency between 'textarea' and other form elements. */
button, input, select, textarea { font-family: sans-serif; }

/* ============================================================================= Links ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }

/* ============================================================================= Typography ========================================================================== */
/* Headings  Addresses font sizes and margins set differently in IE6/7 Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */
h1 { font-size: 25px; margin: 0.67em 0; font-weight: bold; color: #253746; text-transform: uppercase; }

h2, h2 a, h2.pane-title { font-size: 21px; margin: 0.83em 0; text-transform: uppercase; color: #253746; font-weight: bold; }

h3 { font-size: 18px; line-height: 24px; margin: 1em 0; text-transform: uppercase; font-weight: bold; color: #253746; }

h4 { font-size: 17/23px; margin: 1.33em 0; text-transform: uppercase; font-weight: normal; color: #253746; }

h5 { font-size: 15/24px; margin: 1.67em 0; text-transform: uppercase; font-weight: bold; color: #af272f; }

h6 { font-size: 14/23px; margin: 2.33em 0; text-transform: uppercase; font-weight: bold; color: #af272f; }

/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in S5, Chrome */
dfn { font-style: italic; }

/* Addresses styling not present in IE6/7/8/9 */
mark { background: #ff0; color: #000; }

/* Addresses margins set differently in IE6/7 */
p, pre { margin: 0 0 1.5em; }

/* Corrects font family set oddly in IE6, S4/5, Chrome en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* 1. Addresses CSS quotes not supported in IE6/7 2. Addresses quote property not supported in S4 */
q { quotes: none; }

q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

/* Prevents sub and sup affecting line-height in all browsers gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ============================================================================= Lists ========================================================================== */
/* Addresses margins set differently in IE6/7 */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/* Addresses paddings set differently in IE6/7 */
menu, ol, ul { padding: 0 0 0 40px; }

/* Corrects list images handled incorrectly in IE7 */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ============================================================================= Embedded content ========================================================================== */
/* 1. Remove border when inside 'a' element in IE6/7/8/9, FF3 2. Improves image quality when scaled in IE7 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img { /* border: 0; */ /* Drupal core already does this, uncomment if you need it */ -ms-interpolation-mode: bicubic; }

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) { overflow: hidden; }

/* ============================================================================= Figures ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure { margin: 0; }

/* ============================================================================= Forms ========================================================================== */
/* Corrects margin displayed oddly in IE6/7 */
form { margin: 0; }

/* Define consistent margin, and padding */
fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE6/7/8/9 2. Corrects text not wrapping in FF3 3. Corrects alignment displayed oddly in IE6/7 */
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

/* 1. Corrects font size not being inherited in all browsers 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 3. Improves appearance and consistency in all browsers */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
.not-front button, .not-front input { line-height: normal; margin: 15px 0; }

/* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Removes inner spacing in IE7 without affecting normal text inputs Known issue: inner spacing remains in IE6 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; background-color: #AF272F; border: medium none; color: #FFFFFF; font-size: 15px; font-weight: bold; padding: 7px 20px; }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: #7C2529; }

/* Re-set default cursor for disabled elements */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to content-box in IE8/9 2. Removes excess padding in IE8/9 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

/* 1. Addresses appearance set to searchfield in S5, Chrome 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* Removes inner padding and search cancel button in S5, Chrome on OS X */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Removes inner padding and border in FF3+ www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */
textarea { overflow: auto; vertical-align: top; }

/* ============================================================================= Tables ========================================================================== */
/* 1. Remove most spacing between table cells */
table { border: 1px solid; border-spacing: 0; border-collapse: collapse; font-size: inherit; font: 100%; }

/* ============================================================================= Gutters ========================================================================== */
/* If gutters are set in theme settings they will override these values, see Extensions > Modify Output > Design $gutter-width is set in _base.scss */
#main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .breadcrumb-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, div.messages { margin-left: 10px; margin-right: 10px; }

.page-femmes #columns, .page-ace #columns, .page-efa #columns { padding-top: 20px; }

#columns { padding: 50px 38px 38px 38px; }

.panels-flexible-region { padding: 0; width: 100%; }

/* Panel pages need negative margin equal to the gutter width applied to #content, this is taken care of in theme settings as per above for normal gutters
*/
#content .panel-display, #content .panel-flexible { margin-left: -10px; margin-right: -10px; }

.container { position: relative; }

/* ============================================================================= header region, liens sociaux, contact ========================================================================== */
#block-block-64 { position: absolute; right: 0; top: 20px; }

#block-block-64 .block-content a { text-indent: -20000px; display: inline-block; width: 24px; height: 24px; margin-left: 15px; }

.facebook-top a { background: url("../images/sprite-cdeacf.png") no-repeat 0px -3px; }

.facebook-top a:hover { background: url("../images/sprite-cdeacf.png") no-repeat 0px -27px; }

.twitter-top a { background: url("../images/sprite-cdeacf.png") no-repeat -24px -3px; }

.twitter-top a:hover { background: url("../images/sprite-cdeacf.png") no-repeat -24px -27px; }

.youtube-top a { background: url("../images/sprite-cdeacf.png") no-repeat -48px -3px; }

.youtube-top a:hover { background: url("../images/sprite-cdeacf.png") no-repeat -48px -27px; }

#block-block-65 a { color: #000; text-transform: uppercase; font-size: 0.9em; }

.chercher a { background: url("../images/sprite-cdeacf.png") no-repeat 0px -109px; width: 16px; height: 17px; display: inline-block; margin-left: 15px; text-indent: -20000px; }

.chercher a:hover { background: url("../images/sprite-cdeacf.png") no-repeat -16px -109px; }

/* ============================================================================= Menu principal - main menu et Titres des pages thématiques - Blocs ========================================================================== */
.region-secondary-content { background: #F1F3F4; }

.region-secondary-content .banner-title a, .region-secondary-content .banner-title { text-transform: uppercase; font-weight: bold; color: #253746; }

#page #breadcrumb { font-size: 0.9em; margin: 41px 20px 10px 0; position: absolute; right: 0; }

.section-mondealpha #page #breadcrumb { margin: 7px 20px 10px 0px; }

.page-node #breadcrumb { margin: 21px 20px 10px 0; }

#menu-bar { margin: 0; }
#menu-bar nav { margin-left: 0; margin-right: 0; }
#menu-bar #block-system-main-menu { float: left; }
#menu-bar #block-menu-menu-menu-thematique { float: right; }
#menu-bar #block-system-main-menu ul { margin-top: 11px; background-color: #253746; }
#menu-bar li.menu-item-4695, #menu-bar li.menu-item-61684, #menu-bar li.menu-item-61685, #menu-bar li.menu-item-61990, #menu-bar li.menu-item-6408, #menu-bar li.menu-item-61686 { background: url("../images/divider-main.png") no-repeat scroll right center #253746; padding: 15px; }
#menu-bar li.menu-item-4695 a, #menu-bar li.menu-item-61684 a, #menu-bar li.menu-item-61685 a, #menu-bar li.menu-item-61990 a, #menu-bar li.menu-item-6408 a, #menu-bar li.menu-item-61686 a { color: #fff; text-transform: uppercase; }
#menu-bar li.menu-item-4695 a:hover, #menu-bar li.menu-item-61684 a:hover, #menu-bar li.menu-item-61685 a:hover, #menu-bar li.menu-item-61990 a:hover, #menu-bar li.menu-item-6408 a:hover, #menu-bar li.menu-item-61686 a:hover, #menu-bar li.menu-item-4695 a.active, #menu-bar li.menu-item-61684 a.active, #menu-bar li.menu-item-61685 a.active, #menu-bar li.menu-item-61990 a.active, #menu-bar li.menu-item-6408 a.active, #menu-bar li.menu-item-61686 a.active { color: #d9c756; text-decoration: none; /*    font-weight: bold; */ }
#menu-bar li.menu-item-4695 a { background: url("../images/sprite-cdeacf.png") no-repeat scroll 0px -154px rgba(0, 0, 0, 0); margin: 0 0 0 25px; padding: 0; text-indent: -20000px; width: 16px; }
#menu-bar li.menu-item-4695 a:hover { background: url("../images/sprite-cdeacf.png") no-repeat scroll -15px -154px rgba(0, 0, 0, 0); }
#menu-bar li.menu-item-61686 { background-image: none; }
#menu-bar li.menu-item-61685 ul, #menu-bar li.menu-item-61990 ul, #menu-bar li.menu-item-61686 ul { display: none; }

.secondary-menu li a.active, .secondary-menu li a:hover { font-weight: bold; text-decoration: none; color: #000; }

/* ============================================================================= quelques tweaks et panels en général ========================================================================== */
.front h1#page-title, .section-apropos h1#page-title, .node-type-actualite h1#page-title { display: none; margin: 0; }

.page-efa #page-title { display: none; }

.panels-flexible-row-13-main-row .panel-pane.pane-views:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.panels-flexible-row-13-main-row .panel-separator, .panels-flexible-region-13-en_vedette .panel-separator { display: none; }

/*
.page-acc .panel-flexible .panels-flexible-row { margin-bottom: 0px; padding-bottom: 0px;
}
*/
.panel-flexible .panels-flexible-row { margin-bottom: 20px; padding-bottom: 35px; }

.panel-flexible .panels-flexible-row-last, .panel-flexible .panels-flexible-row-13-1 { margin-bottom: 0px; padding-bottom: 0px; }

#footer .region-inner { margin: 0 auto; }

/* ============================================================================= Front page images dans le haut avec lien + ========================================================================== */
.panels-flexible-region-13-en_vedette .pane-en-vedette-panel-pane-1 { position: relative; float: left; margin: 0; }
.panels-flexible-region-13-en_vedette .pane-en-vedette-panel-pane-1 .block-inner, .panels-flexible-region-13-en_vedette .pane-en-vedette-panel-pane-2 .block-inner { margin: 0; }
.panels-flexible-region-13-en_vedette .pane-en-vedette-panel-pane-1 .views-row .views-field-title { position: absolute; top: 221px; background-color: rgba(175, 39, 47, 0.85); padding: 15px 25px; /* padding: 18px 25px 14px 25px;*/ }
.panels-flexible-region-13-en_vedette .pane-en-vedette-panel-pane-1 .views-row .views-field-title a { color: #fff; /*font-size: 24px; */ font-size: 18px; line-height: 30px; font-weight: bold; }
.panels-flexible-region-13-en_vedette .plusplus a { background: url("../images/sprite-cdeacf.png") no-repeat 0 -205px; bottom: 0; display: block; height: 21px; position: absolute; text-indent: -200000px; width: 21px; right: 0; }
.panels-flexible-region-13-en_vedette .plusplus a:hover { background: url("../images/sprite-cdeacf.png") no-repeat -21px -205px; }
.panels-flexible-region-13-en_vedette .pane-en-vedette-panel-pane-2 { margin-bottom: 0; }
.panels-flexible-region-13-en_vedette .pane-en-vedette-panel-pane-2 .views-row-1 { height: 110px; background-color: #768692; padding: 25px; position: relative; }
.panels-flexible-region-13-en_vedette .pane-en-vedette-panel-pane-2 .views-row-2 { height: 110px; background-color: #253746; padding: 25px; position: relative; }
.panels-flexible-region-13-en_vedette .pane-en-vedette-panel-pane-2 .views-field-title a { color: #fff; font-size: 17px; /*    font-size: 15px; */ line-height: 20px; font-weight: bold; }

/* ============================================================================= Front page nouveautés ========================================================================== */
.panels-flexible-row-13-main-row { background: url("../images/divider-bloc.png") no-repeat bottom center rgba(0, 0, 0, 0); }
.panels-flexible-row-13-main-row .panel-pane.pane-views { display: inline-block; vertical-align: top; margin: 12px 10px; width: 213px; }
.panels-flexible-row-13-main-row .panel-pane.pane-views .view { margin: 10px 20px 10px 0; }
.panels-flexible-row-13-main-row .panel-pane.pane-custom { clear: both; }
.panels-flexible-row-13-main-row .panel-pane.pane-views .block-inner { margin: 0; }
.panels-flexible-row-13-main-row .panel-pane.pane-views .view-display-id-block_coup_coeur .view-content { background: url("../images/h-coup-coeur.png") no-repeat scroll center top rgba(0, 0, 0, 0); margin: -40px 0 0; padding: 43px 12px 0; }
.panels-flexible-row-13-main-row .panel-pane.pane-views .view-display-id-block_coup_coeur { padding: 15px 0px; background-color: #dde1e4; margin: 0; }

.panel-pane.buttons li { list-style: none; }

.panel-pane.buttons ul { margin: 0; padding: 0; }

a.plus, .panel-pane.buttons a.feed-icon, .buttons li a { background-color: #f9fbfc; color: #253746; padding: 7px 10px; border: 1px dotted lightgrey; display: inline-block; width: 278px; font-weight: bold; font-size: 0.95em; }

.buttons li a.soumettre, a.plus { padding: 0 10px 2px; width: 298px; }

.panels-flexible-row-13-3-inside .buttons li a.soumettre { width: 258px; }

.panel-pane.buttons a.feed-icon { width: 298px; }

.buttons a.feed-icon img { padding-right: 10px; }

a.plus:before, .buttons li a.soumettre:before { content: "+"; display: inline-block; font-size: 20px; margin-right: 9px; vertical-align: calc(-7%); }

a.plus:hover, .panel-pane.buttons a.feed-icon:hover, .buttons li a:hover { text-decoration: none; background-color: #253746; color: #fff; }

a.voir { font-weight: bold; font-size: 90%; }

a.voir:after { content: ">>"; margin-left: 5px; }

.buttons li a.chercher { background: url("../images/loupe-sprite.png") no-repeat 8px 9px #f9fbfc; padding-left: 30px; }

.buttons li a.chercher:hover { background: url("../images/loupe-sprite.png") no-repeat 8px -20px #253746; }

.buttons li a.ical-link { background-image: url("/sites/all/themes/cdeacf/ical16x16.gif"); background-position: 7px 55%; background-repeat: no-repeat; }

.panels-flexible-row-13-main-row h2.pane-title, .panels-flexible-row-13-2 h2.pane-title { float: left; }

.panels-flexible-row-13-main-row a.voir, .panels-flexible-row-13-2 a.voir, .page-femmes a.voir, .page-ace a.voir, .page-efa a.voir, .page-compas a.voir, .page-acc a.voir, .page-actualites a.voir { float: left; margin-left: 20px; padding: 22px 0 5px 20px; background: url("../images/divider-h.png") no-repeat bottom left rgba(0, 0, 0, 0); }
.panels-flexible-row-13-main-row .more-link, .panels-flexible-row-13-2 .more-link, .page-femmes .more-link, .page-ace .more-link, .page-efa .more-link, .page-compas .more-link, .page-acc .more-link, .page-actualites .more-link { margin-top: 15px; font-size: 88%; }

.not-front .view-nouveautes-collections .views-row { display: inline-block; vertical-align: top; margin: 12px 10px; width: 177px; }

.view-nouveautes-collections .views-field-title { font-weight: bold; }
.view-nouveautes-collections .views-field-field-kentika-titre-1 { color: #768692; font-weight: bold; margin-top: 12px; }
.view-nouveautes-collections .views-field-field-icone-theme, .view-nouveautes-collections .views-field-field-biblivir { display: inline-block; margin-right: 10px; }
.view-nouveautes-collections .views-field-field-icone-theme { margin-top: 5px; }
.view-nouveautes-collections .views-field-field-biblivir { padding: 0px 20px; text-transform: uppercase; background-color: #d9c756; font-size: 0.9em; vertical-align: super; }
.view-nouveautes-collections .views-field-field-cover img { box-shadow: 2px 2px 6px 0 #D3D3D3; -moz-box-shadow: 2px 2px 6px 0 #D3D3D3; -webkit-box-shadow: 2px 2px 6px 0 #D3D3D3; -o-box-shadow: 2px 2px 6px 0 #D3D3D3; margin-bottom: 15px; }

/* ============================================================================= Front page actualités ========================================================================== */
#content .panels-flexible-row-13-2 { float: left; margin-right: 28px; }

.view-actualites { margin-bottom: 20px; }
.view-actualites .views-field-created, .view-actualites .views-field-field-icone-theme { float: left; margin-right: 10px; text-transform: lowercase; }
.view-actualites .views-field-field-icone-theme { /*float: none !important;*/ }
.view-actualites .views-field-field-image-resume { float: left; width: 320px; padding-bottom: 15px; }
.view-actualites .views-field-field-image-resume img { float: left; margin: 0 20px 0 0; }

.actu-vedette .views-field-title { /*  font-size: 16px; */ }

.voirActu { /* margin-top: -40px; */ padding-right: 8px; float: right; }

.TitreActu { margin-bottom: 10px; display: block; }

.voirActu a.voir { background: none; }

#content .panels-flexible-row-13-2 .pane-actualites, .not-front .view-actualites .views-row { border-bottom: 1px dotted #D3D3D3; margin-bottom: 9px; padding-bottom: 6px; }

.page-actualites .view-actualites .views-row { border: none; }

.page-actualites .pane-actualites { border-bottom: 1px dotted #D3D3D3; margin-bottom: 24px; }

.panels-flexible-row-13-3 { float: left; width: 300px; clear: right; }
.panels-flexible-row-13-3 .views-row { border-bottom: 1px dotted #D3D3D3; margin-bottom: 10px; padding-bottom: 10px; }

.pane-calendar .views-row, .view-offres-demploi .views-row { border-bottom: 1px dotted #D3D3D3; margin-bottom: 10px; padding-bottom: 10px; }

#block-views-calendar-block-5 .views-row { border: 1px dotted #D3D3D3; margin-bottom: 10px; padding: 10px; background: #FFC; }
#block-views-calendar-block-5 .views-row a { font-size: 1.2em; }

.panels-flexible-row-13-4 { background: url("../images/divider-bloc.png") no-repeat bottom center rgba(0, 0, 0, 0); float: left; clear: both; width: 100%; margin-top: 30px; }

.panels-flexible-row-13-5 { float: left; clear: both; background: url("../images/divider-bloc.png") no-repeat bottom center rgba(0, 0, 0, 0); }
.panels-flexible-row-13-5 .pane-9 { width: 298px; height: 187px; float: left; background: url("../images/sprite-cdeacf.png") no-repeat 0 -703px; }
.panels-flexible-row-13-5 .pane-8 { height: 187px; float: left; margin-right: 30px; background: url("../images/sprite-cdeacf.png") no-repeat 0 -516px; }
.panels-flexible-row-13-5 .invisible-link img { height: 187px; }
.panels-flexible-row-13-5 .panel-separator { display: none; }

.panels-flexible-row-13-6 { float: left; }

.pane-cdeacf-misc-cdeacf-misc-homepage-search { float: left; width: 100%; }

.pane-cdeacf-misc-cdeacf-misc-homepage-search .block-inner { margin: 0; }

#homepage-search #edit-site-wrapper { float: left; width: 270px; }

#homepage-search #edit-site-wrapper input { float: left; margin: 3px 15px; clear: left; }

#homepage-search #edit-s-wrapper { float: left; }

#homepage-search label { font-weight: normal; }

#homepage-search #edit-s-wrapper input { border: 1px solid #253746; -moz-box-shadow: inset 0 0 2px 2px lightgrey; -webkit-box-shadow: inset 0 0 2px 2px lightgrey; box-shadow: inset 0 0 2px 2px lightgrey; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; height: 35px; background: url("../images/loupe_grise.png") no-repeat 98% center; }

/* ============================================================================= Front page Services ========================================================================== */
.panels-flexible-region-13-test .pane-10 .ServicesContent { float: left; }
.panels-flexible-region-13-test .pane-10 .ServicesContent a { display: block; height: 160px; text-indent: -20000px; width: 236px; }
.panels-flexible-region-13-test .pane-10 .ServicesContent a.Img-link { display: none; }
.panels-flexible-region-13-test .pane-10 .block-inner { margin: 0; }
.panels-flexible-region-13-test .ServicesContentTrouver a { background: url("../images/sprite-cdeacf.png") no-repeat 0 -907px; }
.panels-flexible-region-13-test .ServicesContentFormation a { background: url("../images/sprite-cdeacf.png") no-repeat -236px -907px; }
.panels-flexible-region-13-test .ServicesContentMinibib a { background: url("../images/sprite-cdeacf.png") no-repeat -472px -907px; }
.panels-flexible-region-13-test .ServicesContentTrousses a { background: url("../images/sprite-cdeacf.png") no-repeat -708px -907px; }
.panels-flexible-region-13-test .ServicesContentTrouver a:hover { background: url("../images/sprite-cdeacf.png") no-repeat 0 -1067px; }
.panels-flexible-region-13-test .ServicesContentFormation a:hover { background: url("../images/sprite-cdeacf.png") no-repeat -236px -1067px; }
.panels-flexible-region-13-test .ServicesContentMinibib a:hover { background: url("../images/sprite-cdeacf.png") no-repeat -472px -1067px; }
.panels-flexible-region-13-test .ServicesContentTrousses a:hover { background: url("../images/sprite-cdeacf.png") no-repeat -708px -1067px; }

/* ============================================================================= Thematiques page Services ========================================================================== */
.section-ace .pane-4 .ServicesContent, .section-efa .pane-4 .ServicesContent { float: left; }
.section-ace .pane-4 .ServicesContent a, .section-efa .pane-4 .ServicesContent a { display: block; height: 160px; text-indent: -20000px; }
.section-ace .pane-4 .ServicesContent a.Img-link, .section-efa .pane-4 .ServicesContent a.Img-link { display: none; }
.section-ace .pane-4 .block-inner, .section-efa .pane-4 .block-inner { margin: 0; }
.section-ace .ServicesContentTrouver a, .section-efa .ServicesContentTrouver a { background: url("../images/sprite-cdeacf.png") no-repeat 0 -907px; }
.section-ace .ServicesContentFormation a, .section-efa .ServicesContentFormation a { background: url("../images/sprite-cdeacf.png") no-repeat -253px -907px; width: 200px; }
.section-ace .ServicesContentMinibib a, .section-efa .ServicesContentMinibib a { background: url("../images/sprite-cdeacf.png") no-repeat -480px -907px; width: 220px; }
.section-ace .ServicesContentTrousses a, .section-efa .ServicesContentTrousses a { background: url("../images/sprite-cdeacf.png") no-repeat -727px -907px; width: 200px; }
.section-ace .ServicesContentTrouver a:hover, .section-efa .ServicesContentTrouver a:hover { background: url("../images/sprite-cdeacf.png") no-repeat 0 -1067px; }
.section-ace .ServicesContentFormation a:hover, .section-efa .ServicesContentFormation a:hover { background: url("../images/sprite-cdeacf.png") no-repeat -253px -1067px; }
.section-ace .ServicesContentMinibib a:hover, .section-efa .ServicesContentMinibib a:hover { background: url("../images/sprite-cdeacf.png") no-repeat -480px -1067px; }
.section-ace .ServicesContentTrousses a:hover, .section-efa .ServicesContentTrousses a:hover { background: url("../images/sprite-cdeacf.png") no-repeat -727px -1067px; }

.section-femmes .pane-4 .ServicesContent { float: left; }
.section-femmes .pane-4 .ServicesContent a { display: block; height: 160px; text-indent: -20000px; }
.section-femmes .pane-4 .ServicesContent2 { height: 160px; width: 200px; float: left; }
.section-femmes .pane-4 .ServicesContent2 a { display: block; padding-top: 55px; padding-bottom: 54px; font-size: 1.5em; text-align: center; color: #FFF; margin-top: 1px; }
.section-femmes .pane-4 .ServicesContent2 a .Engras { text-transform: uppercase; font-weight: bold; display: block; line-height: 1em; }
.section-femmes .pane-4 .ServicesContent2 a .EnNormal { font-weight: normal; }
.section-femmes .pane-4 .ServicesContent a.Img-link { display: none; }
.section-femmes .pane-4 .block-inner { margin: 0; }
.section-femmes .ServicesContentTrouver a { background: url("../images/sprite-cdeacf.png") no-repeat -20px -907px; width: 200px; }
.section-femmes .ServicesContentFormation a { background: url("../images/sprite-cdeacf.png") no-repeat -253px -907px; width: 200px; }
.section-femmes .ServicesContentDepot a { background: #768692; width: 200px; text-decoration: none; }
.section-femmes .ServicesContentTrouver a:hover { background: url("../images/sprite-cdeacf.png") no-repeat -20px -1067px; }
.section-femmes .ServicesContentFormation a:hover { background: url("../images/sprite-cdeacf.png") no-repeat -253px -1067px; }
.section-femmes .ServicesContentDepot a:hover { background: #667F92; }

/* ============================================================================= layout des régions intérieures ========================================================================== */
.panels-flexible-row-cdeacf_thematique_responsive-1 { background: url("../images/divider-bloc.png") no-repeat scroll center bottom; }

.page-acc .panels-flexible-row-cdeacf_thematique_responsive-1 { background: none; }

.panels-flexible-row-cdeacf_thematique_responsive-2 { float: left; }

.panels-flexible-row-cdeacf_thematique_responsive-3 { float: left; clear: right; }

.pane-calendar .pane-title, .panels-flexible-row-13-3 .pane-3 .pane-title { background: url("../images/sprite-cdeacf.png") no-repeat scroll -464px -323px; padding-left: 85px; min-height: 70px; }

.panels-flexible-row-13-3 .pane-3 { position: relative; }

.panels-flexible-row-13-3 .pane-3 .voir { margin-left: 85px; position: absolute; top: 34px; }

/*Blocks evenement dans les thematiques */
.BlockEven { background: url("../images/sprite-cdeacf.png") no-repeat scroll -464px -323px; padding-left: 85px; min-height: 70px; }
.BlockEven h2.pane-title { margin-bottom: 0px; }
.BlockEven a.voir { padding: 0px; margin: 0px; float: none; background: none; }

.BlockEmploi h2.pane-title { margin-bottom: 0px; }
.BlockEmploi a.voir { padding: 0px; margin: 0px; float: none; background: none; }

.region-sidebar-second .block-title, .region-sidebar-first .block-title, .panels-flexible-row-cdeacf_thematique_responsive-3 .pane-title { font-size: 18px; }

.view-offres-demploi .views-field-title, .pane-calendar .views-field-title { clear: both; }

/* ============================================================================= headers des pages thématiques,  page Femmes, ace, eda ========================================================================== */
.region-secondary-content .block { float: left; }

/*.bulletin.netfemmes*/
.page-femmes .panels-flexible-row-cdeacf_thematique_responsive-1 .pane-4 h2.pane-title, #banner-condition-femmes { color: #ca7b28; }

.section-femmes .region-secondary-content, .section-ace .region-secondary-content, .section-efa .region-secondary-content { border-top-style: solid; border-top-width: 4px; }

.section-femmes .region-secondary-content { border-top-color: #ca7b28; }

.section-ace .region-secondary-content { border-top-color: #C1232C; }

.section-efa .region-secondary-content { border-top-color: #005c7e; }

#aec.banner-title { color: #C1232C; }

#efa.banner-title a { color: #005c7e; }

#efa.bulletin h2 { color: #005c7e; }

#alpha.bulletin h2 { color: #C1232C; }

#femmes.bulletin h2 { color: #ca7b28; }

/* ============================================================================= Bulletins et section en vedette, région 1 ========================================================================== */
.bulletin h2.pane-title { border-bottom: 3px solid #395460; font-size: 1.8em; }

.pane-en-vedette-thematique-panel-femmes, .vedette { float: left; }

.page-femmes .panels-flexible-row-cdeacf_thematique_responsive-1 .pane-4, .bulletin { float: left; clear: right; }

.bulletins ul { list-style-type: none; }

.bulletin { background-position: 0 0; background-repeat: no-repeat; /*padding-left: 95px;*/ }

.bulletin.netfemmes { background-image: url("/sites/all/themes/cdeacf/images/cercle-condition-femmes.png"); }

.bulletin.netfemmes h2.pane-title { border-color: #395460; color: #E79B09; }

.bulletin.alpha { background-image: url("/sites/all/themes/cdeacf/images/bulletins/alpha.png"); }

.bulletin.alpha h2.pane-title { border-color: #EEB22E; color: #7B2226; }

.bulletin.educ { background-image: url("/sites/all/themes/cdeacf/images/bulletins/efa.png"); }

.bulletin.educ h2.pane-title { border-color: #3A5461; color: #4791AC; }

.bulletin.compas { background-image: url("/sites/all/themes/cdeacf/images/bulletins/compas.png"); }

.bulletin.compas h2.pane-title { border-color: #D42222; color: #5D6162; }

.texte-bulletin { font-style: italic; line-height: 1.2em; }

.bulletin form label, #views-exposed-form-solr-view-page-1 label { display: none; }

.bulletin form { margin: 0; }

input[type="text"] { border: 1px solid #3B535D; padding: 6px 23px; /*    width:200px; */ }

.section-femmes input[type="text"], .section-ace input[type="text"], .section-efa input[type="text"] { width: 200px; }

.bulletin form input { border: 1px solid #3B535D; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 5px 23px; text-align: center; }

.bulletin form input.processing { background: url("/sites/all/themes/cdeacf/images/play-blanc.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: #395460; border-image: none; border-style: none none solid; border-width: medium medium 3px; color: #3B535D; font-size: 1.2em; font-weight: bold; padding: 0 0 0.7em 2.5em; text-align: left; width: 100%; }

/* ============================================================================= Monde Alpha ========================================================================== */
.section-mondealpha #menu-bar #block-system-main-menu ul { margin-top: 18px; }

.page-mondealpha .panels-flexible-row-cdeacf_thematique_responsive-2 { width: auto; }

.content_article { line-height: 1.8em; }

.content_aside { line-height: 1.4em; }

.page-mondealpha #content .panels-flexible-row-cdeacf_thematique_responsive-3 { clear: both; width: auto; }

.view-Articles-Monde-alpha .views-field-nothing .clearfix a, .view-Articles-Monde-alpha .views-field-nothing .clearfix span, .view-Articles-Monde-alpha .views-field-nothing .clearfix p { margin-bottom: 13px; font-size: 1.1em; }

.page-mondealpha input[type="text"] { border: none; padding: 0; }

.page-mondealpha h1#page-title { display: none; }

/* ============================================================================= copié de structure.css pour la section Monde Alpha ========================================================================== */
/*** Onglet de navigation ***/
#navigation { background: #ededed; border-bottom: 1px solid #bcbcbc; color: #676767; float: left; font-family: 'Lato', Arial, sans-serif; font-size: 15px; font-weight: normal; margin-bottom: 56px; width: 100%; }

#navigation a { color: #676767; }

#navigation a.navigation_selection { color: #e24f16; font-weight: bold; }

#navigation a:hover { color: #e24f16; }

#navigation_1 { border-right: 1px solid #bcbcbc; float: left; height: 31px; line-height: 29px; padding-left: 48px; width: 200px; }

#navigation_2 { border-right: 1px solid #bcbcbc; float: left; height: 31px; line-height: 29px; padding-left: 15px; width: 210px; }

#navigation_3 { float: left; height: 31px; line-height: 29px; padding-left: 25px; width: 230px; }

/* ============================================================================= Footer ========================================================================== */
#footer { background-color: #253746; }
#footer .region-inner { color: #fff; padding: 25px 0; }
#footer .region-inner .block { padding: 0px 20px; }
#footer .block-content a { color: #fff; }

#footer-info, #footer-logo, #footer-image, #footer-sociaux { float: left; margin-top: 23px; }

#footer-logo { width: 232px; height: 103px; background: url("../images/sprite-cdeacf.png") no-repeat -300px -87px; text-indent: -20000px; }

#footer-image { background: url("../images/sprite-cdeacf.png") no-repeat -624px -37px; width: 120px; height: 165px; text-indent: -20000px; }

#footer-info { float: left; }

#footer-info ul { margin: 0; list-style: none; }

#footer-info ul li { border-bottom: 1px solid #768692; font-size: 0.95em; padding: 3px 0; width: 185px; }

#footer-info ul li:first-child { border-top: 1px solid #768692; }

#footer #footer-sociaux { margin-right: 0; }

#footer #footer-sociaux a { font-size: 0.95em; }

#footer-sociaux-left, #footer-sociaux-right { float: left; }

#footer-sociaux-right { margin-left: 35px; }

#footer-sociaux .icone { display: inline-block; height: 25px; margin: 7px 8px 0 0; vertical-align: bottom; width: 24px; }

#footer-Bulletin .icone { background: url("../images/sprite-cdeacf.png") no-repeat 0 -50px; }

#footer-Facebook .icone { background: url("../images/sprite-cdeacf.png") no-repeat 0 -50px; }

#footer-Twitt .icone { background: url("../images/sprite-cdeacf.png") no-repeat -24px -50px; }

#footer-Rss .icone { background: url("../images/sprite-cdeacf.png") no-repeat -72px -50px; }

#footer-Pinter .icone { background: url("../images/sprite-cdeacf.png") no-repeat -96px -50px; }

#footer-Youtube .icone { background: url("../images/sprite-cdeacf.png") no-repeat -48px -50px; }

.footer-bottom .region-inner { padding: 30px 0; }

#footer-bottom { padding: 0 30px; }

#footer-bottom div { float: left; margin-top: 12px; }

#footer-quebec-image { background: url("../images/QUEBw3.png"); width: 200px; height: 60px; }

#footer-quebec-text { width: 327px; margin-left: 25px; margin-right: 92px; }

.footer-logo-quebec { background: url("../images/sprite-cdeacf.png") no-repeat -984px -34px; width: 124px; height: 37px; margin-right: 92px; }

.Footer-Drupal { width: 182px; }

#footer-quebec-text, .Footer-Drupal { font-size: 0.9em; color: #768692; }

/* ============================================================================= Flexible Media and Cross browser improvements ========================================================================== */
/* - This can cause issues in table cells where no width is set on the column, only in some versions of webkit and IE 7/8. - declaring the width attribute on image elements and using max-width causes the "dissappering images" bug in IE8. - Mapping services such as Google Maps may break also, see below for fixes. */
img { height: auto; -ms-interpolation-mode: bicubic; }

/* Ethan Marcotte - http://front.ie/l8rJaA */
img, embed, object, video { max-width: 100%; }

/* Disable flexiblity for IE8 and below */
.lt-ie9 img, .lt-ie9 object, .lt-ie9 embed, .lt-ie9 video { max-width: none; }

/* Override max-width 100% for map displays */
#map img, .gmap img, .view-gmap img, .openlayers-map img, #getlocations_map_canvas img, #locationmap_map img, .geofieldMap img, .views_horizontal_slider img { max-width: none !important; }

/* ============================================================================= Misc helpers, Accessibility classes etc ========================================================================== */
/* Prevent overflowing content */
header[role=banner], .content-inner, .nav, .region-sidebar-first, .region-sidebar-second, .region-secondary-content, .region-tertiary-content, .region-footer { overflow: visible; word-wrap: break-word; }

/** General classes for hiding content. These are all included as SASS mixins. @SEE: sass/_custom.scss */
/** Image replacement Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement Additional helpers from http://html5boilerplate.com/docs/css/ */
.ir { /* Kellum Method */ display: block !important; text-indent: 100%; white-space: nowrap; overflow: hidden; /* Remove the default border from elements like button */ border: 0; /* Crush the text down to take up no space */ font: 0/0 a; /* Remove any text shadows */ text-shadow: none; /* Hide any residual text in Safari 4 and any mobile devices that may need it */ color: transparent; /* Hide the default background color on elements like button */ background-color: transparent; }

/* More robust element-invisible and element-focuable classes */
.element-invisible { border: 0; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus { clip: auto; height: auto; overflow: visible; position: static; width: auto; }

/* Shift content offscreen, can be usefull when you reall need to do this */
.offscreen { position: absolute; top: -99999em; width: 1px; height: 1px; overflow: hidden; outline: 0; }

/* Hide content from all users */
.element-hidden { display: none; }

h2.field-label { margin: 0; }

ul { list-style: disc outside none; }

.views-field-nid, .views-field-field-id { display: none; }

/* ====== DIVERS ===== */
.panels-flexible-row-13-2-inside .views-field-title a, .panels-flexible-row-13-3-inside .views-field-title a, #actualites-evenements .views-field-title a { font-weight: bold; }

.pane-calendar .view-display-id-block_3 { border-top: 1px dotted #D3D3D3; padding-top: 10px; }

.view-display-id-block_3 .date-display-single, .view-offres-demploi .date-display-single, .pane-calendar .date-display-single { text-transform: lowercase; }

.block .pane-cdeacf-misc-cdeacf-misc-homepage-search { margin-bottom: 0px; height: auto; }

.panels-flexible-13 .panel-separator { margin: 0px; }

#actualites-evenements .pane-actualites .actu-vedette .views-field-field-icone-theme { width: 35px; }

#actualites-evenements .soumettre-cdeacf a { width: 278px; }

#actualites-evenements .voirActu { margin: 0px; }

.field-name-field-social-widgets { margin-bottom: 15px; }

.printmail-wrapper { margin: 0px; height: 70px; }

.field-name-body { margin-top: 10px; }

/* Sidebar et recherche federee */
.region-sidebar-second input[type="text"] { width: 230px; }

.view-solr-view .item-list ul li { list-style-type: none; margin: 5px; border-top: 1px solid #CCC; clear: right; }

.section-recherches .sidebar ul, .section-recherches .sidebar li, .section-recherches .sidebar .leaf { list-style-type: none; list-style-image: none; }
.section-recherches .sidebar input { margin: 0.5em; }

.view-solr-view .views-field-title { font-size: 100%; font-weight: bold; }

.view-solr-view .views-field-field-image-resume, .view-solr-view .views-field-field-cover { float: right; margin: 15px 10px; }

/*Cacher aux anonymes */
.not-logged-in #field-colon-droite-values, .not-logged-in #edit-field-colon-droite-und-add-more, .not-logged-in .form-item-field-lien-de-redirection-und-0, .not-logged-in .field-name-field-date-published-form, .not-logged-in .field-name-field-contenu-enrichi-form, .not-logged-in .field-name-field-source-image-form, .not-logged-in .field-name-field-bulletin-form, .not-logged-in .group-bulletins, .not-logged-in .group-motcle-even, .not-logged-in .field-name-field-tagsactu-form { display: none; }

.crumb-title { color: #000; }

.views-field-field-source-image { font-size: 0.85em; }

/* section organisme */
#block-views-exp-organisme-liste { background-color: #FFF; }

.feed-icon { float: right; margin-right: 5px; }

.ActuH2theme { float: left; }

/*desactivation breadcrumb par content-type*/
.section-evenement #breadcrumb, .section-actualite #breadcrumb, .section-femmes #breadcrumb, .section-ace #breadcrumb, .section-efa #breadcrumb, .section-recherches #breadcrumb { display: none; }

.section-femmes #main-content a, .section-ace #main-content a, .section-efa #main-content a, .section-compas #main-content a, .page-node #main-content a { font-weight: bold; }

.section-recherches .views-exposed-widget { float: none; }
.section-recherches .views-exposed-widget .form-submit { margin: 0; }

/*block Soumettre evenements*/
.view-footer .buttons ul { list-style-type: none; padding: 0; }

.front .buttons li a.soumettre { width: 258px; }

.form-submit-themes input { margin: 3px; border-radius: 4px; }

.form-submit-themes input[type="submit"] { width: 248px; }

/*****les dossiers dans les thematiques*****/
/*femmes*/
.section-femmes .pane-dossiers h2.pane-title { border-radius: 0px 20px 0px 0px; background-color: rgba(202, 123, 40, 0.8); color: #FFF; display: inline-block; font-size: 1.2em; padding: 6px 38px 0px 15px; position: relative; margin: 0; border-bottom: none; /* pour manche des trousses 
	border-radius: 25px 25px 0px 0px;
	width: 90px;
	margin: auto;
	border: 8px solid rgba(202, 123, 40, 0.80);
	border-bottom: none;
*/ }
.section-femmes .pane-dossiers .view-dossiers { background-color: rgba(202, 123, 40, 0.8); padding: 10px; }
.section-femmes .pane-dossiers .view-dossiers a { color: #FFF; display: block; }

/*alpha*/
.section-ace .pane-dossiers h2.pane-title { border-radius: 0px 20px 0px 0px; background-color: rgba(193, 35, 44, 0.85); color: #FFF; display: inline-block; font-size: 1.2em; padding: 6px 38px 0px 15px; position: relative; margin: 0; border-bottom: none; }
.section-ace .pane-dossiers .view-dossiers { background-color: rgba(193, 35, 44, 0.85); padding: 10px; }
.section-ace .pane-dossiers .view-dossiers a { color: #FFF; display: block; }

/*EFA*/
.section-efa .pane-dossiers h2.pane-title { border-radius: 0px 20px 0px 0px; background-color: rgba(0, 92, 126, 0.85); color: #FFF; display: inline-block; font-size: 1.2em; padding: 6px 38px 0px 15px; position: relative; margin: 0; border-bottom: none; }
.section-efa .pane-dossiers .view-dossiers { background-color: rgba(0, 92, 126, 0.85); padding: 10px; }
.section-efa .pane-dossiers .view-dossiers a { color: #FFF; display: block; }

/**** les trousses virtuelles dans les thematique ****/
/*EFA*/
.section-efa .pane-troussesvirtuelles h2.pane-title-trousse { border-radius: 30px 30px 0px 0px; width: 70px; margin: 0 auto; border: 10px solid rgba(0, 92, 126, 0.85); font-size: 0.8em; text-align: center; border-bottom: none; font-weight: bold; background-color: #FFF; }
.section-efa .pane-troussesvirtuelles .view-troussesvirtuelles { background-color: rgba(0, 92, 126, 0.85); }
.section-efa .pane-troussesvirtuelles .view-troussesvirtuelles a { color: #FFF; display: block; }
.section-efa .pane-troussesvirtuelles .view-troussesvirtuelles .view-header { background-color: #FFF; }
.section-efa .pane-troussesvirtuelles .view-troussesvirtuelles .view-content { padding: 15px 10px 0px 10px; }
.section-efa .pane-troussesvirtuelles .view-troussesvirtuelles .more-link { padding: 0px 10px 5px 0px; }

/*Alpha*/
.section-ace .pane-troussesvirtuelles h2.pane-title-trousse { border-radius: 30px 30px 0px 0px; width: 70px; margin: 0 auto; border: 10px solid rgba(193, 35, 44, 0.85); font-size: 0.8em; text-align: center; border-bottom: none; font-weight: bold; background-color: #FFF; }
.section-ace .pane-troussesvirtuelles .view-troussesvirtuelles { background-color: rgba(193, 35, 44, 0.85); }
.section-ace .pane-troussesvirtuelles .view-troussesvirtuelles a { color: #FFF; display: block; }
.section-ace .pane-troussesvirtuelles .view-troussesvirtuelles .view-header { background-color: #FFF; }
.section-ace .pane-troussesvirtuelles .view-troussesvirtuelles .view-content { padding: 15px 10px 0px 10px; }
.section-ace .pane-troussesvirtuelles .view-troussesvirtuelles .more-link { padding: 0px 10px 5px 0px; }

/*FEMMES*/
.section-femmes .pane-troussesvirtuelles h2.pane-title-trousse { border-radius: 30px 30px 0px 0px; width: 70px; margin: 0 auto; border: 10px solid rgba(202, 123, 40, 0.8); font-size: 0.8em; text-align: center; border-bottom: none; font-weight: bold; background-color: #FFF; }
.section-femmes .pane-troussesvirtuelles .view-troussesvirtuelles { background-color: rgba(202, 123, 40, 0.8); }
.section-femmes .pane-troussesvirtuelles .view-troussesvirtuelles a { color: #FFF; display: block; }
.section-femmes .pane-troussesvirtuelles .view-troussesvirtuelles .view-header { background-color: #FFF; }
.section-femmes .pane-troussesvirtuelles .view-troussesvirtuelles .view-content { padding: 15px 10px 0px 10px; }
.section-femmes .pane-troussesvirtuelles .view-troussesvirtuelles .more-link { padding: 0px 10px 5px 0px; }

/* Affichage des views page pour les trousses virtuelles */
.page-troussesvirtuelles .view-troussesvirtuelles .views-field-field-image-resume { float: left; padding: 10px 0px; }
.page-troussesvirtuelles .view-troussesvirtuelles .views-row { clear: left; border-top: 1px solid #DDD; }
.page-troussesvirtuelles .view-troussesvirtuelles .views-field-title { padding-top: 10px; font-size: 1.2em; font-weight: bold; margin-left: 120px; }
.page-troussesvirtuelles .view-troussesvirtuelles .views-field-field-resume { margin-left: 120px; }

/* Contenu trousse virtuelle node */
.node-trousses-virtuelles .field-name-field-lien-au-catalogue { float: right; margin-right: 50px; padding-bottom: 15px; }
.node-trousses-virtuelles .field-name-field-lien-au-catalogue a { font-size: 1.2em; }
.node-trousses-virtuelles .field-name-taxonomy-vocabulary-5 { clear: right; }

/*view des voeux 30e et views election2015*/
.view-voeux30e .views-row, .view-elections2015 .views-row { border-bottom: 1px solid #E5D65F; margin: 5px 0px 15px; padding-bottom: 15px; }

.view-voeux30e .views-field-value-1, .view-voeux30e .view-voeux30e .views-field-value-2, .view-elections2015 .views-field-value-1, .view-elections2015 .view-voeux30e .views-field-value-2 { font-weight: bold; color: #B8222E; }

/* Fix pour wrapper le code html dans ckeditor */
.cke_source { white-space: pre-wrap !important; }

/*pour les youtube */
.youtube { background-position: center; background-repeat: no-repeat; position: relative; display: inline-block; overflow: hidden; transition: all 200ms ease-out; cursor: pointer; }

.youtube .play { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ +CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center; background-size: 64px 64px; position: absolute; height: 100%; width: 100%; opacity: .8; filter: alpha(opacity=80); transition: all 0.2s ease-out; }

.youtube .play:hover { opacity: 1; filter: alpha(opacity=100); }

/*ACC*/
.page-acc .panel-flexible .panels-flexible-row { margin-bottom: 0px; padding-bottom: 0px; }

.ImgACC { float: left; margin-right: 20px; }

.ActuACC { margin-top: 20px; }

/*themes*/
.page-acc .pane-1 { margin-top: 30px; }

.page-acc .ThemeACC { float: left; width: 200px; }

.page-acc .ThemeACC a { display: block; padding-top: 40px; padding-bottom: 40px; font-size: 1.5em; text-align: center; color: #FFF; text-decoration: none; font-weight: bold; text-transform: uppercase; height: 62px; }

.ThemeACCApproche a { background: #7C2529; width: 200px; text-decoration: none; }

.ThemeACCRecherche a { background: #768692; width: 200px; }

.ThemeACCMinorite a { background: #253746; width: 200px; }

.ThemeACCApproche a:hover { background: #6f1e21; }

.ThemeACCRecherche a:hover { background: #717e87; }

.ThemeACCMinorite a:hover { background: #172531; }

/*COMPAS*/
.section-compas .rapport-titre { margin-bottom: 10px; }

.section-compas .view-projets-en-cours .views-field-title { margin-bottom: 10px; }