body
{
  background: url('fond/fond1.jpg');
}

 
        form#login {
          width:300px;
          margin: 20px auto;
        }
 
        form#login  input {
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          border:1px solid #ccc;
          font-size:20px;
          width:200px;
          min-height:30px;
          display:block;
          margin-bottom:15px;
          margin-top:5px;
          outline: none;
 
          -webkit-border-radius:5px;
          -moz-border-radius:5px;
          -o-border-radius:5px;
          -ms-border-radius:5px;
          border-radius:5px;
        }
 
        form#login input[type=submit] {
          background:none;
          padding:10px;
          cursor: pointer;
        }
 
        form#login label{
          cursor: pointer;
        }

form#google {
          width:300px;
          margin: 20px auto;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size:18px;
        }
 
        form#google  input {
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          border:1px solid #ccc;
          font-size:18px;
         vertical-align:middle;
          width:280px;
          min-height:30px;
          margin-bottom:8px;
          outline: none;
 
          -webkit-border-radius:5px;
          -moz-border-radius:5px;
          -o-border-radius:5px;
          -ms-border-radius:5px;
          border-radius:5px;
        }

form#google input[type=radio] {
 background-color:transparent;
 border:none;
 width:20px;

 }
 
        form#google input[type=submit] {
          background:none;
          padding:10px;
          cursor: pointer;
        }
 
        form#google label{
          cursor: pointer;
          font-size:14px;

        }


.local {
         background:transparent;
          border:4px ridge green;

}

       form#local {
          width:300px;
          margin: 20px auto;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-size:18px;
         }
 
        form#local  input {
         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          border:1px solid #ccc;
          font-size:18px;
         vertical-align:middle;
          width:280px;
          min-height:30px;
          margin-bottom:8px;
          outline: none;
 
          -webkit-border-radius:5px;
          -moz-border-radius:5px;
          -o-border-radius:5px;
          -ms-border-radius:5px;
          border-radius:5px;
        }
 
        form#local input[type=submit] {
          background:none;
          padding:10px;
          cursor: pointer;
        }
 
        form#local label{
          cursor: pointer;
         font-size:18px;
        }


.poste {
         background:transparent;
          border:4px solid yellow;

}

       form#poste {
          width:300px;
          margin: 20px auto;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-size:18px;
         }
 
        form#poste  input {
         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          border:1px solid #ccc;
          font-size:18px;
         vertical-align:middle;
          width:280px;
          min-height:30px;
          margin-bottom:8px;
          outline: none;
 
          -webkit-border-radius:5px;
          -moz-border-radius:5px;
          -o-border-radius:5px;
          -ms-border-radius:5px;
          border-radius:5px;
        }
 
        form#poste input[type=submit] {
          background:none;
          padding:10px;
          cursor: pointer;
        }
 
        form#poste label{
          cursor: pointer;
         font-size:18px;
        }





.menualbum {
  background:transparent;
  border:3px dashed blue;
}


.sanssouli  {
     color:#0000FF;
     text-decoration:none;
}

.sanssoulinoir  {
     color:#000000;
     text-decoration:none;

}


/* anniversaires */

#menuanni {
  background:transparent;
  margin:0;
  height:30px;
  width:300px;
  position: relative;
  top: 0px;
  left: -10px;
}
#menuanni ul ul {display: none; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0; text-align:center;}
#menuanni ul.niveau2 {left: 0px; top: 30px; border:0px; text-align:left;}

#menuanni LI {
  PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: 160px; PADDING-TOP: 2px; LIST-STYLE-TYPE: none; POSITION: relative; BACKGROUND-COLOR: #e0e0e0	
  list-style-type:none;
   float: right;
   width:300px;
   height:25px;
   padding: 3px;
   border-style: dashed;
   border-width: 1px;
   font:italic normal 100% courrier new, serif; 

   color: white;
 }

#menuanni LI A {
	TEXT-DECORATION: none
}
#menuanni LI:hover UL.niveau2 {
	DISPLAY: block
}

#menuanni LI.sfhover UL.niveau2 {
	DISPLAY: block
}

#menuanni .fondrouge{
     background-color:red;
	 font:normal bold 100% courrier new, serif;
     color: white;
     text-align:center;
}
#menuanni .fondrouge2{
     background-color:red;
	 font:normal bold 100% courrier new, serif;
     color: white;
}
#menuanni .fondvert{
     background-color:lightskyblue;
	 font:italic normal 100% courrier new, serif;
	 color:darkmagenta;
         text-align: center;
}	 

#menuanni .fondbleu{
       border-style: dashed;
       border-width: 0px;
       background-color:dodgerblue;
       font:italic normal 100% courrier new, serif;
	color:darkmagenta;
        text-align;left;
}
#menuanni .transp{
         text-align: center;
}	 
 


#menuanni li a:link, #menuanni li a:visited {
 display:block;
margin-top:0px; 
padding: 13px;
padding-top:2px;
padding-bottom:23px;
   width:275px;
   height:30px;

 
 text-decoration:none;
 height : 1%;

}

#menuanni li a:hover {
background-color:#5BE5FB;
 width:275px;
}
 
 
#menuanni .listeanni {
 display:none;
 list-style-type:none;
 margin:-10;
 padding:0;
 border:0;
}

#menuanni .listeanni li {
 float:none;
 border:0;
}

#menuanni .listeanni li a:link, #menuanni .listeanni li a:visited {
display:block;
text-decoration:none;
   height:30px;
}

#menuanni .listeanni li a:hover {
background-color:#5BE5FB;
color:blueviolet;
}

#menuanni li:hover > .listeanni {
 display:block;
}

.cff{
     background:transparent;
    border:4px solid red;
}

.google {
    border:3px dashed blue;
  -moz-border-radius:20px; 
  -khtml-border-radius:20px; 
  -webkit-border-radius:20px; 
   border-radius:20px;
}

.meteo{
  border:4px dotted magenta;
     border-radius:20px;
}

.liens{
  border:4px double orange;
}