/* _____GENERAL _____*/

* {padding: 0;margin: 0;}
body {font-family: Arial, Helvetica, sans-serif;color: #666666;font-size: 12px;}

#page {width: 987px;margin: 0 auto; background: url(http://www.polyarthrite-andar.com/IMG/commun/bg-page.gif) repeat-y;}
#page TD {vertical-align:top}

/* _____ACCUEIL _____*/

.web
	{ display: none; }

#navigue-bleu
	{ width: 286px; background: #006BB3 url(http://www.polyarthrite-andar.com/IMG/commun/navigue-top-bleu.gif) top left no-repeat;font-family:Trebuchet MS;font-size:14px;color:#FFFFFF;margin:0; padding-top:20px}
#navigue-bleu p /* fin menu */
	{ width: 286px; background: #A0216B url(http://www.polyarthrite-andar.com/IMG/commun/navigue-bottom-bleu.gif) top left no-repeat; height:35px}

#accueil-footer{ width: 987px; background: url(http://www.polyarthrite-andar.com/IMG/commun/accueil-bottom.gif) top left no-repeat; height:320px}
#accueil-illustration {margin: 0;width: 264px;background: #FDFACF url(http://www.polyarthrite-andar.com/IMG/commun/bg-illustration.gif) top left no-repeat;vertical-align:top; text-align:center;}
#accueil-intro {margin: 0;width: 437px;background: #FDFACF url(http://www.polyarthrite-andar.com/IMG/commun/bg-intro.gif) top left no-repeat;}
	#accueil-intro div {display:block;margin: 100px 50px 0 0; background: url(http://www.polyarthrite-andar.com/IMG/commun/fleche-bleu.gif) top left no-repeat; padding-left:85px}
	#accueil-intro  h1{font-family:Trebuchet MS;font-size:25px;color:#006BB3; line-height:22px; margin:0 0 15px 0}
	#accueil-intro  h2{font-family:Trebuchet MS;font-size:25px;color:#E7A92C; line-height:22px;}
	#accueil-intro  p{color:#000000; margin:15px 0 15px 0}
	#accueil-intro span {color:#006BB3}
	
#accueil-actu {margin: 0;width: 286px; height:250px;background: url(http://www.polyarthrite-andar.com/IMG/accueil/bg-actu.gif) top left no-repeat;}
	#accueil-actu h1 a{font-family:Trebuchet MS;font-size:14px;color:#006BB3; text-decoration:none; font-weight:bold; margin: 0 10px 0 0}
	#accueil-actu p{margin:5px 10px 0 0;}
	#accueil-actu h5{font-family:Trebuchet MS;font-size:12px;color:#006BB3; margin: 25px 0 0 0}
	#accueil-actu h6{font-family:Trebuchet MS;font-size:12px;color:#666666; }
	#accueil-actu img{float:left; border:#ffffff 3px solid; margin:0 10px 0 10px}
	#accueil-actu span{color:#006BB3;}

#accueil-cadre-1 {width: 240px; height:180px;background: url(http://www.polyarthrite-andar.com/IMG/accueil/cadre-blanc.gif) no-repeat;}
	#accueil-cadre-1 div{margin:10px 20px 0 0}
	#accueil-cadre-1 h2{font-family:Trebuchet MS;font-size:14px;color:#A0216B; text-decoration:none; font-weight:normal; border-left:#A0216B 3px solid; margin-bottom:10px; line-height:14px; padding-left:10px;}
	#accueil-cadre-1 p{margin-top:10px;}
	#accueil-cadre-1 span{color:#A0216B;}
	
#accueil-cadre-2 {width: 240px; height:195px;background: url(http://www.polyarthrite-andar.com/IMG/accueil/cadre-blanc.gif) no-repeat;}
	#accueil-cadre-2 div{margin:10px 20px 0 0}
	#accueil-cadre-2 h2{font-family:Trebuchet MS;font-size:14px;color:#006BB3; text-decoration:none; font-weight:normal; border-left:#006BB3 3px solid; margin-bottom:10px; line-height:14px; padding-left:10px;}
	#accueil-cadre-2 p{margin-top:10px;}
	#accueil-cadre-2 span{color:#006BB3;}
	
#accueil-antennes {margin: 0;width: 213px; height:301px;background: url(http://www.polyarthrite-andar.com/IMG/accueil/antennes.gif) top left no-repeat;}
	#accueil-antennes div{margin:10px 40px 0 0}
	#accueil-antennes h2{font-family:Trebuchet MS;font-size:14px;color:#D99712; text-decoration:none; font-weight:normal; border-left:#D99712 3px solid; padding-left:10px; margin-bottom:10px; line-height:14px}
	#accueil-antennes p{margin-top:15px;}
	#accueil-antennes span{color:#D99712;}
	

/* _____COLONNE GAUCHE _____*/

#colonne-gauche {margin: 0; padding: 0;width: 286px; vertical-align:top;}

	#logo{ width: 286px; height:181px; background: url(http://www.polyarthrite-andar.com/IMG/commun/bg-logo.gif) top left no-repeat;}
		#logo img{ margin: 45px 10px 10px 15px; border:0} /* avant 40 à la fin */
	
	#navigue-violet
	{ width: 286px; background: #A0216B url(http://www.polyarthrite-andar.com/IMG/commun/navigue-top-violet.gif) top left no-repeat;font-family:Trebuchet MS;font-size:14px;color:#FFFFFF;margin:0; padding-top:20px}
		A.navigue
		{ display:block; color:#FFFFFF; background: url(http://www.polyarthrite-andar.com/IMG/commun/puce-jaune.gif) no-repeat 7px 6px; margin:4px 20px 4px 30px; padding-left:20px; text-decoration:none}
		A.navigue:hover
		{text-decoration:underline}
		A.navigue-contact
		{ display:block; color:#FFFFFF; height:20px; background: url(http://www.polyarthrite-andar.com/IMG/commun/pict-mail.gif) no-repeat 2px; margin:0 20px 0 30px; padding-left:20px; text-decoration:none}
		A.navigue-contact:hover
		{ text-decoration:underline}
		A.navigue-forum
		{ display:block; color:#FFFFFF; background: url(http://www.polyarthrite-andar.com/IMG/commun/pict-forum.gif) no-repeat 2px; margin:4px 20px 4px 30px; padding-left:20px; text-decoration:none}
		A.navigue-forum:hover
		{ text-decoration:underline}
		A.navigue-infos
		{ display:block; color:#FFFFFF; background: url(http://www.polyarthrite-andar.com/IMG/commun/pict-info.gif) no-repeat 2px; margin:4px 20px 4px 30px; padding-left:20px; text-decoration:none}
		A.navigue-infos:hover
		{ text-decoration:underline}
	#navigue-violet p /* fin menu */
	{ width: 286px; background: #A0216B url(http://www.polyarthrite-andar.com/IMG/commun/navigue-bottom-violet.gif) top left no-repeat; height:35px}

#navigue-orange
	{ width: 286px; background: #E0882B url(http://www.polyarthrite-andar.com/IMG/commun/navigue-top-orange.gif) top left no-repeat;font-family:Trebuchet MS;font-size:14px;color:#FFFFFF;margin:0; padding-top:20px}	
	#navigue-orange p /* fin menu */
	{ width: 286px; background: #A0216B url(http://www.polyarthrite-andar.com/IMG/commun/navigue-bottom-orange.gif) top left no-repeat; height:35px}
	
	#sous-navigue {margin: 0;padding:0 0 10px 45px}
	#sous-navigue a {background: url(http://www.polyarthrite-andar.com/IMG/commun/puce-sous-nav.gif) no-repeat 0 10px;padding:0.2em 0 0.2em 0.7em;font-weight:normal;width:auto;color:#FDFACF;display:block; text-decoration:underline;border: 0px;}
	#sous-navigue a:hover {color: #ffffff}
	
	
	#cache
	{ display: none; }
	/*
	#sous-navigue
	{ width: 286px;font-size:12px; margin:0 0 15px 0}	
	
	 
		#sous-navigue a
		{ display:block; color:#FDFACF; background: url(http://www.polyarthrite-andar.com/IMG/commun/puce-sous-nav.gif) no-repeat 25px 10px; margin:0 10px 0 10px; padding:5px 0 0 40px; line-height:12px; height:20px; min-height:20px;}
		#sous-navigue a:hover
*/		{text-decoration:#ffffff}
	
	.cartouche-jaune{ width: 195px;margin:20px 0 20px 60px}
		.cartouche-jaune h3{font-family:Trebuchet MS;font-size:18px;color:#E1A122; text-decoration:none; font-weight:normal; border-left:#E1A122 3px solid; padding-left:10px; margin-bottom:10px}
		.cartouche-jaune p {margin:0 0 0 13px; color:#000000}
		.cartouche-jaune span {color:#E1A122}
		.cartouche-jaune img {border:0}



/* _____COLONNE CENTRE _____*/

#colonne-center-violet {margin: 0;width: 701px;background: #FDFACF url(http://www.polyarthrite-andar.com/IMG/commun/header-violet.gif) top left no-repeat;vertical-align:top;}
	#intro{display:block;margin: 100px 20px 40px 22px; background: url(http://www.polyarthrite-andar.com/IMG/commun/fleche-violet.gif) no-repeat 0 15px; padding-left:85px}
	#intro img{ float:right; border:0; margin:0 10px 0 10px}
	#intro h1{font-family:Trebuchet MS;font-size:30px;color:#A0216B; line-height:30px;}
	#intro p{color:#000000; margin:15px 0 15px 0}
	#intro a{color:#A0216B;display:block;}
	#intro span{display:block;margin:50px 0 0 0;}

#colonne-center-bleu {margin: 0;width: 701px;background: #FDFACF url(http://www.polyarthrite-andar.com/IMG/commun/header-bleu.gif) top left no-repeat;vertical-align:top;}	
	#intro-bleu{display:block;margin: 100px 20px 40px 22px; background: url(http://www.polyarthrite-andar.com/IMG/commun/fleche-bleu.gif) no-repeat 0 15px; padding-left:85px}
	#intro-bleu img{ float:right; border:0; margin:0 10px 0 10px}
	#intro-bleu h1{font-family:Trebuchet MS;font-size:30px;color:#006BB3; line-height:30px;}
	#intro-bleu p{color:#000000; margin:15px 0 15px 0}
	#intro-bleu a{color:#006BB3;display:block;}
	#intro-bleu span{display:block;margin:50px 0 0 0;}
	
#colonne-center-orange {margin: 0;width: 701px;background: #FDFACF url(http://www.polyarthrite-andar.com/IMG/commun/header-orange.gif) top left no-repeat;vertical-align:top;}	
	#intro-orange{display:block;margin: 100px 20px 40px 22px; background: url(http://www.polyarthrite-andar.com/IMG/commun/fleche-bleu.gif) no-repeat 0 15px; padding-left:85px}
	#intro-orange img{ float:right; border:0; margin:0 10px 0 10px}
	#intro-orange h1{font-family:Trebuchet MS;font-size:30px;color:#F39939; line-height:30px;}
	#intro-orange p{color:#000000; margin:15px 0 15px 0}
	#intro-orange a{color:#F39939;display:inline;}
	#intro-orange span{display:block;margin:50px 0 0 0;}

	
	.myBox-blanc{background-color: #ffffff;border: 1px solid #F6E29E;margin:0 0 50px 30px; padding:10px 10px 0 10px; width:630px}
		.myBox-blanc img{float:left;border:0; margin-right:10px}
		.myBox-blanc h2 a{font-family:Trebuchet MS;font-size:18px;color:#A0216B; text-decoration:none; font-weight:normal;}
		.myBox-blanc p{margin-top:15px;}
		.myBox-blanc span{color:#A0216B;}
		
	.myBox{background-color: #ffffff;border: 1px solid #F6E29E;margin:0 0 50px 30px; padding:10px 10px 0 10px; width:630px}
		.myBox img{float:left;border:0; margin-right:10px}
		.myBox h2 a{font-family:Trebuchet MS;font-size:18px;color:#006BB3; text-decoration:none; font-weight:normal;}
		.myBox h2 {font-family:Trebuchet MS;font-size:18px;color:#F39939; text-decoration:none; font-weight:normal;}
		.myBox h3 {font-family:Trebuchet MS;font-size:15px;color:#F39939; text-decoration:none; font-weight:bold; margin:3px 0 0 0;border-top: 1px solid #F39939; padding-top:3px}
		.myBox h4 {font-size:12px;color:#F000000; margin:5px 0 0 0; font-weight:normal}
		.myBox p{margin-top:3px;}

	.myBox-paypal{background-color: #ffffff;border: 1px solid #F6E29E;margin:0 0 10px 0px; padding:10px 10px 0 10px; width:225px}
		.myBox-paypal img{float:left; border:0; margin-right:10px; margin-bottom: 15px;}
		.myBox-paypal h2 a{font-family:Trebuchet MS;font-size:18px;color:#006BB3; text-decoration:none; font-weight:normal;}
		.myBox-paypal h3 {font-family:Trebuchet MS;font-size:15px;color:#F39939; text-decoration:none; font-weight:bold; margin:10px 0 0 0;border-top: 1px solid #F39939; padding-top:3px}
		.myBox-paypal h4 {font-size:12px;color:#F000000; margin:5px 0 0 0; font-weight:normal}
		.myBox-paypal p{margin-top:15px;}
		
	

	A.bouton {font-family:Trebuchet MS;font-size:12px;display:block;text-align:right;line-height:33px;padding-right:40px;width: 150px; height: 33px;background: url(http://www.polyarthrite-andar.com/IMG/commun/bouton-violet.gif) top right no-repeat;color:#A0216B; text-decoration:underline}
	A.bouton:hover {color:#000000}
	A.bouton-bleu {font-family:Trebuchet MS;font-size:12px;display:block;text-align:right;line-height:33px;padding-right:40px;width: 150px; height: 33px;background: url(http://www.polyarthrite-andar.com/IMG/commun/bouton-bleu.gif) top right no-repeat;color:#006BB3; text-decoration:underline;margin:0}
	A.bouton-bleu:hover {color:#000000}
	A.bouton-jaune {font-family:Trebuchet MS;font-size:12px;display:block;text-align:right;line-height:33px;padding-right:40px;width: 90px; height: 33px;background: url(http://www.polyarthrite-andar.com/IMG/commun/bouton-jaune.gif) top right no-repeat;color:#D99712; text-decoration:underline;margin:0}
	A.bouton-jaune:hover {color:#000000}
	
	
	
/*_____ARTICLE MODEL _____*/
	
	
	#hierarchie a {color:#A0216B; text-decoration:underline}
	#hierarchie a:hover {color:#000000;}
	/*===Titrage===*/
	#contenu h1 {font-family:Trebuchet MS;font-size:30px;color:#A0216B; line-height:30px;}
	#contenu h2 {font-family:Trebuchet MS;font-size:20px;color:#A0216B;}	
	#contenu h3 {font-family:Trebuchet MS;font-size:18px;color:#A0216B;}
	#contenu h4 {color:#A0216B; margin:0 0 15px 0; font-weight:bold; font-size:14px}
	/*===Liens===*/
	#contenu a {color:#A0216B; text-decoration:underline}
	#contenu a:hover {color:#000000;}
	/*===Listings===*/
	#contenu ul {margin: 0.3em 0 1.5em 0;list-style-type:none}
	#contenu ol {margin: .5em .5em 1.5em}
	#contenu ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}	
	#contenu li {padding-left: 18px;background: url(http://www.polyarthrite-andar.com/IMG/commun/puce-violet.gif) no-repeat 7px 5px}	
	/*===paragraphes===*/
	#contenu p {color:#000000; margin:0 0 15px 0}
	/*===images===*/
	#contenu img {border: 1px solid #F6E29E;}
	div.spip_doc_titre {font-family:Trebuchet MS;font-size:13px;text-align:center;color:#A0216B; font-weight:normal}
	div.spip_doc_descriptif {text-align:center;color:#333333; font-weight:normal}
	/*===Forum===*/
	.forum ul {margin: 0.3em 0 1.5em -10px;list-style-type:none;}
	.forum li {padding-left:10px}
	.forum-message div {border: 1px solid #F6E29E; padding:4px 10px 4px 10px; background-color:#FFFFFF}
	div.forum-chapo {background-color:#FAE49C}
	
	.text-bleu {color: #006BB3}


/* _____FOOTER _____*/

#footer {
 background: url(http://www.polyarthrite-andar.com/IMG/commun/bg-footer.gif) top left no-repeat;margin: 0;height: 133px}
 #menu-footer {
	height:31px;
	width:auto;
	text-align:center;
	margin-top: 60px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 320px;
}
	#menu-footer a {display:block;float:left;background:url(http://www.polyarthrite-andar.com/IMG/commun/puce-violet.gif) center left no-repeat;padding:0 10px 0 15px;text-decoration:underline;color:#A0216B}
	#menu-footer a:hover {color:#000000;}
	
	#menu-hon a {padding:0 0px 0 7px;text-decoration:underline;color:#006BB3}
	#menu-hon a:hover {color:#000000;}


/* FORMULAIRES*/ 
form {margin: 0; padding:0}
input,select,textarea {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0;background-color:#F0F0F0;}
fieldset {border: none}
/*
label {display:block;padding: 5px 0}
label br {clear:left}
*/ 

/* FORMULAIRE CONTACT */
#formcontainer #formset {padding: 10px;background-color: #FFF;border-top: #EEE 2px solid;border-right: #CCC 2px solid;border-bottom: #CCC 2px solid;
border-left: #EEE 2px solid;}
#formset p#legend {margin-bottom: 1em;}
#formset p#legend em {color: #3360AA;font-style: normal;}
#formset #errors {margin: 0 0 10px 0;padding: 5px 10px 5px 35px;border: #3360AA 1px solid;background: url(img/oops.png) #FFC no-repeat 5px 5px;}
#formset #errors p {margin: 0;}
#formset #errors ul {margin: auto;margin-bottom: 0.5em;list-style: disc;}
#formset #errors p em {color: #3360AA;font-style: normal;font-weight: bold;}
#formset form p  {margin: 0;}
#formset form fieldset {margin: 0 0 1em 0;padding: 0.5em;border: #DDD 1px solid;}
#formset form fieldset legend {font-weight: bold;color: #3360AA;}
#formset form fieldset div {padding: 0.25em 0;}

#formset label.error,
#formset span.error {color: #3360AA;}

#formset label em,
#formset span.label em {right: 0;font-size: 120%;font-style: normal;color: #0A246A;}

#formset input.error {border-color: #3360AA;background-color: #FFFFCC;}

#formset input:focus,
#formset input.error:focus, 
#formset textarea:focus {background-color: #FFFFCC;border-color: #3360AA;}

/*div#formset div ul {
	margin: 1.25em 0 1em 10em;
	list-style: none;
}
*/

div#formset div ul li { float: none; }

div#formset form fieldset div.controlset label, div#formset form fieldset div.controlset input { display: inline; float: none; }

span.errormsg1 {color:#CC0000;font-size:100%;font-weight:bold;}

/* AJOUT PASCAL */

.txtnoir {font-family: Arial, Helvetica, sans-serif;color: #3360AA;font-size: 12px;}
/* Ajout Vanessa */
#accueil-intro p img{ margin-right:10px;}



