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

/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
    margin: 0;
    padding: 0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1em;
}

body { 
  margin: 0; 
  padding: 1em; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex: 
  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:#424242;

} 

#main {
	width:800px;
	background-color:#c7c7c7;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border:1px solid #fff;
	height: auto;
}

#top {
  height:54px;
  background-image:url(images/top.gif);
  background-repeat:no-repeat;
  background-position:right;
}

#nav {
  height:55px;
  background-color:#813a28;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}

#nav ul {
  margin:0px;
  margin-left:20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#nav li {
	display:inline;
	font: Verdana;
	font-size:2.2em;
	padding-right:25px;
	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
	vertical-align:baseline;
}

#nav a{
  color:#FFF;
  text-decoration:none;
}

/* gestion des couleurs de fonds du bandeau de nav en fonction de la rubrique dans laquelle on se trouve */

#nav.accueil {
	/*background-color:#813a28;*/
}
#nav.concept {
	background-color:#693;
}
#nav.realisations {
	background-color:#939;
}
#nav.activites {
	background-color:#069;
}
#nav.contact {
	background-color:#f90;
}

#container {
  margin-left:10px;
  width:780px;
}

#info {
	width:550px;
	min-height:350px;
}
img.baspage {
	position: relative;
	text-align: left;
	top: -37px;
	left: 287px;
	}

img.realisations {
  display:block;
	float:left;
	margin-right:7px;
	margin-left:15px;
	border:1px solid #000;
}
	
#zoom {
	float:right;
	width:220px;
	top:0px;
	border:1px dashed #fff;
	padding-left:4px;
	margin-left:3px;
}
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1; 
  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;
}
span.accueil {
  font-size: 2em;
  }
  
span.prix {
  font-size: 1.2em;
  margin-left:80px;
  color:#003366;
  }
  
span.formation {
  font-size: 1.3em;
  font-weight:800;
  color:#0086C9;
  }
  
img.accueil {
	margin-right:20px;
	vertical-align:middle;}

img.insert {
	float:right;
	margin-right:20px;
}

img.in {
	float:left;
	margin-left:5px;
	margin-right:10px;}
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 

ul.zoom {
  margin:3px;
  padding:10px;}
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
  font-family:Verdana, Arial, Helvetica, sans-serif;
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
/* Liens sur les rubriques principales de la page d'accueil*/

a.accueil { 
  color:black;
  text-decoration:none;
} 
 
a.accueil:visited { 
  color:black;
  text-decoration:none;
} 
a.accueil:hover, a.accueil:focus, a.accueil:active { 
  color:black;
  text-decoration:none;
} 


/* Liens */ 
a { 
  text-decoration: underline; 
  color:#3774DF;
} 
a:link { 
  color: #3774DF; 
} 
a:visited { 
  color: #6A40CF; 
} 
a:hover, a:focus, a:active { 
  color: #FFF; 
} 
/* 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; 
} 
.mini {
	font-size:0.8em;}
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

p.baspage {
	font-size:0.8em;
	color:#CCCCCC;
	clear: both;
	line-height: 0.5;
	margin: 0px;
	padding: 0px;
}

a.baspage {
  color:#CCC;
  text-decoration:none;
}

a:visited.baspage {
  color:#CCC;
  text-decoration:none;
}

a:hover.baspage, a:focus.baspage, a:active.baspage { 
  color:#CCC;
  text-decoration:none;}