/* Feuille de Style  */

/* 
-----------------------------------------------------------------------------------------
Toutes les marges de la page à 0
-----------------------------------------------------------------------------------------
 */
* 			{
			margin:0px; 
			padding:0px;
			}
body		{
			background-color: #000000; 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 9px; color: #8C8C8C;
			letter-spacing: 0.4px;
			line-height: 11px;
			
			}
a 			{
			text-decoration:none; color: #FFFFFF; 
			letter-spacing: 0px; 
			font-family:Arial, Helvetica, sans-serif; 
			font-size: 9px; color: #000000;
  			}
img 
			{		
			margin:0px; padding:0px; border: 0px;
			}

input 		{
			font-family: Arial; font-size: 10px; color:  #000000; 
			border: solid 1px  #333333; margin-bottom: 3px; 
			padding-left: 3px; padding-right: 3px;
			}
textarea.info	{
			width: 295px; height: 240px; 
			text-align: justify;
			font-family: Arial; font-size: 10px; color:  #000000; 
			padding-top: 5px; margin: 0px;
			overflow: hidden;
			line-height: 11px;
			}
			
textarea.forum	{
			width: 440px; height: 260px; 
			text-align: justify;
			font-family: Arial; font-size: 10px; color:  #000000; 
			padding-top: 5px; margin: 0px;
			overflow: auto;
			line-height: 11px;
			}

textarea.news	{
			width: 380px; height: 90px; 
			text-align: justify;
			font-family: Arial; font-size: 10px; color:  #000000; 
			
			padding-top: 5px; margin: 0px;
			line-height: 11px;
			}

 
input.id { width: 80px; }
input.petit { width : 130px; font-size: 10px; background-color: #FFFFFF; }
input.grand{ width: 150px;}
select.article {
				font-family: Arial; font-size: 10px; color:  #000000;
				}
	
	
			

/* 
-----------------------------------------------------------------------------------------
Les différentes classes de font 
-----------------------------------------------------------------------------------------
 */
.orange_n {color : #dc7c32;}
.orange_ng {color : #dc7c32; font-size: 12px;}
.orange_ns {color : #dc7c32; font-size: 12px;}
.orange_nsp {color : #dc7c32; font-size: 1px;}

.txt_orange_l {letter-spacing: 2px; font-size: 12px; line-height: 20px; color: #dc7c32;}

.news_titre {color: #394144; font-size: 13px; font-weight: bold; letter-spacing: 1px; text-align: right; padding-bottom: 2px; }
.news_date {color: #394144; font-size: 10px; font-weight: bold; }

.body_gr { font-size: 9px; line-height: 11px;}
.lien_extensible {line-height: 16px; letter-spacing: 2px; color: #dc7c32; font-size: 12px;}
/* 
-----------------------------------------------------------------------------------------
Mise en place des 2 conteneur identiques superposés, l'un principal l'autre masqué. Afin 
d'afficher d'autres parties du sites en jouant sur le z-index et l'opacité
-----------------------------------------------------------------------------------------
 */
#conteneur  {
			width: 981px; height: 653px; 
			margin-top: -5px; margin-left: auto; margin-right:auto;
			overflow: hidden;
			}
#conteneur_prin {
			position: relative; top:0px; left: 0px; width: 981px; height: 653px; 
			opacity : 1; z-index: 2;
			filter : alpha(opacity=100);
			overflow: hidden;
			 }
#conteneur_masq {
			position: relative; top: -653px; left: 0px; width: 981px; height: 653px; 
			opacity: 0;
			z-index: 1;
			filter : alpha(opacity="0");
			visibility : visible;
			
			}



/* 
-----------------------------------------------------------------------------------------
Les différent conteneur contenant les images qui compose la page -----------------------------------------------------------------------------------------
 */
#conteneur1 {
			position: relative; top:  0px; left:0px; 
			width: 232px; height: 653px; 
			background-color: #000099; background: url(../img/front/gauche3.jpg) no-repeat;
			}
			#sous_conteneur1    {
	position: absolute;
	width: 140px;
	height: 180px;
	left: 72px;
	top: 368px;
	display: block;
								}
			
#conteneur2 {
			position: relative; top: -653px; left:232px; 
			width: 295px; height: 158px;
			background: url(../img/front/milieu_haut.jpg) no-repeat;
			}
#conteneur3 {
			position: relative; top: -653px; left:232px; 
			width: 295px; height: 54px; 
			z-index: 4; 
			background: url(../img/front/milieu_bas.jpg) no-repeat;
			}
#conteneur4 {
			position: relative; top: -865px; left:527px; 
			width: 446px; height: 158px; 
			background: url(../img/front/droit_haut.jpg) no-repeat;
			}
			
			
			#sous_conteneur4    {
								position: absolute;  top: 98px; left: 0px; width: 450px; height: 49px;
								
								
			}
			
			
			
			
			
#conteneur5 {
			position: relative; top: -1023px; left:973px; 
			width: 8px; height: 653px; 
			background: url(../img/front/bar_lat_v.jpg) no-repeat;
			}
#conteneur6 {
			position: relative; top: -1052px; left:232px; 
			width: 741px; height: 29px; 
			background: url(../img/front/bar_lat_h.jpg) no-repeat;
			}
			
			
			#sous_conteneur6    {
								position: relative;  top: 7px; left: 0px; width: 730px; height: 13px;
								}
								
								
#conteneur7 {
			position: relative; top: -1547px; left:232px; 
			width: 741px; height: 466px; 
			background-color: #000; 
			z-index: 3;
			}
			/* Zone principale d'affichage des informations */
			#zone_princ			{
								position: absolute; top: 0px; left: 120px; width: 615px; height: 458px; 
								/*border: solid 1px #333333;*/
								
								}
			
#conteneur_lip  {
			width: 950px;
			margin-top: -5px; margin-left: auto; margin-right:auto;
			overflow: hidden;
			}


/* 
-----------------------------------------------------------------------------------------
Zone principale de la page index.php : 2 zones : menu + reste de la page  (Cf #zone_princ du 
conteneur7)
-----------------------------------------------------------------------------------------
 */
#menu_site {
 			position: relative; top: 53px; left: 10px; width:104px; height: 400px; 
			}
#tab_menu div 
			{
			width: 102px; height: 5px; text-align: right; 
			visibility: hidden; font-size: 10px; margin-top: 2px;
			}
			
#tab_menu img {cursor: pointer;}
#tab_menu a {letter-spacing: 1px; color: #666666; /*#343434*/;}
#tab_menu a:hover {color: #F0F0F0; letter-spacing: 1px;}




/* 
-----------------------------------------------------------------------------------------
Page Accuei : 
-----------------------------------------------------------------------------------------
 */
 
#edito 	{
 			position: absolute; top: 30px; left: 30px;
			width: 300px; height: 300px; 
 			}
#news 		{
 			position: absolute; top: 10px; left: 395px;
			width: 220px; height: 450px; 
			text-align: justify;
 			}
#photo		{
 			position: absolute; top: 350px; left: 30px;
			width: 345px; height: 97px;
			
			background: url(../img/front/photos.png) no-repeat;
			
			}
 
 
/* 
-----------------------------------------------------------------------------------------
Page News : 
-----------------------------------------------------------------------------------------
 */
 
#titre_news  {
			position: absolute; top: 10px; left: 30px;
			width: 590px; height: 80px; 
			}
#news_page  {
			position: absolute; top: 90px; left: 30px;
			width: 580px; height: 370px; 
			overflow: auto;
			}
#encadrement {
			position: absolute;
			width: 570px; height: 30px;
			border: 1px dashed #666666;
			overflow: hidden; 
			}
 



/* 
-----------------------------------------------------------------------------------------
Page Videos : 
-----------------------------------------------------------------------------------------
 */
 
 #videos_page  {
			position: absolute; top: 10px; left: 30px;
			width: 580px; height: 450px; 
			overflow: auto;
			}


/* 
-----------------------------------------------------------------------------------------
Page The Team : 
-----------------------------------------------------------------------------------------
 */
#team_page  {
			position: absolute; top: 55px; left: 30px;
			width: 580px; height: 375px; 
			overflow: hidden;
			}
#team_page_suiv  {
			position: absolute; top : 430px; left: 30px;
			width: 455px; height: 30px; 
			
			}
#case_ferme {
			position : relative; top: 28px; left: -3px; 
			width: 25px; height: 25px; 
			z-index: 99;
			background: url(../img/front/croix_ferme.png) no-repeat;
			cursor: pointer;
			}	

.news_date a { color: #394144; font-size: 10px; font-weight: bold;  } 
.news_date a:hover { line-height: 16px; letter-spacing: 2px; color: #dc7c32; font-size: 12px;}



/* 
-----------------------------------------------------------------------------------------
Modif Fiche Profil 
-----------------------------------------------------------------------------------------
 */

#modif_team_page  {
			position: absolute; top: 55px; left: 30px;
			width: 580px; height: 395px; 
			overflow: hidden;

			}
/* 
-----------------------------------------------------------------------------------------
Liste Users : dans la zone SU
-----------------------------------------------------------------------------------------
 */
 
.user_su tr 	{
 				background-color: #131313;
				}

.user_su tr:hover 	{
				background-color: #000000;
				}
#su_user 		{
 				position : relative; top: 5px; width: 570px; height: 387px; 
				border: 1px dashed #666666;
				overflow: auto; 
	 			}


/* 
-----------------------------------------------------------------------------------------
Liste des news dans l'Admin news
-----------------------------------------------------------------------------------------
 */
 #all_news 	{
 			position : relative; top: 5Px; width: 570px; height: 185px; 
			border: 1px dashed #666666;
			overflow: auto; 
			
			
 			}


/* 
-----------------------------------------------------------------------------------------
Page des articles 
-----------------------------------------------------------------------------------------
 */

#article_page  {
			position: absolute; top: 55px; left: 30px;
			width: 580px; height: 400px; 
			overflow: hidden;
			text-align: justify;
			
			}


/* 
-----------------------------------------------------------------------------------------
Page forum
-----------------------------------------------------------------------------------------
 */

#forum_page_a  {
			position: absolute; top: 55px; left: 30px;
			width: 580px; height: 50px; 
			overflow: hidden;
			text-align: justify;
			}
			
#forum_page_b  {
			position: absolute; top: 105px; left: 30px;
			width: 580px; height: 350px; 
			overflow: auto;
			text-align: justify;
			}

/* 
-----------------------------------------------------------------------------------------
Page Video
-----------------------------------------------------------------------------------------
 */

#zone_video {
			width: 550px; height: 350px; 
			overflow: auto;
			}