@import url('fancy.css');
@import url('menu.css');
@import url('form.css');

*{
	margin	: 0;
	padding	: 0;
}

body{
	background	: #000;
	text-align	: center;
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #696969;
}

a {
	outline: none;
	color: #868686;
}

h1 {
	color: #e75113;
	font-size: 1.6em;
	text-decoration: underline;
	margin: 0 0 1em 0;
}

h2 {
	color: #e75113;
	font-size: 1.4em;
}

h2 span {
	font-size: 0.8em;
}

p {
	line-height: 1.4em;
	margin: 0.5em 0 1em 0;
}

strong {
	color: #e75113;
}

img {
	border		: 0;
}

hr.clear {
    clear		: both ;
    visibility	: hidden ;
	line-height	: 0 ;
    font-size	: 0 ;
	border: 0;
	height: 0;
}

.hide {
	display: none;
}

/* =================================== */
/* ============ STRUCTURE ============ */
/* =================================== */

div#global {
	text-align: left;
	width: 900px;
	background: #000;
	margin: 5px auto 10px auto;
	border: 1px solid #696969;
	padding: 10px;
}

div#top {
	position: relative;
	width: 900px;
	height: 155px;
	background: transparent url(../images/top.gif) top left no-repeat;
}

div#content {
	background: #fff;
	padding: 20px 200px 20px 80px;
}

div#footer{
	width: 900px;
	height: 30px;
	padding: 33px 0 0 0;
	background: transparent url(../images/footer.gif) top left no-repeat;
}


/* =================================== */
/* =============== HOME ============== */
/* =================================== */

div#global.home {
	border: none;
}

div#global.home b, div#global.home strong {
	color			: inherit;
}
div#global.home a {
	/*display: none;*/
}

div.home {
	position			: relative;	
}

div.home div#flash_home {

	z-index				: 2;
}
	
	
div.home div#contenu_home {
	position			: absolute;
	z-index				: 1;
	width				: 900px;
}

/* =================================== */
/* ========= COL & ACCUEIL =========== */
/* =================================== */

div#content.accueil {

	
}

div#content .accueil h1 {
	text-decoration: none;
}

div#content .col {
	width: 290px;
	float: left;
	padding: 0 10px;
}

div#content .col h1 {
	text-decoration: none;
	margin-top: 20px;
}

div#content .col h2 {
	margin: 1em 0;
}
/* ======================================= */
/* ============= FORMULAIRE ============== */
/* ======================================= */

table.publiformulaire input.formulairesubmit {
	background     : transparent url(../images/submit.gif) center no-repeat;
	width          : 107px;
	height         : 24px;
}

/* =================================== */
/* ============= OFFRES ============== */
/* =================================== */

div.offre {
	width: 820px;
	padding: 50px 0 50px 0px;
}

div.offre .item {
	float: left;
	width: 378px;
	height: 141px;
	position:relative;
	margin: 0 11px 50px 0;
	padding: 6px 0 0 10px;
	background: transparent url(../images/offre_item.gif) top left no-repeat;
}

div.offre p {
	width: 280px;
	color: #fff;
	line-height: normal;
}

div.offre p.mensualite {
	top: 0;
	left: 294px;
	display: block;
	position: absolute;
	width: 92px;
	height: 74px;
	background: transparent url(../images/mensualite.png) top left no-repeat;
	text-align: center;
	color: #000;
	padding: 18px 0 0 0;
	font-weight: bold;
}

div.offre p.mensualite strong {
	font-size: 2em;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

div.offre p.mensualite span {
	font-size: 0.8em;
	color: #555;
	letter-spacing: -0.1em;
}

div.offre p.mensualite span a {
	color: #555;
}

div.offre h2 {
	color: #000;
	text-transform: uppercase;
	font-size: 1.4em;
	padding: 0;
}

div.offre h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: normal;
	margin: 4px 0 6px 0;
}

div.offre .item p.plus a {
	position: absolute;
	top: 104px;
	left: 15px;
	display: block;
	width: 339px;
	height: 40px;
	text-indent: -5000px;
	background: transparent url(../images/offre_clic.gif) top left no-repeat;
}

div.offre .detail {
	background: transparent url(../images/offre_bg.gif) top left repeat-y;
	width: 792px;
	position: relative;
}

div.offre .detail .top {
	background: transparent url(../images/offre_top.gif) top left no-repeat;
	width: 782px;
	height: 54px;
	padding: 6px 0 0 10px;
}

div.offre .detail .foot {
	clear: left;
	background: transparent url(../images/offre_foot.gif) top left no-repeat;
	width: 792px;
	height: 33px;
	text-indent: -5000px;
}

div.offre .detail .contenu {
	float: left;
	width: 280px;
	padding: 0 0 0 10px;
}

div.offre .detail .contenu p.img {
	text-align: center;
}

div.offre .detail .contenu img {
	border: 8px solid #fff;
}

div.offre .detail .formulaire {
	float: left;
	width: 390px;
	margin-left: 80px;
	margin-top: 30px;
	padding: 0;
}

div.offre .detail .formulaire p {
	color: #696969;
}

div.offre .detail .formulaire input,div#content .detail .formulaire textarea {
	width: 194px;
}




/* =================================== */
/* ============= LABELS ============== */
/* =================================== */

div#content ul.labels {
	margin-top: 20px;
}

div#content ul.labels li {
	list-style: none;
	display: inline;
	margin: 0 20px;
}


/* =================================== */
/* =============== TOP =============== */
/* =================================== */

#top h1 {
	margin: 0;
}

#top h1 a {
	display: block;
	position: absolute;
	top: 10px;
	left: 30px;
	width: 240px;
	height: 80px;
	text-indent: -5000px;
}



/* =================================== */
/* ============= FOOTER ============== */
/* =================================== */

#footer ul li {
	list-style: none;
	float: right;
}

#footer ul li a {
	color: #fff;
	text-transform: uppercase;
	margin: 0 20px;
}

#footer p.part {
	color: #5f161a;
	font-style: italic;
	font-weight: bold;
}

#footer a {
	text-decoration: none;
	color: #565656;
}

#footer p.part a {
	color: #5f161a;
}

#footer a:hover {
	text-decoration: underline;
}