/* accueil.css */
/* Version 1.0 du 19-08-14 Rev 1 */

/* ############################################################ */
/*                                                              */
/*    css de accueil.php                                        */
/*                                                              */
/* ############################################################ */

  #page {
    min-height: 480px;
    padding-top: 100px;
    height: 600px;
    background-color: rgb(255,255,255);
    background-color: rgba(255, 255, 255, 0.5);  
  }

  #container_1 { margin:0px;
    position:relative;
    width: 1278px; 
    height: 360px;
    height: 460px;
    background-color: rgb(255,255,255);
    background-color: rgba(255, 255, 255, 0);
  }
  
  #bloc_texte { margin: 10px;
  	margin-left: 40px;
  	padding: 5px;
    width: 500px;
    /*height: 322px;*/
    height: 420px;
    border: 3px solid #F2F2F2;
    display: block;
    float: left;
  }

	.news { font-family: Comic Sans MS, Trebuchet MS, serif;
		font-size: 110%;
		font-weight: normal;
		text-align: justify;
		color: #000000;
		}

  .slideshow {
    /*width: 500px;
    height: 322px;*/
    width: 630px;
    height: 420px;
    overflow: hidden;
    border: 3px solid #F2F2F2;
    border: 10px solid #FFFFFF;
    margin-top: 10px;
    margin-right: 40px;
    float: right;
  }
  
  .slideshow ul {
    /* 4 images donc 4 x 100% */
    width: 400%;
    height: 232px;
    padding:0; margin:0;
    list-style: none;
  }
  
  .slideshow li {
    float: left;
  }

  
/* ############################################################ */
/*    css pour la photo en grand format			                */
/* ############################################################ */

 
  /* Image de départ */         
  .bloc_img { /*margin-left: 535px;*/
    display: block;
    position:absolute;
    top: 10px;
    right: 10px;
    max-width: 510px;
    height: 262px;
    background-color: #ffffff;
  }
  
  
/* ############################################################ */
/*    css pour la photo en grand format			                */
/* ############################################################ */

  /* On cache les paragraphes */
  .bloc_photo { display: none;
  }
 
  /* Et on affiche ceux qui sont ciblés */         
  .bloc_photo:target { /*margin-left: 535px;*/
    display: block;
    position:absolute;
    top: 10px;
    right: 10px;
    width: 510px;
    height: 262px;
    background-color: #fbf0d7;
  }
 	
  .photo { padding: 12px;
    display: block;
    float: left;
    text-align: center;
    border: 3px double #003300;
    background-color: #fbf0d7;
    background-color: #ffffff;
    height: 332px;	
    }

  .img { max-width: 500px;
    height: 332px;
  }
        
        
/* ############################################################ */
/*    css pour la liste des photos miniatures                   */
/* ############################################################ */

	#cadre_thumb { margin: 10px;
		margin-top: 10px;
		border: 1px solid #333;
		width: 1140px;
		height: 140px;
		background-color: #ffff00;
		float: left;
	}
	
  #bloc_thumb { margin: 10px;
  	margin-top: 0px;
		border: 1px solid #fbcc99;
		float: left;
		width: 1120px;
		height: 130px;
		background-color: #fbcc99;
		white-space: nowrap;
		overflow-x: auto;
    }
    
  .thumb { display: inline-block;
    white-space: normal;
    border: 1px solid #003300;
    max-width: 150px;
    max-height: 90px;
    /*padding: 10px;*/
    margin: 5px;
    background-color: #ff0000;
  }    
      
      
/* ############################################################ */
/*                              FIN                             */
/* ############################################################ */