BODY {SCROLLBAR-FACE-COLOR:#C8E8FD; BORDER-LEFT-COLOR:#E8EBFF; BORDER-BOTTOM-COLOR:#E8EBFF; SCROLLBAR-HIGHLIGHT-COLOR:#6a7123; SCROLLBAR-SHADOW-COLOR:#E8BEFF; SCROLLBAR-3DLIGHT-COLOR:#E8EBFF; BORDER-TOP-COLOR:E8EBFF; SCROLLBAR-ARROW-COLOR: #E8EBFF; SCROLLBAR-TRACK-COLOR:#E8EBFF; SCROLLBAR-DARKSHADOW-COLOR:#E8EBFF; BORDER-RIGHT-COLOR:E8EBFF; BORDER-BOTTOM-STYLE: #E8EBFF}



INPUT {

	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; FONT-FAMILY: Verdana,arial; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #000000

}

TEXTAREA {

	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; FONT-FAMILY: Verdana,arial; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #000000

}

SELECT {

	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; FONT-FAMILY: Verdana,arial; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #000000

}



CHECKBOX {

	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; FONT-FAMILY: Verdana,arial; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #000000

}



RADIO{

	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; FONT-FAMILY: Verdana,arial; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #000000

}



FORM {

	FONT-SIZE: 10px;

	FONT-FAMILY: Verdana, arial;

}



a:active {color: #E00716; font-family: "arial"; font-size: 12px;text-decoration:none}

a:hover {color: #16E0FF; font-family: "arial"; font-size: 12px;text-decoration:none}

a:link {color: #E00716; font-family: "arial"; font-size: 12px;text-decoration:none}

a:visited {color: #A9C8D2; font-family: "arial"; font-size: 12px;text-decoration:none}

a:visited:hover {color: #16E0FF; font-family: "arial"; font-size: 12px;text-decoration:none}




a.entree:active {color: #E00716; font-family: "arial"; font-size: 11px;text-decoration:none}

a.entree:hover {color: #16E0FF; font-family: "arial"; font-size: 11px;text-decoration:none}

a.entree:link {color: #E00716; font-family: "arial"; font-size: 11px;text-decoration:none}

a.entree:visited {color: #A9C8D2; font-family: "arial"; font-size: 11px;text-decoration:none}

a.entree:visited:hover {color: #16E0FF; font-family: "arial"; font-size: 11px;text-decoration:none}



.conteneur
{	MARGIN-TOP: -10px;
	LEFT: 50%;
	MARGIN-LEFT: -391px;
	WIDTH: 782px;
	TOP: 20px;
	HEIGHT: auto;
	position:absolute}


H3 {

	font-family: arial;

	font-size: 11px;

	border: aucune;

	font-weight: normal;

}



H4 {

       	font-family: arial;

	font-size: 12px;

	text-align: left;

	color: #000000;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #A9C8D2;

}



.texte {

	font-weight: normal;

	font-family: arial;

	font-size: 12px;

	}
	
	.texterecherche {

	font-weight: normal;

	font-family: arial;

	font-size: 11px;

	}
	
	.texteentree {

	font-weight: normal;

	font-family: arial;

	font-size: 11px;

	}

.souligné-rouge-gras {  text-decoration: underline; font-weight: bold; color: #CC5567; font-family: "arial"; font-size: 14px}

.textegras {

	font-family: arial;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

	vertical-align: top;

	border-bottom-style: Aucune;

	border-top-style: Aucune;

	border-right-style: Aucune;

	border-left-style: Aucune;

	color: #000000;

	}

	

.textegrasgrand {

	font-family: "arial";

	font-size: 14px;

	font-weight: bold;



}

.textegrasrouge

{font-family: "arial";

	font-size: 11px;

	font-weight: bold;

color:#E00716;

}



.textegrasrougegrand {

font-family: arial;

	font-size: 14px;

	font-weight: bold;

color:#E00716;

}



.champ {  background-color: #62FF00; font-family: "arial"; font-size: 10px}



.soulignefraisport { text-decoration: underline; font-weight: bold; color: #CC5567 ; font-size: 14px}



.liste-categorie {

	background-color: #E8EBFF;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-bottom-style: solid;

	border-top-color: E00716;

	border-right-color: E00716;

	border-bottom-color: E00716;

	border-left-color: E00716;

}



.texte-avec { font-family: "arial"; font-size: 11px ; margin-left: 5px; margin-right: 5px}



.texterouge-clair{

	font-family: "arial";

	font-size: 11pt;

	color: #FFA3A6;

	text-decoration: underline;

	font-weight: bold;





}

.petitemaj {

	font-family: "Times New Roman", Times, serif;

	font-size: 11px;

	font-variant: small-caps;

	font-weight: normal;

	text-transform: capitalize;

}



.table 

{

	WIDTH: 700px;

	HEIGHT: 144px;



ALIGN="center";

	background-position: center;



}





.table1 

{

WIDTH: 730px; 

HEIGHT: 150px; 

ALIGN="center";

}



.table2 

{

WIDTH: 730px; 

HEIGHT: 100px;s

ALIGN="center";

}



.table3 

{

	WIDTH: 730px;

	HEIGHT: 120px;



ALIGN="center";

	margin-top: 0px;

	padding-top: 0px;

}



.table4 

{

WIDTH: 684px;

HEIGHT: 100px; 

ALIGN="center";

}



.table5 

{

WIDTH: 730px;

HEIGHT: 100px; 

ALIGN="center";

}





.table10 

{

WIDTH: 730px;

HEIGHT: 41px; 

ALIGN="center";

}





.table6 

{
	WIDTH: 632px;
	HEIGHT: 156px;
	background-image: url(magasin/administrer/images/boutons/fond-index1.gif);
	padding: 6px;
}





.table7 

{
	WIDTH: 632px;
	HEIGHT: 123px;





ALIGN="center";
	background-image: url(magasin/administrer/images/boutons/fond-index2.gif);
	padding-top: 6px;

}



.table8 

{

WIDTH: 596px;

HEIGHT: 34px; 

ALIGN="right";

}





.table9 

{

WIDTH: 596px;

HEIGHT: 41px; 

ALIGN="left";

}



.table11 

{

WIDTH: 730px;

HEIGHT: 41px; 

ALIGN="left";

}





.ligne1 {

	LINE-HEIGHT: 1px;

}



.ligne2 {

	LINE-HEIGHT: 2px;

}



.ligne10 {

	LINE-HEIGHT: 6px;

}



.ligne18 {

	LINE-HEIGHT: 18px;

}



.ligne20 {

	LINE-HEIGHT: 20px;

}



.ligne30 {

	LINE-HEIGHT: 30px;

}



.ligne40 {

	LINE-HEIGHT: 30px;

}



.ligne1pc

{	width:1%;

}





.ligne80pc

{	width:80%;

}





.colonne207 {

	width: 207px;

}



.colonne109 {

	width: 109px;

}





.colonne115 {

	width: 115px;

}



.colonne120 {

	width: 120px;

}





.colonne700 {

	width: 600px;

}





.colonne60 {

	width: 60px;

}





.colonne80 {

	width: 80px;

}



}

.textepetit {

	font-family: arial;

	font-size: 9px;

	line-height: 9px;



}

.titrepage {

	font-family: arial, Helvetica, sans-serif;

	font-size: 24px;

	color: #000000;

	text-align: center;



}

.numeropage {

	font-family: arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #000000;

}

.colonne109ligne {

	width: 109px;

	background-image: url(images/boutons/ligne-base-page-acceuil.gif);

	background-repeat: repeat-y;



}

.interligne8 {

	line-height: 8px;

}

.colonne115ligne {

	background-image: url(images/boutons/ligne-base-page-acceuil.gif);

	background-repeat: repeat-y;



}



.colonne115fond {

	background-image: url(magasin/administrer/images/1213-2.gif);

	background-repeat: no-repeat;



}





.colonne216 {

HEIGHT: 216px; 

	width: 115px;

}

.soustitrepage {

	font-family: arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #000000;

	text-align: center;

}



.rubriques {

	font-family: arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #000000;

	text-align: center;

	font-weight: bold;



}





h1

{font-family: "arial";

	font-size: 11px;

	font-weight: bold;

color:#E00716;

}



h2 {

	font-family: arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #000000;

	text-align:left;

	border: 1px solid #C8E8FD;

}

.ptitre {

	border: thin solid #E8DCFF;

}

.cadre {

	border: 1px solid #E8DCFF;


}

.cadreprix {

	border-top: 1px solid #C8E8FD;

	border-right: 1px;

	border-bottom: 1px solid #C8E8FD;

	border-left: 1px;

		font-weight: bold;}

.cadretexte {

	font-family: "arial";

	font-size: 11px;

	border: 1px solid B216EC;

}

.titre {

	background-image: url(magasin/administrer/images/boutons/violet.gif);

       width: 100%;

	font-family: "arial";

	font-size: 11px;



}





.cadreepuise {

	border-top: 1px solid #E8F4F3;

	border-right: 1px;

	border-bottom: 1px solid #E8F4F3;

	border-left: 1px;

	font-weight: bold;

	text-align: left;

}

.textegrasvertical {
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	color: #E00716;
	text-shadow : black 4px 4px 7px;
	border-top: #A9C8D2;
	border-right: #A9C8D2;
	border-bottom: #A9C8D2;
	border-left: 1px solid #A9C8D2;
	margin-left: 20px;

}

/*#A9C8D2*/.cadreentree {

	border: 1px solid #A9C8D2;

}



.isbn {font-variant:small-caps;font-size:14px; font-family:Arial, Helvetica, sans-serif;}






/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu, .ssmenu {
	background: #C8E8FD;
	font-size:11px;
	border:0;
	padding:0;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

.ssmenu {
	align:left;
	background-color: C8E8FD;
	border:1px solid E8EBFF;
}

.ssmenu {
	color:black;
	font-size:11px;
	align:left;
	border:0;
	padding:0;
	background-color: C8E8FD;
	border:1px solid E8EBFF;
}
.menu {
	font-size:11px;
	border:0;
	padding:0;
	border:1px solid E8EBFF;
}


/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {

}



.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}



.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:"arial", "sans-serif", Verdana, Arial;
	text-align:"left";
	text-decoration:none;
	color:E00716;
	padding:2px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}
/* spécificité au menu image pour ne pas avoir d'espace autour des images...*/
.menu a, .menu a:visited {
	padding:0;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background: E8BEFF;
	color:C8E8FD;
	border:1px solid E8EBFF;
	text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/