body{
	background:#b1a38a url(/images/background.gif) repeat center top;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#333;
}
a{
	color:#0066FF;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

#wrapper {
	width:1092px;
	margin:0 auto;
}

#header{
	height:244px;
	padding:0px;
	background:url(/images/header_back.jpg) left top no-repeat;
	margin-top:19px;
}
#header h1{
	margin:0;
	padding:0;
}
#header h1 a{
	float:left;
	display:block;
	width:340px;
	height:190px;
	margin:40px 0 0 25px;
	padding:0;
}
h1,h2{
	font-weight:normal;
	margin-top:10px;
	color:#003366;
	padding:0;
}
h3{
	color:#003366;
}
#header h1 a span{
	display:none;
}
#menu{
	margin:98px 0 0 37px;
	padding:0;
	float:left;
	display:inline;
}
#menu ul{
	padding:0;
	margin:0;
}
#menu ul li{
	margin:0;
	padding:0;
	list-style:none;	
	display:inline;
}
#menu ul li a{
	display:block;
	float:left;
	color:#424242;
	text-align:center;
	height:112px;
	margin-right:10px;
}
#menu ul li a span{
	display:none;
}
#blog{
	width:94px;
	background:url(/images/menu_blog.gif) top left no-repeat;
}
#bio{
	width:71px;
	background:url(/images/menu_bio.gif) top left no-repeat;
}

#quand{
	width:129px;
	background:url(/images/menu_quand.gif) top left no-repeat;
}
#visuel{
	width:80px;
	background:url(/images/menu_visuel.gif) top left no-repeat;
}

#contact{
	width:82px;
	background:url(/images/menu_contacts.gif) top left no-repeat;
}

#facebook{
	width:104px;
	background:url(/images/menu_facebook.gif) top left no-repeat;
}

#facebook:hover,
#contact:hover,#contact_page #contact,
#visuel:hover,#visuel_page #visuel,
#quand:hover,#quand_page #quand,
#bio:hover,#bio_page #bio,
#blog:hover,#blog_page #blog
{
	background-position:left bottom;
}

#container{
	background:url(/images/container_back.png) center top repeat-y;
}
#content{
	width:980px;
	margin:auto;
	padding:0 0 20px 0;
	background:#f4f4f4 url(/images/content_back.jpg) center top no-repeat;
}
#video{
	background:url(/images/tv.png) top left no-repeat;
	width:580px;
	height:454px;
}
#video div{
	margin:auto;
	padding:134px 0 0 62px;
}

#leftcol{
	width:360px;
	float:left;
	display:inline;
	margin: 0 20px 0 0;
	text-align:center;
}

#leftcol #pic{
	height: 568px;
	background:url(/images/pictureframe.jpg) no-repeat;	
}

#bio_page #leftcol #pic{
	background-image:url(/images/pictureframe2.jpg)
}
#quand_page #leftcol #pic{
	background-image:url(/images/pictureframe3.jpg)
}
#visuel_page #leftcol #pic{
	background-image:url(/images/pictureframe4.jpg)
}
#contact_page #leftcol #pic{
	background-image:url(/images/pictureframe5.jpg)
}
#blog_page #leftcol #pic{
	background-image:url(/images/pictureframe6.jpg)
}

#leftcol h2{
	margin-bottom:0;
}
#leftcol h3{
	margin-top:0;
	color:#606060;
}
#rightcol{
	width:580px;
	float:left;
	display:inline;
}
#right_leftcol{
	width:390px;
	float:left;
	display:inline;
}
#right_rightcol{
	width:180px;
	margin-left:10px;
	float:left;
	font-size:80%;
	display:inline;
}
#footer{
	text-align:center;
	background:url(/images/footer_back.png) center top no-repeat;
	width:1000px;
	height:107px;
	margin:auto;
	padding-top:7px;
	font-size:90%;
}
#footer a{
	color:#003333;
}
#footer p{
	margin:0px;
	padding:0px;
}
#webenaction a{
	float:left;
	display:block;
	width:110px;
	height:45px;
	background:url(/images/webenaction.png) left top no-repeat;
	margin-left:30px;
}
#webenaction a:hover{
	background-position:left bottom;
}
#mirweb a{
	display:block;
	float:right;
	margin-top:47px;
	margin-right:70px;
	width:100px;
	height:10px;
}
.clear{ 
	clear:both;
}
.inputtext{
	width:320px;
	height:34px;
	margin:8px 0 0 0;
	padding:9px 0 0 14px;
	float:left;
	border:0px;
	font-family:"Trebuchet MS";
	font-size:18px;
	color:#5f5555;
	background:url(/images/inputbg.png) repeat;
	display:inline;
	border:1px solid #CCC;
}
.inputtextarea{
	width:320px;
	height:160px;
	margin:8px 0 0 0;
	padding:9px 0 0 14px;
	float:left;
	border:0px;
	font-family:"Trebuchet MS";
	font-size:18px;
	color:#5f5555;
	background:url(/images/inputbg.png) repeat;
	display:inline;
	border:1px solid #CCC;
}
.button{
	width:166px;
	height:43px;
	margin:0px;
	padding:0px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#584d4d;
	text-align:center;
	text-decoration:none;
	background:url(/images/button.png) no-repeat left bottom;
	border:0;
	cursor:pointer;
	display:inline;
}
.button:hover{
	color:#FFFFFF;
	background-position:left top;
}
.blogbox{
	padding-bottom:20px;
}
#archivebox{
	background:url(/images/inputbg.png) repeat;
	padding:10px;
	margin-top:20px;
}
#archivebox h2{
	margin-top:0;
}

.vid{
	border:2px solid #EEE;
	height:90px;
	width:120px;
	display:block;
	float:left;
	background:#000000;
	z-index:1;
	display:inline;
}

.img{
	margin:5px;
	border:2px solid #EEE;
	height:125px;
	width:125px;
	display:block;
	float:left;
	background:#000000;
	z-index:1;
	display:inline;
}
.img:hover,.vid:hover{
	background:#000000;
	border:2px solid #003366;
}
.img img{
	z-index:999;
}
.calbox{
	margin:20px 10px 30px 60px;
}
.calbox_desc{
	margin:10px 0 0 15px;
}
.section{
	text-transform:capitalize;
}
.calday{
	position:absolute;
	background:url(/images/calepin.gif) no-repeat;
	height:70px;
	width:60px;
	margin:-5px 0 0 -70px;
}
.calday span{
	display:block;
	margin-top:33px;
	font-style:italic;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}
#posit{
	background:url(/images/postit.png) no-repeat top left;
	width:253px;
	height:373px;
}
#posit .content{
	padding:20px 0 0 25px;
	text-align:left;
	font-size:90%;
}
#previous{
	display:block;
	background:url(/images/previous.gif) left top no-repeat;
	width:152px;
	height:26px;
	padding:0 0 0 8px;
	text-transform:uppercase;
}
#next{
	display:block;
	background:url(/images/next.gif) left top no-repeat;
	width:152px;
	height:26px;
	padding:0 8px 0 0;
	text-transform:uppercase;
}
#previous:hover, #next:hover{
	background-position:left center;
}
#previous.disable, #next.disable{
	background-position:left bottom;
}
#next span, #previous span{
	display:none;
}
#precedent{
	display:block;
	background:url(/images/precedent.gif) left center no-repeat;
	width:97px;
	height:33px;
}
#suivant{
	display:block;
	background:url(/images/suite.gif) left center no-repeat;
	width:97px;
	height:33px;
}
#line{
	width:548px;
	height:6px;
	background:url(/images/line.png) left top no-repeat;
	padding:5px;	
}
#presse a{
	width:195px;
	height:210px;
	display:block;
	background:url(/images/dossier_presse.png) left top no-repeat;
	margin:auto;

}
.hidden{
	display:none;
}