/**
* CSS
*
* @version 1.0
* @author Vaska
* @author Gregory Cadar
*/

/*FONTS*/
 @font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.eot');
    src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Medium.woff2') format('woff2'),
        url('fonts/Gotham-Medium.woff') format('woff'),
        url('fonts/Gotham-Medium.ttf') format('truetype'),
        url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.eot');
    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff') format('woff'),
        url('fonts/Gotham-Book.ttf') format('truetype'),
        url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.eot');
    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Bold.woff2') format('woff2'),
        url('fonts/Gotham-Bold.woff') format('woff'),
        url('fonts/Gotham-Bold.ttf') format('truetype'),
        url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-MediumItalic.eot');
    src: url('fonts/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-MediumItalic.woff2') format('woff2'),
        url('fonts/Gotham-MediumItalic.woff') format('woff'),
        url('fonts/Gotham-MediumItalic.ttf') format('truetype'),
        url('fonts/Gotham-MediumItalic.svg#Gotham-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-BookItalic.eot');
    src: url('fonts/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-BookItalic.woff2') format('woff2'),
        url('fonts/Gotham-BookItalic.woff') format('woff'),
        url('fonts/Gotham-BookItalic.ttf') format('truetype'),
        url('fonts/Gotham-BookItalic.svg#Gotham-BookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Light.eot');
    src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Light.woff2') format('woff2'),
        url('fonts/Gotham-Light.woff') format('woff'),
        url('fonts/Gotham-Light.ttf') format('truetype'),
        url('fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
/*END FONTS*/

/*COLOR*/
.red{
  color: #e94b52;
}
span.slash{
  color: #0033cc;
  letter-spacing: 4.5px;
  line-height: 55px;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 14px;
	font-family: 'Gotham', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
	letter-spacing: 1px;
	background: #fff;
	color: #000000;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a {color: #000000; border-bottom: 1px solid #0033cc; padding-bottom: 1px; }
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none;  }
a:hover { text-decoration: none; color: #0033cc; }

a img { border: none; }
.left a { border: none; }

em { color: #0033cc; }
small { line-height: 15px; }

td { padding-bottom:20px; line-height: 22px; }


#menu {
    position: relative;
    width: 100%;
    height: 150px;
    text-transform: uppercase;
    font-size: 11px;
    vertical-align: bottom;
}

#menu ul {
	list-style: none;
	/*margin: 5px 0 0 350px;*/
	float: left;
  width: 40%;
}

#menu ul li.section-title { }
#menu ul li.active a { font-weight: bold; color: #0033cc; }
#menu ul li { float:left; width: 150px; padding: 10px 0; }

#menu a { border: none; }
#menu a:hover { border-bottom: 1px solid #0033cc; padding-bottom: 1px; }
#menu ul li.active a:hover { border: none; }

#menu .left a:hover{
  border-bottom: none;
}


#content {
	position: relative;
  float: left;
  clear: left;
}

.container {
    padding: 40px 10px 0 10px;
}

.container2 {
    padding: 30px 10px 20px 10px;
}

#content p {
  line-height: 21px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
}

#content-pres{
  width: 69%;
  float: left;
  margin-left: 20px;
}
#content .left-pres {
  color: #0033cc;
  float: left;
}
#content .left-pres p{
  padding-left: 20px;
}
#content .left-pres p:before{
  content: '/ ';
  color: #e94b52;
  font-size: 14px;
  margin-left: -15px;
  font-weight: 500;
}

p {
    margin: 0 0 10px 0;
}

h1.home{
  margin-bottom: 20px;
}
h1{
  font-size: 18px;
  color: #0033cc;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 20px;
}
h2 {
  font-size: 24px;
  color: #0033cc;
  margin-bottom: 0px;
}
h3 {
  font-size: 18px;
  color: #0033cc;
  margin-bottom: 0px;
}
h4 {
  font-size: 14px;
  color: #0033cc;
  margin-bottom: 0px;
}

blocquote{
  font-size: 14px;
  color: #e94b52;
  text-transform: uppercase;
  font-weight: 500;
  font-style: italic;
  line-height: 24px;
}

#galerie h1{
  color: #e94b52;
}

#info h2,
#prog h2{
  font-weight: bold;
  font-size: 16px;
  color: black;
  text-transform: uppercase;
  line-height: 21px;
}
#prog h3{
  font-weight: 500;
  font-size: 16px;
  color: black;
  text-transform: uppercase;
}
#prog h4{
  font-size: 16px;
  text-transform: uppercase;
  color: #e94b52;
  font-weight: normal;
}
#galerie h2,
#prog h5{
  font-weight: 500;
  font-size: 22px;
  color: #0033cc;
}
#info .button,
#prog .button{
    float: right;
    border: 2px solid #0033cc;
    text-transform: uppercase;
    width: 120px;
    background: #fff;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
    text-align: center;
}
#info .button a,
#prog .button a{
  text-decoration: none;
  color: #0033cc;
  border: none;
  font-size: 12px;
}
#info .button a:hover,
#prog .button a:hover{
  color: #e94b52;
}


#img-container	{ margin: 0; padding: 0; }
#img-container p	{ margin: 0; padding: 0 0 10px 0; }

#once { clear: left; }

#global {
  position: relative;
  margin: 0 auto;
  width: 820px;
  text-align: left;
}

.left { float:left; }
.right { float: right; margin-left: 20px; margin-bottom: 20px; }
.bleu { color: #0033cc; }

.affiche { float:left; margin: 10px 60px; text-align: center; font-size: 11px; }
.affiche a { border: 0; }

#map { width:800px; height:400px; margin: 30px 0; }
#map a { border: none; }




/* MAJ MIKO DIGITAL - 26.05.21 */
#global {
  max-width: 820px;
  width: 100%;
}
.img-bot {
  width: 100%;
}
#menu .left {
  width: 100%;
  max-width: 450px;
  box-sizing: border-box;
  padding-right: 50px;
  margin-bottom: 25px;
}
#menu .left img {
  width: 100%;
  max-width: 450px;
}
#content {
  width: 100%;
}
#affiche2021 {
  width: 100%;
  height: auto;
}