/* chaque bloc est decrit de la facon suivante :          */ 
/*	    position              			  */ 
/*	    dimension		  			  */ 
/*	    bordure		  			  */ 
/*	    interieur:		  			  */ 
/*	     -couleur de fond	  			  */ 
/*	     -police de caractere 			  */ 
/*	     -couleur du texte    			  */ 
/*	    ...                   			  */ 
/*580F82, 9F7FC3 C5A6D0 D5B6E0 */


body{
      background: #FFFFFF; 
      font-family:arial,helvetica;
      font-size:10pt/16pt ;
      margin-top: 10px; 
      margin-right: 10px; 
      margin-bottom: 10px; 
      margin-left: 10px; 
}
#top{
       height:180px;
       min-width:800px;
       border-top: 1px solid #580F82;
       border-right: 1px solid #580F82;
       border-left: 1px solid #580F82;
       background:#C5A6D0;	
}
#main{
       width:1138px;
       height: 4100px;
       background:url(../images/main_content.png);
       background-repeat:repeat-y;
       margin-top:40px;
}
#main_footer{
       position:absolute;
	   top:4300px;
       width:1138px;
       height: 40px;
       background:url(../images/main_bas.png);
       background-repeat:no-repeat;	
}

.Banniere{
	position: absolute;
	left: 10px;
	top: 10px;
        width: 1102px;
        height:150px;
        padding-left:10px;
	border-bottom: 1px solid #580F82;
        background:#FFFFFF;
}

#liens {
        position:absolute;
        top:75px;
        left:894px;
        width:25px;
	font-size: 10px;
        font-weight: bold;
	background-color: #FFFFFF;
	border-top: 1px solid #580F82;
	border-bottom: 1px solid #580F82;
	border-left: 1px solid #580F82;
	border-right: none;
	padding: 1px;
        text-align:center;
}
#liens a { text-decoration: none; font-weight: normal; color: #580F82;  font-weight: bold;}
#liens a:hover { text-decoration: underline;}
#liens a:visited {}
#liens a img{ text-decoration: none;}

.cartoucheEnTete{ 
        width:722px;
        height:85px;
        font-size:14px;
	font-weight: 900;
	position:relative;
	left:10px;
	top:10px;
        text-align:center;
        line-height:1;
        color: #FF6633;
	background: url(../images/cartoucheEnTete.png); 
	background-repeat:no-repeat;
	padding-top: 20px;
	padding-left: -20px;
	margin-bottom: -25px;
}
#cartoucheEnTete EM{  
        font-size:13px;
	font-weight: 900;
        font-style:normal;
        color: #580F82;
}

#menuTop{
	position:relative; 
	top:-42px;
	padding-top:19px;
	padding-left:158px;
	background-image:url(../images/main_haut.png); 
	background-repeat:no-repeat;
	width:1138px;
	height:90px;
}
.menu {
        position:relative;
        top:-63px;
        left:7px;
        width:206px;
}

.menu_item {
	width:205px;
	height:170px;
	background: url(../images/fond_item_menu.png);	 
}
.menu_item img{ 
	position:relative;
	top:17px;
	left:18px;
}
.menu_item a {
	text-decoration: none;
	font-size: 11px;
	font-weight:900;
        color: #580F82;
	border:0px solid #000000; 
}
.menu_item a:hover {
	text-decoration: underline;
        color: #FF6633;
	border:0px solid #000000; 
}
.menu_item a:visited {}

.menu_item_legend{
        position:relative;
        top:17px;
	left:-7px;
        text-align:center;

}
.menu_item_legend em {
        font-size:10px;
	font-weight: bold;
	color: red;
}

#content{
        position:absolute;
        top:255px;
        left:225px;
	width:880px;
        font-size:13px;
	font-weight: normal;
	text-align:justify;
}
#content_haut{
	height:47px;
        font-size:16px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/content_haut.png);
	background-repeat:no-repeat;
	padding-top: 15px;
	padding-left: 30px;
	margin-bottom:-15px;
}
#content_content {
	background: url(../images/content_content.png);
	background-repeat:repeat-y;
	padding-top: 5px;
	padding-left:20px;
	padding-right:60px;
}
#content_bas{
	height:37px;
	background: url(../images/content_bas.png);
	background-repeat:no-repeat;
	
}


#content h1{  
        color: #580F82;
        font-size:15px;
	font-weight: bold;
}
#content h2{  
        color: #580F82;
        font-size:14px;
        text-decoration:underline;
}

#content em{  
        color:#580F82;
	font-weight: bold;
        font-style: normal;
}

#content a {
	text-decoration: none;
	color: #FF6633;
}
#content a:hover {
	text-decoration: underline;
        color: #580F82;
}
#content a:visited {}

#content img{ border:0px solid #D5B6E0; }

#mainPopup{
       width:100%;
       height:100%;
       text-align:justify;
       border: 1px solid #580F82;
       background:#C5A6D0;	
       padding:5px;
}

.imgInfo{ border:none; }

.imglogoGauche{
	position: absolute;
	left: 10px;
	top: 10px;
        width: 188px;
        height:150px;
	border-right: 1px solid #580F82;
	border-bottom: 1px solid #580F82;
        background:#FFFFFF;
}

.imglogoDroite{
	position: absolute;
	left: 938px;
	top: 10px;
        width: 184px;
        height:150px;
	/*border-left: 1px solid #580F82;*/
	border-bottom: 1px solid #580F82;
        background:#FFFFFF;
}

.imgEnTete{
            position: absolute;
            left: 198px;
            top: 10px;
            /*left: 328px;
            top: 60px;*/
            border-bottom: 1px solid #580F82;
            background-color:#FFFFFF;
}

.imgLogoLien{  
              position:absolute;
              top:0px;
              left:480px;
              display:none;
}


.commediaButton{ 
                 border: #580F82 thin solid; 
                 font-weight: bold; 
                 font-size: 11px; 
                 color: #580F82; 
                 background-color: #D5B6E0; 
                 text-align: center
}

.commedia{  
        color:#580F82;
	font-weight: bold;
        font-style: normal;
}

.etcetera{  
        color:orange;
	font-weight: bold;
        font-style: normal;
}


.indigo    {color: #2F007F;margin:1px; }
.fluo      {color: #FF6633;margin:1px; }
.rouge     {color: #FF0000;margin:1px; }
.rose      {color: #FF00FF;margin:1px; }
.blanc     {color: #000000;margin:1px; }
.pourpre   {color: #800040;margin:1px; }
.violet    {color: #580F82;margin:1px; }
.orange    {color: #FF6633;margin:1px; }
.aurore    {color: #FF6633;margin:1px; }
.vert      {color: #006600;margin:1px; }
.menthalo  {color: #006600;margin:1px; }
.turquoise {color: #04b2b6;margin:1px; }
.blonde    {color: #E0E101;margin:1px; }
.magenta   {color: #DB0073;margin:1px; }
.prisme    {color: #008F21;margin:1px; }