@charset "utf-8";
/* CSS Style Sheet for Index (Landing page) styles
   C. Eddy Traductions */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,b,i);
@import url(http://fonts.googleapis.com/css?family=Raleway:800);

 body {
         background-image: url("../images/triangle-bg-fallback.png");
         background-image: linear-gradient(transparent, transparent), url("../images/triangle-bg.svg");
		 background-color: #144374;
         background-size: 100%;
         font-family: 'Roboto', sans-serif;
         font-style: normal;
         font-size: normal;
         font-weight:400;
         color: #000;
         -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
         margin: 0;
	     padding-top: 5%;
	     padding-bottom: 5%;
         zoom:110%;
}

h1 /* Used as the title text (Traduction français-anglais)). */ {
	 text-align:center; 
	 font-weight: 800;
	 text-transform: uppercase;
	 font-size: 1.0em;
	 letter-spacing: .05rem;
	 color: #345883;
     font-family: 'Raleway', sans-serif;
	 margin: 0 0 2% 0;
 }


#container {

          background-color: #fff;
          /* margin: auto; value set as auto to center content */
          position: relative;
          margin: auto;
          width: 480px;
          
 }
 
/* Overarching Div for header-fr and everything above body (flags, navigation menu) - Called by SSI document www/ssi/header-fr.html */
#header {
        width: 480px; 
		background-color: #fff;
		 text-align:center;
        font-size: 115%;
        position: absolute;
        top: 50%;
		        
 }
 /* Actutal Navigation Menu - Called by SSI document www/ssi/header-fr.html */
 #navigation {
       width:100%;
       font-weight:bold;
       letter-spacing:0.5px;
 }

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

}
	
	
	li {
		margin-bottom: 3px;
	}
 /* Div handling timestamp and text-size in top-right (language selection) - Called by SSI document www/ssi/header-fr.html */


/* Language switcher at top of page. Img code is in case I add them back (taken from main page style.css, might not apply here) */

#language {
       font-size: 0.75em;
       font-weight: 400;
       text-align: right;
	   padding: 1% 1% 0 0;
	   text-decoration: underline;
 }
#language a:link, a:visited {
	color: #000;
	text-decoration: none;
}
#language a:hover, a:active, a:focus {
	text-decoration: none;
	color: #505050;
}
#language img {
	vertical-align: middle;
}


/* Former div for language (with flags)


#language {
       font-size: 12px;
       font-weight: 400;
	   text-align: right;
	   margin-right: 1%;;
	
 } 

*/


 /* Div for Logo for the site, just above text "Traduction français-anglais" - Called by SSI document www/ssi/header-fr.html | Also centers accompanying text */
 #logo {
        margin: 20px 0px 0px 0px;
 }
 /* Sets specific behavior for navigation menu links */
 #navigation a:link, a:visited {
        color: #000;
		text-decoration: none;
		margin-bottom: 2%;
  }
 #navigation a:hover, a:active, a:focus {
	text-decoration: none;
	color: #d0d0d0;
}


/* Div that handles footer text (copyright, mentions légales, etc. - Called by SSI document www/ssi/footer-fr.html */
#copyright {
        text-align: center;
        font-size: smaller;
		margin-top: 10%;
        font-weight:bold;
 }
 
 #copyright a:link, a:visited {
	 text-decoration:underline;
 }