hr {
  border-width: 0;
  border-bottom: 1px dotted #999999;
}

h1 {
  font-weight:normal;
  font-style:normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #000000;
  height: 17px;
  padding: 10px 20px;
  margin:1px 0;
}

.institut h1, div.institut h4 {background-image: url("../media/images/bg_institut.jpg");}
.cours h1, div.cours h4 {background-image: url("../media/images/bg_cours.jpg");}
.hebergement h1, div.hebergement h4 {background-image: url("../media/images/bg_heberg.jpg");}
.activites h1, div.activites h4 {background-image: url("../media/images/bg_activites.jpg");}
.contact h1, div.contact h4 {background-image: url("../media/images/bg_contact.jpg");}

.notice h2 {
  color:#FFFFFF;
}
h2 {
  font-weight:normal;
  font-style:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	color: #2f4b57;
	line-height: 20px;
	text-align: justify;
  padding:0;
  margin:0;
  width:99%;
}

h3 {
  font-weight:normal;
  font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
  margin-top: 0;
  padding: 10px 0;
  border-bottom: 1px dotted #999999;
  border-top: 1px dotted #999999;
}

div.institut h3 {color:#89b03b;}
div.cours h3 {color:#ac97c7;}
div.hebergement h3 {color:#cc9900;}
div.activites h3 {color:#cc6633;}
div.contact h3 {color:#3366cc;}
div.home h3 {color:#bf5434;border-top: 1px dotted #999999;padding-top:4px;}

h4 {
  /*margin-top: 0;
  font-weight:normal;
  font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
  height: 17px;
  padding: 10px 20px;*/
  font-size:11px;
  font-style:italic;
  font-weight:bold;
}

div.institut h4 {color:#89b03b;}
div.cours h4 {color:#ac97c7;}
div.heberg h4 {color:#cc9900;}
div.activites h4 {color:#cc6633;}
div.contact h4 {color:#3366cc;}
div.home h4 {color:#BF5434;}

h5 {
  color:#BF5434;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  line-height:18px;
  text-align:center;
}

#content li {
	list-style-type: none;
	padding-left: 0px;
	list-style-position: inside;
}

div.home li {	
  list-style-image: url("../media/images/puce.gif");
}

div.cours li {	
  list-style-image: url("../media/images/puce_cours.gif");
}

.crossfadebox {
	border:1px solid #000000;
	clear:both;
  vertical-align:bottom;
  width:336px;
  height:300px;
}

.crossfadebox ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

.crossfadebox li {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFF;
	visibility: hidden;
	list-style-image: none;
}

.crossfadebox li img {
	display: block;
}

.crossfadebox .caption {
	clear: both;
	padding: 1em;
	background-color: #FFF;
}

.controls {
  width:336px;
  height:300px;
}

.crossfadebox .fade-next {
	z-index: 500;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #000000;
	clear:both;
  position: relative;
	left: 84%;
	top: 93%;
}

.crossfadebox .fade-previous {
	z-index: 500;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #000000;
	clear:both;
  position: relative;
	left: 10%;
	top: 93%;
}

#content p {text-align: justify;}

.tableau td, .tableau th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 15px;
  height:40px;
  text-align:center;
  border:1px solid white;
  vertical-align:middle;
}

.tableau th {height:25px;text-align:center;}

div.cours .light {background-color: #cec0df;}
div.cours .darker {background-color: #ac97c7;}
div.heberg .light {background-color: #ffcc33;}
div.heberg .darker {background-color: #cc9900;}

#homelayout {
  width:100%;
  border-collapse: collapse;
  border-spacing:0;
  border-width:0;
  padding:0;
  margin:0;
}

#homelayout td {
  vertical-align:top;
  border-width:0;
  padding:0;
  margin:0;
}

td.homecol2 {
  width:310px;
}

#homelayout div {
  margin-top:1px;
  overflow:auto;
}

#gazette div {
  height : auto;
}

td.homecol2 div {
  margin-left:1px;
}

#util {
	background-image: url("../media/images/bg_utile.jpg");
  height:129px;
}

#util h1, #gazette h1, #plus h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
  margin:0;
  padding:20px 0 5px 10px;
}

#util ul {
  padding-top:0;
  margin-top:0;
  padding-right:0;
  margin-right:0;
}

#util li {
  display:block;
  float:left;
  width:180px;
  height:25px;
  padding-left:20px;
	background-image: url("../media/images/check.gif");
  background-repeat: no-repeat;
  background-position: center left;
}

#util a:link {color:#FFFFFF; text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
#util a:visited {color:#FFFFFF; text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
#util a:hover {color:#FFFFFF; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
#util a:active {color:#FFFFFF; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}

#offers {
  background-color : #015FBD;
  background-image : url("../media/images/special-offers.jpg");
  background-repeat : repeat-y;
  background-position : top right;
  display:block;
  padding:1px 0 11px;
}

#col-righ #offers {
  background-color : #993a1a;
  background-image : url("../media/images/special-offers-lp.jpg");
  padding:1px 0 21px;
}

#offers .offers-title {
	 color : #ffffff;
	 text-transform : uppercase;
	 font-size : 16px;
   padding : 0 90px 0 20px;
   line-height : 20px;
   display : block;
   margin-bottom : 5px;
}

#offers a.offers-link {
   margin-left : 20px;
   background-color : #a2c4dd;
   display : block;
   width : 170px;
   height : 25px;
   line-height : 25px;
   font-size : 13px;
   text-align : center;
   text-decoration : none;
   color : #024498;
   background: url("../media/images/offers-link.png") repeat-x 0 0;
}

#col-righ a.offers-link {
  background : none;
}

.offer-text {
	 padding-bottom : 15px;
}

#offers a.offers-link:hover, #offers a.offers-link:focus, #offers a.offers-link:active {
   text-decoration : underline;
}

#gazette {
  background-color:#CBC5AB;
	background-image: url("../media/images/bg_gazette.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  padding: 10px;
}

#gazette h1 {
  margin-bottom:40px;
}

#gazette .titre {
  color:#BF5434;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
}

#gazette a {
  color:#000000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  padding-left: 20px;
	background-image: url("../media/images/fleche_news.jpg");
  background-repeat: no-repeat;
  background-position: center left;
  float:right;
}

#gazette img {
  float:left;
  border:1px solid #555555;
  margin-right:10px;
}

#equals {
  border-left:1px solid #ABBBCB;
  padding: 0 10px 10px;
}

#equals p{
	margin-left: 1px;
	margin-right: 1px;
}

.gazette_content {
  color: #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  line-height: 18px;
  text-align: justify;
}

#plus {
  background-color:#ABBBCB;
  padding: 10px 10px 10px 0;
}

#plus ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 17px;
	text-align: left;
}

#plus li {
	list-style-type: none;
	padding-left: 0px;
	list-style-image: url("../media/images/puce_plus.gif");
	list-style-position: outside;
}

input[type="submit"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	border-top-color: #dfdfdf;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #dfdfdf;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 2px;
	height: 23px;
  margin: 2px;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	border-top-color: #dfdfdf;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #dfdfdf;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 2px;
  margin: 2px;
  vertical-align:middle; 
}

.compulsory {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	line-height: 18px;
	text-align: justify;
  padding: 0 5px;
}

.inline_list li {
  display:inline;
}

#registration_form {
  background-color: #CEC0DF;
  border:   1px #AC97C7 solid;
  margin: 0 20px;
  padding: 5px 30px;
  line-height:25px;
  letter-spacing: 0.1em;
}

#registration_form fieldset {
  border:   1px #AC97C7 solid;
  padding: 5px 40px 5px 30px;
  margin: 10px;
}

#registration_form legend {
  font-weight: bold;
  background-color: #AC97C7;
  padding: 0 10px;
  margin:0;
}

#registration_form .question {
  font-weight: bold;
}

#registration_form div{
  clear:both;
	overflow:auto;
}

#registration_form ul{
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;
  display:inline;
}

#registration_form li{
	margin:0 10px;
}

#registration_form .right {
  float:right;  
  width:400px;
}

#registration_form textarea {
  height:60px;
}

.flash-error {color:#CC0000;}

.form_error { 
  display:inline;
  font-weight:bold;
  color:#CC0000;
  padding: 0 5px;
  line-height:14px;
}

.page-ja .form_error {
  font-size : 0.8em;
}

.program {
  clear:both;
}



.programItem {
  width:336px;
  float:left;
  padding:0 60px;
  height:450px;
}

.programItem p {
  padding-bottom:10px;
  border-bottom: 1px dotted #999999;
}

.programItem img {
  border:1px solid #000000;
  margin-bottom:10px;
  width:336px;
  height:252px;
}

.offerItem {
  clear : both;
}

.offerItem .figure {
  float : left;
  margin-bottom:4em;
  margin-right:10px;
  border:1px solid #000000;
}

a:link, a:visited {
  color:#000000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  text-decoration:underline;
}
a:hover{
  text-decoration:none;
}

.darker_yellow {
	background-color:#CC9900;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:15px;
}
.light_yellow {
	background-color:#FFCC33;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:15px;
}
.darker_violet {
	background-color:#AC97C7;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:15px;
}
.light_violet {
	background-color:#CEC0DF;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:15px;
}

a.offer-link, a.offer-link:link, a.offer-link:visited {
  color: #ff0000; 
  font-size: 150%; 
  font-weight: bolder; 
  float: right;
}


.bleu-vif {
  color:#0000ff;
}

.rouge-vif {
  color:#ff0000;
}

.marron {
  color : #BF5434;
}

.vert {
  color : #89B03B;
}

.violet {
  color : #AC97C7;
}

.jaune {
  color : #CC9900;
}

.orange {
  color:#CC6633;
}

.bleu {
  color:#3366CC;
}