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

/*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	}
	
body {
font: 13px/20px Verdana, Arial, Helvetica, sans-serif;
background: #f8f8ee;
text-align:center;
}
#acces-client {
display: none;
}
.vignette {
float: left;
border: 1px solid #ccc;
background:#fff;
padding: 4px;
margin-right:10px;
}

a:link, a:visited {
color:#766051;
}
a:hover, a:active {
color: #000;
}
.clear {
clear: both;
}
.dotted {
height: 10px;
background: url(a/dotted.png) 0 0 repeat-x;
}
.intro {
font: 13px /22px Georgia, "Times New Roman", Times, serif;
color: #766051;
}
.titre-small {
font-size:13px;
color: #000;
font-weight:bold;
text-transform:none;
}
#top .titre-small {
font-size:11px;
}

#wrap-header {
width: 1000px;
position: fixed;
margin-top:0px;
margin-left:50px;
text-align:left;
}
#wrap-footer {
width: 1000px;
position: fixed;
margin-top:0px;
margin-left:50px;
text-align:left;
top: 550px;
}
#wrap-page {
position:absolute;
top:135px;
width: 10000px;
margin: 0px 10px 0px 50px;
text-align:left;
height: 435px;
}

#wrap {
width: 1000px;
margin: 0px 10px 25px 50px;
text-align:left;
}

#conteneur {

}
#header {
position: relative;
height:118px;
border-bottom: 1px dotted #ccc;
padding-top:5px;
margin-bottom:10px;

}
#top {
font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #ccc;
color:#666;
display: none;
}

#logo {
width: 400px;
float:left;
}

#nav {
position:absolute;
z-index:101;
width: 530px;
left: 460px;
text-transform:uppercase;
top: 30px;
font:14px/28px Georgia, "Times New Roman", Times, serif;
}
#sub-nav {
font:16px/28px Georgia, "Times New Roman", Times, serif;
border-top: 1px solid #d5d2be;
padding-top:5px;

}
#nav ul, #sub-nav ul {
margin: 0px;
padding: 0px;
}
#nav li, #sub-nav li {
list-style: none;
float:left;

}
#sub-nav li {
margin-right: 5px;
}
#nav a:link, #nav a:visited  {
text-decoration: none;
border: 1px solid #f8f8ee;
display:block;
padding: 0px 8px 0px 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#sub-nav a:link, #sub-nav a:visited {
text-decoration: none;
border: 1px solid #d5d2be;
display:block;
padding: 0px 12px 0px 12px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#nav a:hover, #nav a:active {
border: 1px solid #d5d2be;
background: url(a/onglet.png) 0 0 repeat-x;
}
#sub-nav a:hover, #sub-nav a:active {
border: 1px solid #d5d2be;
background: url(a/onglet.png) 0 0 repeat-x;
}
#nav #current, #nav #current a, #sub-nav #current-subnav, #subnav #current-subnav a {
border: 1px solid #d5d2be;
background: url(a/onglet.png) 0 0 repeat-x;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #000;
}




#page {

}
#home-img {

}
#content {
margin-bottom: 20px;
}



#col-left {
width: 450px;
float:left;
}
#col-right {
width: 450px;
float:right;
}
#bt-home {
text-align: right;
}

#boutons {
padding-left: 300px;
}
#boutons a {
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
color: #fff;
padding: 0px 5px 0px 14px;
line-height:40px;
}
#boutons li {
list-style: none;
}
#boutons a:link, #boutons a:visited {
background:url(a/boutons.png) 0 0 no-repeat;
text-decoration:none;
display:block;
}
#boutons a:hover, #boutons  a:active {
background: url(a/boutons-over.png) 0 0 no-repeat;
}
#footer {
font: 12px/14px Arial, Helvetica, sans-serif;
border-top:1px solid #ccc;
padding-top:15px;
margin-top:15px;
color:#999999;
}
#footer a {
text-decoration: none;
}
#powered {
font-size: 11px;
margin-top:10px;
}
.pipe {
padding: 0px 8px 0px 8px;
color: #ccc;
}
#reperes {
font: 10px/14px Arial, Helvetica, sans-serif;
color:#999999;
border-top:1px solid #ccc;
padding-top:15px;
margin-top:15px;
margin-bottom:15px;
}
#photo {
height: 360px;

}
#photo li {
list-style-type: none;
}
#photo img {
float: left;
border: 1px solid #bbbda2;
background: #fff;
padding: 10px;

}
#photo-sauve img {
float: left;
border: 1px solid #bbbda2;
background: #fff;
padding: 10px;
}