/* CSS Document - fidufacile.ch */

p {
font-size: 14px;
text-align:justify;
color: #000000;
}

p.small {
font-size: 8px;
}

p.big {
font-size: 18px;
}

ul {
font-size: 14px;
list-style-type: square ;
text-align:left;
color: #000000;
/*padding: 10px 0 15px 20px;
margin:0;*/
}

li {
margin-bottom:5px;
}

a:link {
color: #000000;
font-size: 14px;
text-decoration:none;
}

a.menu:link {
color: #FFFFFF;
font-size: 14px;
text-decoration:none;
}

a:visited {
color: #000000;
font-size: 14px;
text-decoration:none;
}

a.menu:visited {
color: #FFFFFF;
font-size: 14px;
text-decoration:none;
}

a:active {
color: #000000;
font-size: 14px;
text-decoration:none;
}

a:hover {
color: #0071BC;
font-size: 14px;
text-decoration: none;
}

a.menu:hover {
color: #000000;
font-size: 14px;
text-decoration: none;
}

div.page {width: 700px;}

div.col1 {float: left; width: 176px; height: 90px; background-color: #FFECE1;}

div.col2 {margin-left: 180px;margin-right: 6px; height: 90px; background-color: #FFDDCC ;}




#cadre {
width:800px;
margin:auto;
//padding:10px;
background-image: url("images/bg_murail2.jpg");
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
font-family: Geneva, sans-serif;
font-size: small;
}

/* logo ff haut de page  */
#logo {
position: relative; top: 0px; left: 0px;
padding:25px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

/* menu */
#menu {
position: relative; top: 0px; left: 0px;
height:500px;
width:150px;
/*background-color:#324DFE;*/
background-color:#1B1C20;
padding:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:50px;
}

/* -- les éléments du menu -- */
.menu_item {
float:left;
text-align:center;
font-style: bold;
width:150px;
height:10px;
padding-top:10px;
padding-left:2px;
padding-right:2px;
padding-bottom:10px;
margin-top:10px;
margin-bottom:10px;
background-color:#05a00d;
/*border:1px solid #000000; 05b80d*/
color:#000000;
}

/* pareil mais version pour IE */
.menu_item_IE {
float:left;
text-align:center;
font-style: bold;
width:116px;
height:10px;
padding-top:54px;
padding-left:10px;
padding-right:10px;
padding-bottom:0px;
background-color:#0071BC;
/*border:1px solid #000000; */
color:#000000;
}


.italic {
   font-style: italic ;
  }

.smallcaps {
    font-variant: small-caps ;
    }


/* cadres des activités page home */


#cadre_bas {
position: relative;
border: 0px;
margin:0px;
padding:0px;
}

#bandeau {
/*position: relative; top: -550px; left: 150px;*/
position: absolute; top:-14px; left:150px;
text-align:left;
width:620px;
padding:0px;
margin:25px;
background-color:#FFFFFF;
border:1px solid #D0D0D0;
color:#666666;
}

#cadre_page {
/*position: relative; top: -550px; left: 150px;*/
position: absolute; top:90px; left:150px;
text-align:left;
width:620px;
padding:0px;
margin:25px;
background-color:#FFFFFF;
border:1px solid #D0D0D0;
color:#666666;
}


/* logos sur la gauche  */
.logos_activ {
text-align:left;
width:100px;
padding-bottom:0px;
padding-left:60px;
padding-top:30px;
margin:0px;
background-color:#FFFFFF;
color:#666666;
}


/* textes dans les cadres des activités */

.cadre_texte_bandeau {
position: relative; top: 10px; left: 60px;
text-align:left;
width:475px;
padding:0px;
margin:0px;
margin-bottom:30px;
}

.cadre_texte {
position: relative; top: 15px; left: 60px;
text-align:left;
width:475px;
padding:0px;
margin:0px;
margin-bottom:30px;
}

#plan {
position: relative; top: 0px; left: -50px;
padding:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

.liens_autres_sites {
  position: relative; top: 0px; left: 350px;
  }


#captcha {
text-align:right;
margin-top:5px;
margin-bottom:5px;
}

#copyright {
text-align:right;
margin-top:5px;
margin-bottom:5px;
font-size: x-small;
}