body

{
   width: 90%;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 20px;
   padding: 0px;
   font-family:  Arial, sans-serif;
   font-weight: bold;
   text-align: center;
   color: midnightblue;
   background-color: white;
}
h1
{
font-family: Verdana, Arial, cursive;
font-size: 20px;
text-align: center;
color: sienna;
/*background-color:pink;*/

}
.marine
{
color: rgb(0,0,80);
text-decoration: none;
font-size: 20px;
}

.marinegr
{
color: rgb(0,0,80);
text-decoration: none;
font-size: 30px;
}

.navy
{
color:  rgb(117,255,255);
text-decoration: none;
font-size: 25px;
}
.turquoise
{
color:  rgb(117,255,255);
text-decoration: none;
}

.petitblanc
{
color:  rgb(255,255,255);
text-decoration: none;
font-size: 16px;
}

.petit
{

text-decoration: none;
font-size: 16px;
}
.teal
{
color: teal;
text-align: center;
}

.creche
{
background:url("images/creche.gif");
width: 110px;
height: 130px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: none;
}

h2
{
font-family: Verdana, Arial, cursive;
font-size: 16px;
text-align: center;
color: sienna;
/*background-color:pink;*/

}

h3
{
font-family: Verdana, Arial, cursive;
font-size: 16px;
font-weight: bold;
text-align: center;
color: navy;

}

a 
{
color: darkkhaki;
text-decoration: none;
font-size: 20px;
}
a:hover
{
color: purple;
background-color: white;
text-decoration: none;
} 

.simple
{
background-color: teal;
width: 50px;
height: 4px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.bleuet 
{
background:url("images/bleuet.png");
width: 40px;
height: 29px;
border: none;
margin-left: auto;
margin-right: auto;
}

.etoile
{
background:url("images/etoilsourir.gif");
width: 50px;
height: 47px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: none;
}

.fond_blanc
{
background-color: white;
color: white;
width: 50px;
height: 24px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
a img
{
border: none;
}

/* L'en-tête */
#coronavirus
{
    width: 258px;
    height: 410px;
	margin: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:15px;
    float: left;
	z-index: 20;
}

#ndame
{
    width: 258px;
    height: 410px;
	margin: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:15px;
    float: left;
	background: url("../photos/ost-NDA.jpg");
	z-index: 20;
}
#ndame2023
{
    width: 250px;
    height: 98px;
	margin: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:15px;
    float: left;
	background: url("../photos/Ostensions2023-bandeau-03.jpg");
	z-index: 20;
} 
 
 
 
#titre
{ 
width: 258px;
  height: 400px;
  float: left;
   margin: 10px;
   margin-top: 0px;
   margin-bottom: 0px;
   background-color: white;
   border:2px solid teal;
   padding-top: 0px;
   padding-bottom: 0px;
   
   z-index: 20;
   overflow: auto;
}

#chapelle
{
font-weight: bold;
width: 258px;
height: 410px;
float: left;
margin: 10px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
/*background: url("../photos/Arliquet_fond.jpg");*/

border:2px solid teal;
z-index: 20;
overflow: auto;
}



#actualites
{
font-weight: bold;
width: 258px;
height: 410px;
float: left;
margin: 10px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
background-color:white;
border:2px solid teal;
z-index: 20;
overflow: auto;
}
#actualites table
{
margin: auto;
text-align: center;
}
#actualites table a img
{
border: none;
}
#actualites table a:hover img
{
border: 1px solid purple;
}
#actu
{
width: 420px;
height: 60px;
float: left;
margin: 10px;
margin-top: 0px;
padding: 10px;
padding-top: 0px;
z-index: 45;

}
#paroisse
{
width: 100px;
height: 80px;
float: left;
margin: 15px;
margin-top: 0px;
padding: 0px;
z-index: 45;

}

#diocese
{
width: 100px;
height: 80px;
float: left;
margin: 15px;
margin-top: 0px;
padding: 0px;
z-index: 45;

}
 
#diocese_f
{
width: 100px;
height: 80px;
float: left;
margin: 15px;
margin-top: 0px;
padding: 0px;
z-index: 45;

}

.imageflotdr
{
float: right;
margin: 20px;
margin-right: 0px;
margin-top: 5px;
}
.imageflotgch
{
float: left;
margin: 20px;
margin-left: 0px;
margin-top: 5px;
}


.clear
{
clear: both;

}
.clearl
{
clear: left;
}
.cleard
{
clear: right;
}
.marge
{
margin: 30px;
margin-top: 55px;
}
.marge10
{
margin: 10px;
}
.impact
{
font-size:1.1em;
text-align:center;

font-family: Impact, "Arial Narrow", sans-serif;
padding-top:15px;
}

.centre
{
text-align: center;
font-weight: bold;

}

.impact-marine
{
text-align: center;
font-family: Impact, "Arial Narrow", sans-serif;
color: rgb(0,0,80);
text-decoration: none;
font-size: 30px;

}
#paysage
{
height: 130px;
width: 710px;
background: url("images/paysage-arliquet41.png");
position: absolute;
top: 498px;
left: 50%;
margin-top:0px;
margin-left: -343px;
z-index: 40;

}
 
#pied
{
width: 856px;
height: 550px;
position: absolute;
top: 15px;
left: 50%;
margin-left: -428px;
text-align: center;
 padding: 0px;
 padding-top: 15px;
 padding-bottom: 10px;
border: 2px solid darkkhaki;
z-index: 30;

}
#video
{
padding-top:5px;

z-index: 50;
/*background-color: pink;*/
}


#copyright
{
color: rgb(0,0,80);
margin-top: 628px;

}