body {
	background-color :#aaa;
	background-image: url(http://www.katechartier.com/images/fond_gris-fonce-inverse.gif);
	background-position :top;
	background-repeat : repeat-x;
	color:#000000;
	margin:0;
	padding:0;
	font-family:"Century Gothic",lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 100.01%;
}

a img {
	border: none;
}

#global {
	margin:0 auto; /* auto centers the div */
	text-align:left; /* after centering #wrap above for IE we return to normal alignment */
	width:830px;
}

#drapeaux {
	display:none;
}

/************** TITRE  ET MENU *************/

#titre {
	position:relative;
	height:120px;
	border:0;
	padding:0;
}

h1 {
float:left;
	width:300px;
	height: 120px;
	position: relative;
	border:0;
	margin:20px 0 0 0;
	padding: 0;
}

h1 a {
	color: #ffffff;
	display: block;
	font: normal 0.4em Georgia, Garamond, Times, "Times New Roman", serif;
	text-align: left;
	text-decoration:none;
}

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

h1 img {
	width :300px;
	height :120px;
	z-index: 1;
	margin: 0 0 20px 0;
}

#menu {
	width:480px;
	float:right;
	padding: 70px 0 0 0;
}

#contact_menu {
	float:right;
	margin:0;
	padding:0;
}

ul {
	float:right;
	margin:0;
	padding:0;
}

li {
	display :inline;
	list-style:none;
	padding-right: 0.8em;
}

#menu a:link, #menu a:visited {
	color:#881119;
	text-decoration:none;
	font-size : 1.1em;
	font-family : "Optima LT", "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-stretch : expanded;
	font-weight :bold;
}

#menu a:hover {
	color:#fff;
}

#here {
	color:#fff;
	text-decoration:none;
	font-size : 18px;
	font-family : "Optima LT", "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-stretch : expanded;
	font-weight :bold;
}

/************** MAIN *************/

#main {
	width:830px;
}

/************** CENTRE *************/

#centre {
	margin: 0 auto;
	padding:0;
/*	height:600px;*/
	/*width:830px;*/
}

/************** CONTENU *************/

#contenu {
	/*width:830px;*/
	float:left;
	border:0;
	margin:0;
	padding:0;
	text-align: justify;
	font-size:0.8em;
/* ajout pour press */
	margin-top:2em;
	clear:both;
}

#remplissage {
	float:left;
}

#galerie {
	width:830px;
	border:0;
	padding:30px 0 0 0;
	text-align :center;
}

#galerie img {
	margin:0 2em 1em 0;
	border:0;
}

#image_kate {
	border: 0;
	float: left;
	margin:0 2em 1em 0;
	width :300px;
	height :222px;
}

.citation {
	letter-spacing: 0.1em;
	color:#fff;	
}

.citation_eng {
	letter-spacing: 0.1em;
	color:#fff;	
}

#contact {
	float :left;
	border:0;
	margin:2em;
	padding:0;
	text-align: left;
}

#image_contact {
	float:left;
	margin:2em;
}

hr {
	height: 1px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	background-color: #ffffff;
	border: 0;
}

/************** FROMULAIRE *************/

fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

input, textarea {
	font-family : "lucida grande",lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

input[type], textarea[name] {
	background: #f7f7f7;
}

input[type=submit], input[type=reset] {
	background : #fff;
	color : #999;
}

input[type=submit]:hover {
	background : #f7f7f7;
	color : #333;
}

p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
	color : #fff;
}

/************** copyright *************/

#copyright {
	float:right;
	text-align:right; 
	padding:0;
	margin:2em 0;
	border-top : 1px solid #999;
	width:830px;
	font-size:0.6em;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
}

#copyright a:link, #copyright a:visited {
	color:#666666;
	text-decoration: none;
}

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