@charset "utf-8";
/* CSS Document */

/*browser properties killer*/
body,
p,
ul,
li,
ul li,
ol,
ol li,
h1,
h2,
h3,
h4 { padding:0; margin:0; font-size:13px; font-weight:normal; list-style:none; }
img { border:none }
*|*:-moz-any-link:focus, a, a:focus {outline: none;}
a, a:hover{text-decoration:none}
/**/
/*utils*/

.clear{clear:both}
.clearLeft{clear:left}
.clearRight{clear:right}
/**/
.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
/**/
.floatLeft{float:left}
.floatRight{float:right}
.floatNone{float:none}

/*column*/

.col0{ width:0px; float:left}
.col5{ width:5%; float:left}
.col10{ width:10%; float:left}
.col15{ width:15%; float:left}
.col20{ width:20%; float:left}
.col25{ width:25%; float:left}
.col30{ width:30%; float:left}
.col33{ width:33%; float:left}
.col34{ width:34%; float:left}
.col35{ width:35%; float:left}
.col40{ width:40%; float:left}
.col45{ width:45%; float:left}
.col50{ width:50%; float:left}
.col55{ width:55%; float:left}
.col60{ width:60%; float:left}
.col65{ width:65%; float:left}
.col70{ width:70%; float:left}
.col75{ width:75%; float:left}
.col80{ width:80%; float:left}
.col85{ width:85%; float:left}
.col90{ width:90%; float:left}
.col95{ width:95%; float:left}
.col100{ width:100%; float:left}
.col27{ width:27%; float:left; position:relative; padding-top:50px}
.col73{ width:73%; float:left; position:relative}
/**/

/* C O L O R S & B A C K G R O U N D S */
#footer{background-color:#4b5151; color:#eee; 
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0)) ); 
background-image: -moz-linear-gradient( center bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100% );
border-top: solid 1px #666;
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.8); 
box-shadow: 0 0 4px rgba(0,0,0,0.8);}

/*LEFT*/
body{background: url(http://www.s-cape.biz/css/ressources/bckg10.png) #fff;}
.menuButton{background:url(http://www.s-cape.biz/css/ressources/bckg03.png) #343838;
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0)) ); 
background-image: -moz-linear-gradient( center bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100% );
border: solid 1px #aaa;
border-top:none;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
 color:#fff;}
.menuBckg{}
ul.menuLeft li{border-bottom:solid 1px #fff;}
#menu a{ color:#fff}
#menu a:hover, #menu a.active{ color:#bc4232}
.leftCol{ color:#000}
.leftCol .infoBox + .infoBox {border-top:dashed 1px #bbb}
.leftCol h4 a{color:#999}
.leftCol h4{color:#bc4232}
.leftCol p a{background:#bc4232; color:#fff;}
.leftCol p a:hover{background:#fff; color:#bc4232}
.leftCol p b{color:#999;}
.leftCol h3{border-bottom:solid 1px #bbb; letter-spacing:0 }
.leftCol .nom{color:#999;}

/*RIGHT*/
.contentBckg{background:url(http://www.s-cape.biz/css/ressources/bckg03.png) #343838;
border-left: 5px solid #666;
margin-left:-6px;
-moz-box-shadow: 0 2px 7px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.4); 
box-shadow: 0 2px 7px rgba(0,0,0,0.4);}
.videoBox{ background: #000; outline:solid 1px #eee}
#staff{ color:#fff;}
#staff a{color:#fff}
#staff a:hover{background:#fff; color:#000}
#staff h3{text-shadow:none; 
-moz-box-shadow:none; 
-webkit-box-shadow:none; 
box-shadow:none; letter-spacing:0}
#staff h4{text-shadow:none; color:#fff}
.content li+li{border-top:dashed 1px #eee; }
.content li b{color:#9aca39;}
.photoZone{background-color:#fff;}
body .photoZone li{color:#bc4232;}
.photoZone ul + ul li{color:#000;}
.photoZone li+li{border-left:solid 1px #999;}
.rightCol .photoZone h3{ color:#bc4232;
text-shadow:1px 1px #8C1202;
-moz-box-shadow:none; 
-webkit-box-shadow:none; 
box-shadow:none}
.photoZone .date{color:#000}
.photoZone p{color:#000}
.rightCol .photoZone p b{color:#bc4232;}
.rightCol{color:#eee}
.rightCol .infoBox + .infoBox {border-top:dashed 1px #eee}
.rightCol h4 a{color:#999}
.rightCol h4 {color:#BC4232; text-shadow:1px 1px #8C1202; font-weight:normal}
.rightCol p a{background:#282e30; color:#fff; border-bottom:solid 1px #555; border-top:solid 1px #222}
.content li a{background:#282e30; color:#fff; border-bottom:solid 1px #555; border-top:solid 1px #222}
.rightCol p a:hover{background:#000; color:#999}
.content li a:hover{background:#000; color:#999}
.rightCol p b{color:#ffa800;}
.rightCol h3{border-bottom:solid 1px #111; color:#fff; text-shadow:0 3px 2px #000000;
-moz-box-shadow: 0 1px 0 #6b6f6e;
-webkit-box-shadow: 0 1px 0 #6b6f6e; 
box-shadow: 0 1px 0 #6b6f6e;}
.rightCol .nom{color:#999; text-shadow:0 2px 1px #000000}

/* T E M P L A T E */
body{font-family:Arial, Helvetica, sans-serif;}
#master{width:950px; margin: 0 auto; position:relative;}
#footer{position:fixed; width:100%; bottom:0; width:100%; text-align:center; z-index:4; padding:5px 0; letter-spacing:1px}
.content{padding:10px; position:relative; z-index:1}
.contentBckg{ position:fixed; width:100%; z-index:0; height:2345px;}
.logo{ height:393px; background:url(../images/site/logo.png) no-repeat;}
.logo h1, .logo h2{display:none; visibility:hidden}

/*M E N U*/
#menu{width:244px; position:absolute; left:0; top:0; text-transform:uppercase; font-weight:bold; font-size:20px; font-family:MostraOneRegular; padding-top:7px;}
ul#menu{position:relative}
#menu li{font-size:20px; font-weight:bold }
.menuButton{ width:244px; position:fixed; cursor:pointer; z-index:1; top:0; padding-bottom:15px;
-moz-border-radius-bottomright:10px; 
-webkit-border-radius-bottom-right:10px; 
border-radius-bottom-right:10px;
-moz-border-radius-bottomleft:10px; 
-webkit-border-radius-bottom-left:10px; 
border-radius-bottom-left:10px;}
.menuBckg.center{padding-bottom:15px; font-family:GothamHTFMedium; text-transform:none}
.menuBckg{margin-bottom:-18px; padding-bottom:18px}
ul.menuLeft li{margin:5px 20px 0; padding-bottom:5px; z-index:2; position:relative }

/*B O X*/
.infoBox{margin:0 20px; padding:20px 0}
.infoBox + .infoBox {border-top:dashed 1px #eee}
h3{text-transform:uppercase; font-size:28px; margin-top:10px; letter-spacing:4px; font-family:TheSerifPlainSemiBoldSemiBold}
.date{text-transform:uppercase; font-family:MostraOneRegular}
h4{text-transform:uppercase; font-weight:bold; font-size:16px;font-family:GothamHTFMedium}
p a, .content li a{text-transform:uppercase; padding:1px 2px 0; letter-spacing:2px; font-size:11px}
p b, .content li b{font-weight:bold}
.videoBox{margin:15px;}

/*G E N E R I Q U E*/
#staff h3{border:none;}
#staff{height:300px; overflow:hidden; position:relative}
#staff b{margin-right:10px}
#staff .col50{margin-top:10px}
#staffText{ position:absolute; width:100%}

/*C O N T E N T L I S T*/
.nom{font-family:GothamHTFMedium}
ul.citation li{ list-style-type:square; list-style-position:inside; margin:0 30px; padding:10px 0}
.citation li p{background:url(../images/site/quote.png) top left no-repeat; padding-left:40px; margin-top:3px}
.citation .reference{float:right}

/*P H O T O Z O N E*/
.photoLink a{display:block; position:absolute; height:300px; width:100%; z-index:3}
.photoZone{height:300px; overflow:hidden; width:100%; position:relative}
.photoZone h3{text-align:right; border:none; margin:0; font-size:34px}
.photoZone .date{text-align:right; font-size:18px; margin-bottom:20px}
body .photoZone li{float:left; border:none; font-family:TheSerifPlainSemiBoldSemiBold;}
.photoZone li{font-size:23px; text-transform:uppercase; }
.photoZone ul + ul li{ font-size:14px; text-transform:none;}
.photoZone li+li{ padding-left:5px; margin-left:5px}
.photoZone ul{ float:right; clear:both}
p.like{ text-align:right; margin-bottom:10px; font-size:15px; font-family:GothamHTFMedium}
.photoZone .padding{padding:10px 20px}
.photoZone .bottom{position:absolute; bottom:0; right:20px}

/*F I L M O G R A P H I E*/
.filmographie b, .filmographie i{ font-family:GothamHTFMedium}

/*D I S P L A Y*/
.perso .photoLink a{display:none; visibility:hidden}
.perso .description{display:block; visibility:visible}
.section .photoLink a{display:block; visibility:visible}
.section .description{display:none; visibility:hidden}

/*P E R S O N A L I S A T I O N*/
.emiliedevos{}
.fredericdelrue{}
.itzalpersaud{}
.jonathantrovato{}
.laurentdhave{}
.samuelbuisseret{}

.photoZone.samuelbuisseret { background:url(../images/id/samuelbuisseret.jpg)}

/*classic*/
@font-face{font-family:'GothamHTFMedium';src:url(../font/gothamhtf-medium-webfont.eot);src:url(../font/gothamhtf-medium-webfont.eot?#iefix) format('embedded-opentype'),url(../font/gothamhtf-medium-webfont.woff) format('woff'),url(../font/gothamhtf-medium-webfont.ttf) format('truetype'),url(../font/gothamhtf-medium-webfont.svg#GothamHTFMedium) format('svg');font-weight:normal;font-style:normal;}
/*palace*/
@font-face{font-family:'MostraOneRegular';src:url(../font/mostraone-webfont.eot);src:url(../font/mostraone-webfont.eot?#iefix) format('embedded-opentype'),url(../font/mostraone-webfont.woff) format('woff'),url(../font/mostraone-webfont.ttf) format('truetype'),url(../font/mostraone-webfont.svg#MostraOneRegular) format('svg');font-weight:normal;font-style:normal;}
/*cowboy*/
@font-face{font-family:'CampanileRegular';src:url(../font/campanile-webfont.eot?) format('eot'),url(../font/campanile-webfont.woff) format('woff'),url(../font/campanile-webfont.ttf) format('truetype'),url(../font/campanile-webfont.svg#webfontwIN9eFka) format('svg');font-weight:normal;font-style:normal;}
/*serif*/
@font-face{font-family:'TheSerifPlainSemiBoldSemiBold';src:url(../font/theserifplain-semibold-webfont.eot);src:url(../font/theserifplain-semibold-webfont.eot?#iefix) format('embedded-opentype'),url(../font/theserifplain-semibold-webfont.woff) format('woff'),url(../font/theserifplain-semibold-webfont.ttf) format('truetype'),url(../font/theserifplain-semibold-webfont.svg#TheSerifPlainSemiBoldSemiBold) format('svg');font-weight:normal;font-style:normal;}