/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
/* Import des style pour la charte */
@import "charte.css";
/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}
/* STYLE DE LA PAGE CONTACT */
/*
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
*/
.invisible{
	display:none;
}
/*-----------integration--------*/
.color_b{
  color:#cb3c5f;
}
.color_b1{
  color:#fff;
}
#contenuTexte ul.list{
	margin-top:0px;
}
#contenuTexte .list li{
	list-style-type:none;
	background-image:url(../images/charte/pointer.gif);
	background-position: 0px 2px;
  line-height: 18px;
	background-repeat:no-repeat;
	text-align:justify;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 30px;
}
.middle{
  width: 620px;
  float: left;
  padding-left: 100px;
}
.left{
  float: left;
}
.right{
  float: right;
}
#video{
  clear: left;
  float: left;
  width: 340px;
  height: 240px;
  margin-bottom: 10px;
}
#contact_left{
  border-right: 1px solid #7fb7cd;
  padding-right: 20px;
  text-align: left;
  margin-top: 15px;
  margin-bottom :10px;
  float: left;
  width: 220px;
}
.linking:link, .linking:visited{
 	color:#cdcccc;
	text-decoration:underline;
  font-weight: bold;
	font-family: verdana;
}
.linking:hover, .linking:active{
 	color:#ff006b;
	text-decoration:none;
  font-weight: bold;
	font-family: verdana;
}
.title_box{
  background-color: #6c1e39;
  text-align: center;
  font-weight: bolder;
  float: left;
  width: 269px;
  height: 25px;
}
#reference table {
  border: 2px solid #4094d4;
  font-weight: bold;
  width: 267px;
  color: #fff;
  background: #6c1e39;
}
#reference tbody td {
  text-align: center;
}
#reference td {
  color: #000000;
  border: 1px solid #fff;
  padding: 4px;
}
#reference tbody td:hover {
  color: #000;
  background: #4f7fa9;
  border: 1px solid #4094d4;
}
.button_back{
 	background: url(../images/charte/precedente.gif) no-repeat;
  border-width: 0px;
	cursor: pointer;
	width: 88px;
	height: 22px;
}
.button_backover{
	background: url(../images/charte/precedente.jpg) no-repeat;
	border-width: 0px;
	cursor: pointer;
	width: 88px;
	height: 22px;
}
.button_fw{
	background: url(../images/charte/suivante.gif) no-repeat;
	border-width: 0px;
	cursor: pointer;
	width: 88px;
	height: 22px;
}
.button_fwover{
	background: url(../images/charte/suivante.jpg) no-repeat;
	border-width: 0px;
	cursor: pointer;
	width: 88px;
	height: 22px;
}
.menu_color{
  text-decoration:none;
  color:#FFA800;
  background:none;
}
.over{
  text-decoration:none;
  color:#FFA800 !important;
}
 div.slideshow {
  margin: 5px auto;
}
div.slideshow p {
  padding-top: 9px;
}
div.slideshow ul {
  background: #FFF;
  bottom: -35px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;
}
div.slideshow ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 30px;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
  opacity: 1;
}
div.slideshow ul li {
  float: left;
  list-style: none;
}
/*-----------end integration--------*/