/* CSS Document */
#txt_reduire		{display:none;}

body			{color:#000000; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; background-color: #f8efc6;}
#corpus			{width:100%; background-color: #ffffff; border-bottom:1px solid #dd2027;}
#corpus2		{width:100%; background-color: #ffffff;}
#marges			{border-right:1px solid #e2af16; background-color:#ffffff; padding-right:10px;}

/* Frame entête */
#menu				{background-color: #ffffff;}

/* 4 parties du frame entête */
#menu1				{padding: 3px 0 3px 10px; font-size: 80%; color: #ffffff; border-bottom:1px solid #cec25b; background-color: #000000;}
#menu1 select, input, form 	{padding-left: 5px; font-size: 90%; font-weight: bold;}

#menu2				{border-bottom:1px solid #ffffff; background-color: #333e40;}

#menu3frame			{border-bottom:1px solid #ffffff; background-color: #f5de8d; padding: 0 10px 0 10px;}
#menu3				{background-color: #f5de8d; font-size: 80%; font-weight: bold;}
#menu3 a			{display:block; width:100%; color: #000000; border:1px; text-decoration: none; padding: 2px 0 2px 0;}
#menu3 a:hover		{border:1px solid #db9417;  text-decoration: underline; background-color:#f1d06e;}
#menu3 span			{display:none;}
#menu4				{background-color: #333e40; border-bottom:1px solid #ffffff; font-size: 80%; padding:0; font-weight: bold;}


/* Frame corpus */
#contenu	 		{border-left:1px solid #e2af16; background-color: #ffffff; height:550px; padding-bottom:15px;}

#miniinfos			{font-size:80%;}
.miniul 			{font-size:90%;}

#bandeau {background-image: url(../g/bandeau.jpg); height:112px;}

/* Note (encadré)*/
.note 				{font-size: 80%;}
.note a 			{color:#000000; text-decoration:none;}
.note a:hover		{color:#333333; text-decoration:underline;}

#note2 				{font-size: 90%;}
#note2 hr			{height: 1px; padding: 0; color: #e2af16;}								

/* mise en page selon le modèle PDF*/
#colone1 table 		{border: 1px solid #ecd075; border-collapse: collapse; padding:5px;}
#colone1 			{color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fdfbf0;}
#colone1 h1			{background-color: #ffffff; padding: 0; background-image:none; font-size:100%; font-weight:bold; color:#000000; width:100%; margin-bottom:30px;}
#colone1 h2			{text-align:left; font-weight:bold;}
#colone1 p			{font-size:100%; color:#000000;}
#colone1 td			{vertical-align: top; border: 1px solid #eed979; padding:5px; }
#colone1 tr			{vertical-align: top;}

#colone1 caption	{padding:5px 5px 5px 5px; text-align:left; font-weight:bold; color:#000000;}
#colone1 li			{font-size: 70%;  margin-left:-10px;  list-style-type: square;}
#colone1 img		{margin:10px 0 10px 0;}

#colon2 table 		{padding:5px;}
#colone2 			{font-size: 70%; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse;}
#colone2 h1			{background-color: #ffffff; padding: 0; background-image:none; font-size:110%; font-weight:bold; color:#000000; width:100%;}
#colone2 p			{font-size:100%; color:#000000;}
#colone2 td			{vertical-align: top; background-color: #fdfbf0; border: 1px solid #ffffff; padding:5px;}
#colone2 tr			{vertical-align: top;}
#colone2 th			{text-align:left; font-weight:bold; background-color: #f8efc6;  border: 1px solid #ffffff;}
#colone2 caption	{padding:5px 5px 5px 5px; text-align:left; font-weight:bold; font-size:130%; color:#000000;}
#colone2 li			{margin-left:-20px;  list-style-type: square;}
#colone2 img		{margin:10px 0 10px 0;}


#colon3 table 		{padding:5px;}
#colone3 			{font-size: 70%; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse; border:1px solid #ecd075;}
#colone3 h1			{background-color: #ffffff; padding: 0; background-image:none; font-size:100%; font-weight:bold; color:#000000; width:100%;}
#colone3 p			{font-size:100%; color:#000000;}
#colone3 td			{vertical-align: top; background-color: #fdfbf0; padding:5px;}
#colone3 tr			{vertical-align: top;}
#colone3 th			{text-align:left; font-weight:bold; background-color: #f8efc6;}
#colone3 caption	{padding:5px 5px 5px 5px; text-align:left; font-weight:bold; font-size:120%; color:#000000;}
#colone3 li			{margin-left:-20px;  list-style-type: square;}
#colone3 img		{margin:10px 0 10px 0;}


/* Frame sousmenu*/
.titresection				{display:block; width: 185px; border-bottom:1px solid #e2af16; font-size: 95%; font-weight:bold; background-color: #f5de8d; text-indent: 0.8em;}
#sousmenu 					{background-color: #f8efc6; font-size: 90%;}
#sousmenu ul				{margin:0; padding:0;}
#sousmenu li				{display:inline; margin:0; padding:0;}
#sousmenu ul li a			{border-bottom:1px solid #e2af16; font-size:90%; display:block; color:#000000; text-decoration:none; background-color:#ffffff; font-weight: normal; text-indent: 32px; background-image:url(../g/arrow-bullet.gif); background-repeat:no-repeat; background-position:20px -2px; }
#sousmenu ul li a:hover		{display:block; width: 185px; background-color:#fdf4cc;  background-image:url(../g/arrow-bullet.gif); background-repeat:no-repeat; background-position:22px -2px; }


/* Frame pied de page*/
#pieddepage 		{border-top:1px solid #e2af16; font-size: 70%; text-align: center; padding-top: 5px;}
#pieddepage	table tr	{align:center;}
#pieddepage	a		{color:#000000; text-decoration:none;}
#pieddepage	a:hover	{color:#000000; text-decoration:underline;}

/* Balises standard redéfinies */
a			{color: #c10000; text-decoration: underline; font-weight: bold;}
a:hover 	{color: #770000; text-decoration: underline;}

h1 {color: #ffffff; background-color: #dd2027; width: 500px; padding: 5px 0 4px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bold;  background-image: url(../g/coinrond.gif); background-repeat:no-repeat;  background-position:100% 0;}
h2 {color: #dd2027; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bold;}

p  {font-size:90%; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
hr {height: 1px; padding: 0; color: #dd2027; width: 97%; align: left;}								


/* Éléments particuliers */
.jaune 				{color: #c5750c; padding: 0; margin: 0; height:1px;}
.produits			{display: block; width: 185px; background-color: #f5de8d; font-family: Arial, Helvetica, sans-serif; font-size: 110%; color: #000000; font-weight: bold;}
.trouver			{border:1px solid #e2af16; padding: 0 2px 0 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; font-weight: bold; background-color: #faf9ea; text-decoration: none;}
h2.accueil			{display:block; width: 98%; color: #c5750c; font-size: 120%; font-weight: bold; padding:2px; border-bottom: 1px solid #c5750c; border-top: 1px solid #c5750c; background-color:#f8efc6;}
#lignerouge			{border-bottom:1px solid #dd2027;}
#marge 				{padding-left:10px; padding-top:12px;}
#slogan2			{text-indent: 4em; font-size: 130%;}

#footer2	 		{line-height: 80%; font-size: 120%;}
#footer2 a			{color: #995544; text-decoration: underline; font-weight: bold;}
#footer2 a:hover 	{color: #555544; text-decoration: underline; background-color: #f1d06e;}

h2.products2		{color: #ffffff; background-color: #000000; font-size: 120%; font-weight: bold; padding:2px;}

#credits	 		{font-size: 90%;}

#features {padding:10px; border-collapse: collapse; border: 1px solid #dd2027; font-size: 90%;}
#features caption 	{text-align: left; color: #ffffff; font-size: 110%; font-weight: bold; padding:2px; background-color:#dd2027;}
#features ul		{margin:0; padding:0 5px 20px 20px;}
#features li		{padding: 2px 0 2px 0; list-style: circle;}

#features2 			{padding:10px; font-size: 90%;}
#features2 ul		{margin:0; padding:0 5px 20px 20px;}
#features2 li		{padding: 2px 0 2px 0; list-style: circle;}

#products {padding:10px; font-size: 90%;}
#products table {border-collapse: collapse;}
#products caption  {text-align: left; color: #ffffff; background-color: #000000; padding: 2px 2px 2px 2px; border: 1px solid #ffffff; font-size: 120%; font-weight: bold; }
#products th {font-size: 100%; text-align: left; background-color: #eeeeee; padding: 2px; font-size: bold; border: 1px solid #ffffff;}
#products td {font-size: 100%; background-color: #eeeeee; padding: 2px; border: 1px solid #ffffff;}
#products ul		{margin:0; padding:0 5px 20px 20px;}
#products li		{padding: 2px 0 2px 0; list-style: square; font-size: bold;}

#products2 {font-size: 90%;}
#products2 table {border-collapse: collapse;; }
#products2 caption  {text-align: left; color: #000000; padding: 2px 2px 2px 2px; border: 1px solid #ffffff; font-size: 120%; font-weight: bold; }
#products2 th {font-size: 110%; text-align: left; padding: 2px; font-size: bold; border: 1px solid #ffffff;}
#products2 td {font-size: 110%; padding: 2px; border: 1px solid #ffffff;}
#products2 ul		{margin:0; padding:0 5px 20px 15px;}
#products2 li		{padding: 2px 0 2px 0; list-style: square; font-size: bold;}

/* Éléments de contenu*/
#encadre h1 {font-size:110%; font-weight:bold; color:#000000; background-color: transparent; padding-top: 10px;}
#encadre p {font-size:90%; font-weight:normal; color:#000000; line-height: 120%; margin-right: 10px;}
#encadre {margin: 5px 5px 5px 5px; background-color: #fef9e4; border:1px solid #f0d78b; font-size: 85%;}

#infobulle {font-size: 95%;}

/* Formulaires */
#formulaire caption	{font-size:100%; font-weight:bold; text-align: left; padding-bottom: 6px;}
#formulaire table	{padding: 2px;}
#formulaire p 		{font-size:80%; font-weight:bold; font-family: verdana, arial, helvetica, sans-serif;}
#formulaire input, select, textarea, form {font-size:80%; font-weight:bold;}

.rouge	{color:#dd2027;}

/* Impression */
@media print {
#entete			{width:100%; border:0;}
#menu 			{display:none;}
#sousmenu 		{display:none;}
#marges 		{border:0;}
#corpus 		{border: 0; width:100%;}
#lignerouge 	{border: 0;}
#pieddepage 	{display: none;}
#contenu 		{border: 0;}
#encadre 		{border:1px solid #dddddd; margin:0; font-size: 80%;}
.note 			{display:none;}
}