body{
background-attachment: scroll;
background-image: url('atelier_fond.gif');
/*background-image: url('atelier_fond2.gif');fond noir*/
background-position: center top;
background-repeat: repeat-y;
background-color: #000000;
margin: 0;
/*
font-family: Arial, Verdana, sans-serif;

font-size: 10pt;

color: #666666;
font-weight: bold;
*/
text-align: center;
color:#666666;
font-family: arial, Verdana, sans-serif;
font-size: 10pt; 

}

/* pour test*/
body.test{
background-attachment: scroll;
background-image: url('atelier_fond2.gif');
background-position: center top;
background-repeat: repeat-y;
background-color: #000000;
margin: 0;
text-align: center;
color:#666666;
font-family: arial, Verdana, sans-serif;
font-size: 10pt; 
}



body.index{
background-image: url('');
background-color: #000000;
margin: 0;
text-align: center;
color:#FFFFFF;
font-family: arial, Verdana, sans-serif;
font-size: 10pt; 
font-weight: bold;
}



a:link {
text-decoration: none;
}


a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


table.page {
width: 950px;
border-collapse: collapse;
border-width: 0;
border-spacing: 0;
padding: 0;
/*font-size : 8pt;*/
background-color: #000000;
}

td{
/*font-weight: bold;*/
font-size: 10pt;
}

td.menudroite{
vertical-align: middle;
font-weight: bold;
}


div.titre1 {
font-size: 20pt;
text-align: center;
color: #666666;
text-decoration: none;
font-weight: bold;
}

div.titre2 {
font-family: arial;
font-size: 20pt;
text-align: center;
color: #9999cc;
text-decoration: none;
font-weight: bold;
}

div.titre3 {
font-size: 20pt;
font-weight: bold;
text-align: left;
color: #9999cc;
text-decoration: none;
}

span.motcle{
	font-size: 4pt;
	color: #000000;
}

table.liste {
border-width: 1;
border-collapse: collapse;
border-color: #606060;
padding: 50;
}

tr.liste {
background-color: white;
}

td.liste {
padding: 5px;
border-style: solid;
border-width: 0;
border-color: #808080;
color:black;
background-color: white;
}

td.listenewclient {
padding: 5px;
border-style: solid;
border-width: 0;
border-color: #808080;
color: red;
font-weight: bold;
background-color: white;
}

th.liste {
height: 35;
border-style: solid;
border-width: 0;
border-color: #808080;
padding: 5px;
background-color: #9999cc;
font-size: 10pt;
color: white;
font-weight: bold;
}

/*
td.cadre_haut_gauche{
background-image: url('haut_gauche.gif');
height: 20px;
width: 12px;
border-width: 0;
}

td.cadre_haut_droit{
background-image: url('haut_droit.gif');
height: 20px;
width: 12px;
border-width: 0;
}

td.cadre_haut_centre{
background-image: url('haut_centre.gif');
height: 20px;
border-width: 0;
}

td.cadre_centre_gauche{
background-image: url('centre_gauche.gif');
width: 12px;
border-width: 0;
}

td.cadre_centre_droit{
background-image: url('centre_droit.gif');
width: 12px;
border-width: 0;
}

td.cadre_bas_gauche{
background-image: url('bas_gauche.gif');
height: 20px;
width: 12px;
border-width: 0;
}

td.cadre_bas_droit{
background-image: url('bas_droit.gif');
height: 20px;
width: 12px;
border-width: 0;
}

td.cadre_bas_centre{
background-image: url('bas_centre.gif');
height: 20px;
border-width: 0;
}

td.cadre_centre_centre{
border-width: 0;
background-color: #FFFFFF;
vertical-align: top;
}
*/

td.cadre_haut_gauche{
background-image: url('haut_gauche2.gif');
height: 20px;
width: 18px;
border-width: 0;
}

td.cadre_haut_droit{
background-image: url('haut_droit2.gif');
height: 20px;
width: 18px;
border-width: 0;
}

td.cadre_haut_centre{
background-image: url('haut_centre2.gif');
height: 20px;
border-width: 0;
}

td.cadre_centre_gauche{
background-image: url('centre_gauche2.gif');
width: 18px;
border-width: 0;
}

td.cadre_centre_droit{
background-image: url('centre_droit2.gif');
width: 18px;
border-width: 0;
}

td.cadre_bas_gauche{
background-image: url('bas_gauche2.gif');
height: 20px;
width: 18px;
border-width: 0;
}

td.cadre_bas_droit{
background-image: url('bas_droit2.gif');
height: 20px;
width: 18px;
border-width: 0;
}

td.cadre_bas_centre{
background-image: url('bas_centre2.gif');
height: 20px;
border-width: 0;
}

td.cadre_centre_centre{
border-width: 0;
background-color: #FFFFFF;
vertical-align: top;
}

table.noborder {
margin: 0;
border-collapse: collapse;
border-width: 0;
padding: 0;
/*font-size: 8pt;*/
/*font-weight: bold;*/
}

table.noborderpetit {/*OU menu*/
border-collapse: collapse;
border-width: 0;
border-spacing: 0;
padding: 0;
font-family: arial;
/*font-size: 8pt;*/
font-weight: bold;
/*font-size: 10pt;*/
font-size: 9pt;
/*font-style: italic;*/
}

table.nobordergrand {/*ou page*/
border-collapse: collapse;
border-width: 0;
border-spacing: 0;
padding: 0;
font-family: arial;
/*font-size: 8pt;*/
/*font-weight: bold;*/
font-size: 11pt;
}

table.noborder4 {/*qui menu*/
border-collapse: collapse;
border-width: 0;
border-spacing: 0;
padding: 0;
font-family: verdana;
/*font-size: 8pt;*/
font-weight: bold;
font-size: 10pt;
}

table.noborder5 {/*qui page*/
border-collapse: collapse;
border-width: 0;
border-spacing: 0;
padding: 0;
font-family: verdana;
/*font-size: 8pt;*/
font-weight: bold;
font-size: 12pt;
}


td.petit {/*Les 1ere pages*/
font-weight: bold;
font-size: 10pt;
}


tr.noborder {
border-width: 0;
margin:0;
}

th.noborder {
border-width: 0;
}

td.noborder {
border-width: 0;
}

td.corps {
border-width: 0;
}


a.onglet:link {
color: black;
text-decoration: none;
}
a.onglet:visited {
color: black;
text-decoration: none;
}
a.onglet:hover {
color: black;
text-decoration: none;
}


td.tabactive{
height:                35px;
width:                 128px;
border:                0px;
padding:               0px;
border-spacing:        0px;
text-align:            center;
font-size:   10pt;
font-weight: bold;
border-color:          rgb(0,0,0);
background-image:      url('tabactive.gif');
background-repeat:     no-repeat;
background-attachment: scroll;
background-position:   top left;
vertical-align: middle;
}

td.tabinactive{
height:                35px;
width:                 128px;
border:                0px;
padding:               0px;
border-spacing:        0px;
text-align:            center;
font-size:             10pt;
border-color:          rgb(0,0,0);
background-image:      url('tabinactive.gif');
background-repeat:     no-repeat;
background-attachment: scroll;
background-position:   top left;
font-weight: bold;
vertical-align: middle;
}

td.tabsurvol{
height:                35px;
width:                 128px;
border:                0px;
padding:               0px;
border-spacing:        0px;
text-align:            center;
font-size:             10pt;
border-color:          rgb(0,0,0);
background-image:      url('tabsurvol.gif');
background-repeat:     no-repeat;
background-attachment: scroll;
background-position:   top left;
font-weight: bold;
vertical-align: middle;
}


/*
td.tabactive{
height:                35px;
width:                 120px;
border:                0px;
padding:               0px;
border-spacing:        0px;
text-align:            center;
font-size:   10pt;
font-weight: bold;
border-color:          rgb(0,0,0);
background-image:      url('tabactive2.gif');
background-repeat:     no-repeat;
background-attachment: scroll;
background-position:   top left;
vertical-align: middle;
}

td.tabinactive{
height:                35px;
width:                 120px;
border:                0px;
padding:               0px;
border-spacing:        0px;
text-align:            center;
font-size:             10pt;
border-color:          rgb(0,0,0);
background-image:      url('tabinactive2.gif');
background-repeat:     no-repeat;
background-attachment: scroll;
background-position:   top left;
font-weight: bold;
vertical-align: middle;
}



td.tabsurvol{
height:                35px;
width:                 120px;
border:                0px;
padding:               0px;
border-spacing:        0px;
text-align:            center;
font-size:             10pt;
border-color:          rgb(0,0,0);
background-image:      url('tabsurvol2.gif');
background-repeat:     no-repeat;
background-attachment: scroll;
background-position:   top left;
font-weight: bold;
vertical-align: middle;
}
*/
a.menudroite:link {
font-size: 10pt;
color: black;
text-decoration: none;
}
a.menudroite:visited {
font-size: 10pt;
color: black;
text-decoration: none;
}
a.menudroite:hover {
font-size: 10pt;
color: white;
text-decoration: none;
font-family: arial, Verdana;
}

a.menubas:link {
color: #000000;
font-size: 10pt;
text-decoration: none;
}
a.menubas:visited {
color: #000000;
font-size: 10pt;
text-decoration: none;
}
a.menubas:hover {
color: #000000;
font-size: 10pt;
text-decoration: underline;
}

div.titre1gauche {
font-size: 20pt;
text-align: left;
color: #666666;
text-decoration: none;
font-weight: bold;
}

div.titre3gauche {
font-size: 19pt;
text-align: left;
color: #666666;
text-decoration: none;
font-weight: bold;
}

span.titre1gauche {
font-size: 20pt;
text-align: left;
color: #666666;
text-decoration: none;
font-weight: bold;
}


span.titre2gauche {
font-size: 20pt;
text-align: left;
color: #9999cc;
text-decoration: none;
font-weight: bold;
}

span.titre4gauche {
font-size: 19pt;
text-align: left;
color: #9999cc;
text-decoration: none;
font-weight: bold;
}


table.membres{
/*border: solid 1px #000000;*/
border-collapse: collapse;
padding: 0;
margin: 0;
}


td.membresbarre{
text-decoration: line-through;
font-size: 9pt;
text-align: left;
font-weight: normal;
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #000000;
border-bottom: 0px;
}

hr.pointille{
color: #9999cc;
border-style: dashed;
}

a.Recherche:link {
color: #666666;
text-decoration: none;
font-weight: bold;
}
a.Recherche:visited {
color: #666666;
text-decoration: none;
font-weight: bold;
}
a.Recherche:hover {
color: #9999cc;
text-decoration: none;
font-weight: bold;
}

a.RechercheEncours:link {
color: #9999cc;
text-decoration: none;
font-weight: bold;
}

a.RechercheEncours:visited {
color: #9999cc;
text-decoration: none;
font-weight: bold;
}
a.RechercheEncours:hover {
color: #9999cc;
text-decoration: none;
font-weight: bold;
}


input.edit_coupon
{
height: 20px;
}

input.button40 {
height: 20px;
width: 40px;
border-style: solid;
border-color: gray;
border-width: 1;
background-color: white;
font-family: arial;
font-weight: bold;
cursor: pointer;
}


input.button150 {
height: 30px;
width: 160px;
border-style: solid;
border-color: gray;
border-width: 1;
background-color: #9999cc;
font-family: arial;
font-weight: bold;
cursor: pointer;
}



input.button151 {
height: 20px;
width: 150px;
border-style: solid;
border-color: gray;
border-width: 1;
background-color: white;
font-family: arial;
font-weight: bold;
cursor: pointer;
}




input.retour {
height: 20px;
width: 95px;
border-style: solid;
border-color: #9999CC;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 4px;
background-color: white;
font-weight: bold;
Text-align: left;
color: #666666;
cursor: pointer;
}

input.Suivant {
height: 20px;
width: 95px;
border-style: solid;
border-color: #9999CC;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 4px;
background-color: white;
font-weight: bold;
Text-align: left;
color: #666666;
cursor: pointer;
}






input.button180 {
height: 20px;
width: 180px;
border-style: solid;
border-color: gray;
border-width: 1;
background-color: white;
font-family: arial;
font-weight: bold;
cursor: pointer;
}

input.edit_readonly {
/*border-style: solid;*/
/*border-color: #77afff;*/
background-color: #e0e0e0 
}

input.plusmoins {
width: 18;
height: 18;
font-size: 7pt;
color: black;
}

input.button {
height: 20px;
width: 95px;
border-style: solid;
border-color: gray;
border-width: 1;
background-color: white;
font-weight: bold;
cursor: pointer;
}

a.button:link {
height: 20px;
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: white;
text-decoration: none;
color: #000000;
}
a.button:visited {
height: 20px;
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: white;
text-decoration: none;
color: #000000;
}
a.button:hover {
height: 20px;
border-style: solid;
border-color: #000000;
border-width: 2px;
background-color: white;
text-decoration: none;
font-weight: bold;
color: #000000;
}


h3.titre {
font-size: 20pt;
text-align: right;
color: black;
text-decoration: underline;
font-weight: normal;
}

select.style1 {
font-size: 11pt;
background-color: #FFFFFF;
}

div.titredetail{
color: #9999cc;
font-size: 14pt;
text-align: left;
}

div.titredetail2{
color: #9999cc;
font-size: 11pt;
text-align: left;
}


td.liste2_Designation {
padding: 0px;
border-width: 0;
/*text-align: center;*/
text-align: left;
/*font-size: 10pt;*/
font-size: 7pt; /*8*/
}

td.liste2_prix {
padding: 0px;
border-width: 0;
text-align: left;
font-size: 8pt;
}


h4.chapitre {
font-size: 15pt;
text-decoration: none;
font-weight: normal;
}

td.total_panier{
height: 35;
color: white;
text-align: right;
background-color: #9999cc;
font-weight: bold;
}

input.edit{

}


td.listecatalogue_Image {
padding: 0px;
margin: 0px;
border-width: 0;
font-size: 8pt;
}

td.grand{
font-size: 11pt;
}

span.prixbarre{
text-decoration: line-through;
font-size: 9pt;
}




table.mesure{
border: solid 1px #666666;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}

tr.mesure1{
margin: 0px;
padding: 0px;	
border: 0px;
background-color: #FFFFFF;
}

tr.mesure2{
margin: 0px;
padding: 0px;
border: 0px;
background-color: #e5e5e5;
}

th.mesure1titre{
border: 0px;
margin: 0px;
padding: 0px;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
font-weight: bold;
text-align: center;
font-size: 10pt;
}


td.mesure1{
margin: 0px;
padding: 0px;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
/*background-color: #FFFFFF;*/
width: 35px;
text-align: center;
}

td.mesure1titre{
border: 0px;
margin: 0px;
padding: 5px;
/*background-color: #FFFFFF;*/
font-weight: bold;
}

td.mesure2{
margin: 0px;
padding: 0px;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
/*background-color: #e5e5e5;*/
width: 35px;
text-align: center;
}

td.mesure2titre{
margin: 0px;
padding: 5px;
border: 0px;
/*background-color: #e5e5e5;*/
font-weight: bold;
}


input.selectionne {
height: 20px;
width: 320px;
border-style: solid;
/*border-color: red;*/
border-color: #666666;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 4px;
background-color: white;
font-weight: bold;
Text-align: left;
color: #666666;
}

input.retourlong {
height: 20px;
width: 320px;
border-style: solid;
border-color: #9999CC;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 4px;
background-color: white;
font-weight: bold;
Text-align: left;
color: #666666;
cursor: pointer;
}

span.rem{
font-size: 8pt;
}

a.moncompte:link {
color: black;
text-decoration: none;
}
a.moncompte:visited {
color: black;
text-decoration: none;
}
a.moncompte:hover {
color: black;
text-decoration: underline;
}

span.libateliergauche{
color: #666666;
font-weight: bold;
}

span.libatelierdroite{
color: #9999cc;
font-weight: bold;
}

span.capsule{
color: #9999cc;
font-size: 7pt;
font-weight: bold;
}

li.grand{
font-size: 11pt;
}

a.chemtest{
font-size: 8pt;
}


td.newsletter{
color: #FFFFFF;
font-size: 8pt;
}


span.prixremise{
font-weight: bold;
color: red;
}

input.newsletter {
border-width: 0;
background-color: #000000;
font-family: arial;
font-weight: bold;
color: #9999CC;
border: solid 1pt #FFFFFF;
cursor: pointer;
}


span.newsletter {
font-size: 9pt;
font-weight: bold;
color: #9999CC;
}

tr.identification {
/*background-color: #b1b2b4;*/
background-color: #9999CC;
}

div.identification{
font-size: 10pt;
text-align: left;
color: #000000;
/*font-weight: bold;*/
}


span.panier{
font-size: 10pt;
text-align: left;
color: #000000;
/*font-weight: bold;*/	
}

a.deconnexion:link {
font-size: 10pt;
text-align: left;
color: #000000;
/*font-weight: bold;*/
text-decoration: none;
}

a.deconnexion:visited {
font-size: 10pt;
text-align: left;
color: #000000;
/*font-weight: bold;*/
text-decoration: none;
}

a.deconnexion:hover {
font-size: 10pt;
text-align: left;
color: #000000;
/*font-weight: bold;*/
text-decoration: underline;
}

div.partenaire{
width: 930px;;
text-align: left;
font-size: 8pt;
color: #000000;
}

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

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

a.partenaire:hover {
color: #000000;
text-decoration: underline;
}

/************ test angles *********************/
  /* Largeur totale de la boite */
.AngleRond {
width:100px;
background-color:transparent;
}

/* définition des pixels d'angles */
.AngleRond .pix1, .AngleRond .pix2, .AngleRond .pix3, .AngleRond .pix4, .AngleRond .pix5 {
display:block;
overflow:hidden;
height:1px;
border-left:1px solid #000;
border-right:1px solid #000;
/*background:#eca;*/
}

.AngleRond .pix1 {margin:0 5px; background:#000;}
.AngleRond .pix2 {margin:0 4px;}
.AngleRond .pix3 {margin:0 3px;}
.AngleRond .pix4 {margin:0 2px;}
.AngleRond .pix5 {margin:0 1px;}
/* soit au total : 14px de décalage latéral (2*5px + les bordures) */

/* calque de contenu de la boite */
.AngleRond .contenu {
/*background:#eca;*/
/*background-image: url('photo_wishlist.jpg');
background-position: center center;*/
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 5px;
/* largeur: calque AngleRond - 14px (décalage latéral) */
width:96px;
height:100px;
/* centrage du calque de contenu */
margin: 0 auto 0 auto;
}


div.contenantimage{
display: block;
overflow: hidden;	
background-image: url('photo_wishlist.jpg');
background-repeat:     no-repeat;
background-attachment: scroll;
background-position:   top left;
margin: 0 auto 0 auto;
width:100px;
}



/************ test angles *********************/


/***** zoom */
div.completediv{ overflow: hidden;
cursor: crosshair;
}


#selecteurzoom{ visibility: hidden;
position: absolute;
width: 25px;
height: 25px;
border: dashed 1px black;
}

#contenantzoom{ z-index: 5;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
border: solid 2px #999999;
width: 375px;
height: 408px;
background-color: white;
visibility: hidden;
}

div.zoomdiv{ position: relative;
top: 0;
Left: 0;
}