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

body {
	background:#d0dcdf;
	color:#333;
	font:13px "Century Gothic", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
	letter-spacing:-1px;
	margin:0;
	line-height:1.4;
}
a {
	text-decoration:none;
}
a img {
	border:none
}
div#footer {
	text-align:center;
	background:url(../images/background-footer.jpg) repeat-x;
	position:fixed;
	bottom:0;
	width:100%;
	height:75px;
	z-index:2;
	color:#C0C0C0;
	margin:auto;
	float:left !important;
}
div#header {
	width:100%;
	height:125px;
	top:0;
	margin-left:auto;
	margin-right:auto;
	background-color:#999;
	background:url(../images/header-bg.jpg) repeat-x;
}
div#logo {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	left:-300px;
	height:184px;
	width:400px;
	background:url(../images/didier-mauras-logo.png) no-repeat;
	z-index:1;
	cursor:pointer;
}
div#lueur {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	left:-275px;
	top:-232px;
	width:825px;
	height:536px;
	background:url(../images/lueur.jpg) no-repeat;
	z-index:-1;
}
div#photo {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:-185px;
	left:230px;
	height:127px;
	width:120px;
	background:url(../images/ma-trombine.png) no-repeat;
}
div#content {
	position:relative;
	z-index:1;
	width:975px;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}
div#swirl {
	position:relative;
	z-index:0;
	width:196px;
	height:114px;
	left:0;
	top:0;
	background:url(../images/swirl.png) no-repeat;
	float:left;
}
div#swirl2 {
	position:relative;
	z-index:0;
	width:196px;
	height:114px;
	left:100px;
	top:0;
	background:url(../images/swirl2.png) no-repeat;
	float:left;
}
div.menu {
	position:relative;
	margin:0 auto -10px auto;
	left:250px;
	top:0px;
	width:600px;
	height:50px;
	font-size:1.5em;
}
div.menu ul {
	list-style:none;
}
div.menu ul li {
	display:inline;
}
div.menu ul li a {
	text-decoration:none;
	padding:6px 15px;
	color:#666;
}
div.menu ul li a:hover, div.menu ul li a:focus, div.menu ul li a.active {
	color:#FFF;
	text-decoration:none;
	background:#c8c8c8;
	padding:6px 15px;
 	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	position:relative;
	background: rgba(140,140,140,0.4);
}
span.thumb {
	display:block;
 	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background:rgba(255,255,255,0.3);
	border:12px solid rgba(255,255,255,0.3);
	cursor:pointer;
	height:108px;
}
div#footer img:hover {
   -moz-transform: rotate(5deg);
   -webkit-transform: rotate(5deg);
}
img.rotate:hover {
   -moz-transform: rotate(3deg);
   -webkit-transform: rotate(3deg);
}
span.titre {
	position:relative;
	top:12px;
	left:12px;
	display:block;
	text-align:left;
	color:#666;
	font-variant:small-caps;
	font-weight:bold;
	z-index:3;
	font-size:2em;
}
span.thumb a:hover {
	text-decoration:none;
}
span.thumb img:hover {
	opacity:0.5; 
}
table#portfolio img:hover {
	opacity:0.5;
}
div#content h2 {
	padding:8px 12px;
 	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	color:#FFF;
	display:inline-block;
	background: rgba(140,140,140,0.4);
}
form#contact textarea, form#contact input {
	border:#aaa 1px solid;
	font-size:1.5em;
	font-family:"Century Gothic", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
}
div.blocform {
	margin-bottom:5px;
	padding:8px 12px;
 	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background: rgba(140,140,140,0.4);
}
form#contact textarea {
	height:100px;
	width:100%;
	font-family:"Century Gothic", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
}
form#contact {
	margin:10px auto 0 auto;
	position:relative;
	width:450px;
}
form#contact p.consigne {
	display:inline-block;
	word-wrap: break-word;
	font-size:0.90em;
	float:right;
	margin-top:-10px;
	clear:none;
	width:43%;
}
form#contact input, form#contact textarea {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
form#contact input#envoyer {
	margin:5px;
	font-size:1em;
	background:#BEFCBC;
	color:#1A4F0B;
	font-weight:bold;
	border-left-color:#79D951;
	border-top-color:#79D951;
	border-bottom-color:#305B0F;
	border-right-color:#305B0F;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	
}
form#contact input#annuler {
	margin:5px;
	font-size:1em;
	background:#FFB9B9;
	color:#6A0000;
	font-weight:bold;
	border-left-color:#FF8C8C;
	border-top-color:#FF8C8C;
	border-bottom-color:#6A0000;
	border-right-color:#6A0000;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
div#socialnetworks {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:auto;
	text-align:center;
}
div#socialnetworks p.boutons {
	padding:6px 12px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background: rgba(140,140,140,0.4);
	display:inline-block;
	margin-right:5px;
}

div#socialnetworks p.boutons:hover {
   -moz-transform: rotate(8deg);
   -webkit-transform: rotate(8deg);
}
div#footer ul {
	margin:0 auto 0 auto;
	list-style:none;
}
div#footer ul li {
	padding:10px;
	display:inline;
}
p.confirmation {
	margin-left:auto;
	margin-right:auto;
	padding:6px 12px;
	background: rgba(165,255,163,0.4);
	font-size:2em;
 	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	color:#2c752a;
	font-weight:bold;
	display:block;
	text-align:center;
}
form#contact p.erreur {
	color:#F00;
	font-size:1em;
}
p.erreur1 {
	margin-left:auto;
	margin-right:auto;
	padding:6px 12px;
	background: rgba(255,195,195,0.5);
	font-size:2em;
 	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	color:#c30101;
	font-weight:bold;
	display:block;
	text-align:center;
}
p#logo_itunes {
	margin:0;
}
div#content2 a, div#content2 a:visited {
	background-color:#BBCCD0;
	padding:1px 5px;
	color:#333;
}
div#content2 a:hover {
	padding:1px 5px;
	background:none;
}
div#content2 ul li {
	margin-bottom:5px;
}
div#facebook_like {	
	margin:0 auto 2px auto;
	position:relative;
	left:200px;
	z-index:2;
	border:none; 
	overflow:hidden; 
	width:450px; 
	height:35px;
	background:url(../images/tu_aimes.png) 0 0 no-repeat;
	padding-left:210px;
}
div#facebook_like iframe {
	border:none;
	overflow:hidden; 
	width:450px; 
	height:35px; 
	color:#333; 	
	font:80% "Century Gothic", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif; 
	letter-spacing:-1px;
	background:#d0dcdf;
}
div.mes_sites {
	display:inline-block;
	margin:10px;
}
div#fleche {
	width:200px;
	height:89px;
	background:url(../images/fleche.jpg);
	position:relative;
	margin-left:auto;
	margin-right:auto;
	left:150px;
}
section {
	width:432px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#content figure {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:1px 1px 13px #999999;
	-webkit-box-shadow:1px 1px 13px #999999;
	background:none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
	border:12px solid rgba(255, 255, 255, 0.2);
	display:inline-block;
	height:108px;
	margin:20px 40px 20px 0;
	position:relative;
	vertical-align:top;
	width:150px;
}
#content figure img {
	display:block;
}
#content figure img:hover {
	opacity:0.5;
}
#content figure h6 {
	display:block;
	font-size:20px;
	margin:0;
	padding:0;
	position:absolute;
	top:-27px;
}
div.bas {
	height:75px;
}
#content p#presentation {
	width:100%;
}
#content span {
	display:inline;
	font-weight:bold;
	font-size:1.5em;
}
img.video {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:1px 1px 13px #999999;
	-webkit-box-shadow:1px 1px 13px #999999;
	background:none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
	border:12px solid rgba(255, 255, 255, 0.2);
}
img.video:hover {
	opacity:0.5;
}
.rouge {
	color:#F00;
	font-weight:bold;
	font-size:14px !important;
}