/* CSS Document */

/* Table of Contents:

	Reset
	Typography
	General Layout
	Header Layout
	Middle Layout
	Footer Layout
	
*/


/* Reset
--------------------------------------------------------------------------------------- */
/* =INITIAL   v2.1,
	by Faruk Ates - www.kurafire.net
	Addendum by Robert Nyman - www.robertnyman.com
	Addition by Christian Montoya - www.christianmontoya.net
*/

/* Neutralize styling:   Elements we want to clean out entirely:*/
html, body, form, fieldset {
   margin: 0;
   padding: 0;
   /*font: 100%/120% Verdana, Arial, Helvetica, sans-serif;*/
   font: 12px Arial, Helvetica, sans-serif;
}

/* Neutralize styling:   Elements with a vertical margin:*/
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
   margin: 1em 0;
   padding: 0;
}

/* Apply left margin:   Only to the few elements that need it:*/
li, dd, blockquote {
   margin-left: 1em;
}

/* Miscellaneous conveniences:*/
form label {
   cursor: pointer;
}
fieldset {
   border: none;
}
input, select, textarea {
   font-size: 100%;
   font-family: inherit;
}

/* ajout françois*/
.none {
display:none;
}
.clear{
clear:both;
}
/* Typography
--------------------------------------------------------------------------------------- */
p {
font-size:0.9em;
}

.colore{
color: #330066;
}

h2{
color: #330066;
font-weight:bold;
font-size:0.9em;
}


#liens h2{
}

a{
color: #37075f;
font-weight:bold;
text-decoration:none;
}

a:hover {
color: #969696;
text-decoration:none;
}

p.colore a{
color: #969696;
font-weight:bold;
text-decoration:none;
}

p.colore a:hover {
color: #37075f;
text-decoration:none;
}

#menu a{
color: #999;
}

#menu a:hover{
color: #333;
}

#menu a span.fleche{
color: #fff;
}
#menu a:hover span.fleche{
color: #333;
}

#nav li a, #nav li.pageactive{
font-weight:bold;
font-size:0.9em;
} 

#nav li.pageactive{
color: #333;
}
 
#menugallery {
font-weight:bold;
/*font-size:0.9em;*/
}

#menugallery a {
color:#999;
/*font-weight:normal;*/
}

#menugallery, #menugallery a:hover {
color:#330066;
}

#legendgallery {
/*font-size:0.9em;
font-variant:small-caps;*/
}

a.lienpageliens{
color:#333;
font-weight:normal;
font-size:0.9em;
}

a.lienpageliens:hover{
color:#ccc;
font-weight:normal;
font-size:0.9em;
}

#liens, p.colore{
font-size:13px;
line-height:17px;

}

/* General Layout
--------------------------------------------------------------------------------------- */
#wrapper {
	padding-top:50px;
}

a img {
   border: none;
}

p {
   margin-top: 0;
   padding-top: 0;

}

li {
list-style:none;
}

/* 	Header Layout
--------------------------------------------------------------------------------------- */
/* 	Middle Layout
--------------------------------------------------------------------------------------- */
#content, #contentgallery, #contentindex, #contentliens, #contentcontact, #contentprofile {
	float:left;
	width:667px;
	padding-left:41px;
}

#content {
	padding-top:108px;
}

#contentgallery {
	/*padding-top:57px;pre-mod0709*/
	padding-top:72px;
}

#contentindex {
	padding-top:50px;
}


#contentliens {
	padding-top:93px;
}

#contentprofile {
	padding-top:99px;
}

#contentcontact {
	padding-top:97px;
}

#carrecolore{
background-color: #ebe6ef;
width:637px;
float:left;
}

#carre{
width:637px;
float:left;
}
.fondcolore2{
background-color: #37075f;
}

#menugallery {
/*padding-bottom:45px; pre-mod0709
padding-bottom:28px; pre-mod0709*/
padding-bottom:10px;
padding-right:20px;
}


#legendgallery {
width:650px;
border-left: solid 1px #999;
line-height:15px;
padding-left:10px;
margin-bottom:20px;
}

#picture{

}

#contacts, #liens {
/*padding-left:23px;*/
}


#liens h2{
margin-bottom:2px;
margin-top:5px;
}
/*	Left Layout
--------------------------------------------------------------------------------------- */
#menu {
	float:left;
	/*width:96px;
	padding-right:37px;
	width:150px;pre-mod0709*/
	width:182px;
}


h1 {
padding:0;
margin:0;
margin-top:3px;
margin-bottom:17px;
}


#menu ul, #menu li {
padding:0;
margin:0;
}

#menu ul {
list-style-type: none;
padding-left:40px;
padding-bottom:4px;
}


#menu #logo, #menu #packaging, #menu #identity, #menu #print, #menu #project, #menu #profile, #menu #contact, #menu #links, #menu .trait {
	padding-left:49px;
}

#menu #packaging, #menu #identity, #menu #print, #menu #project, #menu #profile, #menu #contact, #menu #links {
	display:block;
}


#nav li a, #nav li.pageactive{
display:block;
/*line-height:15px;*/
padding-left: 9px;
} 

#nav li.pageactive {
background: transparent url(../images/fleche.png) no-repeat top left;
}
/*#nav li a:hover {
background: transparent url(../images/fleche.png) no-repeat top left;
}*/

#menu1, #menu1on, #menu2, #menu2on, #menu3, #menu3on, #menu4, #menu4on, #menu5, #menu5on, #menu6, #menu6on {
padding-bottom:3px;
}

#menu2, #menu2on, #menu3, #menu3on, #menu4, #menu4on, #menu5, #menu5on, #menu6, #menu6on, #menu7, #menu7on {
padding-top:4px;
}

#menu7, #menu7on {
padding-bottom:5px;
}

#separateur {
padding-bottom:2px;
padding-top:4px;
}
/*	Right Layout
--------------------------------------------------------------------------------------- */
#copyright {
	float:left;
	padding-top:125px;
}
/*	Footer Layout
--------------------------------------------------------------------------------------- */