/* CSS Document */

.bleu1{ background-color:#003366;}
.slogan{ margin-top: 50px; color:#ffffff;}
.bgcolor{ background-color:#0099FF;}

.menu1 {
 	background: #fff;
	/*margin:auto;*/
	width:100%;
	padding-top:20px;
	margin-right:20px;
}
 #menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        /*line-height : 40px; /* on définit une hauteur pour chaque élément */
        /*text-align : center; /* on centre le texte qui se trouve dans la liste */
		
}

#menu /* Ensemble du menu */
{
	font-weight : bold; /* on met le texte en gras */
	font-family : Clarendon BT, Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 14px; /* hauteur du texte : 12 pixels */

}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #fff; /* couleur de fond */        
        color : #8e8e8e; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */

}

#menu li /* Elements des listes */      
{ 
		
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        
		border-right : 1px solid #000; /* on met une bordure blanche à droite de chaque élément */
		border-left: 1px solid #c1c1c1;
		padding-left:10px;
		margin-bottom:10px;

}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #000; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #000 ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #d52909; /* On passe le texte en noir... */
		/*background: #1A819B;  ... et au contraire, le fond en blanc */
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}.
bleupale{ background:#e3e9ed;}


/******************* page classement ********************/
.bg_classement { /*background-image:url(../images/bg_classement.jpg);*/}
.rouge1{ background:#d5a553;}
.lataille{ font-size:46px; color:#fba0000;}
.texte_maat{ color:#ffffff; background-color:#003366; margin-top:50px; font-size:14px;}
.jaune{ background:#fff200;}
.tt{ font-size:18px;}
/*.carousel > ul > li {

    float: none;

    width: 50%; // modifiez avec la valeur que vous souhaitez

    margin: auto;

    height: 400px; // modifiez avec la valeur que vous souhaitez

}*/
/********************************** page index *****************************************/
.bg_black{ background-color:#fff; /*background-image:url(../images/fond_logos.jpg); background-repeat:repeat-x repeat-y;*/}
.largeur1 { margin-top:10px; margin-bottom:10px; }
.ecart{ padding-top:50px; color:#990000;}
.bg_gris{ background:#003366;}
.police{ font-family:"Courier New", Courier, monospace; font-weight: bolder; text-align:center;}
.blanc{ color:#FFFFFF;}
.bg_bleu{ background:#eb7087; margin-top:50px; margin-bottom:50px;}
.place { top:600px;}
.tpg{ font-size:24px;}
.ecart2{ margin-top:50px;}
.bleupale2{ background:#e3e9ed; background-image:../images/maat_deesse.gif;}
.rouge2{ color:#b70000; font-size:36px; font-family:"Courier New", Courier, monospace;}
/************************** Page videos **********************/
.hauteur1{ height:500px; color:#FFFFFF; background-color:#000000;}
.c_blanc{ color:#FFFFFF;}



/**********************  Page spiritualite *****************/
.texte4{
	font-size:18px;
	text-align:justify;
}

.texte2{
float:right;
}
.bleufonce{ background:#061ba4;}
.bleufonce2{ background:#003366; background-image:url(../images/bg_spiritualite.jpg); background-attachment: fixed;}
.bg_c{ background:#FFFFFF; color:#003366; padding-left:10px; padding-right:10px;}



/**********************  Page opinions *****************/

.bg_blanc{ background:#FFFFFF;}
/*.bg_dore{ background-color:#c79536; font-size:18px;}*/
.bg_bleufonce { background:#00002c; color:#FFFFFF;}
.deca{ padding-left:10px; padding-right:10px; text-align:justify;}


/********************** Page Abonnement  *****************/


.bg_abon { background:#ffffff;}
.h1{ height:500px; color:#FFFFFF; }



/******************* Captures videos *****************************/
.bleuab{ background:#4285f4;}

/********************* page Actualités News **************************/

.hauteur2{ color:#000000; /*background-color:#d5a553;*/ padding-left:10px; padding-right:10px; text-align:justify;}
.bg_black2{ background-color:#000000;  background-image:url(../images/bg_classement.jpg); background-attachment: fixed;}
.bg_b{ background:#ffffff; color:#003366; padding-left:10px; padding-right:10px;}



/******************************** page Mentions légales    *************************/
.hauteur3{ color:#ffffff; background-color:#020032; padding-left:10px; padding-right:10px; text-align:justify;
border-radius:10px;}



/**************************   page partenaires **************************************/
.ba{ border-radius:10px;}



/***********************     page index      *********************************/
.couleur{ color:#0099FF;}


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

.menu2 {
 	background: #003366;
	/*margin:auto;*/
	width:100%;
	padding-top:20px;
	margin-right:20px;
}
 #menub, #menub ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        /*line-height : 40px; /* on définit une hauteur pour chaque élément */
        /*text-align : center; /* on centre le texte qui se trouve dans la liste */
		
}

#menub /* Ensemble du menu */
{
	font-weight : bold; /* on met le texte en gras */
	font-family : Clarendon BT, Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 14px; /* hauteur du texte : 12 pixels */

}

#menub a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #003366; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */

}

#menub li /* Elements des listes */      
{ 
		
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        
		border-right : 1px solid #000; /* on met une bordure blanche à droite de chaque élément */
		border-left: 1px solid #c1c1c1;
		padding-left:10px;
		margin-bottom:10px;

}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menub li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menub li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menub li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #000; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menub li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menub li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #000 ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menub li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menub a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #d52909; /* On passe le texte en noir... */
		/*background: #1A819B;  ... et au contraire, le fond en blanc */
}
#menub li:hover ul ul, #menub li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menub li:hover ul, #menub li li:hover ul, #menub li.sfhover ul, #menub li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
.police_footer{	
				font-family : Clarendon BT, Arial; /* on utilise Arial, c'est plus beau ^^ */
				font-size:12px;
				text-align:center;
				color:#CCCCCC;
}
.taille2{ font-size:42px; color:#ba0000;}
.gris { background:#000000; margin-top:50px; margin-bottom:50px;}
.bleu2{ background-color:#003366;}
.bleu22{ background:#003366;}
/*******************  page index *****************/
.bg_noir { background:#000000;}




/******************* RESPONSIVE **************/
/*********************************************/

@media all and (max-width: 800px) {


#menu li {
    padding-left: 0px;
    margin-bottom: 10px;
    margin-right: 9%;
    }


#menu {
    
    font-size: 1em!important;
    }

}
@media all and (max-width: 400px) {

#menu li {
    float: left;
    border-right: 1px solid #000;
    border-left: 1px solid #c1c1c1;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-right: 30px;
    }
    
#menu {
    font-size: 1em!important;   
    }
    
#menu a {
     width: 206px;
    font-size: 1em;
}
    
}