@charset "UTF-8";

/* début carrousel        */
div#carrousel{
width:1000px;
font-size:120%;
position:relative;
}
div#menu_carrousel{
	float:right;
	width:330px!important;
	width:300px;
	margin-left:630px !important;
	margin-left:0px;
	position:absolute;
		z-index:1;
	padding-left:30px !important;
	padding-left:0px;
	 /* Alain a passé cette valeur de 10 à 2 pour ie */

	}
/* cette n'est pas utilisée dans accueil-alain.php */
.lien_menu_carrousel{
	height:40px;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	cursor: pointer;
	}
	
/* début alain  */

.image {  /* text dans image */
	margin-top:10px;
	position:relative;
	float:left; /* optional */

	}
.image .text {
	position:absolute;
	top:250px;
	width:380px;
	height:72px;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	margin:0px;
	/*left:20px;*/
	/* width:300px;  optional, though better have one */
	color:white;
	background-image: url(/images_charte/fondblocnoircarrousel.png);
	background-repeat: repeat;
		border: 1px solid #000;
	}


/* classe pour traiter la partie rub et lien */
.detRub {
		color:#666;
		padding:0px;
		margin:0px;
	}
.detRubtitre{
	color:#CC0066;
	padding:0px;
	margin:0px;
	text-transform: uppercase;
	}
	


.image_carrouselA{
	float:left;
	/*clear:both;*/
	padding-right: 10px;
	padding-left:40px;
	}
	
.image_alaune{
	float:right;
	display:block;
	
	

	}
	
.bloc_carreA {
		float :left;
		width: 215px;
		margin-top: 10px;
		margin-left: 10px;
		height: 215px;
	   }
.blocsCarre{
		/* width: 670px; */
	}
	
/* fin alain */

	
.lien_menu_rub{  /* alain */
	display:block;
	height:50px;
	width:330px !important;
	width:300px;
	clear:both;
	padding-top:10px;
	background-image:url(/images_charte/fondcarousel.gif);
	background-repeat:no-repeat;

	}
	
.lien_menu_rub a{  /* Grégoire */
width:310px;
text-decoration:none;
background-image:url(/images_charte/fondcarousel.gif);
background-repeat:no-repeat;
	}



.lien_menu_carrousel:hover{
	}



div#fond_carrousel{
	float:left;
	width:665px;
	height:345px;
	margin-left:10px;
	background-repeat: no-repeat;
	background-position:left top;
	margin-bottom:10px;
	}

div#image_carrousel{
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	padding-right: 10px;
	}

.titrecarrousel {
color:#CC0066;
font-size:120%;
font-weight:bold; 
text-decoration:none;
margin-bottom:5px;
	}
.image a{
color:#CC0066;
text-decoration:none;
	}
.image a:visited{
color:#CC0066;
text-decoration:none;
	}
.image a:hover{
color:#FFFFFF;
	}

/* fin carrousel        */