/*----------------------BODY----------------------------------*/
body {
    background-color : #FFFFFF;
    background-image : none;
}

/************
 * Input *
 ************/
select {
        font-family:Helvetica;
        font-size:9pt;
        font-weight:normal;
        font-style:normal;
        color:#404040;
        border-color:#A0A0A0;
}

input {
        font-family:Helvetica;
        font-size:9pt;
        font-weight:normal;
        font-style:normal;
        color:#404040;
        background-color:#FFFFE8;
        border-style:solid;
        border-width:1px;
        border-color:#A0A0A0;
}

input[type="button"],input[type="submit"] {
        font-family:Helvetica;
        font-size:9pt;
        font-weight:normal;
        font-style:normal;
        color:#404040;
        background-color:#ffde9a;
        border-width:1px;
        border-color:#A0A0A0;
}

/*----------------------HAUT de PAGE----------------------------------*/
/* bande blanche */
.haut1 {
    height: 10px;

}
/* entête et bandeau */
.haut2 {
    border-top: 1px solid #9e1414;
    border-left: 1px solid #9e1414;
    border-right: 1px solid #9e1414;
    width: 752px;
}
/*----------------------ENTETE----------------------------------*/
/* titre de l'entête de la page */
.titreentete {
    height: 26px;
    font-size : 13px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top:0px;
    color: #CF3030;
    background-color:#993333;

}
/* logo de l'entête de la page (taille de l'image en pixels: Largeur: 110 Hauteur: 32)*/
.logoentete {
    width:106px;
    height:32px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top:0px;
    color: #CF3030;
}
/* logo de l'entête de la page (taille de l'image en pixels: Largeur: 110 Hauteur: 32)*/
.logoentetevide {
    width:106px;
    height:32px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top:0px;
    color: #CF3030;

}
/* textes de l'entête */
.texteentete {
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:2px;
    font-style: italic;
    text-align:right;

}

/*----------------------TABELAU GLOBAL----------------------------------*/
/* tableau global */
.global {
    border-left: 1px solid #9e1414;
    border-right: 1px solid #9e1414;
    border-bottom: 1px solid #9e1414;
    border-top: 0px solid #9e1414;
    width: 752px;
    background-color: #FFFFC0;
}
/* tableau global pour les aperçus*/
.globalapercu {
    border-left: 1px solid #9e1414;
    border-right: 1px solid #9e1414;
    border-bottom: 1px solid #9e1414;
    border-top: 1px solid #9e1414;
    background-color:#FFFFFF;
}
/*----------------------BANDEAU----------------------------------*/
/* bandeau */
.bandeau {
    background-color : #34AA87;

    text-align:left;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top:0px;
}
/* cases du bandeau */
.casebandeau {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top:0px;
    height:15px;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    color: #FFFFFF;
}
/* liens du bandeau */
a.lienbandeauoff {
    color: #FFFFFF;
    text-decoration:none;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
}
a.lienbandeauon {
    color: #FFFFFF;
    text-decoration:underline;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
a.lienbandeauon:hover {
    color: #FFFFFF;
    text-decoration:none;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}

/*----------------------MENU----------------------------------*/
/* menu */
.menu {
    width: 157px;
    height: 100%;
    border-left: 0px solid #9e1414;
    background-color : #FFFFFF;
    text-align:left;
}
/* menu pour les aperçus*/
.menuapercu {
    height: 100%;
    border-left: 0px solid #9e1414;
    background-color : #FFFFFF;
    text-align:left;
}
/* case contenant le menu */
.casemenu1 {
    height:100%;
}
/* cases du menu */
.casemenu {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;
}
/* sous-tableaux du menu*/
.tabmenu {
    width: 100%;
}

/* cases des sous-tableaux du menu */
.casetabmenu1 {
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top:0px;
    background-color:#E6F2EF;

}
/* cases des sous-tableaux du menu */
.casetabmenu2 {
    padding-right: 0px;
    padding-left: 30px;
    padding-bottom: 0px;
    padding-top:0px;
    background-color:#E6F2EF;

}
/* cases des sous-tableaux du menu */
.casetabmenu3 {
    font-size : 11px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;

}
/* titres des rubriques du menu */
.titremenu {
    font-size : 11px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;
    color: #CF3030;

}
/* liens du menu */
a.lienmenuoff {
    color: #174F3E;
    text-decoration:none;
    font-size : 9px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
}
a.lienmenuon {
    color: #174F3E;
    text-decoration:underline;
    font-size : 9px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
a.lienmenuon:hover {
    color: #34AA87;
    text-decoration:none;
    font-size : 9px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
/* liens du menu */
a.lienmenuoff2 {
    color: #174F3E;
    text-decoration:underline;
    font-size : 9px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
}
a.lienmenuoff2:hover {
    color: #174F3E;
    text-decoration:none;
    font-size : 9px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
}
a.lienmenuon2 {
    color: #174F3E;
    text-decoration:underline;
    font-size : 9px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
a.lienmenuon2:hover {
    color: #34AA87;
    text-decoration:none;
    font-size : 9px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
/* puces des liens du menu */
.puce {
    list-style-type:square;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;
}
.puce2 {
    list-style-type:disc;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;
}
/* puce ronde */
.pucerond {
    background-color: #34AA87;
    width:12px;
    font-size : 11px;
    background-image: url(/assets/common/img/puce_rond.gif);
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;
}
/* puce carrée */
.pucecarre {
    background-color: #34AA87;
    width:12px;
    font-size : 11px;
    background-image: url(/assets/common/img/puce_carre.gif);
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;
}
ul,ol {
    margin-top:0em;
    margin-bottom:0em;
    margin-left:0.7em;
    padding-left:0.8em;
}

li {
    color: #34AA87;
    margin-top:0em;
    margin-bottom:0em;
    margin-left:0em;
    padding-left:0em;
}
/*----------------------CONTENU----------------------------------*/
/* contenu */
.contenu {
    width: 593px;
    height: 100%;
    border-right: 1px solid #9e1414;
    text-align:left;
}
/* contenu du front */
.contenu2 {
    width: 497px;
    height: 100%;
    border-right: 1px solid #9e1414;
    border-left: 0px solid #9e1414;
    text-align:left;
}
/* contenu pour les aperçus */
.contenuapercu {
    height: 100%;
    border-right: 1px solid #9e1414;
    text-align:left;
}
/* pour l'alignement à gauche */
.align1 {
    text-align:left;
}
/* visuel et navigation front office */
.visuel {
    width: 95px;
    height:457px;
    border-right: 1px solid #9e1414;
    text-align:left;
    background-color:#E6F2EF;
}
/*----------------------CONTENU/ONGLETS----------------------------------*/
/* tableau global des onglets */
.tabonglets {
    border-left: 1px solid #848484;
    border-right: 1px solid #848484;
    border-bottom: 1px solid #848484;
    border-top: 0px solid #848484;
    background-color:#E6F2EF;
    width:100%;
}
/* hauteur des onglets */
.onglet1 {
    height:20px;
}
/* partie gauche de l'onglet sélectionné */
.ongletgauchesel {
    background-color:#E6F2EF;
    width:9px;
    background-image: url(../../common/img/onglet-gauche.gif);
}
/* partie droite de l'onglet sélectionné */
.ongletdroitesel {
    background-color:#E6F2EF;
    width:9px;
    background-image: url(../../common/img/onglet-droite.gif);
}
/* partie centrale de l'onglet sélectionné */
.ongletcentresel {
    background-color:#E6F2EF;
    width:50px;
    background-image: url(../../common/img/onglet-centre.gif);
}
/* partie gauche d'un onglet non sélectionné */
.ongletgauche {
    border-bottom: 1px solid #848484;
    background-color:#B9DDDA;
    width:9px;
    background-image: url(../../common/img/onglet-gauche.gif);
}
/* partie droite d'un onglet non sélectionné */
.ongletdroite {
    border-bottom: 1px solid #848484;
    background-color:#B9DDDA;
    width:9px;
    background-image: url(../../common/img/onglet-droite.gif);
}
/* partie centrale d'un onglet non sélectionné */
.ongletcentre {
    border-bottom: 1px solid #848484;
    font-size:10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    background-color:#B9DDDA;
    font-weight:bold;
    width:50px;
    background-image: url(../../common/img/onglet-centre.gif);
}
/* bordure supérieure du contenu des onglets */
.onglet2 {
    border-left: 0px solid #848484;
    border-right: 0px solid #848484;
    border-bottom: 1px solid #848484;
    border-top: 0px solid #848484;
}
/* liens d'onglet */
a.lienongletoff {
    color: #174F3E;
    text-decoration:none;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
}
a.lienongleton {
    color: #174F3E;
    text-decoration:none;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
a.lienongleton:hover {
    color: #34AA87;
    text-decoration:none;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
/* lien vers le site */
a.liensite {
    color: #FFFFFF;
    text-decoration: none; //underline;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
a.liensite:hover {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
/*----------------------CONTENU/TITRES/TEXTES----------------------------------*/

/* titres des rubriques du contenu */
.titre1 {
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:2px;
    color: #9e1414;

}
/* titres du contenu */
.titre2 {
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:2px;
    color: #9e1414;

}
/* libellés des champs de saisie */
.titre3 {
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:2px;

}
/* deuxième niveau de titres des aperçus */
.titre4 {
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:2px;
    color: #000000;
}
/* textes de commentaires du contenu */
.texte {
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:2px;
    font-style: italic;
}

/*----------------------CONTENU/TABLEAUX----------------------------------*/

/* tableaux du contenu */
.tabcontenu {
    border-left: 1px solid #9e1414;
    border-right: 0px solid #9e1414;
    border-bottom: 1px solid #9e1414;
    border-top: 1px solid #9e1414;
}
/* cases d'entête des tableaux du contenu */
.casecontenuentete {
    border-left: 0px solid #9e1414;
    border-right: 1px solid #9e1414;
    border-bottom: 0px solid #9e1414;
    border-top: 0px solid #9e1414;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:2px;
    color: #FFFFFF;
    background-color: #6BB4F5;
}
/* première catégorie de cases des tableaux du contenu */
.casecontenu1 {
    border-left: 0px solid #9e1414;
    border-right: 1px solid #9e1414;
    border-bottom: 0px solid #9e1414;
    border-top: 0px solid #9e1414;
    font-size : 9px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:0px;
    background-color:#DBF8FF;
    color: #000000;
    text-align:left;

}

/* deuxième catégorie de cases des tableaux du contenu */
.casecontenu2 {
    border-left: 0px solid #9e1414;
    border-right: 1px solid #9e1414;
    border-bottom: 0px solid #9e1414;
    border-top: 0px solid #9e1414;
    font-size : 9px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:0px;
    background-color:#FFFFFF;
    color: #000000;
    text-align:left;

}
/* cases de tableaux du contenu */
.casecontenu3 {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;
    text-align:left;

}
/* cases de tableaux du contenu */
.casecontenu4 {
    margin-top:0em;
    margin-bottom:0em;
    margin-left:0em;
    padding-left:0.8em;
}

/* liens d'entête de tableaux du contenu */
a.lientabcontenuoff {
    color: #FFFFFF;
    text-decoration:none;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
}
a.lientabcontenuon {
    color: #FFFFFF;
    text-decoration:underline;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
a.lientabcontenuon:hover {
    color: #FFFFFF;
    text-decoration:none;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
/* liens de tableaux du contenu */
a.lientabcontenuoff2 {
    color: #0B5599;
    text-decoration:none;
    font-size : 9px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
}
a.lientabcontenuon2 {
    color: #0B5599;
    text-decoration:underline;
    font-size : 9px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
a.lientabcontenuon2:hover {
    color: #9e1414;
    text-decoration:none;
    font-size : 9px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
/* case de tableau indiquant un format d'image*/
.caseformat {
    font-size:9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;

}
/*----------------------CONTENU/LIENS----------------------------------*/

/* liens du contenu */
a.liencontenuoff {
    color: #0B5599;
    text-decoration:none;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
}
a.liencontenuon {
    color: #92351d;
    text-decoration:underline;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
a.liencontenuon:hover {
    color: #9e1414;
    text-decoration:none;
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}

/*----------------------CONTENU/CHAMPS SAISIE----------------------------------*/

/* zones de saisie du contenu (largeur fixée)*/
.saisie {
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:2px;
    width: 140px;
}
/* zones de saisie du contenu (largeur non fixée avec marge)*/
.saisie2 {
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:2px;
}
/* zones de saisie du contenu (largeur non fixée sans marge)*/
.saisie3 {
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;
}
/*----------------------CONTENU/BOUTONS----------------------------------*/
/* boutons du contenu */
.bouton {
	    font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size:9pt;
        font-weight:normal;
        font-style:normal;
        color:#404040;
        background-color:#ffde9a;
        border-width:1px;
        border-color:#A0A0A0;
}
/*----------------------CONTENU/ASTERIX----------------------------------*/
/* "asterix" */
.etoile {
    font-size : 11px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    color: #6BB4F5;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top:2px;
    width: 3px;
}
/*----------------------CONTENU/MODELE----------------------------------*/
/* tableau d'emplacement d'un modèle */
.modele {
    width: 130px;
    height: 80px;
    background-color: #EFE8EF;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;

}
/* tableau d'emplacement d'une vignette */
.vignette {
    width: 60px;
    height: 30px;
    background-color: #EFE8EF;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;

}
/* tableau d'emplacement d'une vignette */
.standard {
    width: 90px;
    height: 50px;
    background-color: #EFE8EF;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;

}
/* tableau d'emplacement d'une vignette */
.zoom {
    width: 120px;
    height: 70px;
    background-color: #EFE8EF;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top:0px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;

}
/*----------------------CONTENU/FLECHE----------------------------------*/
/* flèche de transfert (exemple: pour les mots clés)*/
.fleche {
    background-color : #CFEBE2;
    border-left: 1px solid #9e1414;
    border-right: 1px solid #9e1414;
    border-bottom: 1px solid #9e1414;
    border-top: 1px solid #9e1414;
    width:18px;
    height:20px;
}
/* liens de la flèche de transfert */
a.lienflecheoff {
    color: #0B5599;
    text-decoration:none;
    font-size : 8px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
}
a.lienflecheon {
    color: #0B5599;
    text-decoration:none;
    font-size : 8px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
a.lienflecheon:hover {
    color: #9e1414;
    text-decoration:none;
    font-size : 8px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
/*----------------------CONTENU/CADRES----------------------------------*/
/* encadrements */
.cadre {
    border-left: 1px solid #9e1414;
    border-right: 1px solid #9e1414;
    border-bottom: 1px solid #9e1414;
    border-top: 1px solid #9e1414;
    width:100%;
}
/* encadrements */
.cadre2 {
    border-left: 1px solid #848484;
    border-right: 1px solid #848484;
    border-bottom: 1px solid #848484;
    border-top: 1px solid #848484;
    background-color:#E6F2EF;
    width:100%;
}
/* encadrements */
.cadre3 {
    border-left: 1px solid #848484;
    border-right: 1px solid #848484;
    border-bottom: 1px solid #848484;
    border-top: 1px solid #848484;
    background-color:#E6F2EF;
    width:50px;
    height:50px;
}
/*----------------------LIGNE SEPARATRICE----------------------------------*/
/* ligne séparatrice */
.ligne {
    border-top: 1px solid #9e1414;
    width: 99%;
}
/*----------------------APERCU----------------------------------*/
/* bas de l'aperçu */
.basapercu {
    border-top: 1px solid #9e1414;
    background-color : #FFFFFF;
}

/*----------------------INPUT READONLY----------------------------------*/
.ireadonly {
    background-color : #CCCCCC;
}

/* textes de messages d'erreur du contenu */
.errormessage {
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:2px;
    font-style: italic;
    color: #FF0000;
}

/* messages d'erreur*/
.errormsg {
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    width: 140px;
    color: #FF0000;
}

.errorContext {
    background-color: #f4e7d0; 
    padding: 2em;
    text-align: center;
}

.sendContent {
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top:2px;
}