@charset "utf-8";
/* CSS Document */
body {	margin:auto;
		width:920px;
		background: url(images/33.gif); 
		
 
		}
#baniere{
			
			height:145px;
			background: url(images/33.gif);
			background-image:url(images/11.png);
			background-repeat:no-repeat;
			border: solid 0.3px  #00FF00;		
			
		}
		.positions{
			margin-left:215px;
			position:absolute;
			top:80px;
			}
#taille {	 margin:auto;
			width:700px;
			background: url(images/33.gif); 
		
 
		}	
#temps img { vertical-align: bottom; }
.date{
		float: left; /* Le titre flottera à gauche */
   		width: 170px;
		
		}

.news{margin-left:170px;
		color:#990000;
		
		
		}
#temps{ color:#42BE18;}

#menu
	{
		float: left; /* Le titre flottera à gauche */
   		width: 140px; /* Très important : donner une taille au menu */
   		margin-right:10px;
  	 	background-color: #85DB04;
		margin-top:40px;
		padding:10px;
		font-family: "Comic Sans MS", "Times New Roman", Times, serif;
	}
	
			
#menu a {
			color: #FFFFFF;
			text-decoration:none;
			font-size:0.8em;
			font-family: "Comic Sans MS", "Times New Roman", Times, serif;
			}
#menu a:hover{color: #C81A1A;}


#navigation {     width: 200px ;    
				  list-style: none ;  
				  margin: 0 ; 
				  padding: 0 ;     }


#corps{ margin-left:190px;
		background-image:url(images/33.gif);
		margin-top:40px;
		color:#000066;
		}
#bas
		{
			background-color: #ADADAD;
			text-align:center;
			margin-top:40px;
			color: #FFFFFF;
			font-size:0.8em;
			}
	

div.post { margin-bottom:10px; }
.post h2 { border-bottom:1px dotted  #990000; text-transform:uppercase; color:#42BE18 ; font-size:0.9em; }
.post p{
			text-indent:40px; 
			}
.indente{ text-indent:40px;}

.petit{
		font-style:italic;
		font-size:0.9em;
		color: #FF0000;
		}
		
	.imageflottante
{
   float: left;
   }	
   
.asso{ color:#D00423;}
.modele{ background-color:#86F29E;}
.couleur{ color: #000066;
			font-size:1.1em;
			text-indent:20px;
			text-align:justify;
			
			
			}
.couleur:hover{
				 opacity:0.9;
				 background-color: #C7FCD7;}
.imageflottante
{
   float: left;
}


#wrapper {
    width: 800px;
    margin: 25px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
	border: 10px solid #ccc;
}

.scroll {
	overflow: hidden;
	width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 318px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}
.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}