/* Text classes */

* .highlight {color:#1A73E9;}
* .middle {vertical-align:center;}
* .top {vertical-align:top;}
* .bottom {vertical-align:bottom;}
* .left {text-align:left;}
* .right {text-align:right;}
* .justify {
    text-align:justify;
    -webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;
}
* .center {text-align:center;}
* .hidden {display:none;}

::selection {background:#F5CACA;}
::-moz-selection {background:#F5CACA;}

div {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}
.loaded{display:none}

/* Columns */
@media screen and (min-width : 760px){
.col1 {float:left;width:8.333333333%;}
.p10 {float:left;width:10%;}

.col2 {float:left;width:16.666666667%;}
.p20 {float:left;width:16.666666667%;}

.col3 {float:left;width:24.9%;}
.p30 {float:left;width:30%;}

.col4 {float:left;width:33.333333333%;}
.p40 {float:left;width:40%;}

.col5 {float:left;width:41.666666667%;}
.p50 {float:left;width:50%;}

.col6 {float:left;width:49.9%;}
.p60 {float:left;width:60%;}

.col7 {float:left;width:56.933333333%;}
.p70 {float:left;width:70%;}

.col8 {float:left;width:66.666666667%;}
.p80 {float:left;width:80%;}

.col9 {float:left;width:75%;}
.p90 {float:left;width:90%;}

.col10 {float:left;width:83.333333333%;}
.coll11 {float:left;width:91.666666667%;}
    
.sound-list .column {float:left;width:57%;margin-right:2%;}
.sound-list .column.last {width:40%;margin-right:0;}

#details{font-size:.8em;margin-bottom:8px}
    
.resizeable {display:block;margin:0;padding:0;width:100%;max-width:100%;}
}
@media screen and (max-width : 399px){
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10{
width:100%
}
.sound-list .column {width:100%;margin:2%;}
.sound-list .column.last {width:100%;margin:2%;}

}
/* @.clear-fix*/
*.clear-fix:before, *.clear-fix:after {content:"";display:block;margin:0;padding:0;clear:both;width:100%;height:1px;line-height:1px;background-color:none;}
* .clear{
    clear:both;display:block;float:none;margin:0 !important;padding:0 !important;width:100% !important;height:0;
    line-height:0;overflow:hidden;background:none;
}


/* Elements */

section, article, header, footer, nav {display:block;margin:0;padding:0;}
h1, h2, h3, h4, h5, ul, li, form, fieldset {margin:0;padding:0;}
a img {border-width:0;}

a:link, a:visited {text-decoration:none;color:#C67572;}
a:hover {
	color:#C64F4A;
	-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;-ms-transition:color .5s;transition:color .5s;
}
@media screen and (min-width : 599px){
blockquote:before {content:'\201C';text-indent:-.3em;top:-.1em;left:0;}
blockquote:after {
	top:auto;bottom:.9em;right:1.2em;left:auto;
	content:'\201E';text-indent:.6em;text-align:right;
}
blockquote:before,  blockquote:after {
	position:absolute;display:block;width:0;height:0;margin:0;padding:0;
	font-size:10em;line-height:1;color:#F0EAEA;
}
blockquote {position:relative;margin:0;padding:0 5em 0 3em;font-family: 'Georgia','Times','Times New Roman',serif;font-style:oblique;letter-spacing:.1em;}
blockquote p {font-size:.875em;}
.phone {color:#C67572;}
}

/* Filets */
hr {margin:0 1em 1em 0;background:none;border: 1px solid #AD312B;border-width:0 0 1px 0;height:0;}
hr.dotted {margin:0 1em 1em 0;background:none;border: 1px dotted #AD312B;border-width:0 0 1px 0;height:0;}
hr.double {margin:0 1em 1em 0;background:none;border: 3px double #AD312B;border-width:0 0 3px 0;height:3px;}

/* @.strike-through */
.strike-through {position:relative;text-align:center;border-bottom:1px solid #CCCCCC;}
.strike-through span.content {position:absolute;display:block;top:-.75em;margin:0;padding:0;width:100%;text-align:center;}
.strike-through span.content span {padding:0 3em;background-color:#FFFFFF;}

/* @.audiojs */
.audiojs {
	width:100%;background:none;border-width:0;
	-webkit-box-shadow:none;box-shadow:none;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}
.audiojs .play-pause {border-right-width:0;}
.audiojs .scrubber, .audiojs .progress {height:7px;border-width:0;float:none;width:initial;position:initial}
.audiojs .scrubber {margin-top:14px;background:#353030;}
.audiojs .loaded {background:#353030;}
.audiojs .progress {background:rgb(207, 139, 139)}
.audiojs .play {background: url('../img/player-graphics-new.png') -2px -1px no-repeat;}
.audiojs .pause {background: url('../img/player-graphics-new.png') -2px -91px no-repeat;}
.audiojs .error {background: url('../img/player-graphics-new.png') -2px -61px no-repeat;}


/* Form elements */

fieldset {border-width:0;}
input[type="text"], input[type="password"], textarea, select { 
    display:block;background-color:#FFF;padding:.25em;width:100%;
    border:1px solid #D8DADB;font:normal .875em/1.714285714 sans-serif;outline:none;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}
input[type="text"]:focus, textarea:focus, input[type="submit"]:focus {
    background-color:#FFFBDC;   
}
input[type="text"].inline, input[type="password"].inline, textarea.inline, select.inline {display:inline;width:auto;}
input[type="text"].error, input[type="password"].error, textarea.error, select.error {background-color:#F6E6E6;border:1px solid #F6CCCA;}


/* Buttons */

input[type="submit"], button, a.btn:link, a.btn:visited {
    padding:.25em;font:normal 1em/1 sans-serif;
    border:1px solid #CCC;color:#999;background:#CCC;cursor:pointer;
}
input[type="submit"]:hover, button:hover, a.btn:hover {
    background-color:#BBB;
}

/* LAYOUT */
html, body {margin:0;padding:0;}
body {background-color:#363030;font: normal 100%/1.5 sans-serif;color:#666666;text-rendering: optimizeLegibility;}
@media screen and (min-width : 760px){
.hide-for-big{display:none}
header .wrapper, nav .wrapper, article .wrapper {margin:0 auto;padding:0;max-width:860px;min-width:400px}
}
@media screen and (max-width : 759px){
.hide-for-small{display:none}
.pad{margin:1em}
header .wrapper, nav .wrapper, article .wrapper {margin:0 auto;padding:0;width:100%;}
}
.contact fieldset {
margin: 3.428571429em 2em;
}
article {
	padding:1.5em 0 0 0;background-color:#FFFFFF;
	font-family: 'Georgia','Times','Times New Roman',serif;
}
article.sound-nav {padding-bottom:0;}
article h3, article h4, article h5 {font-weight:normal;font-family: 'Georgia','Times','Times New Roman',serif;font-style:oblique;color:#343031;}
article h3 {margin-bottom:1em;font-size:1.5em;line-height:1em;font-style:oblique;}
article p {font-size:.875em;line-height:1.714285714em;color:#686868;}

/* @header.main all screen*/
header.main {background: #DAD4D4 url('../img/pattern.gif') repeat-x 0 0;}
header.main .wrapper {position:relative;}
header.main.home a {display:block;}
header.main.home h1 span {display:none;}
header.main.home h2 span {font-weight:bold;white-space: nowrap;display: inline-block;}

header.pages-header h1 {min-height:184px;text-align:center;}
header.pages-header h1 img{max-width:94%;}
header.pages-header h1 span {display:none;}
header.pages-header h2 {
	text-align:center;font:normal 1em/1 'Georgia','Times','Times New Roman',serif;letter-spacing:.15em;color:#645B5C;
	}

header.pages-header h2 span {font-weight:bold;}


@media screen and (min-width : 760px){
/* @header.main big screen*/
header.pages-header h1 {margin-top:20px}
header.pages-header h2 {
	position:absolute;top:134px;left:0;width:100%;}
header.main.home h1 {margin:0;padding:0;height:356px;}
header.main.home h2 {position:absolute;top:261px;font-weight:normal;font:normal 1em/1 'Georgia','Times','Times New Roman',serif;letter-spacing:.15em;color:#645B5C;}
.contact fieldset {margin:3.428571429em 8em;}
.padphoto{float: left;margin:0 20px 10px 0;max-width: 40%;}

}
@media screen and (max-width : 759px){
/* @header.main small screen*/
h2, h3, h4, div>span {
margin-left:10px;
display:block
}
header.main.home h1 {margin:0;padding:0;text-align:center;}
header.main.home h2 {text-align:center;font-weight:normal;font:normal 1em/1 'Georgia','Times','Times New Roman',serif;letter-spacing:.15em;color:#645B5C;margin-bottom:10px}
header.pages-header h2 {position:relative;margin:10px}
header.main.home h1 img{max-width:80%}
.padphoto{float: left;margin:0 20px 10px 20px;max-width: 40%;}
}


/* @.sound-list */
@media screen and (max-width : 399px){
.sound-list .player {background-color:#FFF;border:1px solid #DDD;padding:.5em;margin-bottom:.2em;min-height:102px}
}
@media screen and (max-width : 526px){.partners-list ul li {width:50%}}

@media screen and (min-width : 400px){
.sound-list .player {background-color:#FFF;border:1px solid #DDD;padding:1.5em;margin-bottom:1em;min-height:118px}
}
article.sound-list {background-color:#F5F5F5;border-top:3px solid #DDD;border-bottom:1px solid #DDD;}

.player .title {margin-left:1em;font:normal .875em 'Arial',sans-serif;color:#686868;display: block;}
.player .title em {color:#C2A085;font-weight:normal;}

.vf-categories {border-top:1px solid #E0E0E0;list-style-type:none;}
@media screen and (max-width : 759px){
.vf-categories .vf-tab {
	font:normal .8em/1.2 'Montserrat','Arial',sans-serif;text-align:center;letter-spacing:.1em;
}
.vf-categories .vf-tab span {display:block;padding-top:5px;border-left:1px solid #DDDDDD;cursor:pointer;}
.col6 blockquote{
width:50%;
padding-right:0;
float:left;
margin:10px 0 0 10px;
}
#signature{
float:right}
}
@media screen and (min-width : 760px){
.vf-categories .vf-tab {
	float:left;width:14.285714286%;
	background-image: url('../img/pictos-sprite.png');background-repeat: no-repeat;background-position: 0 0;background-color:#FFFFFF;
	font:normal .625em/1.2 'Montserrat','Arial',sans-serif;text-align:center;letter-spacing:.1em;
}
.vf-categories .vf-tab span {display:block;padding-top:84px;height:41px/*125px*/;border-left:1px solid #DDDDDD;cursor:pointer;}

}
.vf-categories .vf-tab.current, .vf-categories .vf-tab:hover {
	background-color:#F5F5F5;
	-webkit-box-shadow: inset 0 1px 0 #E0E0E0;box-shadow:inset 0 1px 0 #E0E0E0;
}
.lecteur{transition: all 0.5s ease;}

.vf-categories .vf-tab.publicites {background-position:0 0;}
.vf-categories .vf-tab.publicites:hover {background-position:0 -125px;}
.vf-categories .vf-tab.publicites.current {background-position:0 -250px;}

.vf-categories .vf-tab.autopromo {background-position:-123px 0;}
.vf-categories .vf-tab.autopromo:hover {background-position:-123px -125px;}
.vf-categories .vf-tab.autopromo.current {background-position:-123px -250px;}

.vf-categories .vf-tab.billboard {background-position:-246px 0;}
.vf-categories .vf-tab.billboard:hover {background-position:-246px -125px;}
.vf-categories .vf-tab.billboard.current {background-position:-246px -250px;}

.vf-categories .vf-tab.commentaire-tv {background-position:-369px 0;}
.vf-categories .vf-tab.commentaire-tv:hover {background-position:-369px -125px;}
.vf-categories .vf-tab.commentaire-tv.current {background-position:-369px -250px;}

.vf-categories .vf-tab.narration-docu {background-position:-492px 0;}
.vf-categories .vf-tab.narration-docu:hover {background-position:-492px -125px;}
.vf-categories .vf-tab.narration-docu.current {background-position:-492px -250px;}

.vf-categories .vf-tab.institutionnel {background-position:-615px 0;}
.vf-categories .vf-tab.institutionnel:hover {background-position:-615px -125px;}
.vf-categories .vf-tab.institutionnel.current {background-position:-615px -250px;}

.vf-categories .vf-tab.divers {background-position:-738px 0;}
.vf-categories .vf-tab.divers:hover {background-position:-738px -125px;}
.vf-categories .vf-tab.divers.current {background-position:-738px -250px;}

.vf-categories .vf-tab.last span {border-right:1px solid #DDDDDD;}
.vf-categories .vf-tab span:hover {color:#353030;}
.vf-categories .vf-tab.current span, .vf-categories .vf-tab.current span:hover {color:#CA7270;}


.strike-through {margin-bottom:2.5em;}
.more-sounds {color:#888888;}
.more-sounds a:link, {color:#C67572;}

/* @.partners-list */
.partners-list {height:378px;margin-bottom:1.5em;}
.partners-list ul {display:block;list-style-type:none;}
.partners-list ul li {float:left;}
.partners-list ul li img {display:block;margin:auto;padding:0;}

/* @.actu-video */
/*.actu-video {padding:1.5em;background-color:#EEEEEE;border:1px solid #CBCBCB;}*/
.actu-video {padding:1em;background-color:#EEEEEE;border:1px solid #CBCBCB;}
.actu-video p {margin:0 0 1.5em 0;font-family:'Arial',sans-serif;}
.actu-video p em {color:#BEA169;}
.video_container_wrapper{
position:relative}

/* @.contact */
.contact {margin:0;padding:0;background-color:#F5F5F5;border:1px solid #DCDCDC;}

.contact label {padding-right:1.333333333em;font-size:1.285714286em;line-height:1.555555556em;color:#656565;}
.contact textarea {height:17.142857143em;}
.contact button {
	padding:1em 1.5em;background:#FFF;border:1px solid #DDDDDD;border-width:1px 1px 2px 1px;
	font:normal 1em/1.5 'Montserrat','Arial',sans-serif;color:#868686;
}
.contact button span {display:inline-block;margin-right:.5em;background:url('../img/enveloppe-sprite.png') no-repeat 0 0;height:21px;width:28px;vertical-align:-25%;}
.contact button:hover {color:#353030;}
.contact button:hover span {background:url('../img/enveloppe-sprite.png') no-repeat 0 -21px;}

/* @footer.main */
footer.main {background-color:#363030;}
footer.main p {margin:3em 0 4em 0;}
footer.main p img {display:block;margin:0 auto;padding:0;max-width:94%}