/* @override 
	http://www.mirkine.com/style_site.css
	http://www.mirkine.com/nouveau/style_site.css
*/

BODY {
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: Gray;
	scrollbar-darkshadow-color: Gray;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #232323;
	background-color: #fff;
	
}
html, body {
	height: 100%; margin: 0px;
} 
* {
	color: #2f2f2f;
	font-family: 'Lato',Arial, Helvetica, Geneva, sans-serif;
	font-weight: 300;
}
/* @group liens */
img {
	border-width: 0;
}

a:link,a:visited {
	text-decoration:none;
	color: #444;
}

a:hover,a:active {
	text-decoration:underline;
	color: #91283B;
}

/* @end */



/* @group sections */

.tableau td {
	border-top: 1px solid #b4b4b4;
	padding-bottom: 12px;
	font-size: 11px;
}

.formulaire_site input{
	font-size: 15px;
	color: #484848;
	background-color: #fcfcfc;
	padding: 5px;
	border: 2px solid #666;
}

.triage {
	width:140px;
	height:460px;
	margin:10px;
	float:left;
}
.triage input,select {
	width:100%;
	height: 20px;
	font-size: 11px;
	color: #3e3e3e;
	background-color: #fbfbfb;
	font-weight: normal;
	font-style: normal;
	border-style: none;
}
.triage select {
	margin-bottom: 2px;
}
.triage input {
	font-weight: bold;
	background-color: #dedede;
	border: 2px solid #282828;
}
#admin {
	z-index: 1000;
	width:800px;
	background-color:#ebebeb;
	margin:10px auto;
	text-align: center;
}

#footer {
	height:25px;
	line-height: 25px;
	
	font-size: 11px;
	border-top: 1px solid silver;
	width: 960px;
	clear: both;
	
}
#footer_gauche {
	width: 480px;
	float: left;
	color: #91283B;
}
#footer_gauche a {
	font-weight: 500;
	color: #91283B;
}
#footer_droite {
	width: 480px;
	float: right;
	text-align: right;
	color: #91283B;
}



#menu_info {
	width:200px;
	position:absolute;
	top:-25px;
	right:0px;
	height:25px;
	line-height: 25px;
	text-align:right;
	color: white;
	font-size: 11px;
}

#menu_table {
	border-bottom: 1px solid silver;
}
#menu_table table {
	width: 100%;
}
#menu_table td {
	text-align: center;
}
#menu_table a {
	font-weight: 500;
	font-size: 20px;
}
#menu {
	border-bottom: 1px solid silver;
	width:960px;
	padding: 0;
	clear: both;
	display: table;
}

#menu li {
	display: table-cell;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 20px;
	line-height: 20px;
}

#menu_info a:link,#menu_info a:visited {
	font-weight: normal;
	color: #333;
	
}
#menu li a {
	font-size: 14px;
	text-transform:uppercase;
}
#menu_info a {
	font-size:12px;
}
#menu li ul {
	position: absolute;
	top: 20px;
	list-style-type:none;
	padding: 0 0 0 5px;
	margin: 0;
	background-color: #c5c5c5;
	visibility: hidden;
	z-index: 999;
}
#menu li ul li {
	padding: 3px 8px 3px 3px;
	line-height: 20px;
	height: 20px;
}
#menu li ul li a {
	font-size: 13px;
}
#menu li input {
	padding: 3px;
	width: 110px;
	text-align: center;
	border: 1px solid #808080;
}
#menu_simple {
	text-align: justify;
}
#contenu {
	width:960px;
	margin: 0 auto;
	clear: both;
	font-size: 14px;
	line-height: 20px;
}
#contenu h2 {
	text-align: center;
	margin-bottom: 0;
}
#slogan {
	padding: 10px;
	font-size: 40px;
}
#slogan div {
	width: 430px;
	float: left;
	font-weight: 400;
}
#slogan span {
	color: #808080;
	font-weight: 400;
}
#slogan sup {
	font-size: 12px;
	display: block;
	float: left;
	margin-top: -14px;
}
.contenu_photo {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.contenu_texte {
	padding: 20px;
}
.galerie_intro {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.galerie_intro li {
	float: left;
	width: 600px;
	margin-top: 20px;
	font-size: 13px;
	height: 200px;
	display: inline;
}
.galerie_intro li div {
	width: 220px;
	height: 200px;
	float: left;
}
.galerie_intro li h4 {
	margin-top: 5px;
}
.galerie_intro li a {
	font-size: 16px;
}
.galerie_intro li h4 a {
	font-weight: 400;
	text-transform:uppercase;
}
.galerie_encolonne {
	width: 100%;
}
.galerie_encolonne li {
	width: 450px;
	margin-right: 20px;
}
.galerie_encolonne li h4 {
	margin-top: 0;
}
.galerie_encolonne li div {
	width: 180px;
	height: 200px;
	float: left;
}
.galerie {
	text-align: center;
}
#galerie {
	clear: both;
	padding: 0;
	margin-right: 140px;
	margin-left: 140px;
	margin-top: 40px;
}
#galerie h2 {
	text-align: center;
	margin-bottom: 40px;
	clear: both;
}
#galerie li {
	float: left;
	display: inline;
	width: 150px;
	height: 180px;
	text-align: center;
	font-size: 11px;
	padding: 0;
	margin: 0 10px;
	line-height: 13px;
}
#galerie li div {

	
	margin-right: auto;
	margin-left: auto;
}
#galerie li h4 {
	width: 130px;
	margin-right: auto;
	margin-left: auto;
}
#galerie li h4 a {
	
	font-size: 10px;
}
#galerie li p a {
	display: block;
	width: 120px;
	height: 120px;
	background-position: center center;
	margin-right: 15px;
	margin-left: 15px;
	background-repeat: no-repeat;
	float: left;
}
#galerie li img {
	margin: 0;
	padding: 0;
	
}
#galerie li p {
	margin-top: 0;
	margin: 0;
	line-height: 13px;
}
.accueil_slide {
	padding: 50px 50px 40px;
	text-align: center;
}
.accueil_slide h4 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.accueil_slide p {
	text-align: left;
	margin: 0;
}
.anyClass ul li p {
	position: absolute;
	height: 15px;
	color: #2d2d2d;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	bottom: -11px;
	width: 454px;
}


/* @end */

/* @group Photos */

#accueil_slider {
	padding-bottom: 20px;
}

#slider .slide {
	height:480px;
	width: 960px;
	overflow: hidden;
}
#apres, #avant {
	position:absolute;
	height:480px;
	line-height:480px;
	font-size:40px;
	width:25px;
}


#apres {
	text-align:right;
	right:-40px;
	width: 40px;
}

#avant {
	text-align:left;
	left: -40px;
	width: 40px;
}

a.jFlowPrev, a.jFlowNext {
	font-size:40px;
	color: white;
	cursor:pointer;
}
a.jFlowPrev:hover, a.jFlowNext:hover {
	text-decoration:none;
	color: #acacac;
}
div#myController {
	display:none;
}

.gauche_bloc h3,.droite_bloc h3 {
	color: #2d2d2d;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	display: none;
	position: absolute;
	margin: 0;
}
.gauche_bloc,.droite_bloc {
	with:454px;
	height:454px;
	position: absolute;
	top: 13px;
}
.gauche_bloc {
	float: left;
	left: 13px;
}
.droite_bloc {
	float: right;
	right: 13px;
}


/* @end */


#intro {
	margin: 0;
	background-image: url(images/mirkine_accueil.jpg);
	width: 960px;
	height: 480px;
}
#intro span {
	color: #191919;
	font-size: 64px;
	position: absolute;
	font-weight: normal;
	font-style: normal;
	top: 0;
	right: 10px;
}
#intro img {
	width: 0;
	height: 0;
	display: none;
}
.filmographie_photos {
	font-size: 10px;
	width: 100%;
}
.filmographie_photos p {
	margin: 0;
	padding: 0;
	
}