@charset "UTF-8";
/* CSS Document */
/******* prépa images carousel site toujours portrait : 500x753 paysage : 600x904  *********/

/* truc pour menuresponsive*/
.mobile {display:none}
/* truc pour menuresponsive*/

/*******FONT/TYPOGRAPHIE**/
@fontface {
	font-family: "Goozette";
	src: url(typo/Goozette.otf);
}
/*******FONT/TYPOGRAPHIE**/

body {
	background: radial-gradient( #000 , #FFF,#FFF, #FFF, #FFF, #FEE7F0, #FFDBF1 ,#FFDBF1, #FFDBF1 , #FFDBF1 ) ;
	background-size: 180% 180%;
	background-attachment: fixed;
	background-repeat: no-repeat ;
	animation: gradient 10s infinite  ;
	

}

@keyframes gradient {
	0% {
		background-position: 0% 0%;
	}
	30% {
		background-position: 20% 50%;
	}
	40% {
		background-position: 100% 100%;
	}
	50% {
		background-position: 100% 100%;
	}
	55% {
		background-position: 50% 100%;
	}
	60% {
		background-position: 50% 50%;
	}
	80% {
		background-position: 50% 50%;
	}
	100% {
		background-position: 0% 0%;
	}
}


/*************************************************/
/********************MENU PRINCIPAL***************/
/*************************************************/
.nav {
	display: block ;             /* Transformation en block */
	font-family: Goozette, Didot, Times New Roman ;
	font-size: 100% ;
	font-style: normal;
	line-height: 100%;
	margin-left: 1em;
	width:20em ;
	margin-top: 1em;
	list-style:  none ;
}

.liennav {
	display: block ;             /* Transformation en block */
	font-family: Didot, Garamond, Times New Roman ;
	font-size: 12px ;
	font-style:italic;
	line-height: 110%;
	margin-left: none;
	width:20em ;
	margin-top: 0.5em;
	list-style:  none ; 
}

a:link {
	text-decoration: none ; 
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #0C0;
}
a:active {
	text-decoration: none;
}

/* MENU RESPONSIVE*/
/*
@media only screen and (max-width: 799px) {
	#menu li a, #menu li a:visited {font-size: 0.9rem;}
}

@media only screen and (max-width: 599px) {
	.mobile { display:block; }
	*/
	#menu {display: block; height: 0;}
	#menu.afficher { height: 100%; }
	
	#menu { transition: height 1s; overflow:hidden;
	text-align:left; padding-left: 0%;
	border-bottom:none; background:none}
	/*
	#menu li {
		background: none;
		border-bottom:none; }
	#menu li a, #menu li a:visited {
		font-size: 1.1rem; line-height: 30px;
		text-align:left; padding-left: 10%; }
	*/
	#boutonmenu { display:block; line-height: 1rem;
	    background:none;
	    text-align:left; padding-left: 0%;
		font: 4rem Helvetica , Didot, Monaco;
		color: #3F0; text-decoration: none; }




/*************************************************/
/*****************BLOC ACTU***********************/
/*************************************************/


#actutitre {
	font-family:Fixedys, Monaco, monospace; 
}
   
#actuindex {
	border-radius: 25px;
	font-family: Helvetica, Tahoma, sans-serif;
	font-size:0.8em ;
	color: #F00;
	background-color: #FFF;
	background-image:
	display: inline-block; 
	width: 320px;
	text-align: center;
	border-style:dotted; 
	border-color: #F00;
	border-width: thick; 
	float: left;
	
}



#actuindexlink {
	color: #F99;
}


	




	/*::::::::::::::::::::::::::::::::::::::::::::
::::::::ANCIEN FOND GRADIENT SIMPLE CONSERVER:
::::::::::::::::::::::::::::::::::::::::::::::
 {
	background: linear-gradient(-100deg, #000, #3C0, #FFF, #FFF, #FFF , #F36 ) ;
	background-size: 400% 400%;
	animation: gradient 30s ease infinite ;
	

}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

::::::::::::::::::::::::::::::::::::::::::::::
::::::::ANCIEN FOND GRADIENT SIMPLE CONSERVER:
::::::::::::::::::::::::::::::::::::::::::::*/