/* Général */

div#optionBar
{
  border : 2px solid #050646;
  border-radius : 10px;
  padding : 10px;
  position : fixed;
  bottom : 100px;
  left : calc(100vw - 1350px);
}

body
{
  position : absolute;
  left : calc( 100vw / 2 - calc(800px / 2));
  width : 800px;
}

#arretScroll
{
	overflow-y : scroll;
	position : fixed;
	left : calc( 100vw / 2 - calc(800px / 2));
}

div#backEncart
{
	background-color : #00000000;
	height : 100%;
	position : fixed;
	bottom : 0px;
	left : 0px;
	right : 0px;
	top : 0px;
	transition : background-color 300ms;
	visibility : hidden;
	width : 100%;
	z-index : 997;
}

div.encadre
{
	background-color : #ffffff;
	border : 5px solid #050646;
	border-radius : 10px;
	margin : 30px 0px 30px 0px;
	padding : 25px 20px 10px 20px;
}

div.encadre p
{
	margin : 0px 0px 15px 0px;
	padding : 0px;
}

/* Bannière */

header.header
{
  margin-bottom : 10px;
}

/* Menu dans bannière */

.container-header .mod-menu, .container-header .mod-menu button
{
  color : #050646;
  font-weight : bold;
  margin : 0px;
  padding : 0px;
}

#menu-principal .item-101
{
  margin : 0px 0px 0px 30px;
}

#menu-principal .item-111, #menu-principal .item-112, #menu-principal .item-122
{
  margin : 0px 0px 0px 55px;
}

#menu-secondaire .item-117
{
  margin : 0px 0px 0px 90px;
}

#menu-secondaire .item-121, #menu-secondaire .item-102
{
  margin : 0px 0px 0px 100px;
}

.container-header .container-nav
{
  background-color : #FFFFFF;
  border-bottom : 1px solid #050646;
  font-size : 1em;
  margin-bottom : 10px;
  padding : 1em 2em 1em 2em;
}

/* Menu à droite */

.container-sidebar-right
{
  border-left : 1px solid #050646;
  font-size : 1em;
  height : 300px;
  margin : 1em 1em 1em 1em;
  padding : 1em 1em 1em 1em;
}

.container-sidebar-right a, .container-sidebar-right button
{
  color : #050646;
  font-weight : bold;
  margin : 0px;
  padding : 0px;
}

/* Menu temporaire */

#menu-secondaire-temporaire .item-148
{
  margin : 0px 0px 0px 170px;
}

#menu-secondaire-temporaire .item-149
{
  margin : 0px 0px 0px 150px;
}

/* Corps */

div.site-grid
{
  background-color : #FFFFFF;
  padding : 0px 10px 0px 10px;
}

p
{
  text-align : justify;
}

p, a, h1, h2, h3, ul, li, button
{
  font-family : Arial;
}

p, a, ul, li, button
{
  font-size : 20px;
}

h1
{
  font-size : 30px;
  margin-bottom : 20px;
}

p:has(+ ul)
{
	margin-bottom : 5px;
}

p.premierParagraphe:first-letter
{
	color : #007896;
	display : block;
	float : left;
	font-size : 60px;
	font-weight : bold;
	line-height : 50px;
	margin : 0px;
	padding : 8px 4px 0px 0px;
}

a
{
	color : #050646;
	cursor : pointer;
}

a.liens, a.encart
{
	transition : color 500ms;
}

a.liens:hover, a.encart:hover
{
	color : #0599FF;
}

a:visited
{
	color : #050646;
}

a.liens
{
	background-image : url("https://agoraphonie.fr/images/nouvellepage.png");
	background-position : right;
	background-repeat : no-repeat;
	background-size : 20px;
	text-decoration : underline;
	padding : 0px 22px 0px 0px;
}

/* Articles */

div.com-content-article__body
{
  border-bottom : 2px solid #050646;
  margin-bottom : 30px;
  padding-bottom :20px;
}



/* Extraits */

div.com-content-category-blog__item p.premierParagraphe
{
  float : left;
  width : 500px;
}

div.item-content  p.readmore
{
  margin-top : 15px;
  text-align : right;
}

div.item-content p.readmore a
{
  font-weight : bold;
}



/* encarts */

div.encart
{
	background-color : #ffffff;
	border : 1px solid #050646;
	border-radius : 30px;
	max-height : calc(100vh - 80px);
	opacity : 0%;
	overflow-y : hidden;
	padding : 40px 30px 40px 30px;
	position : fixed;
	transition : opacity 300ms;
	visibility : hidden;
	width : 800px;
	z-index : 998;
}

div.encart div.spanEncart
{
	display : inline-block;
	margin : 0px;
	max-height : calc(100vh - 160px);
	overflow : auto;
	padding : 0px 20px 0px 30px;
}

div.encartFermeture
{
	background-color : #ffffff;
	border-radius : 30px;
	border : 1px solid #050646;
	padding : 8px 10px 13px 10px;
	position : fixed;
	right : calc((100vw / 2) - 465px);
}

div.encartFermeture p
{
	cursor : pointer;
	font-size : 30px;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
	user-select : none;
}

a.encart
{
	background-image : url("https://agoraphonie.fr/images/nouvellepage.png");
	background-position : right;
	background-repeat : no-repeat;
	background-size : 20px;
	text-decoration : underline;
	padding : 0px 22px 0px 0px;
}

/* Commentaire Article */

div#formValidationError
{
  background-color : #FFB1B1;
  border : 2px solid #990000;
  border-radius : 10px;
  color : #000000;
  margin : 0px 0px 10px 0px;
  padding : 10px;
  width : 100%;
}

a.titreArticleBootstrap
{
  background-color : #EFEFEF;
  border : 2px solid #050646;
  border-radius : 10px;
  color : #000000;
  display : block;
  font-weight : bold;
  padding : 10px;
  text-decoration : none;
  width : 100%;
}

a.titreArticleBootstrap:hover
{
  color : #000000;
}

#articleBootstrap
{
  border : 1px solid #050646;
  border-radius : 10px;
  margin : 10px 0px 0px 0px;
  padding : 15px;
}

img#chevronBootstrap
{
  float : right;
  margin : 10px 10px 0px 0px;
  transition : transform 1s;
}


/* Pied de page */

footer.container-footer .grid-child
{
  height : 50px;
  margin : 0px;
  padding : 13px 0px 0px 0px;
}

footer.container-footer div#mod-custom123
{
  width : 100%;
}

footer.container-footer div#mod-custom123 p
{
  text-align : center;
}