strong {
  font-weight: 900;
}
em {
  font-style: italic;
}
sup {
  font-size: .7em;
  vertical-align: super;
}
abbr, acronym {
  cursor: help;
  border-bottom: 1px dotted black;
}
abbr {
  text-transform: capitalize;
}
acronym {
  text-transform: uppercase;
}
label, button {
  cursor: pointer;
}

a:link, a:visited {color: #ffffff; text-decoration: none;}
a:hover, a:active {color: #fbad1d; text-decoration: none;}

/* en general */

html {
  font-size: 100%;
  padding:0;
  margin:0;
	min-height: 100%;
	height: 100%;
}

body {
  background: #000000;
  font-family:  'Trebuchet MS', 'Lucida Sans', arial, tahoma, verdana, helvetica,'Bitstream Vera sans', sans-serif;
  font-size: 75%;
  padding:0;
  margin:0;
  color: #000000;
	min-height: 100%;
	height: 100%;
	text-align: center;
}
.clear {
  clear:both;
  visibility: hidden;
}
.left {
  float: left;
}
.right {
  float: right;
}


/* All */

#all{
	width: 970px;
	height: 699px;
	margin : 0 auto;
	background: #000000 url(bg_ct.jpg) no-repeat center bottom;
	padding-top: 10px;
}

#multilangue{
	position: absolute;
	top: 40px;
	left: 60px;
}

#multilangue a{
	color: #990000;
}

#multilangue a:hover{
	color: #ffffff;
}

/* header */


#header{
	height: 120px;
	background: transparent url(header.jpg) no-repeat left bottom;
	position: relative;
}

/* footer */

p.footer{
  width: 900px;
  margin: 10px auto;
  color:#ffffff;
}



/* menu */


#menu{
	height: 130px;
	background: transparent url(nav.jpg) no-repeat left top;
}
#menu li{
	float:right;
}
#menu li, #menu li a{
	display: block;
	height:130px;
	overflow: hidden;
	line-height: 5000;
}
.acc{
	width: 150px;
}
.acc:hover{
	background: transparent url(acc_o.jpg) no-repeat center top;
}
.clik .acc, .acc:active{
	background: transparent url(acc_c.jpg) no-repeat center top;
}
.act{
	width: 175px;
}
.act:hover{
	background: transparent url(act_o.jpg) no-repeat center top;
}
.clik .act, .act:active{
	background: transparent url(act_c.jpg) no-repeat center top;
}
.ch{
	width: 160px;
}
.ch:hover{
	background: transparent url(ch_o.jpg) no-repeat center top;
}
.clik .ch, .ch:active{
	background: transparent url(ch_c.jpg) no-repeat center top;
}
.diapo{
	width: 160px;
}
.diapo:hover{
	background: transparent url(diapo_o.jpg) no-repeat center top;
}
.clik .diapo, .diapo:active{
	background: transparent url(diapo_c.jpg) no-repeat center top;
}
.contact{
	width: 178px;
}
.contact:hover{
	background: transparent url(contact_o.jpg) no-repeat center top;
}
.clik .contact, .contact:active{
	background: transparent url(contact_c.jpg) no-repeat center top;
}





/* contenu */

#content{
	height: 429px;
	width:900px;
	padding: 10px 35px;
}

/* Spécial page accueil */

#contentleft{
	width: 540px;
	margin-right:20px;
	float:left;
	text-align: right;
	position:relative;
}
#contentleft p.img{
  width: 540px;
  text-align: right;
}
#contentleft p.nav{
  width: 530px;
  padding-right: 10px;
  text-align: right;
  height: 53px;
}
#contentleft a{
  color: #ffffff;
  font-size: 1.2em;
}
#contentleft a:hover{
  font-size: 1.5em;}
#contentleft a.click{
  color: #faad1f;
  font-size: 1.8em;
}
#contentright{
	width: 300px;
	padding: 0 10px;
  margin-right: 0px !important;
  margin-right: 30px;
	float:left;
	color: white;
	text-align: justify;
	overflow:auto;
	height: 429px;
}
#contentright h2{
	text-align: center;
	padding: 10px;
	color: #ffcc00;
	font-size: 1.7em;
	
}
#contentright p:first-letter{
	font-size: 3em;
	color: #ffcc00;
	text-transform: uppercase;
	font-family: monotype Corsiva;
}

#contentright p{
	font-size: 1.1em;
	padding:0;
	margin:0 !important;
	margin:0 0 10px 0;
}

/* Spécial activité */
#contentleftact{
	width: 180px;
	float:left;
	text-align: right;
	position:relative;
}
#contentleftact p.nav{
  position: absolute;
  left: 0;
  top:0;
  width: 200px;
  text-align: right;
  margin-top: 30px;
  padding-right: 30px;
  border-right: 2px solid #faad1f;
  margin-right:30px;
}
#contentleftact a{
  color: #ffffff;
  font-size: 1.1em;
}
#contentleftact a:hover{
  font-size: 1.5em;}
#contentleftact a.click{
  color: #faad1f;
  font-size: 1.6em;
}
#contentrightact{
	width: 580px;
	margin-right: 60px;
	padding: 10px;
	float:right;
	color: white;
	text-align: justify;
	overflow:auto;
  margin-top: 15px;
	height: 190px;
}
#contentrightact p:first-letter{
	font-size: 3em;
	color: #ffcc00;
	text-transform: uppercase;
	font-family: monotype Corsiva;
}
#imgact{
  height: 172px;
}
#imgact img{
  border:1px solid #000000;
  border-left:10px solid #000000;
  border-right:10px solid #000000;
  margin-left:20px;
}
/* Spécial chote */
#contentleftch{
	width: 280px;
	padding-left: 40px;
	float:left;
	position:relative;
	color: white;
	text-align: justify;
}
#contentleftch p.nav{
  padding-top: 6px;
  width: 280px;
  text-align: right;
  height: 60px;
  height:90px;
}
#contentleftch a{
  color: #ffffff;
  font-size: 1.1em;
}
#contentleftch a:hover{
  font-size: 1.5em;}
#contentleftch a.click{
  color: #faad1f;
  font-size: 1.6em;
}
#contentrightch{
	width: 560px;
	padding: 10px;
	height: 160px;
	float:right;
}
#contentttt p:first-letter{
	font-size: 3em;
	text-transform: uppercase;
	font-family: monotype Corsiva;
  color: #faad1f;
}
#contentttt{
  height:300px;
  overflow: auto;
  
}
/* Diaporama */
#contentleftdiapo{
	width: 230px;
	padding: 30px;
	padding-left: 60px;
	float:left;
	position:relative;
	color: white;
	text-align: justify;
	overflow: auto;
	height: 390px;
}
#contentleftdiapo a{
  height: 30px;
  width: 30px;
  margin:0 0 10px 10px;
  border: 2px solid #000000;
  float:left;
}


#diapo{
  text-align: center;
  display:block;
}

.image{
  width: 520px;
  height: 335px;
  text-align: center;
  margin: 0 auto;
}

.image img{
  border: 1px solid #000000;
  background-color: #000000;
  padding:0 9px;
}

.navbar{
  height: 27px;
  width:497px;
  text-align: right;
  background-color: #000000;
  margin:10px auto 0 auto;
  padding:0 10px 0 15px;
}
/* ...*/

a.nextbtn{
  color: #faad1f !important;
  font-size: 1.6em !important;
}
a.nextbtn:hover{
  color: #ffffff !important;
  font-size: 1.6em !important;
}


/* Formulaire */
form ul.form{
	width: 100%;
}

form ul.form li{
	padding-left: 15%;
	margin-top: 10px;
	overflow: hidden;
	padding-right: 15%;
}

form ul.form li label {
	width: 29%;
	display: block;
	float: left;
}

form ul.form li textarea, form ul.form li input {
	width: 69%;
	display: block;
	float: right;
}

form ul.form li textarea:focus, form ul.form li input:focus {
border-color: rgb(255,102,0);
}

form ul.form li textarea{
	height: 250px;
}

form ul.form li textarea.adresse{
	height: 100px;
}

/*ajouts de julien*/

#contentleftch a.tarifs{
	color:#FBAD1D;
	font-size:1.5em;
}

#contentleftch a.tarifs:hover{
	color:#FFFFFF;
}

div#tarif{
	margin-top:1em;
	text-align:right;
}