/*** ELEMENTS GENERAUX ************************************************************************************************************************************/
*          { margin: 0; padding: 0; }
HTML, BODY { height: 100%; }
BODY       {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	background:#fff;
	line-height: normal;
}
UL         { list-style:inside; }
A          { text-decoration:none; cursor:pointer; }
A:hover    { text-decoration:underline; }	
IMG        { border:none; }

/*** CONTENEURS ******************************************************************************************************************************************/
#global {
	position:relative;
	width:980px;
	left:50%;
	margin-left:-490px;
	background:#fff url(../new/pics/charte/bg-body.jpg) top left repeat-y;
	height:500px;
	line-height:normal;
}
HTML>BODY>#global {
	min-height:600px;
	height:auto;
}


/*** HEADER / MENU ***************************************************************************************************************************************/
#menu           { position:relative; list-style:none; padding:19px 0 0 200px;height:30px; }
#menu LI        { position:relative; display:block; float:left; width:126px; height:30px; }
#menu LI.last A { border:none; }
#menu LI A      { display:block; width:124px; height:30px; font-size:0px; text-indent:-9000px; border-right:2px solid #fff; }
#menu A#item1   {
	background-image: url(../new/pics/charte/bg-menu-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu A#item2   {
	background-image: url(../new/pics/charte/bg-menu-2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu A#item3   {
	background-image: url(../new/pics/charte/bg-menu-4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu A#item4   {
	background-image: url(../new/pics/charte/bg-menu-30.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu A#item5   { background:url(../new/pics/charte/bg-menu-5.jpg) top left no-repeat; }
#menu A#item6   { background:url(../new/pics/charte/bg-menu-6.jpg) top left no-repeat; }
#menu A:hover   { background-position:bottom left!important; }
#menu A.active  { background-position:bottom left!important; }

#menu UL { width:107px; list-style:none; position:absolute; left:0; }
#menu UL LI { float:none; width:107px; height:30px; border-top:1px solid #fff; }
#menu UL LI A { display:block; width:107px; height:24px; padding:6px 0 0 17px; background:#6EC362 url(../new/pics/charte/bg-menu-ssmenu.gif) top left no-repeat; font-size:13px; text-indent:0px; color:#fff; text-decoration:none; border-right:none; }
#menu UL LI A:hover { font-weight:bold; background:#93D189 url(../new/pics/charte/bg-menu-ssmenu.gif) top left no-repeat!important; }
#anonymous_element_6 { width:150px!important; }
#anonymous_element_6 LI { width:150px!important; }
#anonymous_element_6 LI A { width:150px!important; }

/*** ARTICLE ********************************************************************************************************************************************/
#article       {
	width:780px;
	height:350px;
	text-align:justify;
	background:url(../new/pics/charte/bg-article.jpg) top left no-repeat;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 200px;
}
HTML>BODY>#global>#article { min-height:350px; height:auto; }
#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:#4FAA42;
	font-family:"Myriad Web", "Times New Roman";
	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:#69C;
	font-family:"Myriad Web", "Times New Roman";
	font-size:14px;
	font-weight: bold;
	line-height:20px;
	text-align:left;
	font-style: normal;
}
#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:#666;
}
.interne       { width:600px!important; padding:40px 0 50px 215px!important; }
.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:-1px;
	width:231px;
	left: 1px;
}
.encartDetail A   { float:right; }

.interview   { float:left; width:228px; height:92px; margin:10px 8px 0 0; padding:12px; font-size:11px; text-align:left; line-height:14px; background:url(../new/pics/charte/bg-interview.jpg) top left no-repeat; }
.interview P { padding:5px 0 0 5px; }

/*** PAGES INTERNES **************************************************************************************************************************************/
#cineclub     { background:url(../new/pics/charte/cine-club.jpg) bottom left no-repeat; width:600px; height:423px; text-indent:-9000px; font-size:0px; letter-spacing: -50px; 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; }

DIV.audio { padding:8px 8px 9px 10px; border:1px solid #55B947; height:32px; font-style:italic; margin:4px; }
.audio SPAN { display:block; float:left; height:20px;font-weight:bold; }
.audio SMALL {color:#666; font-weight:normal; }

/*** 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    {
	bottom:-1;
	width:965px;
	text-align:right;
	font-size:12px;
	line-height:20px;
	left: 0px;
	background-color: transparent;
	position: absolute;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 0;
	top: auto;
}
#footer A  { color:#000; text-decoration:underline; }

/*** 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; }
.fn {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
}
.fnv {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #55B947;
}
.fnj {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #E6B800;
}