/*-----------------
	HTML STYLES 
------------------*/
body {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* �quivaut � 10 pix*/
	background-color: #CAD9EA;
	background-image: url(/img/fond_site.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}
/* �vite d'avoir une bordure quand on met un lien sur un image */
img {
	border: none;
}
form {
	margin: 0;
	padding: 0;
}
a { 
	color:#FF5400;
	text-decoration:underline; 
}
a:hover { text-decoration:none; }

/*--------------------------
	BLOCS TOUTE RUBRIQUE
---------------------------*/
#conteneur { /* OK */
	position: relative;
	width: 776px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header { /* OK */
	background-image: url(/images/fond_header_v2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	/* correction bug IE5 */
	height: 181px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	height: 171px;
}
#header h1 { /* OK */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #6092C4;
	text-align: center;
	font-weight: normal;
	margin: 0px;
}
#submenu { /* OK */
	margin: 0;
	padding: 0;
	background-image: url(/img/fond_submenu.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 14px;
}
#centre { /* OK */
	background-image: url(/img/fond_page2.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0;
	height: 70%;
	overflow: auto;
}
#menu { /* OK */
	background-color: #000000;
	height: 24px;
	margin-left: 8px;
	margin-right: 8px;
	background-image: url(/img/fond_menu.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 160px;
	/* correction bug IE5 */
	width: 760px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	width: 600px;
}
#menu ul { /* OK */
	list-style-type: none;
	margin:0;
	padding:0;
	width: 100%; /* pr�cision pour Opera */
}
#menu li { float: left; }
#menu a { /* OK */
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 20px;
	display: block;
	background-image: url(/img/fond_bt_off.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-top: 4px;
	/* correction bug IE5 */
	height: 24px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	height: 20px;
}
#menu a:hover { /* OK */
	color: #FFFFFF;
	background-image: url(/img/fond_bt_on.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
#contenu {
	padding: 30px;
	padding-top: 40px;
	font-size: 1.1em;
	text-align: justify;
	color: #3F3F3F;
}
#footer { /* OK */
	clear:both;
	background-image: url(/img/fond_footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	padding-right: 8px;
	padding-top: 10px;
	/* correction bug IE5 */
	height: 55px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	height: 45px;
}
#footer-menu {
	color: #FFFFFF;
	float: right;
	background-color: #FF5400;
	background-image: url(/img/fond_footermenu.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 20px;
	padding-right: 20px;
	height: 19px;
	}
	#footer-menu a {
	color: #FFFFFF;
	text-decoration: none;
	}
	#footer-menu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#credits { /* OK */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #749BC2;
	font-weight: normal;
	margin: 0px;
	padding-left: 12px;
	}
	#credits a {
	color: #749BC2;
	text-decoration: none;
	}
	#credits a:hover {
	color: #FF5400;
	text-decoration: none;
}

/*--------------------------
	BLOCS SPECIFIQUES
---------------------------*/

/* ACCUEIL -------*/

#home-gauche {
	float: left;
}
#home-droite {
	float: right;
}
#bloc-acti, #bloc-multiacti  {
	background-color: #F8F8F8;
	border-right: 1px dashed #ADADAD;
	padding: 10px;
	text-align: left;
	/* correction bug IE5 */
	width: 255px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	width: 228px;
}
#bloc-acti {
	margin-top: 20px;
	border-left: 6px solid #235F9C;
}
#bloc-multiacti {
	margin-top: 15px;
	border-left: 6px solid #FF5400;
}

/* PRESATIONS & ASSOCIATION -------*/

#presta-gauche, #asso-gauche {
	float: left;
}
#presta-droite, #asso-droite {
	float: right;
	width: 480px;
	line-height: 17px;
	padding-bottom: 20px;
}
#album-presta img, #album-asso img {
	border: 2px solid #CAD9EA;
	background-color: #CAD9EA;
	}
	#album-presta a:hover img, #album-asso a:hover img {
	border: 2px solid #FF5400;
	background-color: #FF5400;
	Filter: none; /* correction bug IE */
}
.vignette {
	height: 112px;
	width: 112px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	text-align: center;
}

/* CONTACT & LIENS -------*/

#contact-gauche, #liens-gauche {
	float: left;
	width: 225px;
	height: 335px;
	background-image: url(/img/fond_contact.jpg);
	background-repeat: no-repeat;
	padding-top: 16px;
	padding-left: 16px;
	}
	#contact-gauche a {
	color: #FF5400;
	text-decoration: underline;
	}
	#contact-gauche a:hover {
	text-decoration: none;
}
#liens-droite {
	float: right;
	width: 460px;
	}
	#liens-droite a {
	color: #3F3F3F;
	text-decoration: none;
	}
	#liens-droite a:hover {
	color: #FF5400;
	text-decoration: none;
}
#contact-droite {
	float: right;
	width: 460px;
	}
	#contact-droite a {
	color: #FF5400;
	text-decoration: underline;
	}
	#contact-droite a:hover {
	text-decoration: none;
}

/*----------------------
	MISE EN FORME  
------------------------*/

/* PAGE D'ACCUEIL -------*/

#bloc-multiacti h2{
	margin: 0;
	padding: 0;
	padding-left: 0px;
	height: 21px;
	width: 171px;
	background-image: url(/images/titre_sejours.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 6px;
}
#home-droite ul {
	margin: 0;
	padding: 0;
	list-style-image: url(/images/puce1.gif);
	list-style-type: none;
	padding-left: 15px;
	font-weight: bold;
	}
	#home-droite ul a {
	color: #3F3F3F;
	text-decoration: underline;
	}
	#home-droite ul a:hover {
	color: #FF5400;
	text-decoration: underline;
}
#bloc-multiacti a {
	font-size: 0.9em;
	color: #FF5400;
	text-decoration: underline;
}
#bloc-multiacti a:hover {
	text-decoration: none;
}

/* PRESTATIONS -------*/

#presta-gauche h2{
	margin: 0;
	padding: 0;
	padding-left: 0px;
	height: 26px;
	width: 198px;
	background-image: url(/img/titre_prestations.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 0px;
}
#menu-presta, #menu-asso  {
	text-align: left;
	background-color: #F8F8F8;
	margin-top: 0px;
	border-left: 6px solid #FF5400;
	border-right: 1px dashed #ADADAD;
	padding: 10px;
	/* correction bug IE5 */
	width: 198px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	width: 171px;
	}
	#menu-presta a, #menu-asso a {
	color: #3F3F3F;
	text-decoration: none;
	padding-left: 9px;
	background-image: url(/img/fleche_orange2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	#menu-presta a:hover, #menu-asso a:hover {
	color: #FF5400;
	text-decoration: underline;
}

#presta-droite h3, #asso-droite h3 {
	color: #FF5400;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#presta-droite h4, #asso-droite h4 {
	color: #FF5400;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

#references {
	background-color: #F8F8F8;
	margin-top: 0px;
	border-left: 6px solid #235F9C;
	border-right: 1px dashed #ADADAD;
	margin-top: 20px;
	padding: 10px;
	text-align: justify;
	/*font-size: 0.9em;*/
	}
	#references a {
	color: #3F3F3F;
	text-decoration: underline;
	}
	#references a:hover {
	color: #FF5400;
	text-decoration: underline;
}

/* ASSOCIATION -------*/

#asso-gauche h2{
	margin: 0;
	padding: 0;
	padding-left: 0px;
	height: 26px;
	width: 198px;
	background-image: url(/img/titre_asso.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 0px;
}
.date-news {
	color: #FF5400;
}
.titre-news {
	font-weight: bold;
}
.lien-news a {
	color: #FF5400;
	font-size: 0.9em;
	text-decoration: underline;
	}
	.lien-news a:hover {
	text-decoration: none;
}
.pagination {
	font-size: 1em;
	color: #FF5400;
	padding-top: 8px;
	border-top: 1px dashed #ADADAD;
	}
	.pagination a {
	color: #FF5400;
	text-decoration: underline;
}
#menu-album {
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	border-top: 1px dashed #ADADAD;
	border-bottom: 1px dashed #ADADAD;
}
#album-asso {
	padding-top: 16px;
}
.liste-album {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3F3F3F;
}
#partenaire {
	margin: 0;
	padding: 0;
	text-align: justify;
	}
	#partenaire .detail {
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ADADAD;
	}
	#partenaire .detail h5 {
	margin:0; padding:0;
	font-weight: normal;
	color: #FF5400;
	font-size: 11px;
	}
	#partenaire .detail h5 a {
	color: #FF5400;
	text-decoration: underline;
	}
	#partenaire .detail h5 a:hover {
	text-decoration: none;
	}
	#partenaire .detail img {
	border: 2px solid #CAD9EA;
	background-color: #CAD9EA;
	float: left;
	margin: 0 5px 0 0;
	}
	#partenaire .detail a:hover img {
	border: 2px solid #FF5400;
	background-color: #FF5400;
	Filter: none; /* correction bug IE */
}

/* CONTACT ----------*/

#contact-gauche h2, #liens-gauche h2 {
	color: #FF5400;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
}

label {
	display: none;
}
label.v {
	display: inline;
}
input.t, input.tr, textarea {
	background-color: #F8F8F8;
	border: none;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3F3F3F;
	margin-bottom: 0.2em;
	padding: 4px 3px 0 5px;
	border-left: 6px solid #D2D2D2;
	border-right: 1px dashed #ADADAD;
}
input.t:focus, textarea:focus {
	background-color: #EDF2F8;
	border-left: 6px solid #235F9C;
	border-right: 1px dashed #ADADAD;
	color: #235F9C;
}
input.t, input.tr {
	height: 1.5em;
}
input.tr, textarea.tr {
	border-left: 6px solid #FF5400;
	border-right: 1px dashed #ADADAD;
}
input.tr:focus, textarea.tr:focus {
	border-left: 6px solid #235F9C;
	border-right: 1px dashed #ADADAD;
	background-color: #EDF2F8;
	color: #235F9C;
}
textarea#message {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input#buttonSend {
	width:460px;
	height:28px;
	margin:0px;
	margin-left:0;
	background:url(/img/bt_envoyer.gif) no-repeat left top;
	display:block;
	margin-bottom: 30px;
	margin-top: 0px;
}
input#buttonSend:hover {
	background-position:left bottom;
}

/* LIENS -----------------*/

.cat-lien {
	color: #FF5400;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 16px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #ADADAD;
}

/* TOUTES RUBRIQUES -----------*/

.hide	{
	display: none;
}
.orange {
	color: #FF5400;
}
.spacer {
	clear: both;
}
hr {
  clear: both;
  visibility: hidden;
  margin:0;
  padding: 0;
}
.cleaner {
	clear:both;
	margin:0; padding:0;
	height:0px;
	border:none;
	font-size:1px;
	line-height:1;
	visibility:hidden;
}