* { padding:0; margin:0; }

input, textarea { font:12px Arial; }

a { color:#0080C0; text-decoration:underline; }
a:hover { text-decoration:underline; }
a img { border:none; }

.align_center { text-align:center; }
.gras { font-weight:bold }
.italic { font-style:italic; }
.souligne { text-decoration:underline; }

.bouton { background-color:#DB8F08; border:1px solid #DDD; font:bold 13px Tahoma; color:#EEE; padding:2px 8px; }
.orange { color:#DB8F08; }

.legende { margin-top:10px; color:#97C324; font:bold 13px Tahoma, Geneva, sans-serif; }

h1 { color:#0080C0; font-size:15px; border-bottom:1px solid #0080C0; margin:0px 0px 14px 0px; }
h2 { color:#0080C0; font-size:13px; margin:0px 0px 10px 0px; }

ul { margin:0px; padding:0; }

li { list-style-type: square; list-style-position:outside; margin-left:40px; }
.ul2 li { margin-left:30px; }
.ul3 li { line-height:25px; margin-left:10px; }

.ul_sans li { margin:5px 10px 5px 30px; list-style:none; list-style-image:none; }
.ul_sans li img { margin:0px 3px 1px 0px; }

.ul_espace li { margin:15px 30px; }
.ul_espace_moyen li { margin:10px 10px 10px 30px; }
.ul_espace_reduit li { margin:2px 10px 2px 30px; }

HTML
{ 
			
			/*background-image: url('../images/bandeau_temp_02.jpg');*/
			background-image: url('../images/fond.jpg');
			background-position: center top;
			background-repeat: no-repeat;
			background-color:#909090;
}

body
{
			font-size:13px;
			font-family:Tahoma,Arial,Helvetica,sans-serif;
			color:#000;
}


/****************** Conteneur ******************/

#conteneur
{
			margin:0px auto;  
			width:980px;
}


/****************** En-tête ******************/

#entete
{
			display:none;
}


/****************** Corps ******************/

#corps
{
			float:left;
			width:980px;
}

#corps2
{
			float:left;
			width:980px;
}


/****************** Menu ******************/

#menu
{
			float:left;
			width:980px;
			height:100px;
}

#menu a
{
			display:block;
			float:left;
}

#menu a.logo { width:120px; height:100px; background: url('../images/logo_entete.jpg') no-repeat left top; }
#menu a.accueil { width:117px; height:22px; background: url('../images/menu/accueil-off.jpg') no-repeat left top; margin:31px 0 0 40px; }
#menu a.accueil:hover, a.accueil-on { width:117px; height:22px; background: url('../images/menu/accueil-on.jpg') no-repeat left top; margin:31px 0 0 40px; }
#menu a.references { width:159px; height:22px; background: url('../images/menu/references-off.jpg') no-repeat left top; margin:31px 0 0 60px; }
#menu a.references:hover, a.references-on { width:159px; height:22px; background: url('../images/menu/references-on.jpg') no-repeat left top; margin:31px 0 0 60px; }
#menu a.prestations { width:157px; height:22px; background: url('../images/menu/prestations-off.jpg') no-repeat left top; margin:31px 0 0 58px; }
#menu a.prestations:hover, a.prestations-on { width:157px; height:22px; background: url('../images/menu/prestations-on.jpg') no-repeat left top; margin:31px 0 0 58px; }
#menu a.contact { width:129px; height:22px; background: url('../images/menu/contact-off.jpg') no-repeat left top; margin:31px 0 0 55px; }
#menu a.contact:hover, a.contact-on { width:129px; height:22px; background: url('../images/menu/contact-on.jpg') no-repeat left top; margin:31px 0 0 55px; }


/****************** Contenu ******************/

#texte
{
			float:left;
			width:940px;
			
}

#texte #bloc1
{
			float:left;
			display:inline;
			width:466px;
			height:452px;
			margin:16px 0 0 70px;
			padding:0px;
			background: url('../images/fond_accueil_pierrenico.png') no-repeat left top;
}

#texte #titre1
{
			width:446px;
			margin:10px;
			padding:0px;
			background-color:#bfbfbf;
}

#texte #titre1 h1
{
			letter-spacing:1px;
			color:#FFF;
			font:24px Tahoma;
			border:none;
			padding:5px 0;
			margin:0px;
}

#texte #titre1 h1 img
{
			margin:0px 3px 1px 0px;
}

#texte #texte1 p
{
			width:406px;
			margin-left:29px;
			padding:0px;
			line-height:18px;
}

#texte #texte1 p.special
{
			color:#189cb5;
			font:16px Tahoma;
			line-height:24px;
			margin-bottom:20px;
}

#texte #texte1 img.photo
{
			width:180px;
			margin-top:5px;
}

#texte #bloc2
{
			float:left;
			width:267px;
			height:293px;
			margin:16px 0 0 50px;
			padding:0px;
			/*background: url('../images/fond_accueil_pierrenico.jpg') no-repeat left top;*/
			background: url('../images/fond_accueil_references.png') no-repeat left top;
}

#texte #bloc2 #titre2
{
			width:247px;
			margin:10px;
			padding:0px;
			background-color:#bfbfbf;
}

#texte #bloc2 #titre2 h2
{
			letter-spacing:1px;
			color:#FFF;
			font:18px Tahoma;
			border:none;
			padding:3px 0;
			margin:0px;
}

#texte #bloc2 #titre2 h2 img
{
			margin:0px 3px 1px 0px;
}

#texte #bloc3
{
			float:left;
			width:267px;
			height:149px;
			margin:10px 0 0 50px;
			padding:0px;
			/*background: url('../images/fond_accueil_pierrenico.jpg') no-repeat left top;*/
			background: url('../images/fond_accueil_contact.png') no-repeat left top;
}

#texte #bloc3 #titre3
{
			width:247px;
			margin:10px;
			padding:0px;
			background-color:#bfbfbf;
}

#texte #bloc3 #titre3 h2
{
			letter-spacing:1px;
			color:#FFF;
			font:18px Tahoma;
			border:none;
			padding:5px 0;
			margin:0px;
}

#texte #bloc3 #titre3 h2 img
{
			margin:0px 3px 1px 0px;
}

#texte #bloc3 #texte3 p
{
			width:210px;
			margin-left:30px;
			padding:0px;
			font-size:12px;
			line-height:22px;
}

#texte #bloc3 #texte3 p.special
{
			color:#189cb5;
			font:16px Tahoma;
			line-height:24px;
}



#texte .bloc-references
{
			float:left;
			display:inline;
			width:876px;
			height:229px;
			margin:16px 0 0 30px;
			padding:0px;
			background: url('../images/fond_references.png') no-repeat left top;
}

#texte .bloc-references-2
{
			height:194px;
			background: url('../images/fond_references_2.png') no-repeat left top;
}

#texte .titre-references
{
			width:856px;
			margin:10px 10px 0px 10px;
			padding:3px 0px;
			background-color:#bfbfbf;
}

#texte .titre-references p
{
			letter-spacing:1px;
			color:#FFF;
			font:18px Tahoma;
}

#texte .titre-references p img
{
			margin:0px 3px 1px 0px;
}

#texte .texte-references
{
			float:left;
			display:inline;
			width:590px;
			margin-top:10px;
			margin-left:29px;
}

#texte .texte-references p
{
			
			padding:0px;
			font-family: Tahoma;
			line-height:18px;
}

#texte .image-references
{
			float:left;
			display:inline;
			width:240px;
			margin-top:3px;
			padding:0px;
			text-align:center;
}

#texte .image-references img
{
			height:175px;
}

/*************** PRESTATIONS **************/

#texte #bloc_prestations_1
{
			float:left;
			display:inline;
			width:590px;
			height:483px;
			margin:16px 0 0 30px;
			padding:0px;
			background: url('../images/fond_prestations_1.png') no-repeat left top;
}

#texte #bloc_prestations_1 #titre1
{
			width:570px;
			margin:10px;
			padding:0px;
			background-color:#bfbfbf;
}

#texte #bloc_prestations_1 #titre1 h1
{
			letter-spacing:1px;
			color:#FFF;
			font:20px Tahoma;
}

#texte #bloc_prestations_1 #titre1 h1 img
{
			margin:0px 3px 1px 0px;
}

#texte #bloc_prestations_1 #texte1 p
{
			width:526px;
			margin-left:24px;
			padding:0px;
			line-height:18px;
}

#texte #bloc_prestations_1 li { margin-left:30px; }

#texte #bloc_prestations_2
{
			float:left;
			width:267px;
			height:293px;
			margin:16px 0 0 10px;
			padding:0px;
			/*background: url('../images/fond_accueil_pierrenico.jpg') no-repeat left top;*/
			background: url('../images/fond_accueil_references.png') no-repeat left top;
}

#texte #bloc_prestations_2 #titre2
{
			width:247px;
			margin:10px;
			padding:0px;
			background-color:#bfbfbf;
}

#texte #bloc_prestations_2 #titre2 h2
{
			letter-spacing:1px;
			color:#FFF;
			font:18px Tahoma;
			border:none;
			padding:3px 0;
			margin:0px;
}

#texte #bloc_prestations_2 #titre2 h2 img
{
			margin:0px 3px 1px 0px;
}

#texte #bloc_prestations_3
{
			float:left;
			width:267px;
			height:174px;
			margin:16px 0 0 10px;
			padding:0px;
			background: url('../images/fond_prestation_3.png') no-repeat left top;
}

#texte #bloc_prestations_3 #titre3
{
			width:247px;
			margin:10px;
			padding:0px;
			background-color:#bfbfbf;
}

#texte #bloc_prestations_3 #titre3 h2
{
			letter-spacing:0px;
			color:#FFF;
			font:18px Tahoma;
			border:none;
			padding:3px 0;
			margin:0px;
}

#texte #bloc_prestations_3 #titre3 h2 img
{
			margin:0px 3px 1px 0px;
}

#texte #bloc_prestations_3 #texte3 p
{
			width:210px;
			margin-left:30px;
			padding:0px;
			font-size:12px;
			line-height:22px;
}

#texte #bloc_prestations_bas
{
			float:left;
			display:inline;
			width:867px;
			height:229px;
			margin:10px 0 0 30px;
			padding:0px;
			background: url('../images/fond_prestations_bas.png') no-repeat left top;
}

#texte #bloc_prestations_bas .titre_prestations_bas
{
			width:847px;
			margin:10px;
			padding:0px;
			background-color:#bfbfbf;
}

#texte #bloc_prestations_bas .titre_prestations_bas h2
{
			letter-spacing:1px;
			color:#FFF;
			font:18px Tahoma;
			border:none;
			padding:3px 0;
			margin:0px;
}

#texte #bloc_prestations_bas .titre_prestations_bas h2 img
{
			margin:0px 3px 1px 0px;
}


#texte #bloc_prestations_bas .texte_prestations_bas p
{
			
			width:827px;
			margin-left:29px;
			padding:0px;
			font-family: Tahoma;
			line-height:18px;
}


/************************* Contact ****************************/

#texte #bloc_contact_1
{
			float:left;
			display:inline;
			width:570px;
			height:483px;
			margin:16px 0 0 60px;
			padding:0px;
			background: url('../images/fond_contact_1.png') no-repeat left top;
}

#texte #bloc_contact_1 #titre1
{
			width:550px;
			margin:10px;
			padding:0px;
			background-color:#bfbfbf;
}

#texte #bloc_contact_1 #titre1 h1
{
			letter-spacing:1px;
			color:#FFF;
			font:20px Tahoma;
}

#texte #bloc_contact_1 #titre1 h1 img
{
			margin:0px 3px 1px 0px;
}

#texte #bloc_contact_1 #texte1 p
{
			width:526px;
			margin-left:24px;
			padding:0px;
			line-height:18px;
}

.table_contact
{
			margin:10px 24px;
}

.table_contact td
{
			padding:3px 3px;
}

#pied
{
			float:left;
			width:980px;
			height:50px;
			margin:30px 0px 20px 0px;
			/*background-color:#CCC;
			background-image: url('../images/pied.jpg');
			background-position: left top;
			background-repeat: no-repeat;*/
}

#pied a
{
			color:#0083C9;
}