/* -------------------- */
/* = Site : http://patrickjoly.free.fr/ */
/* = Version : 1.0 */
/* = Date de la version : 31/07/2011 */
/* = Auteur : Patrick Joly */
/* = Contact : patrickjoly@free.fr */
/* -------------------- */

/* 1. Général */
html {
	color: #ffffff;
	font-family: Georgia;
	font-size: 1em;
	margin: 20px auto;
	overflow: scroll;
}

body {
	background: #ffffff;
	margin: 0;
	padding: 0;
}

#wrapper, #header, #nav, #main, #aside, #section, #article {
	display: block;
}

/* 2. Structure de la page */
/* wrapper */
#wrapper {
	background: #b6b6b6;
	margin: 0 auto;
	padding: 10px;
	width: 960px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* header */
#header {
	margin: 0 auto;
	width: 960px;
}

/* main */
#main {
	margin-top: 20px;
	overflow: hidden;
	padding: 0;
	width: 960px;
}

/* content */
#content {
	float: left;
	margin: 0;
	margin-left: 20px;
	padding: 0;
	text-align: justify;
	width: 460px;
}

#content-interne {
	float: left;
	margin: 0;
	margin-left: 20px;
	padding: 0;
	text-align: justify;
	width: 920px;
}

h3  + p + p {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-moz-column-rule: 1px solid #ffffff;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	-webkit-column-rule: 1px solid #ffffff;
	column-count: 3;
	column-gap: 20px; 
  	column-rule: 1px solid #ffffff;
}

/* nav */
#nav {
	background: transparent;
	border: 1px solid #ff5500;
	color: #ffffff;
	margin-left: 30px;
	margin-top: 10px;
	padding: 10px;
	float: left;
	width: 400px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.nav-container {
	border-bottom: 1px solid #ffffff;
	float: left;
	height: 60px;
	width: 400px;
}
.nav-container a {
	background-color: #ff5500;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ff5500;
	color: transparent;
	float: left;
	height: 23px;
	margin-left: 20px;
	margin-top: 35px;
	overflow: hidden;
	width: 90%;	
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0; 
}

.nav-container a:hover {
	height: 43px;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);

}

/* footer */
#footer {
	border-top: 8px dotted #ffffff;
	color: #ff5500;
	font-size: 0.9em;
	margin: 20px 0;
	padding: 0;
	width: 960px;
}

.fil-ariane {
	margin-left: 20px;
	text-align: left;
}

.copyright {
	color: #ff5500;
	font-size: 0.9em;
	padding: 0;
	text-align: center;
}

/* 3. Gestion des titres */
h1 {
	background: transparent;
	color: #ff5500;
	font-size: 3em;
	font-weight: bold;
	margin: 0;
	padding-left: 20px;
}

h2 {
	background: transparent;
	border-bottom: 8px dotted #ffffff;
	color: #ffffff;
	font-size: 1.3em;
	letter-spacing: 10px;
	margin-top: 5px;
	padding-left: 20px;
	padding-bottom: 10px;
}

h3 {
	background: transparent;
	color: #ffffff;
	font-size: 1.2em;
	margin-top: 10px;
	padding: 0;	
}

/* 4. Divers */
a {
	background: transparent;
	color: #ffffff;	
	text-decoration: underline;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
}