/* CSS Document */

body {
margin:0px; 
padding:0px; 
font: 1.em Georgia, "Times New Roman", Times, serif; 
text-align:center; 
background-color:#840031;}



* {margin:0; padding:0;}
/*Pour eviter que les images aient des boder*/
img{
border:none;}

/* Element essentiel pour centrer la mise en page*/
div#mainwrap { 
width:945px; 
margin-left: auto; 
margin-right:auto; 
text-align:left;}

/*Pour placer l'ensemble en hauteur*/
div#espacehaut {
width: 945px; 
height: 50px;
text-align:right;
}

/*Elements pour la zone langue*/
div#col1{
width:843px;
height:50px;
background-color:#840031;
float:left;
}
div#col2{
width:34px;
height:20px;
background-color:#840031;
border: solid white;
border-width:0px 0px 0px 0px;
text-align:right;
float:left;
padding-top:30px;
}
div#col3{
width:34px;
height:20px;
background-color:#840031;
border: solid white;
border-width:0px 0px;
text-align:right;
float:left;
padding-top:30px;
}

div#col4{
width:34px;
height:20px;
background-color:#840031;
border: solid white;
border-width:0px 0px;
text-align:right;
float:left;
padding-top:30px;
}


/*Le header*/
div#header1 {
width:310px; 
height:36px; 
background-color:#A00036;
padding-bottom: 20;
padding-top:65px;
/*Pour mettre un espace entre les cases margin-bottom:100px;*/
border: white solid;
border-width: 1px 0px 0px 1px;
float:left;
}

/* pour définir le tetxe dans les colonnes */
div#header1 p {
font-size:16px; 
color:#FFFFFF;
text-align:left;
padding-left: 10px;
padding-top: 10px;
}

div#header2 {
width:633px; 
height:101px;
background:url(../images/logo2.jpg);
background-position: right;
background-repeat:no-repeat;
background-color:#A20137;
/*Pour mettre un espace entre les cases margin-bottom:100px;*/
border: white solid;
border-width: 1px 1px 0px 0px;
float:left;
}

div#column2 p {font-size:18px;
color:#FFFFFF;
text-align:left}

div#contentarea {
width:947px; 
background-color:#A00036; 
/*background-image:url(images/fond.jpg);
background-repeat:repeat;*/
}
			
/*Colonne qui contient la colonne menu et le logo*/ 							
div#column1 {
width:375px; 
height: 342px;
background-color:#A00036; 
float:left;
border: white solid;
border-width: 1px 1px 1px 1px;
text-align:left;
padding-left:0px;
}
/*Endoit ou s'affiche le menu*/
div#listcontainer{
border: white solid;
border-width:0px 0px 1px 0px;
width:375px;
font-size:14;
margin:0px;
}

/*Pour définir le Style du menu*/
ul {border:0; margin:10px 30px 10px 10px; padding:0; list-style-type:none;}
li {border:0px solid green; margin:0; padding:.1em 0;}

/*Colonne d'espacement Horizontal
div#columnhorizon {
width:375px;
height: 2px;
background-color:#A00036; 
float:left;
border: white solid
border-width:0px 0px 0px 0px;
}*/

/*Colonne Logo*/
div#columnlogo {
width:375px;
height: 153px;
background-color:#A00036; 
float:left;
border: white solid;
border-width:1px 0px 0px 0px;
margin-top:5px;
}
div#ssmenu{
width:365px;
height: 84px;
background-color:#A00036; 
float:left;
border: white solid;
border-width:0;
}
div#ssmenu2{
width:580px;
height: 84px;
/*background-color:#FFFFFF;*/
float:left;
border: white solid;
border-width:0;
}
/*Texte du ssmenu2*/
div#ssmenu2 p {
font: Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
font-size:14px;
font-weight:700;
color:white;
letter-spacing:1px;}

div#ssmenu2 p a{
font: Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:700;
color:white;}

div#ssmenu2 p a:hover{
font-weight:700;
color: #A00036;
text-decoration:none;
background:white;
}


h1{
font: Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:100;
color:#A00036;
}


div#logo{
width:365px;
height: 32px;
background-color:#A00036; 
float:left;
border: white solid;
border-width:0px 0px 0px 0px;
margin:27px 0px 0px 5px;
}

/*Uniquement pour odifier la position du logo dans tous les Tissus et les nouveautés*/
div#logo2{
width:365px;
height: 32px;
background-color:#A00036; 
float:left;
border: white solid;
border-width:0px 0px 0px 0px;
margin:22px 0px 0px 5px;
}



div#column2 {
width:4px;
height: 338px;
background-color:#A00036; 
float:left;
border: white solid;
border-width:0px 0px 0px 0px;
}

/*Cette div n'est que la pour la mis een page des bamboos dans le fichier Produits.htm*/
div#column3B {
width:562px;
height: 342px; 
background-color:#A00036; 
/*background:url(../../ims/home/bamboos.jpg);*/
float:left;
border: white solid;
border-width:1px 1px 1px 1px;
overflow:scroll;
}




div#column3 {
width:562px;
height: 342px; 
background-color:#FFFFFF;
float:left;
border: white solid;
border-width:1px 1px 1px 1px;
overflow:scroll;}


div#footer {
width:933px;
height: 88px;
background-color:#A00036; 
padding-left:10px; 
float:left;
padding-top:10px;
border: white solid;
border-width:0px 1px 1px 1px;
}

#frey{
width:800px;
height: 64px;
font:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
font-weight:800;
padding-top:5px;

}




/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


a:link {color: white;text-decoration:none; border:0;}
a:visited {color: white; text-decoration:none;}
a:hover {color:gray; text-decoration:none;}
/*Definie la taille du cadre qui contient les images */
div#galerie{
width:547px;
color:#FFFFFF;
background-color:white;
border:none;
text-align:center;
font:25px Georgia, "Times New Roman", Times, serif;
overflow:auto;
}

/*ul définit une liste*/
ul#galerie_mini{
list-style-type:none;
}
/*li sont pour chaque elements de la galerie; le padding est la pour placer les images entre elles*/
ul#galerie_mini li{
float:left;
padding-left:2px;
}

/*positionnement des photos les unes par rapport aux autres*/
ul#galerie_mini li a img{
margin: 10px 25px;
font: 14px Georgia, "Times New Roman", Times, serif; 
color:#000000;
}

dl#photo{
clear:both;
margin: auto;
}