*{
	margin : 0;
	padding : 0;
}

html {
    font-size: 100%;
	height:100%;
	width: 100%;
}

body {
	height: 100%;
	width: 100%;
	background-color:#000;
    font: 0.625em/1em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	background: #000 url(../images/bgBody.gif) repeat-x 0 25px;
}

h1 {
	margin-top:51px;
	text-align:left;
	background:url(../images/h1-titre.gif) no-repeat top left;
	width:277px;
	height:66px;
	margin-bottom:41px;
	margin-left: 45px;
}

h2{
    font: bold 1.3em/1em Arial, Helvetica, sans-serif;
	color: #009ee0;
	margin-bottom: 8px;
}

h3{
    font: bold 1.1em/1em Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	color: #009ee0;
	padding-bottom:16px;
}

h4{
    font: 1em/1em Arial, Helvetica, sans-serif;
	color: #cccccc;
	margin: 5px 0 6px 0;
}

p{
    font: normal 1em/1em Arial, Helvetica, sans-serif;
}

li{
	list-style:none;
}

span{
	display:none;
}

img{
	border:0;
	float:left;
}

a:link, a:active, a:visited {
	color: #009ee0;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.mail table{
	padding: 10px 0 0 0;
}

.mail td{
	padding-bottom: 10px;
}

input{
	font-size:1em;
	color:#028bc3;
	background: #fff url(../images/input.gif) right top no-repeat;
	border: 0;
	width:138px;
	height: 16px;
	padding: 2px 2px 0 2px;
}

textarea {
	color:#028bc3;
	font: 1.1em Arial, Helvetica, sans-serif;
	background: #fff url(../images/textearea.gif) right top no-repeat;
	border: 0;
	width:268px;
	height: 84px;
	padding: 2px;
}


div#portfolio {
	margin: 0 auto;
	width: 960px;
	text-align:left;
    font: normal 1em/1em Arial, Helvetica, sans-serif;
}

div#description{
	width:100%;
	padding:7px 0 0 0;
	color:#333;
	border-top: 1px #fff solid;
	border-bottom: 1px #b5b5b5 solid;
	background: #f4f4f4 url(../images/picto_info.gif) right top no-repeat;
	font-size: 1.1em;
	height: 18px;
	vertical-align:middle;
	text-align:left;
}

div#description p {
	padding-left: 10px;
	font-weight:normal;
}

.mea{
	padding-left: 45px;
	height: 135px;
	float:left;
}

.mea p{
	padding-bottom: 5px;
}

.actu{
	padding-right: 95px;
	width:300px;
}

.mail{
	padding-right: 45px;
	width:330px;
	height: 357px;
	border-right: 1px solid #151515;
}

.mail p{
	width: 290px;
}

#contact{
	width:82px;
	height:18px;
	float:right;
	text-align:center;
}

a.btContact:link, a.btContact:visited{
	color:#FFF;
	background:url(../images/btContact.gif) no-repeat 0px 0px;
	height:18px;
	display:block;
	padding-top:3px;
}

a.btContact:hover{
	background:url(../images/btContact.gif) no-repeat  -90px 0px;
	height:18px;
	display:block;
	padding-top:3px;
	text-decoration:none;
}

a.btContact:active{
	background:url(../images/btContact.gif) no-repeat -180px 0px;
	height:18px;
	display:block;
	padding-top:4px;
	color:#61cffe;
}

.envoyer{
         width: 52px;
         height: 19px; 
         border: none;
		 margin: 0 17px 0 0;
		 padding: 0;
		 padding-left: 6px;
		 color:#FFF;
}

.envoyer:hover{
         cursor: pointer;
		 color:#b9deed;
		 
}

.cv{
	padding-left: 45px;
	width:400px;
	height: 135px;
	float:left;
}

.cv img{
	margin-right:25px;
}

div#footer{
	clear:both;
	background:#003348 url(../images/bgFooter.jpg) repeat-x;
	height:100%;
	width:100%;
	padding-top: 25px;
	color:#75D1F8;
}

div#footer a{
	color:#75D1F8;
	text-decoration:underline;
}

div#footer a:hover{
	color:#fff;
}

div#net{
	float:right;
	display:block;
	z-index:1;
	position:absolute;
	top:27px;
	right:0;
	border:0;
	margin:0;
	padding:0;
}

.title-projet{
	clear:both;
	background:url(../images/h2-projets.gif) no-repeat 45px 0px;
	width:960px;
	height:25px;
	border-bottom: 1px solid #151515;
	margin-bottom: 0;
}

.url {
	background : url(../images/link-url.gif) no-repeat 0px 9px;
	padding: 7px 0 0 20px;
	color:#0000FF;
	height: 16px;
	display:block;
}

a.url:link, a.url:active, a.url:visited {
	color:#009ee0;
	text-decoration:none;
}

a.url:hover {
	color: #f4f4f4;
	text-decoration:none;
}

.illus {
	background : url(../images/link-illus2.gif) no-repeat 0px 9px;
	padding: 7px 0 0 20px;
	color:#0000FF;
	height: 16px;
	display:block;
}

a.illus:link, a.illus:active, a.illus:visited {
	color:#009ee0;
	text-decoration:none;
}

a.illus:hover {
	color: #f4f4f4;
	text-decoration:none;
}

.travaux{
	width:435px;
	display:block;
	float:left;
}

.travaux img{
	padding:7px 7px 0px 3px;
}

.text {
	float:left;
	padding: 7px;
	height: 115px;
	width: 235px;;
}

.visuel{
	float:left;
}

.details{
	background: no-repeat url(../images/travaux-details.gif);
	display: block;
	width:176px;
	height:11px;
	margin: 5px 7px 7px 3px;
}

.btNext, .btPrev{
	display:block;
	height: 35px;
	width: 35px;
	float:left;
	margin-top: 82px;
}

.btNext{
	float:right;
}

a.btNext:link, a.btNext:visited{
	background:url(../images/btNext.gif) no-repeat 0px 0px;
}

a.btNext:hover{
	background:url(../images/btNext.gif) no-repeat  -35px 0px;
}

a.btNext:active{
	background:url(../images/btNext.gif) no-repeat -70px 0px;
}

a.btPrev:link, a.btPrev:visited{
	background:url(../images/btPrev.gif) no-repeat 0px 0px;
}

a.btPrev:hover{
	background:url(../images/btPrev.gif) no-repeat  -35px 0px;
}

a.btPrev:active{
	background:url(../images/btPrev.gif) no-repeat -70px 0px;
}

.btDot{
	display:block;
	height: 15px;
	width: 15px;
	float:left;
}

a.btDot:link, a.btDot:visited{
	background:url(../images/btDot.gif) no-repeat 0px 0px;
}

a.btDot:hover{
	background:url(../images/btDot.gif) no-repeat  -15px 0px;
}

a.btDot:active{
	background:url(../images/btDot.gif) no-repeat -30px 0px;
}

.controls{
	clear:both;
	margin: 0 auto;
	width:955px;
	border-top: 1px solid #151515;
	padding-top: 5px;
	margin-top: 5px;
}

.controls li{
	display:inline;
}

.controls ul{
	display:block;
	float:right;
}

div.scroller {
	/* modify width and height of scrolling section if necessary	*/		
	width: 880px;
	height: 170px;
	overflow: hidden;
}

div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:880px;
	height:200px;
	overflow:hidden;
	float:left;
	padding-left:1em;
	padding-top:1em;
}

div.scroller div.content {
	width: 10000px;
}


div#my-glider{
}