/* Général */

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));
}

.marginBas
{
  margin : 0px 0px 30px 0px;
}

p
{
  text-align : justify;
}

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

p, a, ul, li, button, legend
{
  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, a#lien_commentaire
{
	transition : color 500ms;
}

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

a:visited
{
	color : #050646;
}

a.liens, a#lien_commentaire
{
	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;
}

a.btn-primary
{
  color : #FFFFFF;
}

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;
}

/* Editeur de texte TinyMCE */

button.js-tiny-toggler-button
{
  pointer-events : none;
  visibility : hidden;
}

div.tox-statusbar__path-item
{
  pointer-events : none;
  visibility : hidden;
}

iframe
{
	border : none;
}

/* 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 à 3 entrées
#menu-principal .item-101
{
  margin : 0px 0px 0px 130px;
}
*/

/* Menu à 5 entrées 
#menu-principal .item-101
{
  margin : 0px 0px 0px 10px;
  padding : 0px;
}
*/

/* Menu à 4 entrées 
#menu-principal .item-111, #menu-principal .item-112, #menu-principal .item-122, #menu-principal .item-162, #menu-principal .item-163, #menu-principal .item-164, #menu-principal .item-179, #menu-principal .item-185
{
  margin : 0px 0px 0px 25px;
}
*/

/* Menu à 4 entrées */
#menu-principal .item-101
{
  margin : 0px 0px 0px 55px;
  padding : 0px;
}


#menu-principal .item-161
{
  margin : 0px 0px 0px 5px;
}

#menu-principal .item-111, #menu-principal .item-112, #menu-principal .item-122, #menu-principal .item-162, #menu-principal .item-163, #menu-principal .item-164, #menu-principal .item-179, #menu-principal .item-185
{
  margin : 0px 0px 0px 55px;
}

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

#menu-secondaire .item-172, #menu-secondaire .item-102, #menu-secondaire .item-176
{
  margin : 0px 0px 0px 55px;
}

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

/* formulaires */

span.form-control-feedback
{
    height : 0px;
    margin : 0px;
    padding : 0px;
    visibility : hidden;
}

div.control-label, label.invalid
{
    height : 30px;
}


/* Corps */

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


/* Connexion */

form#com-users-login__form fieldset
{
  margin-bottom : 0px;
  padding-bottom : 0px;
}

div.com-users-login__options
{
    margin : 0px 0px 10px 0px;
}

a.com-users-login__reset, a.com-users-login__remind, a.com-users-login__register
{
    border : none;
    display : inline-block;
    margin : auto;
    padding : 0px 0px 7px 0px;
    text-align : center;
}

a.com-users-login__reset
{
    width : 200px;
}

a.com-users-login__remind
{
    width : 170px;
}

a.com-users-login__register
{
    width : 220px;
}


/* récupération du mot de passe */

form#user-registration legend
{
  margin : 0px 0px 30px 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;
}

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

div#optionBarDeconnecte
{
  border : 2px solid #050646;
  border-radius : 10px;
  height : 55px;
  padding : 10px;
  position : fixed;
  left : calc(calc(100vw /2) - 650px);
  bottom : 110px;
}

/* encarts */

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.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;
    left : calc((100vw / 2) - 400px);
	transition : opacity 300ms;
	visibility : hidden;
	width : 800px;
	z-index : 998;
}

div#encartLogomotricite
{
	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;
    left : calc((100vw / 2) - 625px);
	transition : opacity 300ms;
	visibility : hidden;
	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;
    margin-top : 20px;
	padding : 0px 10px 5px 10px;
	position : fixed;
	left : calc((100vw / 2) + 420px);
}

div.encartFermeture p
{
	cursor : pointer;
	font-size : 40px;
	margin : 0px;
	padding : 0px 10px 0px 10px;
	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 */

div.container-bottom-b
{
  margin : 0px;
  padding : 0px;
  width : 100%;
}

div.container-bottom-b div.bottom-b, div.container-bottom-b div.card-body
{
  border : none;
  margin : 0px;
  padding : 0px;
  width : 100%;
}

div.container-bottom-b div#mod-custom123 p
{
  background-color : #1B2D5C;
  color : #FFFFFF;
  padding : 5px 0px 5px 0px;
  text-align : center;
}