html {font-size: 100%;}
html,	body {margin:0; padding:0;	height:100%;}
body {
	color: #505050;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: 1em;
	line-height: 1.25;
}
#container {
	background:#fff;
	min-height:100%;
	position:relative;
	width:1088px;
	margin:0 auto;
}
#header {
	background:#fff;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing:22px;
	font-size: 400%;
	color: #808080;
}
#corps {
	padding:0;
	padding-bottom:60px;
}
#hierarchie {
	margin: 0;
	padding:10px;
	padding: 10px 10px 0 10px;
	text-align:right;
	text-transform: uppercase;
	letter-spacing:4px;
	line-height: 1;
	font-size: 18px;
	font-style: italic;
	color: #808080;
}
.visage {
	border-radius: 50%;	
	padding:3px;
	width:80px;
	background-color:#fff;
}
.afaire {
	padding:10px;
	width:200px;
	border:1px;
}
.activite {
	font-size: 14px;
	font-style: bold;
	padding:10px;
	overflow: hidden;
}
.activite:nth-of-type(odd) {
	background-color:#ddd;
}
.activite:nth-of-type(even) {
	background-color:#B3FFFF;
}
.boitego {
	font-size: 12px;
	font-style: bold;
	background-color:#FF80C0;
}
.boite {
	height: 80px;
	font-size: 12px;
	font-style: bold;
}
.boite:nth-of-type(odd) {
	background-color:#ddd;
}
.boite:nth-of-type(even) {
	background-color:#B3FFFF;
}
#gauche {background:#fff;float:left;width:50%;margin: 0;padding: 10px;word-wrap:break-word;}
#centre {background-color:#fff;float:left;width:100%;margin: 0;padding: 10px;word-wrap:break-word;}
#droite {background:#fff;float:left;width:50%;margin: 0;padding: 10px;padding-top: 30px;word-wrap:break-word;}
#footer {
	position:absolute;
	margin-left:10px;
	bottom:0;
	width:100%;
	height:60px;			
	background:#e3e3e3;
	text-align:right;
}
#footer a {
	border-bottom: 1px dotted;
	color: #004040;
	text-decoration: none;
}
.statique {
	width:500px;	
}
.error {
	color: red;
  width: 500px;
  margin: 1.2em auto;
  padding: 0.3em 0;
  text-align: center;
}
#login input.zoneoff, #login select.zoneoff, #login radio.zoneoff {
  width: 85%;
}
/* other non-essential CSS */
#header p,
#header h1 {
	margin:0;
	padding:10px 0 0 10px;
}
#footer p {
	margin:0;
	padding:10px;
}
#spacer {
  clear: both;
}
<!--[if lt IE 7]>
#container {
	height:100%;
}
<![endif]-->

/* Contenu principal */
#droite {
		color: #363B29;
		background: #ffffff; 
		font-size: 14px;	
}
#droite a {
	color: #332510;
	border-bottom: 1px dotted;
	text-decoration:none; 
}
#droite li
{
	list-style-type: none;
}
#droite a:hover, #droite a:focus {
	color: #008080;
}
#droite strong {
	color: #181A12;
}
/* LIGNE DE SEPARATION */
hr {
	width:300px;
  height: 1px;
  color: #c9c1ac;
  background-color: #c9c1ac;
  border: 0;
}
.exposition {
	padding: 5px;
	margin-bottom: 10px;
	border-bottom:1px solid #f2f2f2;
}
.date {font-style: italic; }
.titre {
		text-transform: uppercase;
		letter-spacing:4px;
		line-height: 1;
		color: #646464;
		font-size: 16px;	
		font-weight: bold; 
}
/* En-tete */
#entete {
	padding: 20px 20px 20px 0;
	background: #ffffff;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}
.carousel-caption {
  top :200px;
  left: 15%;
  z-index: 10;
  color: #000;
  text-align: center;
}

.titre-carousel{
	color :#000;
	font-style: italic;
}

.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}

#tallModal .modal-body p { margin-bottom: 900px }
.guide {
	font-style: italic;
	color:#666;
	font-size: 10px;	
	text-align:center;
}
.affiche {
	float: left;
	margin-right: 20px;
  box-shadow: 1px 1px 12px #555;
  margin-bottom: 20px;
  width:300px;
}
.alaune {
  box-shadow: 1px 1px 12px #555;
  margin-bottom: 20px;
}
.tabs {
	margin: 0;
	padding: 0;
}
.tab {
	display: inline-block;
	zoom:1;
	*display:inline;
	background: #eee;
	border: solid 1px #999;
	border-bottom: none;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}
.tab a {
	font-size: 14px;
	color: #505050;
	line-height: 2em;
	display: block;
	padding: 0 10px;
	outline: none;
	text-decoration: none;
}
.tab a:hover {
	text-decoration: none;
	background: #fff;
}
.tab.active {
	background: #fff;
	padding-top: 6px;
	position: relative;
	top: 1px;
	border-color: #666;
}
.tab a.active {
	font-weight: bold;
}
.tab-container .panel-container {
	background: #fff;
	border: solid #666 1px;
	padding: 10px;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
}
.panel-container { margin-bottom: 10px; }

/* MENU */
ul.menu {
      margin: 0;
      padding: 0;
      list-style-type: none;
      background: #e3e3e3;
      position: relative;
  		z-index: 99;
}
 
ul.menu li {
      display: inline-block;
}
 
ul.menu li a {
      color: #292929;
      text-decoration: none;
      padding: 15px;
      display: block;
}
 
ul.menu li:hover {
      background: lightgrey;
}
 
ul.menu ul {
      position: absolute;
      min-width: 200px;
      background: lightgrey;
      display: none;
}
 
ul.menu ul li {
      display: block;
      background: #e3e3e3;
}
 
ul.menu li:hover ul {
      display: block;
      padding: 0px;
}
 
ul.menu li i {
      color: #292929;
      float: right;
      padding-left: 20px;
}
 
nav div {
      background: lightgrey;
      color: #292929;
      font-size: 24px;
      padding: 0.6em;
      cursor: pointer;
      display: none;
}
@media only screen and (max-width: 1088px) {
	#container {
		background:#fff;
		min-height:100%;
		position:relative;
		width:100%;
		margin:0 auto;
	}
}
@media only screen and (max-width: 700px) {
	.affiche {
		float:none;
  	margin-left: auto;
  	margin-right: auto;
		width:70%;
  	box-shadow: 1px 1px 12px #555;
  	margin-bottom: 20px;
	}
	.titre {
		text-transform: uppercase;
		letter-spacing:3px;
		line-height: 1;
		color: #646464;
		font-size: 20px;	
		font-weight: bold; 
	}
	#header {
		background:#fff;
		padding:10px;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing:4px;
		font-size: 180%;
		color: #808080;
	}
	#gauche {background:#fff;float:left;width:100%;margin: 0;padding: 10px;word-wrap:break-word;}
	#droite {background:#fff;float:left;width:100%;margin: 0;padding: 10px;word-wrap:break-word;}
  nav div {
  	display: block;
	}
 
	ul.menu {
		display: none;
		position: static;
		background: #e3e3e3;
	}
 
	ul.menu li {
		display: block;
	}
 
	ul.menu ul {
		position: static;
		background: #e3e3e3;
	}
}