/****
 * Fonts
**/
@font-face {
    font-family: 'quicksandbold';
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Bold-webfont.eot');
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Bold-webfont.woff2') format('woff2'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Bold-webfont.woff') format('woff'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Bold-webfont.ttf') format('truetype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Bold-webfont.svg#quicksandbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksanditalic';
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Italic-webfont.eot');
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Italic-webfont.woff2') format('woff2'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Italic-webfont.woff') format('woff'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Italic-webfont.ttf') format('truetype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Italic-webfont.svg#quicksanditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksandlight';
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Light-webfont.eot');
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Light-webfont.woff2') format('woff2'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Light-webfont.woff') format('woff'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Light-webfont.ttf') format('truetype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Light-webfont.svg#quicksandlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksandregular';
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Regular-webfont.eot');
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Regular-webfont.woff2') format('woff2'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Regular-webfont.woff') format('woff'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Regular-webfont.ttf') format('truetype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/Quicksand-Regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Bold-webfont.eot');
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Italic-webfont.eot');
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Light-webfont.eot');
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Regular-webfont.eot');
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Semibold-webfont.eot');
    src: url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('https://www.laperrausa.ch/fileadmin/laperrausa.ch/Resources/Public/Fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**======================================================
   GLOBAL RESET
====================================================== */
*, html, body, iframe, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, audio, video { margin:0; padding:0; outline: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display:block; }
table { border-collapse:collapse; border-spacing:0; }
table td { vertical-align: top; }
iframe, fieldset, img, a img { border:0 none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
caption, th { text-align:left; }
h1, h2, h3, h5, h5, h6 { font-size:100%; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}

strong, b { font:1.1em/1.1em "open_sanssemibold",Arial,Helvetica,sans-serif; font-weight:normal; }
em, i { font-style: italic; }
nav ul { list-style:none }
ol, ul, li { list-style:none; }

html>body * a { position:relative; }
a { outline:none; }

hr { display:block; height:1px; border:0; border-top:1px solid #000000; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/**======================================================
   GENERIQUE
====================================================== */
html { width:100%; height:100%; }
body { width:100%; font:0.9em/1.5em "open_sansregular",arial,helvetica,sans-serif; color:#1e1e1e; text-align:left; background-color:#e9ebb0; }

h1 { margin:0.5em 0 0.5em 0; font:1.8em/1.1em "quicksandbold",Arial,Helvetica,sans-serif; color:#79003c; }
h2 { margin:0.5em 0 0.5em 0; font:1.4em/1.1em "quicksandbold",Arial,Helvetica,sans-serif;color:#79003c; }
h3 { margin:0.5em 0 0.5em 0; font:normal 1.3em/1em "quicksandregular",Arial,Helvetica,sans-serif;color:#79003c; }
h4 { margin:0.5em 0 0.5em 0; font:normal 1.2em/1em "quicksandregular",Arial,Helvetica,sans-serif; color:#79003c;}
h5 { font-size:1em; }
h6 { font-size:1em; }

a { color:#79003c; text-decoration:none; }
a:focus { color:#c8d219; text-decoration:underline; }
a:hover { color:#c8d219; text-decoration:underline; }

/*img { width: 100%; }*/

.wrapper { position:relative; margin:0 auto; padding:0 0 0 0; width:100%; max-width:1200px; height:100%; background-color:#fff; }

.clear-float { clear:both; }
.clear-fix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear-fix { zoom: 1; } /* IE 5.5/6/7 */

table tr { padding: 0.6em 0; }
table tr td { padding: 0.2em 0.3em; font:0.8em/1.3em "open_sansregular",arial,helvetica,sans-serif; border-bottom: 1px dashed #ccc; }
table th { padding: 0.2em 0.1em; font:normal 1em/1em "quicksandregular",Arial,Helvetica,sans-serif; color:#79003c; border-bottom: 1px solid #79003c;  }

div, p { font-family:"open_sansregular",Arial,Helvetica,sans-serif; }

/**======================================================
   HEADER
====================================================== */
#header {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  max-width:286px;
  min-width:250px;
  text-align:center;
}
#header a.sitename { display:none; }

/**======================================================
   MAIN, CONTENT
====================================================== */
#content {
  padding:0 0 0 286px;
  height:100%;
  text-align:left;
  background-color:#c8d219;
  overflow:hidden;
}
.text {
  padding:10px 25px 30px;
  background-color:#fff;
  min-height:690px; /*690 avec le menu complet*/
}

/*#content img { width: 80%; height:80%; }*/
#content img.banner { height:150px; width:914px; }
#content .text p { margin-bottom:1em; }
#content .text ul { margin:0.5em 1em; padding: 0.5em; }
#content .text li { list-style-type:disc; margin:0 0 0.3em 0;  }


/*page programme*/
#titlesProg, .links, #programme #footer { display:none; }

/*table page home*/
#programme-overview table tr { padding: 0.8em 0; }
#programme-overview table tr td { padding: 0.5em 0.5em; font:0.9em/1.4em "open_sansregular",arial,helvetica,sans-serif; border-bottom: 1px dashed #ccc; }
#programme-overview table th { padding: 0.3em 0.5em; font:normal 1.2em/1em "quicksandregular",Arial,Helvetica,sans-serif; color:#79003c; border-bottom: 1px solid #79003c;  }


/*page home*/
.colleft { float:left; width:50%; }
.colleft img { max-width:100%; height:auto; }
.colleft h3 a { text-decoration:underline; }
.clearing { clear:both; }

div.csc-textpic .csc-textpic-imagewrap img { max-width:100%; height:auto; }

/*page messages MP3*/
#content .text ul#messages li { list-style-type:none; 0 0 0 30px; }
#content .text ul#messages li.liyear { font-weight:bold;font-size:22px; margin: 20px 0 20px -20px; }
#content .text ul#messages li.limonth { font-weight:bold;font-size:18px; margin: 15px 0 10px -20px; }

/*DIV VIDEO*/
#content .text .video-js-box { padding-bottom: 30px !important; }

/**======================================================
   MENU
====================================================== */
.goMenu { display:none; }
#nav {
  position:absolute;
  top:150px;
  left:0;
  width:286px;
  background-color:#c8d219;
  text-align:center;
}

#menu {
  font-family:"quicksandregular",Arial,Helvetica,sans-serif;
  padding-bottom:3em;
}
#menu .btn-menu {
  border-bottom:1px solid #c8d219;
}
#menu .active, #menu .btn-menu:hover, #menu .btn-menu:focus { background-color:#a94d7e; }

#menu .btn-menu a {
  display:block;
  padding:0.3em 0;
  color:#f9f9f9;
  font-size:1.5em;
  text-decoration:none;
}
#menu .sub-menu {
  padding:0 0 0.4em;
}
#menu .sub-menu .btn-smenu > a {
  display:block;
  padding:0.1em 0 0.1em 0;
  font-size:1.1em;
  text-decoration:none;
  color:#79003c;
}

#menu .active .sub-menu .btn-smenu a, #menu .btn-menu:hover a, #menu .btn-menu:focus a { color:#fff; }
#menu a:hover, #menu a:focus { background-color:#79003c; }
#menu li.current > a { background-color:#79003c; }

/**======================================================
   FOOTER
====================================================== */

#footer {
  padding: 1em 0;
  width:286px;
  font-size:0.8em;
  line-height:1.7em;
  color:#79003c;
  text-align:center;
  background-color:#c8d219;
  font-family:"quicksandregular",Arial,Helvetica,sans-serif;
}


/* ======================================================
   FORMULAIRES
====================================================== */
form { margin:0; }
fieldset { padding:1em; margin:0; border:none; }
legend { font-weight:bold; padding:0.2em; }
label { font-family:"quicksandregular",Arial,Helvetica,sans-serif; display:block; margin:0 0.2em 0 0; padding:0; vertical-align:middle; font-weight:normal; cursor:pointer; }
form div { margin:0.5em 0; padding:0; }
form div label { float:left; width:140px; height:30px; line-height:30px; text-align:left; white-space:no wrap; }
textarea { padding:0.2em 0.5em; width:360px; height:140px; font-size:1em; background-color:#fff; border:1px solid #ebe5e3; border-bottom:1px solid #ccbfb8; }

input { padding:0 0.5em; width:360px; height:30px; font-family:"quicksandregular",Arial,Helvetica,sans-serif; font-size:1em; color:#a94d7e; background-color:#fff; border:1px solid #e9ebb0; border-bottom:1px solid #c8d219; }

input name:submit { float:left; margin:44px 0 10px; width:535px; }
#form-contact label { text-align:right; }


/* ======================================================
   MOBILE
====================================================== */
@media (max-width:680px) {
  /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
  img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
    max-width: 100%;
  }
  /* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
  img {
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* gestion des mots longs */
  textarea, table, td, th, code, pre, samp {
    word-wrap: break-word; /* passage à la ligne forcé */
    -webkit-hyphens: auto; /* césure propre */
    -moz-hyphens: auto;
    hyphens: auto;
  }
  code, pre, samp {
    white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
  }
  /* masquer les éléments superflus */
  .hide_mobile {
    display: none !important;
  }
  /* Un message personnalisé */
  body:after {
    content: "Version mobile du site";
    display: block;
    padding:0.5em;
    color: #777;
    text-align: center;
    font-style: italic;
  }
  /* passer tous les éléments de largeur fixe en largeur automatique */
  body, #global, #nav, .wrapper, #content, #footer, .text {
    width: auto;
    height:auto;
    min-height:inherit;
    margin: 0;
    padding: 0;
    background-image:none;
  }
  /* spécifiques */
  #header {
    position:relative;
    text-align:center;
    width: auto;
    height:auto;
    margin: 0 auto;
    padding: 0;
  }
  #content { margin: 0; padding:0; }
  #content img.banner { width:100%; height:auto; max-width:690px;  }
  #nav { position:relative; top:0; left:0; }
  .text { padding:1em 1.5em 1em; }
  .colleft { display:inline; float:none; }
}

@media (max-width:480px) {
  a.goMenu { display:block; padding:0.9em 1em; font:normal 1.0em/1.1em "quicksandregular",Arial,Helvetica,sans-serif; color:#fff; background-color:#c8d219; }
  #content { margin: 0; padding:0;padding:1em 1.5em 1em; background-color:#fff; }
  #content .text { width: 100%; }
  #content .image { width: 100%; }
  #content .banner { display: none; }
  .text { margin:0; padding:0; }
}