/* $VERSION: acces.css 4.14.006.1.2025.04.14.15.15	 */
/*Page de connexion*/
body#sfGuardAuth {}

body#sfGuardAuth #global,
body#sfGuardForgotPassword #global,
body.no_nav #global{
    width:75em;
}

body#sfGuardAuth #centre{ margin-bottom: 2em;}

body#sfGuardAuth #centre,
body#sfGuardForgotPassword #centre,
body.no_nav #centre{
   background:none;
   border-left:none;
}

body#sfGuardAuth #centre div#centre_border,
body#sfGuardForgotPassword #centre div#centre_border,
body.no_nav #centre div#centre_border{
   background:none;
}

body#sfGuardAuth #centre #col_gauche{
   margin-right:28em;
   padding-right:0;
}

body#sfGuardAuth #centre #col_droite{ top: 0; width: 26em; background: none; }

body#sfGuardAuth #centre div#col_gauche div h2{
    margin-left:0;
    text-indent:-0.9em;
}

body#sfGuardAuth H3{
    margin:0;
    border:none;
    padding-left:0;
    text-indent:-0.5em;
}

body#sfGuardAuth #centre #col_gauche .zonemairie{ margin-top:1em; }
body#sfGuardAuth #centre form{
    margin:0;
    padding:0;
}

.compte_internaute{
    width:25em;
    background:#fff;
    margin:0em auto 0 auto;
    padding:0;
}

body#sfGuardAuth #centre #col_gauche h2,
body#sfGuardAuth #centre #col_droite  h2.first{
    padding:0;
    font-size:116%;
    margin-top:10em;
    line-height: 1.8em;
    padding-bottom: 0.1em;
    border-bottom:1px solid #ccc;
    width:100%;
    margin-bottom:5px;
    background:none;
    border:none;
    position:relative;
    display:block;
    margin:0;
    text-indent:0;
    text-align:left;
    padding-left:1em;
}

body#sfGuardAuth #centre #col_gauche h2{
	padding-left: 0;
}

 body#sfGuardAuth #centre #col_gauche h2, body#sfGuardAuth #centre #col_droite  h2.first{
     font-size : 1.5em;
     text-align:center;
}

#sfGuardAuth .bloc_index { margin-top: 1em; }

#sfGuardAuth .bloc_index .lien_hover { margin: 0.3em; }

/********************************************************
******             Bloc de connexion         	  *******
*********************************************************/

#centre #col_droite div.compte_internaute h2#connexion,
#centre #col_droite div.compte_internaute h2#inscription {
    position:static;
    height:1em;
    font-weight:normal;
    margin: 0;
    padding: 0em 0 1em 0;
}

body#sfGuardAuth div.compte_internaute div.connexion, body#sfGuardAuth div.compte_internaute div.connexion div.identification  ul.boutons li p#perte_mdp.mdp  {
  background-color: #F0F0F0;
  border: none;
}

body#sfGuardAuth div.compte_internaute div.connexion h2 {
  display: inline;
  margin-bottom: 20px;
}

body#sfGuardAuth div.compte_internaute div#divInscription {
  margin-top:10px;
}

body#sfGuardAuth div.compte_internaute div.connexion div.identification p {
  padding-bottom: 6px;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

body#sfGuardAuth div.compte_internaute div.connexion div.identification label[for=signin_remember] {
	width: 65%;
    text-align: right;
    padding-left: 5px;
}

body#sfGuardAuth div.compte_internaute div.connexion div.identification input[type='checkbox'].connexion {
   float:none;
}

body#sfGuardAuth div.compte_internaute div.rectangle {
  width:12px;
  height:36px;
  display: inline-block;
  float: left;
}

#centre #col_droite h2.titre_module{
    margin:1em 0 0 0.9em;
    height:1em;
}

body#sfGuardAuth #centre #col_droite div.identification {
    margin:0;
    width:100%;
    border:none;
}

body#sfGuardAuth div label, body#sfGuardAuth div p {
   color: #333;
   /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);*/
}

body#sfGuardAuth div label{
    float: left;
    line-height:1.7em;
    text-align: right;
    margin-right:0.5em;
    width: 9.4em;
}

/* #centre #col_droite div.identification input{ margin:0 0 0 0.5em; } */
#centre #col_droite div.identification input.btn_connect_log { display: inline-block; margin:0; }
#centre #col_droite div.identification ul li{}

#centre p#perte_mdp{
    margin:0;
    font-size :80%;
    text-align:center;
    width:100%;
    padding-left:0;
    padding-right:0;
    display: inline-block;
}

/********************************************************
******                Blocs		                  *******
*********************************************************/

body #centre #col_droite div.bloc_public{
    width:25em;
    height:auto;
    float:none;
    margin: 1em auto 0 auto;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid #f3f3f3;
}

body #centre #col_droite div.bloc_public h2{
    font-size : 105%;
    margin:0;
}

body #centre #col_droite div.bloc_public h3{
    background:none;
    background-color:transparent;
    border:none;
}

body #centre div.bloc_public h3 , body #centre div.bloc_public h2  {
    font-size: 120%;
}

body #centre div.bloc_public h3 a, body #centre div.bloc_public h2 a {
    margin-bottom:0;
    text-indent: 0.6em;
    display:block;
    border-color: #1272bc;
    background-color:transparent;
}


body #centre div.bloc_public h2 a{
  text-indent: 0;
  display: inline-block;
}

body #centre #col_droite div.bloc_public p{
    color:#333;
    font-size:110%;
}

body #centre #col_droite div.bloc_public img.lien_hover{
  width: 24px;
  height: 24px;
}

body #centre #col_droite div.bloc_public{
  position: relative;
  overflow: hidden;
}

body #centre #col_droite div.bloc_public .content{
  background: transparent;
  padding: 10px 10px 13px;
  display: inline-block;
  position: relative;
  z-index: 3;
}

body #centre #col_droite div.bloc_public .icon {
  display: block;
  float: right;
  height: 80px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-top: 10px;
  width: 80px;
  position: absolute;
  right: -10px;
  top: 0;
}

body #centre #col_droite div.bloc_public .icon i{
  color: rgba(0, 0, 0, 0.05);
  font-size: 90px;
  line-height: 65px;
}

/********************************************************
******                Blocs	inscription           *******
*********************************************************/

#inscription p{
    position:relative;
    top:0.7em;
    width:13.6em;
    float:left;
    color:#666;
    line-height:1.1em;
    padding:0;
    padding-left:0.7em;
    text-indent:0;
    margin:0
}
#inscription h2{
    width:6.4em;
    height:2em;
    font-size:148%;
    position:relative;
    margin:0;
    padding:0.6em 0 0 0.6em;
    float:left;
}

#centre #col_droite #inscription h2 a:hover{
    background: #fff;
    color:#0066cc;
     text-shadow:none;
}

body#sfGuardAuth div.compte_internaute div.connexion div.identification  ul.boutons li p#perte_mdp.mdp {
  border:none;
  float:left;
  padding-left:25px;
  padding-top:5px;
  margin-right:5px;
}

body#sfGuardAuth   div.compte_internaute div.identification input .btn_connect {
  float:left;
  position:relative;
  margin-left:50px;
}

body#sfGuardAuth div.compte_internaute div.connexion .txt_inscription {
  text-align: left;
  padding-left: 30px;
  padding-right:5px;
}

/*Message erreur*/
p.erreur{
    padding:0.5em 0.3em 0.5em 2.3em;
    background: url(ico_fenetre_alerte.gif) no-repeat 0 0.1em;
    margin:0.5em;
    border:1px solid #cc0000;
}

p.attention {
    padding:0.7em 0.3em 0.5em 5em;
    background: url(ico_fenetre_attention.gif) no-repeat 0 0.1em;
}


/***********************************************************
******                BlOC	FRANCE CONNECT           *******
************************************************************/
div#franceconnect {
	margin: 10px 0;
    padding: 1em;
}

body#sfGuardAuth div#franceconnect a, div#franceconnect a:active, div#franceconnect a:hover, div#franceconnect a:link, div#franceconnect a:visited {
	display: block;
	text-align: center !important;
	border: none !important;
    color: #FFFFFF !important;
    margin: 6px auto;
    padding: 0;
    font-size: .875rem;
    line-height: 1.5rem;
}

div#franceconnect a#lienFranceConnectEnSavoirPlus {
    text-decoration: underline;
    width: fit-content;
}

body#sfGuardAuth #centre div#franceconnect p.divide_line {
	line-height: 0.5;
	text-align: center;
    margin: 24px 20px 0px;
}

div#franceconnect p.divide_line span {
  display: inline-block;
  position: relative;
  color: #444C57;
  font-family: 'Roboto-Regular' !important;
}

div#franceconnect p.divide_line span:before {
  content: "";
  position: absolute;
  height: 1px;
  border-bottom: 1px solid #444C57;
  top: 0;
  width: 800%;

  background: #444C57; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(255,0,0,0),#444C57); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(255,0,0,0),#444C57); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(255,0,0,0),#444C57); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(255,0,0,0), #444C57); /*Standard*/

}

div#franceconnect p.divide_line span:after {
  content: "";
  position: absolute;
  height: 1px;
  border-bottom: 1px solid #444C57;
  top: 0;
  width: 800%;

  background: #444C57; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(right,rgba(255,0,0,0),#444C57); /*Safari 5.1-6*/
  background: -o-linear-gradient(left,rgba(255,0,0,0),#444C57); /*Opera 11.1-12*/
  background: -moz-linear-gradient(left,rgba(255,0,0,0),#444C57); /*Fx 3.6-15*/
  background: linear-gradient(to left, rgba(255,0,0,0), #444C57); /*Standard*/

}

div#franceconnect p.divide_line span:before {
  right: 100%;
  margin-right: 5px;
}
div#franceconnect p.divide_line span:after {
  left: 100%;
  margin-left: 5px;
}

div#franceconnect p.divide_line {
    margin: 1em;
    line-height: 14%;
}

div#franceconnect p.fc-description {
    text-align: justify;
}

body#sfCirilSouscription div#franceconnect p.divide_line span {
    color: inherit;
}

body#sfGuardAuth div#centre_border div.flash_error, body#sfGuardAuth div#centre_border div.flash_notice, body#sfGuardAuth div#centre_border div.flash_warning{
	margin: 0 28em 0 1em;
}

body#sfGuardAuth div.compte_internaute div.connexion div.identification :nth-last-of-type(2) {
		padding-left: .8em;
}

@media only screen and (min-width:50em) {

	body#sfGuardAuth #centre{ margin-bottom: 0;}

	body#sfGuardAuth #centre #col_gauche div.actu {
		margin-left: 1em;
		margin-right: 1em;
	}

	body#sfGuardAuth #centre #col_droite  h2.first{
	    padding-left: 0;
	}
}