/* CSS Document */

body {
	padding : 0;
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	width : 100%;
	background:#303030;
    }
	
#page{
	 margin-left: auto;/* on rétablit l'alignement normal du texte */
     margin-right: auto;
     width: 1024px;
	 height:600px;
     text-align: left;
	 background:#E0E0E0; 
}



/* HEADER */

.tableheader {
table-layout:fixed;
width:1024px;
height:174px;
border-collapse:collapse;
border-spacing:inherit;
border:0;
margin:0;
padding:0;}

.td_header_logoh{
height:118px;
width:218px;
margin:0;
padding:0;
border:0;}

.td_header_logob{
height:56px;
margin:0;
padding:0;
border:0;}

.td_header_band{
margin:0;
padding:0;
border:0;
}

.td_header_nav{
background: url(img/charte/header_picto_band.jpg) 0 0 repeat;
height:56px;
margin:0;
padding:0;
border:0;}

p.menu{
font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
/* font-family:Arial, Helvetica, sans-serif; TEST */
font-size:11px;
color:#FFFFFF;
padding:0px 0px 25px 0;
margin:0 0 0 20px;
letter-spacing:1px;
}
a.copinage
{color:#000000;
background:#E0E0E0;
}
a.select{
color:#ffffff;
text-decoration: none ;} 

a{
color:#000000;
text-decoration: none ;} 

a:link { /* lien normal, non visité; */
color:#000000;
text-decoration: none ;} 

a:hover  /* état du lien lorsque le curseur de l'internaute passe dessus; */
{color:#ffffff;}

a:active { /* lien sélectionné par clic. */
color:#FFFFFF;
text-decoration: none ;} 

img a{
border:none;}

/* CONTENU PAGE ACCUEIL */

#contenu{
height:324px; 
width:954px; /* 1024 - 70px qui correspondent au padding gauche de 70px */
padding:0 0 0 70px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.bloc1_photos {
height:324px; 
width: 603px;
float: left;
margin:0;
padding:0 15px 0 0;
}

.bloc1_photos img {
padding:10px 0 0 0;
}

img{
border:none;
margin:0;
padding:0; }

.bloc2_filet {
height:324px; 
width: 5px;
float: left;
margin-left: 0;
padding:0;
}

.bloc2_filet_v2 { /* concerne page textile (photo plus large) */
height:324px;
float: left;
margin-left: 0;
padding:0;
}

.bloc3_texte {
height:324px; 
float: left;
margin-left: 0;
padding:0 15px 0 15px;
color: #999999;
}

.bloc3_texte .titre{
padding:15px 0 0 0;
font-weight:bold;
font-size:18px;}

.bloc3_texte .small{
font-size:10px;
font-weight:normal;
}

.bloc3_texte .normal{
font-size:14px;
font-weight:normal;
}


/* CONTENU PAGES INTERIEURES */


#contenu_page{
height:324px;
width:804px; /* c'est à dire 1024 - les 220px de padding à gauche */
padding:0 0 0 220px;
font-family:Verdana, Arial, Helvetica, sans-serif;}

.bloc1_photos_page {
height: 324px;
width: 160px;
float: left;
margin:0;
padding:0 15px 0 15px;
}

.bloc1_photos_page img.esp5px{ /* espacement image de 5px pour 3 photos */
padding-top:5px;
}

.bloc1_photos_page img.esp30px{ /* espacement image de 30px pour 2 photos paysages */
padding-top:30px;
}

.bloc3_texte_page {
height: 324px;
width: 363px;
float: left;
margin:0;
padding:0 15px 0 15px;
}

/* textes des pages avec 3 photos d'une hauteur de 103px (ex : découpe et evenementiel)  */
.bloc3_texte_3paves{
height: 93px;
width: 363px;
float: left;
margin:0;
padding-top:10px;
}

/* textes des pages avec 2 photos d'une hauteur de 115px (ex : signaletique)  */
.bloc3_texte_2paves{
height: 80px;
width: 363px;
float: left;
margin:0;
padding:35px 0 0 0;
}

.puce{
 background-image:url(img/charte/puce_rouge.jpg);
 background-repeat:no-repeat;
 background-position:0 11px;
 padding:5px 0 0 12px;
 margin:0;
 color:#000000;
line-height:16px;
font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
} 

.legende{
text-align:center;
font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
font-style:italic;}


/* FOOTER */


#footer{
height:102px;
width:1024px;
padding:0;
margin:0;
color: #ffffff;
}
.footer_logo{
float:left;
width:167px;
margin:0;
padding:0;
}

.footer_fond{
float: left;
background: url(img/charte/footer_fond.jpg) 0 0 repeat;
height:102px;
width:602px;
padding:0;
margin:0;
}

.footer_fond_filet{
float: left;
background: url(img/charte/footer_fond_filet.jpg) 0 0 repeat;
height:102px;
width:255px;
padding:0;
margin:0;
}


.footer_txt1{
float: left;
padding: 43px 0 0 70px;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:18px;
}

.footer_txt2{
float: left;
padding: 62px 0 0 0;
margin:0;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.pucetel{
 background-image:url(img/charte/picto_tel.jpg);
 background-repeat:no-repeat;
 background-position:0;
 margin:0;
 padding:0 0 0 20px;
} 

.pucefax{
 background-image:url(img/charte/picto_fax.jpg);
 background-repeat:no-repeat;
 background-position:0 3px;
 margin:0;
 padding:0 0 0 20px;
} 


.footer_txt3{
float: left;
padding: 79px 0 0 0;
margin:0;
font-weight:bold;
font-size:12px;
letter-spacing:2px;
}

.footer_filet_vertical{
float: left;
padding: 0 15px;
margin:0;
}