/*-----------------------------------------------------------------------------
  [CSS - layout.css]

  Feuille de style du layout

    Header
        Nav
    Subnav
    Breadcrumb
    Content
    Sidebar
    Footer
    datepicker.css
    squeezebox.css
    Contributions
-----------------------------------------------------------------------------*/

/* Header */

#header {
    overflow:hidden;
    margin-bottom:10px;
}

#logo {
    display:block;
    float:left;
    height:93px;
    margin: 0 0 0 29px;
    overflow:hidden;
    text-indent:-10000px;
}

    #logo img {
        display:block;
    }

#adherer {
    display:none;
}

/* Nav */

#nav {
    clear:both;
    display:block;
    height:36px;
    line-height:36px;
    margin:0;
    padding:0;
    text-align:center;
    text-transform:uppercase;
    width:100%;
}

    #nav li {
        display:block;
        float:left;
        margin:0;
        width:171px;
    }
    
        #nav a {
            display:block;
            height:36px;
            text-decoration:none;
        }

        #nav a span {
            font-size: 13px;
        }
        
    #nav #nav-home,
    #nav #nav-aide,
    #nav #nav-flux-rss {
        width:auto;
    }

    #nav #nav-aide,
    #nav #nav-flux-rss {
        float: right;
    }
    
    #nav-home span,
    #nav-aide span,
    #nav-flux-rss span {
        display:none;
    }

        #nav #nav-home a {
            width: 36px;
        }
        
        #nav #nav-aide a {
            width:24px;
        }
        
        #nav #nav-flux-rss a {
            height:22px;
            margin:7px;
            overflow:hidden;
            width:22px;
        }

/* Subnav */
        
#subnav {
    margin:4px 4px 4px 50px;
    text-transform:uppercase;
}

    #subnav li {
        display: block;
        float: left;
        }

        #subnav li a {
            display:block;
            padding:0 15px;
        }
        
        #subnav li:first-child a {
            border:0 none;
            padding-left:0;
        }

        #subnav li a:hover {
            text-decoration: none;
        }
        
            #subnav li a span {
                font-size:11px;
            }

/* Breadcrumb */

.breadcrumb {
    clear:both;
    display:block;
    float:left;
    font-family:Georgia,Arial,Helvetica,serif;
    margin:0 0 10px 36px;
    padding:2px 10px;
    white-space:nowrap;
    width:auto;
}

    .breadcrumb li {
        display:inline;
        white-space:nowrap;
    }

    .breadcrumb li a, .breadcrumb li span {
        font-size:11px;
        letter-spacing:-1px;
    }



/* Content */
    
#container,
.footerElement {
    clear:both;
    margin:0 auto;
    width:980px;
}

.footerInline {
    margin:0 auto;
    width:980px;
}

#content {
    clear:both;
    float:none;
    margin-top:15px;
    min-height:500px;
    /*min height ie6*/
    height:auto !important;
    height:500px;
}

    .section {
        float:left;
        padding:0 15px 0 35px;
        position: relative;
        width:666px;
    }

    .sectionElement {
        clear:both;
        float:left;
        margin:10px 0;
        width: 100%;
    }

/* Sidebar */

#sidebar {
    float:right;
    padding:0 5px;
    width:250px;
}

    .sidebarElement {
        margin:10px 15px;
		overflow: hidden;
    }

    #sidebar ul,
    #sidebar ol {
        margin:5px 0;
    }
 
/* Footer */
    
#footer {
    clear:both;
    height:128px;
    margin-top:10px;
    width:100%;
}

#links {
    display:block;
    text-align:center;
}

    #links li {
        display:inline;
    }
    
        #links a {
            font-size:11px;
            text-decoration:none;
        }

        #links a:active,
        #links a:focus,
        #links a:hover {
            text-decoration:underline;
        }

    #links .anchor {
        float: right;
    }
    
    #powered-by {
        display:block;
        float:right;    
        margin-top:20px;
        overflow:hidden;
    }
    
    #powered-by.small {
        height:32px;
        text-indent:-10000px;
        width:54px;
    }

/* block edito */
.edito {
    margin-top:-15px;
}

    .edito .edito_content {
        padding:15px 15px 10px;
    }
    .closed_edito .edito_content {
        display:none;
    }

        .edito h4 {
            font-size: 18px;
            font-weight: bold;
        }
        
        .edito h4,
        .edito .shadow img {
            margin-top:0;
        }

    .edito .close_edito {
        clear:both;
    }
        .edito .close_edito a {
            float:right;
            margin:5px;
            line-height:13px;
        }

            .edito .close_edito a span {
                font-size:11px;
                font-style:italic;
                float:left;
            }

            .edito .close_edito .open {
                display:none;
            }

            .closed_edito .close_edito .open {
                display:inline;
            }

            .closed_edito .close_edito .close {
                display:none;
            }

            .edito .close_edito .close_arrow {
                overflow:hidden;
                margin-left:5px;
                display:block;
                float:right;
                height:13px;
                width:13px;
            }

        .edito .close_bottom {
            background:url("/assets/edito_bottom.png") repeat-x scroll 0 0;
            clear:both;
            height:8px;
            width:100%;
        }

/*-----------------------------------------------------------------------------
  [common.css]

  Feuille des styles commun

    Generique
    Framed date
    Datepicker
    Nb Items
    More
    Pagination
    Admin Actions
    Arrow
    Button
    Categories
    Bookmarks
    Tips
    Shadow
    Tooltip
    noresult
    top
    Boite de confirmation
    .replace

-----------------------------------------------------------------------------*/

/* Generique */

.block,
.element {
    clear:both;
    display: block;
    margin-bottom: 10px;
    overflow:hidden;
    width:100%;
}
.block {
    margin:0 0 15px;
}

.clear {
    clear: both;
}

.left,
.column {
    float:left;
}

.right {
    float:right;
}

.hide {
    display: none;
}

/* Framed date */

.framed_date {
    clear:both;
    display:block;
    float:left;
    font-family:Georgia,Arial,Helvetica,serif;
    height:59px;
    padding:0;
    position:relative;
    text-align:center;
    width:50px;
}

    .framed_date span {
        display:block;
        height:100%;
        left:0;
        position:absolute;
        top:0;
        width:100%;
    }

    .framed_date .day,
    .framed_date .month {
        font-size:26px;
        line-height:21px;
    }
    .framed_date .month {
        font-size:17px;
        line-height:65px;
    }
    .framed_date .year {
        font-size:10px;
        line-height:94px;
    }
        
/* Datepicker */

.datepicker {
    background:url("/assets/button_calendar.png") no-repeat scroll 0 0;
    display: block;
    overflow: hidden;
    text-indent: 14px;
    width: 14px;
    float:left;
    margin:4px;
}

/* Nb Items */
		
.nb_items {
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
}

    .nb_items .nb {
        display:block;
        margin-left:8px;
        padding:0 11px;
    }

/* More */

.more {
    clear:both;
    float:right;
    font-style:italic;
    white-space:nowrap;
}

.more:hover {
    font-style: italic;
    text-decoration: underline
}

/* Pagination */

.navigator {
    clear: both;
    float: left;
	list-style:none;
	margin:15px 0;
	width:100%;
}

/* Simple */

.simple a {
    display:block;
    padding:0 9px 0 18px;
    height:24px;
    line-height:24px;
    margin:10px 0;
}

    .simple a:hover {
        text-decoration: underline;
    }

.simple .next,
.simple .next a {
    float:right;
}

    .simple .next a {
        padding:0 18px 0 9px;
    }

.simple .prev,
.simple .prev a {
    float:left;
}

/* Google */

.navigator.google {
	clear: both;
	float:left;
}

.google li {
    display:inline-block;
	float: left;
	margin:5px 2px;
	padding:6px 10px;
	white-space:nowrap;
}

    .google a {
        display:inline;
		padding:1px;
	}

	.google span {
		padding: 1px;
	}
	
    .google .next span,
	.google .prev span {
        display:none;
		padding: 0 1px;
    }

/* Admin Actions */
    
.admin-actions, .admin-actions ul, .admin-actions ul li  {
    display: inline;
	line-height:20px;
}

    .admin-actions a.button {
        display:inline-block;
        float:none;
        font-size:11px;
        font-weight:bold;
        height:15px;
        overflow:hidden;
        padding:0;
        text-indent:-1000px;
        width:15px;
    }

    /* IE 
        .admin-actions a.button {
            display: block;
            float: right;
        }
    */
a.admin-actions {
    font-size: 11px;
    margin-left: 10px;
    text-transform:none;
}

a.admin-actions:hover {
    font-size: 11px;
    text-decoration: underline;
    text-transform:none;
}

.head {
    clear: both;
    display: block;
    margin: 0 0 10px;
}

.element .head {
    border: none;
    margin: 0;
}

.head h1,
.head h2,
.head h3,
.head h4,
.head h5 {
    display: inline;
}

.head h1 {
    border: none;
    padding: 2px 0;
}

/* Arrow */

.arrow,
.arrow-cancel {
    cursor:pointer;
    display:block;
    float:right;
    height:28px;
    overflow:hidden;
    padding:0 16px 0 0;
    text-decoration:none;
}

.arrow.right,
.arrow-cancel.right,
.button.right {
    float: right;
}
.arrow.left,
.arrow-cancel.left,
.button.left {
    float: left;
}

    .arrow span, .arrow input,
    .arrow-cancel span, .arrow-cancen input {
        border:none;
        cursor:pointer;
        display:block;
        height:28px;
        line-height:28px;
        padding:0 5px 0 11px;
        text-decoration:none;
        white-space:nowrap;
    }
    /*Chrome/Safari*/
    .arrow input,
    .arrow-cancel input {
        width: 100%;
    }
    /*IE
    .arrow input,
    .arrow-cancel input {
        width: auto;
    }*/

/* Button */

button, .button {
    border:0 none;
    cursor:pointer;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    line-height:25px;
    padding:5px 12px;
}

.buttonbox {
    border:none;
    cursor:pointer;
    display:block;
    height:28px;
    line-height:28px;
    margin:0;
    padding:0 6px 0 0;
}

    .buttonbox span, .buttonbox input {
        border:none;
        cursor:pointer;
        display: block;
        font-size:12px;
        padding:0 0 0 6px;
        white-space:nowrap;
    }
    
/* Catégories */

.categories {
    list-style-image:none;
    list-style-type:square;
}

    .categories li {
        margin:6px 0;
    }
    
        .categories li a {
            font-size:13px;
            font-weight:bold;
            padding:2px;
        }

/* Bookmarks */

a.bookmarks {
    display:block;
    float:right;
    height:15px;
    margin:3px 0;
    padding:0 0 0 11px;
}

/* Tips */

.tips {
    margin:10px 0;
    padding:10px;
    text-align:left;
}

    .tips p {
        margin: 0;
    }

/* Shadow */

.shadow {
    margin:0 0 10px;
}

/* Tooltip */

.tool-tip {
    max-width:250px;
    padding:10px;
    width:auto;
}

    .tip-text {
        font-style:italic;
    }

/* noresult */

.noresult {
    font-style:italic;
    text-align:center;
}

/* top */
body a.top {
    display:block;
    text-align:right;
    text-decoration:none;
}

    a#top,
    a.top span {
        padding-left:11px;
    }
    a#top {
        text-transform:uppercase;
    }

/* Boite de confirmation */
#customConfirmOverlay, #customAlertOverlay {
    opacity:0.7;
    filter:alpha(opacity=70);
}

#customConfirmBox, #customAlertBox {
    height:135px;
    text-align:center;
}

    #customConfirmBox .title, #customAlertBox .title{
        padding:13px;
        height:19px;
        font-size:17px;
        text-indent:20px;
    }

        #customConfirmBox .title .icon-confirm, #customAlertBox .title .icon-confirm {
            width:45px;
            height:28px;
            display:block;
            float:left;
        }

		#customAlertBox p {
			margin: 10px 0;
		}

    #customCloseButton{
        display:block;
        float:right;
        width:21px;
        height:21px;
        text-indent:100px;
        overflow:hidden;
    }

    #customButtonBox{
        margin:20px auto;
        padding:10px;
        width:70%;
    }

        #customButtonBox span {
            float:left;
        }

    #customAlertBox #customButtonBox {
        margin:auto;
    }

	#customButton.arrow.center {
		float: left;
		margin-left:90px;
	}


/* .replace */
    
    .input-default-value {
        left:5px;
    }

/* loading */
    .loading {
        background:url('/assets/loading.gif') no-repeat center center;
        margin:auto;
        width:100%;
        height:200px;
    }

/*-----------------------------------------------------------------------------
  [CSS - content.css]

  Feuille de style du contenu
  
  1. Titres, liens, images
  2. Puces
  3. Tableaux
  4. Paragraphes
  5. Quotes
  6. Arrow span
  7. Important
  8. Files

-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
  [1. Titres, liens, images]
*/

.content h2, .content h3, .content h4, .content h5{
    margin: 12px 0 12px;
}

.content img {
    margin: 10px 15px 10px 0;
}

.content .object-right img {
    margin: 5px 0 10px 15px;
}

.content a {
    text-decoration: underline;
    font-weight: bold;
}


/*-----------------------------------------------------------------------------
  [2. Puces]
*/

.content ul,
.content ol {
    margin:10px 0;
    padding-left:15px;
    list-style-position:inside;
}

.content ul {
    list-style-type:square;
}

.content ol {
    list-style-type:decimal;
}

    .content ul li,
    .content ol li {
        line-height:15px;
        font-size:12px;
        margin-bottom:5px;
    }
    
    .content ol li {
        margin-bottom:2px;
    }

/*-----------------------------------------------------------------------------
  [3. Tableaux]
*/

.content table {
    width:100%;
    margin:10px 0;
    clear: both;
}

    .content table td {
        vertical-align:middle;
        padding:10px 5px;
    }
    
        .content table td p,
        .content table td img {
            margin:0;
            padding:0;
        }
        
        .content td.text-right p {
            text-align:right;
        }

/*-----------------------------------------------------------------------------
  [4. Paragraphes]
*/

.content p {
    margin:5px 0;
    padding:0;
    line-height:19px;
    text-align:justify;
}

p.text-justify {
    text-align: justify;
}

p.text-left {
    text-align: left;
}

p.text-right {
    text-align: right;
}

p.text-center {
    text-align: center;
}

.object-left {
    float: left;
}

.object-right {
    float: right;
}

.object-center {
    margin: 0 auto;
    text-align: center;
}

/*-----------------------------------------------------------------------------
  [5. Quotes]
*/

.paragraph-couleur1,
.paragraph-couleur2{
    margin:10px 0;
    padding:0;
}
.paragraph-couleur3,
.paragraph-couleur4 {
    margin:0;
    padding:10px 20px;
}

blockquote {
    margin:10px 0;
    width: auto;
}

blockquote.quote {
    padding-top:10px;
    padding-left:35px;
}

blockquote .quote-content {
    padding-bottom:10px;
    padding-right:35px;
    width: auto;
}

/*-----------------------------------------------------------------------------
  [6. Arrow span]
*/

.content a.arrow {
	text-decoration: none;
}

    .content a.arrow span p {
    	line-height:28px;
    	padding: 0;
    }

/*-----------------------------------------------------------------------------
  [7. Important]
*/  

.content .important {
	margin-bottom: 20px;
	padding: 10px 13px 1px 13px;
}

/*-----------------------------------------------------------------------------
  [8. Files]
*/  

.file-type-icon {
    display:inline-block;
    padding-left:37px;
}

.file-type-small {
    padding-left:20px;
}

    .file-link {
        font-family:Arial;
        font-size:12px;
        font-weight:bold;
        text-decoration:underline;
    }

    .file-infos {
        font-size:12px;
    }

.file-type {
    margin: 5px 20px 10px 0;
}

/*-----------------------------------------------------------------------------
  [form.css]

  Feuille de style pour les formulaires
    Generique
    Select
    RadioButton
    CheckBox
  -----------------------------------------------------------------------------*/

/* Generique */

label:hover {
    cursor: pointer;
}

input[type=text], input[type=password] {
    height:22px;
    padding:0 4px;
    width:98.5%;
}

textarea {
    padding:4px;
    width:98.5%;
}

input.input_search, input.input_searching {
    float:left;
    font-size:13px;
    height:18px;
    padding:2px 4px;
    width:183px;
}
input.top_search {
    height:22px;
}

.button_search, .button_top_search {
    line-height: 28px;
    display:block;
    float:left;
    height:28px;
    margin:0;
    overflow:hidden;
    padding:0;
    text-indent:10000px;
    width:28px;
}

.button_search {
    height:24px;
    width:24px;
}

/* Selectbox */

select,
.select-box {
    line-height:22px;
    margin:0 5px 0 0;
}

select,
.select-box,
.select-box-options {
    border: 1px solid #C6C6C6;
}

.select-box {
    height:22px !important;
    cursor:default;
    display:block;
    float:left;
    padding:0;
    width:192px;
}

    .select-box a {
        display:block;
        font-size:13px;
        overflow:hidden;
        white-space:nowrap;
        padding:0 4px;
    }

    .select-box a:hover {
        text-decoration:none;
    }

    .select-box-options {
        list-style: none;
        position: absolute;
        overflow-y: auto;
        z-index: 690;
    }

        .select-box-options li {
            margin-bottom: 0;
            overflow: hidden;
            white-space: nowrap;
        }

            .select-box-options li.optgroup span {
                font-size: 105%;
                font-style: italic;
            }

            .select-box-options li span {
                display: block;
                padding: 2px 5px;
            }

        .select-box-options ul {
            margin:0;
            padding:0;
        }

        .optgroup {
            margin: 4px 0 0 !important;
        }
            .select-box-options-group li span {
                padding-left: 22px !important;
                width: auto;
            }

/* RadioButton */

.radioButton {
    background:url("/assets/radiobutton.png") no-repeat left top;
    cursor:pointer;
    height:16px;
    width:17px;
}

.uncheckedRadio {
    background-position:left bottom;
}


/* CheckBox */

.checked,
.unchecked {
    background:url(/assets/checkbox_on.png) no-repeat left center;
    display:block;
    height:17px;
    line-height:16px;
    padding:0 0 0 20px;

}

.unchecked {
    background-image:url(/assets/checkbox_off.png);
}


/*-----------------------------------------------------------------------------
  [typography.css]

  Feuille de style pour la typographie

        -> Couleurs:
    brown: #5D4F35
    blue: #203561
    darkgray: #616161
    gray: #A4A4A4
    lightgray: #C6C6C6
        d3d1c6
        b2a06e
    darkbronze: #857757
    bronze: #A59A6D
    lightbronze: #C9BB86;
    link: #2D4B83
    footer: #817654

    The font-size percentage is of 16px. (0.75 * 16px = 12px)
    
-----------------------------------------------------------------------------*/

/* Balises */

p {
    margin:0 0 1em;
}

a {
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
    cursor:pointer;
}

address {
    font-style:normal;
}

/* Heading */

h1, h1 a, h1 a:hover {
    clear:both;
    margin:0 0 13px 0;
    text-decoration:none;
    font-size:18px;
    line-height:28px;
}

h2, h2 a, h2 a:hover {
    clear:both;
    font-size:17px;
    line-height:20px;
    text-decoration:none;
}

h3, h4, h5 {
    font-size:12px;
    margin:12px 0;
    line-height:20px;
}

.sectionElement h2, .sectionElement h2 a, 
.sectionElement h1 a {
    font-size:18px;
    margin:0 0 13px;
}

.sidebarElement h2, .sidebarElement h2 a {
    margin: 5px 0;
}

.sidebarElement h3 {
    margin:6px 0;
}

/*-----------------------------------------------------------------------------
  [ezcomments.css]

  Feuille de style des commentaires

-----------------------------------------------------------------------------*/

.comments {
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0;
}

.comments h3 {
    font-size:18px;
}

.ezcom-function-title {
    clear: both;
}
.ezcom-add h3 {
    font-size:12px;
}

.ezcom-add label {
    color:#1E4392;
    font-size: 12px;
    font-weight: bold;
}

.ezcom-add .author_name {
    float: left;
}

.ezcom-add .author_email {
    float: right;
}

.ezcom-add #CommentName {
    width:150px;
}

.ezcom-add #CommentEmail {
    width: 200px;
}

.ezcom-field-content {
    clear: both;
}

.ezcom-field-content textarea {
    margin: 10px 0;
}

.ezcom-add label.validation-error {
    color: #B21820;
}

/*-----------------------------------------------------------------------------
  [CSS - datepicker.css]

  Feuille de style du datepicker

    1. Frame
    2. Header
    3. Body
    4. Time
    5. Days
    6. Months
    7. Years
    8. Global

-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
  [1. Frame]
*/

.datepicker_window {
    background: url(/assets/datepicker/frame.png) no-repeat;
    color: #000;
    position: absolute;
    font-size: 10px;
    font-family: Tahoma, sans-serif;
    line-height: normal;
    width: 193px;
    height: 161px;
    padding: 14px;
    z-index: 1000;
}

/*-----------------------------------------------------------------------------
  [2. Header]
*/

    .datepicker_window .header {
        position: relative;
        height: 15px;
        margin-bottom: 5px;
        padding-top: 1px;
    }

        .datepicker_window .header .title {
            text-align: center;
            margin: 0 18px 0 18px;
        }

        .datepicker_window .header .titleText {
            color:#FFF;
            font-size:12px;
        }

        .datepicker_window .header .previous,
        .datepicker_window .header .next,
        .datepicker_window .header .closeButton {
            background-image: url(/assets/datepicker/buttons.png);
            position: absolute;
            cursor: pointer;
            text-indent: -40px;
            overflow: hidden;
            width: 12px;
            height: 12px;
            top: 2px;
            background-position: left top;
            background-repeat: no-repeat;
        }

        .datepicker_window .header .previous {
            left: 4px;
        }
        .datepicker_window .header .previous:hover {
            background-position: left bottom;
        }
        .datepicker_window .header .next {
            right: 4px;
            background-position: -13px top;
        }
        .datepicker_window .header .next:hover {
            background-position: -13px bottom;
        }
        .datepicker_window .header .closeButton {
            display: none;
            right: 0px;
            top: 0px;
            background-position: right top;
        }
        .datepicker_window .header .closeButton:hover {
            background-position: right bottom;
        }

/*-----------------------------------------------------------------------------
  [3. Body]
*/

    .datepicker_window .body {
        position: relative;
        top: 5px;
        left: 11px;
        width: 168px;
        height: 112px;
        overflow: hidden;
    }

/*-----------------------------------------------------------------------------
  [4. Time]
*/

    .datepicker_window .time {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .datepicker_window .time .hour,
    .datepicker_window .time .separator,
    .datepicker_window .time .minutes {
        background: #FFF;
        border: 1px solid #ccc;
        width: 50px;
        font-size: 32px;
        position: absolute;
        top: 10px;
        text-align: center;
        padding: 2px;
    }

    .datepicker_window .time .hour {
        left: 15px;
    }
    .datepicker_window .time .separator {
        background: transparent;
        border: 0px;
        width: 10px;
        left: 76px;
    }

    .datepicker_window .time .minutes {
        left: 95px;
    }
    .datepicker_window .time .ok {
        position: absolute;
        top: 65px;
        width: 136px;
        left: 15px;
        font-size: 20px;
    }

/*-----------------------------------------------------------------------------
  [5. Days]
*/

    .datepicker_window .days .day {
        float: left;
        text-align: center;
        overflow: hidden;
        width: 23px;
        height: 15px;
        margin: 0 1px 1px 0;
    }
    .datepicker_window .days .titles {
        border-bottom: 1px solid #e0e0e0;
        color:#300000;
        font-weight:bold;
        height: 15px;
        margin-bottom: 1px;
    }
    .datepicker_window .days .day0 {
        margin-right: 0;
    }

    .datepicker_window .days .week5 .day {
        margin-bottom: 0;
    }

    .datepicker_window .days .week .day {
        color:#300000;
        cursor: pointer;
    }

    .datepicker_walu .days .week .day:hover {
        background-color:#857757;
        color: #FFF;
    }

    .datepicker_walu .days .week .otherMonth {
        color: #baa880;
    }

/*-----------------------------------------------------------------------------
  [6. Months]
*/

    .datepicker_window .months .month {
        float: left;
        color:#300000;
        cursor: pointer;
        text-align: center;
        padding-top: 6px;
        width: 55px;
        overflow: hidden;
        height: 21px;
        margin: 0 1px 1px 0;
    }

    .datepicker_walu .months .month:hover {
        background-color:#857757;
        color: #FFF;
    }

    .datepicker_window .months .month3,
    .datepicker_window .months .month6,
    .datepicker_window .months .month9,
    .datepicker_window .months .month12 {
        margin-right: 0;
    }

    .datepicker_window .months .month10,
    .datepicker_window .months .month11,
    .datepicker_window .months .month12 {
        margin-bottom: 0;
    }

/*-----------------------------------------------------------------------------
  [7. Years]
*/

    .datepicker_window .years .year {
        float: left;
        color:#300000;
        cursor: pointer;
        text-align: center;
        padding-top: 6px;
        width: 32px;
        overflow: hidden;
        height: 21px;
        margin: 0 1px 1px 0;
    }

    .datepicker_walu .years .year:hover {
        background-color:#857757;
        color: #FFF;
    }

    .datepicker_window .years .year4,
    .datepicker_window .years .year9,
    .datepicker_window .years .year14,
    .datepicker_window .years .year19 {
        margin-right: 0;
    }

    .datepicker_window .years .year15,
    .datepicker_window .years .year16,
    .datepicker_window .years .year17,
    .datepicker_window .years .year18,
    .datepicker_window .years .year19 {
        margin-bottom: 0;
    }

/*-----------------------------------------------------------------------------
  [8. Global]
*/

    .datepicker_window .unavailable {
        background: none !important;
        color: #fbb !important;
        cursor: default !important;
    }

/* [squeezebox.css]*/
/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.1 rc4
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @copyright	Author
 */

#sbox-overlay {
	position: absolute;
	background-color: #fff;
	left: 0px;
	top: 0px;
	zoom: 1;
}

#sbox-window {
	position: absolute;
	background-color: #fff;
	text-align: left;
	overflow: visible;
	padding: 10px;
	/* invalid values, but looks smoother! */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(/assets/squeezebox/closebox.png) no-repeat center;
	border: none;
}

.sbox-window-ie6 #sbox-btn-close {
	background-image: url(/assets/squeezebox/closebox.gif);
}

.sbox-loading #sbox-content {
	background: url(/assets/squeezebox/spinner.gif) no-repeat center;
}

#sbox-content {
	clear: both;
	overflow: auto;
	background-color: #fff;
	height: 100%;
	width: 100%;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-image#sbox-content,
.sbox-content-iframe#sbox-content {
	overflow: visible;
}

/* Hides scrollbars */
.body-overlayed {
	overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(/assets/squeezebox/bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(/assets/squeezebox/bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(/assets/squeezebox/bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(/assets/squeezebox/bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(/assets/squeezebox/bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(/assets/squeezebox/bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(/assets/squeezebox/bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(/assets/squeezebox/bg_nw.png) no-repeat;
}


/* erreurs checkForm dans les popin */
#sbox-window .fc-tbx {
    z-index:80000;
}

/* Contributions */

#full-contributions form label {
    float:left;
    margin-right:10px;
    line-height:24px;
}

#full-contributions .container {
    clear:both;
    margin-top:10px;
}

.contributions {
    padding-left: 5px;
}

    .contributions img, .contributions .anonymous_image {
        border: none;
        float: left;
        margin:2px 5px 0 0;
        padding: 0;
    }

    .contributions .img_link {
        float:left;
    }

        .contributions .img_link img,
        .contributions .img_link .anonymous_image {
            float: none;
        }

    .contributions .infos {
        float: left;
        width:89%;
    }

    .contributions .changetime {
        clear: both;
        display: block;
    }