/* feuille de style */

html {
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size: 75%;
}

body {
background:#FFFFFF url(/assets/images/fondglobal.jpg);
margin:0;
padding:0;
font:normal 1em Arial, Helvetica, sans-serif;
}

#page {
width: 100%;
height: 100%;
background:url(/assets/images/fondhaut.jpg) repeat-x;
}

img, div, li, a, ul { behavior: url(iepngfix.htc) } /* pour pngfix  */

.clear {
clear:both;
}

h2, h2 a {
font-size:1.3em;
color:#0069ae;
}

h3, h3 a {
font:bold 1.2em Arial, helvetica sans-serif; 
color:#0069ae;
}

a:link {color: #00a1e3 ; text-decoration: underline ;}
a:visited {color: #00a1e3 ; text-decoration: underline ;}
a:hover {color: #006db1 ; text-decoration: underline ;}

a.top{
font-size: 0.8em;
text-decoration:none;
color:red;
}


.horaires {
color: #0069AE;
}

.tarifs {
color: #9B9F1D;
}

#logo {
position: absolute;
z-index:1;
top: 20px;
left: 20px;
}

#contenu {
position: relative;
margin-left: 280px;
width: 800px;
min-height: 100%;
}

#contenu #imageshautpage {
text-align:right;
margin-bottom: 110px;
}

#contenu #imageshautpage ul {
margin:0;
list-style-type:none;
}

#contenu #imageshautpage li {
display: inline;
}


#contenu #imageshautpage img {
border: 2px solid #009ee0;
}

ul#accueil_menu {
position: absolute;
top: 200px;
left: 60px;
background:url(/assets/images/menu_fd.png);
padding: 35px 0 0 0;
margin:0;
width: 206px;
height: 265px;
list-style-type:none;
}

/*  menu  */
ul#accueil_menu li
{
margin-left: 30px;
margin-top:5px;
}

ul#accueil_menu li a
{
background:url(/assets/images/puce_menu.gif) left no-repeat;
padding:7px 0 0 18px;
text-decoration: none ;
font: bold 1em Arial, Helvetica, sans-serif;
color:#0069AE;
}

ul#accueil_menu li a:hover,  ul#accueil_menu  li.active a{
background:url(/assets/images/puce_menu_hover.gif) left no-repeat;
text-decoration:underline;
}

/*   footer   */
#footer {
margin:100px 0 20px 0;

color: #0069AE;
font-size: 0.8em;
}

/*  Items  activités  */
.itemactivite {
position: relative;
float: left;
background: url(/assets/images/cadreactivitefond.png) repeat-y;
width:286px;
margin: 20px 40px 40px 40px;
}

.itemactivite .goutteitemactivite {
position: absolute;
z-index:3;
top:-40px;
left:210px;
}

.itemactivite h4 {
margin: 10px 7px 5px 10px;
font-size: 1.1em;
}

.itemactivite p {
margin: 10px 10px;
font-size: 1.1em;
}

.itemactivite p a {
font-size: 0.8em;
color:#0069ae;
text-decoration:none;
}

.itemactivite p a:hover {
text-decoration:underline;
}

.itemactivite p a.top{
color:red;
}

/*  menu générique  */
ul {
padding:0;
margin:0;
list-style-type:none;
}

ul li
{
margin-left: 20px;
margin-top:5px;
}

ul li a
{
background:url(/dev/assets/images/puce_menu_generique.gif) left no-repeat;
padding:7px 0 0 18px;
text-decoration: none ;
font: normal 1em Arial, Helvetica, sans-serif;
color:#0069AE;
}

ul li a:hover{
background:url(/dev/assets/images/puce_menu_generique_hover.gif) left no-repeat;
text-decoration:underline;
}


/*-----------------formulaire de contact - envoi de fichiers----------------*/

#contactform {
padding-left: 10px;
}

#contactform label {
float:left;
width: 120px;
font: bold 1em Arial, Helvetica, sans-serif;
}

#contactform input, #contactform textarea{
width: 200px;
border:1px solid #959595;
background-color:#e9e9e9;
color: #444;
margin-bottom:15px;
}
#contactform textarea {
width:400px;
}
#contactform br{
clear: both;
}
#contactform #submitbutton{
margin-left: 120px;
margin-top: 10px;
width: 80px;
border:1px solid #000;
background-color:#494948;
color: #FFF;
}