/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25 avr. 2015, 20:33:33
    Author     : leroux
*/




body, div, ul {margin: 0; padding: 0; cursor: crosshair}
p { margin: 0px 0;}

body {background: rgb(237,242,255); font-family: Times New Roman; font-size : 20px;}

/* Bloc centre pour l'ensemble de la page */
#global {width: 1233px; margin: 0 auto;
            background: rgb(237,242,255);
            }
#entete { height: 133px; padding: 10px; background-size: 100% 100%;  background-image: url(drawable/fond-Sainte-Messe.png); background-repeat: no-repeat; margin: 13px 0px; }
#entete h1{margin: 3px 160px; color: rgb(237,242,255);
            font-size: 53px; font-weight: bold; }




ul{ margin-top: 0px; margin-left: 0px; }

#menu li{ float: left; list-style-type: none; text-align:center;}

#menu li a, #menu li a:visited{
    
    display:block;
    box-shadow: 3px 3px 3px white;
    background: repeating-linear-gradient(rgba(0,233,255,255), rgba(7,61,237,255) 22px, black 50px );
    color: white;
    padding: 10px;
    width: 111px; /* largeur à spécifier */
    height: 23px; /* longueur à spécifier */
    
    border-radius: 12px;
    
   
    margin: 13px 3px; padding: 10px  10px 10px 10px;
    text-decoration: none;
    font-family: Times New Roman, serif; font-style: italic;
    font-weight: bold; font-size: 18px;
    
}

#menu li a:hover{
    background: repeating-linear-gradient(white, rgb(252,245,33) 33px, rgb(255,255,0) 72px );
   
    color: black;
    
}






#contenu{padding: 10px; background-color: rgb(237,242,255);}


#citation{margin-bottom: 72px; margin-top:72px; text-align: center; font-weight: bold;}
#para{text-align: justify; text-indent: 12px; margin-bottom: 12px;}

#temoin{margin-left: auto;
  margin-right: auto;
  margin-top: 150px;
     background-color:black; font-family: Times New Roman; 
text-align:justify;     
border:0px solid black;

padding:20px 20px;/*arrondir les coins en haut à gauche et en bas à droite*/
-moz-border-radius:10px 10px;
-webkit-border-radius:10px 10px;
border-radius:10px 10px;
}


figcaption.JCh{display:block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
margin-bottom:12px;
margin-top:12px;}

img.JCh{
    display:block;
    margin-left: auto;
    margin-right: auto;
    width:20%;
}

img.MPJeune{
    
    width:15%;
}


img.MP33{
    
    margin-left:333px;
    
    width:16%;
}



img.MPH{
    display:block;
    margin-left: auto;
    margin-right: auto;
    width:20%;
}



img.MPCI{
    display:block;
    margin-left: auto;
    margin-right: auto;
    width:20%;
}



img.JVP{
    display:block;
    margin-left: auto;
    margin-right: auto;
    width:20%;
}


img.JCF{
    display:block;
    margin-left: auto;
    margin-right: auto;
    width:33%;
}

/* Details pour menu navigation */


#photos{
    display:block;
    text-align: center;}

#footnote-1{margin-top:120px;}
#footnote-2{margin-top:20px;}

#entrerbut{
  text-align: center;  
   

}




#entrer {
    
font-weight: bold;
font-size : 12px;
background: repeating-linear-gradient(rgba(0,233,255,255), rgba(7,61,237,255) 22px, black 33px );
color: white;
border:none;
margin-bottom: 3px;
margin-top:3px;
width: 133px; /* largeur à spécifier */
height: 34px; /* longueur à spécifier */
cursor: pointer;
outline-style: none;
padding:10px 10px;/*arrondir les coins en haut à gauche et en bas à droite*/
-moz-border-radius:10px 10px;
-webkit-border-radius:10px 10px;
border-radius:10px 10px;
}

#entrer:hover {

background: repeating-linear-gradient(white, rgb(252,245,33) 33px, rgb(255,255,0) 72px );
color: black;

}












#french {float : right;
background-size: 100% 100%;  background-image: url(drawable/french.png); background-repeat: no-repeat;
border:none;
margin-left: 33px;
margin-bottom:33px;
width: 72px; /* largeur à spécifier */
height: 33px; /* longueur à spécifier */
cursor: pointer;
outline-style: none;
padding:10px 10px;/*arrondir les coins en haut à gauche et en bas à droite*/

}

#french:hover {float : right;
background-size: 100% 100%; box-shadow:  3px 3px 3px white; background-image: url(drawable/french.png); background-repeat: no-repeat;
border:none;
margin-bottom:33px;
margin-left: 33px;
width: 100px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */
cursor: pointer;

outline-style: none;

}










/* contenu de la page */

h1 {font-style: italic; font-weight: bold; font-family: Times New Roman; font-size: 19px; color: black;}
h2 {font-family: Times New Roman; font-size: 25px; font-weight: bold; color: black;}
h3 {font-family: Times New Roman; font-size: 16px; font-weight: bold; color: black;}

/* Classes pour l'alignement */

.centre {text-align: center;}
.gauche {float: left; margin-right: 10px;}


#pied{
    
  
  position: relative;
  height:100%;
  text-align:justify;
   clear: both; 
        padding: 20px;
        background-color: rgb(191,201,240);
        font-family: Times New Roman; font-style: normal;
        font-size: 14px; color: black;}