/*--------------------- GLOBAL --------------------- */

	
html, body {
 font-family: 'Open Sans', sans-serif;
 }
	
#bloc_site {
 width: 980px;
 margin: auto;
 padding: 2px;
 overflow:hidden;
 }
#bloc_site header #title {
 background: linear-gradient(#012A4C, #4075A1, #012A4C);
 }

#bloc_site header h1 {
 width: 98.75%;
 margin-left: 12.5px;
 padding-left:10px;
 padding-top: 6px;
 padding-bottom: 6px;
 font-family: "Arial Narrow", "NimbusSansLReguCond", Arial, Helvetica, sans-serif;
 font-size: 1.6em;
 font-weight: 100;
 background: white;
 }
 
a { text-decoration: none; }
a:link    { color:#000000; } /* unvisited link */
a:visited { color:#303030; } /* visited link */
a:hover   { color:#222881; text-decoration: underline;} /* mouse over link */
a:active  { color:#933663; } /* selected link */
a.arttitle { font-weight: bold; }


/* --------------------- MENU --------------------- */

nav {
	background-image: linear-gradient(to right, #012A4C, #4075A1);
	box-shadow: 0 1px 2px #777777;
	}
	
ul#menu {
	list-style-type : none;
	}

ul#menu li { 
	display : inline-block;
	padding:1%;
	margin-left: 5%;
	text-align: center;
	}

ul#menu li:hover { 
	/* */
	}


ul#menu li:first-child  {
	border-left:none; 
	}

a.lien_menu {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 12px;
	}
	
a.lien_menu:hover {
	color: #CCCCCC;
	}
	
ul#sousmenu li {
    display: none;
    }
	
ul#menu li:hover > ul {
    display: block;
	} 
	
	
	
/* --------------------- CONTENU --------------------- */	
#ws-title {
 text-align: center;
 }
#contenu {
 text-align: justify;
 }

section article, aside {
	text-align: justify;
	padding-left: 2%;
	padding-right: 2%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #CCCCCC;
	font-size: 14px;
		}
	
section article {
	width: 63%;
	margin-left: 4%;	
	}
	
section aside {
	width: 24%;
	}	
	
/* --------------------- IMAGES --------------------- */	
	
#bandeau {	
 display: block;
 margin-left: auto;
 margin-right: auto;
 }

img.image-centree {	
 display: block;
 margin-left: auto;
 margin-right: auto;
 }
		
/* --------------------- FOOTER --------------------- */
	
footer {	
	/*background-color: #133F64;*/
	background-image: linear-gradient(to right, #012A4C, #4075A1);
	color: #FFFFFF;
	text-align: center;
	padding: 1px;
	font-size: 14px;
	}