body{background-image:url("../images/fond.webp");font-size: 1.8em}
li {list-style-type: round;}
ul {margin: 5px 0 0 0; padding: 0 0 0 30px;}

h1{color: #194FA4;font-weight: 600;margin-bottom: 30px;margin-top: 30px;font-size: 42px;}
h2{color: #DDD;font-weight: 600;margin-bottom: 20px;margin-top: 0px;}

a {color: #DDD; text-decoration:none; }
a:hover{color: #194FA4;text-decoration:underline;}

.logo {margin-top:10px;}
.breadcrumb {padding: 0px;background-color: transparent;}

.block7{float: left;
text-align: justify;
border: 10px solid #194FA4;
padding-top:20px;
padding-bottom:20px;
margin-bottom:20px;
/* -moz-border-radius: 10px;border-radius: 10px; */
background: url("../images/shadow.webp");
background-repeat:repeat-x;
background-color:#3C2000;
color:#BBB;}

.block7v{
text-align: justify;
border: 10px solid #0E0948;
/* -moz-border-radius: 10px;border-radius: 10px; */
background: url("../images/shadow.webp");
background-repeat:repeat-x;
background-color:#84776F;}

.blockf2{
padding-top:5px;
color:#BBB;
background-color: #3C2000;
margin-top: 20px;
margin-bottom: 20px;
border: 10px solid #194FA4;
/* -moz-border-radius: 10px;border-radius: 10px; */}

.block5, .block5m, .block6, .block6m{
margin-bottom:20px;
text-align: justify;
/* -moz-border-radius: 10px;border-radius: 10px; */
background: url("../images/shadow.webp");
background-repeat:repeat-x;
padding: 20px 20px;
}
.block5{
border: 10px solid #0E0948;
background-color:#84776F;
}

.block5m{
border: 10px solid #194FA4;
background-color:#3C2000;
color:#BBB;
}

.p1 {font-style:italic;padding : 0 10px 0 10px;border-left:5px solid #DDD;margin:5px 0 0 0; }
.p2{padding : 0 10px 0 10px;border-left:5px solid #DDD;margin:5px 0 0 0; }
.marginright{margin-right:10px}
.marginleft{margin-left:10px}


.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both; animation-fill-mode: both}

@-webkit-keyframes jackInTheBox{
	0%
	{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}

	50%
	{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}

	70%
	{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
	
	}

@keyframes jackInTheBox {
	0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
	50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
	70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

	}

.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}