*{
        margin: 0px;
        padding: 0px;
    }
    body{
        font-size: 12px;
        background-image: url("swirl_blue.jpg");
        padding: 50px;
		
    }
    
    #header{
        margin: -45px auto;
        background-image: url("12.jpg");
        border: 1px solid #ccc; 
        margin-bottom: 50px;
                      
    }
     #logo{
        background-image: url("colombe.jpg");
     }
    
    h1 {
        text-align: center;
        border-bottom: 0px solid #099;
        margin-bottom: 40px ;
    }
    /* rles for navication mune */
    /*==============================*/
        ul#navmenu, ul.sub1, ul.sub2 ,ul.sub3 ,ul.sub4{
            list-style-type: none;            
         }
        ul#navmenu li {
            
            width: 105px;
            text-align: center;
            position: relative;
            float: left;
            margin-right: 0px;
        }
        ul#navmenu a {
            text-decoration: none;
            display: block;
            width: 105px;
            height: 23px;
            line-height: 25px;
            background-color: #ff9900;
            border: 1px solid #0040ff;
            border-radius: 5px ;           
        }
        ul#navmenu .sub1 li{
            margin-top: 5px;
        }
        ul#navmenu .sub1 a{
            margin-top: 0px;
        }
                  
         ul#navmenu  li :hover > a {
        background-color: #CFC;
        }
        ul#navmenu  li :hover a:hover{
            background-color: #FF0;
        }
        
        ul#vavmenu ul.sub1{
            display: block;
            position: absolute;
            top: 10px;
            left: 0px;           
        }
        ul#vavmenu ul.sub2{
            display: block;
            position: absolute;
            top: 0px;
            left: 0px;           
        }
         ul#navmenu .sub2 a{
            margin-left: 0px;
        }
        ul#navmenu li:hover >a{
            background-color: #C0C;
        }
        ul#navmenu li:hover a:hover{
            background-color: #FF0;            
        }
        ul#navmenu ul.sub1{
            display: none;
            position: absolute;
            top: 26px;
            left: 0px;
        }
        ul#navmenu ul.sub2{
            display: none;
            position: absolute;
            top: 0px;
            left:107px;
        }
		 ul#navmenu ul.sub3{
            display: none;
            position: absolute;
            top: 0px;
            left:106px;
        }
		
		ul#navmenu ul.sub4{
            display: none;
            position: absolute;
            top: -30px;
            left:106px;
        }
    

        ul#navmenu li:hover .sub1{
            display: block;
        }
        ul#navmenu .sub1 li:hover .sub2 {
            display:block ;
        }
		
		ul#navmenu .sub1 li:hover .sub3 {
            display:block ;
        }
		ul#navmenu .sub1 li:hover .sub4 {
            display:block ;
        }
		ul#vavmenu ul.sub3{
            display: block;
            position: absolute;
            top: 0px;
            left: 0px;           
        }ul#vavmenu ul.sub4{
            display: block;
            position: absolute;
            top: 0px;
            left: 0px;           
        }
         ul#navmenu .sub3 a{
            margin-left: 0px;
        }
         ul#navmenu .sub4 a{
            margin-left: 0px;
        }
	   
        .darrowa{
            font-size: 11pt;
            position: absolute;
            top: 5px;
            right: 4px;
        }
        .rarrow {
            font-size: 11pt;
            position: absolute;
            top: 5px;
            right: 4px;
        }
.coma{
	width: 100%; 
	margin: 0px auto;
	background: linear-gradient(20deg, black, DarkGray );
	
}

.coma a{
	text-decoration: none;
	color: yellow;
}

.coma a:hover{
	color: #acc5d0 ;
}

.coma p {
	text-align: justify;
	margin-top: 0px;
	font-size: 20px;
	background-color: ;
	border-right:0px solid red;
	height: 30px;
	width: 150px;
}


.pres{
	width: 100%; 
	margin: 0px auto;
	background: linear-gradient(20deg, black, DarkGray );
	
}
.pres a{
	text-decoration: none;
	color:  yellow;
}

.pres a:hover{
	color:#acc5d0;
}

.pres p{
	text-align: justify;
	margin-top: 0px;
	font-size: 18px;
	background-color:;
	border-right:0px solid red;
	height: 30px;
	width: 150px;
}