BODY 
{
    margin:0; padding:0;       
    background-color : #00204F;
    font-size : 12px;  
    font-family : Arial;   
    color : #CCCCCC;  
}
H1
{
    color:#7AB6F4;
}
.TITRE
{
    color:#FFFFFF;
    font-weight:bold;
}
.en_couleur_gris
{color : #CCCCCC;  
}
.en_couleur_jaune   
{color : #DD9F24;  
}
#menu_navigation {  width:910px; height:24px;}   
/* ---------------------- LE MENU ---------------------------- */ 
ul#menu li ul{ display:none; z-index:500;}  
ul#menu li:hover>ul { display:block;}  
ul#menu{ margin:0px; padding:0px; list-style:none; width:100%; float:left; background-color:#0C4A87; height:24px;} 
ul#menu li{ float:left; display:block; padding:0; width:100px; line-height:24px; text-align:left;}
ul#menu li a{ display:block; padding:0px 6px; color:#FFFFFF; text-decoration:none; font-weight:bold; height:24px;}     
ul#menu li a:hover { height:24px; line-height:24px;;background-color:#347AC2;}  
ul#menu ul{ position:absolute; background-color:#447FA5; list-style:none;   margin:0; padding:0; width:250px; z-index:1;} 
ul#menu ul ul{ top:10px; left:149px; z-index:2;}  
ul#menu ul li{ position:relative; float:none; margin:0px; padding:0px; display:inline; width:250px; height:21px; text-align:left;}
ul#menu ul li a{display:block; margin:0px; padding:0px; width:250px; border:none; background-color:#FFFF00;} 
ul#menu ul.sousmenu li {padding:0px; background-color:#347AC2;}   
ul#menu ul.sousmenu li a     {padding:0px; background-color:#347AC2;}         
ul#menu ul.sousmenu li a:hover {padding:0px; background-color:#5292D2;}    
/* -------------------------------------FIN MENU --------------------------------------*/    
#all_screen
{
    text-align:center; 
}   
#page {width:910px; text-align:left; margin:auto;}
.page_actu{width:900px; height:500px; text-align:left; padding-left:10px; margin:auto;margin-top:10px;font-size: 1.2em; overflow:auto;  }  
#page_photo { clear:both;width:600px; text-align:center; margin:auto; height:680px;}  
#page_photo_grd { text-align:center;}     
.space_border 
{
    padding:5px;
}
#bandeau     
{
    width:910px;   
    height:200px;  
    background: url(../top_tlemcen_info_2.jpg) no-repeat;   
}  
#recherche_footer
{
    float:left;    
    width:180px;    
    height:90px;
    color:#FFFFFF;    
}   
#pub_footer
{
    float:right;
    width:730px;   
    height:90px;  
    color:#FFFFFF;  
}   
#footer  
{
    clear:both;   
    width:910px;    
    height:140px;  
    color:#FFFFFF; 
    background-color:#CCCCCC;   
}                      
#partenaire_footer
{   
    clear:both;    
    text-align:center;
    width:910px;  
    height:55px;
    color:#FFFFFF; 
}   
.space
{
    height:5px;
    background-color:#00204F; 
}     

#blocdegauche_home
{
    display:block;  
    float:left;   
    width:440px; 
    background-color:#00204F;  
    font-size: 1.1em;  
}   
.blocdegauche_home_info
{
    float:left;
    width:420px;
    height:200px;
    margin-bottom:10px;
    padding-top:10px;
    padding-left:10px;
    margin-bottom:20px; 
    background-color:#0C4A87;
    border: 5px ridge #5292D2; 
}
#blocdedroite_home
{
    display:block;  
    float:right;  
    width:450px;    
    color:#CCCCCC;  
    height:500px;
    background-color:#00204F;
}
.blocdedroite_photo
{   
    display:block;  
    text-align:center;
    vertical-align: middle;
    margin-top:20px;
}            
.blocdedroite_dessous
{   
    display:block;  
    text-align:center;
    vertical-align: middle;
    margin-top:25px;
}            
#blocdudessous  
{
    float:left;   
    width:910px;  
    height:200px;
    background-color:#EBBF7C; 
}                          
.date_haut_droite 
{
    float:right;
    margin-top:5px;
    margin-right:5px;
}    
img
{
    border:0px;
    padding:0px;
}
#img_grande
{   
    margin:0px;  
    padding: 3px;
    border: 3px ridge #D1D1D1; 
}                         
.img_grande_cadre
{
    border: 3px ridge #D1D1D1; 
}
.img0 
{
    float:left;
    border: 3px ridge #D1D1D1;
    overflow: auto; 
    padding: 3px; 
    margin: auto;
    margin-top: 30px;
    display:block;
}
.img1
{                                                                                                                                                                                
    float:right;
    border: 3px ridge #D1D1D1;
    padding: 3px;  
    margin-top: 30px;
    display:block;   
}                   
.img1_bis
{               
    float:right;  
    border: 3px ridge #D1D1D1; 
    padding: 3px;  
    margin-top: 175px; 
    display:block;  
}          
.img2 
{                                                                                                                                                                                
    clear:both;
    border: 3px ridge #D1D1D1; 
    padding: 3px;
    margin-top: 40px;  
    margin-bottom: 20px;  
    float:left;  
}                   
.img3 
{                                                                                                                                                                                
    float:right;
    border: 3px ridge #D1D1D1;
    padding: 3px;
    margin-top: 40px; 
    margin-bottom: 20px;
}                   
.img_recette
{
    clear:both;
    float:left;  
    border: 5px ridge #5292D2;
    overflow: auto;
    padding: 10px; 
    margin: auto;   
    margin-top: 20px; 
    display:block; 
}
.img_infos     
{   
    clear:both;   
    border: 5px ridge #5292D2;
    overflow: auto;
    padding: 10px;   
    margin: auto;   
    margin-left: 40px;
    margin-top: 20px;
    display:block;

}   
.cadre_img
{
    height:690px;                                                                                                                                                                 
    float:left; 
    width:600px;
}
.cadre_lien
{
    clear:both; 
    width:600px;
    height:15px;
    margin-bottom:10px; 
}
.cadre_precedente 
{      
    color:#FFFFFF;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    float:left;     
    clear:both;
}             
.cadre_suivante
{
    color: #FFFFFF;
    font-family:Arial;
    font-size:13px; 
    font-weight:bold;  
    float:right;
    text-align:right;
}     
A.LIEN_TABLEAU:ACTIVE, A.LIEN_TABLEAU:FOCUS, A.LIEN_TABLEAU:LINK, A.LIEN_TABLEAU:VISITED   
{
    font-family : Arial; 
    font-size : 13px;  
    text-decoration : none;  
    color : #FFFFFF;  
    font-weight : bold;  
}   

#decaller_2 
{
    display:block; 
    margin-top:25px;
    margin-left:450px;
    text-align:left;
    padding-left:20px;
    color: #CCCCCC;  
    font-size: 14px;
}   
#decaller_3 
{
    clear:both;
    padding-top:20px;
    text-align:left;
    padding-left:20px;
    padding-right:20px;
    color: #CCCCCC;  
    font-size: 14px;
}   
#decaller 
{
    clear:both;
    padding-top:20px;
    text-align:left;
    padding-left:20px;
    padding-right:20px;
    color: #CCCCCC;  
    font-size: 14px;
}   
p:hover /* Quand on pointe sur un paragraphe */ 
{
    background-color: #5292D2; /* Le fond du paragraphe change de couleur */ 
    text-indent: 20px; 
}   
p a  
{
    text-decoration: none; /* Les liens ne seront plus soulignés */  
    color: #FFFFFF;  
    font-style: italic; /* Les liens seront en italique  */  
}   
p a:hover /* Quand le visiteur pointe sur le lien */   
{
    text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */ 
    color: red; /* Le lien sera écrit en vert quand on pointera dessus */ 
}   
p a:visited /* Quand le visiteur a déjà vu la page concernée */
{
    color: #CCCCCC; 
}   
p:first-letter /* La première lettre de chaque paragraphe */ 
{
    font-weight: bold; /* En gras */   
    font-size: 1.1em; /* Ecrit légèrement plus gros que la normale */   
}    


a.liendansarticle  
{
    text-decoration: none; /* Les liens ne seront plus soulignés */  
    color: #A4A1A1;
    font-style: italic; /* Les liens seront en italique  */  
}   
a:hover.liendansarticle /* Quand le visiteur pointe sur le lien */   
{
    text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */ 
    color: red; /* Le lien sera écrit en vert quand on pointera dessus */ 
}   
p a:visited.liendansarticle /* Quand le visiteur a déjà vu la page concernée */
{
    color: #52C0FF; 
}   

.dec
{
    padding-top:2px;
    padding-left:30px;               
}
.dec_grd_photo
{
    color:#00204F;
    font-weight:bold; 
    text-align:center;
    background-color: #CCCCCC;
    padding-left:30px; 
    clear:both;
}      
.chgt_couleur
{
    clear:both;
    float:right;  
}
.decallage
{
    margin-left:30px;
}
.logo
{
    float:right;
}
.partenaire_ile
{
    clear:both; 
    margin-top:100px;
    padding:1px;  
    background-color: #FFFFFF; 
    float:left;  
}
.partenaire_internaute
{
    clear:both; 
    margin-top:100px;   
    background-color: #FFFFFF;
    float:right;   
}   
#formulaire
{
    margin-top:50px; 
    margin-bottom:50px; 
    float:left;
    margin-left:10px; 
    color : #FFFFFF;                                                                                                                                                              
    font-weight : bold; 
    width:450px; 
}
.champs_formulaire_nom
{
}
.champs_formulaire_champ
{
    float:right;
}
.jeux                                                                                                                                                                             
{                                                                                                                                                                                     
    border: 3px ridge #D1D1D1; 
    padding: 3px; 
    margin-top: 100px;   
    margin-bottom: 100px;
    display:block;
}

.ridge
{
    border-bottom : solid 1px  white;
    padding: 10px;
}


/*        formulaire de recherche*/
form 
{
    width: 870px;
    padding: 20px 20px;
    background: lavender;
    color: midnightblue;
}
.pagination 
{
    margin: 0px;
    list-style: none;
    padding: 0px;
}
.pagination li 
{
            float:left;
}
.pagination li a 
{
                border: solid 1px white;
                color: white;
                padding-left: 4px;
                padding-right: 4px;
                margin-left: 3px;
                margin-right: 3px;
                text-decoration: none;
}
.pagination li a.active 
{
        border-color: red;
}
.pagination li a.next, .pagination li a.previous 
{

                                            
}
.pagination li a.page 
{

}


#blocdedroite_recette
{
    display:block;    
    float:left;  
    width:410px;    
    color:#CCCCCC;  
    background-color:#00204F;
}
#blocdegauche_recette
{
    float:left;   
    width:500px; 
    background-color:#00204F;  
    font-size: 1.1em;  
}  
#blocdessous_recette
{
 
   clear:both; 
    float:left;   
    width:500px; 
    background-color:#00204F;  
    font-size: 1.1em;  
}  
.blocgauche_imagettes
{    
    display:block;  
    float:left;  
    width:300px;    
    color:#CCCCCC;  
    height:250px;
    background-color:#00204F;
}
#bloccentre_imagettes
{
    display:block;  
    float:right;  
    width:300px;    
    color:#CCCCCC;  
    height:500px;
    background-color:#00204F;
}
#blocdroite_imagettes
{
    display:block;  
    float:right;  
    width:300px;    
    color:#CCCCCC;  
    height:500px;
    background-color:#00204F;
}
#text_cliquer 
{
/*    font-weight:bold; */
    padding:10px;
    color:#FFFFFF; 
} 
.ttr_recette    {display:block; clear:both; font-weight:bold;}
.clignote 
{ 
    color : #DD9F24;
    text-decoration: blink; 
}