*{
	margin: 0;
	padding: 0;
}

body {
     background-color : rgb(4,29,60);
      background-image: url('../jpg/blue-texture.jpg');
   

	      background-position: center;
    background-repeat: no-repeat;
   background-size: cover;
	background-attachment : fixed;
	min-width:650px;

	font-family: Garamond;
	font-weight: 400;
	color:#fff;


}
	
#header{
	margin: 0;
	width: 100%;
	text-align: center;
	padding-top:2%; 
	padding-bottom:2%; 
}

#header h1 {
	font-family:Garamond;
	
}

#header h2 {
	font-family:Garamond;

}

#menu{
	  width:100%;
	  margin:0px;
	  padding:0px;      
	  font-size: 18px;
	  background:rgb(197,197,199);
	  font-family:Garamond;
	  border: none;
	  border-top: 1px solid rgb(4,29,60);	
	  border-bottom: 1px solid rgb(4,29,60);	
}

#menu ul
{
    list-style: none;
	padding: 0px;  
	display: flex;
	justify-content: center;	
}

#menu li
{
   flex-grow:1;
   text-align:center;    
}


#menu li a{
       font-weight: 800;
	  display: block;
      padding: 5px 0px; 
	  color:rgb(4,29,60);
	  text-decoration:none;
	}

#menu li a:not([href]){
	color:#444;
}

#menu li a:hover{
	color:#444;
}

#main {
    width: 90%;
    margin: 0 auto;
	position: relative;
	padding: 0;
	/*color:rgb(83,49,51);*/
}

#main h1{
	font-size: 24px;
}

	
#main h2{
	font-size: 22px;
}

#main h3{
	font-size: 18px;
}

#main a{
	color:rgb(256,256,120);
   font-weight: 400;
	text-decoration:none;
}

#main a:hover{
	color:#ddd;
}

#main ul {
  list-style: none;
  margin-left: 5px;
}

#main ul li {
  padding-left: 10px;
  text-indent: -10px;
}

#main ul li:before {
  content: "-";
  padding-right: 5px;
}

#main ol {
  margin-left: 30px;
}

#main ol li {
  padding-left: 10px;
  text-indent: -10px;
}



#leftside {
	width: 68%;
	float: right;
	padding-top: 40px;
	text-align: left;
	margin-bottom: 40px;
	margin-right:2px;
	}

#rightside{
	width: 30%;
	margin-right: 2%;
	padding-top: 40px;
	margin-bottom: 40px;
	text-align: right;
	}

#rightside img{
	width:12em;
	max-width: 100%;
}

#content{
    width: 80%;
	margin: 0 auto;
	padding-top: 40px;
	margin-bottom: 40px;
	text-align: left;
}

#scoupe{
    width: 80%;
	margin: 0 auto;
	padding-top: 40px;
	margin-bottom: 40px;
	text-align: left;
}

#scoupe ul {
  list-style: none;
  margin-left: 10px;
  
 
}


#scoupe ul li::before {
  content: none;
  
 }
 #scoupe ul ul {
  padding-top: 8px;
  padding-bottom: 8px;
}
 #scoupe ul ul ul {
 padding-top: 2px;
  padding-bottom: 2px;
}

  #scoupe ul ul ul li::before {
  content: "-";
  }


#footer{
	clear: both;
	width:100%;
	border-top: 1px solid rgb(4,29,60);
	text-align: center;
	padding: 0;
	font-size: 18px;
	background:rgb(197,197,199);	
	}


#footer a{
	color:rgb(4,29,60);
    font-weight: 600;
	text-decoration:none;
}

#footer a:hover{
	color:#444;
}
#footer ul{
    list-style: none;
	padding: 0px;  
	display: flex;
	justify-content: center;
}

#footer li{
  /* flex-grow:1;*/
   text-align:center;     	
}

#footer li a{
	  display: block;
      padding: 5px 30px; 
	  text-decoration:none;  
}

#footer p{
	color:rgb(4,29,60);
    font-weight: 600;
	text-decoration:none;
	 padding: 5px 30px; 
}

#motto{
	width: 500px;
	margin: 0 auto;
}
#mottoText{
	width: 100%;
	font-style: italic;
	text-align: center;
}
#mottoAuthor{
	margin: 0;
	width: 100%;
	text-align: right;
	font-style: bold;
}