/* ECSS 0.0807 filtre='UNKNOW' agent='CCBot/1.0 (+http://www.commoncrawl.org/bot.html)' */

@charset "UTF-8";

;
	padding:0px;
	}

@font-face {
	font-family:'DIN-Regular';

src:url('http://production.traitcreatif.com/fonts/DIN/DINReg.eot');
	}

@font-face {
	font-family:'DIN-Regular';

src:url('../fonts/DIN/DINReg.woff') format('woff'),url('../fonts/DIN/DINReg.svg#DIN-Regular') format('svg');
	}

@font-face {
	font-family:'WalkwaySemiBold';

src:url('../fonts/WalkwaySemiBold/WalkwaySemiBold.eot');
	}

@font-face {
	font-family:'WalkwaySemiBold';

src:url('../fonts/WalkwaySemiBold/WalkwaySemiBold.woff') format('woff'),url('../fonts/WalkwaySemiBold/WalkwaySemiBold.svg#WalkwaySemiBold') format('svg');
	}

@font-face {
	font-family:'NanosecondThickBRK';

src:url('../fonts/NanosecondThickBRK/nsecthck.eot');
	}

@font-face {
	font-family:'NanosecondThickBRK';

src:url('../fonts/NanosecondThickBRK/nsecthck.woff') format('woff'),url('../fonts/nsecthck.svg#NanosecondThickBRK') format('svg');
	}

@font-face {
	font-family:'NanosecondWideBRK';

src:url('../fonts/NanosecondThickBRK/nanosecw.eot');
	}

@font-face {
	font-family:'NanosecondWideBRK';

src:url('../fonts/NanosecondThickBRK/nanosecw.svg#NanosecondWideBRK') format('svg');
	}

@font-face {
	font-family:'NanosecondWideBRK';

src:url('../fonts/NanosecondThickBRK/nanosecw.woff') format('woff');
	}

@font-face {
	font-family:'NanosecondThinBRK';

src:url('../fonts/NanosecondThickBRK/nsecthin.eot');
	}

@font-face {
	font-family:'NanosecondThinBRK';

src:url('../fonts/NanosecondThickBRK/nsecthin.woff') format('woff'),url('../fonts/NanosecondThickBRK/nsecthin.svg#NanosecondThinBRK') format('svg');
	}

p,a {
	font-family:"DIN-Regular",serif;
	font-size:14px;
	line-height:145%;
	text-align:justify;
	}

h1,h2,h3,h4,h5 {
	font-family:"WalkwaySemiBold",serif;
	font-size:20px;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	}

h1.bulle {
	font-family:"NanosecondWideBRK",serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:15px;
	float:left;
	;
	text-decoration:none;
	background:transparent url(/imgs/bulle.png) no-repeat 20px bottom;
	color:#FFF;
	padding-bottom:10px;
	}

h1.bulle span {
	padding:5px 20px 5px 20px;
	text-decoration:none;
	background:#2E3538;
	color:#FFF;
	display:block;
	box-shadow:1px 1px 3px #666;
	;
	}

h2 {
	padding:5px 20px;
	letter-spacing:1px;
	}

h3 {
	margin:0px 0px;
	padding:0px;
	letter-spacing:1px;
	}

#menu,#sousmenu {
	font-family:"NanosecondWideBRK",serif;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	}

.lien {
	font-family:"NanosecondWideBRK",serif;
	font-size:14px;
	letter-spacing:0px;
	letter-spacing:1px;
	}

html,body {
	text-align:center;
	background:#2E3538;
	}

#root {
	background:#FFF url(/imgs/css2-fondroot.png) no-repeat center top;
	text-align:center;
	overflow:hidden;
	}

#menu {
	;
	margin:0px 0px 5px 0px;
	box-shadow:2px 5px 10px #999;
	;
	text-align:right;
	z-index:40;
	border-bottom:5px solid #FFF;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	background:#2E3538;
	clear:both;
	}

#menu ul.menu {
	position:relative;
	z-index:10;
	width:720px;
	list-style:none;
	background:#2E3538;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	padding:5px 10px;
	}

#menu ul li {
	vertical-align:middle;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:bottom;
	}

#menu li a {
	color:#FFF;
	background:transparent url(/imgs/css2-fleche5.png) no-repeat 10px 6px;
	border:3px solid #FFF;
	border-bottom:0px;
	border-top:0px;
	border-left:0px;
	text-decoration:none;
	display:inline;
	padding:8px 20px 8px 30px;
	margin:0px;
	text-decoration:none;
	}

#menu li a.hover {
	background:#FF931E url(/imgs/css2-fleche5.png) no-repeat 10px 6px;
	padding:7px 20px 7px 30px;
	}

#menu li a.accueil {
	color:#FFF;
	background:#FFF url(/imgs/accueil.png) no-repeat center;
	text-decoration:none;
	}

#menu li a.accueil.hover {
	color:#FF931E;
	background:#FF931E url(/imgs/accueil.png) no-repeat center;
	}

#menu li.protect a {
	color:#FFF;
	border:4px solid #FFF;
	border-top:0px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	position:absolute;
	top:0px;
	left:0px;
	;
	;
	height:20px;
	background:#2E3538 url(/imgs/css2-fleche5.png) no-repeat 8px 10px;
	text-decoration:none;
	display:inline;
	padding:10px 12px 5px 30px;
	margin:0px;
	margin-left:20px;
	text-decoration:none;
	}

#menu li.protect a.hover {
	color:#FF931E;
	background:#FFF url(/imgs/css2-fleche2.png) no-repeat 9px 11px;
	}

#menu li a.smenu {
	border:0px;
	background:transparent url(/imgs/css2-fleche4.png) no-repeat 5px 0px;
	border:3px solid #FFF;
	border-bottom:0px;
	border-top:0px;
	border-left:0px;
	}

#menu li a.smenu span {
	margin-left:25px;
	}

#sousmenu {
	position:absolute;
	;
	width:100%;
	text-align:center;
	z-index:10;
	}

#sousmenu ul {
	padding:15px 0px 8px 0px;
	margin-left:auto;
	margin-right:auto;
	border-bottom-left-radius:8px;
	;
	background:transparent url("/imgs/ombre-haut.png") repeat-x left 5px;
	border-bottom-right-radius:8px;
	width:580px;
	list-style:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	clear:both;
	;
	;
	border-top:0px;
	}

#sousmenu ul li {
	padding:0px;
	display:inline-block;
	vertical-align:middle;
	color:#2E3538;
	text-transform:uppercase;
	vertical-align:middle;
	}

#sousmenu ul li a {
	color:inherit;
	color:#2E3538;
	background:transparent url(/imgs/css2-fleche1.png) no-repeat 10px 12px;
	text-decoration:none;
	padding:10px 20px 5px 30px;
	text-decoration:none;
	}

#sousmenu ul li a span {
	text-align:center;
	text-transform:uppercase;
	vertical-align:middle;
	display:inline-block;
	padding-top:5px;
	}

#sousmenu ul li a.hover {
	color:#FF931E;
	background:transparent url(/imgs/css2-fleche2.png) no-repeat 10px 10px;
	}

#header {
	margin-top:30px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	text-align:left;
	}

#logo img {
	cursor:pointer;
	}

#main {
	margin-left:auto;
	margin-right:auto;
	width:790px;
	position:relative;
	text-align:left;
	}

#portfolio {
	text-align:center;
	}

#sommaire-portfolio {
	padding-bottom:10px;
	padding-top:20px;
	clear:both;
	}

#sommaire-portfolio ul {
	list-style:none;
	display:block;
	clear:both;
	position:relative;
	padding:0px;
	margin:0px;
	}

#sommaire-portfolio ul li {
	padding:10px 13px;
	width:310px;
	height:195px;
	;
	display:inline-block;
	;
	;
	}

#sommaire-portfolio ul li a {
	;
	display:block;
	position:absolute;
	z-index:40;
	width:325px;
	height:210px;
	text-decoration:none;
	text-align:center;
	}

#sommaire-portfolio ul li a:hover {
	opacity:0.6;
	}

#sommaire-portfolio ul li a span {
	margin:0px;
	padding:0px;
	}

#sommaire-portfolio ul li a img {
	background:#FFF;
	border:0px;
	;
	;
	border:4px solid #FFF;
	}

#print span {
	opacity:0;
	width:310px;
	height:195px;
	position:absolute;
	z-index:10;
	;
	;
	background:url("../imgs/bandeau-print.gif") no-repeat 0px 0px;
	}

#illustrations span {
	opacity:0;
	width:310px;
	height:195px;
	position:absolute;
	z-index:10;
	;
	;
	background:url("../imgs/bandeau-illustration.gif") no-repeat 0px 0px;
	}

#web span {
	opacity:0;
	width:310px;
	height:195px;
	position:absolute;
	z-index:10;
	;
	;
	background:url("../imgs/bandeau-internet.gif") no-repeat 0px 0px;
	}

#photos span {
	opacity:0;
	width:310px;
	height:195px;
	position:absolute;
	z-index:10;
	;
	;
	background:url("../imgs/bandeau-photo.gif") no-repeat 0px 0px;
	}

#main {
	position:relative;
	z-index:1;
	}

#main .content,#main .description {
	clear:both;
	padding-bottom:10px;
	}

#main .content p,#main .description p {
	clear:both;
	margin:0px 0px 10px 0px;
	}

#main .content-exergue {
	position:relative;
	clear:both;
	margin-bottom:10px;
	margin:0px -10px 0px -10px;
	margin-top:0px;
	}

#main .content-exergue h1.bulle {
	display:block;
	position:absolute;
	z-index:1000;
	;
	left:10px;
	text-decoration:none;
	background:transparent url(/imgs/bulle.png) no-repeat 20px bottom;
	color:#FFF;
	padding-bottom:10px;
	text-transform:uppercase;
	}

#main .content-exergue .liste {
	clear:both;
	overflow:hidden;
	padding-bottom:20px;
	}

#main .content-exergue h2 {
	margin:40px 20px 10px 20px;
	padding:10px 0px;
	clear:both;
	}

#main .content-exergue ul {
	float:left;
	margin-left:70px;
	}

.infosbas {
	position:relative;
	clear:both;
	min-height:230px;
	}

.infosbas h1 {
	clear:both;
	margin:20px 0px;
	}

.infosbas p {
	padding-left:90px;
	padding-right:60px;
	}

.colonne {
	clear:both;
	margin-left:90px;
	}

.infosbas .colonne p {
	text-align:inherit;
	padding-left:inherit;
	padding-right:inherit;
	}

#silhouette {
	height:210px;
	position:absolute;
	left:0px;
	;
	background:transparent url(/imgs/silhouette.png) no-repeat left bottom;
	padding-left:70px;
	}

.colonne .col1 {
	margin:0px 60px 0px 0px;
	float:left;
	width:280px;
	}

.colonne .col2 {
	float:left;
	width:280px;
	}

.colonne .col3 {
	clear:both;
	margin-bottom:20px;
	}

#footer {
	color:#FFF;
	border-top:5px solid #FFF;
	border-left:0px;
	border-right:0px;
	background:#2E3538;
	clear:both;
	}

#footer .content {
	width:670px;
	margin-left:auto;
	margin-right:auto;
	padding:5px 0px;
	text-align:right;
	}

#footer .content p {
	text-align:right;
	}

#footer a img {
	vertical-align:middle;
	padding:5px;
	border:0px;
	}

#footer a {
	text-decoration:none;
	color:#404040;
	color:#EEE;
	}

#liste-portfolio {
	padding:0px;
	margin-left:48px;
	margin-right:auto;
	text-align:left;
	clear:both;
	margin-bottom:20px;
	}

#ul-portfolio {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
	}

#ul-portfolio li {
	width:310px;
	height:195px;
	margin:15px;
	position:relative;
	;
	display:inline-block;
	;
	;
	}

#ul-portfolio li a {
	display:block;
	position:absolute;
	z-index:40;
	text-decoration:none;
	}

#ul-portfolio li a.vignette img {
	background:#FFF;
	border:0px;
	text-decoration:none;
	margin:1px;
	padding:0px;
	;
	;
	border:3px solid #FFF;
	}

#ul-portfolio li a.vignette {
	;
	}

#ul-portfolio a.info {
	position:absolute;
	;
	;
	z-index:300;
	background:inherit;
	cursor:pointer;
	}

div.info {
	display:none;
	position:absolute;
	top:0;
	z-index:100;
	opacity:0.9;
	padding:9px;
	width:285px;
	height:170px;
	margin:4px;
	background:#2E3538;
	overflow:hidden;
	border:5px solid #FFF;
	}

div.info {
	font-family:"DIN-Regular",serif;
	font-size:13px;
	line-height:145%;
	text-align:left;
	}

div.texte-info {
	color:#FFF;
	padding:10px 10px 10px 10px;
	}

div.texte-info p a {
	padding-top:10px;
	clear:both;
	display:block;
	letter-spacing:1px;
	}

div.texte-info a {
	color:orange;
	}

div.texte-info i {
	padding-top:10px;
	border-top:1px dotted #FFF;
	letter-spacing:1px;
	clear:both;
	display:block;
	}

div.texte-info b {
	text-transform:uppercase;
	clear:both;
	}

#page-portfolio {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}

#box-portfolio {
	;
	position:fixed;
	width:960px;
	height:560px;
	background:transparent url("../imgs/transparence.png");
	border:1px solid #fff;
	z-index:11000;
	box-shadow:3px 3px 5px#333;
	text-align:center;
	padding-bottom:50px;
	left:0;
	right:0%;
	}

#img-portfolio {
	width:896px;
	height:512px;
	background:#FFF;
	box-shadow:3px 3px 5px #666;
	z-index:0;
	text-align:center;
	margin:30px;
	}

#nav {
	position:absolute;
	left:0;
	right:0;
	bottom:5px;
	padding:0px 20px;
	z-index:10;
	}

#nav ul {
	margin:0px;
	padding:0px 20px;
	}

#nav ul li {
	display:inline;
	list-style:none;
	}

#nav li a {
	text-align:center;
	width:80px;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	padding:6px 20px;
	box-shadow:3px 3px 5px #2E3538;
	;
	border:2px solid #FFF;
	background:#333 url("../imgs/transparence.png") repeat-x 10px -35px;
	}

#nav li.suivant {
	float:right;
	margin-bottom:10px;
	}

#nav li.precedent {
	float:left;
	margin-bottom:10px;
	}

#nav li a:hover {
	background:#FF931E url("../imgs/transparence.png") repeat-x 10px -35px;
	}

#opaque {
	text-align:center;
	display:none;
	position:fixed;
	bottom:0;
	top:0;
	left:0;
	right:0;
	background:#000;
	z-index:200;
	opacity:0.8;
	}

div.box {
	display:none;
	margin-left:auto;
	margin-right:auto;
	;
	position:fixed;
	top:3%;
	background:#2E3538;
	z-index:10000;
	;
	text-align:center;
	padding-bottom:10px;
	}

#box-form-login {
	left:0;
	right:0;
	width:350px;
	}

#logotype {
	text-align:center;
	clear:both;
	 0px 0px 0px;
	}

#logotype img {
	background:#fff;
	;
	text-align:center;
	padding:10px 30px;
	box-shadow:1px 1px 6px #666;
	}

#form-login {
	text-align:left;
	clear:both;
	padding:10px 0px 20px 70px;
	}

#box-form-login h1 {
	letter-spacing:1px;
	text-transform:uppercase;
	font-size:13px;
	text-align:left;
	padding:0px;
	margin-bottom:5px;
	margin-top:20px;
	}

#box-form-login h1,#form-contact h1,#box-merci {
	;
	padding:10px;
	color:#fff;
	}

div.box p {
	text-align:left;
	margin:0px 50px;
	}

.champs input {
	padding:3px 2px;
	clear:both;
	font-size:14px;
	width:200px;
	}

.champs input:focus {
	border:2px solid #2E3538;
	}

div.box .submit {
	margin-top:10px;
	margin-bottom:20px;
	padding-top:20px;
	}

div.box .submit input {
	margin-left:35px;
	background:#2E3538 url("../imgs/fond-submit.png") repeat-x -20px -10px;
	text-align:center;
	padding:10px 15px;
	;
	color:white;
	border:1px solid #FFF;
	font-size:15px;
	text-transform:uppercase;
	}

div.box .submit input:hover {
	background:#FF931E;
	border:1px solid transparent;
	cursor:pointer;
	}

#box-form-contact,#box-merci {
	position:absolute;
	left:0;
	right:0;
	width:800px;
	}

#box-merci p {
	color:inherit;
	color:#FFF;
	padding:5px 120px;
	margin:0px;
	text-align:left;
	}

form#form-contact {
	text-align:center;
	clear:both;
	padding:0px 0px 20px 0px;
	margin-left:auto;
	margin-right:auto;
	width:620px;
	}

form#form-contact h1 {
	margin-top:30px;
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:19px;
	}

form#form-contact p {
	color:#FFF;
	padding:5px 10px;
	margin:0px;
	text-align:center;
	}

.coordonnees {
	border:0px;
	padding:0px;
	margin:10px 0px;
	text-align:center;
	}

fieldset.message {
	overflow:hidden;
	text-align:center;
	width:620px;
	border:0px;
	margin:10px 0px;
	padding:0px;
	}

.box
.coordonnees {
	float:left;
	}

.box .coordonnees input {
	width:290px;
	background:#fff;
	padding:2px;
	height:25px;
	color:#404040;
	font-style:italic;
	margin-left:10px;
	margin-bottom:10px;
	}

.box .message input {
	width:590px;
	padding:5px;
	background:#fff;
	color:#404040;
	font-style:italic;
	margin:6px;
	}

.box textarea {
	width:590px;
	padding:5px;
	background:#fff;
	color:#404040;
	font-style:italic;
	height:200px;
	margin:6px;
	font-family:verdana,sans-serif;
	font-size:14px;
	}

#page-videos {
	position:relative;
	}

#divideo {
	display:none;
	position:fixed;
	top:15%;
	left:0;
	right:0;
	z-index:1000;
	border:5px solid #FFF;
	width:768px;
	margin-left:auto;
	margin-right:auto;
	}

object,embed {
	width:768px;
	height:432px;
	}

#video {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	}

#liste-video {
	;
	z-index:10;
	position:absolute;
	;
	color:#FFF;
	background:#FFF;
	border:0px;
	border-top:5px solid #FFF;
	padding:10px 20px;
	width:275px;
	height:140px;
	display:none;
	bottom:0px;
	;
	}

div.explication {
	background:#FFF;
	opacity:0.9;
	}

div.explication h3 {
	background:#2E3538;
	color:#FFF;
	font-size:18px;
	padding:5px 10px 5px 10px;
	height:40px;
	}

div.repli p {
	color:#2E3538;
	padding:5px 10px 5px 10px;
	}

div.repli a {
	color:#FF931E;
	}

#lastvideos {
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	}

#liste-video {
	margin:0px;
	text-align:left;
	}

#liste-video .vignette {
	background:#FFF;
	margin-bottom:10px;
	margin-left:10px;
	position:relative;
	width:310px;
	border:2px solid #fff;
	float:left;
	;
	}

#liste-video .vignette a {
	border:0px;
	text-decoration:none;
	}

#liste-video .vignette a img {
	width:310px;
	height:195px;
	background:#FFF;
	border:0px;
	}

#menu-video ul {
	clear:both;
	border:1px dashed #2E3538;
	border-left:0px;
	border-right:0px;
	margin:20px 0px;
	overflow:hidden;
	}

#menu-video ul li {
	display:inline;
	margin:5px;
	}

#menu-video ul li a {
	color:#2E3538;
	}

#menu-video ul li img {
	vertical-align:middle;
	}

#menu-video ul li a img {
	border:0px;
	padding:3px;
	vertical-align:middle;
	}

#menu-video li input {
	display:inline;
	border:1px solid #ccc;
	width:200px;
	padding:2px;
	margin:5px 0px;
	vertical-align:middle;
	}

#menu-video li h2 {
	display:inline;
	margin-left:250px;
	}

ul.lien {
	width:690px;
	margin-left:20px;
	padding:3px 10px;
	text-align:right;
	}

ul.lien li {
	padding:0px;
	margin:0px;
	display:inline;
	vertical-align:middle;
	color:#2E3538;
	text-transform:uppercase;
	}

ul.lien li a {
	color:#2E3538;
	cursor:pointer;
	background:transparent url(/imgs/css2-fleche1.png) no-repeat 10px;
	text-decoration:none;
	padding:0px 0px 0px 30px;
	text-decoration:none;
	}

ul.lien li a span {
	text-align:center;
	text-transform:uppercase;
	display:inline-block;
	padding-top:10px;
	}

ul.lien li a:hover {
	color:#FF931E;
	background:transparent url(/imgs/css2-fleche2.png) no-repeat 10px;
	}

.defilement {
	position:relative;
	z-index:10;
	}

.defilement #prec {
	position:absolute;
	;
	top:0px;
	}

.defilement #suiv {
	position:absolute;
	;
	}

.defilement #suiv a {
	display:block;
	width:59px;
	height:85px;
	background:transparent url(/imgs/suiv.png) no-repeat 10px;
	text-decoration:none;
	color:#2E3538;
	padding:10px;
	}

.defilement #prec a {
	display:block;
	width:59px;
	height:85px;
	background:transparent url(/imgs/prec.png) no-repeat 10px;
	text-decoration:none;
	color:#2E3538;
	padding:10px;
	}

.defilement #suiv a span,.defilement #prec a span {
	display:none;
	}

.defilement #prec a:hover {
	background:transparent url(/imgs/prec-hover.png) no-repeat 10px;
	border:3px solid #FFF;
	}

.defilement #suiv a:hover {
	background:transparent url(/imgs/suiv-hover.png) no-repeat 10px;
	border:3px solid #FFF;
	}

#menusite li a.logout {
	background:#CF0000;
	}

#beta {
	width:198px;
	height:91px;
	position:absolute;
	z-index:9;
	background:transparent url(/imgs/15eanniversaire.png) no-repeat left top;
	color:#2E3538;
	right:0px;
	top:90px;
	font-weight:bold;
	text-align:left;
	}

#beta h1 {
	display:none;
	color:#2E3538;
	font-size:13px;
	font-family:Verdana;
	margin:0px;
	}

#beta p {
	display:none;
	font-size:9px;
	margin:2px;
	}

#ill {
	padding:0px 40px 40px 0px;
	display:block;
	}

#ill img {
	padding:0px;
	margin:0px;
	width:150px;
	}

#ill a img {
	border:0px;
	float:left;
	padding-right:30px;
	}

#ill p {
	display:inline;
	padding:0px;
	}