@font-face {
font-family: 'Century Gothic Regular';
font-style: normal;
font-weight: normal;
src: local('Century Gothic Regular'), url('./font/century-gothic-webfont/GOTHIC.woff') format('woff');
}


@font-face {
font-family: 'Century Gothic Italic';
font-style: normal;
font-weight: normal;
src: local('Century Gothic Italic'), url('./font/century-gothic-webfont/GOTHICI.woff') format('woff');
}


@font-face {
font-family: 'Century Gothic Bold';
font-style: normal;
font-weight: normal;
src: local('Century Gothic Bold'), url('./font/century-gothic-webfont/GOTHICB.woff') format('woff');
}


@font-face {
font-family: 'Century Gothic Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Century Gothic Bold Italic'), url('./font/century-gothic-webfont/GOTHICBI.woff') format('woff');
}



* {
   font-family: "Century Gothic Regular";
}

ul.icon li:before
{
	font-family: bullets;
	content:"\#xF00C";
	float: left;
	width: 1.4em;
}
ul.icon
{
	list-style-type: none;
}

ul.icon li
{
	text-indent: -1.4em;
}
ul.icon li.star:before { content: "\1004"; }
/* &#10004*/


.menu_element_0 {
  background-color: #c0302d;
}

.submenu_element_0 {
  background-color: rgba(192, 48, 45, 0.9);
}

.menu_element_1 {
  background-color: #135188;
}

.submenu_element_1 {
  background-color: rgba(19, 81, 136, 0.9);
}

.menu_element_2 {
  background-color: #e27f20;
}

.submenu_element_2 {
  background-color: rgba(226, 127, 32, 0.9);
}

.menu_element_3 {
  background-color: #237938;
}

.submenu_element_3 {
  background-color: rgba(35, 121, 56, 0.9);
}

.menu_element_4 {
  background-color: #c0302d;
}

.submenu_element_4 {
  background-color: rgba(192, 48, 45, 0.9);
}

.menu_element_5 {
  background-color: #135188;
}

.submenu_element_5 {
  background-color: rgba(19, 81, 136, 0.9);
}
.menu_element_6 {
  background-color: #605A51;
}

.submenu_element_6 {
  background-color: rgba(96, 90, 81, 0.6);
}

.dropdown-menu :hover {
  background-color: #efb71b;
}

.pied_de_page {
  display: block;
  background-color: rgba(19, 81, 136, 0.9);
  color: white;
  margin: 20px;
  text-align: center;
  vertical-align: middle;
}

.pied_de_page a:link {
  color: white;
}
.content_section{
  padding:2%;
  /*margin-bottom:5%; */
}

.content_section hr{
  color:white;
  background-color:white;
}
.block_section{
  margin:2%;
}
.rad_section{
  border-radius: 15px;
  margin-left: 5%;
  margin-right: 5%;
}
.rad_title{
  border-radius: 15px;
  border: 2px solid red;
  box-shadow: 10px 10px 5px grey;
  margin-left: 5%;
  margin-right: 5%;
}
a {
    color: white;
    background-color:transparent;
}
.citation {
  background-color:rgba(35, 121, 56, 0.8);
  border:20px solid 2px;
  border-color:black,
  color:black
}
.checked{
  color:Yellow;
}
.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

#bodytable {
  column-count: 2;
}

/*@media only screen  and (max-width: 600px)
{
  .section1{margin: 5px; background-color: blue ;}

}*/
@media only screen  and (max-width: 600px)
{
  .rad_section{margin: 5px; padding: 5px; }
  .content_section {padding: 10px}
  .card {
    flex-direction: vertical;
  }
  div.medium{display:none;}
  div.large{display:none;}}

}
@media only screen  and (min-width: 601px) and (max-width: 768px)
{
  /*.section1{margin: 30px; background-color: Yellow ;}*/
  .card {
    flex-direction: row;
  }
  .card-img-top {
    width:50%;
  }
  /*div.medium{display:flex; align-items: center;}*/
    div.medium{display:none;}
  div.large{display: none;}

}
@media only screen  and (min-width: 768px )
{
  /*.section1{margin: 100px;  background-color: red ;}*/
  .card {
    flex-direction: row;
  }
  .card-img-top {
    width:50%;
  }

    /*div.large{display: flex; align-items: center;}*/

}
/*.card {
  flex-direction: row;
}*/
.card {
  /*flex-direction: row; */
  align-items: center;
}
.card img{
  padding: 2%;
}