/* _______________ TEXTES ET LIENS _______________ */

div {text-align:left; list-style : none;}
ul {
	margin:0;
	padding:0;
	}
#contenu li {
	list-style-image: url('../images/carre-gris-pt.gif');
	}
	
#contenu ul
{
	padding-left:35px; 
}	
	
td,th,p {
	font-family: geneva, trebuchet, arial, verdana,  tahoma;
	font-size: 1em;
	font-weight: normal; 
	margin:0;
	padding:0;
	}
	
p {
	text-align: justify; 
	padding:5px 15px 0 15px;}

h2:first-letter {font-weight:bold;}
	
h1{
	font-size: 1.5em;
	font-weight: lighter; 
	color:#a2a1aa;
	text-align:right;
	padding-right:20px;
	line-height:18px;
	background:url('../images/carre-gris.gif') no-repeat right;
	}
	
h2 {margin:0; padding:0; font-size: 1.6em; font-weight: bold; line-height: 1.4em;}
h3 {margin:0; padding:0; font-size: 1.2em; font-weight: bold line-height: 1.3em;}
h4 {margin:0; padding:0; font-size: 1.1em; font-weight: bold; line-height: 1.3em;}
h5 {margin:0; padding:0; font-size: 1em; font-weight: lighter;} 
h6 {margin:0; padding:0; font-size: 0.8em; font-weight: lighter; line-height: 1.3em;}

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

.gris,.gris a:visited,.gris a:link {color: #999999 ;} 
.gris a:hover {text-decoration:none; color: #000000 ;}

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

.noir, .noir a:visited,.noir a:link {color: #000000 ;} 
.noir a:hover {text-decoration:none; color: #666666 ;} 

.rouge, .rouge a:visited,.rouge a:link {color: #FF0000; } 
.rouge a:hover {text-decoration:none; color: #FF0000; } 


/* _______________ MENU _______________ */
#cote-menu {
	position:absolute;
	top:124px;
	left:2px;
}

#menu-deco {
	display: block;
	margin-left:12px;
	padding:0;
	position:absolute;
	left:0;
	top:117px;
	height:48px;
	width:700px;
	background: url('../images/menu-fond.png') repeat-x left top;
}


#menu {
	display: block;
	margin:16px 0 0 20px;;
	position:absolute;
}	
	#menu_contenu {
		margin:0;
		padding:0;
			}
	#menu_contenu li{	
		display: inline;
		list-style: none;
		font-size: 1.1em;
		text-align: left;
		line-height:32px;
		float:left;
		font-weight:bold;
		margin:0;
	}

	.bt-45 a:link, .bt-45 a:visited {
		display: block;
		width:45px;
		padding-left:24px;
		color: #a2a1aa;
		text-decoration:none;	
		background: url('../images/fleche-jaune.png') no-repeat left bottom;
		}	
	.bt-45  a:hover {
		color : #a2a1aa;
		background: url('../images/bt-45-hover.png') no-repeat left bottom;
		}
	.bt-45  a.selected {
		color: #fff;
		background: url('../images/bt-45-sel.png') no-repeat left bottom;
		}
		
	.bt-90 a:link, .bt-90 a:visited {
		display: block;
		width:90px;
		padding-left:24px;
		color: #a2a1aa;
		text-decoration:none;	
		background: url('../images/fleche-jaune.png') no-repeat left bottom;
		}	
	.bt-90 a:hover {
		color : #a2a1aa;
		background: url('../images/bt-90-hover.png') no-repeat left bottom;
		}
	.bt-90 a.selected {
		color: #fff;
		background: url('../images/bt-90-sel.png') no-repeat left bottom;
		}	
		
	.bt-100 a:link, .bt-100 a:visited {
		display: block;
		width:102px;
		padding-left:24px;
		color: #a2a1aa;
		text-decoration:none;	
		background: url('../images/fleche-jaune.png') no-repeat left bottom;
		}	
	.bt-100 a:hover {
		color : #a2a1aa;
		background: url('../images/bt-110-hover.png') no-repeat left bottom;
		}
	.bt-100 a.selected {
		color: #fff;
		background: url('../images/bt-110-sel.png') no-repeat left bottom;
		}			
	
	

/* _______________ ENTETE _______________ */

#deco {
	position:absolute;
	left:0;
	top:12px;
}
	
#logo-bloc {
	position:absolute;
	right:0;
	top:40px;
	width:274px; 
	height:134px; 
	text-align:center;
	background: url('../images/site-adresse-fond.png') no-repeat bottom left #fff;
}

#logo {
	padding: 0px;
}
#bt-accueil {
		position:absolute;
		top:95px;
		right:10px;
		width:110px;
		color: #a2a1aa;
		text-decoration:none;	
		background: url('../images/bt-accueil.png') no-repeat left bottom;
		}	

#bt-accueil a:link, #bt-accueil a:visited {
		display:block;
		line-height:32px;
		padding-left:24px;
		color: #a2a1aa;
		text-decoration:none;	
		background: url('../images/bt-accueil.png') no-repeat left bottom;
		}	
	#bt-accueil a:hover{
		color : #a2a1aa;
		background: url('../images/bt-accueil-hover.png') no-repeat left bottom;
		}
	
#bloc-entete {
	position:absolute;
	left:0;
	top:0;
	vertical-align:top;
	width:220px;
	height:180px;
	padding:0;
	margin:0;
	z-index:2;
}	
	
#titre {
		display:block;
		height:10px;
		float:left;
		width:600px;
		text-align:left;
		padding-left:10px;
		margin:0;
		font-size:0.8em;
		position:relative;
		color:#a2a1aa;
		background:none;
		line-height:10px
	}
	

.www {
	position:absolute;
	right:12px;
	top:0px;
	width:245px;
	height:20px;
	text-align:center;
	background:url('../images/fd-www.gif') no-repeat bottom left #fff;
}	

.www a, .www a:link, .www a:visited{
	color:#fbd200;
	text-decoration: none;	
	font-weight:bolder;
	font-size:1em;
}	
.www a:hover{
	color:#fbd200;
}	
		
.adresse-agence {
	display:block;
	width:225px;
	text-align:center;
	background:#edecec;
	padding:10px;
	color:#999ca1;
}	

.adresse-agence h3{
	background:url('../images/fd-adresse.gif') no-repeat bottom center #edecec;
}	

.adresse-agence h4{
	font-weight:bold;
	font-size:1.4em;
}	

.adresse-agence p{
	margin:15px;
	background:#edecec url('../images/fleche-puce.gif') no-repeat 0 4px;
}		
	

		
/* _______________ PIED DE PAGE _______________ */
	#adresse{
		float:left;
		width:220px;
		font-size:1em;
		text-align:center;
		color:#fc8200;
		}

	#footer-bloc{
		float:right;
 		width:260px;
  		padding-right:10px;
		font-size:0.8em;
		}

	#footer-texte{
	text-align:bottom;
		color:#FFFFFF;
		}
		
/* _______________ FOOTER BOUTONS _______________ */
#info{
	float:left;
	padding-left:0px;
	width:700px;
	}
			
#lien_utile li{
	margin:0px;
	display: inline;
	list-style: none;
				}
		
#lien_utile a:link, #lien_utile a:visited {
	display: block;
	width:110px;
	float:left;	
	height:20px;
	line-height:20px;
	text-decoration: none;
	text-align:center;	
	color: #e8920a;
	}
	
#lien_utile a:hover{
	color: #FF6600;
	}
				
#lien_utile img {
	border:0; padding:5px 40px 0 40px;
	}	

/* _______________ CONTENUS _______________*/
hr {
	border:1px solid #e6e6e6; 
	}

.col-gauche-grande{
	margin: 10px 0 20px 0;
	float:left;
	display:block;
	width:400px;
	background:#fff;
	text-align:center;
	}
	
.col-droite-petite{
	margin: 10px 0 20px 0;
	float:right;
	display:block;
	width:255px;
	background:#fff;
	text-align:center;
	}	
	
.col-gauche{
	margin: 0;
	padding:0;
	float:left;
	display:block;
	width:315px;
	}
	
.col-droite{
	padding:0;
	float:right;
	display:block;
	width:315px;
	vertical-align:top;
	}	
		
	
.colonne {
	display:block;
	width:210px;
	vertical-align:top;
	padding:5px;
	padding-bottom: 26px;
	}
.image-gauche-deco	{
	float:left;
	margin-left:20px;
	border:0;
	}	
		
.image-gauche {
	float:left;
	margin: 0 20px 20px 0;
	border:0;
	}	
.image-droite	{
	float:right;
	margin:20px;
	border:0;
	}			
	
#realisations {
	margin:0;
	padding-left:15px;
}	
		
#realisations li {
	display:block;
	width:230px;
	text-decoration: none;	
	font-weight:bold;
	font-size:1em;
	line-height:25px;
	list-style:none;
	list-style-image:none;
	text-align:left;
	border-bottom: #a2a1aa 1px solid;
}	

#realisations a:link, #realisations a:visited {
	text-decoration: none;	
	padding-left:15px;
	background:url('../images/fleche-realisations-of.gif') no-repeat left;
	color:#a2a1aa;
}	

#realisations a:hover{
	color:#e8920a;
	background:url('../images/fleche-realisations-on.gif') no-repeat left;
}	
		
#contenu #modeles
{	padding:10px;	}
		
#modeles li {
	list-style:none;
	margin:0 0 20px 0;
	border-bottom: #a2a1aa 1px solid;
	text-align:left;
	color:#a2a1aa;
	zoom:1;
	}	
	
#modeles a:link, #modeles a:visited {
 	color:#fff;
  	}	
#modeles a:hover{
	color:#fff;
}	
	
#modeles h4 {
	margin:0px;

	}	
#modeles p {
	padding:0;
	margin-bottom:10px;
	}	
#modeles img {
	float:right;
	margin:5px;
	}	
#modeles h4 a.invisible,#modeles p a.invisible{
	color:#a2a1aa;
}	
/* _______________ BOX METHODE MEDIA NEX MERCI LES CRACKS_______________*/

.box_rubrique
{
 position:relative;
 padding:0px;
 min-width:150px;
 line-height:24px;
 text-align:left;
 text-transform:uppercase;
 font-weight:bold;
 font-size:1em;
}

.coin_hg,
.coin_hd,
.coin_bg,
.coin_bd 
{
 position:absolute;
 background:#fff;
 width:1px;
 height:1px;
 overflow:hidden;
}
.coin_hg
{ top:0;left:0; }
.coin_hd
{ top:0;right:0; }
.coin_bg
{ bottom:0;left:0; }
.coin_bd
{ bottom:0;right:0; }

/*_______________ Styles _______________*/	
.st-bloc {
	width:270px; 
	background:url('../images/carre-blanc.gif') no-repeat left ;
	padding-left:26px;
	color:#fff;
	margin-bottom:10px;
	}	
.nom-modele {
	width:350px; 
	background:url('../images/carre-blanc.gif') no-repeat left ;
	padding-left:26px;
	color:#fff;
	margin-bottom:5px;
	}

.bg_1 {
	background-color:#fbd200;
	}

.bg_2 {
	background-color:#fff;
	}
.bg_3 {
	background-color:#999ca1;
	}	
.bg_4 {
	background-color:#fbe400;
	}	
/*_______________ CONTACT _______________*/	

#form-contact{
	padding:0;
	border:0px;
}
#form-contact label, #form-contact input, #form-contact textarea {
	float:left;
	margin-bottom:5px;
}
#form-contact label{
	width:150px;
	display:block;
	text-align:right;
	font-weight:bold;
	font-size:0.9em;
	color:#999;
	padding-left:8px ;
}

#form-contact input{
	margin-left:5px;
}
#form-contact textarea{
	margin-left:5px;
}

#from-box-gauche {
	margin-bottom:8px;
	float:left;
	
}
#from-box-droite {
	float:right;
	margin-bottom:8px;
	padding-right:10px;
}

/*_______________ CHAMPS _______________*/

.champtextarea {
	padding:2px;
	margin: 0px;
	border: #a2a1aa 1px solid;
	text-decoration: none;
	text-transform: none;
	font: 0.9em;
	color:#2B1B1E;
	width: 120px;
	line-height:16px;
	}
	
.champdemande {
	padding:2px;
	margin: 0px;
	margin-bottom:17px;
	border: #a2a1aa 1px solid;
	width: 450px;
	font: 0.9em;
	color: #695662;
	}
	
.formbouton {
	padding:0px;
	margin: 5px;
	border: #a2a1aa 1px solid;
	width:100px;
	height:22px;
	font: 1em;
	color: #fff;
	font-weight:bold;
	background-color: #a2a1aa;
	}