/* CSS Document */

body {
margin:0px;
padding:0px;
background:#9aabb9;
color: black;
font-size:small;
font-family:Arial, Helvetica, sans-serif;
}

table {
margin: 0px;
padding: 0px;}

h1 {
font-size: 14px;
}

#titre h1{
font-size:12px;
font-weight:normal;
letter-spacing:1em;
margin: 0px;
padding: 10px 0px 20px 0px;
}

p {
margin: 0;
padding: 0;
}
/*Wrapper: contient tout, centre le bloc et lui donne sa taille*/
#wrapper{
margin: 10px auto;
width: 905px;
background-color:#FFFFFF;
}

#header{
height:154px;
background:#9aabb9 url(../image/bandeau.jpg) top left no-repeat;
}

#vignette{
clear:both;
height:113px;
padding-top: 48px;
background:#fff url(../image/fd_vign.jpg) bottom left no-repeat;
padding-left: 40px;
padding-right: 40px;
}

#vignette h1 {
font-size:12px;
font-weight:normal;
letter-spacing:1em;
margin: 0px;
padding: 10px 0px 20px 0px;
}

#vignette ul {
margin: 0px;
padding: 0px;
}

#vignette li {
padding: 0px;
margin: 0px 15px 0px 0px;
display: inline;
}

#vignette img {
border: none;
padding: 1px;
}

#vignette img:hover {
	-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
	border: 1px solid #000;
	padding: 0px;
}

#vignette01{
clear:both;
height:45px;
padding-top: 48px;
background:#fff url(../image/fd_vign_01.jpg) bottom left repeat-y;
padding-left: 40px;
padding-right: 40px;
}

#vignette01 h1 {
font-size:12px;
font-weight:normal;
letter-spacing:1em;
margin: 0px;
padding: 10px 0px 20px 0px;
}

#vignette02{
clear:both;
background:#fff url(../image/fd_vign_02.jpg) bottom left repeat-y;
padding-left: 40px;
padding-right: 40px;
}

#vignette02 ul {
margin: 0px;
padding: 0px;
}

#vignette02 li {
padding: 0px;
margin: 0px 15px 0px 0px;
display: inline;
}

#vignette02 img {
border: none;
padding: 1px;
}

#vignette02 img:hover {
	-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
	border: 1px solid #000;
	padding: 0px;
}

#vignette03{
margin: 0px;
height: 11px;
background:#fff url(../image/fd_vign_03.jpg) top left no-repeat;
padding-left: 40px;
padding-right: 40px;
}


#titre{
clear: both;
padding-top: 48px;
height:65px;
background:#fff url(../image/fd_titre.jpg) bottom left no-repeat;
padding-left: 40px;
padding-right: 40px;
}

#titre ul {
margin: 0px;
padding: 0px;

}

#titre li {
padding: 0px;
margin: 0px 15px 0px 0px;
display: inline;
}

#titre img {
border: none;
padding: 1px;
}

#titre img:hover {
	-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
	border: 1px solid #000;
	padding: 0px;
}


#contenu{
border-left: 1px solid #8196a4;
border-right: 1px solid #8196a4;
background:#fff;
padding: 30px 30px 40px 40px;
}

ul.vigfiche{
padding: 0px;
margin: 0px;
}
li.vigfiche{
display: inline;
margin-right: 10px;
}

.vigfiche img {
border: none;
padding: 1px 1px;
}

.vigfiche img:hover {
	-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
	border: 1px solid #000;
	padding: 0px;
}


#left_content {
float: left;
width: 410px;
}

#diaporama {
float: right;
margin-right: 20px;
width: 360px;
height: 300px;
border:none;}

/*Le pied de page*/
#footer{
border-left: 1px solid #8196a4;
border-right: 1px solid #8196a4;
background-color:#FFFFFF;
text-align: center;
padding: 5px 10px 5px 10px;
}


/*Menu de navigation*/
/* suppression des marges qui changent d'un navigateur à l'autre, la propriété list-style-type porte sur la présentation des puces*/
dl, dt, dd {
margin: 0px;
padding: 0px;
}

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

#menu {
position: absolute;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu img {
border: none;
}
#menu dl {
float: left;
}

dl.menu5 {
width: 97px;
}

#menu dt {
cursor: pointer;
}

#menu dd {
display: none;
width: 160px;
overflow: visible;
}

#menu li {
margin: 0px;
padding: 3px;
text-align: left;
background: #9aabb9;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus, #menu dd:hover {
background: #eee;
}



/*pied de page*/
#pied{
clear:both;
}

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

#pied li{
display:inline;
margin:0 5px;
}

#pied a{
color:#000000;
}

#pied a:hover, #pied a:focus{
color:#666666;
}

/* Mises en page par page - à reprendre*/

.intro{
position:absolute;
margin-left:20em;
margin-top:5.5em;
width:345px;
text-align:justify;
}

.texte{
position:absolute;
margin-left:12.5em;
margin-top:8em;
font-size:14px;
width:550px;
text-align:justify;
}

/*La page références*/

.fiche{
line-height:2em;
width:400px;
margin-top:3em;
margin-left:4em;
margin-bottom:4em;
float:left;
}

a.image1{
display:block;
float:left;
width:50px;
height:50px;
margin-top:2em;
margin-left:3em;
background:url(../image/articles/mini/vig01.jpg) no-repeat 0 0 ;
}

a.image2{
display:block;
float:left;
margin-left:1em;
margin-top:2em;
width:50px;
height:50px;
background:url(../image/articles/mini/vig02.jpg) no-repeat 0 0 ;
}

.precedent{
float:left;
margin-top:250px;
margin-left:5px;
}
.suivant{
float:right;
margin-top:250px;
margin-right:5px;
}


/*La page d'accueil*/
#anim{
position:absolute;
margin-left:16em;
margin-top:5em;
}
#contenuacc{
border-left: 1px solid #8196a4;
border-right: 1px solid #8196a4;
background:#fff url(../image/croquis.jpg) top left no-repeat;
height:501px;
padding-left: 10px;
padding-right: 10px;
}

/*La page client*/
.client{
line-height:2em;
width:400px;
margin-top:3em;
margin-left:4em;
margin-bottom:4em;
}

#contenucli{
border-left: 1px solid #8196a4;
border-right: 1px solid #8196a4;
background:#fff url(../image/client.jpg) top right no-repeat;
height:501px;
padding-left: 10px;
padding-right: 10px;
}
/*La page activites*/
#contenuact{
border-left: 1px solid #8196a4;
border-right: 1px solid #8196a4;
background:#fff url(../image/fd_activite.jpg) top left no-repeat;
height:501px;
padding-left: 10px;
padding-right: 10px;
}

/*La page materiel*/
#Tableau_01{
margin-bottom:2em;
margin-top:2em;
}

ul#mention{
margin:0;
padding:0;
font-size:smaller;
list-style-type:none;

}

#mention li{
display:inline;
margin:0 5px;
}
#mention a{
color:#666666;
}

#mention a:hover, #pied a:focus{
color:#999999;
}