/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	background-color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;	
}
img { border: none; }
a {
	color: #00F;
	text-decoration: underline;
}
ul {
	padding: 0;
	margin: 0;
	list-style:none;
}

/* Header */

#header {
	background-color: #8C1A56;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	height: 137px;
	width: 100%;	
}
#header .content{
	height: 137px;
	width: 990px;
	margin: 0 auto;
}

/* Menu principal */

#menu {
	background-color: #747378;
	background-image: url(../images/menu_bg.gif);
	background-repeat: repeat-x;
	height: 25px;
	width: 100%;
}
#menu .content{
	height: 25px;
	width: 930px;
	margin: 0 auto;
	padding: 0 80px;
}
#menu ul {}
#menu li { float: left; }
#menu li a {
	color: #FFF;
	font-weight:bold;
	text-decoration: none;
	border-right: 1px solid #999;
	padding:3px 12px;
	float:left;

}
#menu li a:hover, #menu li a.active {
	color: #9F005C;
	background: #FFF;
}
#menu li a.last { border: none; }

/* Page */

#page {
	background-image: url(../images/page_bg.gif);
	background-repeat: repeat-y;
	min-height: 500px;
	width: 930px;
	margin: 0 auto;
	padding: 0 30px;
	text-align:left;	
}
#page .content {}
#page #animswf { margin-bottom: 20px; }
.hdp { margin: 0 0 10px 10px; }
.hdp a {
	font-weight: bold;
	color: #8C1A56;
	text-decoration: none;
}
.hdp a:hover { text-decoration: underline; }

/* Pied de page */

#footer {
	background-image: url(../images/page_bg.gif);
	background-repeat: repeat-y;
	height: 218px;
	width: 960px;
	margin: 0 auto;
	padding: 0 15px;
	text-align:left;
	font-size: 11px;
	line-height: 1.2em;	
}
#footer .content {
	background-color: #ECECF0;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	height: 188px;
	padding: 15px;
}
#footer ul {}
#footer li {
	float: left;
	padding: 0 15px;
}
#footer .col-1 { width:100px; }
#footer .col-2 { width:200px; }
#footer .col-3 { width:220px; }
#footer .col-4 { width:280px; }
#footer .sep { width:2px; padding:0; }
#footer a { color:#B91976; text-decoration:underline; }
#footer address { font-style:normal }
#footer .tags { padding:5px; background:#FBFBFC; line-height:1.3em; }
#footer .tags a { text-decoration:none; color:#333; }
#footer .tags a:hover { text-decoration:underline; }

/* Page d'accueil */

#home { padding-bottom: 20px; }
#home ul {}
#home li { float: left; }
#home .col-1 { width:230px; margin-right:30px; }
#home .col-2 { width:310px; margin-right:30px; }
#home .col-3 { width:310px; }

.bloc-info {
	background: #8C1A56;
	font-size: 13px;
	color: #FFF;
}
.bloc-info .top {
	background-image: url(../images/home_actu_top.gif);
	height: 60px;
	width: 230px;
}
.bloc-info .content {
	margin: 35px 5px;
	background-image: url(../images/puce2.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 5px;
}
.bloc-info .bottom {
	background-image: url(../images/home_actu_bottom.gif);
	height: 5px;
	width: 230px;
}
.bloc-info h2 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-weight: normal;
	font-size: 13px;
	margin: 0;
}
.bloc-info h2 a {
	color: #FF0;
	text-decoration: underline;
}
.bloc-info .savoirplus {
	text-align: right;
}
.bloc-accueil {
	width: 310px;
	margin-bottom: 20px;
}
.bloc-accueil .bloc-titre {
 	height: 25px;
}
.bloc-accueil .bloc-image {
	border-left: 1px dashed #8C1A56;
	border-right: 1px dashed #8C1A56;
}
.bloc-accueil .bloc-texte {
	border: 1px dashed #8C1A56;
	border-top: none;
	height: 120px;
	position: relative;
}
.bloc-accueil h1 {
	padding: 0 10px 0 30px;
	font-size: 18px;
	font-style: italic;
	line-height: 1.5em;
	font-weight: bold;
	color: #888D3C;
	margin: 0;
}
.bloc-accueil .paragraphe {
	padding: 5px 10px 5px 30px;
	background-image: url(../images/puce1.gif);
	background-repeat: no-repeat;
	background-position: 12px 10px;
}
.bloc-accueil .paragraphe a {
	color: #333;
	text-decoration: none;
}
.bloc-accueil .paragraphe a:hover { text-decoration: underline; }
.bloc-accueil .savoirplus {
	position: absolute;
	padding: 5px 10px 5px 30px;
	bottom: 0px;	
}
.bloc-accueil .illustration { text-align: center; }
.bloc-noussituer {}
.bloc-noussituer .bloc-texte { height:230px; }
.bloc-nouscontacter {}
.bloc-nouscontacter .bloc-texte { height:230px; }
.bloc-hebergementper {}
.bloc-hebergementper {} .bloc-texte { }
.bloc-noussituer {}
.bloc-noussituer .bloc-texte { height:275px; }

/* Actualités */
#col-set { padding-bottom: 20px; }
#col-set ul {}
#col-set li { float: left; }
#col-set .col-1 { width:230px; margin-right:30px; }
#col-set .col-2 { width:415px; margin-right:30px; }
#col-set .col-3 { width:205px; }

.bloc-gauche {}

.bloc-centre {}
.bloc-centre .bloc-titre {}
.bloc-centre .bloc-boutons { margin: 20px 0 20px 10px;}
.bloc-centre h1 {
	font-size: 22px;
	line-height: 1.2em;
	font-weight: bold;
	color: #8B9041;
	margin: 0 0 10px 10px;
}
.bloc-centre h2 {
	font-size: 22px;
	font-style: italic;
	line-height: 1.2em;
	font-weight: normal;
	color: #8B9041;
	margin: 0 0 10px 10px;
}
.bloc-centre h3 {
	font-size: 17px;
	line-height: 1.2em;
	font-weight: normal;
	color: #333;
	margin: 0 0 10px 10px;
}
.bloc-centre .bloc-texte {
	padding-left: 15px; 
	margin-bottom: 20px;
	background-image: url(../images/puce3.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.bloc-centre .bloc-carte {
	text-align: center;
	margin: 10px 0 20px 20px;	
}
.bloc-centre .pdf { padding-left:20px; background:url(../images/file_acrobat.gif) 0 0 no-repeat; }

.bloc-droite {}
.bloc-droite .bloc-texte {
	padding: 5px 5px 5px 20px;
	background-image: url(../images/puce1.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	margin-bottom:10px;
}
.bloc-droite .bloc-texte a { color:#333; text-decoration:none; }
.bloc-droite .bloc-texte a:hover { text-decoration:underline; }
.bloc-centre address {
	font-size: 14px;
	font-style: normal;
	line-height: 1.5em;
	color: #333;
	margin: 0 0 20px 10px;
}
.bloc-centre address a {
	font-size: 12px;
}

/* Qui sommes nous */

.bloc-centre .bloc-image {
  margin: 0 0 20px 10px;
  border: none;
  width: 100%
}
.bloc-centre .bloc-image td { text-align: center; width:50%; }

/* Hebergement temporaire */

.page-hebergementemp {}
.page-hebergementemp .bloc-image { background:#8C1A56; }
.page-hebergementemp .bloc-image td { padding:10px; color:#fff; }
.page-hebergementemp .bloc-image a { color:#fff; text-decoration:underline; font-weight:bold; }

.bloc-temoignages { margin-bottom:20px; }
.bloc-temoignages .bloc-titre {}
.bloc-temoignages .bloc-texte {
	background: #8C1A56;
	font-size: 12px;
	line-height: 1.2em;
	color: #CCC;
	padding:10px;
}
.bloc-temoignages h4 {
	font-size: 16px;
	line-height: 1.2em;
	font-weight: bold;
	color: #FFF;
	margin: 0 0 5px 0;
}
.bloc-temoignages .image { text-align:center; margin-bottom:10px; }
.bloc-temoignages .paragraphe { margin-bottom:10px; }
.bloc-temoignages .guillemets_gauche {
	float:left;
	width:40px;
	height:30px;
	background-image: url(../images/guillemets_gauche.gif);
	background-repeat: no-repeat;
	margin-right: 5px;
}
.bloc-temoignages .guillemets_droite {
	float:right;
	width:40px;
	height:30px;
	background-image: url(../images/guillemets_droite.gif);
	background-repeat: no-repeat;
}

/* Accueil de jour */

.page-accueildejour {}
.page-accueildejour .bloc-image { background:#8C1A56; }
.page-accueildejour .bloc-image td { padding:10px; color:#fff; }
.page-accueildejour .bloc-image a { color:#fff; text-decoration:underline; font-weight:bold; }

/* Nous contacter */
.page-nouscontacter {}
.page-nouscontacter .contacts { width:415px; margin-bottom:50px; }
.page-nouscontacter .contacts td { font-size:12px; width:50%; vertical-align:top; line-height:1.2em; }
.page-nouscontacter .contacts img {	vertical-align:middle; margin-right:10px;}
.page-nouscontacter .contacts a { font-size:13px; }
.page-nouscontacter .contacts .phone { font-weight:bold; color:#8C1A56; font-size:14px; }
.page-nouscontacter .contacts h4 { color:#8B9041; font-weight:bold; font-style:italic; font-size:15px; margin:0; }
.page-nouscontacter .contacts .col1 { padding-right:5px; }
.page-nouscontacter form { margin:0; }
.page-nouscontacter .formulaire { width:100%; margin: 0 0 30px 10px; }
.page-nouscontacter .formulaire td { vertical-align:top; padding:5px; }
.page-nouscontacter .field { border: 1px solid #999; padding:2px; font-size:11px; }
.page-nouscontacter .fielderror { border: 1px solid #FF0; padding:2px; font-size:11px; background: #FFC; }
.page-nouscontacter .button { border: none; color:#fff; background:#8C1A56; font-size:12px; cursor:pointer; padding:2px; }
.page-nouscontacter h2 { border-bottom:1px dashed #8C1A56; }
.page-nouscontacter h3 { border-top:1px dashed #8C1A56; color:#8B9041; font-weight:bold; font-style:italic; font-size:22px; padding:5px 0; }
.page-nouscontacter #formulaire { display:none; }
.page-nouscontacter .bloc-ecrire { 
	padding:5px 5px 5px 20px;  
	margin-bottom: 20px;
	background: url(../images/puce3.gif) 5px 10px no-repeat;
	border: 1px dashed #8C1A56;
}

#formwrapper { text-align:left; width:550px; }
#formwrapper h3 { border-bottom:1px dashed #8C1A56; color:#8B9041; font-weight:bold; font-style:italic; font-size:22px; padding:5px 0; }
#formwrapper form { margin:0; }
#formwrapper .formulaire { margin: 0 0 30px 10px; }
#formwrapper .formulaire td { vertical-align:top; padding:5px; }
#formwrapper .field { border: 1px solid #999; padding:2px; font-size:11px; }
#formwrapper .fielderror { border: 1px solid #FF0; padding:2px; font-size:11px; background: #FFC; }
#formwrapper .button { border: none; color:#fff; background:#8C1A56; font-size:12px; cursor:pointer; padding:2px; }

.warning {
	border: 1px solid #FF0;
	background-color: #FFC;
	padding: 10px;
	margin-bottom: 10px;
}
.ok {
	border: 1px solid #3C0;
	background-color: #6F9;
	text-align: left;
	padding: 10px;
	margin-bottom: 10px;
}
.error {
	border: 1px solid #F00;
	background-color: #FCC;
	padding: 10px;
	margin-bottom: 10px;
}
.captchapict
{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border: 1px solid #999;
}
input.captcha { border: 1px solid #999; padding:2px; font-size:11px; }
.valid{ border:1px solid green !important; background-color:#B2FFE0!important; background-image:none!important; }
.invalid{ border:1px dashed #F00 !important; background-color:#FFE5E5!important; background-image:none!important; }