/* --------------- */
/* --- DEFAULT --- */
/* --------------- */

ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }
/*LI              { display: list-item }*/
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { padding: 8px; line-height: 1.33 }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em; border-bottom: 1px dotted #666 }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

div.clear    {    clear: both; line-height: 0; font-size: 0; height: 0;    }

/* ----------------------------------- */
/* --- DEFAULT SUR TEXTES ET LiENS --- */
/* ----------------------------------- */
body, input, textarea, select        {    font: 12px Arial, Helvetica, sans-serif; color: #7d6f64; line-height: 17px; }
table, td, th                        {    font: 12px Arial, Helvetica, sans-serif; color: #7d6f64; line-height: 17px; /*vertical-align: top;*/ }
a                                    {    font: 12px Arial, Helvetica, sans-serif; color: #7d6f64; line-height: 17px; text-decoration: underline; }
a:hover                                {    text-decoration: none;    }

a:active, a:focus            {    font-weight: normal; font-size: 1em;    }

sub, sup {
    font-size: 0.8em;
}

@font-face {   
    font-family: "PerpetuaRegular";   
    src: url(font/PerpetuaRegular.eot); /* IE */   
    src: local("Perpetua Regular"), url(font/PerpetuaRegular.ttf) format("truetype"); /* non-IE */
}

@font-face {   
    font-family: "PerpetuaBold";   
    src: url(font/PerpetuaBold.eot); /* IE */   
    src: local("Perpetua Bold"), url(font/PerpetuaBold.ttf) format("truetype"); /* non-IE */
}

/* ---------------------- */
/* --- REMISES A ZERO --- */
/* ---------------------- */

body {
    margin: 0px;
    padding: 10px;
}
img {
    border: 0;
}

img.marge1, img.marge1bordure1 {
    margin: 2px 17px 5px 0;
    float: left;
}
img.marge2, img.marge2bordure1 {
    margin: 2px 0 5px 17px;
    float: right;
}
img.bordure1, img.marge1bordure1, img.marge2bordure1 {
}

hr {
    color: #e0dcb2;
    height: 1px;
    border: 0;
    border-top: 1px solid #e0dcb2
}

p.alignedroite {
    text-align: right;
}
p.alignecentre {
    text-align: center;
}
p.alignejustifie {
    text-align: justify;
}
p.alignegauche {
    text-align: left;
}

div.clear {
    clear: both;
    height: 0;
    font-size: 0;
}

/* orange */
h2.stitre1, h3.stitre1, .couleur1, .pcouleur1, .gcouleur1, .couleur1 a, .couleur1 a:hover, a.couleur1, a.couleur1:hover, h2.stitre1 a, h2.stitre1 a:hover, .stitre1, h3.stitre1 a, span.titre_toggler {
    color: #f56e00;
}

/* gris */
h2.stitre2, h3.stitre2,.couleur2, .pcouleur2, .gcouleur2, .couleur2 a, .couleur2 a:hover, a.couleur2, a.couleur2:hover, h2.stitre2 a, h2.stitre2 a:hover, .stitre2, h3.stitre2 a {
    color: #C5C6B4;
}

/* marron devient rouge depuis INMA*/
h2.stitre3, h3.stitre3,.couleur3, .pcouleur3, .gcouleur3, .couleur3 a, .couleur3 a:hover, a.couleur3, a.couleur3:hover, h2.stitre3 a, h2.stitre3 a:hover, .stitre3, h3.stitre3 a {
    color: #901400;
}

/* vert */
h2.stitre4, h3.stitre4,.couleur4, .pcouleur4, .gcouleur4, .couleur4 a, .couleur4 a:hover, a.couleur4, a.couleur4:hover, h2.stitre4 a, h2.stitre4 a:hover, .stitre4, h3.stitre4 a {
    color: #a7a900;
}

h2.stitre1, h2.stitre2, h2.stitre3, h2.stitre4 {
    font-size: 15px;
    margin: 0 0 12px 0;
    padding: 0;
}

h3.stitre1, h3.stitre2, h3.stitre3, h3.stitre4,
h3.stitre1 a, h3.stitre2 a, h3.stitre3 a, h3.stitre4 a {
    font-size: 14px;
    margin: 0 0 5px 0;
    padding: 0;
}

.couleurgrand1 {
    font-family: Arial;
    font-size: 22px;
    color: #f56e00;
}

.couleurgrand2 {
    font-family: Arial;
    font-size: 22px;
    color: #C5C6B4;
}

.couleurgrand3 {
    font-family: Arial;
    font-size: 22px;
    color: #901400;
}

.couleurgrand4 {
    font-family: Arial;
    font-size: 22px;
    color: #a7a900;
}

.stitre1, .stitre2, .stitre3, .stitre4, span.titre_toggler {
    font-size: 13px;
    font-weight: bold;
}

.small, .small a, .small a:hover, a.small, a.small:hover, .pcouleur1, .pcouleur2, .pcouleur3, .pcouleur4 {
    font-size: 10px;
}

a.small_dl{
    font-size: 10px;
    color: #D26606;
    text-decoration: underline;
}

a.small_dl:visited {
    font-size: 10px;
    color: #D26606;
    text-decoration: underline;
}

a.small_dl:hover {
    font-size: 10px;
    color: #D26606;
    text-decoration: none;
}

.gros, .gcouleur1, .gcouleur2, .gcouleur3, .gcouleur4 {
    font-size: 13px;
}

img.marge1, img.marge1bordure1 {
    margin-right: 15px;
    float: left;
}

img.marge2, img.marge2bordure1 {
    margin-left: 15px;
    float: right;
}

img.bordure1, img.marge1bordure1, img.marge2bordure1 {
    border: 1px solid #DBDBC2;
    padding: 6px;
    background-color: #F3F3EB;
}

hr {
    color: #DBDBC2;
    height: 1px;
    border-top: 1px solid #DBDBC2;
}

.clear {
    clear: both;
    line-height: 1px;
    font-size: 1px;
    height: 1px;
}
div.alignedroite {
    text-align: right;
}

div.alignecentre {
    text-align: center;
}

div.alignejustifie {
    text-align: justify;
}

div.floatdroite {
    float: right;
    color: #D26606;
    font-weight: bold;
    font-size: 13px;
}

/* inclusions liens_droite_accueil et liens_droite_interieur */
#liensdroite li a {
    background: url(img/fleche_grise.gif) no-repeat left bottom;
    padding-left: 26px;
    display: block;
    color: #433312;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    line-height: 15px;
}

#liensdroite li a:hover {
    color: #433312;
    font-weight: bold;
    text-decoration: underline;
    font-size: 11px;
}

ul.listepuce {
    padding-left: 25px;
}

ul.listepuce li {
    list-style: none;
    background: url(img/puc.gif) no-repeat left 6px;
    padding-left: 8px;
}

div.fond1 {
    background-color: #F3F3EB;
    border: 1px solid #DBDBC2;
    padding: 10px;
}

a.fleche {
    background-image: url(img/fleche-nav.gif);
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 6px;
    color: #D26606;
    text-decoration: underline;
}

a.fleche:hover {
    color: #685A4D;
    text-decoration: underline;
}

ul.loreats {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.fondloreats {
    background-color: #F3F3EB;
    border: 1px solid #DBDBC2;
    padding-top: 10px;
    padding-left: 10px;
}

ul.loreats li {
    display: block;
    float: left;
    border: 1px solid #DBDBC2;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 85px;
    width: 85px;
}

ul.loreats li img {
    width: 85px;
    height: 85px;
    float: left;
}

ul.loreats li a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}    

div.bloc_stretcher table td, div.bloc_stretcher div    {
    line-height: 10px!important;
}

div.bloc_stretcher a {
    font-size: 10px;
}

span.titre_toggler {
    display: block;
    cursor: pointer;
    border-bottom: 1px dashed #D26606;
}    

table.tableau1 {
    border-collapse: collapse;
    width: 100%;
}

table.tableau1 th {
    background-color: #433312;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    padding: 2px 4px 2px 4px;
}

table.tableau1 td {
    background-color: #EDEDED;
    border-bottom: 1px solid #433312;
    padding: 2px 4px 2px 4px;
    font-size: 11px;
}

div.tbl_commande {
    margin: 0px 0px 10px 0px;
}

div.lib_commande {
    cursor: pointer;
    border-bottom: 1px dashed #D26606;
}

/*Class pour les Puces carrés graphiques*/
a.anglais, a.francais {
    padding: 0 0 0 24px;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
}
a.anglais {
    background: url(img/drapeau-english.gif) no-repeat left 2px;
}

a.francais {
    background: url(img/drapeau-francais.gif) no-repeat left 2px;
}

a.anglais:hover, a.francais:hover {
    text-decoration: underline;
}

a.icone-rss {
    background: url(img/icone-rss.gif) no-repeat left 2px;
    padding: 0 0 0 13px;
}

a.flechette-orange {
    background: url(img/flechette-orange.gif) no-repeat top right;
    color: #f56e00;
    text-decoration: none;
    padding: 0 19px 0 0;
    font-size: 11px;
    font-weight: bold;
}
a.flechette-orange:hover {
    text-decoration: underline;
}

/* ------------------------------ */
/* ----- offre adherents -------- */
/* ------------------------------ */
h2.titre-fd-marron {
    margin: 0;
    padding: 0;
    background: #901400;
    color: #fff;
    font-size: 15px;
    padding: 18px 17px 6px 17px;
}

h2.titre-fd-vert {
    margin: 0;
    padding: 0;
    background: #ab3617;
    color: #fff;
    font-size: 15px;
    padding: 18px 17px 6px 17px;
}

div.fond-beige {
    background: #f2f0dc;
    padding: 17px;
}

.titre {
    font-family: Times New Roman, Times, serif;     
}