body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #ffffff ;
}

th {
	font-weight: bold;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #b81510 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
	width: 600px;
}

img {
	border: 0px;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

input, textarea, select
{
  border: 1px solid;
  border-color: #aaaaaa #aaaaaa #E2E2E2 #E2E2E2 ;
  padding: 2px 4px 2px 4px;

}

input:focus, textarea:focus, textarea:focus
{
  border: 1px solid;
  border-color: #000000 #000000 #000000 #000000;

}
hr
{
	border: thin solid #b81510 ;
}

div#conteneur
{
	width: 980px ;
	margin: 0 auto ;
	text-align: left ;
	/* border: 2px solid #2991b7 ; */
	background: #fff;
}

#centre table{
border: 1px;
border-collapse: collapse;
}

#header
{
	height: 329px ;
	background: url(graph/header.jpg) no-repeat left top ;
	margin: 0px;
}

#header a
{
	width: 550px ;
	height: 189px ;
	display: block ;
	background: url(graph/title.jpg) no-repeat ;
	position: relative ;
	left: 350px ;
	top: 69px ;
	text-indent: -5000px ;
}/* On donne les m�mes dimensions au lien, chose
 possible gr�ce � la propri�t� display: block ; qui transforme le lien
  en �l�ment de type block, auquel on peut donner des propri�t�s de taille.
   On met aussi l'image de fond qui a les m�mes dimensions que le cadre ainsi cr�� */
/* Le text-indent n�gatif est fait pour pouvoir ne
 cacher le texte hors de la page, ce que nous voulons. Ainsi il reste
  exploitable pour les synt�ses vocales */

#visuel_interne {
	width: 449px;
	text-align: left;
	margin-top:0px;
	margin-left:0px
}

#bloc-gauche {
	width: 176px;
	background-color: transparent;
}
ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(graph/bg_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilis�e en fond, on met ensuite l'image de fond
  avec un d�calage de 25 pixels vers le haut pour utiliser la technique de roll over expliqu�e dans un autre tutoriel; */
ul#menu li
{
	float: left ;
	text-align: center ;
}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a
{
	width: 230px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #b40001 ;
}/* C'est sur les liens que le gros du travail est
 effectu�, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte.
  Nous pouvons dimensionner les a gr�ce � la propri�t� display: block ; */

ul#menu li a:hover
{
	background: url(graph/bg_menu.gif) repeat-x 0 0 ;
}/* Et pour finir on d�cale l'image de fond au passage
 de la souris pour laisser apara�tre l'�tat survol� de l'image,
 voir le tutoriel sur les roll over pour plus de d�tails */

div#contenu_inscription
{
	padding: 10px ;
	text-align: left;
	background: transparent;
	margin: 0px auto;
	width: 800px;
}

div#contenu_inscription h1
{
	background-position: left top;
	margin-left: -8px;
	padding-left: 20px;
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
	font-size: 26px;
	letter-spacing: 10px;
	text-align: center;
}

div#contenu_inscription h2
{
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px #FF6600 solid;
	margin: 35px 0px 15px 0px;
}

div#contenu_inscription h3
{
}

div#contenu_inscription h4
{
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin-left: 10px;
	padding: 5px;
	text-transform: uppercase;
	font-style: italic;
}

div#contenu_inscription p
{
	text-align: justify ;
	/*line-height: 1.7em ;*/
}

div#contenu_inscription a
{
	color: #9c0501 ;
}

div#contenu_inscription a:hover
{
	color: #b81510 ;
}

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	/* color: #9c0501 ; */
}

p#footer a
{
	color: #9c0501 ;
}

p#footer a:hover
{
	color: #b81510 ;
}

#atelier {
width: 100%;
}

#atelier th {
height: 25px;
padding-top: 15px;
padding-bottom: 5px;
font-size: 11pt;
}

#atelier td {
line-height: 20px;
color: #005496;
font-weight: bold;
}

#atelier th td {
background-color: #005496;
}

#atelier td.titre-atelier{
color: #005496;
font-weight: bold;
border-bottom: thin solid #333333;
border-right: thin solid #333333;
}

#atelier-spe {
width: 100%;
background-color: rgb(255, 183, 132);
}

#atelier-spe th {
height: 25px;
padding-top: 15px;
padding-bottom: 5px;
font-size: 11pt;
}

#atelier-spe td {
line-height: 20px;
color: #005496;
font-weight: bold;
}

#atelier-spe th td {
background-color: #005496;
}

#atelier-spe td.titre-atelier{
color: #005496;
font-weight: bold;
border-bottom: thin solid #ffffff;
border-right: thin solid #ffffff;
}

#theme {
	width: 400px;
}

.sstitrebis {
	font-size: 16px;
	color: black;
	background: #fff;
	font-weight: bold;
}

.table-entete {
text-align: left;
color: #b81510;
font-weight: bold;
font-size: 18px;
height: 25px;
padding-top: 30px;
}

tr.S0 {
	background-color: #fff;
	color: #000000;
}
tr.S1 {
	background-color: #EBFFBF;
	color: #000000;
}

.piedpage
{
text-align: center;
}

#field_error
{
text-align: center;
}

.error
{
color: red;
font-size: 12pt;
font-weight: bold;
}

.total
{
color: red;
font-size: 13pt;
font-weight: bold;
}

.delimit
{
	line-height: 0px;
	border-top: 2px solid #333333 ;
}

.delimiteur
{
	line-height: 0px;
	border: thin solid #333333 ;
}

.required
{
	color: red;
}

.table_prix
{
	width: 900px;
	margin: 0 auto;
}

.table_prix td p
{
	line-height: 0px;
}

.table_event
{
	width: 900px;
	margin: 0 auto;
}

.table_event th
{
	font-size: 15px;
	padding-top: 15px;
	padding-bottom: 5px;
}

.texte
{
	font-weight: normal;
}


.seminariste {
	display: block;
	float: left;
	width: 130px;
}

.reglement {
	display: block;
	float: left;
	width: 130px;
}

.recap_table {
	width: 100%
}

.recap_table .reglement_titre {
	font-weight: bold;
	padding-top: 5px;
	font-size: 14px;
}

.recap_table .reglement_lib {
	/* width: 550px; */
	font-style: italic;
	background-color: #dddddd;
}

.recap_table .reglement_prix {
	width: 100px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	background-color: #dddddd;
}

.recap_table .reglement_total {
	font-weight: bold;
	color: red;
	font-size: 18px;
	border-top: 2px solid #000000;
	text-align: center;
}

.view_table {
	width: 90%;
}

.view_col1 {
	width: 50%
}

.view_col2 {
	width: 10%
}

.view_col3 {
	width: 40%
}

.odd {
	background-color: #b5d5ff;
}
/* style page javascript*/

#vignettes { width: 322px; height: 274px; z-index: 2000; float: right; display: inline; margin-right: 10px; margin-left: 10px }
#vignettes a { display: inline; text-decoration: none; top: 0; left: 0; border: 0;}
#vignettes a:hover { text-decoration: none; cursor: default }
#vignettes a .large { display: block; position: absolute; width: 1px; height: 1px; border: 0px;}
#vignettes a:hover .large { display: inline; position: absolute; left: 355px; width: 644px; height: 549px; }



#vignettes_ie7 { width: 322px; height: 372px; z-index: 2000; float: right; display: inline; margin-right: 10px; margin-left: 10px}
#vignettes_ie7 a { display: inline; text-decoration: none; top: 0; left: 0; border: 0;}
#vignettes_ie7 a:hover { text-decoration: none; cursor: default }
#vignettes_ie7 a .large { display: block; position: absolute; width: 1px; height: 1px; border: 0px;}
#vignettes_ie7 a:hover .large { display: inline; position: absolute; left: 513px; width: 486px; height: 562px; }


#vignettes_ie72 { width: 258px; height: 268px; z-index: 2000; float: right; display: inline; margin-right: 10px; margin-top: 10px; clear: both }
#vignettes_ie72 a { display: inline; text-decoration: none; top: 0; left: 0; border: 0;}
#vignettes_ie72 a:hover { text-decoration: none; cursor: default }
#vignettes_ie72 a .large { display: block; position: absolute; width: 1px; height: 1px; border: 0px;}
#vignettes_ie72 a:hover .large { display: inline; position: absolute; left: 536px; width: 463px; height: 481px; }



#vignettes_ie6 { width: 322px; height: 371px; z-index: 2000; float: right; display: inline; margin-right: 10px; margin-left: 10px }
#vignettes_ie6 a { display: inline; text-decoration: none; top: 0; left: 0; border: 0;}
#vignettes_ie6 a:hover { text-decoration: none; cursor: default }
#vignettes_ie6 a .large { display: block; position: absolute; width: 1px; height: 1px; border: 0px;}
#vignettes_ie6 a:hover .large { display: inline; position: absolute; left: 556px; width: 443px; height: 511px; }




#vignettes_ie62 { width: 258px; height: 303px; z-index: 2000; float: right; display: inline; margin-right: 10px; margin-top: 10px; clear: both }
#vignettes_ie62 a { display: inline; text-decoration: none; top: 0; left: 0; border: 0;}
#vignettes_ie62 a:hover { text-decoration: none; cursor: default }
#vignettes_ie62 a .large { display: block; position: absolute; width: 1px; height: 1px; border: 0px;}
#vignettes_ie62 a:hover .large { display: inline; position: absolute; left: 646px; width: 353px; height: 415px; }




#vignettes_o { width: 322px; height: 268px; z-index: 2000; float: right; display: inline; margin-right: 10px; margin-left: 10px }
#vignettes_o a { display: inline; text-decoration: none; top: 0; left: 0; border: 0;}
#vignettes_o a:hover { text-decoration: none; cursor: default }
#vignettes_o a .large { display: block; position: absolute; width: 1px; height: 1px; border: 0px;}
#vignettes_o a:hover .large { display: inline; position: absolute; left: 377px; width: 622px; height: 518px; }



#vignettes_s { width: 322px; height: 205px; z-index: 2000; float: right; display: inline; margin-right: 10px; margin-left: 10px }
#vignettes_s a { display: inline; text-decoration: none; top: 0; left: 0; border: 0;}
#vignettes_s a:hover { text-decoration: none; cursor: default }
#vignettes_s a .large { display: block; position: absolute; width: 1px; height: 1px; border: 0px;}
#vignettes_s a:hover .large { display: inline; position: absolute; left: 377px; width: 628px; height: 400px; }