/*-----------------
Feuille de style pour MeltingPhot
------------------*/

body {
	background-color: #000000;
	margin: 0px;
	scrollbar-face-color: #000000; 
	scrollbar-shadow-color: black;
  scrollbar-arrow-color: #00e7ff; 
	scrollbar-track-color: #666666; 
	scrollbar-3dlight-color: #666666;
	color: white;
	font-family: "Lucida console", Verdana, Arial, sans-serif;
}

/*---------------
DIVS
----------------*/

#menuhaut {
           height: 119px;
           width: 638px;
           padding-left: 100px;
           padding-top: 20px;
          }

#bouton {
        background-color: black;
        border-width: 0px;
        font-style: Verdana;
        /*font-weight: bold;*/
        font-size: 8pt;
        color: #999999;
        } 
        
#bouton_orange {
                background-color: black;
                border: black;
                font-style: Verdana;
                font-weight: bold;
                font-size: 8pt;
                color: #FC961C;
                }           

.lienHaut{
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	color: #7defff;
	font-weight: bold;
	text-align: left;
	line-height: 15px;
	text-decoration: none;
}
.lienHaut:hover{
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	line-height: 15px;
	text-decoration: none;
}

.copyright{
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	color: #cccccc;
	text-align: center;
}

.rubrique{
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	padding-right: 25px;

}
.rubrique:hover{
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: #AAAAAA;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	padding-right: 25px;
}

#image{
	position: relative;
	top: 0px;
	left: 0px;
	width: 478px;
	vertical-align: top;
	text-align: center; /*border: 1px solid red;*/
}

#deroul{
	position: relative;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 478px;
	/*text-align: center;*/
}

/*---------------------------------
LIENS COULEURS TITRES ET TEXTES SECTIONS
----------------------------------*/

.lienbleucielmenu {
              	font-size: 8pt; 
              	color: #00e7ff;
              	text-decoration: none;
                text-align: left;
                padding-left: 0px;
              }     
.lienbleuciel {
              	font-size: 8pt; 
              	color: #00e7ff;
              	text-decoration: none;
                text-align: left;
              }                

.lienvert {
          	font-size: 11px;
          	color: #A4E22C;
          	text-decoration: none;
          	font-weight: lighter;
          }

.lienorange {
            	font-size: 11px;
            	color: #FC961C;
            	text-decoration: none;
            	font-weight: lighter;
            }

.lienrouge {
          	font-size: 11px;
          	color: #FC26664;
          	text-decoration: none;
          	font-weight: lighter;
          }

#zoom{
	position: absolute;
	top: 295px;
	right: 0px;
	height: 20px;
	width: 100px;
	text-align: center;
	z-index: 2; /*border: 1px solid green;*/
}

#text{
  position: relative;
  top: 5px;
	left: 20px;
	/*height: 20px;*/
	width: 438px;
	text-align: justify;
}

#onglets {
          position: relative;
          font-family: "Lucida console", Verdana, Arial, sans-serif;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 15px;
          /*border: 1px solid yellow;*/
         }
#graphisme {
            background: transparent url(images/bg_web.png) no-repeat top;      
            width: 420px;
            height: 270px;               
            padding-top: 20px;
           }
#vignette_graphisme_1 {
               background: transparent url(images/bg_vignette_web.png) no-repeat top;
               width: 140px;
               height: 110px;               
              }
#vignette_graphisme_2 {
               background: transparent url(images/bg_vignette_web.png) no-repeat top;
               width: 140px;
               height: 110px;               
              }
#vignette_graphisme_3 {
               background: transparent url(images/bg_vignette_web.png) no-repeat top;
               width: 140px;
               height: 110px;               
              }             
     
#web {
      background: transparent url(images/bg_web.png) no-repeat top;      
      width: 420px;
      height: 250px;               
      padding-top: 40px;
     }
#vignette_web_1 {
               background: transparent url(images/bg_vignette_web.png) no-repeat top;
               width: 140px;
               height: 110px;               
              }
#vignette_web_2 {
               background: transparent url(images/bg_vignette_web.png) no-repeat top;
               width: 140px;
               height: 110px;               
              }
#vignette_web_3 {
               background: transparent url(images/bg_vignette_web.png) no-repeat top;
               width: 140px;
               height: 110px;               
              }     
/*.titre_vignette_web {
                     color: #383838;
                     font-size: 10pt;
                     font-weight: bold;
                    }                       
.date_vignette_web {
                     color: #383838;
                     font-size: 15pt;
                     width: 40px;
                    }*/
#texte_vignette_web_1 {
                     color: #999999;
                     font-size: 8pt;
                     padding-left: 5px;
                    }                    
#texte_vignette_web_2 {
                     color: #999999;
                     font-size: 8pt;
                     padding-left: 5px;
                    } 
#texte_vignette_web_3 {
                     color: #999999;
                     font-size: 8pt;
                     padding-left: 5px;
                    }               
                    
.bg_phototheque {
                background: transparent url(images/bg_phototheque.png) top no-repeat;
                height: 90px;
                width: 90px;
                text-align: center;
                /*padding-top: 10px;*/
                }
                          
#alaune {
        background: transparent url(images/reflex_solidaire_une.png) no-repeat top;      
        width: 400px;
        height: 300px;               
        margin-left: 20px;
        /*border: 1px solid yellow;*/
        }
       
       #insideune {
                  padding: 40px 30px 20px 30px;
                  } 
                               
/*---------------------------------
COULEURS TITRES ET TEXTES SECTIONS
----------------------------------*/

.titre_bleuciel {
                 font-size: 11px;
                 font-weight: bold;
                 color: #00e7ff;
                }
    .texte_bleuciel {
                  	font-size: 11px;
                  	color: #00e7ff;
                    }

.titre_vert{
	font-size: 11px;
	font-weight: bold;
	color: #A4E22C;
}
      .texte_vert {
                	font-size: 11px;
                	color: #A4E22C;
                  }

.titre_orange {
               font-size: 11px;
               font-weight: bold;
               color: #FC961C;
              }
    .texte_orange {
                	 font-size: 11px;
                	 color: #FC961C;
                  }

.titre_rouge {
            	font-size: 11px;
            	font-weight: bold;
            	color: #FC2664;
              }
      .texte_rouge {
                  	font-size: 11px;
                  	color: #FC2664;
                   }

.titre_gris {
             font-size: 12px;
             font-weight: bold;
             color: #999999;
            }                    
      .texte_gris {
                   font-size: 11px;
                   color: #999999;
                  }                         

.titrelogin{
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  color: #00e7ff;
  /*font-weight: bold;*/
  font-size: 8pt;
  text-align: left;
}

.texte{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: justify;
}

.alinea {
        padding-left: 20px;
        }

.padding-top-main {
                   padding-top: 10px;
                   /*padding-left: 10px;*/
                  }

#ssfond{
	position: relative;
	top: 0px;
	left: 0px;
	height: 19px;
	width: 161px;
	text-align: left;
}

#sstext{
	position: relative;
	top: -17px;
	left: 0px;
	height: 19px;
	width: 161px;
	text-align: right;
	padding-right: 25px;
}

.img_perso img {
              opacity:0.8;
              filter: alpha(opacity=80);
}

.img_perso:hover img {
              opacity:1;
              filter: alpha(opacity=100);
}
                    
#video {
        width: 90px;
        height: 138px;
        margin: 0px 0px 0px 10px;
        padding: 50px 0px 0px 0px;
        /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
                
}                     

      #video a {
              text-decoration: none;
              font-weight: bold;
              color: #EADCCD;
              font-size:11px;
      }
      
      #video a:visited,
      #video a:link {
                     color: #EADCCD;
                     text-decoration: none; 
                     }
      #video a:hover {
                    text-decoration: underline;
                    }
      
      
/*--------------
FOOTER
----------------*/
#footer {
        width: 100%;
        float: left;
        clear: both;
        padding-bottom: 20px;
        padding-top: 15px;
        font-size: 8pt;
        text-align: center;
        /*font-family: Verdana, Arial, Helvetica, sans-serif;*/

        }
        
      #footer a:visited,
      #footer a:link {
                     color:white;
                  }
/*---------------
Liens dans presentation
-----------------*/

#presVert a {
            text-decoration: none;
            /*font-weight: bold;*/
            color: #00FF29;
            }

#presRose a {
            text-decoration: none;
            /*font-weight: bold;*/
            color: #FF6EEA;
            }           

#presOr a {
            text-decoration: none;
            /*font-weight: bold;*/
            color: #D2C078;
            }
            
#presBleu a {
            text-decoration: none;
            /*font-weight: bold;*/
            color: #0193FF;
            }
            
#presRouge a {
            text-decoration: none;
            /*font-weight: bold;*/
            color: #f5000b;
            }                       
            
#presGris a {
            text-decoration: none;
            /*font-weight: bold;*/
            color: #EADCCD;
            }

#presVert a:link,
#presVert a:visited {
                    color: #00FF29;
                          }
#presRose a:link,
#presRose a:visited {
                    color: #FF6EEA;
                          }

#presOr a:link,
#presOr a:visited {
                    color: #D2C078;
                          }

#presBleu a:link,
#presBleu a:visited {
                    color: #0193FF;
                          }
                          
#presRouge a:link,
#presRouge a:visited {
                    color: #f5000b;
                          }
                          
#presGris a:link,
#presGris a:visited {
                    color: #EADCCD;
                          }                                                    
                                                                
#presVert a:hover,
#presRose a:hover,
#presOr a:hover,
#presBleu a:hover,
#presRouge a:hover,
#presGris a:hover {
                    text-decoration: underline;
                    }        
                        
/*--------------
MENU
---------------*/
#container_menu {
                background: transparent url(images/graduation_menu.jpg) no-repeat top right;
                width: 201px;
                height: 619px;
                /*vertical-align: top;*/
                margin: 0px 0px 0px 0px;
                padding-top: 0px; 
                /*color: white;*/
                /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
                font-size: 9pt; /*border: 1px solid yellow;*/
                } 
                
#menu {        
       vertical-align:top;/*text-align: left;*/ 
       margin: 10px 0px 10px 0px;
       padding: 0px;  /*border: 1px solid orange;*/
      }                         

#menu ul {
          margin: 0;
          padding: 0;
         }
         
    #menu li {              
              /*margin-left: 30px;*/
              /*margin: 0px 0px 5px 30px;*/
              padding: 0;
              /*line-height: 5px;*/              
              list-style-type: none;
              /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
              font-size: 8pt;
              /*font-weight: bold;*/
              color: #6B6B6B;
              text-align: left;
              width:171px; 
            }
    
    #menu li a {
              width:160px;
              margin: 0px 0px 5px 30px;
              /*height:15px;*/
              text-decoration: none;
              color: #6B6B6B;
              /*margin-bottom: 10px;*/
              display: block;
              }
    
    #menu li a:link,
    #menu li a:visited
                      {
                       color: #6B6B6B;
                      }
    
    #menu li a:hover {                    
                      /*font-size: 8pt;*/     
                      color: #EEEEEE;                 
                    }         

    #menu li a:active {
                      /*font-size: 8pt;*/
                      color: white;
                    }                                 

input { 
       /*border-color: #00e7ff;*/
       border-width: 0px;
       font-style:"Lucida Console", Verdana;
       font-size: 9pt;
       background-color: #383838;       
      }

select {
        background-color: #000000;
        border: 1px solid #999999;
        color: #999999;
        font-size: 9pt;
        /*box-shadow: 1px 1px 30px red;*/ 
       }
      
textarea {
        /*font-style:Verdana;*/
        border-width: 0px;
       font-style:"Lucida Console", Verdana;
       font-size: 9pt;
       background-color: #383838;
       /*overflow: none;*/
       }