@import url(tinymce.css); /* contient les règles communes au site et à l'éditeur */
@import url(menus.css); /* contient les règles pour l'affichage des menus du site */


html {/* contient seulement ce qui ne doit pas s'appliquer dans l'éditeur */
    background-color: #fff;
    color: #000;
    text-align: center;
}

body {/* contient seulement ce qui ne doit pas s'appliquer dans l'éditeur */
    text-align: left;
    margin: 0 auto;
}

/* DEBUT -------------------------------------------------
Gabarit 
--------------------------------------------------------*/
    #entete {
    }
    
    #ctnr {
        width: 980px;
        margin: 0 auto;
        padding: 10px 0;
    }
    
    #contenu {
        float: left;
        width: 700px;
    }
    
    #col_droite {
        float: right;
        width: 245px;
        margin: 10px 0 0 0;
    }
    
    #footer {
        clear: both;
        width: 980px;
        padding: 35px 0 0 0;
        margin: 0 auto 10px auto;
    }
/* FIN -------------------------------------------------
Gabarit 
--------------------------------------------------------*/


/* DEBUT -------------------------------------------------
Entête
--------------------------------------------------------*/
    #bandeau {
        height: 200px;
        border-bottom: 5px solid #b1c903;
        background: #fff url(../images/head.jpg) no-repeat center 0;
    }
    
    #bandeau object {
        position: absolute;
        top: 0;
        left: -490px;
        margin-left: 50%;
    }
    
    #entete_int {
        position: absolute;
        height: 200px;
        width: 980px;
        left: -490px;
        margin-left: 50%;
    }
    
    #logo {
        margin: 10px 0 10px 0;
    }
    
    #liens_evitements {
        float: left;
        font-size: .834em;
        color: #fff;
    }
    
    #liens_evitements a {
        color: #fff;
    }
    
    #encart {
        float: right;
        width: 200px;
        background: transparent url(../images/encart_transp.png) no-repeat 0 bottom;
    }
    
    #encart h2 {
        font-size: 1.25em;
        font-weight: bold;
        min-height: 28px;
        padding: 7px 100px 0 10px;
        margin: 0;
        border: none;
        color: #0062ac;
        background: transparent url(../images/head_encart.png) no-repeat 0 0;
    }
    
    #encart-int {
	    margin: 10px;
	    font-size: .917em;
	}
	 
	#encart-int ul {
	    margin: 0;
	    list-style-image: url(../images/puce.png);
	}
	
	#encart-int ul li {
	    margin: 2px 0;
	}
	
	#encart-int ul li a {
	    color: #000;
	}
    
/* FIN -------------------------------------------------
Entête
--------------------------------------------------------*/


/* DEBUT -------------------------------------------------
contenu
--------------------------------------------------------*/
    #ariane {
        color: #9f9f9f;
        font-size: .917em;
        margin: 0 0 15px 0;
    }
    
    #ariane a {
        color: #9f9f9f;
    }
    
    #acc h1 {
        margin: 0 0 10px 0;
    }
    
    #acc p {
        font-size: 1.167em;
        color: #9f9f9f;
    }
    
    /* DEBUT ----------
	actualités
	-----------------*/
    .actus_date {
        color: #9f9f9f;
        margin: 0;
    }
    
    h1 .actus_date {
        font-size: .4em;
    }
    
    .vignette {
        float: left;
        margin: 0 5px 5px 0;
        border: 1px solid #d0d1d2;
        padding: 1px;
    }
    
    .cadre_actus {
        border-bottom: 1px solid #d0d1d2;
        padding: 0 0 10px 0;
        margin: 0 0 20px 0;
        clear:both;
    }
    
    .cadre_actus h2 {
        margin: 0 0 .5em 0;
        color: #b1c903;
        border: none;
    }
    
    .cadre_actus h2 a {
        color: #b1c903;
        text-decoration: none;
    }
    
    .cadre_actus h2 a:hover {
        text-decoration: underline;
    }
    
    .cadre_actus .readmore, #bloc_actus .readmore {
        color: #5798c8;
        margin: 5px 0 0 0;
        text-align: right;
    }
    
    .cadre_actus .readmore a {
        color: #5798c8;
        padding: 0 0 0 12px;
        background: #fff url(../images/lirelasuite.png) no-repeat 0 2px;
    }
    
    .pager:after  {
        content: "";
        display: block;
        clear: both;
    }
    
    .numitems {
        float: left;
    }
    
    .prevnext {
        float: right;
        line-height: 1em;
    }
    
    .prevnext img {
        vertical-align: top;
    }
    
    .pagerelement {
        color: #000 !important;
        font-size: 1.25em;
        line-height: 1em;
    }
    /* FIN ----------
    actualités
    -----------------*/
    
/* FIN -------------------------------------------------
contenu
--------------------------------------------------------*/


/* DEBUT -------------------------------------------------
col-droite
--------------------------------------------------------*/
    #bloc_horaires {
        background: #fff url(../images/bloc_horaires.png) no-repeat 0 bottom;
        padding: 0 0 10px 0;
    }
    
    #bloc_horaires h2 {
        background: #fff url(../images/head_horaires.png) no-repeat 0 bottom;
        min-height: 47px;
        margin: 0;
        color: #b1c903;
        line-height: 41px;
        padding: 0 60px 0 12px;
        border: none;
    }
    
    #horaires-int {
	    font-size: .917em;
	    margin: 0 10px;
	}
	
	#horaires-int ul {
	    margin: 0;
	}
	 
	#horaires-int ul li, #bloc_moncompte ul li {
	    margin: 2px 0;
	}
	
	#horaires-int ul li a, #bloc_moncompte ul li a {
	    color: #000;
	}
    
    #bloc_actus, #bloc_moncompte {
        background: #fff url(../images/bloc_actus.png) no-repeat 0 bottom;
        padding: 0 0 1px 0;
        margin: 20px 0 0 0;
    }
    
    #bloc_actus h2, #bloc_moncompte h2 {
        background: #fff url(../images/head_actus.png) no-repeat 0 bottom;
        min-height: 14px;
        margin: 0 0 5px 0;
        line-height: 20px;
        padding: 0 70px 5px 12px;
        border: none;
        color: #0062ac;
    }
    
    #bloc_actus .cadre_actus {
        font-size: .917em;
        margin: 0 10px 10px 10px;
        padding: 0 0 5px 0;
    }
    
    #bloc_actus .cadre_actus h3 {
        font-size: 1.091em;
        color: #b1c903;
        margin: 0 0 5px 0;
    }
    
    #bloc_actus .cadre_actus h3 a {
        color: #b1c903;
        text-decoration: none;
    }
    
    #bloc_actus .cadre_actus h3 a:hover {
        text-decoration: underline;
    }
    
    #bloc_actus .actus_date {
        margin: 0;
    }

    #bloc_actus p {
        margin: 0;
    }
/* FIN -------------------------------------------------
col-droite
--------------------------------------------------------*/


/* DEBUT -------------------------------------------------
Pied de page
--------------------------------------------------------*/
    #message_pied {
        margin: .5em;
        text-align: center;
        color: #9f9f9f;
        font-size: .917em;
    }
/* FIN -------------------------------------------------
Pied de page
--------------------------------------------------------*/


/* DEBUT -------------------------------------------------
formulaires utilisateurs
--------------------------------------------------------*/
    .usrf {
        width: 100%;
        margin: 0 auto;
    }
    
    .usrf fieldset {
        border: 1px solid #d0d1d2;
        padding: 10px 0;
        margin: 20px 0;
        background-color: #eee;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    
    .usrf legend {
        font-weight: bold;
        padding: 4px 12px;
        margin: 0 0 0 15px;;
        background-color: #d0d1d2;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    
    .usrf .list_champs_form {
        display: table;
        border-collapse: collapse;
        border-spacing: .5em;
        width: 100%;
    }
    
    .usrf p, .usrf .cadre_champs_form {
        margin: .5em 0;
        clear: both;
        display: table-row;
    }
 
    .usrf p, .usrf .cacher {
        display: none;
    }
    
    .usrf p:after, .usrf .cadre_champs_form:after {
        content: "";
        display: block;
    	clear: both;
    }
    
    .required {
        /*background-color: #ffebcb;*/
    }
    
    .required label, .required .label {
        font-weight: bold;
    }
    
    .msg {
        text-align: center;
        font-weight: bold;
    }
    
    .erreur {
        font-weight: bold;
        background-color: transparent;
        color: red;
    }
    
    .usrf .erreur {
        padding: 0;
        text-align: center;
    }
    
    .usrf .label_section {
        display: table-cell;
        text-align: right;
        vertical-align: top;
        width: 25%;
        padding: 3px;
        white-space:nowrap;
    }
    
    .usrf .input_section {
        display: table-cell;
        padding: 3px;
    }
    
    .usrf label[title] {
        cursor: help;
    }
    
    .usrf .input_legende {
        color: #626262;
        background: transparent;
        font-size: .917em;
    }
    
    .usrf .input_aide {
        color: #666;
        background: transparent;
    }
    
    .usrf input[type="text"], .usrf input[type="password"], .usrf textarea, .usrf select {
        border: 1px solid #d0d1d2;
    }
    
    .usrf input[type="text"]:focus, .usrf input[type="password"]:focus, .usrf textarea:focus, .usrf select:focus {
        outline: 3px solid #e7efb3;
    }
    
    .usrf input.input_normal {
        color: #333;
    }
    
    .usrf input.input_disabled {
        color: #ccc;
    }
    
    .usrf .input {
        color: #666;
        background: transparent;
        font-weight: bold;
    }
    
    .usrf .enligne label {
        float: none;
        width: auto;
        text-align: left;
        display: inline;
        padding: 0 .2em 0 1em;
    }
    
    .usrf .cadre_checkbox {
        float: left;
        margin: 0;
        padding: 0;
        margin-bottom: .5em;
        width: 75%;
    }
    
    .usrf .cadre_checkbox p {
        padding: 0 0 .5em 0 !important;
        margin: 0 !important;
    }
    
    .usrf .cadre_checkbox label {
        float: none;
        width: auto;
        text-align: left;
        display: inline;
    }
    
    .usrf .checkbox_liste li {
        list-style-type: none;
        list-style-image: none;
    }
    
    .usrf .validation {
        margin: .5em 0 .5em 25%;
        border: none;
    }
    
    .usrf .validation input {
        font-size: 1.084em;
        color: #fff;
        line-height: 12px;
        font-weight: bold;
        border: none;
        background: #b1c903 url(../images/btn.png) no-repeat 0 0;
        width: 115px;
        height: 30px;
        cursor: pointer;
    }
    
    .usrf .validation input:hover {
        background: #b1c903 url(../images/btn.png) no-repeat 0 -30px;
    }
    
    .usrf .validation input:active {
    }
    
    .blocklogin p {
        margin: 5px 0 0 0;
    }

    .usrf select {
        background:white;
    }

    .usrf #dd_1281 label {
        position:relative;
        padding-left:1.5em;
    }
 
    .usrf #dd_1281 label span {
        color:#888;
        font-size:small;
    }
    
    .usrf #dd_1281 label input{
        position:absolute;
        left:0em;
    }

    .usrf #ligne_filter_champs span {
        font-size:small;
        color:#888;
    }

    .usrf #ligne_filter {
        width:10em;
    }


/* FIN -------------------------------------------------
formulaires utilisateurs
--------------------------------------------------------*/


/*Tooltip biblio multimédia (tinyMCE / property)*/
.table_list td.tooltiplauncher .tooltip{
    visibility:hidden;
    position:absolute;
    background-color:#fff;
    border:1px solid #000 ;
    margin:0px;
    margin-left:20px;
    padding-left:5px;
    padding-right:5px;
}

.table_list td.tooltiplauncher:hover .tooltip {
    visibility:visible;
}


#js_forms_contact h2{
    display:none;
}

#js_forms_contact h2#js_forms_contact_onglets{
    display:block;
}

#js_forms_contact h2#js_forms_contact_onglets a{
    text-decoration: none;
    padding:2px 10px;
    background:#DDD;
    color:#666;
}

#js_forms_contact h2#js_forms_contact_onglets a:hover{
    color:#000;
}

#js_forms_contact h2#js_forms_contact_onglets a.actif{
    background:#D0DE6A;
    color:#000;
    cursor:default;
}

.has_js #js_forms_contact > DIV{
    display:none;
}
.has_js #js_forms_contact > DIV.actif{
    display:block;
}

#js_forms_contact ul.checkbox_liste{
    margin:0;
    padding:0;
}
#js_forms_contact ul.checkbox_liste li{
    display:inline-block;
    margin:0 15px 0 0;
}

#js_forms_contact .cadre_champs_form{
    padding-top: 10px;
}

#js_forms_contact .label_section{
    vertical-align: middle;
    padding-right: 10px;
}

#js_forms_contact input[type="text"],
#js_forms_contact textarea{
    padding: 5px;
}

#js_forms_contact .adresse_depart_cp input,
#js_forms_contact .adresse_destination1_cp input,
#js_forms_contact .adresse_destination2_cp input,
#js_forms_contact .cp input{
    width: 100px;
}

#js_forms_contact .champ_obligatoire .label_section > label{
    font-weight: bold;
}
#js_forms_contact .champ_invalide .input_section p{
    display:block;
}
#js_forms_contact .champ_invalide .label_section > label{
    color:red;
}

#js_forms_contact select{
    max-width: 490px;
}