/**
 * Lusodev
 *
 * TEMPLATE : SCREEN
 *
 * www.lusodev.fr
**/

/******************************************/
/****************[ Screen ]****************/
/******************************************/

/********************** Columns */

/* All */
.col2-set, .col2-set-left, .col3-set { clear: both; }

/* Col2 */
.col2-set .col-1, .col2-set .col-2 { width: 48.5%; }
.col2-set .col-1 { float: left; }
.col2-set .col-2 { float: right; }

.col2-set-left .col-1, .col2-set-left .col-2 {}
.col2-set-left .col-1 { width: 38.5%; float: none; }
.col2-set-left .col-2 { width: 60%; float: none; }

/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float: left; width: 31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right: 3%; }


/********************** Elements */

/* Sructure */
.header { width: 980px; height: 54px; margin: 0 auto; background: url(../images/header/header.jpg) left top no-repeat #FFF; }
.header-container { disblay: block; clear: both; }

.middle { width: 980px; margin: 0 auto; background-color: #FFF; }
.middle-container { disblay: block; clear: both; }

.navigation { width: 980px; padding: 0; font-size: .9em; background: url(../images/middle/navigation/navigation.jpg) left top repeat-x; }
.navigation-container { disblay: block; clear: both; }

.footer { width: 960px; height: 30px; padding: 0 10px; margin: 0 auto; color: #FFF; font-size: .70em; line-height: 30px; font-weight: bold; background: url(../images/middle/navigation/navigation.jpg) left top repeat-x; }
.footer-container { disblay: block; clear: both; }

.col-left { float: left; }
.col-main { width: 670px; margin: 1em 0 0 20px; float: left; }
.col-right { width: 250px; margin: 1em 0 0 20px; font-size: .9em; float: right; }

.col-clearer { height: 80px; padding: 40px 300px 0 10px; font-size: .8em; line-height: 1.5em; color: #999; background: url(../images/middle/col-clearer/col-clearer.jpg) right center no-repeat; display: block; clear: both; }

/* Commun */
.arrow-red_bg-white { padding-left: 8px; background: url(../images/arrow-red_bg-white.gif) left center no-repeat; }


/********************** Elements in structure */

/* Header */
.header .logo { top: 7px; margin: 0 0 0 -29px; position: absolute; z-index: 999; }
.header .menubar { width: 300px; height: 24px; line-height: 24px; margin: 10px 10px 0 0; float: right; }
.header .menubar input { height: 14px; padding: 4px .3em; font-size: .7em; color: #999; border: 1px solid #D3D4D5; vertical-align: top; }

.header .menubar #cse { width: 300px; position: absolute; z-index: 1; }
.header .menubar #cse .gsc-control-cse .gsc-search-box .gsc-search-box .gsc-input input { width: 95%; background-image: none !important; }
.header .menubar #cse .gsc-control-cse .gsc-search-box .gsc-search-box .gsc-search-button input { width: auto; height: auto; padding: 4px .3em; cursor: pointer; color: #FFF; background-color: #A82320; }
.header .menubar #cse .gsc-control-cse .gsc-search-box .gsc-branding { display: none; }
.header .menubar #cse .gsc-control-cse .gsc-tabsArea .gsc-tabhActive, .header .menubar #cse .gsc-control-cse .gsc-wrapper .gsc-resultsbox-visible { padding: 0 10px; border: 2px solid #A82320; border-width: 0 2px; background-color: #FFF; opacity: .95; }
.header .menubar #cse .gsc-control-cse .gsc-tabsArea .gsc-tabhActive { padding-top: 5px; border-top-width: 2px; }
.header .menubar #cse .gsc-control-cse .gsc-wrapper .gsc-resultsbox-visible { border-bottom-width: 2px; }
.header .menubar #cse .gsc-control-cse .gsc-tabsArea .gsc-tabHeader { margin: 0; font-weight: bold; display: block; cursor: default; }
.header .menubar #cse .gsc-control-cse .gsc-wrapper .gsc-resultsbox-visible .gsc-resultsRoot { padding-top: 10px; font-size: .9em; line-height: 1.3em; }
.header .menubar #cse .gsc-control-cse .gsc-wrapper .gsc-resultsbox-visible .gsc-resultsRoot .gsc-resultsHeader { padding: 0; margin: 5px 0; display: none; }
.header .menubar #cse .gsc-control-cse .gsc-wrapper .gsc-resultsbox-visible .gsc-resultsRoot .gsc-webResult .gs-visibleUrl { font-size: .85em; }
.header .menubar #cse .gsc-control-cse .gsc-wrapper .gsc-resultsbox-visible .gsc-resultsRoot .gsc-cursor-box { margin: 1.3em 0; }

/* Middle */
.col-right .callout { width: 240px; padding: 0 10px 21px 0; background: url(../images/middle/col-right/callout/background.jpg) right bottom no-repeat; }
.col-right .blocks-wrapper { width: 240px; padding-right: 10px; }
.col-right .blocks-wrapper .block { width: 240px; margin-top: 3em; }
.col-right .blocks-wrapper .block .block-title { margin-bottom: 1em; }
.col-right .blocks-wrapper .block .block-content {}
.col-right .blocks-wrapper .block .block-content dl dt { padding: 1px 10px 0 10px; background-position: left bottom; background-repeat: no-repeat; }
.col-right .blocks-wrapper .block .block-content dl dd { padding: 0 10px; font-size: .9em; color: #4E5458; }
.col-right .blocks-wrapper .block .block-content dl dd p { margin: 0 0 .5em 0 !important; }
.col-right .blocks-wrapper .block .block-bottom { clear: both; }

.col-right .blocks-wrapper .block.actualite-infos {}
.col-right .blocks-wrapper .block.actualite-infos .block-content dl dt { padding: 1px 10px 10px 10px; margin: 0 0 .3em 0; line-height: 20px; background-image: url(../images/middle/col-right/blocks-wrapper/block_actualite-infos/block-content_dl_dt.gif); }
.col-right .blocks-wrapper .block.actualite-infos .block-content dl dd { margin-bottom: 2em; line-height: 1.5em; }

.col-right .blocks-wrapper .block.agenda-dates { margin-top: 0 !important; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar {}
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set {}
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set .calendar-1,
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set .calendar-2,
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set .calendar-3 { width: 72px; float: left; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set .calendar-2 { margin: 0 12px; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set dl { text-align: center; padding-bottom: 10px; background: url(../images/middle/col-right/blocks-wrapper/block_agenda-dates/block-content_mini-calendar/dl.jpg) left bottom no-repeat; cursor: pointer; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set dl dt { padding: 0; margin-bottom: 5px; font-size: .6em; letter-spacing: .1em; line-height: 2em; text-transform: uppercase; white-space: nowrap; font-weight: bold; color: #FFF; border-bottom: 2px solid #8D8E8F; background-color: #A82320; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set dl dd .date-day { color: #FFF; font-size: 3.5em; line-height: 1em; font-weight: bold; display: block; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set dl dd .date-month { color: #FFF; font-size: 1.7em; line-height: 1em; display: block; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set dl dd.details.visible { visibility: visible; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set dl dd.details { width: 240px; padding: 0; margin-top: 2px; line-height: 1.4em; font-weight: bold; text-align: left; background: url(../images/middle/col-right/blocks-wrapper/block_agenda-dates/block-content_mini-calendar/calendar1_dl_dd-details.gif) left top repeat-y; float: left; visibility: hidden; _position: absolute !important; _display: hidden !important; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set .calendar-1 dl dd.details { margin-left: 0; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set .calendar-2 dl dd.details { margin-left: -84px; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set .calendar-3 dl dd.details { margin-left: -168px; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set dl dd.details .top-details { width: 240px; }
.col-right .blocks-wrapper .block.agenda-dates .block-content .mini-calendar .calendar3-set dl dd.details .content-details { width: 220px; padding: 0 10px 0 10px; }

.col-right .blocks-wrapper .block.newsletters {}
.col-right .blocks-wrapper .block.newsletters form input { width: 150px; /*height: 22px; padding: 0 .3em;*/ height: 14px; padding: 4px .3em; font-size: .8em; color: #999; border: 1px solid #D3D4D5; vertical-align: top; }
.col-right .blocks-wrapper .block.newsletters form .validate { cursor: pointer; }

.col-right .blocks-wrapper .block.partenaires { margin-top: 50px; }


/* Footer */
.footer a { padding: .2em .4em; margin: 0 .1em; color: #FFF; text-transform: uppercase; text-decoration: none; background-color: #A82320; }


/********************** Specific pages */

/* Vie Régionale */
.block-page_vieregionale {}
.block-page_vieregionale .map-france {}
.block-page_vieregionale .box-details { width: 420px; height: 316px; margin: 20px 0 0 350px; display: none; position: absolute; z-index: 1; }
.block-page_vieregionale .box-details.active { display: block; }
.block-page_vieregionale .box-details .left-side { width: 40px; height: 316px; float: left; }
.block-page_vieregionale .box-details .content { width: 172px; height: 276px; padding: 20px 10px; background: url(../../../media/images/vieregionale/block-page_vieregionale/box-details_content.jpg) left top no-repeat; float: left; }
.block-page_vieregionale .box-details .content dl { height: 150px; }
.block-page_vieregionale .box-details .content dl.dl-bis { height: 90px; margin-top: 5px; }
.block-page_vieregionale .box-details .content dl dt { height: 40px; margin-bottom: 5px; color: #A82320; font-size: 1.15em; }
.block-page_vieregionale .box-details .content dl.dl-bis dt { display: none; }
.block-page_vieregionale .box-details .content dl dd {}
.block-page_vieregionale .box-details .content dl dd.manager-type, .block-page_vieregionale .box-details .content dl dd.manager-type-bis { font-size: .85em; font-weight: bold; color: #777; }
.block-page_vieregionale .box-details .content dl dd.manager, .block-page_vieregionale .box-details .content dl dd.manager-bis { font-weight: bold; }
.block-page_vieregionale .box-details .content dl dd.address, .block-page_vieregionale .box-details .content dl dd.address-bis { font-size: .85em; line-height: 1.5em; }
.block-page_vieregionale .box-details .datas { width: 174px; height: 316px; color: #FFF; font-size: .95em; font-weight: bold; background: url(../../../media/images/vieregionale/block-page_vieregionale/box-details_datas.jpg) left top no-repeat; float: left; }
.block-page_vieregionale .box-details .datas dl { height: 80px; padding-top: 90px; line-height: 1.3em; text-shadow: 2px 2px 0 #333; }
.block-page_vieregionale .box-details .datas dl.dl-bis { height: 100px; padding-top: 0; margin-top: 5px; }
.block-page_vieregionale .box-details .datas dl dt { padding: 0 0 0 30px; margin-bottom: 0.2em; font-size: 1.1em; color: #F2EAAE; background: url(../../../media/images/vieregionale/block-page_vieregionale/box-details_datas_dl_dt.gif) 7px center no-repeat; }
.block-page_vieregionale .box-details .datas dl dd { padding: 0 0 0 30px; }
.block-page_vieregionale .box-details .datas dl dd label { color: #C5C5C5; }
.block-page_vieregionale .box-details .datas dl dd a { color: #F2EAAE; text-decoration: none; }
.block-page_vieregionale .box-details .right-side { width: 14px; height: 316px; float: left; }