#apres {
position:absolute;
right:305px;
text-align:center;
top:460px;
z-index:2;
}

#avant {
left:305px;
position:absolute;
text-align:center;
top:460px;
z-index:2;
}

#centre {
overflow:hidden;
width:100%;
}

#contact,#clients {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-style:normal;
line-height:normal;
}

#container {
border-style:none;
border-width:0;
color:#ccc;
display:block;
font-size:12px;
height:480px;
margin:0 auto;
position:relative;
width:640px;
}

#container a img {
text-align:center;
width:640px;
}

#container h1 {
color:#fff;
font-size:20px;
}

#container p {
color:#ccc;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:normal;
text-align:left;
}

#content {
height:480px;
}

#entete {
height:50px;
margin:0;
padding-top:30px;
text-align:center;
text-decoration:none;
}

#entete .sous-titre {
margin:0;
}

#entete a,#services a {
text-decoration:none;
}

#entete img {
border-width:0;
}

#global {
background-color:#333;
border:1px solid #000;
margin-left:auto;
margin-right:auto;
width:960px;
}

#indication {
margin-left:0;
margin-top:50px;
text-align:left;
}

#intro {
height:100%;
padding-left:5px;
text-align:left;
width:640px;
}

#legende h1 {
background-color:#333;
color:#fff;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
height:100%;
line-height:20px;
margin:20px 0 0;
padding:0;
text-align:center;
}

#legende p {
background-color:#333;
color:#fff;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
height:30px;
line-height:18px;
margin:0;
padding:0;
text-align:center;
}

#nav {
background-color:#333;
display:block;
height:30px;
margin:0;
padding:0;
text-align:left;
}

#nav a,#nav3 a:link,#nav3 a {
background-color:transparent;
color:#ccc;
text-decoration:none;
}

#nav a:hover,a:focus,#nav3 a:hover,#services a:hover {
color:red;
font-weight:400;
}

#nav li,#nav3 li {
display:inline;
list-style-type:none;
padding-left:5px;
}

#nav3 {
background-color:#333;
margin:0;
padding:0;
}

#navigation {
color:#ccc;
float:left;
height:100%;
padding-left:10px;
text-align:left;
text-indent:0;
width:150px;
}

#navigation a {
color:#ccc;
display:block;
height:100%;
line-height:1.5;
padding:0;
text-decoration:none;
}

#navigation ul {
list-style:none;
margin:0 0 0 10px;
}

#navigation2 {
color:#ccc;
float:right;
height:100%;
padding-top:300px;
text-align:left;
width:120px;
}

#navigation2 a {
color:#ccc;
display:block;
height:1%;
line-height:1.5;
text-decoration:none;
}

#navigation2 a:hover,#navigation a:hover {
	background-color:#333;
	color:#FF0000;
	font-weight:400;
}

#navigation2 li,#navigation li {
list-style-type:none;
padding:20px 0 0;
}

#navigation2 ul {
list-style:none;
margin:0 10px 0 0;
}

#navigation3 {
	background-color:#333;
	color:#F80000;
	font-weight:400;
}
#navigation4 {
	color:#ccc;
	float:right;
	height:100%;
	text-align:left;
	width:130px;
}

#navigation4 a {
color:#ccc;
display:block;
height:1%;
line-height:1.5;
text-decoration:none;
}

#navigation4 a:hover,#navigation a:hover {
	background-color:#333;
	color:#FF0000;
	font-weight:400;
}

#navigation4 li,#navigation li {
list-style-type:none;
padding:20px 0 0;
}

#navigation4 ul {
list-style:none;
margin:0 10px 0 0;
}
#photo {
height:480px;
margin:0 0 10px;
position:relative;
text-align:center;
width:640px;
}

#photolegende {
height:480px;
padding-left:5px;
text-align:left;
width:640px;
}

#pied {
height:10px;
margin:0;
padding:0;
}

#principal {
background-color:#333;
color:#ccc;
float:left;
height:1400px;
padding:0;
width:640px;
}

#principal > :first-child,#categorie {
margin-top:10px;
}

#principal a:hover,#principal a:focus {
color:#ccc;
text-decoration:none;
}

#principal p,#principal li {
line-height:1.5;
}

#secondaire {
background-color:#333;
margin-left:80px;
margin-right:20px;
}
#social {
	width: 64px;
	height:320px;
	
	
	
	}
	
#social ul {
	list-style:none;
	margin:0 0 0 10px;
	
}


#zoomer_big_container {
background-color:#fff;
background-image:url(images/loading.gif);
background-position:center center;
background-repeat:no-repeat;
border-style:none;
border-width:0;
cursor:move;
display:block;
margin:0;
overflow:hidden;
position:relative;
width:640px;
}

#zoomer_image {
display:block;
position:absolute;
}

#zoomer_region {
background-color:red;
border:none;
cursor:move;
left:0;
position:absolute;
top:0;
}

#zoomer_thumb {
display:block;
margin:10px auto 0;
overflow:hidden;
position:relative;
}

.cettepage {
color:red;
}

.style1 {
font-size:16px;
}

a,#principal a {
color:#ccc;
}

a:hover,a:focus {
color:#fff;
}

body {
background-repeat:repeat;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
line-height:12px;
margin:0;
padding:0;
text-align:left;
width:100%;
}

h1 {
font-size:1.1em;
line-height:1.5%;
}

h1,h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
}

h1,h2,h3,h4,h5,h6,h6 {
margin:1em 0 0.5em;
text-align:center;
}

h2 {
font-size:1.8em;
}

h3 {
font-size:1.2em;
}

h4 {
font-size:1em;
text-align:left;
}

html {
font-size:100%;
}

li {
margin:0;
padding:0;
}

montage {
background-color:#000;
color:#fff;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:400;
height:480px;
line-height:normal;
padding:30px;
text-align:left;
width:640px;
}

p {
margin:0.75em 0;
}

ul {
list-style:square;
text-decoration:none;
}

ul,ol {
margin:0.75em 0;
padding:0;
}