/* ***** FEUILLE DE STYLE CSS DU SITE INTERNET NOYAL POIDS LOURDS *****

/*
Titre:      	Structure du site
Auteur:     	Acreat Web Technologies
Mise à jour:    8 Juin 2009
*/

/* CSS DOCUMENT */

HTML {
	background:#FFF url(../img/structure/fond_site.png) repeat-x top left;
	height:100%; 
}	

BODY { 
	color:#373620;
	font-family:arial,verdana,sans-serif;
	font-size:14px;
	height:100%; 
	margin:0;
	padding:0;
}	

.clear { clear:both; }

/* [ Tableaux ]---------------------------------------------------- */	

TABLE {
	border:0;
	border-collapse:collapse; 
	margin:0; 
	padding:0; 
}

TD {
	border:0;
	border-collapse:collapse; 
	margin:0; 
	padding:0; 
	vertical-align:top;
}

/* [ Textes ]---------------------------------------------------- */

H1 {
	background:url(../img/structure/fond_titre.png) no-repeat top left;
	color:#373620;
	font-family:"Trebuchet MS",verdana,arial,sans-serif;
	font-size:22px;
	line-height:40px;
	margin:0;
	text-align:center;
}	

H2 	{	
	color:#05607a;
	font-family:"Trebuchet MS",verdana,arial,sans-serif;
	font-size:22px;
	margin:10px 0 20px 0;
}
	
/* [ Listes ]---------------------------------------------------- */	

UL {
	list-style-type:none; 
	margin:0; 
	padding:0; 
}	

/* [ Liens ]---------------------------------------------------- */	

A IMG { border:0; }

A { 
	text-decoration:none;
}	
A:HOVER {
	text-decoration:none;
}	

BLOCKQUOTE {
	background:#FFF url(../img/structure/fond_contenu.png) repeat-y top left;	
	margin:0;
	padding:10px;
}

BLOCKQUOTE UL {
	margin:0 0 20px 0;
}
BLOCKQUOTE UL LI {
	background:url(../img/structure/puce01.png) no-repeat top left;		
	background-position:0 2px;
	padding-left:17px;
}

#conteneur {
	margin:0 auto;
	position:relative;
	width:940px;	
}	

#entete {
	background:url(../img/entete_destrudata.jpg) no-repeat top left;
	height:200px;
	position:relative;
}
#entete #logo {
	display:block;
	height:71px;
	position:absolute;
	top:24px;
	width:235px;
}
	
#entete.disquedur {
	background:url(../img/entete_disques_durs.jpg) no-repeat top left;
}

#entete P {
	bottom:20px;
	color:#FFF;
	font-family:"Trebuchet MS",verdana,arial,sans-serif;	
	font-size:16px;
	left:10px;
	margin:0;
	position:absolute;
}

.cold {
	float:right; 
	margin:20px 0 0 10px;
}
.colg {
	float:left; 	
	margin:20px 10px 0 0;
}


/* [ Bouton en savoir plus ]---------------------------------------------------- */

.bt_savoirplus {
	background:#FFF url(../img/structure/bt_savoir_plus.png) no-repeat top left;
	color:#FFF;
	display:block;
	font-family:"Trebuchet MS",verdana,arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	height:42px;
	line-height:40px;
	margin:20px 30px 0 0;
	text-align:center;
	text-transform:uppercase;
	width:137px;
}
A:HOVER.bt_savoirplus {
	background-position:0 -42px;
}	

/* [ Bouton formulaire ]---------------------------------------------------- */

.bt_formulaire {
	background:#FFF url(../img/structure/bt_formulaire.png) no-repeat top left;
	color:#FFF;
	display:block;
	font-family:"Trebuchet MS",verdana,arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	height:42px;
	line-height:40px;
	padding:0 0 0 32px;
	margin:20px 30px 0 0;
	text-transform:uppercase;
	width:180px;
}
A:HOVER.bt_formulaire {
	background-position:0 -42px;
}

/* [ ClicktoCall ]---------------------------------------------------- */

.bt_conseiller {
	margin:20px 0 0 0;
	position:relative;
	z-index:100;	
}

.ctc_button
{
	z-index:100;
	position:absolute;
	left:0;
	top:0;
	width:227px;
}	
.cold .ctc_button, .colg .ctc_button {
	left:-225px;
}
.ctc_welcome  a
{ 
	cursor:pointer;
	display:block;
	width:227px;
	height:42px;
	text-decoration:none;
	padding:0;
	margin:0;
	margin-right:auto;
	background:url(../img/structure/bt_conseiller.png) no-repeat top left; 	
}	

.ctc_input_div
{ 
	cursor:pointer;
	position:relative;
	width:227px;
	height:94px;
	text-decoration:none;
	padding:0;
	margin:0;
	margin-right:auto;
	background:url(../img/structure/bt_conseiller_on.png) no-repeat top left; 	
}	


.ctc_input_div .ctc_input
{
	color:#00527a;
	font-family:"Trebuchet MS",verdana,arial,sans-serif;	
	font-weight:bold;
	position:absolute;
	width:180px;
	bottom:6px;
	left:8px;
	background:#FFF;	
	border:1px solid #D2D9AC;
	padding:0;
	margin:0;
}

.ctc_input_div .ctc_submit
{
	width:20px;
	height:18px;
	position:absolute;
	right:8px;
	bottom:6px;
	border:0;
	padding:0;
	margin:0;
}

/* [ Vidéo ]---------------------------------------------------- */

#video {
	background:url(../img/cadre_video.png) no-repeat top left;
	float:right;
	height:270px;
	margin:10px 0 0 10px;
	position:relative;
	padding:10px;
	width:360px;
}

#video .bt_formulaire {
	position:absolute;
	left:84px;
	top:305px;	
}

#decouvrir {
	color:#7caa00;
	font-family:"Trebuchet MS",verdana,arial,sans-serif;	
	font-size:15px;
	font-weight:bold;
	left:10px;
	margin:0;
	position:absolute;
	text-align:center;
	top:295px;
	width:360px;
}
#decouvrir A {
	color:#00527a;
}	
#decouvrir A:HOVER {
	color:#037f8b;
}	

.offre {
	color:#7caa00;
	font-family:"Trebuchet MS",verdana,arial,sans-serif;		
	font-size:18px;
}

.site_destrudata {
	color:#00527a;
	font-family:"Trebuchet MS",verdana,arial,sans-serif;	
	font-size:18px;
	font-weight:bold;	
}	
A:HOVER.site_destrudata {
	color:#037f8b;
}	

#decouvrir_destrudata #decouvrir {
	position:relative;
	top:0; 
	left:0;
}	

#decouvrir_destrudata .bt_formulaire {
	margin:10px 0 0 0;
}	

/* [ Pied de page ]---------------------------------------------------- */

#piedpage {
	clear:both;
	color:#52513e;
	font-family:"Trebuchet MS",verdana,arial,sans-serif;		
	font-size:12px;
	margin:0 0 10px 0;
	position:relative;
}

#piedpage P {
	margin:10px 0 0 0;
}
	
#piedpage .lien_acreat {
	color:#939175;
	font-size:10px;
}
#piedpage A:HOVER.lien_acreat {
	color:#787660;
}

#piedpage #num_indigo {
	background:url(../img/structure/numero-indigo.gif) no-repeat top right;
	color:#0f2d8f;
	font-size:14px;
	font-weight:bold; 
	right:0px;
	position:absolute;
	top:0;
	width:150px;
}