@charset "utf-8";
/* CSS Document */

/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin:0;
  padding: 0;
  font-family: Arial, Helvetica, FreeSans, sans-serif;
  font-size: .8em; /* À adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
  color: black; 
  background:#f8f8f8; 
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol,{ 
  margin: 0; 
  padding: 0; 
}  
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 

/* lignes */ 

hr {
	color:#CCC;
	background-color: #CCC;
	margin-left:auto;
    margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	width:910px;
}

/* Liens */ 
a { 
  text-decoration: underline; 
} 
a:link {
	color: #999;
	text-decoration:none;
} 
a:visited { 
  color: #339; 
} 
a:hover, a:focus, a:active { 
  color: #00F; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

div{
	margin: 0;
	padding: 0;
}

table, caption, tbody, tfoot, thead, tr, th, td, object {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* CSS du document */
#container {
    position: absolute;
    left: 50%;
    margin-left: -512px;
	  width: 1024px;
}

#header {
	background-image:url(images/header.jpg);
	height:175px;
}

#center {
	background-image:url(images/center.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:381px;
}

#menu_gauche {
	width:253px;
	height:171px;
	margin-left: 55px;
	margin-top: 158px;
	float:left;
}


#xml {
	width:559px;
	height:282px;
	margin-left: 53px;
	margin-top: 49px;
	float:left;
}

#navigation_principale_index {
	height:30px;
	font-family:Helvetica, sans-serif;
	font-size: 14px;
	font-weight:lighter;
	letter-spacing: 0.4px;
	list-style-type:none;
	margin-left:5px;
}

#navigation_principale_index a {
	color: #999;
	font-family:Helvetica, sans-serif;
	text-decoration:none;
	font-size: 14px;
	font-weight:lighter;
}

#navigation_principale_index a:hover {
	text-align:left;
}

/* Menu de navigation_principale */
#navigation_principale_index li {
	display: inline;
}

#navigation_principale_index ul {
	margin: 0;
	padding: 6px 0px 0px 47px;
	list-style: none;
	color:#999;
}

#navigation_principale_index a {
	display: inline;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

#navigation_principale_index a:hover, #navigation_principale a:focus {
	text-decoration: underline;
	color:#666;
}


#navigation_principale {
	height:30px;
	font-family:Helvetica, sans-serif;
	font-size: 14px;
	font-weight:lighter;
	letter-spacing: 0.8px;
	list-style-type:none;
	margin-left:5px;
}

#navigation_principale a {
	color: #999;
	font-family:Helvetica, sans-serif;
	text-decoration:none;
	font-size: 14px;
	font-weight:lighter;
}

#navigation_principale a:hover {
	text-align:left;
}

/* Menu de navigation_principale */
#navigation_principale li {
	display: inline;
}

#navigation_principale ul {
	margin: 0;
	padding: 6px 0px 0px 47px;
	list-style: none;
	color:#999;
}

#navigation_principale a {
	display: inline;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

#navigation_principale a:hover, #navigation_principale a:focus {
	text-decoration: underline;
	color:#666;
}

   
#sous_menu {
	text-align:center;
	font-family:Helvetica, sans-serif;
	font-size:11px;
	letter-spacing: 1px;
	color:#999;
}

#sous_menu a{
	color:#999;
	text-decoration:none;
}

#sous_menu a:hover, #sous_menu a:focus{
	color:#666;
	text-decoration:underline;
}


#footer {
	height: 80px;
	padding-left: 52px;
	padding-top: 30px;
}

/* Pages interieurs */

/* Titres */ 
#text h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
	line-height: 1.0;
	font-weight: lighter; /* Valeur par défaut. (6) */
	font-style: normal;
	letter-spacing: 0.2em;
  } 

#text h1 { 
  font-size: 1.75em; 
} 

#text h2 {
  font-size: 1.2em;
  color:#333;
} 

#text h3 { 
  font-size: 1.10em; 
  color:#999;
  text-transform:capitalize;
} 

#text h4 { 
  font-size: 1em; 
  color:#999;
} 
 
/* Listes */ 
#text ul, ol { 
    color:#999;
	margin: 0; 
    padding: 3px 0px 0px 12px;
	letter-spacing: 0.1em;
}  

/* contenu */ 

#header2 {
	height:175px;
}

#center2 {
	background-image:url(images/center_int.jpg);
	height:433px;
}

#sous_menu2 {
	height:52px;
	width:487px;
	margin-left:121px;
}

#text {
	margin-left:123px;
	height:324px;
	width:524px;
	padding:15px;
	float:left;
}

#text a{
	text-decoration:none;
	color:#999;
}

#photo {
	width:244px;
	height:356px;
	float:left;
}
 
/* contact */

#center3 {
	background-image:url(images/center_int2.jpg);
	height:433px;
}

#text2 {
	margin-left:123px;
	height:324px;
	width:766px;
	padding:15px;
}

/* Titres */ 
#text2 h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
	line-height: 1.0;
	font-weight: lighter; /* Valeur par défaut. (6) */
	font-style: normal;
	letter-spacing: 0.1em;
  } 

#text2 h1 { 
  font-size: 1.75em; 
} 

#text2 h2 {
  font-size: 1.2em;
  color:#333;
} 

#text2 h3 { 
  font-size: 1.10em; 
  color:#999;
  text-transform:capitalize;
} 

#text2 h4 { 
  font-size: 1em; 
  color:#999;
} 
 
/* Listes */ 
#text2 ul, ol { 
    color:#999;
	margin: 0; 
    padding: 3px 0px 0px 12px;
	letter-spacing: 0.1em;
} 

.formulaire_text {
	color:#333;
	font-size:10px;
	text-align: left;
}

.texth4 { 
line-height:16px;
}