@charset "utf-8";
/* CSS Document */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: main.css
* Version: 2.0.0 (01-03-2009) DD-MM-YYYY
* Website: http://www.mia-culture.com/
* Author: Paratte Pascal - pascalparatte.com
* Description: Handles the site layout.

== STRUCTURE: ==============================
* Page width: 820 px
* Number of columns: 1 bloc
============================================
*/
/* RESET 4 browsers */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
html, body {
  height: 100%;
}

/* END RESET *************************************************************************/
body { 
text-align: center; 
background-color:#7a4d2c; /*br8n foncé*/
background-image:url(directories/images/bkg.jpg); background-position:center 200px; background-repeat:no-repeat;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
font-size:12px;
color:#000000;
}


a.txt_loged {
  text-decoration:none;
color:#d65d00;
}
a.txt_loged:hover {
  text-decoration:underline;
color:#d65d00;
}
 
a {
  text-decoration:none;
  color:#2c1711; /* brun (old : #fb732b orange claire */
}
a:hover {
  text-decoration:underline;
  color:#2c1711;	 /* old : #da5109 orange nocé*/
}
a.rollopaque img {
  /*désactivé*/
  filter: Alpha(opacity=100); /* IE */
  -moz-opacity: 1.0; /* Mozilla */ 
  opacity: 1.0;
  }

a.rollopaque:hover img {
  
  filter: Alpha(opacity=100); /* IE */
  -moz-opacity: 1.0; /* Mozilla */ 
  opacity: 1.0;
  
  }
a.rollopaque2 img {
  /*désactivé*/
  filter: Alpha(opacity=100); /* IE */
  -moz-opacity: 1.0; /* Mozilla */ 
  opacity: 1.0;
  }

a.rollopaque2:hover img {
  
  filter: Alpha(opacity=70); /* IE */
  -moz-opacity: 0.7; /* Mozilla */ 
  opacity: 0.7;
  
  }  
 #rollhovopaque  {
  /*désactivé*/
  filter: Alpha(opacity=100); /* IE */
  -moz-opacity: 1.0; /* Mozilla */ 
  opacity: 1.0;
  }

 #rollhovopaque:hover {
  
  filter: Alpha(opacity=100); /* IE */
  -moz-opacity: 1.0; /* Mozilla */ 
  opacity: 1.0;
  
  }
#rollhovopaque2  {
  
  filter: Alpha(opacity=60); /* IE */
  -moz-opacity: 0.6; /* Mozilla */ 
  opacity: 0.5;
  }

 #rollhovopaque2:hover {
  
  filter: Alpha(opacity=100); /* IE */
  -moz-opacity: 1.0; /* Mozilla */ 
  opacity: 1.0;
  
  }  
   
h3 {
font-weight:bolder;
color:#713507;
font-size:16px;
font-stretch:expanded;
font-family:Verdana, Arial, Helvetica, sans-serif;
} 
h2 {
font-weight:bolder;
color:#713507;
font-size:14px;
font-stretch:expanded;
font-family:Arial, Helvetica, sans-serif;
}  
h1 {
font-weight:bolder;
color:#713507;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
} 
select {
 border: 1px #333333 solid;
 color:#d25b00;
 background-color:#101010;
 height:20px;
 /*width:170px;*/

}


   
#global {
  height:auto;
  width:100%;
  text-align:center;
  
  }
  
  
#main {
/*background-color:#382e24;*/
/* Image png transparent */
background-image:url(images/ground_bg-trans.png); background-repeat:repeat; 
width:960px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
border:0;
border-top:1px #29231D solid ;
border-left:2px solid #29231D;
border-right:2px solid #29231D;
}
#header {

  height:200px;
  background-position:0 -100px;
  /*width:960px;*/
  width:100%;
  
  border:0;
  background-image:url(images/header_bgTile2.jpg); background-repeat:repeat-x;
  
}

#header_main {
  width:960px;
  height:195px;
  margin-left:auto;
  margin-right:auto;
}   
   #header_main_top {
   float:none;
   height:165px;
   width:960px;
   }
    #header_main_logo {
	  float:left;
	  height:140px;
	  width:230px;
	  text-align:center;
      padding-top:5px;
	}
	#header_main_pub {
	  float:left;
	  width:728px;
	  height:145px;
	  margin-left:2px;
	}
	   #header_main_pub_banner {
	    float:none;
	    width:728px;
		height:130px;
	   }
	   #header_main_menu {
	    float:none;
		padding-top:5px;
	    width:960px;
		height:30px;
	   }
	
	#header_main_bar {
	  /*padding-top:20px;*/
	  float:none;
	  height:30px;
	  width:960px;
	  text-align:left;
      
	}
#content {
  float:none;
  height:auto;
  width:958px;
  margin-left:auto;
  margin-right:auto;
  border:0px;
  text-align:left;
  /*background-color:#4f2413;*/
  
  /*background-image:url(images/fausse_colone.jpg);*/
  background-repeat:repeat-y;
  padding-left:1px;
  padding-right:1px; /*pour border fond*/
 
}
  #content_left {
    float:left;
	/*position:relative;
	top:0px;
	left:0px;*/
    height:100%;
    width:750px; /* - 10px */
	/*background-color:#333333;*/
	padding-left:0px;
	padding-right:0px;
	/*border-left:1px #CCCCCC solid ;*/
  }
  #content_right {
    float:left;
	/*float:right;*/
	/*position:relative;
	left:740px;
	top:0px;*/
    height:100%;
	min-height:100%;
    width:208px;
	/*background-color:#575757;*/
	/*background-image:url(images/back_colone_droite.jpg);
	background-repeat:repeat-y;*/
	/*text-align:center;*/
	/*border-right:1px #CCCCCC solid ;*/
  }
  
  


  .content_right_agenda {
    height: 146px; 
	padding-top:16px;
	width:180px;
	margin-left:8px;
	padding-left:18px;
	background-image:url(images/apple_widget/calendar_background.png);
	background-repeat:no-repeat;
	
  }
   .content_right_agenda a{ 
   	color: #FCFCFC;

   }
   .content_right_agenda a:hover {
   	color: #ccff00;
	text-decoration:none;

   } 
   #content_right_interface1 {
     width:200px;
	 height:auto;
	 background-image:url(images/fond_interface_right.gif);
	  background-repeat:no-repeat;
	  background-position:15px top;;
	 padding-top:0px;
	 text-align:center;
	 padding-left:10px;
	  
   
   }
   #map_choice {
     height:110px; width:180px;
	 text-align:left;
   }	
   #map_choice_1 {
     height:110px; width:82px; background-image:url(images/map_suisse.png); float:left;
   } 
   #map_choice_1:hover {background-position: 0 -110px;}

   #map_choice_2 {
     height:110px; width:98px; background-image:url(images/map_afrique.png); float:left;
   }
   #map_choice_2:hover {background-position: 0 -110px;}
 #content_sep {
  float:none;
  width:100%;
  background-color:#00FF33;
  height:15px;
  border-bottom:1px dashed #666666;
  }
#footer {
clear: both;
  height:70px;
  width:945px;
  margin-left:auto;
  margin-right:auto;
  border:0;
  padding-left:13px;
  text-align:left;
  font-size:11px;
  line-height:14px;
  /*background-color:#af6e38;*/
  background-image:url(images/ground_bg-trans.png);
  background-repeat:repeat;
  
  color:#000000;
  border-bottom:1px #29231D solid ;
  border-top:2px dashed #29231D;
  border-left:0px;
  border-right:0px;
  
  filter: Alpha(opacity=50); /* IE */
  -moz-opacity: 0.5; /* Mozilla */ 
  opacity: 0.5;
}	



#footer:hover  {
  
  filter: Alpha(opacity=90); /* IE */
  -moz-opacity: 0.9; /* Mozilla */ 
  opacity: 0.9;
  
  }
  
  
/*******************************************  INTRO  ********************************************/
#intro {
     height:auto;
	 width:100%;
   }
   #intro_top {
     width:100%;
	 height:16px;
	 background-image:url(images/top.gif);
	 background-position:top;
	 background-repeat:repeat-x;
   }
    #intro_colone {
	  float:left;
	  height:auto;
	  width:365px;
	  margin-left:5px;
	
	}
	#intro_colone_inter {
	  float:left;
	  height:auto;
	  width:5px;
	}
	
	#intro_box {
	  height:80px; width:365px; margin:0px; padding:0px;
	}
	#intro_box_selection {
	  height:80px; width:370px; float:left; margin:0px; padding:0px;
	}
	   #intro_box_newsavatar {
	     left:2px; top:0px; height:70px; width:80px; float:left;
	   }
	   #intro_box_news {
	     float:left;  
		 padding-top:6px; 
		 padding-left:5px; 
		 padding-right:2px; 
		 padding-bottom:1px;
		 height:80px; 
		 width:276px; 
		 background-image:url(images/back_news_intro.png); 
		 background-repeat:no-repeat;
	   }
	      #intro_box_news_sous {
	      
		 padding-right:30px;
		 height:70px; 
		 width:245px; 
		 background-position:bottom right; 
		 background-repeat:no-repeat;
	   }
	   
	 #intro_box_agenda {
	     float:left;  
		 padding-top:5px; 
		 padding-left:5px; 
		 padding-right:5px; 
		 height:80px; 
		 width:260px; 
		 background-image:url(images/back_agenda_intro.jpg); 
		 background-repeat:no-repeat;
	   }  
	   
	   #intro_box_photos_date {
	     height:22px;
		 width:360px;
		 padding-left:5px;
		 font-size:15px;
		 font-weight:bolder;
		 color:#FF99FF;
		 font-family:Arial, Helvetica, sans-serif;
	     background-color:#222222;
		 border-bottom:1px solid #444444;
		 margin-bottom:10px;
	   }
	   #intro_box_photos {
	  height:90px; width:100%; margin:0px; padding:0px;
	}
	   #intro_box_photos_mini {
	     left:2px; top:0px; height:86px; width:126px; float:left;
	   }
	   #intro_box_photos_info {
	     float:left;  
		 padding-top:5px; 
		 padding-left:5px; 
		 padding-right:4px; 
		 height:86px; 
		 width:230px; 
		 background-image:url(images/back_photo_intro.jpg); 
		 background-repeat:no-repeat;
	   }
	   
	   
  #intro_toggle {
    
	border-bottom:1px #FF6633 solid; 
	width:330px; 
	padding-left:35px; 
	padding-top:0px; 
	height:20px; 
	/*background-image:url(images/trans_dark.png); */
	background-color:#27201a;
	
  }
  
   /***************************************************************************************
AGENDA
***************************************************************************************/
#agenda_header {
width:100%;
background-image:url(images/back_agenda_header.jpg);
background-repeat:no-repeat;
height:90px;
padding:5px;
padding-top:8px;
padding-bottom:0px;
border-bottom:2px solid #4d4d4d;
}
#agenda_content {
width:100%;
height:auto;
}
#agenda_content_left {
  float:left;
  width:535px;
  height:auto;
  /*background-color:#330099;*/
  padding-left:10px;
  padding-right:10px;
} 
  #agenda_content_left_titre {
    width:515px;
	background-color:black;
	color:#D7D7D7;
	font-size:13;
	font-weight:bolder;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding:5px;
	padding-left:10px;
	padding-right:5px;
	
  }
  #agenda_content_left_bloc {
    float:none;
    width: 535px;
	height:88px;
	/*background-image:url(images/back_agenda_event.jpg);*/
	background-repeat:no-repeat;
  }
    #agenda_content_intro {
      float:left;
      width: 370px;
	  height:88px;
	  background-image:url(images/back_agenda_event.jpg);
	  background-repeat:no-repeat;
	  padding-left:5px;
    }
	#agenda_content_admin {
      float:left;
      width: 370px;
	  height:100px;
	  background-image:url(images/back_agenda_event.jpg);
	  background-repeat:no-repeat;
	  padding-left:5px;
    }
    #agenda_content_left_bloc_flyer {
	  float:left;
	  width:82px;
	  height:88px;
	}
	  #agenda_content_intro_flyer {
	    float:left;
	    width:82px;
	    height:88px;
	  }
	
	#agenda_content_left_bloc_event {
	  float:left;
	  width:430px;
	  height:78px;
	  padding-top:0px;
	  padding-left:10px;
	}
	  #agenda_content_intro_event {
	    float:left;
	    width:282px;
	    height:82px;
	    padding-top:0px;
		margin-left:3px;
	    padding-left:3px;
		background-image:url(images/ground_bg-trans_intro.png);
		background-repeat:repeat;
		/*border-bottom:2px solid #5c5c5c;*/
	  }
	
#agenda_content_right {
  float:left;
  height:auto;
  width:180px;
  /*background-color:#222222;*/
  padding-left:5px; padding-right:5px;
}
#agenda_event {
  background-image:url(images/fond_event.gif);
  background-repeat:repeat-y;
  height:auto;
  width:100%;
  
} 
#agenda_event_left {
  float:left;
  width:550px;
  padding-left:5px;
  border-right:1px dashed #3a1a01;
} 
#agenda_event_info {
  width:550px;
  height:auto;
}
#agenda_event_info_l {
  float:left;
  width:450px;
  height:auto;
  padding-left:0px;
  padding-right:5px;
}
#agenda_event_info_l #ligne{
height:auto;
padding:3px;
padding-top:5px;
}
#agenda_event_info_r {
  float:left;
  width:90px;
  height:auto;
}
#agenda_event_details {
  width:520px;
  height:auto;
  padding:6px;
  border: 2px  #17130f solid;
}
#agenda_event_teaser {
  width:538x;
  height:138px;
  padding:6px;
  background-image:url(images/back_event.jpg);
  background-repeat:no-repeat;
}


#agenda_content_right_plan {
  background-image:url(images/event_map.gif);
  background-repeat:no-repeat;
  height:127px;
}
  	
	
#intro_event {
  float:left;
  width:360px;
  /*border:2px #5e2901 dotted;*/
  height:88px;
  margin-right:15px;
}	
#intro_event:hover {
 /* border:2px #803801 solid;*/
}


/****************************************   SEARCH   *********************************************/
#search_main {
width:700px;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:10px;
background-image:url(images/ground_bg-trans.png); background-repeat:repeat; 
}
#search_main_word {
  padding:4px;
  margin-bottom:15px;
  height:20px;
  font-weight:bolder;
  color:#FF9933;
  background-color:#333333;
  font-weight:14px;
}
#search_main_title {
  height:35px;
  
  color:#FF9933;
  
  border-bottom:2px #666666 solid;
  
}
#search_main_results {
margin-top:15px;
}
  #search_main_results_bloc{
    padding-left:20px;
	line-height:14px;
  }

/****************************************   SHOP  *********************************************/
#shop_last_article {
  height:122px;
  width:400px;
  border:1px #655235 dashed;
  padding:1px;
  background-color:#3d190d;
  margin-bottom:20px;
}
#shop_last_article_img {
  float:left;
  width:120px;
  height:120px;
}
#shop_last_article_nfo {
  float:left;
  height:120px;
  text-align:left;
  padding-left:10px;
}


.shop {
	list-style: none;
	margin: 0;
	padding: 0;
}
.shop li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 140px;
	height: 160px;
}
.shop li:hover img {
	border-color: #000;
}
.shop img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 2px;
}
.shop em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 0 22px;
	display: block;
	position: absolute;
	top: 20px;
	left: 5px;
	border: 1px solid #999;
}
.shop a {
	text-decoration: none;
}

#shop_coordonee {
  width:700px;
  margin-top:4px;
  padding-left:20px;
  float:none;
  font-weight:bolder;
  font-size:11px;
}
#shop_coordonee_txt {
  float:left;
  width:150px;
}
#shop_coordonee input, #shop_coordonee select{
background-color:#411303;
border:1px #CCCCCC solid;
color:#FFFFFF;
}
#shop_infopay {
color:#333333;
background-color:#EBEBEB;
border:1px dashed #FFCC00;
margin-left:auto;
margin-right:auto;
width:500px;
padding:5px;
text-align:left;
}


/***************************************************************************************
ADMIN FORMS
***************************************************************************************/
input, textarea {
    background-color:#101010;
	color:#d64910;
	border:1px solid #333333;
    padding:3px;
	vertical-align:middle;
	/*line-height:15px;
	height:16px;*/
  }
/***************************  USERS / comptes Connexions  ***********************************/
#register_form_box {
  width:670px;
  height:880px;
  margin-bottom:0px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  background-image:url(register/bkg_register.jpg);
  background-repeat:repeat-x;
  background-color:#171717;
  padding:15px;
  padding-bottom:0;
}

#register_form_box #register_form_box_inputonly input,#register_form_box #register_form_box_inputonly select {
 border: 1px #333333 solid;
 color:#EEEEEE;
 background-color:#171717;
 height:20px;
 width:190px;
 background-image:url(register/bkg.jpg);
 background-repeat:repeat-x;
}
#register_form_box #register_form_box_inputonly select {
background-color:#3f2d1f;
border: 0px;
border-bottom: 1px #3b2d20 solid;
}

#rules {
background-repeat:no-repeat;
padding:0;
margin:0;
}

.input_focus {
background-color:#5e99e0; /*bleu*/
}

.input_out {
background-color:#b5df4d; /* ver d'origine*/
}
.input_error {
background-color:#FF0033; /*rouge*/
}
#register_line {
height:auto;
width:100%;
float:none;
}

#register_line_left {
float:left;
height:auto;
width:25%;
padding-left:30px;
font-weight:bolder;
}
#register_line_right {
float:left;
height:auto;
width:35%;
}

#register_line_nfo {
float:left;
height:auto;
width:35%;
font-size:11px;
font-style:italic;
line-height:14px;
}


#register_form_box #register_button{
  border: 0;
  margin: 0;
   padding: 0;
   margin-top:4px;
   
   width: 120px; 
   height:21px;   
    background: transparent url(register/register.png) no-repeat top left ;
	text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
  }
  #register_form_box #register_button:hover{
    background-position: 0 -21px ;
  }



#register_login_bar {
  height:26px;
  width:100%px;
  margin-left:auto;
  margin-right:auto;
  border:0;
  color:#ffffff;
  font-weight:bolder;
  /*background-color:#322d21;*/
  background-image:url(images/barre_login.png);
  border-bottom: 1px #161410 solid;
  margin-bottom:3px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:10px;
}


#connexion input {
    background-color:#17120e;
	color:#59601f;
	border:2px solid #201911;
    padding:3px;
	vertical-align:middle;
	line-height:15px;
	height:16px;
  }
  #connexion #connexion_ok{
  border: 0;
  margin: 0;
   padding: 0;
   margin-top:4px;
   
   width: 20px; 
   height:21px;   
    background: transparent url(images/ok.png) no-repeat top left ;
	text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
  }
  #connexion #connexion_ok:hover{
    background-position: 0 -21px ;
  }
  #connexion_login {
    font: 11px "Consolas", "Courier New", "Courier", "FreeMono", monospace;
	margin-left:12px;
  }

#register_activation {
margin-left:auto;
margin-right:auto;
width:655px;
height:194px;
background-image:url(register/activation_bkg.jpg);
background-repeat:no-repeat;
padding-left:20px;
padding-top:40px;
}




/***************************************************************************************
NEWS ARTICLES
***************************************************************************************/
#news_header {
width:100%;
/*background-image:url(images/back_news_header.jpg);*/
background-repeat:no-repeat;
height:125px;
padding:5px;
padding-top:8px;
padding_bottom:0px;
}
  #news_header_left {
    float:left;
	width:470px;
  }
     #news_header_left_titre {
       font-size:20px;
	   font-weight:bolder;
	   font-family:Geneva, Arial, Helvetica, sans-serif;
	   color:#000000; /* #DDDDDD;*/
	   height:40px;
	   margin-bottom:10px;
     } 
	 #news_header_left_info {
        color:#FFFFFF;
		font-size:12px;
     }
	   #news_header_left_info_avatar {
	     float:left;
		 text-align:center;
		 height:100px;
		 width:100px;
	   }
	   #news_header_left_info_txt {
	     float:left;
		 margin-top:5px;
	   }
  #news_header_right {
    float:left;
	width:250px;
	height:124px;
	padding-top:10px;
	margin-right:20px;
  }  
    #news_header_right_avatar {
	  float:left;
	  width:80px;
	  height:90px;
	}
	#news_header_right_txt {
	  float:left;
	  width:115px;
	  height:90px;
	  padding-top:6px;
	  line-height:15px;
	} 
#news_prec {
width:510px;
text-align:right;
}	
#news_content {
  width:100%;
  height:auto;
  padding:5px;
}
  #news_content_bloc {
    float:left;
	width:525px;
	
  }
     #news_content_bloc_header {
	   margin-left:auto;
	   margin-right:auto;
	   text-align:justify;
	   text-indent: 0px;
	   line-height:16px;
	   width:431px;
	   /*background-color:#241e19;*/
	   /*background-image:url(images/news_header_article.gif);*/
	   /*background-repeat:no-repeat;*/
	   /*background-position:top;	 */  
	   min-height:200px;
	   color:#000000;
	   padding-top:35px;
	   padding-bottom:10px;
	   padding-left:25px;
	   padding-right:50px;
	 }
  #news_content_suggest {
    float:left;
	width:205px;
	margin-left:10px;
	margin-right:5px;
  }
    #news_content_suggest_news {
	  height:80px;
	  background-image:url(images/news_suggest.gif);
	  background-repeat:no-repeat;
	}
	  #news_content_suggest_news_avatar {
	    float:left;
		width:80px;
		height:80px;
	  }
	  #news_content_suggest_news_txt {
	    float:left;
		margin-top:8px;
		margin-left:7px;
		margin-right:4px;
		height:80px;
		width:114px;
		text-align:left;
		font-size:11px;
		color:#4e2b17; /*eaeaea*/
	  }
	  #news_content_suggest_news_txt A{
	  /*color:#8fb4fe;*/
	  }
	  
/************/

#archives_header {
     width:100%;
	 height:70px;
	 background-image:url(images/top.gif);
	 background-position:top;
	 background-repeat:repeat-x;
   }	  
#archoves_news_first {
    
	width:100%;

  }	  
  
/****************************************   SELECTION  *****************************************************/
#selection_news_cat {
  width:370px; 
  height:200px;
  float:left;
  margin-left:2px;
}
  
  
 /****************************************   PUB  *****************************************************/
#pub img {
  /*désactivé*/
  filter: Alpha(opacity=100); /* IE */
  -moz-opacity: 1.0; /* Mozilla */ 
  opacity: 1.0;
  }

#pub:hover img {
  
  filter: Alpha(opacity=80); /* IE */
  -moz-opacity: 0.8; /* Mozilla */ 
  opacity: 0.8;
  
  } 
#pub_accueil_carre {
 width:130px;
 height:130px;
 float:left;
 }
#pub_accueil_rectangle {
width:260px;
height:130px;
} 
 
#pub_actu_bande {
width:500px;
height:70px;
}  
#pub_actu_rectangle {
width:250px;
height:70px;
float:left;
}
#pub_splash {
width:800px;
height:600px;
float:none;
margin-left:auto;
margin-right:auto;
margin-top:50px;
text-align:center;
}
#pub_splash_nfo {
width:800px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
/****************************************************************************************************************************************
COMS
*****************************************************************************************************************************************/

#coms_ok{
  border: 0;
  margin: 0;
   padding: 0;
   margin-top:4px;
   
   width: 84px; 
   height:21px;   
    background: transparent url(images/enregistrer.png) no-repeat top left ;
	text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
  }
  #coms_ok:hover{
    background-position: 0 -21px ;
  }
  #coms_u {
	width:490px;
	margin-left:15px;
	margin-bottom:5px;
	height:auto;
	padding:7px;
	border-bottom:1px solid #333333;
	background-color:#e2e2e2;
	color:#373737;
}
  #coms_u:hover{
	border:1px dashed #424242;
	background-color:#e5e5e5;
   }
 #coms_u_admin {
	width:490px;
	margin-left:15px;
	margin-bottom:5px;
	height:auto;
	padding:7px;
	border-bottom:1px solid #333333;
	background-color:#f0b6cc;
	background-image:url(images/fond_diagonale.png);
	color:#373737;
}
  #coms_u_admin:hover{
	border:1px dashed #fc4242;
	background-color:#f7bed4;
   }
  #coms_u_staff {
	width:490px;
	margin-left:15px;
	margin-bottom:5px;
	height:auto;
	padding:7px;
	border-bottom:1px solid #333333;
	background-color:#cbddea;
	color:#373737;
}
   #coms_u_staff:hover{
	border:1px dashed #7bc8ff;
	background-color:#dcebf5;
   }
   
   #coms_u_l {
     width:50px;
	 height:50px;
	 float:left;
   }
    #coms_u_r {
     width:440px;
	 float:left;
   }
   #coms_u_sign {
     float:none;
	 padding-left:5px;
	 width:440px;
	 min-height:14px;
	 font-size:10px;
	 color:#000000;
   }
   #coms_del {
	 padding-left:10px;
   }
   #coms_u_txt {
     float:none;
	 width:440px;
	 height:auto;
	 padding:5px;
   }




/***************************************************************************************
WEB TV
***************************************************************************************/
#webtv_header {
width:100%;
background-image:url(images/back_webtv_header.jpg);
background-repeat:no-repeat;
height:90px;
padding:5px;
padding-top:8px;
padding-bottom:0px;
}

#webtv_header_gallery {
width:100%;
background-image:url(images/back_hallery_header.jpg);
background-repeat:no-repeat;
height:90px;
padding:5px;
padding-top:8px;
padding-bottom:0px;
}
#webtv_content {
wifth:100%;
height:auto;
}
#webtv_content_left {
  float:left;
  width:600px;
  height:auto;
}
#webtv_content_right {
  float:left;
  height:auto;
 /* background-color:#222222;*/
}
#webtv_content_video {
	background-image:url(images/back_tvplayer.png);
	background-repeat:no-repeat;
	/*background-color:#333333;*/
	height:353px;
	width:596px;
	padding-left:2px;
	padding-right:2px;
	}
  #webtv_content_video_gallery {
	background-image:url(images/ground_bg-trans.png);
	/*background-color:#000000;*/
	height:453px;
	width:596px;
	padding-left:2px;
	padding-right:2px;
  }
	  #webtv_content_video_titre {
	    height:13px;
	    width:590px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bolder;
		color:#655235;
		padding-top:2px;
		padding-left:5px;
	  }
    #webtv_content_video_detail {
	    height:65px;
	    width:580px;
		/*color:#DDDDDD;*/
		line-height:16px;
		padding-top:10px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		background-image:url(images/fond_webtv_detail.png);
	    background-repeat:no-repeat;
	  }
	  #webtv_content_video_detail_gallery {
	    height:65px;
	    width:580px;	
		line-height:16px;
		padding-top:10px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;

	  }
  #webtv_content_suggest {
	    height:418px;
	    width:140px;
		/*color:#333333;*/
		padding-top:10px;
		padding-bottom:6px;
		padding-left:5px;
		padding-right:5px;
		background-image:url(images/fond_webtv_suggest.png);
	    background-repeat:no-repeat;
	  }
	 #webtv_content_suggest_gallery {
	    height:518px;
	    width:140px;
		color:#333333;
		padding-top:10px;
		padding-bottom:6px;
		padding-left:5px;
		padding-right:5px;
		background-image:url(images/fond_gallery_suggest.jpg);
	    background-repeat:no-repeat;
	  }  
#channel_esp {
width:186px;
height:220px;
float:left;
}
#channel_video {
width:152px;
height:190px;
background-color:#ffffff;
border:1px #2c2c2c dashed;
padding-left:10px;
padding-top:10px;
}	

/******* GALLERY ************/

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 125px;
	height: 130px;
}
.gallery li:hover img {
	border-color: #000;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 2px;
}
.gallery em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 0 22px;
	display: block;
	position: absolute;
	top: 20px;
	left: 5px;
	border: 1px solid #999;
}
.gallery a {
	text-decoration: none;
}

/****************   SEARCH   ****************************/
#search {
text-align:left;
margin-left:11px;
height:25px;
width:198px;
padding-left:25px;
background-image:url(images/search2.png);

background-repeat:no-repeat;
}
#search_input {
background-color:transparent;
width:165px;
height:20px;
/*color:#FF9933;*/
font: 12px "Consolas", "Courier New", "Courier", "FreeMono", monospace;
font-weight:bold;
/*background-color:#17120e;*/
	color:#FFCC00;
	/*border:2px solid #201911;
	border-right:0px;
	border-top:0px;*/
	border:0px;
vertical-align:middle;
}

#search_input:focus { 
  color:#FFFF00;

}

/***********************   CATEGORIE   STYLES  COULEUR   ****************************************/
#cat1 {
  color:#5b2b06;
}
#cat2 {
  color:#4e2b17; /*BCAD81*/
}
#cat3 {
  color:#FF0000;
}
#cat4 {
  color:#4e2b17; /*BCAD81*/
}
#cat5 {
  color:#E72EAF;
}
#cat6 {
  color:#2c1711;
}
#cat7 {
  color:#06ce1f;
}
#cat8 {
  color:#12efd2;
}
/************************ NUMEROTATION STYLE **********************************/

#numerotation {
width:auto;
}
#numerotation A{
margin:5px;
padding-left:4px;
padding-right:4px;
padding-top:2px;
padding-bottom:2px;
color:#000000;
font-weight:bolder;
text-align:center;
border:1px #79412d solid;
background-color:#b87541;
}
#numerotation A:hover{
background-color:#905722;
color:#d7d7d7;
margin:5px;
padding-left:4px;
padding-right:4px;
padding-top:14px;
padding-bottom:2px;
border-top:1px solid #b56f2a;
}
#numerotation A:active{
background-color:#F4F4F4;
}
#numerotation_courant A{
background-color:#c17e49;
color:#36150c;
margin:5px;
padding-left:4px;
padding-right:4px;
padding-top:14px;
padding-bottom:2px;
border-top:1px solid #b56f2a;
}

#about {
margin-top:70px;
margin-left:auto;
margin-right:auto;
text-align:left;
width:600px;
height:auto;
text-align:justify;
line-height:14px;
}

#confirmation {
  width:300px;
  height:80px;
  color:#222222;
  border:3px #FF0000 dashed;
  background-color:#FFFFFF;
  background-image:url(images/warning2.gif);
  background-repeat:no-repeat;
  background-position:left center;
  paddng-top:10px;
  padding-left:32px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
  line-height:16px;
}
#paragraphe:first-letter {
font-size : 300%;
font-weight : bold;
float : left;
width : 1em;
}
#gras {
  font-weight:bold;
}
#grand {
  font-size:13px;
}
#plusgrand {
  font-size:14px;
}
#jaune {
  color:#713507;
}
#orange {
  color:#ca4f05;
}
#white {
  color:#FFFFFF;
}
#beige { 
 color:#000000; /* bf9179 */
}
#gris {
  color:#000000; /* 655235 */
}
#rouge {
  color:#FF0033;
}
#fonce {
  color:#424242;
}
#red {
  color:#FF0033;
}
#vert {
  color:#00CC33;
}
#petit {
  font-size:10px;
}
#tpetit {
  font-size:9px;
}
#attention {
  font-weight:bold;
  color:#E84A4A;
  font-size:13px;
}
#s_titre {
font-weight:bolder;
font-size:13px;
}
#maj {
text-transform:uppercase;
}





/**************************/
/*annu*/
#annu_resultat a {
 color:#023e97;
}
#annu_resultat a:hover {
 color:#1176da;
}