.nomanimation { 0%{background-color:red;} 100%{background-color:green;} }
div.bloccible{ animation-name : nomanimation; background-color:yellow; }


.clignote{
	text-decoration: blink;
}
}
.menu {
    background-color: #BC2435 ;
}
.menu li {
    display: inline-block ;

}
.menu a {
    display: block ;
    width: 300px ;
    padding: 20px 0 ;
    border: 1px solid yellow ;
    -moz-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid yellow;
text-align: center;
background: rgba(252,234,186,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(252,234,186,1)), color-stop(37%, rgba(252,206,79,1)), color-stop(65%, rgba(250,183,0,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: radial-gradient(ellipse at center, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceaba', endColorstr='#fbdf93', GradientType=1 );
	background-color: yellow ;
    color: black ;
    text-decoration: none ;
    margin: 20px ;text-align: center ;
    border-radius: 100px;
}

}
.menu a:hover {
    background-color: white ;
    color: white ;
    border-color: white ;
}

.multi {
text-align: justify;
column-count 4;
-moz-column-count 4;
-webkit-column-count 4;
column-gap 30px;
-moz-column-gap 30px;
-webkit-column-gap 30px;
}


:required2 {
   border: 2px dotted red;
}


.degrade{
 	grid-column: 7 / 7;
    grid-row: 5;
text-align: center;	
font-size:20px;
	-moz-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid orange;
 background-image :  background-image : -webkit-gradient( radial, left top, 0px, right bottom, 100%, from(#ff0), color-stop(0.5, orange), to(blue)); 
 height : 150px; 
 width : 300px; 
}

.div {
  width: 200px;
  height: 100px;
  border: 1px solid black;
text-align : center
  }

.b
{
    grid-column:(var --gc) / 7 ;
    grid-row: 3;
	width: 160px;
    height: 160px;
    border-radius: 80px;
    
	text-align: center;
	background: var(--bg, green);
    transition: 5s;
}
 
.a:hover
{
    --bg: #F6FBDD;
	--gc: 2;
	}

	
.box1 {
grid-column:3 / 7;
    grid-row: 2;



text-align: center;
	
	width: 100%;
	font-size:30px;
background: rgba(248,80,50,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(248,80,50,1) 0%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(248,80,50,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(248,80,50,1) 0%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(248,80,50,1) 0%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(248,80,50,1) 0%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: radial-gradient(ellipse at center, rgba(248,80,50,1) 0%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=1 );
}

.box2 {
    float: center;
    width: 150px;
    height:100%;
    margin-right: 30px;
}
.box2 {
grid-column:3 / 7;
    grid-row: 2;
text-align: center;
background: rgba(252,234,186,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(252,234,186,1)), color-stop(37%, rgba(252,206,79,1)), color-stop(65%, rgba(250,183,0,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: radial-gradient(ellipse at center, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceaba', endColorstr='#fbdf93', GradientType=1 );

	

	
}
.box3 {
    
    width: 50%;
    height: 100%;
    margin-right: 30px;

grid-column: 3 / 7;
    grid-row:1;
text-align: center;
	
	
	
background: rgba(169,3,41,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(169,3,41,1)), color-stop(44%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: radial-gradient(ellipse at center, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=1 );	

	}
.box4{


	
	grid-column: 7 / 7;
    grid-row: 5;
text-align: center;	
font-size:20px;
	-moz-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid orange;

background: rgba(252,234,186,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(252,234,186,1)), color-stop(37%, rgba(252,206,79,1)), color-stop(65%, rgba(250,183,0,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: radial-gradient(ellipse at center, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceaba', endColorstr='#fbdf93', GradientType=1 );
}
	
	
	
.wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr ;
    grid-template-rows: 50px 50px 50px 50px 50px ;
    grid-gap: 10px;

	}



body
{


background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 39%, rgba(237,237,237,1) 69%, rgba(237,237,237,1) 71%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(39%, rgba(246,246,246,1)), color-stop(69%, rgba(237,237,237,1)), color-stop(71%, rgba(237,237,237,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 39%, rgba(237,237,237,1) 69%, rgba(237,237,237,1) 71%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 39%, rgba(237,237,237,1) 69%, rgba(237,237,237,1) 71%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 39%, rgba(237,237,237,1) 69%, rgba(237,237,237,1) 71%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 39%, rgba(237,237,237,1) 69%, rgba(237,237,237,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );

}

.body1
	{
	
background: rgba(251,253,247,1);
background: -moz-linear-gradient(top, rgba(251,253,247,1) 0%, rgba(179,205,132,1) 36%, rgba(161,193,103,1) 64%, rgba(238,246,223,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,253,247,1)), color-stop(36%, rgba(179,205,132,1)), color-stop(64%, rgba(161,193,103,1)), color-stop(100%, rgba(238,246,223,1)));
background: -webkit-linear-gradient(top, rgba(251,253,247,1) 0%, rgba(179,205,132,1) 36%, rgba(161,193,103,1) 64%, rgba(238,246,223,1) 100%);
background: -o-linear-gradient(top, rgba(251,253,247,1) 0%, rgba(179,205,132,1) 36%, rgba(161,193,103,1) 64%, rgba(238,246,223,1) 100%);
background: -ms-linear-gradient(top, rgba(251,253,247,1) 0%, rgba(179,205,132,1) 36%, rgba(161,193,103,1) 64%, rgba(238,246,223,1) 100%);
background: linear-gradient(to bottom, rgba(251,253,247,1) 0%, rgba(179,205,132,1) 36%, rgba(161,193,103,1) 64%, rgba(238,246,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdf7', endColorstr='#eef6df', GradientType=0 );

	
	
	}

.orange
{
	text-align: center;
background: rgba(252,234,186,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(252,234,186,1)), color-stop(37%, rgba(252,206,79,1)), color-stop(65%, rgba(250,183,0,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: radial-gradient(ellipse at center, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceaba', endColorstr='#fbdf93', GradientType=1 );
}
.rouge
{
text-align: center;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
	width: 100%;
	font-size:20px;
background: rgba(239,197,202,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(239,197,202,1) 9%, rgba(210,75,90,1) 45%, rgba(186,39,55,1) 87%, rgba(186,39,55,1) 87%, rgba(241,142,153,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(239,197,202,1)), color-stop(9%, rgba(239,197,202,1)), color-stop(45%, rgba(210,75,90,1)), color-stop(87%, rgba(186,39,55,1)), color-stop(87%, rgba(186,39,55,1)), color-stop(100%, rgba(241,142,153,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(239,197,202,1) 9%, rgba(210,75,90,1) 45%, rgba(186,39,55,1) 87%, rgba(186,39,55,1) 87%, rgba(241,142,153,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(239,197,202,1) 9%, rgba(210,75,90,1) 45%, rgba(186,39,55,1) 87%, rgba(186,39,55,1) 87%, rgba(241,142,153,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(239,197,202,1) 0%, rgba(239,197,202,1) 9%, rgba(210,75,90,1) 45%, rgba(186,39,55,1) 87%, rgba(186,39,55,1) 87%, rgba(241,142,153,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,197,202,1) 0%, rgba(239,197,202,1) 9%, rgba(210,75,90,1) 45%, rgba(186,39,55,1) 87%, rgba(186,39,55,1) 87%, rgba(241,142,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99', GradientType=1 );


}
.gris
{
text-align: center;	
background: rgba(226,226,226,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 27%, rgba(209,209,209,1) 85%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(226,226,226,1)), color-stop(27%, rgba(219,219,219,1)), color-stop(85%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 27%, rgba(209,209,209,1) 85%, rgba(254,254,254,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 27%, rgba(209,209,209,1) 85%, rgba(254,254,254,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 27%, rgba(209,209,209,1) 85%, rgba(254,254,254,1) 100%);
background: radial-gradient(ellipse at center, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 27%, rgba(209,209,209,1) 85%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
}
.bordeau2
{
	text-align: center;
	position : fixed ;
	top : 45;
	width: 100%;
	font-size:20px;
background: rgba(169,3,41,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(169,3,41,1)), color-stop(44%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: radial-gradient(ellipse at center, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=1 );
	
}
.bordeau
{text-align: center;
	
	width: 100%;
	font-size:20px;
	
background: rgba(169,3,41,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(169,3,41,1)), color-stop(44%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: radial-gradient(ellipse at center, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=1 );
}
.arondi
{
-moz-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid orange;
text-align: center;
background: rgba(252,234,186,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(252,234,186,1)), color-stop(37%, rgba(252,206,79,1)), color-stop(65%, rgba(250,183,0,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: radial-gradient(ellipse at center, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceaba', endColorstr='#fbdf93', GradientType=1 );
}
.arondi2
{
-moz-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid yellow;
text-align: center;
background: rgba(252,234,186,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(252,234,186,1)), color-stop(37%, rgba(252,206,79,1)), color-stop(65%, rgba(250,183,0,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
background: radial-gradient(ellipse at center, rgba(252,234,186,1) 0%, rgba(252,206,79,1) 37%, rgba(250,183,0,1) 65%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceaba', endColorstr='#fbdf93', GradientType=1 );
}
.color2{
	background-color: #fbdf93;
 
	
}
.arondi3 {
text-decoration: none;
padding: 10px;
font-family: arial;
font-size: 1em;
color: #FFFFFF;
background-color: #CCBE05;
border-radius: 24px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border: 4px solid #CCBE05;
}
.transparent
{
 background-color: #ffffff;
 opacity: 0.4;
}
.transparent2
{
 background-color: rgba(255, 255, 255, .4);
}
.table 
{
  border-collapse: collapse;
  border: 2px solid rgb(200,200,200);
  letter-spacing: 1px;
  font-size: 0.8rem;
}
.html {
  font-family: sans-serif;
}

.table {
  border-collapse: collapse;
  border: 2px solid rgb(200,200,200);
  letter-spacing: 1px;
  font-size: 0.8rem;
}

.td, .th {
  border: 1px solid rgb(190,190,190);
  padding: 10px 20px;
}

.th {
  background-color: rgb(235,235,235);
}

.td {
  text-align: center;
}

.tr:nth-child(even) td {
  background-color: rgb(250,250,250);
}

.tr:nth-child(odd) td {
  background-color: rgb(245,245,245);
}

.caption {
  padding: 10px;
}
/* début menu bisindex.php */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #1EED38;
  position: fixed;
  top: 10;
  width: 100%;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #15A527;
}

.active {
  background-color: #4CAF50;
}

.fontelection
{
-moz-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;	
background: rgba(179,220,237,1);
background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(50%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -o-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -ms-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: linear-gradient(to bottom, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=0 );

}

#tailleChampNombre

{width: 3em;}

.logomairie {
  
  background-image: url("logomairie2.png");
  /*background-color: #cccccc;*/
  height: 50px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}