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

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#333333;
}

/* general */

#container {
	width:800px;
	min-height:600px;
	background-image:url(../pictures/background.jpg);
	background-repeat: no-repeat;
	font-size:13px;
	line-height:140%;
}

h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#0192C7;
	font-size:30px;
	font-weight:100;
}

h2 {
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	color:#0192C7;
}

h3 {
	font-size:12px;
	line-height:normal;
}

/* Header */

#header {
	float: left;
	position:absolute;
	top:188px;
	left:430px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu ul a {
	padding:5px 5px 4px 5px;
	text-decoration:none;
	color:#333333;
}

#menu li {
	float:left;
	font-size: 12px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	left: 210px;
	text-transform: uppercase;
}

li#menuAccueil a:hover, a:active {
	background-color:#E2F0C1;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
}

li#menuProjets a:hover, a:active {
	background-color:#D6E6D0;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
}

li#menuMoi a:hover, a:active {
	background-color:#C6DCE1;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
}

li#menuContact a:hover, a:active {
	background-color:#BAD7EA;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#langue {
	float:right;
	margin:8px 15px 0 0;
	font-size:9px;
}

#langue a {
	text-decoration:none;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#646464;
}

#langue a:hover, a:visited {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#748f36;
}

/* content */

#content {
	padding:300px 75px 0 200px;
	min-height:350px;
}

#content a {
text-decoration:none;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#646464;
}

#content a:hover, a:visited {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#748f36;
}

#projet {
	width:525px;
	padding:20px 0 20px 0;
	border-bottom:solid thin #757575;
}

#projet a {
	color:#333333;
	font-size:11px;
	text-decoration:none;
}

#projet a:hover {
	color:#0192C7;
}

.imgmain {border:1px solid #B6B6B6; margin:10px}

.imgmain:hover{border:11px solid #BAD7EA; margin:0;}

#intro {
	margin:0 0 50px 0;
}

#annonce {
	color:#0181C3;
	font-size:14px;
}

#annonce a {
	text-decoration:none;
	font-weight:bold;
	color:#0181C3;
}

#annonce a:hover {
	text-decoration:underline;
	font-weight:bold;
}


/* CONTACT */

#contactintro {
	width:350px;
	margin:0 0 50px 0;
}

#contact table {
	background-color:#E2F0C1;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:0 10px 10px 10px;
	width:300px;
}

#contact tr {
	height:20px;
}

td#right {
	text-align:right;
}


/* Slide Show */

#slideshow {list-style:none; color:#000;}
#slideshow span {display:none}
#wrapper {width:506px; margin:0; display:none;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px; solid: #999; background:#999}
#information {position:absolute; bottom:0; width:500px; height:0; background:#FFF; color:#000; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px;}
#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px; margin-bottom:50px;}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#999}
#slideleft:hover {background-color:#CCC}
#slideright {float:right; width:20px; height:81px; background:#999 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#CCC}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}



/* footer */

#footer {
	width:800px;
	background-image:url(../pictures/footer_bkg.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

#copyright {
	padding:128px 0 0 90px;
	color:#666666;
	font-size:10px;
}

#copyright a {
	color:#666666;
	font-size:10px;
	text-decoration:none;	
}

#copyright a:hover {
	color:#666666;
	font-size:10px;
	text-decoration:underline;
}