#header {background: url("http://ekladata.com/Y8Nx-FSpOLwzh3wr3ynXW_ANRQE.png") no-repeat 50% 0%;

    height: 500px;

}

#body {background: url("http://ekladata.com/OOHtOi2wEovT6e6Ei1AHU4atRTg.jpg");

}

#background {background: rgba(255, 245, 200, 0.7);

    box-shadow: 0 0 20px black, 0 0 10px black ;

    border: 1px dotted white;

    border-top: none;

    border-bottom: none;

}

#footer:after {content: " - Design by Nagalia";
color: rgb(255, 100, 50);
text-shadow: 1px 1px 1px white;
}

.module_titre {background: url("http://ekladata.com/0a2oB4bv7ZwMA9vaAzAQ8RFtumE.png");

color: black;

box-shadow: 0 0 10px black;

border-radius: 20px 0 0 20px;

    text-align: center;

    height: 25px;

    line-height: 25px;

    -webkit-transition: 1.5s;

     -moz-transition: 1.5s;

     transition: 1.5s;

} 

.module_titre:hover { background-position: 1000% 0%;

    -webkit-transform: translate(50px);

-moz-transform: translate(50px);

-o-transform: translate(50px);

transform: translate(50px); } 

.module_titre_contenu {color: black;

    text-shadow: 1px 1px 1px white;

     font-family:  'Alex Brush', cursive; 

    font-size: 20px;

}

.module_menu_titre {background: url("http://ekladata.com/2-ANi4iSjhRRAP4459mMPVW4cEE.jpg") 70% 30%;

    border-radius: 0 20px 20px 0;

    box-shadow: 0 0 7px black;

     color: black;

    text-shadow: 1px 1px 1px white;

    font-size: 15px;

     font-family:  'courgette', cursive; 

    font-weight: bold;

    padding-left: 40px;

    height: 20px;

    line-height: 20px;

    -webkit-transition: 1.5s;

     -moz-transition: 1.5s;

     transition: 1.5s;

} 

.module_menu_titre:hover {  background-position: 0% 0%;

    -webkit-transform: translate(-30px);

-moz-transform: translate(-30px);

-o-transform: translate(-30px);

transform: translate(-30px);

}   

p {color: black;}

a {color: rgb(255, 100, 50);

    text-shadow: 1px 1px 1px white;

}

a:hover {color: rgb(255, 110, 130);

    text-decoration: none;

}

/*MENU*/

 

#menu a{width: 40px;

    .color: rgba( 255, 100, 50, 0);

    background:  rgba(255, 230, 200, 0.7) ;

     text-shadow: none;

    margin-top: 10px;

    border: 1px dotted white;

    border-left: none;

    text-align: center;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

    -webkit-transition: 1s;

}

#menu a:hover {width: 70px;

    border-radius: 0 8px 8px 0;

     text-shadow: 1px 1px 1px white; 

     color: rgba(255, 110, 130, 1) 

}

/*MENU FIN*/

/*BARRE D'OUTIL*/

.menubar_section:hover div{ 

    background: none;

    color: black;

    text-shadow: -1px -1px 1px white; 

}  

#menubar {background: url("http://ekladata.com/0a2oB4bv7ZwMA9vaAzAQ8RFtumE.png");

    background-position: 0% 0%;

    box-shadow: 0 0 10px black;

    color: black;

    text-shadow: 1px 1px 1px white;

    -webkit-transition: 8s;

} 

#menubar:hover{background-position: 100% 0%}

.menubar_section {background-image: none}

#menubar_notifications {background-image: none}

#menubar_hide{ width: 0px;}

.menubar_section li { background: rgba(255, 245, 200, 0.8)

}

.menubar_section li:hover { color:black;

    text-shadow: -1px -1px 1px white;

     background: rgba(255, 225, 180, 0.9);

    border-top: 1px dotted white;

    border-bottom: 1px dotted white;

    box-shadow: 0 0 2px black;

}

.menubar_section li:last-child { background: rgba(255, 245, 200, 0.8);

    border-radius: 0 0 15px 15px;

}

.menubar_section li:last-child:hover { color:black;

    text-shadow: -1px -1px 1px white;

     background: rgba(255, 225, 180, 0.9) } 

 .menubar_section ul {box-shadow: 0 0px 7px black ;

    border-radius: 0 0px 15px 15px;

    margin-left: 10px;

}

#menubar_notifications:hover 

#menubar_notifications_btn{ background: none} 

#notifications_panel { box-shadow: 0 0 5px black;

    border-radius: 0 0px 15px 15px

}

#notifications_panel a,

#notifications_panel div {background: rgba(255, 245, 200, 0.8)}

#notifications_panel a:hover, 

#notifications_panel div:hover {color:black;

    text-shadow: -1px -1px 1px white;

     background: rgba(255, 225, 180, 0.9);

    border-top: 1px dotted white;

    border-bottom: 1px dotted white;

    box-shadow: 0 0 2px black; }

#notifications_panel a:last-child,

#notifications_panel div:last-child {border-radius: 0 0px 15px 15px } 

#notifications_panel

.new_notification {background:   rgba(255, 120, 100, 0.8) }  

/*FENETRE*/

.window_handle_left{  background: none;

    width: 0px

} 

.window_handle_right{ background:none;

    width: 0px

} 

.window_content{ background:none;}

.window_content_wrapper1{ background:none;

    width: 

} 

.window_content_wrapper2{ background:none;} 

.window_bottom_wrapper1{ background:none;} 

.window_bottom_wrapper2{ background:none;} 

.window_bottom{ background:none;}

.window{background: rgba(255, 245, 200, 0.9);

    border-radius: 15px;

    box-shadow: 0 0 15px black;

}

.window a {color: rgb(255, 100, 50);

    text-shadow: 1px 1px 1px white;

}

.window a:hover {color: rgb(255, 110, 130);

    text-decoration: none;

}

.window_handle_content {background: url("http://ekladata.com/0a2oB4bv7ZwMA9vaAzAQ8RFtumE.png");

    margin: 0px;

    padding: 0px;

    height: 30px;

    border-radius: 15px 15px 0 0;

    text-align: center;

    box-shadow: 0 0 10px black;

    

}

.window_title{line-height: 20px;

    height: 30px;

    margin-top: -15px;

     color: black;

    text-shadow: 1px 1px 1px white;

    font-size: 25px;

     font-family:  'courgette', cursive; 

    font-weight: bold;

}

.window_handle_tools {margin-top: -7px;

    margin-right: 10px

}

.button_win,

.window input[type=button],

.window input[type=submit],

.window button{ background: rgba(255, 225, 180, 0.9);

    border: 1px dotted white;

    box-shadow: 0 0 3px;

               background-image: none;}

 

.button_win:hover,

.window input[type=button]:hover,

.window input[type=submit]:hover,

.window button:hover{ background: rgba(255, 120, 100, 0.8);

                   background-image: none;}