/* Contenu : 
Partie constituée des cadre des liserés. Il englobe le site et détermine ses dimensions.
Il contient en plus le Body et les caractères communs au site. */ 

* {
margin: 0;
padding: 0;
}

body {
	background: black;
	text-align: center;
	font-family: 'Rotis semi serif', Verdana;
	font-size : 12px;
}
ul {
	list-style-type: none;
}
a {
	text-decoration: none;
	color: #fffbec;
}

#copyright-wrap {
	position:relative;
	text-align:left;
	margin: 30px auto 0;
	width: 950px;
}

#wrap {
	position:relative;
	top:0;
	left:0;
	width: 950px;
	height: 600px;
	border: 1px solid #640000;
}	


#lisereback {
height : 600px;
 width : 69px;
z-index: -1;
left: -47px;
position : absolute;
background: url(img/lisereback4.gif) no-repeat;
}
*html #lisereback{left: 5px;}

#accueil_crossslide {
	width: 769px;
	height: 440px;
	margin-top: 94px;
	margin-left: 20px;
}





/* Menu : 
Simple menu à gauche, divisé en deux parties.
Le css de base et le css du onclick, petits cadres s'ouvrant à coté et permettant de naviguer dans les sous menus. */ 

#menu {
	float:left;
	width:170px;
	height:600px;
	margin: 0px;
	padding:0px;
	padding-left: 10px;
	margin-right:-20px;
	border-right: 1px solid #7F0000;
	z-index: 10;
	position:relative;
}

.menu-div {
margin-left: -5px;
}

#submenu-collections {
margin-left: 6px;
margin-top: 4px;
}


#fade {display: none;}


#flag {margin-top : 180px;}
*+html #flag {margin-top : 160px;}
*html #flag a{ width:40px;}


/* Menu Hover

Menu by Nick Rigby, Drop-Down Menus, Horizontal Style
http://www.alistapart.com/articles/horizdropdowns

Javascript by Patrick Griffiths and Dan Webb
http://www.alistapart.com/articles/dropdowns/

*/

#menu ul {
	padding: 0;
	z-index: 10;
	list-style: none;
	width: 160px;
	margin : 25px 0px 0px 5px;
	}

#menu ul li {
	position: relative;
	 width:100%;
	}
	
#menu li ul {
	position: absolute;
	left: 160px;
	top: 0;
	display: none;
	z-index:100;

	}


#menu ul li a {
	display: block;
	font-size: 10px;
	font-family: 'rotis semi serif', Verdana;
	text-transform: uppercase;
	text-decoration: none;
	color: #fffbec;
	overflow:hidden;
	background: #000;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#menu ul li a:hover{ color: #fff; background: #630000;}
#menu li ul li a { padding: 3px 5px; display:block; z-index: 20;}
#menu li ul { border: 1px solid #630000;}
*html #menu li ul li a { width:150px;}










/* Contenu des Div: 
Comme le titre l'indique, il détermine le contenu */ 

#content {
float:left;
width:780px;
height: 600px;
z-index: 9;
}	
*html #content { position:static !important;}





/* Header :
Constitué du Header en PHP dans le fichier header.php et du Logo. */ 

#header {
	position:relative;
	height: 85px;
	margin-top : -20px;
	text-align:center;
}

#logo{
	position : relative;
	float : right;
	text-indent:-9000px;
	width: 281px;
	height: 85px;
	background: url(img/logo.gif) 0 0 no-repeat;
	display: inline;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 10px;
}

span.logo {
	display:none;
}









/* Portrait */ 

p.portrait {
	color: white;
	font-family:Verdana;
	font-size:12px;
	margin-top:80px;
	padding: 0px 0px 0px 300px;
	background: url(img/portrait/pht.jpg) no-repeat 100px 5px;
	text-align: justify;
}







/* Boutiques en Lignes */

#boutique {
padding-top: 50px;
color: #fff;
}

#boutique h1 {
font-size: 16px;
font-family: Verdana;
}

#boutique p {
font-size: 14px;
font-family: Verdana;
}

#boutique a {
font-size: 14px;
color: #878987;
font-family: Verdana;
}

#boutique hr {
height: 0;
border-bottom: 1px dotted #fff;
} 

#textleft {
	width: 300px;
	float: left;
	margin-left: 100px;
	padding: 0;
}

#imageright {
	float: left;
	width: 300px;
	margin-left:-40px;
	border: none;
	padding: 10px ;
	text-align: right;
	
}

#boutiqueonline{
margin: 150px 0 0 150px;
}

#boutiqueonline p{
font-size: 12px;
font-family: Verdana;
margin-left: 50%;

}








/* Presse et Expos */

#gallery { width : 700px; height: 450px; padding : 15px;}

#rightbutton {
position: absolute;
background: transparent url(css/skins/img/next-white.gif) no-repeat 0 0;
width: 18px;
    top: 350px;
    right: 30px;
height: 18px;}

#leftbutton{
position: absolute;
background: transparent url(css/skins/img/prev-white.gif) no-repeat 0 0;
width: 18px;
    top: 350px;
    left: 200px;
height: 18px;
z-index: 9000;}

/* Presse */

#presse {
	padding-top: 40px;
	margin-left: 40px;
	margin-top: 40px;
}
#presse a img {
	margin: 5px 5px ;
	border: 0px solid #5E5E5E;
}
#presse a:hover img {
	border: 0px solid #440000;
}








/* Collections */
#collections {	padding:60px;	margin-top: 100px;	margin-left: -10px;	z-index: -9; width:	670px;height	: 328px;position : static !important;display : block;}
#collections a img {margin: 5px 10px ;border: 1px solid #5E5E5E;}
#collections a:hover img {border: 1px solid #640000;}
#collections p {font-size: 12px;color: #fff; font-family : 'Verdana';}
#collections h2 {font-size: 14px;color: #950000; font-family : 'Verdana';}
#categorie {padding-left: 60px; margin-left: 20px;}
#categorie2 , #categorie2 a img, #categorie2 a:hover img  {border: none; }


/* Contact */
#contact{
float: left;
text-decoration: none;
margin-top: 120px;
margin-left: 160px;
height: 380px;
background : url(img/contact/fondcontact.jpg) no-repeat;

}

#contactdroite{
margin-top : 60px;
margin-left: 240px;
}

#contactdroite hr {
height: 0;
margin-left: 10px;
border-bottom: 1px dotted #fff;
} 






/* Flags */ 

a#english, a#francais {
	display: block;
	overflow: hidden;
	text-indent:-9000px;
	margin-top: 80px;
	padding-top: 40px;
	height: 30px;
	width: 50px;
	background: url(img/us-flag.gif) no-repeat;
}




/* Copyright */ 


p#copyright {
	display:block;
	text-align: right;
	color: #910000;
	font-size: 12px;
	font-family: verdana;
	margin-top: 5px;
	padding: 0 0 0 -10px;
}










/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px; height: 600px;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#940000; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
#contact-container .contact-loading {background:url(img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;}
#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {background:#940000; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#contact-container .contact-button:hover {background:#440000;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}