/** BASIC */

body {
	font-family: "trebuchet ms", helvetica, sans-serif;
        background-color:#00008B ;
}

h1,h3, h4, h5, h6 {
	color: #000;
}

ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

a {
	color: #00008B;
        text-decoration: none;
}

a:hover {
	text-decoration: none;
         color:#fff !important;
}

  

/** HEADER */

#header {
	width: 700px;
	height: 80px;
	margin: 0px auto;
	background-color:#ffc ;
}

#header1{
            width: 700px;
	     height:auto;
           margin: 0px auto;
            color: #00008B;
           font-size:32px;
             font-family:"arial";
             font-weight:600;
              text-align:center;
            background-color:#ffc;
  }

#header h1 {
	float: left;
	margin: 0px;
	padding: 35px 0px 0px 10px;
}

#header h2 {
	float: right;
	margin: 0px;
	padding: 43px 10px 0px 0px;
	background-color:#ffc ;
}


/** CONTENT */

#content {
	width: 700px;
          height: auto;
	margin: 0px auto;
	background-color:#ffd700;
         
}

#columnA {
	float: right;
	width: 340px;
	padding: 0px 20px;
        background-color:#b0e0e6 ;
         text-align:justify;
         font-size: 14px;
}
.marge{
      margin-right:20px;
}

#columnA h2 {
	font-size: large;
}
   #columnA h1 {
	font-size: 14px;
}

#columnB {
	float: left;
	width: 300px;
	padding: 20px 10px;
        background-color:#ffd700;
        font-size: large;
        color:#fff;
   }

#columnB1 {
	float: left;
	width: 300px;
           height: 330px;
	padding: 30px 10px;
        background-color:#ffd700;
        text-align:center;
        
   }

#columnB2 {
	float: left important;
	width: 280px;
	padding: 20px 10px;
        margin-left:10px;
        background-color:#ffc;
         text-align:center;
	font-size: smaller;
      
   }


#columnB h2 {
	font-size: large;
}