html{
	background: #121314;
}

body{
	font-family: Helvetica, Verdana, Arial;
	color: #4d4d4e;
	font-size: 12px;
	margin: 0 auto;
	width: 900px;
}

p{
	padding: 5px;
}

h1{
	background: url(../images/header.jpg) no-repeat;
	width: 900px;
	height: 228px;
	text-indent: -9999px;
	margin: 0 auto;
}

h3{
	font-weight: normal;
	font-size: 18px;
	color: #000;
	text-indent: 5px;
}

ul#nav_principale{
	width: 900px;
	height: 45px;
	position: relative;
	top: 10px;
}

ul#nav_principale li{
	display: block;
	float: left;
	list-style: none;
	margin: 0 15px;
	height: 45px;
}

ul#nav_principale li a{
	height: 45px;
	text-indent: -9999px;
	display: block;
}

ul#nav_principale li#accueil a{background: url(../images/accueil.png) top; width: 167px;}
ul#nav_principale li#accueil2 a{background: url(../images/accueil.png) bottom; width: 167px;}
ul#nav_principale li#accueil a:hover{background: url(../images/accueil.png) bottom; width: 167px;}
ul#nav_principale li#realisations a{background: url(../images/realisations.png) top; width: 270px;}
ul#nav_principale li#realisations2 a{background: url(../images/realisations.png) bottom; width: 270px;}
ul#nav_principale li#realisations a:hover{background: url(../images/realisations.png) bottom; width: 270px;}
ul#nav_principale li#blogue a{background: url(../images/blogue.png) top; width: 151px;}
ul#nav_principale li#blogue2 a{background: url(../images/blogue.png) bottom; width: 151px;}
ul#nav_principale li#blogue a:hover{background: url(../images/blogue.png) bottom; width: 151px;}
ul#nav_principale li#joindre a{background: url(../images/contact.png) top; width: 187px;}
ul#nav_principale li#joindre2 a{background: url(../images/contact.png) bottom; width: 187px;}
ul#nav_principale li#joindre a:hover{background: url(../images/contact.png) bottom; width: 187px;}

div#wrapsite{
	margin-top: -45px;
}

div#enTete{
	position: relative;
}

div#topContent{
	background: url(../images/bodyTop.jpg) no-repeat;
	height: 17px;
	width: 900px;
	position: relative;
	z-index: 1;
}

div#bottomContent{
	background: url(../images/bodyBtm.jpg) no-repeat;
	height: 27px;
	width: 900px;
	clear: both;
}

div#rightpanel{
	position: relative;
	float: right;
	width: 355px;
	height: 100%;
	
}

div#rightpanel img{
	margin: 0 auto;
}

div#leftpanel{
	position: relative;
	width: 505px;
	float: left;
	height: 100%;
}

div#phrase{
	width: 450px;
	position: absolute;
	top: 100px;
	left: 400px;
	color: #FFF;
	font-family: Capitals, "Bookman Old Style", Arial;
	text-transform: uppercase;
}

div#contenu{
	background: #FFF;
	padding: 5px 15px;
	height: 100%;
	margin: 0;
}

div#footer{
	height: 198px;
	width: 900px;
	background: url(../images/footer.png) no-repeat;
	position: relative;
	color: #FFFFFF;
}

div#side1{
	position: absolute;
	top: 15px;
	left: 45px;
	height: 150px;
}

div#side2{
	position: absolute;
	top: 15px;
	left: 285px;
	height: 150px;
}

div#side3{
	position: absolute;
	top: 15px;
	left: 530px;
	height: 150px;
}

div#side4{
	position: absolute;
	top: 30px;
	left: 760px;
	height: 150px;
}

h4{
	margin-bottom: 5px;
}

div#footer a:link, div#footer a:visited, div#footer a:active{
	color: #FFF;
	text-decoration: none;
}

div#footer a:hover{
	text-decoration: underline;
}

div#cv{
	margin-top: 10px;
}

div#cv p{
	width: 280px;
	float: right;
	margin-top: 15px;
}

hr.clear{
	border: none;
	clear: both;
}

p#author{
	font-family: Arial, Verdana, times;
	font-size: 9px;
	padding-left: 280px;
	text-transform: none;
}

h2#maj{
	background: url(../images/miseajour.jpg) no-repeat;
	width: 332px;
	height: 51px;
	text-indent: -9999px;
}

h2#last{
	background: url(../images/derniererealisation.jpg) no-repeat;
	width: 324px;
	height: 51px;
	text-indent: -9999px;
}

h2#rea{
	background: url(../images/toutesmesrealisations.jpg) no-repeat;
	width: 341px;
	height: 36px;
	text-indent: -9999px;
	margin-top: 20px;
	margin-bottom: 15px;
}

h2#contact{
	background: url(../images/contactezmoi.jpg) no-repeat;
	width: 219px;
	height: 50px;
	text-indent: -9999px;
}

span.bold{
	font-weight: bold;
}

div#rightpanel p.center{
	width: 345px;
	text-align: center;
}

p#copyright{
	position: absolute;
	top: 150px;
	left: 300px;
}

img#infoSimples{
	position: absolute;
	top: 530px;
	left: 900px;
}

img#menuSimple{
	position: absolute;
	top: 120px;
	left: 900px;
}

img#piedEfficace{
	position: absolute;
	top: -50px;
	left: -140px;
}

img#toutSavoir{
	position: absolute;
	top: 190px;
	left: -120px;
}

div.postit{
	background: url(../images/postit.jpg) no-repeat;
	width: 77px;
	height: 57px;
	font-family: Impact, Arial;
	color: #000;
	text-align: center;
	font-size: 18px;
	padding-top: 10px;
	float: left;
}

div.newsText{
	width: 410px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
}

div.newsImg{
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}

div.newsBloc{
	position: relative;
	width: 500px;
	margin-bottom: 20px;
}

form#formContact input{
	float: left;
	width: 380px;
}


p.champ{
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
}

div#contactForm{
	position: relative;
}

p#champss{
	position: absolute;
	top: 340px;
	left: 315px;
}

p#msgresult{
	position: absolute;
	top: 340px;
	left: 95px;
	font-size: 11px;
	font-weight: bold;
}

span.error{
	color: #C00;
}

span.ok{
	color: #090;	
}

p#contactInfo{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

input#btn_envoyer{
	width: 150px!important;
	height: 36px;
	background: url(../images/btn_envoyer.png) no-repeat top center;
	border: none;
	position: absolute;
	top: 370px;
	left: 340px;
	margin: 0;
	padding: 0;
}

input#btn_envoyer:hover{
	width: 150px!important;
	height: 36px;
	background: url(../images/btn_envoyer.png) no-repeat bottom center;
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

textarea#message{
	width: 380px;
	height: 200px;
}

/*---------------------------*/

img#lastRea{
	margin: 0 auto;
	margin-left: 45px;
}

ul#onglets li{
	display: block;
	float: left;
	margin-left: 7px;
	padding: 0;
	width: 74px;
	height: 60px;
}

ul#onglets li a{
	width: 74px;
	height: 60px;
	display: block;
	text-indent: -9999px;
}

ul#onglets li#web p{
	background: url(../images/cat_web.jpg) bottom;
	width: 74px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

ul#onglets li#web p:hover{
	background: url(../images/cat_web.jpg) top;
	width: 74px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

ul#onglets li#graph p{
	background: url(../images/cat_graphisme.jpg) bottom;
	width: 74px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

ul#onglets li#graph p:hover{
	background: url(../images/cat_graphisme.jpg) top;
	width: 74px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

ul#onglets li#vids p{
	background: url(../images/cat_video.jpg) bottom;
	width: 74px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

ul#onglets li#vids p:hover{
	background: url(../images/cat_video.jpg) top;
	width: 74px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

ul#onglets li#jeux p{
	background: url(../images/cat_jeux.jpg) bottom;
	width: 74px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

ul#onglets li#jeux p:hover{
	background: url(../images/cat_jeux.jpg) top;
	width: 74px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

ul#onglets li#music p{
	background: url(../images/cat_audio.jpg) bottom;
	width: 74px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

ul#onglets li#music p:hover{
	background: url(../images/cat_audio.jpg) top;
	width: 74px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

ul#onglets li#nmedia p{
	background: url(../images/cat_nmedia.jpg) bottom;
	width: 74px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

ul#onglets li#nmedia p:hover{
	background: url(../images/cat_nmedia.jpg) top;
	width: 74px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

/*------------------------------------*/
ul#onglets li.switched p{
	background-position: top!important;
}




div#boxDesc{
	margin-bottom: 10px;
	padding: 10px;
	min-height:220px;
}

div#boxDesc div{
	display: none;
}

div#panneaux {
	position:absolute;
	overflow:hidden;
	clear:both;
	height: 300px;
	width: 505px;
	top: 300px;
	left: 0;
	float: left;
}

/* panneau simple */
div#panneaux ul{
	float:left;
	display:block;
	width:505px;
	font-size:14px;
}

div#panneaux ul li{
	display: block;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 0;
	position: relative;
	z-index: 100;
	
}

ul.visible{
	display: block!important;
}

ul.invisible{
	display: none!important;
}

p.underpic{
	position: absolute;
	top: 200px;
	left: 0px;
	font-size: 9px;
	margin-bottom: 15px;
	margin-top: 2px;
	font-weight: normal!important;
	width: 390px!important;
}

p.underpic a:link, p.underpic a:visited, div#cv a:link, div#cv a:visited, p.underpic2 a:link, p.underpic2 a:visited, p#contactInfo a:link, p#contactInfo a:visited{
	color: #4d4d4e;
}

p.underpic a:hover, p.underpic2 a:hover, div#cv a:hover, p#contactInfo a:hover{
	color: #8d0e1b;
}

strong{
	font-weight: bold;
}

div#bigimage{
	position: relative;
	left: 5px;
	font-size: 9px;
}

p.underpic2{
	margin: 0;
	padding: 0;
	font-size: 9px;
	margin-bottom: 15px;
}

div.img_side{
	display: block!important;
	position: relative;
	height: 232px;
	width: 342px;
}

div.infosProjet{
	text-indent: 0px!important;
	color: #4e4e4e;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal!important;
	display: block!important;
	
}

div.infosProjet p{
	padding: 0;
	margin-bottom: 10px;
}

div.infosProjet a:link, div.infosProjet a:visited, div.infosProjet a:active, ul#blog_categories a:link, ul#blog_categories a:visited{
	color: #202020;
}

div.infosProjet a:hover,ul#blog_categories a:hover{
	color: #8d0e1b;
	
}

h3.titre{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 10px;
	text-indent: 15px;
	background: url(../images/bg_titre.jpg) no-repeat;
	height: 61px;
	width: 327px;
	line-height: 75px;
}

h2#quisuisje{
	width: 201px;
	height: 50px;
	text-indent: -9999px;
	background: url(../images/quisuisje.jpg);
}

p#realink{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

div#flashPlayer{
	display:block!important;
	padding-left: 20px;
}

h2#blogue{
	width: 142px;
	height: 51px;
	text-indent: -9999px;
	background: url(../images/blogue.jpg);
}

h2#categories{
	width: 199px;
	height: 53px;
	text-indent: -9999px;
	background: url(../images/categories.jpg);
}

h4.title{
	color: #8d0e1b;
	font-size: 14px;
	margin-bottom: 0;
	padding-bottom: 0;
}

p.blog_date{
	margin-top: 0;
	padding-top: 0;
	padding-left: 0;
	font-style: italic;
	text-indent: 0px;
	margin-bottom: 10px;
}


ul#blog_categories{
	position: relative;
	left: 30px;
	vertical-align: middle;
}

ul#blog_categories li{
	 background: url(../images/liststyle.jpg) no-repeat left;
	 text-indent: 30px;
}

div#pager a:link, div#pager a:visited, div#pager a:active{
	color: #800202;
	font-size: 16px;
	text-decoration: none;
}

div.bloc a:link, div.bloc a:visited, div.bloc a:active{
	color: #800202;
}

div#pager a:hover{
	color: #000;
	font-size: 16px;
	text-decoration: none;
}

div.bloc a:hover{
	color: #F00;
}

div.blog_text p{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

img.pagerFleche{
	margin-right: 5px;
}

table.stats td{
	border: 1px solid #000;
	text-align: center;
	padding: 3px;
}

table.stats tr.first, tr.last{
	font-weight: bold;
	color: #800202;
}

h5{
	color: #000;
}

div.topbloc{
	margin-bottom: 15px;
}
/*-----------------------------------*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}