*,
img
{ 
	margin: 0;
	padding: 0;
	border: 0;
}

body 
{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center; /* IE centering */
	background-color: #fff;
	color: #000;
	font-size: 76%;
}


h1, h2, h3, h4, h5, h6, p, li, dt, dd
{
	color: #666;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}


#outer 
{
	position: relative;
	text-align: left; /* IE centering cancel */
	margin: 0px auto;
	width: 960px;
}

#wrapper
{
	min-height: 585px;
}

* html #wrapper
{
    height: 650px;
}

#head
{
    background-repeat: no-repeat;
    position: relative;
    background-color: #FFF;
    height: 200px;
    width: 960px;
}

.web #head
{
    background-repeat: no-repeat;
    position: relative;
    background-color: #FFF;
    background-image: url(../images/bg-head-web.png);
    height: 200px;
    width: 960px;
}

.papier #head
{
    background-repeat: no-repeat;
    position: relative;
    background-color: #FFF;
    background-image: url(../images/bg-head-paper.png);
    height: 200px;
    width: 960px;
}

.bio #head
{
    background-repeat: no-repeat;
    position: relative;
    background-color: #FFF;
    background-image: url(../images/bg-head-bio.png);
    height: 200px;
    width: 960px;
}

.projet #head
{
    background-repeat: no-repeat;
    position: relative;
    background-color: #FFF;
    height: 200px;
    width: 960px;
}



#menus li
{
	width: 55px;
	height: 111px;
	position: absolute;
	top: 0px;
	overflow: hidden;
	left: 880px;
}

#menus .web
{
	background : url('../images/web-onoff.png') no-repeat 0px 0px; 
}

#menus .papier
{
	background : url('../images/paper-onoff.png') no-repeat 0px 0px; 
}

#menus .web a, #menus .bio a, #menus .papier a
{
	padding-top: 130px;
	display: block;
}


#menus .bio
{
	background : url('../images/bio-onoff.png') no-repeat 0px 0px; 
	left: 820px;
}

#menus .bio a:hover
{
	background : url('../images/bio-onoff.png') no-repeat 0px -111px; 
}

#menus .web a:hover
{
	background : url('../images/web-onoff.png') no-repeat 0px -111px; 
}

#menus .papier a:hover
{
	background : url('../images/paper-onoff.png') no-repeat 0px -111px; 
}

.web #menus .web
{
	display: none;
}

.papier #menus .papier
{
	display: none;
}

.bio #menus .bio
{
	display: none;
}
.bio #menus .web
{
	left: 820px;
}
.accueil #menus .bio, .accueil #menus .web, .accueil #menus .papier
{
	display: none;
}

.accueil #head, .accueil #bottom
{
	display: none;
}

.accueil #content
{
	min-height: 690px;
	position:relative;
	width:960px;
	margin: 0;
}

.bio #content
{
	float: left;
	width: 960px;
}

#texte
{
	float: left;
	width: 960px;
	margin-left: 250px;
	margin-top: 100px;
}

#texte h4
{
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 20px;
}

#texte a:link, a:visited, a:active
{
	color: #13aad1;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
}

#texte a:hover
{
	color: #FFF;
	background-color: #000;
}


/*
#langs
{
	position: absolute;
	bottom: 5px;
	left: -125px;
	height: .92em;
	list-style-type: none;
	font-size: 1em;
	line-height: 1em;
}

#langs li
{
	display: block;
	float: left;
}

#langs a:link, 
#langs a:visited
{
	display: block;
	color: #707172;
	font-weight: normal;
	text-decoration: none;
	border-right: 2px solid #707172;
	padding: 0 5px 0 5px;
	text-transform: uppercase;
}

#langs a.last:link,
#langs a.last:visited
{
	border-right: none;
}

#langs a:active, 
#langs a:hover, 
#langs a.active:link, 
#langs a.active:visited
{
	color: #1a171b;
}
*/

#content
{
	font-size:1.1em;
	min-height: 400px;
	position:relative;
	width:770px;
	float: right;
	margin-bottom: 5px;
	margin-top: 10px;
	background-repeat: no-repeat;
}


* html #content
{
    height: 400px;
}



#logo
{
	margin-left: 335px;
	margin-bottom: 90px;
	margin-right: 0;
	margin-top: 40px;
	position: absolute;
	background-image: url('../images/logo-wnp.png');
	background-repeat: no-repeat;
	overflow: hidden;
	width: 274px; /* ie 6 needs this (don't know why it can't adapt to parent's width */
	height: 60px;
}

#logo a
{
	display: block;
	padding-top: 145px;
}


#content h4
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.2em;
    color: #000;
}

#content em
{
    font-style: normal;
	font-weight: normal;
	color: #fff;
}

#content p, #content li, #content h5
{
	color: #000;
	line-height: 1.4em;
	padding-bottom: 10px;
	font-size: 0.9em;
}

#content h4, #content h5
{
	margin-bottom: 6px;
}


#content h5
{
	font-weight: normal;
}

input, 
textarea
{
	font-size: 1.2em;
	line-height: 1.1em;
	color: #000;
	width: 100px;
}


form p
{
    margin-left: 25px;
}

input.submit,
textarea
{
    line-height: 1.3em;
}
input.submit
{
    font-size: 1.1em;
    width: auto;
    color: #aaa;
    background-color: transparent;
    border: 0;
    padding: .3em 0;
    padding-right: 0;
    margin-right: 0;
}

p.submit
{
    text-align: right;
}


button
{
	background-color: transparent;
	cursor: pointer;
	margin: 0;
	padding: 0;
	float: left;
	border: 0;
	color: #777;
	text-transform: uppercase;
	overflow: visible; /* ie only fix auto-padding */
}

button:hover
{
	color: #FFF;
	background-color: #13aad1;
}

#content a:link, a:visited, a:active
{
	color: #13aad1;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
}

#content a:hover
{
	color: #FFF;
	background-color: #000;
}

#content ol
{
	list-style-type: circle;
	margin-left: 3em;
}

#content h2 
{ 
	font-size: 3.3em; 
	color: #aaa;
	padding-bottom: .5em;
	margin-bottom: 0;
}

#content h3
{
	font-size: 1.5em;
	color: #fff;
	margin-top: 8px;
	text-transform: uppercase;
}

#content h3 a:link, 
#content h3 a:visited
{
	color: #a9a9a9;
	font-weight: normal;
	text-decoration: none;
}

#content h3 a:active, 
#content h3 a:hover, 
#content h3 a.active:link, 
#content h3 a.active:visited
{
	color: #fff;
}

#bottom
{
	position: relative;
	clear: both;
	text-align: center;
	font-size: .85em;
	line-height: 1.1em;
}

#bottom p
{
	color: #13aad1;
	margin-bottom: 20px;
}

#bottom a:link, a:visited, a:active
{
	color: #13aad1;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
}

#bottom a:hover
{
	color: #FFF;
	background-color: #000;
}

.close
{
	position: relative;
	clear: both;
}


#content #flashcontent
{
	width: 300px;
	border: 1px solid red;
	float: left;
	position: inline;
}

#content #descriptif
{
	float: right;
	width: 300px;
	border: 1px solid green;
}

.accueil #box1 img
{
	margin-top: 45px;
}


.accueil #box1 .present, .accueil #box1 .profil
{
	display: none;
}

.accueil .padder
{
	padding: 0px 0px 20px 10px;
}

.padder
{
	padding: 0px 0px 20px 70px;
}

.padder1
{
	padding: 10px 30px 20px 70px;
}

.accueil #box2
{
	float: left;
	display: inline;
	width: 235px;
	min-height: 220px;
	font-size: 0.9em;
	margin-left: 10px;
	margin-top: 0;
}

.accueil #transp2
{
	position: absolute;
    background-color: #000;
	width: 235px;
	min-height: 220px;
	opacity: 0.7;
	filter : alpha(opacity=70);
	margin-left: 756px;
	margin-top: 0;
}

#box2 a:link, 
#box2 a:visited
{
	color: #fff;
	text-decoration: underline;
    line-height: 4em;
}


#box2 a:active, 
#box2 a:hover, 
#box2 a.active:link, 
#box2 a.active:visited
{
	text-decoration: none;
}

#sections
{
	position: relative;
	float: left;
	list-style-type: none;
	font-size: 1.1em;
	padding-bottom: 20px;
	margin-top: 10px;
}


#sections li
{
	display: inline;
}

#sections a:link, 
#sections a:visited
{
	padding: 3px 5px 3px 5px;
	display: block;
	color: #FFF;
	background-color: #000;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1.4em;
}

#sections p a:link, 
#sections p a:visited
{
	display: inline;
}

#sections p
{
	margin-bottom: 5px;
}

#sections a:active,
#sections a.active:visited
{
	color: #FFF;
	text-decoration: none;
}
 
#sections a:hover,
#sections a.active:link 

{
	color: #d366a4;
	text-decoration: none;
}

.papier #sections a:hover
 
{
	color: #FBE969;
}

.papier #sections a.active,
.papier #sections a.active:visited,
.papier #sections a.active:link 

{
	color: #FFF;
}

.papier #sections p a:link, 
.papier #sections p a:visited
{
	text-transform: none;
	font-weight: normal;
	background-color: #13aad1;
}
.papier #sections p
{
	font-family: Times, serif;
	font-size: 1.3em;
}


#sections a.first
{
	margin-top: 0px;
}

#sections2 a.last
{
	margin-bottom: 20px;
}


#sections img
{
	float: right;
	margin-top: -60px;
	margin-right: 10px;
}


#sections2 a:link, 
#sections2 a:visited
{
	font-size: .8em;
	text-transform: none;
	background-color: #FFF;
	color: #87888a;
	font-weight: normal;
	margin-top: 0px;
}

#sections2 a:active, 
#sections2 a:hover, 
#sections2 a.active:link, 
#sections2 a.active:visited
{
	color: #d366a4;
	font-weight: normal;
	text-decoration: none;
}

.papier #sections2 a.active,
.papier #sections2 a.active:visited
{
	color: #13aad1;
}

.papier #sections2 a:hover,
.papier #sections2 a.active:link 
 
{
	color: #13aad1;
}

.container 
{ 
    width:550px; 
    height:365px; 
    overflow:hidden; 
    position:relative; 
    cursor:pointer; 
}

.big 
{ 
    height:476px; 
}

.slides 
{ 
    position:absolute; 
    top:0; 
    left:0; 
}
.slides div 
{ 
    position:absolute; 
    top:0; 
    width:550px; 
    display:none; 
}

ul.slides 
{ 
	position:absolute; top:0; left:0; 
	list-style:none; padding:0; margin:0; 
}

#loopedSlider, #loopedSlider4, #loopedSlider2, #loopedSlider3, #loopedSlider1
{
	margin:0 auto; 
	clear:both;
    width:550px;
    position:relative; 
    overflow: hidden;
    float: left;
}

#loopedSlider4, #loopedSlider2, #loopedSlider3, #loopedSlider1
{
    position:absolute; 
}


.hidden-loopedSlider 
{
	display:none;
}

a.previous, a.next 
{ 
    bottom: 10px; 
    position:absolute; 
    right: 25px
}

a.next 
{ 
    right: 0px; 
}


ul.pagination 
{ 
    list-style-type: none; 
    padding: 0; 
    position:relative; 
    margin-top:5px;
}

ul.pagination li 
{ 
    float:left; 
    text-align: center;
}	
ul.pagination a 
{ 
    display:block; 
    width:12px; 
    padding-top:12px; 
    height:0; 
    overflow:hidden; 
    background-image:url(../images/pagination.png); 
    background-position:0 0; 
    background-repeat:no-repeat; 
    text-align: center;
}

ul.pagination li.active a 
{
    background-position:0 -12px
}

#boxtext 
{ 
    Position: absolute;
    right: 0px; 
    bottom: 36px; 
    padding: 10px;
    width: 160px;
    background-color: #EDEDEE;
}

#boxtext.box 
{ 
    bottom: 52px; 
}


#boxtext p, #boxtext1 p
{
	font-family: Arial, Verdana, "Lucida Grande", sans-serif;
	font-size: 0.9em;
	color: #000;
	margin-bottom: 10px;
	line-height: 1.6em;
	text-align: left;
}

#boxtext h3, #boxtext1 h3
{
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	padding-bottom: 5px;
	font-weight: 800;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #000;
}

#boxtext h4, #boxtext1 h4
{
	font-family: Arial, Helvetica, Verdana, sans-serif; padding-bottom: 6px;
	font-weight: 800;
	font-size: 1.1em;
	text-transform: none;
	color: #000;
}

object#flashcontent 
{ 
    left: 0;
}

#contenu
{
		width:500px;
}

.bio #contenu
{
		width: 650px;
		float: left;
}

.bio #contenu img
{
		float: left;
		margin-left: 50px;
}

.bio #contenu p, .bio #contenu h4
{
	margin-left: 190px;
}

.bio #boxtext1 
{ 
    Position: absolute;
    right: 0px; 
    top: 0; 
    padding: 10px;
    width: 160px;
    background-color: #EDEDEE;
}