@charset "utf-8";

/* CSS Document - Mise en forme générale */

* {
	margin:0;
	padding:0;
}
body {
	font:normal 13px/18px Arial, sans-serif;
	text-align:left;
	letter-spacing:0.1em;
	word-spacing:0.1em;
	color:black;
	background:#f2f2f2;
}
h1 {
	font-size:25px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:black;
}
h2 {
	font-size:25px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:black;
}
h3 {
	font-size:25px;
	letter-spacing:0.2em;
}
h4 {
	font-size:20px;
	letter-spacing:0.2em;
}
h5 {
	font-size:16px;
}
p:first-letter {
	font-size:1.2em;
}
a {
	text-decoration:none;
}
img {
	border:0;
}

/* Structure */

div#conteneur {
	position:absolute;
	height:100%;
	width:100%;
}
div#conteneur-haut {
	position:relative;
	height:90%;
	width:100%;
	float:left;
	/*background:black;*/
}
div#contenu-gauche {
	position:absolute;
	height:600px;
	width:480px;
	left:40%;
	margin-left:-465px;
	top:0;
	/*background:yellow;*/
}
div#contenu-droite {
	position:absolute;
	height:600px;
	width:720px;
	left:60%;
	margin-left:-254px;
	top:0;
	/*background:green;*/
}
div#contenu-centre {
	position:absolute;
	height:600px;
	width:1200px;
	left:50%;
	margin-left:-600px;
	top:0;
	/*background:blue;*/
}
div#contenu-portfolio {
	position:absolute;
	height:2000px;
	width:1200px;
	left:50%;
	margin-left:-600px;
	top:0;
	/*background:blue;*/
}
div#footer-gauche {
	position:relative;
	height:50px;
	width:50%;
	float:left;
	background:grey;
	/*background:yellow;*/
}
div#footer-droite {
	position:relative;
	height:50px;
	width:50%;
	float:left;
	background:grey;
	/*background:green;*/
}

/* Home */

div#home
{
	position:absolute;
	height:35px;
	width:600px;
	top:15px;
	right:0;
	/*background:blue;*/
	
	opacity: 0.5;
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50);
	
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
div#home:hover
{
	opacity: 1;
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
}
div#home h3
{
	text-align:left;
}
#philippe
{
	font-weight:normal;
	letter-spacing:0.1em;
	color:#333;
}
#plouy
{
	letter-spacing:0.2em;
	color:black;
}
#regard
{
	font-size:15px;
	font-weight:normal;
	letter-spacing:0.2em;
	color:#f2f2f2;
}

/* Menu */

ul#menu
{
	position:absolute;
	height:40px;
	width:500px;
	top:10px;
	left:100px;
	/*background:grey;*/
}
ul#menu li
{
	float:left;
	list-style-type:none;
	text-align:center;
	background:transparent;
}
ul#menu li a.petite
{
	display:block;
	width:80px;
	height:40px;
	line-height:40px;
	font-weight:normal;
	letter-spacing:0.2em;
	color:#333333;
}
ul#menu li a.grande
{
	display:block;
	width:120px;
	height:40px;
	line-height:40px;
	font-weight:normal;
	letter-spacing:0.2em;
	color:#333333;
}
ul#menu li a#c
{
	display:block;
	width:60px;
	height:40px;
	line-height:40px;
	text-align:right;
	font-weight:normal;
	color:#333333;
	font-size:1.5em;
}
ul#menu a.petite:hover
{
	color:black;
	font-weight:bold;
	font-size:1.1em;
}
ul#menu  a.grande:hover
{
	color:black;
	font-weight:bold;
	font-size:1.1em;
}
ul#menu a#c:hover
{
	font-size:2em;
	color:black;
	background:transparent;
}
ul#menu a#c span
{
	display:none;
}
ul#menu a#c:hover span
{
	display:block;
	position:absolute;
	height:40px;
	width:1200px;
	top:-10px;
	left:-720px;
	text-align:center;
	font-size:x-small;
	letter-spacing:0.1em;
	word-spacing:0.1em;
	line-height:15px;
	padding:10px 0 0 0;
	background:grey;
	
	opacity: 0.95;
    
	Z-INDEX:10;
}

/* Portfolio */

ul#portfolio {
	position:absolute;
	height:100%;
	width:100%;
}
ul#portfolio li {
	list-style-type:none;
}
ul#portfolio li a {
	display:block;
	float:left;
	width:384px;
	height:256px;
	line-height:28px;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	color:black;
	background:transparent;
	
	-moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
ul#portfolio li a:hover {
	font-size:20px;
	font-weight:bold;
	color:white;
}
ul#portfolio li a span {
	display:none;
}
ul#portfolio li a:hover span {
	display:block;
	position:absolute;
	width:384px;
	height:216px;
	padding:40px 0 0 0;
	background:#404040;
	opacity: 0.7;
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
	
	z-index:10;
}
ul#portfolio li a.portfolio {
	display:block;
	width:1200px;
	height:25px;
	text-align:right;
	margin:50px 0px 0px 0px;
	opacity: 0.5;
	/*background:black;*/
}
ul#portfolio li a.portfolio:hover {
	opacity: 1;
}

ul#portfolio li a.a1 {
	margin:10px 12px 5px 0px;
}
ul#portfolio li a.a2{
	margin:10px 12px 5px 12px;
}
ul#portfolio li a.a3 {
	margin:10px 0px 5px 12px;
}

ul#portfolio li a.a4 {
	margin:5px 12px 5px 204px;
}
ul#portfolio li a.a5 {
	margin:5px 204px 5px 12px;
}

ul#portfolio li a.a6 {
	margin:5px 12px 5px 0px;
}
ul#portfolio li a.a7 {
	margin:5px 12px 5px 12px;
}
ul#portfolio li a.a8 {
	margin:5px 0px 5px 12px;
}

ul#portfolio li a.a9 {
	margin:5px 12px 5px 204px;
}
ul#portfolio li a.a10 {
	margin:5px 204px 5px 12px;
}

ul#portfolio li a.a11 {
	margin:5px 12px 5px 0px;
}
ul#portfolio li a.a12{
	margin:5px 12px 5px 12px;
}
ul#portfolio li a.a13 {
	margin:5px 0px 5px 12px;
}

ul#portfolio li a.a14 {
	margin:5px 12px 5px 204px;
}
ul#portfolio li a.a15 {
	margin:5px 204px 5px 12px;
}

ul#portfolio li a.a16 {
	margin:5px 12px 5px 0px;
}
ul#portfolio li a.a17{
	margin:5px 12px 5px 12px;
}
ul#portfolio li a.a18 {
	margin:5px 0px 5px 12px;
}

ul#portfolio li a.a19 {
	margin:5px 12px 5px 204px;
}
ul#portfolio li a.a20 {
	margin:5px 204px 5px 12px;
}

ul#portfolio li a.a21 {
	margin:5px 12px 5px 0px;
}
ul#portfolio li a.a22 {
	margin:5px 12px 5px 12px;
}
ul#portfolio li a.a23 {
	margin:5px 0px 5px 12px;
}

ul#portfolio li a.a24 {
	margin:5px 12px 5px 204px;
}
ul#portfolio li a.a25 {
	margin:5px 204px 5px 12px;
}

ul#portfolio li a.a26 {
	margin:5px 12px 5px 0px;
}
ul#portfolio li a.a27 {
	margin:5px 12px 5px 12px;
}
ul#portfolio li a.a28 {
	margin:5px 0px 5px 12px;
}

ul#portfolio li a.a29 {
	margin:5px 12px 5px 204px;
}
ul#portfolio li a.a30 {
	margin:5px 204px 5px 12px;
}

ul#portfolio li a:hover span.i1 {
	top:10px;
	left:0px;
}
ul#portfolio li a:hover span.i2 {
	top:10px;
	left:408px;
}
ul#portfolio li a:hover span.i3 {
	top:10px;
	left:816px;
}

ul#portfolio li a:hover span.i4 {
	top:276px;
	left:204px;
}
ul#portfolio li a:hover span.i5 {
	top:276px;
	left:612px;
}

ul#portfolio li a:hover span.i6 {
	top:542px;
	left:0px;
}
ul#portfolio li a:hover span.i7 {
	top:542px;
	left:408px;
}
ul#portfolio li a:hover span.i8 {
	top:542px;
	left:816px;
}

ul#portfolio li a:hover span.i9 {
	top:808px;
	left:204px;
}
ul#portfolio li a:hover span.i10 {
	top:808px;
	left:612px;
}

ul#portfolio li a:hover span.i11 {
	top:1074px;
	left:0px;
}
ul#portfolio li a:hover span.i12 {
	top:1074px;
	left:408px;
}
ul#portfolio li a:hover span.i13 {
	top:1074px;
	left:816px;
}

ul#portfolio li a:hover span.i14 {
	top:1340px;
	left:204px;
}
ul#portfolio li a:hover span.i15 {
	top:1340px;
	left:612px;
}

ul#portfolio li a:hover span.i16 {
	top:1606px;
	left:0px;
}
ul#portfolio li a:hover span.i17 {
	top:1606px;
	left:408px;
}
ul#portfolio li a:hover span.i18 {
	top:1606px;
	left:816px;
}

ul#portfolio li a:hover span.i19 {
	top:1872px;
	left:204px;
}
ul#portfolio li a:hover span.i20 {
	top:1872px;
	left:612px;
}

ul#portfolio li a:hover span.i21 {
	top:2138px;
	left:0px;
}
ul#portfolio li a:hover span.i22 {
	top:2138px;
	left:408px;
}
ul#portfolio li a:hover span.i23 {
	top:2138px;
	left:816px;
}

ul#portfolio li a:hover span.i24 {
	top:2404px;
	left:204px;
}
ul#portfolio li a:hover span.i25 {
	top:2404px;
	left:612px;
}

ul#portfolio li a:hover span.i26 {
	top:2670px;
	left:0px;
}
ul#portfolio li a:hover span.i27 {
	top:2670px;
	left:408px;
}
ul#portfolio li a:hover span.i28 {
	top:2670px;
	left:816px;
}

ul#portfolio li a:hover span.i29 {
	top:2936px;
	left:204px;
}
ul#portfolio li a:hover span.i30 {
	top:2936px;
	left:612px;
}

/* Galerie */

div#galerie-photo {
	position:absolute;
	height:500px;
	width:750px;
	top:15px;
	left:-30px;
	line-height:500px;
	text-align:center;
	background:transparent;
}
div#galerie-photo img {
	vertical-align:top;
}
div#lecteur {
	position:absolute;
	height:20px;
	width:100px;
	top:530px;
	left:330px;
}
div#lecteur table {
	height:20px;
	width:100px;
}
div#contenu-gauche h1.petit {
	position:absolute;
	height:50px;
	width:450px;
	top:15px;
	right:50px;
	text-align:right;
	line-height:25px;
	background:transparent;
}
div#contenu-gauche h1.grand {
	position:absolute;
	height:75px;
	width:450px;
	top:15px;
	right:50px;
	text-align:right;
	line-height:25px;
	background:transparent;
}
div#contenu-gauche p.h2 {
	position:absolute;
	height:350px;
	width:450px;
	top:85px;
	right:50px;
	text-align:right;
	line-height:20px;
	background:transparent;
}
div#contenu-gauche p.h3 {
	position:absolute;
	height:350px;
	width:450px;
	top:115px;
	right:50px;
	text-align:right;
	line-height:20px;
	background:transparent;
}

/* Profil - Actualités */

div#photo-profil {
	position:absolute;
	height:200px;
	width:300px;
	top:15px;
	right:50px;
	background:transparent;
}
div#photo-actualite {
	position:absolute;
	height:450px;
	width:300px;
	top:15px;
	right:50px;
	background:transparent;
}
h2#titre-profil {
	position:absolute;
	height:50px;
	width:720px;
	top:15px;
	left:0;
	text-align:left;
	line-height:25px;
	background:transparent;
}
p#texte-profil {
	position:absolute;
	height:1500px;
	width:720px;
	top:85px;
	left:0;
	text-align:justify;
	line-height:20px;
	background:transparent;
}
h2#titre-actualite {
	position:absolute;
	height:50px;
	width:720px;
	top:15px;
	left:0;
	text-align:left;
	line-height:25px;
	background:transparent;
}
p#texte-actualite {
	position:absolute;
	height:2500px;
	width:720px;
	top:85px;
	left:0;
	text-align:justify;
	line-height:20px;
	background:transparent;
}
a#haut {
	display:block;
	width:25px;
	height:25px;
	margin:20px 0px 0px 695px;
	opacity: 0.5;
	/*background:black;*/
}
a#haut:hover {
	opacity: 1;
}

/* Contact */

div#photo-contact {
	position:absolute;
	height:200px;
	width:300px;
	top:15px;
	right:50px;
	background:transparent;
}
h2#contact {
	position:absolute;
	height:50px;
	width:720px;
	top:15px;
	left:0;
	text-align:left;
	line-height:25px;
	background:transparent;
}
p#contact-texte {
	position:absolute;
	height:80px;
	width:720px;
	top:85px;
	left:0;
	text-align:left;
	line-height:20px;
	background:transparent;
}
h2#tirages {
	position:absolute;
	height:25px;
	width:720px;
	top:215px;
	left:0;
	text-align:left;
	line-height:25px;
	background:transparent;
}
p#tirages-texte {
	position:absolute;
	height:80px;
	width:720px;
	top:265px;
	left:0;
	text-align:left;
	line-height:20px;
	background:transparent;
}
h2#email {
	position:absolute;
	height:25px;
	width:720px;
	top:395px;
	left:0;
	text-align:left;
	line-height:25px;
	background:transparent;
}
p#adresse-email {
	position:absolute;
	height:20px;
	width:720px;
	top:445px;
	left:0;
	text-align:left;
	line-height:20px;
	background:transparent;
}

/* Actualités */

.stepcarousel
{
	position:absolute;
	overflow:scroll;
	width:1200px;
	height:500px;
	top:15px;
	left:0;
	background:transparent;
}
.stepcarousel .belt
{
	position:absolute;
	left:0;
	top:0;
}
.stepcarousel .panel
{
	float:left;
	overflow:hidden;
	width:1200px;
	background:transparent;
}
.texte-actualites
{
	position:absolute;
	float:left;
	width:410px;
	height:440px;
	background:transparent;
}
.texte-actualites h2
{
	position:absolute;
	height:50px;
	width:410px;
	top:0px;
	right:0px;
	text-align:right;
	line-height:25px;
	background:transparent;
}
.texte-actualites p
{
	position:absolute;
	height:365px;
	width:410px;
	top:75px;
	right:0px;
	text-align:right;
	line-height:20px;
	background:transparent;
}
.photo-actualites
{
	float:left;
	width:660px;
	height:440px;
	padding:0 0 0 440px;
	background:transparent;
}
a.illustration-1
{
	position:absolute;
	display:block;
	bottom:0;
	right:0;
}
a.illustration-2
{
	position:absolute;
	display:block;
	bottom:0;
	right:100px;
}
.control-gallery
{
	
}
div.panel a
{
	color:#808080;
}
div.panel a:hover
{
	font-weight:bold;
	color:#333333;
}