/* --- COULEURS --- */


/* Général fond de Phy*/
body {
	background: url(images/fondodpf.png) repeat center center;	
}
/* En-tête */
#entete {
	background: #2836a3;
	color: #ffffff;
}

/* Conteneur */
#conteneur {
	background: url(images/bordgche.png) repeat-y left top;
}

/* Onglets*/

#onglets {
	background: transparent none repeat scroll 0% 50%;
}
#onglets li {
	background: transparent url(images/leftb.png) no-repeat scroll left top;
}
#onglets a {
	background: transparent url(images/rightb.png) no-repeat scroll right top;
	color: #fff;
}
#onglets a:hover {
	color: #f3093a;
}
#onglets #courant {
	background-image: url(images/left_onb.png);
}
#onglets #courant a {
	background-image: url(images/right_onb.png);
	color: #8d3b34;
}
/* Navigation*/
#navigation {
	background-color: #93443d;
}
#navigation a:hover {
	color: #f3093a;
}
#navigation li {
	border-bottom: 1px solid #fdebe3;
}
#navigation li a {
	color: #fdebe3;
}
#navigation #current {
	background-color: #dcb8b1;
}
#navigation #current a {
	color: #93443d;
}
#navigation li ul { /* listes de deuxième niveau */
	border-bottom: 1px solid #fdebe3;
	background-color:  #ba827b;
}
#navigation li li a {
	color: #fff;
}
#navigation li ul #current2 a {
	background-color: #fdebe3;
	color: #93443d;
}
/*Contenu principal */
#contenu {
	background: #fdebe3;  
	border-right: 3px solid #8d3b34;
	color: #70211b;
}
#contenu a {
	color: blue;
	text-decoration: none;
}
#contenu li a {
	color: blue;
	text-decoration: none;
}
/* Boite pour rajouter un fond blanc sous les logos*/
#boite {
	background: white;
}

/* Pied de page */
#pied ul {
	background-color: #fdebe3 ;/* la couleur n'apparait pas. Pb de flux ? */

}
#pied li a {
	color: #000;
	text-decoration: none;
}
#pied a:hover {
	color: #f3093a;
}
/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 15px 10px 0 10px;
}
#global {
	width: 90%;
	overflow: hidden; /* évite la fusion des marges http://www.alsacreations.com/article/lire/629-fusion-des-marges.html*/
	min-width: 800px;
	max-width: 1500px; /* largeur fluide, limitée en max et min http://www.alsacreations.com/static/gabarits/*/
	margin-left: auto;
	margin-right: auto; /* Pour centrer horizontalement http://www.alsacreations.com/static/gabarits/*/
}
/* En-tête */
#entete {
	padding: 10px;
	text-align: center;
	vertical-align: middle
}
#entete h1 {
	margin: 0;
	vertical-align: middle
}

/* Onglets http://www.pompage.net/pompe/portescoulissantes/*/
#onglets {
	margin-left: 120px; /* place du menu */
	float: left;
}
#onglets ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
#onglets li {
	margin: 0;
	padding: 0 0 0 9px;
	float: left;
}
#onglets a {
	padding: 5px 15px 4px 6px;
	display: block;
	text-decoration: none;
	font-weight: bold;
}
#onglets #courant a {
	padding-bottom: 5px;
}
/* Conteneur */
#conteneur {
	padding: 0px 0px 0px 9px;
	float: left;
	width: 100%;
}
/* Navigation  http://www.pompage.net/pompe/listes/*/
#navigation, #navigation ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	float : left;
	width : 100px;
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
}
#navigation li a {
	width: 100px;
	display : block;
	text-decoration : none;
	padding : 0 0.5em;
	}
/#navigation li li a {
	width: 100px;
	display : block;
	text-decoration : none;
	padding : 0 0.5em;
	}	
/*Contenu*/
#contenu {

	margin-left: 120px; /* place du menu */
	padding: 2px 20px 10px 20px;
	text-align: justify;
}
h4	{
	text-align: center
}
/* boites flottantes pour créer des tableaux http://www.alistapart.com/stories/practicalcss/*/
.espaceur {
  	  clear: both;
	  padding-top: 0px;
	  padding-right: 6px;
}
.flotte {
	  float: left;
	  text-align: center;
}
.flottetab2 {
	  width: 48%; /* 2 par ligne */
	  float: left;
	  margin: 0 1%;
	  text-align: left;	
}
.flottetab2 h1 {
	  text-align: center;
	  font-weight: bold;
	  font-size: 1em;
}
.flottetab2 a {
	  color: black;
	  font-size: 1em;
	  text-decoration: none;
}
.flottetab3 {
	  width: 33%; /* 3 par ligne */
	  float: left;
	  text-align: center;	
}
.flottetab23 {
	  width: 66%; /* 2/3 par ligne */
	  float: left;
	  text-align: left;	
}
.flottetab4 {
	  width: 25%; /* 4 par ligne */
	  float: left;
	  text-align: center;	
}
.flottetab6 {
	  width: 16%; /* 6 par ligne */
	  float: left;
	  text-align: center;	
}
.flotte p {
	  text-align: center;
	  font-size: 1em;
}
.flotte h1 {
	  text-align: center;
	  font-weight: bold;
	  font-size: 1em;
}

/* zoom d'images (http://openweb.eu.org/articles/zoom_image) */
	.zoomh {
	margin:auto;
}
	.zoomh p {
	text-align:center;
}
	.zoomh img {
	width:100px;
	
}
	.zoomh img:hover {
	width:500px;
}
	.zoomv {
	margin:auto;
}
	.zoomv p {
	text-align:center;
}
	.zoomv img {
	height:100px;
	
}
	.zoomv img:hover {
	height:500px;
}
/* Pied de page */

#pied ul {
	border:  none;
	margin: 1em 0 ;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
#pied li {
	text-align: right;
	float: right;/* pour afficher de droite à gauche */
}