/**************/
/* 576 - 1023 */
/**************/


/* #ACCUEIL ***************************************************************************************/

#Accueil      { width:100% ; background:#93B9B0 url("../_img/lne_1024.png") no-repeat center top ; background-size:100% auto ; padding-top:56.25% ; margin-bottom:0 ; }

#Accueil h1,
#Accueil h2,
#Accueil h3,
#Accueil h4   { position:absolute ; overflow:hidden ; clip-path:inset(100%) ; white-space:nowrap ; }


/* #POURQUOI ***************************************************************************************/

#Pourquoi h2        { font-size:2rem ; margin-bottom:1.5rem ; text-indent:0 ; text-align:left ; color:#FFFFFF ; font-family:LNEgi ; }
#Pourquoi header    { font-size:1.25rem ; margin-bottom:1rem ; text-indent:20px ; text-align:justify ; color:#FFFFFF ; }
#Pourquoi p         { font-size:1.25rem ; margin-bottom:1rem ; text-indent:20px ; text-align:justify ; color:#FFFFFF ; }
#Pourquoi .colonnes { column-count:2 ; column-gap:40px ; column-rule:1px dotted #FFFFFF ; margin-bottom:20px ; }
#Pourquoi ul        { margin:0 0 10px 0 ; list-style-position:outside ; }
#Pourquoi li        { font-size:1.25rem ; text-align:justify ; margin:0 0 10px 30px ; }
#Pourquoi h3        { font-size:1.5rem ; margin:0 ; text-indent:0 ; text-align:center ; color:#FFFFFF ; font-family:LNEgi ; }


/* #QUI *******************************************************************************************/

#Qui h2           { font-size:2rem ; margin:0 0 1.5rem 15px ; text-indent:0 ; text-align:left ; color:#006F93 ; font-family:LNEgi ; }
#Qui article      { margin-bottom:50px ; width:100% ; }
#Qui img.photo    { display:block ; width:350px ; height:450px ; background:#CCCCCC ; box-shadow:10px 10px 10px #999999 ; margin:0 auto ; }
#Qui div.portrait { padding:0 20px ; }
#Qui h3           { color:#000000 ; font-size:2rem ; line-height:2.5rem ; font-family:LNEg ; margin:10px 0 5px 0 ; text-align:center ; }
#Qui aside p      { color:#003F6F ; font-size:1.25rem ; line-height:1.75rem ; text-align:justify ; }
#Qui .drapeau     { display:inline-block ; height:1rem ; margin:0 .25rem 0 0 ; vertical-align:middle ; }
#Qui p.bio        { color:#000000 ; font-size:1.125rem ; text-align:justify ; margin-top:1rem ; text-indent:20px ; }
#Qui p.citation   { color:#FFFFFF ; font-size:1.125rem ; position:relative ; line-height:1.25rem ; text-align:justify ; margin-top:1rem ; font-style:italic ; border-radius:25px ; padding:15px ; background:rgba(0,63,111,.75) ; }
#Qui p.precision  { color:#000000 ; font-size:1.25rem ; margin:3rem 0 2rem 15px ; font-style:italic ; }


/* #COMMENT ***************************************************************************************/

#Comment h2        { font-size:2rem ; margin-bottom:1.5rem ; text-indent:0 ; text-align:left ; color:#FFFFFF ; font-family:LNEgi ; }
#Comment header    { font-size:1.25rem ; margin-bottom:2rem ; text-indent:20px ; text-align:justify ; color:#FFFFFF ; }
#Comment .colonnes { column-count:3 ; column-gap:40px ; column-rule:1px dotted #FFFFFF ; margin-bottom:20px ; }
#Comment div       { margin:0 0 2rem 0 ;  }
#Comment div h3    { font-size:1.75rem ; margin:0 0 1rem 0 ; text-indent:0 ; text-align:center ; background:#FFFFFF ; color:#003F6F ; padding:3px 10px ; border-radius:10px ; font-family:LNEgi ; }
#Comment p         { font-size:1.25rem ; margin-bottom:1rem ; text-indent:20px ; text-align:justify ; color:#FFFFFF ; }
#Comment>h3        { font-size:1.5rem ; margin:0 ; text-indent:0 ; text-align:center ; color:#FFFFFF ; font-family:LNEgi ; }


/* #AVEC VOUS *************************************************************************************/

#AvecVous h2      { font-size:2rem ; margin-bottom:1.5rem ; text-indent:0 ; text-align:left ; color:#006F93 ; font-family:LNEgi ; }
#AvecVous article { margin-bottom:50px ; padding: 0}
#AvecVous header  { font-size:1.25rem ; margin-bottom:2rem ; text-indent:20px ; text-align:justify ; color:#006F93 ; }

form                            { margin:0 auto ; width:100% ; max-width:75% ; padding:0 ; }
form p                          { font-size:1.25rem ; color:#003F6F ; text-align:justify ; margin-bottom:1rem ; text-indent:20px ; }
textarea                        { font-size:1.25rem ; font-family:Calibri,sans serif ; color:#003F6F ; text-align:justify ; margin:1rem 0 ; min-height:10rem ; }
input::placeholder,
textarea::placeholder           { font-size:1.25rem ; font-family:Calibri,sans serif ; color:#006F93 ; font-style:italic ; }
input.field, textarea           { font-size:1.25rem ; width:100% ; padding:.5rem ; color:#003F6F ; border:1px solid #003F6F ; box-shadow:10px 10px 10px #999999 ; }
input:focus, textarea:focus     { background:#FFFFFF ; border:2px solid #000000 ; color:#003F6F ; }
input[type="text"],
input[type="email"]             { display:block ; }
input[type="tel"]               { display:block ; margin-bottom:15px ; }
label                           { font-size:1.25rem ; position:relative ; display:block ; padding-left:1.8rem ; margin:0 ; text-align:justify ; color:#003F6F ; font-weight:bold ; }
label > input[type="checkbox"]  { position:absolute ; left:0.2rem ; top:.2rem ; margin:0 ; transform:scale(1.25) ; transform-origin:center ; box-shadow:0 0 0 1px #003F6F ;}
input[type="submit"]            { padding:1rem 0 ; font-size:1.5rem ; color:#FFFFFF ; font-weight:bold ; text-align:center ; background:#003F6F ; border:0 ; width:100% ; cursor:pointer ; box-shadow:10px 10px 10px #999999 ; border-radius:10px ; font-family:LNEgi ;}
input[type="submit"]:hover      { background:#006F93 ; }


/* #ENGAGEMENTS *************************************************************************************/

#Engagements h2            { font-size:2rem ; margin:0 0 1.5rem 15px ; text-indent:0 ; text-align:left ; color:#006F93 ; font-family:LNEgi ; }
#Engagements article       { margin-bottom:50px ; width:100% ; overflow:hidden ; }
#Engagements img           { display:block ; width:250px ; height:250px ; box-shadow:10px 10px 10px #999999 ; margin:20px auto ; }
#Engagements .texte        { padding:0 20px 0 40px ; overflow:hidden ; }
#Engagements h3            { font-size:2rem     ; color:#FFFFFF ; text-align:center  ; margin:10px 0 5px 0 ; line-height:2.5rem ; font-family:LNEg ; background:#006F93 ; }
#Engagements h3 span       { font-size:1.5rem   ; }
#Engagements h4            { font-size:1.25rem  ; color:#003F6F ; text-align:center  ; margin:10px 0 5px 0 ; line-height:2rem ; font-style:italic ; }
#Engagements p             { font-size:1.125rem ; color:#000000 ; text-align:justify ; margin-top:1rem     ; text-indent:20px ; }


/* #TRIBUNES *************************************************************************************/

#Tribunes h2            { font-size:2rem ; margin:0 0 1.5rem 15px ; text-indent:0 ; text-align:left ; color:#006F93 ; font-family:LNEgi ; }
#Tribunes article       { margin-bottom:50px ; width:100% ; min-height:300px ; overflow:hidden ; }
#Tribunes img           { float:left ; position:relative ; width:250px ; height:250px ; box-shadow:10px 10px 10px #999999 ; margin:20px 0 0 15px ; }
#Tribunes .texte        { padding:0 20px 0 40px ; overflow:hidden ; }
#Tribunes h3            { font-size:2rem     ; color:#000000 ; text-align:left ; margin:10px 0 5px 0 ; line-height:2.5rem ; font-family:LNEg ; }
#Tribunes p             { font-size:1.125rem ; color:#000000 ; text-align:justify ; margin-top:1rem ; text-indent:20px ; }

/* #TRACTS *******************************************************************************************/

#Tracts h2           { font-size:2rem ; margin:0 0 1.5rem 15px ; text-indent:0 ; text-align:left ; color:#003F6F ; font-family:LNEgi ; }
#Tracts article      { margin-bottom:50px ; width:100% ; min-height:490px ; }
#Tracts img.photo    { display:block ; float:left ; width:350px ; height:490px ; background:#CCCCCC ; box-shadow:10px 10px 10px #999999 ; margin:0 0 0 15px ; }
#Tracts div.portrait { padding:0 20px ; margin-left:400px ; }
#Tracts h3           { font-size:2rem    ; line-height:2.5rem ; color:#003F6F ; text-align:left ; font-family:LNEg ; margin:10px 0 5px 0 ; }
#Tracts aside p      { font-size:1.25rem ; color:#003F6F ; text-align:justify ; line-height:1.75rem ; }
#Tracts p            { font-size:1.125rem ; color:#003F6F ; text-align:justify ; margin-top:1rem ; text-indent:20px ; }


/* #VIDEOS ***************************************************************************************/

#Videos h2            { font-size:2rem ; margin:0 0 1.5rem 15px ; text-indent:0 ; text-align:left ; color:#006F93 ; font-family:LNEgi ; }
#Videos article       { margin-bottom:50px ; width:100% ; min-height:270px ; overflow:hidden ; }
#Videos .video        { position:relative ; width:480px ; height:0 ; padding-bottom:270px ; box-shadow:10px 10px 10px #999999 ; margin:0 auto ; }
#Videos .video iframe { position:absolute ; top:0 ; left:0 ; width:100% ; height:100% ; }
#Videos .synopsis     { padding:0 20px 0 40px ; overflow:hidden ; }
#Videos h3            { font-size:2rem     ; color:#000000 ; text-align:center  ; margin:10px 0 5px 0 ; line-height:2.5rem ; font-family:LNEg ; }
#Videos p             { font-size:1.125rem ; color:#000000 ; text-align:justify ; margin-top:1rem ; text-indent:20px ; }


/* FOOTER *****************************************************************************************/

footer         { font-size:1rem ; background:#003F6F ; color:#FFFFFF ; padding:.75rem 0 1rem 0 ; width:100% ; text-align:center ; }
footer span    { font-size:1rem ; font-family:LNEgi ; letter-spacing:.125rem ; }
footer a       { font-size:.75rem ; color:#FFFFFF ; text-align:center ; }
footer a:hover { color:#FFFFFF}


/* POP-IN *****************************************************************************************/

#pop_legal h2 { font-size:2rem ; margin-bottom:25px ; width:fit-content ; }
#pop_legal h3 { font-size:1.25rem ; margin:15px 0 10px 0 ; }
#pop_legal p  { font-size:1rem ; text-align:justify ; margin-bottom:5px ; }
#pop_legal dl { margin-bottom:20px ; font-size:1rem ;}
#pop_legal dt { display:block ; margin-bottom:5px ; font-weight:bold ; }
#pop_legal dd { display:block ; margin:0 0 5px 20px ; }