@charset "UTF-8";

/* CSS Document */
body{
background: url(theme/fond.jpg) repeat top;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #b6b19f;
}

.droite{
text-align: right;
}

a{
text-decoration: none;
color: #096262;
}
a:hover{
color: black;
}

.clear{
clear: both;
}

.ascenseur{
	cursor:pointer;
}

.rouge{
list-style-type: none;
color: red;
}

.vert{
list-style-type: none;
color: green;
}

.bleu{
list-style-type: none;
color: blue;
}
/*////////////////////////////
		  Le Header
////////////////////////////*/
#sous_fond{

background: url(theme/sous_fond.png) repeat-y  left;

}

#top{
height: 131px;
background: url(theme/top.png) no-repeat top center;
margin: 31px 0 -12px 0;
}

/*////////////////////////////
		  Le contenu
////////////////////////////*/

#conteneur{
width: 820px;
margin: 0px auto;
}


/*////////////////////////////
		  Le menu
////////////////////////////*/

#menu{
background:url(theme/nav_h.png) no-repeat bottom right;
height: 108px;

}

#menu ul li{
list-style: none;
float: right;
padding-left: 10px;
padding-top: 1px;
padding-right: 60px;
}

.menu li a{
height: 82px;
width: 120px;
font-size: 14px;
text-decoration: none;
text-align: center;
float:left;
background: url(theme/bouton3.png) no-repeat top left;
line-height: 82px;
background-position: 0px -85px;
color:#415612;
}

.menu1 li a{
height: 82px;
width: 120px;
font-size: 14px;
text-decoration: none;
text-align: center;
float:left;
background: url(theme/bouton2.png) no-repeat top left;
background-position: 0px -85px;
line-height: 82px;
color:#415612;
}

.menu2 li a{
height: 82px;
width: 120px;
font-size: 14px;
text-decoration: none;
text-align: center;
float:left;
background: url(theme/bouton1.png) no-repeat top left;
background-position: 0px -85px;
line-height: 82px;
color:#415612;
}

.menu3 li a{
height: 82px;
width: 120px;
font-size: 14px;
text-decoration: none;
text-align: center;
float:left;
background: url(theme/bouton.png) no-repeat top left;
background-position: 0px -85px;
line-height: 82px;
color:#415612;
}

#sous_menu{
text-aligne: left;
padding-top: 95px;
padding-left: 20px;
}

/*////////////////////////////
		  Le contenu
////////////////////////////*/


#contenu{
background: url(theme/contenu.png) repeat-y left;
padding: 0 20px;
}


#news{
float: left;
width: 450px;
}

#news h1{
background: url(theme/h1.png);
display: block;
width: 444px;
height: 40px;
line-height: 40px;
padding: 0 10px;
font-size: 16px;
}

#news p{
padding: 0 10x;
color: #5f5f5f;
}

#navigation{
float: right;
}

.bloc{
width: 256px;
margin: 10px 0 0 0;
padding: 10px 0 0 10px;
background: url(theme/nav.png) no-repeat top left;
}

.finbloc{

width: 266px;
margin-top: 15px;
height: 3px;
}




#navigation h1{
background: url(theme/nav_h1.jpg) no-repeat top left;
color: white;
font-size: 1em;
padding: 0 0 0 20px;
display: block;
width: 187px;
height: 50px;
line-height: 34px;
}

#navigation ul{
list-style-image: url(theme/puce.jpg);
margin: 0px;
}

#navigation ul li a{
color: #959595;
}

#navigation ul li a:hover{
color: black;
}

#fondcarouselle{
background-color:#e5e5e5;
}

/*////////////////////////////
			  Le footer
////////////////////////////*/

#bas{
background-image:url(theme/bas.png) ;
width: 959px;
height: 89px;

margin:auto;
line-height: 75px;
color:#e5e5e5;
}

#bas a{
font-weight: bold;
color: #778c47;
}

#bas a:hover{
font-weight: bold;
color:#415612;
}

#alignement_icones_3D{
text-align: left;
}

#alignement_icones_2D{
text-align: right;
}

#alignement_icones_photos{
text-align: left;
}

#alignement_icones_autres{
text-align: right;
}

#a:vimeo{
background-image:url(images/gris_non_anim.gif);
}


.hovervimeo {
display: inline-block;
   width: 100px;
   height: 28px;
background-image:url(theme/vimeo.png)
}

.hovervimeo:hover {
background-image:url(theme/vimeo_over.png)
}

.hover3dvf {
display: inline-block;
   width: 100px;
   height: 34px;
   margin:0 20px;
background-image:url(theme/3dvf.png)
}

.hover3dvf:hover {
background-image:url(theme/3dvf_over.png)
}

#copyright {
font-size:9px;
width: 800px;
margin:50px auto;
padding: 0 10x;
color: #808080	;
text-align:center;
}