/***************** éléments pas défaut *****************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.63em;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	line-height:1.3em;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	background-image:url(../images/bg_body.jpg);
	background-position:50% 0%;
	background-repeat:repeat-x;
}


form {
	margin:0;
	padding:0;
}

img {
	border:medium none;
}

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

h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 10px 10px 5px 20px;
	color: #FFFFFF;
	background-color: #FF6600;
}
h2 {
	font-size: 1em;
	font-weight: bold;
	color:#FF6600;
	padding:20px 10px 0 15px;
	margin: 0px 0 10px 0;
	height: 20px;
	background-image:url(../images/bg_h2.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	clear: both;
}

h3 {
	background-image:url(../images/puce.gif);
	background-position:left center;
	background-repeat:no-repeat;
	clear:both;
	color:#ff6600;
	font-size:1.3em;
	font-weight:bold;
	margin:10px 0;
	padding:0 0 2px 10px;
}

hr {
	height: 1px;
	background-color: #CCCCCC;
	color: #CCCCCC;
	border: none;
	margin: 5px 0;
	clear:both;
}

p {
	margin: 5px;
}

ul {
	margin:0;
	padding:0;
}
li {
	margin: 5px 0 5px 20px;
	padding: 0 0 0 12px;
	list-style-type: none;
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

input {
	font-size: 0.85em;
	border: 1px solid #D8D8D8;
	padding: 2px;
	margin-right:5px;
}
input.btn {
	background-color: #EDEDED;
	color: #FF6600;
	font-weight: bold;
	cursor:pointer;
}
input.btn:hover {
	border: 1px solid #C0C0C0;
}
select {
	font-size: 0.85em;
	border: 1px solid #D8D8D8;
	margin-right:5px;
}


/******************** principales div *******************************/

#maccontainer {
	margin: 0 auto 0 auto;
	width: 990px;
	background-image:url(../images/bg_container.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#header {
	height: 100px;
	margin: 0 0 15px 0;
}

#col_gauche {
	width: 170px;
	float: left;
}

#col_centre {
	width: 620px;
	margin: 0 15px 0 15px;
	float: left;
	text-align: justify;
}

#col_droite {
	width: 170px;
	float: right;
}

#footer {
	width: 620px;
	margin: 0 0 0 185px;
	padding: 20px 0 30px 0;
	clear: both;
	color: #666666;
}
#footer a:link, #footer a:visited, #footer a:active {
	color:#666666;
}
#footer img {
	vertical-align:middle;
}
#footer #foot {
	border-top: 1px solid #CCCCCC;
	padding-top: 18px;
	margin-top: 5px;
	font-weight:bold;
}
#footer #foot a {
	margin-left: 20px;
	font-weight:normal;
	float:right;
}
/******************* styles communs à toutes les pages ***************/

.myhr {
	clear:both;
	height:0px;
	overflow:hidden;
	visibility:hidden;
}

.encadre {
	border: 1px solid #BBBBBB;
	padding:5px;
}

#img_logo_ffrs, #img_logo_ffrs_ie {
	/*margin-left: 480px;*/
	margin: 20px auto 20px auto;
	display: block;
	width: 115px;
}


#col_centre img {
	margin: 5px;
}

.encart {
	background-image:url(../images/bg_encart_bordure.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding: 0 2px 2px 2px;
	margin-bottom: 10px;
	overflow:hidden;
}
.encart-libre {
	background-image: none;
	padding: 0;
	margin-bottom: 10px;
	overflow:hidden;
}

.encart h1 {
	background-image:url(../images/bg_encart_titre.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height: 16px; /* 23px - 7 de padding-top */
	width: 155px; /* 170px - 15 de padding-left+right */
	margin: 0 0 1px -2px; /* annulation des padding de #encart */
	padding: 7px 5px 0 10px;
	font-weight:bold;
	font-size:1.1em;
}
.encart p, .encart-libre p {
	margin: 5px 5px 5px 10px;
}


dl#menu {
	margin: 0 0 20px 0;
}
dl#menu dt {
	background-image:url(../images/bg_menu_milieu.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height: 25px;
	width: 170px;
	margin: 0;
	padding: 0;
	font-weight:bold;
	font-size:1.1em;
}
dl#menu dt a {
	text-decoration:none;
	color: #333333;
	display:block;
	height: 18px; /* 25px - 7 de padding-top */
	width: 155px; /* 170px - 15 de padding-left+right */
	padding: 7px 5px 0 10px;
}
dl#menu dt.hover {
	background-image:url(../images/bg_menu_milieu_hover.gif);
}
dl#menu dt.hover a {
	text-decoration:none;
	color: #FFFFFF;
}
dl#menu dt.actif {
	background-image:url(../images/bg_menu_milieu_actif.gif);
}
dl#menu dt.actif a {
	text-decoration:none;
	color: #FFFFFF;
}
dl#menu dt.premier a {
	background-image:url(../images/bg_menu_premier.gif);
}
dl#menu dt.dernier a {
	background-image:url(../images/bg_menu_dernier.gif);
}
dl#menu dt.dernier.actif a {
	background-image:url(../images/bg_menu_milieu_actif.gif);
}
dl#menu dd {
	background-image:url(../images/bg_menu_content.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0 8px;
}
dl#menu dd.dernier {
	background-image:url(../images/bg_menu_content_dernier.gif);
	/*padding-top:10px;
	position:relative;
	top:-10px;*/
}
dl#menu dd ul {
	margin: 0;
	padding: 0;
	list-style:none;
	list-style-image:none;
	background-image:none;
}
dl#menu dd ul li {
	margin: 0;
	padding:0;
	list-style:none;
	list-style-image:none;
	background-image:none;
}
dl#menu dd ul li a {
	color: #333333;
	text-decoration:none;
	display:block;
	width: 100%;
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #CCCCCC;
}
dl#menu dd ul li a:hover, dl#menu dd ul li.actif a {
	text-decoration:none;
	font-weight:bold;
	background-image:url(../images/bg_menu_puce.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

#encart_partenaires {
	background:url(../images/partenaires/bg-partenaires.gif) no-repeat;
	height:90px;
	padding: 1px 0 0 7px;
}

#partenaires {
	position: relative; /* pour que le hidden marche sur IE */
	overflow: hidden; /* hidden obligatoire : pour que tout ce qui déborde de la zone de défilement soit masqué */
	width: 155px; /* définition obligatoire : largeur de la zone de défilement */
	height: 88px; /* définition obligatoire : hauteur de la zone de défilement */
}

.posrelative-vert {
	position: relative; /* définition obligatoire pour les div puissent défiler */
}

.lien_bouton {
	background-color: #EDEDED;
	border: 1px solid #D8D8D8;
	padding: 5px;
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.1em;
}
.lien_bouton:hover {
	cursor:pointer;
	text-decoration: none;
	border: 1px solid #C0C0C0;
}
#form_newsletter {
	margin:0;
	padding:5px 0 2px 5px;
}
#form_newsletter #mail_inscription_, #form_recommander #mail_recommander {
	width: 118px;
}
#form_recommander {
	margin:0;
	padding:5px 0 5px 5px;
}

.mentions {
	color: #666666;
	font-size: 0.85em;
}

.msg_retour {
	font-weight: bold;
	font-size:1.1em;
}

table.tableau {
	border:1px solid #BBBBBB;
	border-collapse:collapse;
}
table.tableau caption {
	font-weight:bold;
	margin:10px auto 5px auto;
	font-size:1.1em;
	color:#333333;
}
table.tableau th {
	border:1px solid #BBBBBB;
	border-collapse:collapse;
	background-color:#EDEDED;
	text-align: center;
	color: #FF6600;
}

table.tableau td {
	border:1px solid #BBBBBB;
	border-collapse:collapse;
}

/******************** styles spécifiques homepage ***************************/

#encart_principal{
	background-image:url(../images/bg_encart_principal_header.gif);
	background-position:left top;
	background-repeat:no-repeat;
	background-color: #FF6600;
	padding: 15px 20px 0 20px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
#encart_principal_footer{
	height: 10px;
	margin: 0 -20px 0 -20px; /* annulation des padding de #encart_principal */
	background-image:url(../images/bg_encart_principal_footer.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	clear: both;
}
#encart_principal h1 {
	margin: 0 5px 25px 0;
}
#encart_principal img.visuel {
	margin: 0 5px 5px 0;
	float: left;
}
#encart_principal a:link, #encart_principal a:visited, #encart_principal a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.encart_sec {
	background-image:url(../images/bg_homepage_encart_secondaire.gif);
	background-position:left;
	background-repeat:repeat-y;
	background-color:#FF0000;
	padding: 0 20px 0 15px;
	margin-bottom: 20px;
}
.encart_sec h1 {
	background-image:url(../images/bg_homepage_encart_secondaire_titre.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height: 23px; /* 35px - 7 de padding-top */
	margin: 0 -20px 15px -15px; /* annulation des padding de .encart_sec */
	padding: 12px 5px 0 15px;
	font-weight:bold;
	font-size:1.8em;
	color: #FF6600;
}
.encart_sec p {
	margin: 5px 0;
	text-align:justify;
}
.encart_sec a.img {
	padding: 5px;
	border: 1px solid #BBBBBB;
	float: left;
	margin-bottom: 12px;
	background-color:#FFFFFF;
}
.encart_sec a.img:hover {
	background-color:#D8D8D8;
}
#col_centre .encart_sec a.img img {
	margin:0;
}
.encart_sec .desc {
	float: right;
	width: 415px;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;	
}
.encart_sec .desc .date {
	color: #FF6600;
	font-weight:bold;
}
.encart_sec hr {
	margin: 12px 110px;
}
.encart_sec_footer {
	height: 10px;
	margin: 0 -20px 0 -15px; /* annulation des padding de #encart_sec */
	padding-top: 10px;
	background-image:url(../images/bg_homepage_encart_secondaire_footer.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	clear: both;
}

#col_centre .accueil_photo {
	width: 175px;
	margin: 12px 10px;
	float:left;
	text-align:center;
}
#col_centre .accueil_photo img {
	float: none;
}
#col_centre .accueil_photo a {
	background-color: transparent;
	border: none;
}
#col_centre .accueil_photo a img {
	padding: 5px;
	border: 1px solid #BBBBBB;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	display:block;
	float:none;
}
#col_centre .accueil_photo a:hover img {
	background-color:#D8D8D8;
}

#col_centre .accueil_photo p {
	margin: 2px 0 0 0;
	text-align:center;
	clear:both;
}

/******************** styles pages intérieures ***************************/

#header a#retour_accueil {
	display: block;
	height:100px;
	width: 370px;
}
#header a#retour_accueil:hover {
	background-image:url(../images/logo-macadamroller-on.png);
	background-position:left top;
	background-repeat:no-repeat;
}
#header a#retour_accueil:hover img{
	visibility: hidden;
}

#titre{
	background-image:url(../images/bg_titre_header.gif);
	background-position:left top;
	background-repeat:no-repeat;
	background-color: #FF6600;
	padding: 10px 20px 0 20px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
#titre_footer{
	height: 10px;
	margin: 0 -20px 0 -20px; /* annulation des padding de #encart_principal */
	background-image:url(../images/bg_titre_footer.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	clear: both;
}
#titre h1 {
	margin: 0 5px 10px 0;
}
#titre #fil_ariane {
	font-size:0.9em;
	color: #FFFFFF;
	margin-bottom: 12px;
}
#titre a {
	color: #FFFFFF;
}

#chapeau {
	font-weight:bold;
	margin: 20px 0 10px 0;
}

/******************** styles plan du site ***************************/

#plan_du_site {
	font-size:1.1em;
}

#plan_du_site ul {
	font-size:1em;
}
#plan_du_site ul li {
	background-image:none;
	margin-top: 13px;
}
#plan_du_site ul li a{
	color: #000000;
	font-weight:bold;
}

#plan_du_site ul li ul li {
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 5px;
}
#plan_du_site ul li ul li a {
	font-weight:normal;
}


/************************* ImageBox ************************************************/

#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(../images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(../images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(../images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(../images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left top;
}


/************************* spécifique phototheque *******************************/

.news_slider {
	margin: 10px 0 0 0;
	padding:0;
	width: 155px;
	/*height: 396px;*/
	float:left;
	position: relative; /* obligatoire pour que les position absolute fonctionne */
	background-image: url(../images/bg_phototheque_slider.gif);
	background-repeat:	no-repeat;
	background-position: left 21px;
}

.news_slider .prev {
	display: block;
	height:21px;
	width: 100%;
	background-image: url(../images/btn_phototheque_prev.gif);
	background-repeat:	no-repeat;
	background-position: left top;
	position: absolute;
	left: 0;
	top: 0;
}
.news_slider .next {
	display:block;
	height:21px;
	width: 100%;
	background-image: url(../images/btn_phototheque_next.gif);
	background-repeat:	no-repeat;
	background-position: left bottom;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.news_slider .news_items {
	position:relative;
	top: 21px;
	/*height: 354px;*/
	overflow: hidden;

}
.news_slider .news_items .view_all {
	display: none;
}
.news_slider .news_items .container {
	position: relative;
	top: 0px;
	left: 0px;
}
.news_slider .news_items .container .item {
	height: 116px;
	width: 145px;
	margin:2px 0 2px 5px;
	padding: 0;
}

#col_centre .news_slider .news_items .container .item a {
	background-color: transparent;
	border: none;
}
#col_centre .news_slider .news_items .container .item a img {
	padding: 4px;
	border: 1px solid #F5F5F5;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	display:block;
	float:none;
}

#col_centre .news_slider .news_items .container .item a:hover img {
	background-color:#D8D8D8;
	border: 1px solid #BBBBBB;
}
#col_centre .news_slider .news_items .container .item a.actif img
, #col_centre .news_slider .news_items .container .item a.actif:hover img {
	border: 1px solid #FF6600;
}

#col_centre #photo_moyenne {
	float: left;
	margin: 35px 0 10px 5px;
}
/*#col_centre #photo_moyenne  a {
	background-color: transparent;
	border: 1px solid #333333;
}*/
#col_centre #photo_moyenne a img {
	padding: 5px;
	border: 1px solid #333333;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	display:block;
	float:none;
}
#col_centre #photo_moyenne a:hover img {
	background-color:#D8D8D8;
}

/************************* styles page événements ****************************/

#evts p {
	margin: 5px 0;
	text-align:justify;
}
#evts img.image {
	padding: 5px;
	border: 1px solid #BBBBBB;
	float: left;
	margin-bottom: 12px;
	background-color:#FFFFFF;
}
#evts .desc {
	float: right;
	width: 440px;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
}
#evts .desc .date {
	color: #FF6600;
	font-weight:bold;
}
#evts hr {
	margin: 12px 110px;
}

.texte{
	width:400px;
}

.erreur{
	color:red;
	font-weight:bold;
}

.reponse{
	color:#ff6200;
	font-weight:bold;
}

/************************* styles boutique ****************************/

.boutique_article {
	float: left;
	width: 202px;
	margin: 20px 46px;
}
.boutique_nom_article {
	display: block;
	font-weight: bold;
}
.boutique_prix_article {
	display: block;
}
#col_centre .boutique_lien_image {
	display:block;
	width: 201px;
	height: 200px;
	padding: 10px 0 0 1px;
	background-image:url(../images/bg_boutique_photo_bordure.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#col_centre .boutique_lien_image img {
	margin:0;
}
.boutique_article a:link, .boutique_article a:visited, .boutique_article a:active {
	color: #333333;
	text-decoration:none;
}
.boutique_article a:hover {
	color: #ffffff;
}
.boutique_photo_btn_prec {
	float: left;
	background-image:url(../images/bg_boutique_photo_prec.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1.1em;
	font-weight:bold;
	height:20px;
	margin:0;
	padding:5px 0 0 0;
	width:25px;
	text-align: center;
}
.boutique_photo_btn_prec:hover {
	background-image:url(../images/bg_boutique_photo_prec_hover.gif);
}
.boutique_photo_btn_zoom {
	float: left;
	background-image:url(../images/bg_boutique_photo_zoom.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1.1em;
	font-weight:bold;
	height:20px;
	margin:0;
	padding:5px 0 0 0;
	width:51px;
	text-align: center;
}
.boutique_photo_btn_zoom:hover {
	background-image:url(../images/bg_boutique_photo_zoom_hover.gif);
}
.boutique_photo_btn_suiv {
	float: left;
	background-image:url(../images/bg_boutique_photo_suiv.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1.1em;
	font-weight:bold;
	height:20px;
	margin:0;
	padding:5px 0 0 0;
	width:25px;
	text-align: center;
}
.boutique_photo_btn_suiv:hover {
	background-image:url(../images/bg_boutique_photo_suiv_hover.gif);
}
.boutique_photo_btn_fiche {
	float: left;
	background-image:url(../images/bg_boutique_photo_fiche.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1.1em;
	font-weight:bold;
	height:20px;
	margin:0;
	padding:5px 0 0 0;
	width:101px;
	text-align: center;
}
.boutique_photo_btn_fiche:hover {
	background-image:url(../images/bg_boutique_photo_fiche_hover.gif);
}
.boutique_photos_invisibles {
	display:none;
	visibility:hidden;
}

/*********************** page détail d'un article de la boutique ***************************/
.boutique_detail_photo {
	float: left;
	width: 202px;
	margin: 20px;
}
.boutique_detail_article {
	float:left;
	width: 375px;
	margin: 20px 0;
}
.boutique_detail_photo a:link, .boutique_detail_photo a:visited, .boutique_detail_photo a:active {
	color: #333333;
	text-decoration:none;
}
.boutique_detail_photo a:hover {
	color: #ffffff;
}
.boutique_detail_photo_btn_prec {
	float: left;
	background-image:url(../images/bg_boutique_detail_photo_prec.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1.1em;
	font-weight:bold;
	height:20px;
	margin:0;
	padding:5px 0 0 0;
	width:67px;
	text-align: center;
}
.boutique_detail_photo_btn_prec:hover {
	background-image:url(../images/bg_boutique_detail_photo_prec_hover.gif);
}
.boutique_detail_photo_btn_zoom {
	float: left;
	background-image:url(../images/bg_boutique_detail_photo_zoom.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1.1em;
	font-weight:bold;
	height:20px;
	margin:0;
	padding:5px 0 0 0;
	width:67px;
	text-align: center;
}
.boutique_detail_photo_btn_zoom:hover {
	background-image:url(../images/bg_boutique_detail_photo_zoom_hover.gif);
}
.boutique_detail_photo_btn_suiv {
	float: left;
	background-image:url(../images/bg_boutique_detail_photo_suiv.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1.1em;
	font-weight:bold;
	height:20px;
	margin:0;
	padding:5px 0 0 0;
	width:68px;
	text-align: center;
}
.boutique_detail_photo_btn_suiv:hover {
	background-image:url(../images/bg_boutique_detail_photo_suiv_hover.gif);
}
.boutique_detail_nom_article {
	display: block;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.2em;
	margin:0 0 10px 5px;
	color: #ff6600;
}
.boutique_detail_prix_adh {
	display: block;
	font-weight:bold;
	font-size: 1.3em;
	margin-bottom:10px;
}
.boutique_detail_prix_non_adh {
	display:block;
	font-size:1.1em;
	margin-bottom:10px;
}
.boutique_detail_description {

}

/**************** page parcours ****************************/

#col_centre #parcours .note {
	margin: 7px 0;
	display:block;
}
#col_centre #parcours img {
	margin: 0;
	vertical-align:text-bottom;
}

/****************** Google AdSense ******************************************/
/*iframe {
	display:none;
}*/