/*

	Site internet Agnes Janin
	Version : 1.1
	Site	: www.agnesjanin.fr
	
	Theme 	: Agnes 1.1
	Author	: Design : Fred Kalfon - Integration : Yann Lobry
	
*/

*
{
    margin:0;
    padding:0;
}

html {font-size: 100%;}

body
{
    margin:0;
    padding:0;
    border:0;
    /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300;
    background: transparent;
}


p
{
    margin:0;
    padding:0;
}

.clearer
{
    height:0px;
    clear:both;
    font-size:0px;
    line-height:0px;
    width:0px;
}

.clearer_left
{
    height:0px;
    clear:left;
    font-size:0px;
    line-height:0px;
    width:0px;
}

.clear
{
    font-size:0px;
    line-height:0px;
}

.invisible
{
    display:none;
    border: 0;
    margin: 0;
    padding: 0;
    
}

img
{
    border:0px;
    margin:0px;
    padding: 0px;
    
}

.inline
{
    display: inline;
}

.block
{
    display: block;
}

.right
{
    float: right;
}

.left
{
    float: left;
}

.relative
{
    position: relative;
}


/* 
##############
GENERALE STYLE
##############
*/

a
{
    cursor: pointer;
    text-decoration: none;
    color: #000;
}

a:visited
{
    color: #000;
}

a:hover
{
    color: #cc3399;
}

/* MENU PRINCIPAL réglages largeur 1024px */

#menu-principal {background: transparent url(../images-structure/pix-blc84.png) repeat 0 0;padding: 0 0 0 12px;}

#menu-principal ul {list-style-type: none;}

#menu-principal li {float:left;}

#menu-principal span.active, #menu-principal a.trail  {color: #98106b;cursor: pointer;}

#menu-principal li.active a {color: #cc3399;}

#menu-principal ul.level_2 {position: absolute;display: none;padding-bottom: 50px;}

#menu-principal ul.level_2 li {float: none;padding: 0;}

#menu-principal ul.level_2 li.first {margin-top: 10px;}

#menu-principal ul.level_2 a {padding: 1px 11px 0 2px;background-color: #fff;color: #cc3399;}

#menu-principal ul.level_2 a:visited {color: #cc3399;}

#menu-principal ul.level_2 a:hover {color: #ff45c1;}

#menu-principal ul.level_2 span.active {padding: 1px 11px 0 2px;background-color: #fff;color: #98106b;opacity:0.7;-ms-filter:”alpha(opacity=70)”;filter:alpha(opacity=70);-moz-opacity:.70;-khtml-opacity:.70; }

/* PREV-NEXT */

#prevslide, #nextslide {position:absolute;top:50%;opacity:1;}

#prevslide {left:10px;}

#nextslide {right:10px;}

#prevslide:hover, #nextslide:hover{cursor:pointer;}

/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.6
	Site	: www.buildinternet.com/project/supersized
	
	Theme 	: Shutter 1.1
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
	Modification : 201202 - Yann Lobry
	
*/

#controls-wrapper {margin:0 auto;width:100%;bottom:0px;left:0;z-index:4;background: transparent url(../images-structure/pix-blc84.png) repeat 0 0;position:fixed;}

#controls {overflow:hidden;height:100%;position:relative;text-align:left;z-index:5;}

#gauch-control {height:100%;float: left;background: transparent url(../images-structure/filet-rose-1024.gif) repeat-y right top;}

#container-logo {height: 100%;padding-left: 0px;float: left;}

#container-reseaux {width:auto;}

#retourhome {display: block;height: 84px;width: 180px;}

#reseaux-sociaux a {display: block;float: left;}

a.pdf-portfolio {display: block;}


a.pdf-portfolio span {color:#cc3399;}


#slidecaption {overflow:hidden;float:left;position: relative;height:100%;}

/*
#slidecaption a.facebook-photo {position: absolute;right: 0;top:2px;display: block;width: 137px;height: 14px;background: transparent url(../images-structure/partagez-sur-facebook-1024.png) no-repeat 0 0;}

#slidecaption a.facebook-photo:hover {background: transparent url(../images-structure/partagez-sur-facebook-1024-hover.png) no-repeat 0 0;}
*/

#slidecaption a.facebook-photo {font-family: Gill Sans / Gill Sans MT, Arial, sans-serif;color: #244aa1;font-weight: bold;}

#slidecaption a.facebook-photo:visited {color: #244aa1;}

#slidecaption a.facebook-photo:hover {color: #336ae5;}

#play-button {float:left;display: block;height:100%;}

#play-button:hover{cursor:pointer;}

ul#slide-list {float:left;list-style-type: none;}

ul#slide-list li{float:left;}

ul#slide-list li a{display:block;border: solid 1px #000;background-color: #fff;}

ul#slide-list li a:hover{cursor:pointer;background-color: #f25ec1;border: solid 1px #f25ec1;}

ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{background-color: #cc3399;border: solid 1px #cc3399;}			

#slidecounter {float:left;color: #000;font-weight: 300;background: transparent url(../images-structure/filet-noir-1024.gif) repeat-y right top;height: 100%;}

#slidecounter span.slidenumber {color: #cc3399;}

#container-trail {float:left;height: 100%;background: transparent url(../images-structure/filet-noir-1024.gif) repeat-y right top;} 
/* SUPP width: 33px; */

#tray-button {display: block;height: 100%;}

#tray-button:hover{cursor:pointer;}

#progress-back{z-index:5;position:fixed;left:0;height:4px;width:100%;background:url('../js/buildinternet-supersized-85d46c3/slideshow/img/progress-back.png') repeat-x;}

#progress-back.nv{top:0px;height:2px;}

#progress-bar{position:relative;height:4px;width:100%;background:url('../js/buildinternet-supersized-85d46c3/slideshow/img/progress-bar.png') repeat-x;}

#thumb-tray{position:fixed;z-index:3;bottom:0;left:0;background:url(../js/buildinternet-supersized-85d46c3/slideshow/img/bg-black.png);width:100%;overflow:hidden;text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }
		
#thumb-back, #thumb-forward{position:absolute; z-index:5;height:108px; width:40px; }

#thumb-back{ left:0; background: url('../images-structure/thumb-back.png') no-repeat center center;}

#thumb-forward{ right:0; background:url('../images-structure/thumb-forward.png') no-repeat center center;}

#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }

#thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }

#thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }
		
		
ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }

ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0;position: relative; }

ul#thumb-list li img { width:170px; height:auto;position:absolute;left:-10px; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);}

ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }

ul#thumb-list li:hover{ cursor:pointer; }

/* PLEIN POT */ 

#pleinpot {float: left;height: 100%;cursor: pointer;}

#container-nvcontrol {display: none;position: fixed;bottom: 0px;right:0px;z-index:6;}

#ssbutton {display: none;}

#ssbutton.affiche {display: block;}

#nvprev, #nvplay, #nvnext, #nvbtlegende, #avecpav, #ssbutton.affiche, #closefullscreen, #avecpav {cursor: pointer;}

#nvprev, #container-nvplay, #nvnext, #nvbtlegende, #avecpav, #fsbutton, #closefullscreen, #avecpav {background: transparent url(../images-structure/pix-blc84.png) repeat 0 0;float: left;}

#nvprev, #nvnext {color: #484848;}

#nvbtlegende, #avecpav, #ssbutton.affiche, #closefullscreen {color: #484848;text-transform: uppercase;}

#nvprev:hover, #nvnext:hover, #nvbtlegende:hover, #avecpav:hover, #ssbutton.affiche:hover, #closefullscreen:hover {color: #c39;}

#closefullscreen {display: none;}

#avecpav {margin-right: 0px;z-index:6;}

#nvlegende {position: absolute;color: #484848;display: none;background: transparent url(../images-structure/pix-blc84.png) repeat 0 0;}

#nvlegende .facebook-photo {display: none;}

/* PAGE TEXTE */

#container-contenu-texte {position: absolute;top:10%;height:60%;}

#contenu-texte {height:100%;overflow: auto;}

#contenu-texte p, #contenu-texte h2, #contenu-texte h3 {color: #fff;}

#contenu-texte h2 {font-weight: normal;}

#contenu-texte h3 {font-weight: bold;}

#contenu-texte p a {color: #fff;text-decoration: underline;}
#contenu-texte p a:visited {color: #fff;}
#contenu-texte p a:hover {color: #c39;}

/* ON LAISSE REGLAGE LARGEUR POUR LE JS SCROOLPANE */

#container-contenu-texte {left:50px;width: 530px;padding: 30px 0px 50px 50px;background: #272626 url(../images-structure/fond-pav-1024.jpg) no-repeat 0 100px;}

#contenu-texte {width: 490px;padding-right: 30px;}