@font-face {
    font-family:'bariol_regularregular';
    

    src: url('../webfont/bariol_regular-webfont.eot');
    src: url('../webfont/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/bariol_regular-webfont.woff') format('woff'),
         url('../webfont/bariol_regular-webfont.ttf') format('truetype'),
         url('../webfont/bariol_regular-webfont.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family:'bariol_regularitalic';
    src: url('../webfont/bariol_regular_italic-webfont.eot');
    src: url('../webfont/bariol_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/bariol_regular_italic-webfont.woff') format('woff'),
         url('../webfont/bariol_regular_italic-webfont.ttf') format('truetype'),
         url('../webfont/bariol_regular_italic-webfont.svg#bariol_regularitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family:'bariol_boldbold';
    src: url('../webfont/bariol_bold-webfont.eot');
    src: url('../webfont/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/bariol_bold-webfont.woff') format('woff'),
         url('../webfont/bariol_bold-webfont.ttf') format('truetype'),
         url('../webfont/bariol_bold-webfont.svg#bariol_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family:'bariol_lightlight';
    src: url('../webfont/bariol_light-webfont.eot');
    src: url('../webfont/bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/bariol_light-webfont.woff') format('woff'),
         url('../webfont/bariol_light-webfont.ttf') format('truetype'),
         url('../webfont/bariol_light-webfont.svg#bariol_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family:'bariol_thinregular';
    src: url('../webfont/bariol_thin-webfont.eot');
    src: url('../webfont/bariol_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/bariol_thin-webfont.woff') format('woff'),
         url('../webfont/bariol_thin-webfont.ttf') format('truetype'),
         url('../webfont/bariol_thin-webfont.svg#bariol_thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family:'bariol_boldbold_italic';
    src: url('../webfont/bariol_bold_italic-webfont.eot');
    src: url('../webfont/bariol_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/bariol_bold_italic-webfont.woff') format('woff'),
         url('../webfont/bariol_bold_italic-webfont.ttf') format('truetype'),
         url('../webfont/bariol_bold_italic-webfont.svg#bariol_boldbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bariol_lightitalic';
    src: url('../webfont/bariol_light_italic-webfont.eot');
    src: url('../webfont/bariol_light_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/bariol_light_italic-webfont.woff') format('woff'),
         url('../webfont/bariol_light_italic-webfont.ttf') format('truetype'),
         url('../webfont/bariol_light_italic-webfont.svg#bariol_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family:'bariol_thinitalic';
    src: url('../webfont/bariol_thin_italic-webfont.eot');
    src: url('../webfont/bariol_thin_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/bariol_thin_italic-webfont.woff') format('woff'),
         url('../webfont/bariol_thin_italic-webfont.ttf') format('truetype'),
         url('../webfont/bariol_thin_italic-webfont.svg#bariol_thinitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

   typo.css
   Base typographique
   Cf.: http://www.spip-contrib.net/3820

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

html { font-size: 100.01%; } /* pour IE < 6 */
/* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ et http://forum.alsacreations.com/topic-4-54377-1.html */
body { background: #FFFFFF;     font: 1em/1.5em Georgia, Cambria, Times New Roman, Times, serif; color: #222222; }

/* Titraille / Intertitres */
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 { display: block; margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
hr { height: 1px; margin: 1.5em 0; border: 0; background: #222222; color: #222222; }

h1,.h1 { font-size:32px; color:#CE1938; font-family:'bariol_boldbold', Arial, sans-serif;line-height:33px; padding-bottom:20px; }
h2,.h2 { font-size: 20px; font-weight: normal; font-family:'bariol_boldbold', sans-serif; color:#75124D;line-height:30px;  }
h3,.h3 {font-size:15px; line-height:15px;font-family:'bariol_regularregular',sans-serif; color:#CE1938; }


h4,.h4 { font-size: 1.1em; line-height: 1.364; margin-bottom: 1.364em; }
h5,.h5 { font-size: 1em;  font-weight: bold;
    font-style: normal; margin-bottom: 1.5em; }
h6,.h6 { font-size: 1em;  font-weight: bold;
    font-style: normal; }

/* Enrichissements typographiques */
texte {font-size:15px; line-height:21px;font-family:'bariol_regularregular',sans-serif; color:#75124D; }

span{color:#CE1938;}

P{}

strong, b { font-family:'bariol_boldbold',sans-serif; }
em, i {  font-weight: normal;
    font-style: italic;}

h1.italic{ font-size:32px; color:#CE1938; font-family:'bariol_boldbold_italic'; Arial, sans-serif;line-height:33px; padding-bottom:20px; }

small, .small {font-size:13px; line-height:15px;font-family:'bariol_regularregular',sans-serif; color:#75124D;}
small.colophon {font-size:13px; line-height:15px;font-family:'bariol_regularregular',sans-serif; color:#CE1938;}
small.carte {font-size:15px; line-height:15px;font-family:'bariol_regularregular',sans-serif; color:#CE1938;}
small.date {float:right;font-size:15px; line-height:15px;font-family:'bariol_regularregular',sans-serif; color:#CE1938; padding-top:11px;
Border-top-width:2px;Border-top-color:#CE1938;Border-top-style:solid;}
small.textecarte {font-size:15px; line-height:15px;font-family:'bariol_regularregular',sans-serif; color:#FFFFFF;}
.titre_blanc {font-size:32px; color:#FFFFFF; font-family:'bariol_boldbold', Arial, sans-serif;line-height:33px;padding-bottom:20px;  }

big, .big { font-size: 130%; }
abbr[title], acronym[title] { border-bottom: .1em dotted; cursor: help; }
@media print { abbr[title]:after { content: " (" attr(title) ")"; } }
dfn { font-weight: bold; font-style: italic; }
del, .del { background-color: #FFDDDD; border-color: #CC0000; color: #CC0000; text-decoration: line-through; }
ins, .ins { background-color: #DDFFDD; border-color: #00AA00; color: #00AA00; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; line-height: 0; }
sup { vertical-align: super; }
.ie sup { vertical-align: text-top; }
sub { vertical-align: sub; }
.ie sub { vertical-align: text-bottom; }
.caps { font-variant: small-caps; }

a { text-decoration: none;
font-size:17px; 
line-height:21px;
font-family:'bariol_boldbold',sans-serif; 
color:#75124D; }


a:hover { text-decoration: none;
font-size:17px; 
line-height:21px;
font-family:'bariol_boldbold',sans-serif; 
color:#CE1938; }


a.pdf
{font-size:18px; 
min-width:100%;
display:inline;
line-height:10px;
 font-family:'bariol_boldbold',sans-serif; 
color:#75124D;
text-decoration: none; 
position:relative;}


li.pdf{
height:75px;
min-width:100%;

}

a.pdf:hover,
a.pdf:focus,
a.pdf:hover,
a.pdf:active
{font-family:'bariol_boldbold',sans-serif; 
color:#CE1938;text-decoration: none; }

a:focus,
a:hover,
a:active {text-decoration: none; }


/* Liens */
a{text-decoration: none;font-size 15px;}
a:hover{}
a[hreflang]:after { content: "\0000a0(" attr(hreflang) ")"; }
@media print {
  a, a:visited { color:;  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
}


.on { font-weight:normal; text-decoration:none; font-size:18px; line-height: 30px;
font-family:'bariol_boldbold';
padding: 0 .5em 0 .5em; margin: 0 1px;
}

/* Paragraphes */
p, .p, dl, dd, blockquote, address, pre, table, fieldset { margin-bottom: 1.5em; }


a.colophon
{font-family:'bariol_regularregular',sans-serif; color:#CE1938;
text-align:center;
font-size:13px;}
a.liens1{font-size:15px; line-height:15px;font-weight: normal;
    font-style: normal; color:#FFFFFF;}
a.liens1:hover{font-size:15px; line-height:15px;font-weight: normal;
    font-style: normal; color:#FFFFFF; text-decoration:underline;}

a.liens2{font-size:13px; line-height:15px;font-weight: normal;
    font-style: normal; color:#CE1938;}
a.liens2:hover{font-weight: normal;
    font-style: normal; color:#CE1938;text-align:left;font-size:13px;text-decoration:underline;}

a.liens3{font-size:13px; line-height:15px;font-weight: normal;
    font-style: normal; color:#75124D;}
a.liens3:hover{font-weight: normal;
    font-style: normal; color::#75124D;text-align:left;font-size:13px;text-decoration:underline;}



/* Listes */
ul, ol, li, dl, dt, dd {}
ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }

dl dt { font-weight: bold; }
dl dd {}

/* Tableaux */
table {}
caption { background: #EEE; }
th { font-weight: bold; }
thead th { background: #DDD; }
th,td,caption { padding: 0.75em; }
tbody tr:nth-child(even) th,
tbody tr:nth-child(even) td,
tbody tr.even th,
tbody tr.even td { background: #EEE; }
tfoot { font-style: italic; }

/* Citations, code et poesie */
q { font-style: italic; }
blockquote { padding: 0 50px; }
cite { font-style: italic; }

address { font-style: italic; }

pre,code,kbd,samp,var,tt { font-family: 'Courier New', Courier, monospace; font-size: 1em; }
pre { margin: 1.5em 0;
  /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ */
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */
}
kbd { background-color: #222222; color: #FFFFFF; }
samp { font-weight: bold; }
var { font-style: italic; }



/**
* Print styles from HTML5 Boilerplate
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
*/

@media print {
  pre, blockquote { page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/**
* Base typo sur petits ecrans
* Cf.: http://www.alsacreations.com/astuce/lire/1177
*/

@media (max-width: 640px) {

  /* fixer une largeur maximale  de 100 % aux elements potentiellement problematiques */
  img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100% !important; }
  /* conserver le ratio des images, necessaire car attribut height existant */
  img { height: auto; }
  
  /* gestion des mots longs */
  textarea, table, td, th, code, pre, samp { word-wrap: break-word; /* cesure forcee */ }
  code, pre, samp { white-space: pre-line; /* passage a la ligne specifique pour les elements a chasse fixe */ }

}

@media screen and (max-width:640px) and (orientation: landscape) {
  body { -webkit-text-size-adjust: 70%; }
}

/*

    ATTENTION
    L'usage de proprietes -webkit-* sans leurs contreparties
    (-o-*, -moz-*, etc.) est fortement deconseille !
    cf. http://www.webstandards.org/2012/02/09/call-for-action-on-vendor-prefixes/

    Prenez le temps de corriger s'il vous plait : les proprietes CSS prefixees ne sont en theorie
    destinees qu'a des fins de test.

*/

/* end */