body {color: #111111}

h1{color: #2d3555 ;
   font-size: 50px}

h2{color: #2d3555 ;
   text-align: center;
   font-size: 12px;
}

h22{color: #2d3555 ;
   text-align: left;
   font-size: 15px;
}

h3{color:#000000;
   font-size: 20px;
   text-align: left    }
   
h333{color:#000000;
   font-size: 20px;
   text-align: left    }
      
   
h33{color:#000000;
   font-size: 20px;
   text-align: left;
   text-decoration: underline;
   color:#ffd423   }

h4{color: #f90000 ;
   font-size: 30px}
   
a{color: #000000;
  font-size:11
  }
   
a1{color: #000000;
  font-size:5
  }
   
b5{color:#f90000;
   font-size: 20px;
   text-align: left    }

.bande{
	color: #ffffff;
	margin:0px 0px 0px 0px;
	padding:1px 0px 6px 0px;
	background: #2d3555 ;
	width: 100%;
    height: 30px;
	text-align: center;
	font-size:11px
}

.bande2{
	color: #ffffff;
	margin:30px 0px 0px 0px;
	padding:1px 0px 6px 0px;
	background: #2d3555 ;
	width: 100%;
    height: 0,1px;
	text-align: center;
}
	
.grandtitre{
	text-align: center;
	margin:10px 80px 10px 12%;
    display: inline-block;
    color:  #2d3555;
    line-height:2px	}
	
.pic1{
	margin:10px 80px 10px 10%;
    display: inline-block	}

.pic2{
	margin:10px 80px 10px 10%;
	display: inline-block;
    background: #ffd423 ;
    padding: 5px 5px 5px 5px;
    text-align:center;
    border-radius: 5px;	
   	}
	
.pic3{
	margin:10px 80px 10px 20%;
    }
	
@keyframes taille{
	from{width:100%;}
	50%{width:50%;}
	to{width:100%}
	}
	
.pic3:hover{
	animation-play-state: paused  }
	
.column_left{
	width:20%;
	height:100%;
	padding:0px 10px 0px 0px;
	line-height:25px;
	border-right:1px solid;
	display:inline-block
	}
	
.bn{
	width:55%;
	height:100%;
	display:inline-block;
	padding:0px 0px 0px 10px;
	}	
	
.column_right{
	width:20%;
	height:100%;
	padding:0px 0px 0px 10px;
	line-height:25px;
	border-left:1px solid;
	display: inline-block
	}