/* CSS letterbox - cration Pierre Alle pour id-interactive.fr */

body {
	margin: 25px 0px 0px 0px; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #FFFFFF;	
}
div {
	_height: 1%;
}



/*----------------------------- Page interieure ---------------------------------------*/
img{
	margin:0; padding:0;
	border:none;
}
div#page {
  position : absolute;
  top : 50%;
  left : 50%;
	margin: -280px auto auto -390px;
  padding: 0;
	width: 780px;
	height:560px;
	background-image:url(img/fond-page.gif);
		background-position:top left;
		background-repeat:no-repeat;

}

/*header : */
	div#page div#header{
		margin: 10px 10px 0px 10px; padding:0;
		background-color:#000000;
	}
	
/*fin header */


/* contenu */
	div#page div#contenu{
		margin: 0px 11px 0px 10px; padding:0;
		height:174px;
		background-image:url(img/fond-contenu.gif);
			background-position:top left;
			background-repeat:repeat-y;
	}
		div#page div#contenu div#presentation{
			margin:0px 0px 0px 30px; padding:0;
			width:310px;
		}
			div#page div#contenu div#presentation h1{
				margin:0px 0px 5px 0px; padding:0; padding-top: 15px;
				color:#FFFFFF;
					font-size:1.4em;
			}
			div#page div#contenu div#presentation h2{
				margin:0px 0px 5px 0px; padding:0; padding-top: 15px;
				color:#FFFFFF;
				font-size:1.2em;
			}
			div#page div#contenu div#presentation p{
				margin:0; padding:0;
				color:#CCCCCC;
					font-size:1.1em;
					text-align:justify;
			}
			div#page div#contenu div#presentation p strong{
				color:#008FD4;
			}
			div#page div#contenu div#presentation p strong.tel{
				font-size:1em;
			}
			
			div#page div#contenu div#presentation p a:link, div#page div#contenu div#presentation p a:visited{
				color:#008FD4;
				text-decoration:none;
			}
	
	
	
	
	
		div#page div#contenu div.blockTarif{
			float:left;
			margin:5px 13px 0px 9px; padding:0;
			background-color:#000000;
			width:162px;
			height:152px;
			
		}
			div#page div#contenu div.blockTarif p{
				float:right;
				margin:2px 5px 10px 0px; padding:0;
				color:#FFFFFF;
					text-align:right;
					font-size:1.2em;			
			}
			div#page div#contenu div.blockTarif p.titreTarif{
				font-size:2.1em;
								
			}
				div#page div#contenu div.blockTarif p.titreTarif strong{
					color:#008FD4;
					font-size:0.7em;
				
				}
				div#page div#contenu div.blockTarif p.titreTarif strong.relooking{
					font-size:0.5em;
				}
		div#page div#contenu div#note{
			clear:both;
			float:left;
			margin:0px 0px 0px 9px; padding:0;
			width:90%;
			background-color:#000000;
		}
			div#page div#contenu div#note p{
				margin:0; padding:0;
				font-size:1.2em;
					color:#CCCCCC;
			}
	
/* fin contenu */

/* footer */
	div#page div#footer{
		margin: 0px 10px 0px 10px; padding:0;
		
	}
/* fin footer */


/*--------------------------------- index ----------------------------------------*/
div#index {
	margin: 0px auto 0px auto; padding: 0;
	text-align:center;
}
	div#index div#entree{
		margin:0px auto 0px auto; padding:0;
		width:487px;
	}
		div#index div#entree div#visuel{
			margin:0; padding:0;
		}
			div#index div#entree div#visuel img{
				border:none
			}
		div#index div#entree div#slogan{
			margin:0;
			_margin:-5px 0px 0px 0px; padding:0;
			height:91px;
			background-image:url(img/fond-index.gif);
				background-position:top left;
				background-repeat:no-repeat;
		}
			div#index div#entree div#slogan p{
				margin:0; padding:20px 0px 0px 0px;
				color:#e7e5e5;
					font-size:1.4em;
			}
	div#index div#ref p{
		font-size:1.4em;
			color:#3f3b3a;
	}
		div#index div#ref p strong{
			color:#0086cb;
		}
	
	div#index div#ref p.btn{
		margin:10px 0px 200px 0px;
	}
	
	div#index div#ref p.btn a:link, div#index div#ref p.btn a:visited{
		color:#3f3b3a;
		font-weight:normal;
	}
	div#index div#ref p a:link, div#index div#ref p a:visited{
		color:#0086cb;
		font-weight:bold;
	}
a.credit{
	margin:0px 0px 0px 0px;
	color:#000000;
	text-decoration:none;
	float:right;
}	

/* formulaire de contact */
#formulaire{
    margin-left: 20px;
    margin-top: 10px;
}

form{
    margin: 0; padding: 0;
    margin-left: 10px;
    color: #FFF;
}

form a{
    color:#008FD4;
}

form a:hover{
    color:#008FD4;
}

form a:visited{
    color:#008FD4;
}

form p{
    margin: 5px 0; padding: 0;
}

.erreur, .erreurLog{
    font-weight: bold;
    color: #FF7000;
}


.id-interactive{
	font-size : 1em;
	text-decoration : none;
	color : black;
}

.id-interactive:hover{
	text-decoration : underline;
	color : #CC0166;
}

.creation_site{
	text-align : right;
	margin-right : 50px;
}