/* CSS Document */



body{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #2366ab;
	background-image: url(images/fond_body.jpg);
}

h1, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	color: #5d5b5c;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}

object{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

h2 {
	font-size:13px;
	font-weight:bold;
	color:#fff;
}


p {
	font-size:12px;
}

b {
	color:#FFFFE0;
}


.spacer {
  clear: both;
}


a {
	color: #FFFFE0;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

a:hover {
	color: #FFFFE0;
	text-decoration:underline;
}

img {
	border:none;
}

/*-------------------------------------------------------conteneur----------------------------------------------------------------------*/
#conteneur {
	position: absolute;
	width: 780px;
	left: 50%;
	margin-left: -390px;
	height:567px;
	top: 50%;
	margin-top: -300px;
}

/*------------------------------------------------------bandeau-------------------------------------------------------------------------*/
#bandeau {
	position: relative;
	width: 760px;
	height: 56px;
	padding: 30px 20px 0px 0px;
	text-align: right;
	
	background-image: url(images/bandeau.jpg);
}

#texte_bandeau {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffec00;
	font-weight: bold;
	font-size: 16px;
}

/*------------------------------------------------------premier menu-------------------------------------------------------------------------*/
#menu1 {
	position: relative;
	width: 780px;
	height: 38px;
}

ul {
	display: block;
	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
}

li {
	display: block;
	margin: 0px;
	padding: 0px;
}

li.accueil {
	float: left;
}

a.accueil {
	display: block;
	width: 85px;
	height: 38px;
	
	background-image: url(images/accueil.jpg);
}

a.accueil:hover {
	display: block;
	width: 85px;
	height: 38px;
	
	background-image: url(images/accueil-vert.jpg);
}

a.accueil_actuel {
	display: block;
	width: 85px;
	height: 38px;
	
	background-image: url(images/accueil-vert.jpg);
}

a.accueil_actuel:hover {
	display: block;
	width: 85px;
	height: 38px;
	
	background-image: url(images/accueil-vert.jpg);
}

li.nos_metiers {
	float: left;
}

a.nos_metiers {
	display: block;
	width: 143px;
	height: 38px;
	
	background-image: url(images/nos-metiers.jpg);
}

a.nos_metiers:hover {
	display: block;
	width: 143px;
	height: 38px;
	
	background-image: url(images/nos-metiers-vert.jpg);
}

a.nos_metiers_actuel {
	display: block;
	width: 143px;
	height: 38px;
	
	background-image: url(images/nos-metiers-vert.jpg);
}

a.nos_metiers_actuel:hover {
	display: block;
	width: 143px;
	height: 38px;
	
	background-image: url(images/nos-metiers-vert.jpg);
}

li.entreprise {
	float: left;
}

a.entreprise {
	display: block;
	width: 142px;
	height: 38px;
	
	background-image: url(images/entreprise.jpg);
}

a.entreprise:hover {
	display: block;
	width: 142px;
	height: 38px;
	
	background-image: url(images/entreprise-vert.jpg);
}

a.entreprise_actuel {
	display: block;
	width: 142px;
	height: 38px;
	
	background-image: url(images/entreprise-vert.jpg);
}

a.entreprise_actuel:hover {
	display: block;
	width: 142px;
	height: 38px;
	
	background-image: url(images/entreprise-vert.jpg);
}

li.galerie {
	float: left;
}

a.galerie {
	display: block;
	width: 133px;
	height: 38px;
	
	background-image: url(images/galerie.jpg);
}

a.galerie:hover {
	display: block;
	width: 133px;
	height: 38px;
	
	background-image: url(images/galerie-vert.jpg);
}

a.galerie_actuel {
	display: block;
	width: 133px;
	height: 38px;
	
	background-image: url(images/galerie-vert.jpg);
}

a.galerie_actuel:hover {
	display: block;
	width: 133px;
	height: 38px;
	
	background-image: url(images/galerie-vert.jpg);
}

li.contact {
	float: left;
}

a.contact {
	display: block;
	width: 121px;
	height: 38px;
	
	background-image: url(images/contact.jpg);
}

a.contact:hover {
	display: block;
	width: 121px;
	height: 38px;
	
	background-image: url(images/contact-vert.jpg);
}

a.contact_actuel {
	display: block;
	width: 121px;
	height: 38px;
	
	background-image: url(images/contact-vert.jpg);
}

a.contact_actuel:hover {
	display: block;
	width: 121px;
	height: 38px;
	
	background-image: url(images/contact-vert.jpg);
}

li.plan_acces {
	float: left;
}

a.plan_acces {
	display: block;
	width: 156px;
	height: 38px;
	
	background-image: url(images/plan-acces.jpg);
}

a.plan_acces:hover {
	display: block;
	width: 156px;
	height: 38px;
	
	background-image: url(images/plan-acces-vert.jpg);
}

a.plan_acces_actuel {
	display: block;
	width: 156px;
	height: 38px;
	
	background-image: url(images/plan-acces-vert.jpg);
}

a.plan_acces_actuel:hover {
	display: block;
	width: 156px;
	height: 38px;
	
	background-image: url(images/plan-acces-vert.jpg);
}

/*-----------------------------------------------------------global-----------------------------------------------------------------------------*/

#global {
	position: relative;
	width: 780px;
}

/*---------------------------------------------------------gauche-----------------------------------------------------------------------------*/

#gauche {
	float: left;
	width: 251px;
	height: 405px;
	
	background-image: url(images/gauche.jpg);
}

/*---------------------------------------------------------centre-----------------------------------------------------------------------------*/

#centre {
	float: left;
	width: 529px;
	min-height: 405px;
}

#menu2 {
	/*clear: both;*/
	width: 519px;
	height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	
	background-image: url(images/menu2.jpg);
	
}


#menuSans {
	/*clear: both;*/
	width: 519px;
	height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	
	background-image: url(images/menu-sans.jpg);
	
}


#titreAcc {
	/*clear: both;*/
	width: 519px;
	height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	
	background-image: url(images/titres/menu-sans-acc.jpg);
	
}



#menuSansEnt{
	/*clear: both;*/
	width: 519px;
	height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	
	background-image: url(images/titres/menu-sans-ent.jpg);
	
}


#menuSansPlan{
	width: 519px;
	height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	
	background-image: url(images/titres/menu-sans-plan.jpg);
	
}





#texte_menu2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #adff2f;
	font-weight: bold;
	font-size: 11px;
}

a.lien_menu2_actuel {
	font-family: Arial, Helvetica, sans-serif;
	color: #fbc302;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

a.lien_menu2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #adff2f;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#contenu_centre {

	width: 509px;
	height: 354px;
	padding: 10px 10px 10px 10px;
	text-align: justify;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/centre.jpg);
	color: #ffffff;
}

#textes_contenu {
	float: left;
	width: 319px;
}

#titre_serigraphie {
	width: 237px;
	height: 36px;
	background-image: url(images/titres/titre-serigraphie.jpg);
}

#titre_tampographie {
	width: 237px;
	height: 36px;
	background-image: url(images/titres/titre-tampographie.jpg);
}

#titre_marquage_a_chaud {
	width: 237px;
	height: 36px;
	background-image: url(images/titres/titre-marquage-a-chaud.jpg);
}

#titre_marquage_digital {
	width: 237px;
	height: 36px;
	background-image: url(images/titres/titre-marquage-digital.jpg);
}

#titre_marquage_laser {
	width: 237px;
	height: 36px;
	background-image: url(images/titres/titre-marquage-laser.jpg);
}

#titre_historique {
	width: 237px;
	height: 36px;
	background-image: url(images/titres/titre-historique.jpg);
}

#titre_nos_valeurs {
	width: 237px;
	height: 36px;
	background-image: url(images/titres/titre-nos-valeurs.jpg);
}

#titre_marquage {
	width: 237px;
	height: 36px;
	background-image: url(images/titres/titre-marquage.jpg);
}


#titre_peinture{
	width: 332px;
	height: 36px;
	background-image: url(images/titres/titre-peinture.jpg);
}


#titre_contact{
	width: 332px;
	height: 36px;
	background-image: url(images/titres/titre-contact.jpg);
}



#titrePlan{
	width: 332px;
	height: 36px;
	background-image: url(images/titres/titre_plan.jpg);
}



#images_contenu {
	float: left;
	height:250px;
	width:190px;
}

#produits {
	width: 103px;
	height: 155px;
}

/*------------------------------------------------------pied de page--------------------------------------------------------------------------*/
#pied_img {
	position: relative;
	width: 780px;
	height: 50px;
	
	background-image: url(images/pied.jpg);
}

#pied_textes {
	position: relative;
	width: 780px;
	height: 20px;
	margin-top: 5px;
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
}

#pied_textes a:hover {
	color:#fff;
	text-decoration:underline;
}



/*------------------------------------------------------Contact--------------------------------------------------------------------------*/



label {
	float:left;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}


.colgContact {
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	width:160px;
	margin-right:7px;
}


.coldContact {
	font-family: Arial, Helvetica, sans-serif;
	float:right;
	width:162px:
}

.champ {
	float:right;
	width:92px;
	height:18px;
	font-size:11px;
	color:navy;
	border:1px solid #2377b8;
	background-color:#fff;
}

a.validform {
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:navy;
	text-decoration:none;
	background-color:#fff;
}

a.validform:hover {
	color:#4b0082;
	text-decoration:underline;
	background-color:#adff2f;
}


.rightContact {
	padding-top:50px;
	float:right;
	width:150px;
	
}


.spacerContact {
	display:block;
	float:left;
	width:350px;
	height:20px;
}



/*______________DIAPO__________________*/



div#diapo {
	float:left;
	width:499px;
	height:349px;
}


.grandesPhotos {
	float:left;
	width:389px;
	margin-right:10px;
	height:345px;
}


.petitesPhotos {
	float:left;
	width:100px;
	height:345px;
}



ul#vignettes {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#vignettes li {
	float: left ;
}

ul#vignettes li a img {
	margin: 2px 1px ;
    border:none;
}

dl#photo {
	margin: 0 auto ;
    height:330px;
}

dl#photo dt {
	font: 13px arial;
	color:#fff;
    height:30px;
    line-height:30px;
    font-weight:bold;
}

dl#photo dd {
	margin: 0 ;
}

#photo dd {
    height:320px;
}

.listes_grapht {
	margin-left:10px;
}

.listes_grapht li {
	font-size:12px;
	line-height:20px;
}

.listes_grapht b {
	font-size:12px;
	color:#adff2e;
}


/*mentions légales*/

.texte_mentions {
	float: left;
	width: 400px;
	height:313px;
	overflow-y:scroll; 
	scrollbar-face-color:#010080; 
}