/* code Html et Css par Simone Gearing pour La Photofactory */

.banner {
height:193px;
width:auto;
margin-top:-15px;
border: none;
        }

/* pour la baniere ou tete de la page */

.name  {
background:#000000 url("logo.jpg") no-repeat; 
height:193px;
width:500px;
margin-top:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
border: none;
}

/* name est utilise pour centrer le logo */

body { 
background:#000000;
margin: 0;
padding: 0;
}

/* fixe le corps de la page */

.footer   {
clear:both;
width:100%;
margin-bottom: 0px;
margin-top:20px;
padding-top:20px;
padding-bottom:10px;
border: none;
}

/* fixe le pied de la page */

.col {
width: 45em;
margin-left:auto;
margin-right:auto;
padding:5px;
padding-top:30px;
border: none;
}

/* utilise pour les pages contact,about,ordering, voilages */

.col3 {
width: 32em;
margin-left:auto;
margin-right:auto;
padding-top:80px;
border: none;
}

.colindex {
width: 32em;
margin-left:auto;
margin-right:auto;
padding-top:30px;
border: none;
}

/* used to center the image on the index page  TO REVISE */

.col4 {
width: 210px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
border: none;
}

/* used for the button on the order page, voilages */

.columncenter4 {
width: 47em;
padding:5px;
margin-left: auto;
margin-right:auto;
border: none;
}

/* utilisé pour Tirages D'art*/

.smallcol
{
float:left;
width:11em;
margin: 0px;
padding: 0px;
border: none;
}

/* small col is used for the site map */


.column9 {
width:44em;
margin-left:auto;
margin-right:auto;
border: none;
}

.container {
padding:5px;
margin-left:auto;
margin-right:auto;
border: none;
width:870px;
        }

/* used on tirage limité page, produits2 */

ul.navlist  {
list-style-type: none;
margin-left: auto;
margin-right: auto;
width: 66em;
font-size:1em;
color: #000000;
border:none;
}

ul.navlist li { display: inline; }

ul.navlist li a  {
color: #000000;
font-size:1em;
padding: 0.2em 1em;
background-color:#fff;
text-decoration: none;
border: none;
}

ul.navlist li a:hover  {
color:#66ffcc;
}
/* navlist is the horizontal menu.*/

.columncentermenu {
width:100%;
margin-left: auto;
margin-right:auto;
border: none;
}

ul.navlist2  {
list-style-type: none;
margin-left: auto;
margin-right: auto;
width: auto;
text-color: #fff;
font-size:1em;
border: none;
}

ul.navlist2 li { display: inline; }

ul.navlist2 li a  {
color: #fff;
font-size:1em;
padding: 0.2em 1em;
text-decoration: none;
border-right: 1px solid #000000;
}

ul.navlist2 li a:hover  {
color:#66ffcc;
}
/* navlist2 is the horizontal menu.*/

.menu {
background: #000000;
border: none;
width: 100%;
margin-left:auto;
margin-right:auto;
        }

/* used to center the menu. */


img.thumbnail {
width: 90px;
height: 120px;
padding: 3px;
border: none;
}

img.thumbnail2 {
width: 120px;
height: 100px;
padding: 3px;
border: none;
}

.vignettes {
float:left;
width: 160px;
height:190px;
padding:5px;
text-align: center;
border: none;
}

.vignettesvert {
float:left;
width: 160px;
height:235px;
padding:5px;
text-align: center;
border: none;
}


div.vignettes a:hover img {border: 1px solid #CCFFCC;}
div.vignettesvert a:hover img {border: 1px solid #CCFFCC;}

/* the image thumbnails and vignettes are for the product thumbnail page(s) */

img.product {
width: 150px;
height: 250px;
padding: 3px;
border: none;
}

img.product2 {
width: 250px;
height: 150px;
padding: 3px;
border: none;
}

img.pano {
float:left;
width: 300px;
height: 166px;
padding: 3px;
border: none;
}


.vignettes2 {
float:left;
width: 310px;
height:245px;
padding:3px;
text-align: center;
border: none;
}

.vignettesvert2 {
float:left;
width: 310px;
height:360px;
padding:3px;
text-align: center;
border: none;
}

/* the image products and vignettes2 vignettesvert2 are for the product page(s) with the large images */

.desc {
text-align:center;
border: none;
}

/* desc est utilise pour centrer le texte sous des photos */

p {font-family:"Times New Roman", sans-serif; color:#fff; }
p.center {text-align: center;font-size:1.2em;font-family: "Times New Roman",sans-serif; color: #fff;}
ul {text-align:left; list-style-type:none; font-family:"Times New Roman",serif; color:#fff;}

ul.center {text-align:center; list-style-type:none; font-family:"Times New Roman",serif; color: #fff;}


A:link {color: #ffffff; font-size:0.8em;text-decoration: none; font-family:"Times New Roman", sans-serif;}
A:visited {color: #CC9966;font-size:0.8em;text-decoration: none; font-family:"Times New Roman", sans-serif;} 
A:active {text-decoration: font-size:0.8em;none; font-family:"Times New Roman", sans-serif;}
A:hover {color:#CCFFCC; font-size:0.8em;font-family:"Times New Roman", sans-serif;}

h1,h2,h3,ul {text-align:center;list-style-type:none; font-family:"Times New Roman",serif; color:#ffffff;
}

ul.left {text-align:left;list-style-type:none; font-family:"Times New Roman",serif; color:#fff;
}

ul.left2 {text-align:left; margin-left:-35px; list-style-type:none; font-family:"Times New Roman",serif; color:#fff;
}

h6 {
font-size: 10px;
color: #000000;
filter:alpha(opacity=0);
opacity:0.00;
border: none;
margin-top: -15px;
}

/* pour rendre le title invisible */

p.left {text-align: center; font-family: "Times New Roman",sans-serif; color:#fff}


.diptyque {
float:left;
width: 230px;
padding:4px;
margin-left: auto;
margin-right:auto;
border: none;
}

img.diptyque {
width: 210px;
height: 120px;
padding: 3px;
margin: 3px;
border: none;
}

.smallcol3
{
float:left;
width:8em;
margin: 0px;
padding: 0px;
border: none;
}

/* smallcol3 est pour la page de site map */

td.contact { 
width:20%;
text-align: left;
font-weight: bold;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 0px; 
color:#ffffff;
}

td.info { 
width:30%;
text-align: left;
font-weight: normal;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 0px;
color:#ffffff; 
}

.table {float:left; font-color: #ffffff;}

.columncenter3 {
width: 520px;
padding:5px;
margin-left: auto;
margin-right:auto;
border: none;
}

/* utilise pour la page encadrement */

.column11 {
width:60em;
margin-left:auto;
margin-right:auto;
padding-top:80px;
border: none;
}

.column12 {
width:61em;
margin-right:auto;
margin-left:auto;
border: none;
}

.column3 {
width:25em;
float: left;
padding:2px;
margin-left:1em;
border: none;
}

.petitcarretext {
width: 17em;
float: left;
margin-left:auto;
margin-right:auto;
padding-top:2px;
padding: 5px;
border: none;
}

.petitcarretext2 {
width: 400px;
text-align:center;
padding:5px;
margin-left: auto;
margin-right:auto;
border: none;
}


img.pic {
float:left;
width: 120px;
height: 90px;
border: none;
}