<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body /* dégradé pourtour haut */
{
	position:relative; /* position:relative; + padding:inherit; + margin:0 auto; permettent le centrage horizontal */
	padding:inherit;
	margin:0 auto;
	width: 900px; /* largeur cadres utiles */
	text-align: center; 
	font-family: Helvetica, sans-serif;
	font-size:100%;
	background: url(/design/images/degrade_body_bleu_1.jpg) repeat-x #acb2ae; /* partie supérieure */
	background-color:#DFE4E7;  /* fond (complète la partie sup) */
}

#cadre_admin /* dégradé_corps en haut, s'abaissant progressivement au blanc qui est paddé par repeat-x de 500 au bas de la page */
{	
	padding-top : 155px ; 
	left : 0px ;
	height:1450px;
	width: 900px;
	border: 1px solid #000;
	border-color:#777777;
	font-family: verdana;
	font-size:.7em;
	text-align: justify; 
	overflow:auto; 
	background: url(/design/images/degrade_corps.jpg) repeat-x #FFFFFF;
}

.bandeau
{
	position : absolute; 
	top : 0px; 
	width: 900px; /* largeur cadres utiles */
	height: 120px; /* Attention, avec IE il peut y avoir du blanc sous les images si hauteur flash = 100 % */
	border: 1px solid #000;
	left : 0px;
	border-color:#777777;
}

#cadre_droit 
{
	position : absolute; 
	top : 155px ; 
	left : 0px ;
	height:2500px;
	width: 845px;
	border: 1px solid #000;
	border-color:#777777;
	font-family: verdana;
	padding-right:15px;
	padding-left:40px;
	font-size:.7em;
	text-align: justify; 
/*	overflow:auto; */
/*	background: url(/design/images/fond_cadre_droit_1.jpg); */
	background: url(/design/images/degrade_corps.jpg) repeat-x #FFFFFF; 
}

#cadre_grand_titre_accueil
{
	/* background-color:red; */
	position : absolute; 
	top : 155px; /* 120 (bandeau) + 35 (menu) */
	height:45px; 
	left : 0px ;
	width: 880px; /* influe sur "left" du cadre_milieu */
	border-right: 1px solid green;
	border-left: 1px solid green;
	padding-left:10px;
	padding-right:10px;
	background-color:#FDFAF6;  /* E0E0E0 */
}

#cadre_gauche_accueil
{
	/* background-color:red; */
	position : absolute; 
	top : 200px; /* 120 (bandeau) + 35 (menu) */
	height:900px; 
	left : 0px ;
	width: 540px; /* influe sur "left" du cadre_milieu */
	border-right: 0px solid green;
	border-left: 1px solid green;
	padding-left:10px;
	padding-right:10px;
	background-color:#FDFAF6;  /* E0E0E0 */
}

#cadre_droit_accueil
{
	position : absolute; 
	top : 200px ; 
	left : 560px ;
	height:900px;
	width: 321px;
	border-right: 1px solid green;
	border-left: 0px solid green;
	border-color:#777777;
	font-family: verdana;
	font-size:.7em;
	padding-right:10px;
	padding-left:10px;
	text-align: justify; 
	overflow:auto; 
	background-color:#FDFAF6;  /* E0E0E0 */
/*	background: url(/design/images/fond_cadre_droit_1.jpg); */
/*	background: url(/design/images/degrade_corps.jpg) repeat-x #FFFFFF; */
}

.cadre_no_1
{
/*	font-style:italic; */
/*	background-color:#FFFFB3; */
background-color:#E8E8E8; 
position : absolute; 
top : 80px ; 
left : 80px ;
height:200px;
width: 310px;
border: 0px solid green;
font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
padding-left:5px;
padding-right:5px;
overflow:auto; 
}

.cadre_no_2
{
/*	font-style:italic; */
/*	background-color:#DAFEDB; */
background-color:#E8E8E8; 
position : absolute; 
top : 80px ; 
left : 460px ;
height:350px;
width: 400px;
border: 0px solid black;
font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
padding-left:10px;
padding-right:5px;
overflow:auto;
}

.cadre_no_3
{
/*	font-style:italic; */
/*	background-color:#FFFFB3; */
background-color:#E8E8E8; 
position : absolute; 
top : 300px ; 
left : 80px ;
height:200px;
width: 310px;
border: 0px solid green;
font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
padding-left:5px;
padding-right:5px;
}

.cadre_no_4
{
/*	font-style:italic; */
/*	background-color:#FFFFB3; */
background-color:#E8E8E8; 
position : absolute; 
top : 475px ; 
left : 60px ;
height:420px;
width: 330px;
border: 0px solid green;
font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
padding-left:5px;
padding-right:5px;
overflow:auto; 
}

.cadre_no_5
{
/*	font-style:italic; */
/*	background-color:#DAFEDB; */
background-color:#E8E8E8; 
position : absolute; 
top : 475px ; 
left : 440px ;
height:420px;
width: 400px;
border: 0px solid black;
font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
padding-left:10px;
padding-right:5px;
overflow:auto;
}

.cadre_no_6
{
/*	font-style:italic; */
/*	background-color:#FFFFB3; */
background-color:#E8E8E8; 
position : absolute; 
top : 80px ; 
left : 12px ;
height:375px;
width: 855px;
border: 0px solid green;
font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
padding-left:5px;
padding-right:5px;
}

.cadre_no_10
{
/*	font-style:italic; */
/*	background-color:#FFFFB3; */
background-color:#D9D9FF; 
position : absolute; 
top : 100px ; 
left : 120px ;
height:240px;
width: 320px;
border: 0px solid green;
font-family: verdana;
padding-right:15px;
padding-left:15px;
font-size:11px;
text-align: justify; 
overflow:auto; 
}

.cadre_no_11
{
/*	font-style:italic; */
/*	background-color:#FFFFB3; */
background-color:#D9D9FF; 
position : absolute; 
top : 100px ; 
left : 120px ;
height:350px;
width: 320px;
border: 0px solid green;
font-family: verdana;
padding-right:15px;
padding-left:15px;
font-size:11px;
text-align: justify; 
overflow:auto; 
}

.cadre_no_21
{
/*	font-style:italic; */
/*	background-color:#DAFEDB; */
background-color:#CFFFCF; 
position : absolute; 
top : 100px ; 
left : 570px ;
height:150px;
width: 255px;
border: 0px solid black;
font-family: verdana;
font-size:11px;
text-align: justify; 
overflow:auto;
}

.cadre_no_31
{
/*	font-style:italic; */
/*	background-color:#FFFFB3; */
background-color:#CECE9D; 
position : absolute; 
top : 300px ; 
left : 570px ;
height:100px;
width: 255px;
border: 0px solid green;
font-family: verdana;
font-size:11px;
text-align: justify; 
}

.cadre_no_41
{
/*	font-style:italic; */
/*	background-color:#FFFFB3; */
background-color:#E8E8E8; 
position : absolute; 
top : 850px ; 
left : 50px ;
height:600px;
width: 300px;
border: 0px solid green;
font-family: verdana;
padding-right:15px;
padding-left:15px;
font-size:11px;
text-align: justify; 
overflow:auto; 
}

.cadre_no_51
{
/*	font-style:italic; */
/*	background-color:#DAFEDB; */
background-color:#E8E8E8; 
position : absolute; 
top : 850px ; 
left : 475px ;
height:600px;
width: 270px;
border: 0px solid black;
font-family: verdana;
padding-right:15px;
padding-left:15px;
font-size:11px;
text-align: justify; 
overflow:auto;
}

.cadre_no_610
{
/*	font-style:italic; */
/*	background-color:#FFFFB3; */
background-color:#E8E8E8; 
position : absolute; 
top : 420px ; 
left : 0px ;
height:100px;
width: 255px;
border: 0px solid green;
font-family: verdana;
padding-right:15px;
padding-left:3px;
font-size:11px;
text-align: justify; 
}

.cadre_no_61
{
/*	font-style:italic; */
/*	background-color:#FFFFB3; */
background-color:#E8E8E8; 
position : absolute; 
top : 320px ; 
left : 570px ;
height:100px;
width: 255px;
border: 0px solid green;
font-family: verdana;
padding-right:15px;
padding-left:3px;
font-size:11px;
text-align: justify; 
}

.cadre_no_71
{
/*	font-style:italic; */
/*	background-color:#DAFEDB; */
background-color:yellow; 
position : absolute; 
top : 450px ; 
left : 570px ;
height:30px;
width: 255px;
border: 0px solid black;
font-family: verdana;
padding-top:10px;
font-size:11px;
text-align: center; 
overflow:auto;
}


#cadre_gauche_comcom 
{
	/* background-color:red; */
	position : absolute; 
	top : 240px; /* 120 (bandeau) + 35 (menu) */
	height:1000px; 
	left : 0px ;
	width: 220px; /* influe sur "left" du cadre_milieu */
	border-top: 0px solid green;
	border-right: 0px solid green;
	border-left: 1px solid green;
	padding-left:10px;
	background-color:#FDFAF6;  /* E0E0E0 */
}
/*
.message_flash 
{
	position : absolute; 
	top : 175px ; 
	left : 50px ;
	height:35px;
	width: 150px;
}
*/
.grand_titre_accueil 
{
	position:absolute; 
	top : 155px; 
	left : 200px ;
	height:85px; 
	width: 670px; 
	border: 0px solid green;
	border-right: 1px solid green;
	border-left: 0px solid green;
	padding-left:30px;
	background-color:#FDFAF6;  /* E0E0E0 */
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color: #000000;
	font-style:italic;
	font-weight:600;
	font-size:24px;
	text-align:left;
}

.grand_titre
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color: #000000;
	font-style:italic;
	font-weight:600;
	font-size:24px;
	border: 0px solid green;
	text-align:center;
}

.grand_sous_titre
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color:#007373; /*006A00;*/
	font-style:italic;
	font-weight:600;
	font-size:18px;
	border: 0px solid green;
	text-align:center;
}

.grand_sous_titre_communes
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color:#006A00; /*006A00;*/
	font-style:italic;
	font-weight:600;
	font-size:18px;
	border: 0px solid green;
	text-align:center;
}

.actu_accueil_g 
{
/*	font-style:italic;
background: url(/design/images/lgrey033.jpg) repeat center; */
background: url(/design/images/fond_actu_2.jpg) repeat center;
/* background-color:#FFFFB3; */
position : absolute; 
top : 30px ; 
left : 20px ;
height:760px;
width: 310px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
behavior: url(/design/pie-1/PIE.htc);/* border: 1px solid green; */
border: 0px solid green;
overflow:auto;
}

.actu_accueil_d 
{
/*	font-style:italic; 
background: url(/design/images/lgrey025.jpg) repeat center; */
/* background-color:#DAFEDB; */
background: url(/design/images/fond_actu_1.jpg) repeat center;
position : absolute; 
top : 30px ; 
left : 350px ;
height:760px;
width: 310px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
behavior: url(/design/pie-1/PIE.htc);/* border: 1px solid green; */
border: 0px solid green;
overflow:auto;
}

.cadre_actu 
{
background-color:#FFFFFF;
/*
position : absolute; 
top : 150px ; 
left : 460px ;
height:180px;
width: 350px;
*/
border-style: solid;
border-color:#FA0000;
border-width:2px;
/* overflow:auto; */
-webkit-box-shadow: #666 0px 5px 3px;
-moz-box-shadow: #666 0px 5px 3px;
box-shadow: #666 0px 5px 3px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
behavior: url(/design/pie-1/PIE.htc);/* border: 1px solid green; */
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFF0), to(#CBCBCB));
background: -webkit-linear-gradient(#FFFFF0, #CBCBCB);
background: -moz-linear-gradient(#FFFFF0, #CBCBCB);
background: -ms-linear-gradient(#FFFFF0, #CBCBCB);
background: -o-linear-gradient(#FFFFF0, #CBCBCB);
background: linear-gradient(#FFFFF0, #CBCBCB);
-pie-background: linear-gradient(#FFFFF0, #CBCBCB);
}

#cadre_droit_blanc_haut
{
	position : absolute; 
	top : 155px ; 
	left : 0px ;
	height:1500px;
	width: 870px;
	border: 1px solid #000;
	border-color:#777777;
	font-family: verdana;
	padding-right:15px;
	padding-left:15px;
	font-size:.7em;
	text-align: justify; 
	background-color:#FFFFFF; 
}

#cadre_droit_ocsc 
{
	position : absolute; 
	top : 155px ; 
	left : 185px ;
	height:1500px;
	width: 685px;
	border: 1px solid #000;
	border-color:#777777;
	font-family: verdana;
	font-size:.7em;
	padding-right:15px;
	padding-left:15px;
	text-align: justify; 
	background-color:#FFFFFF; 
}

.fond_sous_boutons_gauche_communes
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color: #006A00;
	font-style:italic;
	border:0px; 
	font-weight:600;
	font-size:0.8em;
	width:260px; 
	border: 0px solid green;
	text-align:left;
	background-color:#FDFAF6;  /* E0E0E0 */
}

.fond_sous_boutons_gauche
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color: #007373;
	font-style:italic;
	border:0px; 
	font-weight:600;
	font-size:0.8em;
	width:260px; 
	border: 0px solid green;
	text-align:left;
	background-color:#FDFAF6;  /* E0E0E0 */
}

.fond_sous_boutons_gauche_dr_eliard
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color:#008000;
	font-style:italic;
	border:0px; 
	font-weight:600;
	font-size:0.8em;
	width:260px; 
	border: 0px solid green;
	text-align:left;
	padding-left:20px;
	background-color:#FDFAF6;  /* E0E0E0 */
}

.upstyle
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color: #FF0033; 
	font-style:italic;
	border:0px; 
	font-weight:600;
	font-size:0.8em;
	width:260px; 
	border: 0px solid green;
	text-align:left;
	background-color:#FDFAF6;  /* E0E0E0 */
}

.downstyle
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color: #007373; 
	font-style:italic;
	border:0px; 
	font-weight:600;
	font-size:0.8em;
	width:260px; 
	border: 0px solid green;
	text-align:left;
	background-color:#FDFAF6;  /* E0E0E0 */
}

.upstyle_dr_eliard
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color: #FF0033; 
	font-style:italic;
	border:0px; 
	font-weight:600;
	font-size:0.8em;
	width:260px; 
	border: 0px solid green;
	text-align:left;
	padding-left:20px;
	background-color:#FDFAF6;  /* E0E0E0 */
}

.downstyle_dr_eliard
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color:green; 
	font-style:italic;
	border:0px; 
	font-weight:600;
	font-size:0.8em;
	width:260px; 
	border: 0px solid green;
	text-align:left;
	padding-left:20px;
	background-color:#FDFAF6;  /* E0E0E0 */
}

.bouton_suivant
{
	border:0px; 
	font-size:2.4em;
	width:50px; 
	background: url(/design/images/suivant.png) no-repeat center;
}

.bouton_precedent
{
	border:0px; 
	font-size:2.4em;
	width:50px; 
	background: url(/design/images/precedent.png) no-repeat center;
}

.bouton_retour
{
	border:0px; 
	font-size:2.4em;
	width:50px; 
	background: url(/design/images/retour.png) no-repeat center;
}

.loupe_on
{
	height:400px; 
}
.loupe_off
{
	height:80px; 
}

.cadre_gauche_ocsc
{
	position : absolute; 
	top : 155px; /* 120 (bandeau) + 35 (menu) */
	height:1500px; 
	left : 0px;
	width:185px; 
	border: 0px solid green;
	text-align:left;
/*	font-family: Georgia, "Times New Roman", Times, serif; */
	font-family: comic sans ms,sans-serif;
	border:0px; 
	font-weight:600;
	font-size:0.9em;
	line-height:16px;
	padding-left:5px;
	color:#CCCCCC;
	background-color:#00CFFF;

/*	border: 0px solid green;
	font-family: comic sans ms,sans-serif;
	font-weight:600;
	text-align:left;
	text-decoration:none;
	background-color:#00CFFF; 
*/
}

.fond_sous_titres_gauche_ocsc
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color: #FFFFFF;
	font-family: comic sans ms,sans-serif;
	font-weight:600;
	font-size:1em;
	width:180px; 
	border: 0px solid green;
	text-align:left;
	background-color:#00CFFF;
}

.fond_sous_boutons_gauche_ocsc
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color: #FFFFFF;
	font-family: comic sans ms,sans-serif;
	font-weight:600;
	font-size:0.9em;
	width:180px; 
	border: 0px solid green;
	text-align:left;
	background-color:#00CFFF;
}

.upstyle_ocsc
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color: #0000FF; 
	font-family: comic sans ms,sans-serif;
	border:0px; 
	font-weight:600;
	font-size:0.9em;
	width:180px; 
	border: 0px solid green;
	text-align:left;
	background-color:#00CFFF;
}
.downstyle_ocsc
{
	font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
	color: #FFFFFF; 
	font-family: comic sans ms,sans-serif;
	border:0px; 
	font-weight:600;
	font-size:0.9em;
	width:180px; 
	border: 0px solid green;
	text-align:left;
	background-color:#00CFFF;
}

.upstyle_gestion_ocsc
{
	color:red;
}
.downstyle_gestion_ocsc
{
	font-weight:200;
}

h2
{
/*	font-style:italic; */
font-size:20px; 
font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
}

h3
{
/*	font-style:italic; */
font-size:16px; 
font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
}

h4
{
/*	font-style:italic; */
font-size:12px; 
font-family:Arial,Helvetica,sans-serif; 
/*	font-family:Georgia; */
}

h5
{
/*	font-style:italic; */
font-size:9px; 
font-family: Georgia; 
}

.message_flash_sur_cadre_droit_v2
{
background-color:#FFFFA0;
position : absolute; 
top : 90px ; 
left : 260px ;
height:170px;
width: 350px;
border-style: solid;
border-color:#FA0000;
border-width:1px;
overflow:auto;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
behavior: url(/design/pie-1/PIE.htc);/* border: 1px solid green; */
}

/* Ci-dessous, environnement pour les textes défilants horizontaux */
#cadrage_boite 
{
	width:400px; padding-top:20px; margin:0 auto;  border:0; overflow:hidden;
} 

#boite 
{ 
	position:relative; width:871px; height:50px; overflow:hidden;
    background:#FFFFA0; border:1px inset white; 
} 

#defile 
{ 
	position:absolute; margin-top:1px; background-color:transparent; }(X) HTMLSyntaxe: [ Télécharger ] [ Masquer ] [ Sélectionner ] [ Agrandir ]
	Syntaxe: [ Télécharger ] [ Afficher ]
}

#motif_sur_cadre_milieu 
{
	background-color:#FFFFFF;
	position : absolute; 
	top : 105px ; 
	left : 145px ;
	height:120px;
	width: 90px;
}

#sous_cadre_droite 
{
	position : relative; 
padding-left:5px;
padding-right:5px;
}

#cadre_central_1
{
	position : relative; 
	height:80%;
	width: 95%;   /* veiller à rester dans le "corps" */
	margin:0 auto; 
	border: 0px solid #000000;
	text-align: center; 
	background: url("/design/images/fond_marianne.jpg") no-repeat;
	background-position:center;
 	overflow:auto; 
}

#cadre_central_admin
{
	height:80%;
	width: 95%;   /* veiller à rester dans le "corps" */
	background: url("/design/images/couteau_suisse_2.jpg") no-repeat;
	margin:-50px 0 0 0; 
	padding-top:-150px;
	background-position:center;
}

/* ------------------------------------------------------------------------------ */

#cadre_a_droite 
{
/* background-color:#CCCCCC; */
position: absolute;
margin-top: 0px;
margin-left: 225px;
border:0px solid black;
width:510px;
height:380px;
text-align:center;
overflow:auto;
background: url("images/fond_marianne.jpg") no-repeat;
background-position:center;
}

#cadre_a_gauche 
{
position: absolute;
margin-top: 70px;
margin-left: 20px;
width:170px;
border:0px solid black;
border-right:1px solid black;
}

#cadre_photo 
{
/* background-color:#CCCCCC; */
position: absolute;
margin-top: 50px;
margin-left: 20%;/* 225px; */
border:0px solid black;
width:510px;
height:400px;
text-align:center;
overflow:auto;
}

#cadre_photo_accueil 
{
margin:0 auto;
vertical-align:middle;
text-align:center;
display: block;
width: 70%;
border-style: solid;
border-color:#777777; 
}

#cadre_mot_elu
{
/* background-color:#CCCCCC; */
position: absolute;
margin-top: 0px;
margin-left: 225px;
border:0px solid black;
width:510px;
height:500px;
text-align:center;
overflow:auto;
background-position:center;
}

#tout_petit_cadre_photo 
{
border:0px solid black;
margin:0 auto;
vertical-align:middle;
text-align:center;
display: block;
/* width: 100%; */
height:60px;
}

#petit_cadre_photo 
{
border:1px solid black;
margin:0 auto;
vertical-align:middle;
text-align:center;
display: block;
/* width: 100%; */
height:75px;
}

#moyen_cadre_photo 
{
border:1px solid black;
margin:0 auto;
vertical-align:middle;
text-align:center;
display: block;
/* width: 100%; */
height:100px;
}

#grand_cadre_photo 
{
border:1px solid black;
margin:0 auto;
vertical-align:middle;
text-align:center;
display: block;
/* width: 100%; */
height:125px;
}

#tres_grand_cadre_photo 
{
border:1px solid black;
margin:0 auto;
vertical-align:middle;
text-align:center;
display: block;
/* width: 100%; */
height:150px;
}

div.centrage 
{text-align: center;}

#cadre_photo_affiche 
{
text-align:center;
width: 100%;
border-style: solid;
border-color:#777777;
}

#affiche /* page d'index */
{
height: auto !important; /*corrige pb ie6 */
margin-top: 20px;
width:620px;	
margin:0 auto;
text-align: center;
color: #000000;
}
 /* ------------------------------------------- */

 #centrage_page
{
	margin-left: 10%; 
	/* margin-right: auto; 
	/* width: 80%; /* largeur obligatoire pour être centré */ 
}

/* ----------------------------------------------------------------------------------------------------- */
/*  Ci-dessous : affichage des photos du bandeau avec fondu-enchaîné
/* ----------------------------------------------------------------------------------------------------- */

#cf4a {
	position : absolute; 
	top : 0px ; 
	width: 900px; /* largeur cadres utiles */
	height: 120px; /* Attention, avec IE il peut y avoir du blanc sous les images si hauteur flash = 100 % */
	border: 1px solid #000;
	left : 0px ;
	border-color:#777777;
}

#cf4a img {
  position:absolute;
  left:0;
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 16s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 16s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 16s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 16s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}     

@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}</pre></body></html>