@charset "iso-8859-1";

/* police type */

BODY {
	font-family: Arial, sans-serif, Helvetica,;
	font-weight:bold;
	text-align: center;
	font-size: 1.3em;
	color: #842B31;
	BACKGROUND-IMAGE:url(../fonds/fond_logos.jpg);
	background-attachment: fixed;
} 	

IMG	{ 
-webkit-filter: drop-shadow: 6px 6px 6px black; 
filter: drop-shadow(6px 6px 6px black); 
}

.transp	 /* Pas d'ombrage sur les images détourées gif et png */
{
-webkit-filter: none;
}  

video
{
    border: solid 4px #8A4423;	
	border-radius:12px;	
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);	  /* Ombrage sur les images */
	-moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
	-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
	-o-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
}

figcaption {
    background-color: #FFFBB1;
	opacity: 0.7;
    color: #000;
    font: italic smaller sans-serif;
	font-size: 0.5em;
	margin: 8px;
    text-align: center;
}

A:link 
{
	font-size : 1em;
	color: blue; 
	text-decoration: underline;
	text-align: center;
}

A:active
{
	font-size : 1em;
	color: red;
	text-decoration: underline;
} 
A:hover
{ 
	font-size : 1em;
	color: red;
	text-decoration: underline;
}

a.lien1
{
	font-size : 0.9em;
	color: #AF5700; 
	text-decoration: underline;
	text-align: center;
}
a:visited.lien1
{
	font-size : 0.9em;
	font-weight: bold;
	color: #660066; 
} 
a:active.lien1 
{
	font-size : 0.9em;
	color: #007426;
	text-decoration: underline;
} 
a:focus.lien1 
{
	font-size : 0.9em;
	color: red;
	text-decoration: blink;
} 
a:HOVER.lien1 
{ 
	font-size : 0.9em;
	color : red ;
}  

.intro  /* style intro commune*/
{
   font-size : 0.8em;
   text-align: center;
}  

#bascul {	width: 1000px;	margin: 10px; align: center;}
#bascul img {	margin: 10px;	
-webkit-transition: all 0.5s ease-out;	
-moz-transition: all 0.5s ease;	
-o-transition: all 0.5s ease;
-ms-transition: -ms-transform .5s;
  transition: transform .5s; 
}
/* Rotation au survol de la photo*/ 
#bascul img:hover {	
-webkit-transform: rotate(9deg);	
-moz-transform: rotate(9deg);	
-o-transform: rotate(9deg);
-ms-transform: rotate(9deg);
  transform: rotate(9deg);
}