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

*
  {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 16px;
  }
body
  {
	background-color: #535d55;
	text-align: center;
  }

#page
  {
	margin: auto;
	text-align: left;
	width: 950px;
  }
.bimg
  {
	display: block;
  }
#contenu
  {
	margin-bottom: 5px;
  }
.interne #contenu
  {
	background-color: #7e877f;
	padding: 40px 0 40px 0;
	color: #ffffff;
  }
#footer
  {
	border-top: #ffffff solid 1px;
	padding: 5px;
	text-align:center;
  }
#footer ul li
  {
	display: inline;
	padding: 0 10px;
  }
#footer ul li a
  {
	color: #ffffff;
	text-decoration: none;
  }
a img
  {border: 0;}




.menu {font-family: arial, sans-serif; width:950px; height:29px; position:relative; font-size:11px; z-index:100;}
.menu ul li a { 
  line-height: 29px; 
  vertical-align:baseline;
  display:block; 
  text-decoration:none; 
  height:29px; 
  text-align:center; 
  color:#fff; 
  border:1px solid #fff; 
  font-weight: bold;
  background:url(../../images/fond_menu_off.png) top left repeat-x; overflow:hidden;
  }
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a, .menu ul li a.actif {background:url(../../images/fond_menu_on.png) top left repeat-x; color: #7E877F;}
.menu ul li:hover ul {display:block; position:absolute; top:31px; left:0;}
.menu ul li:hover ul li a.hide { background:url(../../images/fond_menu_off.png) top left repeat-x;}
.menu ul li:hover ul li:hover a.hide {background:url(../../images/fond_menu_over.png) top center repeat-y;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:url(../../images/fond_menu_off.png) top center repeat-x;color:#ffffff; border-top: none;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.menu li.jaune a:hover, .menu li.jaune a.actif {background:url(../../images/fond_menu_on_jaune.png) top left repeat-x; color: #7E877F;}
.menu li.vert a:hover, .menu li.vert a.actif {background:url(../../images/fond_menu_on_vert.png) top left repeat-x; color: #7E877F;}
.menu li.rouge a:hover, .menu li.rouge a.actif {background:url(../../images/fond_menu_on_rouge.png) top left repeat-x; color: #7E877F;}


h1
  {
	padding-top: 15px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #85d0f0;
  }
.trigger h1
  {
	padding-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	color: #85d0f0;
  }
h2, th
  {
	color: #85d0f0;
	font-variant:small-caps;
	margin-bottom: 3px;
	font-size: 14px;
  }
.vert h2, .vert th, .vert label
  {
	color: #bbd15e;
  }
.jaune h2, .jaune th, .jaune label
  {
	color: #ffdf75;
  }
.rouge h2, .rouge th, .rouge label
  {
	color: #f6ad78;
  }
#contenu ul, #contenu ol
  {
	margin-left: 20px;
  }
#contenu ol li
  {
	color: #85d0f0;
	margin-bottom: 7px;
  }
#contenu ul li
  {
	list-style: url(../../images/puce.png);
	margin-bottom: 7px;
  }
#contenu ul.pnp li
  {list-style: url(../../images/puce_pnp.png);}
.vert #contenu ul.pnp li
  {list-style: url(../../images/puce_pnp_vert.png);}
.jaune #contenu ul.pnp li
  {list-style: url(../../images/puce_pnp_jaune.png);}
.rouge #contenu ul.pnp li
  {list-style: url(../../images/puce_pnp_rouge.png);}
.breaker
  {clear: both;}
  
.volet
  {
	display: none;
  }  
.trigger
  {
	padding: 5px 15px;
	width: 150px;
	border-left: 1px solid #ffffff;
	background:url(../../images/fond_menu_off.png) top left repeat-x;
	text-align: center;
	cursor: pointer;
  }
.lastTrigger
  {
	border-right: 1px solid #ffffff;
  }
.trigerList
  {margin-left: 95px; border-collapse: collapse;}
.triggerActif
  {background:url(../../images/fond_menu_on.png) top left repeat-x;}
.vert .triggerActif
  {background:url(../../images/fond_menu_on_vert.png) top left repeat-x;}
.jaune .triggerActif
  {background:url(../../images/fond_menu_on_jaune.png) top left repeat-x;}
.rouge .triggerActif, .rouge .bouton
  {background:url(../../images/fond_menu_on_rouge.png) top left repeat-x;}
.triggerActif strong
  {	color: #7E877F;}
.btb
  {
	border-top: 1px solid #ffffff;
	padding: 15px 40px 0 95px;
  }
.btn
  {
	padding: 15px 40px 0 95px;
  }
table
  {border-collapse: collapse;}
td.alr, th.alr
  {text-align: right; padding-right: 10px;}
.tarifs th, .tabSpe th
  {
	padding: 0 12px 5px 12px;
  }
.jaune .br
  {border-right: 1px solid #ffdf75;}
.jaune .bb
  {border-bottom: 1px solid #ffdf75;}
.rouge .br
  {border-right: 1px solid #f6ad78;}
.rouge .bb
  {border-bottom: 1px solid #f6ad78;}
em
  {padding: 10px 0; display: block; font-size: 11px;}
label em
  {padding: 0; display: inline; font-size: 11px;}
.rouge label em
  {padding: 0; display: inline; font-size: 11px;color: #f6ad78;}
label.wauto
  {width: auto;}
label
  {width: 100px; display:inline-block; font-weight: bold; padding: 2px 3px;}
input, select
  {padding: 2px 5px; width: 300px; color:#7E877F; margin: 2px 0;}
textarea
  {padding: 2px 5px; width: 600px; color:#7E877F; margin: 2px 0; height:100px;}
option
  {color:#7E877F; margin: 0;}
.tarifs td, .tabSpe td
  {
	padding: 5px 10px 0 10px;
  }
form, fieldset
  {
	width: 600px;
	border: none;
  }
.bouton
  {border: none; font-weight: bold; margin: 10px 0; float: right;}
.tarifs
  {width: 520px;}