HTML, BODY{border:0;margin:0;padding:0;font-family:'Tahoma';background:#FFF;height:100%;min-width:390px;}
H2, H4,H5, P{color:#333;margin:0;padding:0;}H2{border-bottom:1px dotted #D50363;font-size:16pt;}
H4{font-size:11pt;}H5{font-size:11pt;}
.zoneCollapse H5{margin-top:25px;color:#62101f;}
.zoneCollapse UL H5{	margin-top:5px;	color:#333;}
UL{	margin:0;	padding:0;	padding-left:25px;}
.zoneCollapse LI{margin-bottom:10px;	font-size:11pt;}
.retrait{margin:5px;margin-left:15px;}
.bodyContent{margin-top:20px;margin-left:50px;margin-right:50px;padding-bottom: 0px;}
.topHeader{border:1px solid #62101f;background:#62101f;}
.logoSudArtiste{background:#8a172b;height:120px;}
.intro {	font-size:11pt;	color:#333;}
.textContent, .picturesContent, .videosContent{padding:15px;font-size:11pt;color:#f0f0f0}
.videosContent{	margin-bottom:100px;}
.grid{margin: 20px;  margin-bottom: 40px;display:none}
li a:focus{outline: none;}
.textContent{padding-left: 70px;height: 200px;text-align: center;padding-right: 70px;}
/*block container citation*/
@font-face {
    font-family: 'sketch block';
    src: url('../fonts/sketch_block-webfont.eot');
    src: url('../fonts/sketch_block-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sketch_block-webfont.woff') format('woff'),
         url('../fonts/sketch_block-webfont.ttf') format('truetype'),
         url('../fonts/sketch_block-webfont.svg#sketchblockbold') format('svg');
}

.banner h1{margin-top:-150px;text-align:center;color:#fff}

.containerC {width: 100%}

    blockquote {
    width: 100%;
    font-size: 1.7em;
    letter-spacing: .075em;
    float: left;
    margin: 0;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
	border-left:0;margin-top: -80px;	color: #363636;
}

    .containerC:before {
        content: "“";
        font: 14em sketch block;
        position: absolute;
        left: 10px;
        color: #666;
		margin-top: -70px;
    }

    .containerC:after {
        content: "”";
        font: 14em sketch block;
        position: absolute;
        color: #666;
		right: 10px;
		margin-top: -15px;
    }

        blockquote:first-line {
            font-size: 1.85em;
            	color: #363636;
        }

        /* blockquote:first-letter { */
            /* font-size: 2.9em; */
            /* text-transform: lowercase; */
            /* line-height: .52em; */
            /* margin-right: -5px; */
            /* position: relative; */
            /* z-index: 1; */

        /* } */
blockquote b{text-transform: lowercase;font-size: 2.9em;}
        blockquote strong:first-child {
            margin-left: 8px;
            letter-spacing: 0;
        }

        blockquote strong:last-child {
            font-size: 2em;
            text-transform: uppercase;
            letter-spacing: 0;
			color: #363636;
        }

        blockquote em {
            border-bottom: 2px dashed #858585;
			   color: #D50363;
        }

        blockquote + b {
        float: right;
        letter-spacing: .10em;
		color: #363636;
		    margin-top: -30px;
    margin-right: -50px;
        }

        blockquote + b:first-letter {
            color: #D50363;
            font-size: 1.3em;
            font-style: italic;
            letter-spacing: .25em;
        }

        @-moz-document url-prefix() { 

            blockquote:first-letter {
                margin-top: -29px;
            }

        }



.mainContent
{
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -50px; 
}
.mainContent:after {
  content: "";
  display: block;
  height:50px;
}
/*UNSLIDER*/
.banner{width: 100%}
.banner img{width: 100%;height:auto}
.unslider-nav{background-color:#141414;font-size:1.5em;display:none}

#accessor ul li a {
  display: inline-block;
  padding: 5px 7.5px;
  margin: 0 2.5px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: .9em;
  border: 1px solid #fff;
}
.textContent .collapseur, .picturesContent .collapseur, .videosContent .collapseur
{
right:5px;
bottom:35px;
background:#8a172b;
color:white;
padding:5px 10px;
font-size:8pt;
font-weight:bold;
cursor:pointer;
}
.textContent .innerContent{padding-right:100px;}
.textContent .collapseur{bottom:5px;}
.zoneCollapse{display:none;}
.vignette {width:160px;}.fancybox-thumb,
.fancybox-media{border:none;text-align:center;font-size:0pt;}
.fancybox-thumb DIV,.fancybox-media DIV{border:1px solid #CCC;margin:10px;display:inline-block;}
.fancybox-thumb IMG, .fancybox-media IMG{border:5px solid white;border-bottom:25px solid white;	width:150px;}
.fancybox-thumb EM, .fancybox-media EM{margin-bottom:10px;margin-top:-15px;display:block;color:#333;font-size:8pt;}
.footer{
width:auto;
overflow:hidden;
height:50px;
background:#ccc;
text-align:left;
line-height:35px;
padding:0px 10px;
color:#FFF;}
.footer a ,.footer a:visited,.footer a:hover,.footer a:active,.footer a:focus  {margin-right:10px;	color:#D50363;text-decoration: none;}
.fmain{width:100%;display:block}
.copyright{margin-top: 10px;margin-right: 20px;}
.fleft{float:left;display:block;margin-top: 10px;font-size: 0.9em;}
.flogocont{float:left;display:block;}
.fright{float:right}
.fcontact{margin-top: 10px;width: 210px;}

EM.citation DIV{	width:575px;}
#mailto{cursor:pointer;	padding:5px;padding-left:30px;background:url('courrier.png') no-repeat 0 3px;}
#zombieLayer{position:absolute;	top:0;	left:0;	right:0;bottom:0;background:#000;display:none;border:1px solid #000;}
.textSA{margin-top:25px;}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(248, 248, 248, 1);
    border-width: 0px;
    border-radius: 4px;
	  margin: 20px;
}
#custom-bootstrap-menu.navbar-default .navbar-brand {color: rgba(119, 119, 119, 1);}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(119, 119, 119, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(231, 231, 231, 1);
}
.navbar-toggle{float:left}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #888;
}
.titSud{color: #D50363;}
/*LOADER*/
.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

@media only screen and (max-width: 900px) {
.textContent{height:250px;}
.grid{margin: 0px;}
.ftImg{margin-left: 5px;margin-top:-8px;}
.fleft{float:left;margin-top:20px;}
.footer{font-size:11px;height:65px;line-height: 2px;text-align:center }
.fright{margin-top: 20px;}
.copyright{padding-top: 25px;margin-right:0;}
#custom-bootstrap-menu.navbar-default {margin: 0px;}
}
@media only screen and (max-width:670px){.textContent{height:300px;}}
@media only screen and (max-width:500px) 
{
	.containerC:after{margin-top:260px}
	blockquote{width:80%;margin-top:0px}
	blockquote b{font-size: 2em}
.textContent{padding:5px;height:370px;}

        blockquote + b {
    float: left;
    color: #363636;
    font-size: 0.9em;
    position: relative;
    bottom: -360px;
    right: 200px;
        }

}