/*** ELEMENTS GENERAUX ************************************************************************************************************************************/
*          { margin: 0; padding: 0; }
BODY       { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#000; }
UL         { list-style:inside; }
A          { text-decoration:none; cursor:pointer; }
A:hover    { text-decoration:underline; }	
IMG        { border:none; }

/*** CONTENEURS ******************************************************************************************************************************************/
#global { line-height:18px; }


/*** HEADER / MENU ***************************************************************************************************************************************/
#menu           { display:none; }

/*** ARTICLE ********************************************************************************************************************************************/
#article       { padding-top:15px; text-align:justify; }
#article H1    { margin:0 0 15px 0; color:#55B947; font-family:"Times New Roman", Times, serif; font-size:32px; font-weight:normal; }
#article H2    { margin: 20px 0 15px 0; color:#55B947; font-family:"Times New Roman", Times, serif; font-size:24px; font-weight:normal; border-bottom:1px dotted #B4C133; padding:0 30px 10px 0; display:inline-table; }
#article H3    { margin:0 0 10px 0; color:#55B947; font-family:"Times New Roman", Times, serif; font-size:18px; font-weight: normal; line-height:20px; text-align:left; }
#article P     { margin:0 0 10px 0; }
#article UL    { margin:0 0 10px 30px; list-style:square outside; text-align:left; }
#article UL LI { padding:0 0 5px 0; }
#article A     { color:#55B947; text-decoration:underline; }
.interne IMG   { padding:1px; border:1px solid #999; }

A.details { display:block; width:54px; height:22px; background:url(../new/pics/charte/bg-encartAccueil-details-a.jpg) top left no-repeat; padding:4px 0 0 22px; font-family:"Times New Roman", Times, serif; text-decoration:none!important; margin:5px 0 0 0; }

/*** HOME ************************************************************************************************************************************************/
#titreAccueil { float:left; width:353px; height:100px; background:url(../new/pics/charte/bg-h1-accueil.jpg) top left no-repeat; font-size:0px; text-indent:-9000px; margin-bottom:20px!important; }
#objectifs    { float:right; width:260px; height:108px; }

.encartAccueil    { float:left; width:252px; height:309px; margin:30px 8px 0 0; background:url(../new/pics/charte/bg-encartAccueil.jpg) top left repeat-y; position:relative; padding:0 0 38px 0; }
HTML>BODY>#global>#article>.encartAccueil { min-height:309px; height:auto; }
.encartAccueil H2 { background:url(../new/pics/charte/bg-encartAccueil-h2.jpg) top left no-repeat; height:40px; margin:0!important; padding:26px 0 0 23px!important; border:none!important; display:block!important; }
.encartAccueil P  { padding:0 18px 0 18px; text-align: left; }
.encartImg        { padding:0 14px 0 14px!important; }
.encartImg IMG    { padding:1px; border:1px solid #999; }
.encartDetail     { text-align:left!important; margin:0!important; padding:0 20px 8px 0!important; height:38px; background:url(../new/pics/charte/bg-encartAccueil-details.jpg) bottom left no-repeat; position:absolute; bottom:0; width:232px; }
.encartDetail_vide     {
	text-align:left!important;
	margin:0!important;
	padding:0 20px 8px 0!important;
	height:38px;
	position:absolute;
	bottom:0;
	width:232px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.encartDetail A   { float:right; }

/*** PAGES INTERNES **************************************************************************************************************************************/
#cineclub     { background:url(../new/pics/charte/cine-club.jpg) bottom left no-repeat; padding-top:20px; }
.evenement    { padding:20px 0 20px 0; }
.evenement H3 { font-size:24px!important; }

#librarie { border:1px solid #55B947; clear:both; background:url(../new/pics/livres.jpg) center right no-repeat; padding:10px 195px 10px 10px; text-align:center; width:395px;height:152px; margin:50px auto 10px auto!important; }
#cafeteria { border:1px solid #55B947; clear:both; background:url(../new/pics/cafe.jpg) center right no-repeat; padding:10px 195px 10px 10px; text-align:center; width:395px;height:152px; margin:0 auto 20px auto!important; }

/*** FORMULAIRES *****************************************************************************************************************************************/
LABEL    { display:block; float:left; text-align:right; padding-right:10px; }
INPUT    { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; padding:2px; border:1px solid #94D28A; border-top:1px solid #46983A; border-left:1px solid #46983A; background:#F0F2DD; }
SELECT   { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; padding:2px; border:1px solid #94D28A; border-top:1px solid #666; border-left:1px solid #666; background:#F0F2DD; }
TEXTAREA { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; padding:2px; border:1px solid #94D28A; border-top:1px solid #46983A; border-left:1px solid #46983A; background:#F0F2DD; }
INPUT.chk { width:auto!important; height:12px!important; border:1px solid #94D28A; border-top:1px solid #46983A; border-left:1px solid #46983A; vertical-align:middle; margin:0 5px 0 0; }

.noLabel { padding-left:80px; }
.submit INPUT { border:none; width:78px!important; height:27px!important; background:url(../new/pics/charte/bg-submit.jpg) top left no-repeat; padding:0px 0 4px 8px; font-family:"Times New Roman", Times, serif; text-decoration:none; margin:5px 0 0 0; color:#53B846; float:right; }

#contactForm          { width:300px; float:right; }
#contactForm LABEL    { width:70px; }
#contactForm INPUT    { width:210px; }
#contactForm SELECT   { width:288px; }
#contactForm TEXTAREA { width:210px; }
#contactForm #envoi   { width:100px; cursor:pointer; }

.warning { width:580px; height:31px; background:url(../new/pics/charte/bg-warning.jpg) top left no-repeat; padding:6px 0 0 20px; color:#F00; }
.success { width:580px; height:31px; background:url(../new/pics/charte/bg-message.jpg) top left no-repeat; padding:6px 0 0 20px; }


/*** FOOTER **********************************************************************************************************************************************/
#footer    { display:none; }

/*** CLASSES *********************************************************************************************************************************************/
.spacer  { clear:both; height:0px; }
.clear   { clear:both; }
.droite  { float:right; }
.gauche  { float:left; }
.left    { text-align:left; }
.right   { text-align:right; }
.center  { text-align:center; }
.justify { text-align:justify; }
.rouge   { color:#F00; }
.vert    { color:#55B947!important; }
.illuDroite { float:right; padding:5px 0 5px 20px; text-align:center; font-size:11px; line-height:14px; }
.illuGauche { float:left; padding:5px 20px 5px 0; text-align:center; font-size:11px; line-height:14px; }
.illuCentre { display:block; margin:auto; width:600px; text-align:center; padding:5px 10px 5px 0; font-size:11px; line-height:14px; }
.illuNoBorder { padding:0!important; border:none!important; }
IMG.droite { margin:5px 0 5px 20px; }
IMG.gauche { margin:5px 20px 5px 0; }