/* Design  par ZALINA Communication */
 div#container {

background-color: #ffffff;
padding-left: 2px;
padding-right:2px;
padding-top: 1px;
padding-bottom: 2px;
}

body
{
   width: 1150px; /* initialement 950 px */
   margin: auto;
   margin-top: 2px;
   margin-bottom: 5px;   
   background-image: #url("http://algerieclic.com/images/divers/arriereplan.png");/* entrer l'adresse de la banniere et effacer # */
   background-color: #ffffff;
 }
 


#en_tete
{
   width: 72%;
   background-image: url("images/bancevital.gif"); /* entrer l'adresse de la banniere à la place de # */
   background-repeat: no-repeat;
   margin-bottom: 0px;
}


#menu
{
   float: left;
   width: 17%;
   height: auto;
   background-image: url("images/motif.png");
   background-color: #ffffff;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px
 }


#menu2
{
   float: right;
   width: 15%;
   height: auto;
   background-image: url("images/motif.png");
   background-color: #ffffff;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px
}

.element_menu
{
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}




.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 5px;
   padding-left: 20px;
   margin: 5px;
   margin-bottom: 5px;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}

.element_menu a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #ffffff; /*couleur des liens  du menu G*/
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
}


.element_menu a:hover   /*couleur du touché de liens dans le menus g */
{
   background-color: #; /*couleur de fond lors du touché de liens */
   text-decoration: none; /* si non remplacer none par underline : souligné lors du touché de liens */
   color: #ffffff; /*couleur du texte lors du touché de liens */
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}


.element_menu2
{
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}




.element_menu2 ul
{
   list-style-image: url("images/puce.png");
   padding: 5px;
   padding-left: 20px;
   margin: 5px;
   margin-bottom: 5px;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}

.element_menu2 a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #000000; /*couleur des liens  du menu G*/
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
}


.element_menu2 a:hover   /*couleur du touché de liens dans le menus g */
{
   background-color: #; /*couleur de fond lors du touché de liens */
   text-decoration: none; /* si non remplacer none par underline : souligné lors du touché de liens */
   color: #000000; /*couleur du texte lors du touché de liens */
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}


.element_menu3
{
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}




.element_menu3 ul
{
   list-style-image: url("images/puce.png");
   padding: 5px;
   padding-left: 20px;
   margin: 5px;
   margin-bottom: 5px;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}

.element_menu3 a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #ffffff; /*couleur des liens  du menu G*/
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
}


.element_menu3 a:hover   /*couleur du touché de liens dans le menus g */
{
   background-color: #; /*couleur de fond lors du touché de liens */
   text-decoration: none; /* si non remplacer none par underline : souligné lors du touché de liens */
   color: #ffffff; /*couleur du texte lors du touché de liens */
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}



#corps
{
   width: 40%;
   float: left;
   height: auto;
   margin-bottom: 5px;
   padding: 5px;
   color: #9b4e0e;
   background-color: ##e2e2e2;
   background-image: #url("images/motif.png");
   background-repeat: repeat-x;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 8px */
   text-align: justify;

}

#corps_bis
{
   width: 40%;
   float: right;
   height: auto;
   margin-bottom: 5px;
   padding: 5px;
   color: #9b4e0e;
   background-color: ##e2e2e2;
   background-image: #url("images/motif.png");
   background-repeat: repeat-x;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 8px */
   text-align: justify;

}


#corps h1
{
font-family: "Courier New", Courier, mono; font-size: 10pt; background-color: #dedede; color: #b71f6a; 
color: #b71f6a;
text-align: center;
padding-left: 00px;
font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
font-family: "Courier New", Courier, mono; font-size: 8pt; background-color: #ffffff; color: #000000; 
color: #b71f6a;
text-align: center;
padding-left: 00px;
font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}


.lien1 a:hover
{
   background-color:#0000ff; /*couleur du touché de liens */
   color: #1f5082;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}

.lien2 a:hover
{
   background-color: #0000ff; /*couleur du touché de liens */
   color: #1f5082;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}

.lien3 a:hover
{
   background-color: #d2d2d2; /*couleur du touché de liens */
   color: #1f5082;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}

.lien4 a:hover
{
   background-color: #d2d2d2; /*couleur du touché de liens */
   color: #1f5082;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}

.lien5 a:hover
{
   background-color: #d2d2d2; /*couleur du touché de liens */
   color: #1f5082;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}





.texte1
{
   color: #1f5082;
   background-color: none;
   font-weight: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}

.texte12
{
   color: #1f5082;
   background-color: none;
   font-weight: bold;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}

.texte13
{
   color: #1f5082;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}

.texte14
{
   color: #1f5082;
   font-weight: bold;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}



.texte1a
{
   color: #1f5082;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}

.texte12a
{
   color: #1f5082;
   background-color: none;
   font-weight: bold;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}

.texte13a
{
   color: #1f5082;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}

.texte14a
{
   color: #1f5082;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}



.texte2
{
   color: #000000;
   background-color: none;
   font-weight: none;
   font-family: Verdana, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}



.texte21
{
   color: #000000;
   font-weight: bold;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}

.texte22
{
   color: #000000;
   font-weight: none;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}

.texte23
{
   color: #000000;
   font-weight: bold;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}



.texte2a
{
   color: #000000;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}



.texte21a
{
   color: #000000;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}

.texte22a
{
   color: #000000;
   font-weight: none;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}

.texte23a
{
   color: #000000;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}



.texte3
{
   color: #535353;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte31a
{
   color: #535353;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte32a
{
   color: #535353;
   font-weight: none;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}


.texte33a
{
   color: #535353;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}

.texte3a
{
   color: #535353;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte31a
{
   color: #535353;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte32a
{
   color: #535353;
   font-weight: none;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}


.texte33a
{
   color: #535353;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}


.texte4
{
   color: #0000ff;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte41
{
   color: #0000ff;
   font-weight: bold;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte42
{
   color: #0000ff;
   font-weight: none;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}


.texte43
{
   color: #0000ff;
   font-weight: bold;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}


.texte4
{
   color: #0000ff;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte41a
{
   color: #0000ff;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte42a
{
   color: #0000ff;
   font-weight: none;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}


.texte43a
{
   color: #0000ff;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}



.texte5
{
   color: #0064ff;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte51
{
   color: #0064ff;
   font-weight: bold;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte52
{
   color: #0064ff;
   font-weight: none;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}


.texte53
{
   color: #0064ff;
   font-weight: bold;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}




.texte5a
{
   color: #0064ff;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte51a
{
   color: #0064ff;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte52a
{
   color: #0064ff;
   font-weight: none;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}


.texte53a
{
   color: #0064ff;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}



.texte6
{
   color: #DF0000;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte61
{
   color: #DF0000;
   font-weight: bold;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte62
{
   color: #DF0000;
   font-weight: none;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}


.texte63
{
   color: #DF0000;
   font-weight: bold;
   background-color: none;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}


.texte6a
{
   color: #DF0000;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte61a
{
   color: #DF0000;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: none;
   text-align: justify;
   overflow: auto;
}


.texte62a
{
   color: #DF0000;
   font-weight: none;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}


.texte63a
{
   color: #DF0000;
   font-weight: bold;
   background-color: none;
   font-family: arial, "verdana", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
   text-decoration: underline;
   text-align: justify;
   overflow: auto;
}


#bas_de_page
{
   float: right;
   width: 945px;
   height: auto;
   background-image: #url("images/motif.png");
   background-color: ##e2e2e2;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px
 }



.bas_de_page
{
   background-image: #url("images/motif.png");
   background-repeat: repeat-x;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}




.bas_de_page ul
{
   list-style-image: url("images/puce.png");
   padding: 5px;
   padding-left: 20px;
   margin: 5px;
   margin-bottom: 5px;
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}

.bas_de_page a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #000000; /*couleur des liens  du menu G*/
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px; /* initialement 10px */
}


.bas_de_page a:hover   /*couleur du touché de liens dans le menus g */
{
   background-color: #; /*couleur de fond lors du touché de liens */
   text-decoration: none; /*souligné lors du touché de liens */
   color: #C70025; /*couleur du texte lors du touché de liens */
   font-family: Verdana, "Arial", "Arial Black", "Times New Roman", Times, serif;
}


.souligne
{
text-decoration: underline;
}

a  /* Les liens ne seront plus soulignés */
{
   text-decoration:  /* "none", Les liens ne seront plus soulignés  au niveau de la baniere*/
   color: #737373; /* Les liens seront en gris au niveau des menus et du corps */
}


#menu-deroulant, #menu-deroulant ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#menu-deroulant {
/* on centre le menu dans la page */
    text-align: center;
}
#menu-deroulant li {
/* on place les liens du menu horizontalement */
    display: inline-block;

}
#menu-deroulant ul li {
/* on enl&egrave;ve ce comportement pour les liens du sous menu */
    display: inherit;
	
}
#menu-deroulant a {
    text-decoration: none;
    display: block;
	color:#000;
	
}
#menu-deroulant ul {
    position: absolute;
/* on cache les sous menus compl&egrave;tement sur la gauche */
    left: -999em;
    text-align: left;
    z-index: 1000;
	
	
}
#menu-deroulant li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
			margin: 0;
			padding: 10;
			background:#e2e2e2;
}
