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

* Filename: main.css
* Version: 2.0.0 (01-09-2008) DD-MM-YYYY
* Website: http://www.cabolive.ch/
* Author: Paratte Pascal - pascalparatte.com
* Description: Handles the site layout.

== STRUCTURE: ==============================
* Page width: 960px 
* 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:#000000;
color:#dddddd;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(images/bkg.jpg);
background-position:bottom;
background-attachment:fixed;
}
a {
  text-decoration:none;
  color:#6699FF; /*bleu claire*/
}
a:hover {
  text-decoration:underline;
  color:#cf0e23;	 /*rouge*/
}
a.rollopaque img {
  
  filter: Alpha(opacity=50); /* IE */
  -moz-opacity: 0.5; /* Mozilla */ 
  opacity: 0.5;
  }

a.rollopaque:hover img {
  
  filter: Alpha(opacity=100); /* IE */
  -moz-opacity: 1.0; /* Mozilla */ 
  opacity: 1.0;
  
  }
#global {
  height:auto;
  width:100%;
  text-align:center;
  }
  
  
#main {
/*background-color:#FFFFFF;*/
width:960px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
border:0;

}
#header {
  /*height:240px;*/
  height:295px;
  width:960px;
  margin-left:auto;
  margin-right:auto;
  border:0;
  /*background-color:#00FF00;*/
  
} 
  #header_top {
  height:94px;
  width:100%;
  background-color:#000000;
  /*background-image:url(images/header_back.jpg);
  background-repeat:no-repeat;*/
  }
    #header_top_logo {
	  float:left;
	  height:80px;
	  width:230px;
	  text-align:center;
	  padding-top:10px;
	  /*
	  background-position:center;
	  background-repeat:no-repeat;*/
	}
	#header_top_pub {
	  float:left;
	  width:726px;
	  height:90px;
	  padding-top:2px;
	  padding-right:2px;
	  text-align:right;
	}
  #header_visuel {
  /*height:130px;*/
  height:5px;
  width:100%;
  /*background-color:#333333;*/
  
  }
#menu_box {
  /*height:240px;*/
  height:35px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  border:0;
  /*background-color:#00FF00;*/
}
/*ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(images/nav_bg.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #101010;
	border-top:0px solid #000000;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#003792;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
}
	
ul#menu li a:hover
{	
	color:#cf0e23;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;		
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
}
*/
#content {
  float:none;
  height:auto;
  width:958px;
  margin-left:auto;
  margin-right:auto;
  padding-top:5px;
  border:0px;
  text-align:left;
  /*background-color:#FFFFFF; */
  background-image:url(images/back_content.png);
  border-top:3px #333333 solid ;
  border-bottom:0px;
  /*background-image:url(images/head_main.jpg);
  background-repeat:no-repeat;
  background-position:top;*/
  padding-left:1px;
  padding-right:1px; /*pour border fond*/
  color:#EEEEEE;
}
  #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.gif);
	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:40px;
	 text-align:center;
	  
   
   }
   #intro {
     height:auto;
	 width:100%;
	 /*margin-top:50px;
	 background-image:url(images/top.gif);
	 background-position:top;
	 background-repeat:repeat-y;*/
   }
   
     #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.png);
	  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:#eaeaea;
	  }
	  #news_content_suggest_news_txt A{
	  /*color:#8fb4fe;*/
	  }
  
  
  #news_header {
  border-top:4px solid #fefefe;
  border-bottom:2px solid #f6f6f6;
  border-left:2px solid #222222;
  border-right:2px solid #222222;
  width:750px;
  height:180px;
  background-repeat:no-repeat;
  }
  #news_titre {
  background-image:url(images/back_content_30_tex.png);
   background-repeat:repeat;
   border-bottom:1px #666666 dashed;
   margin-bottom:15px;
   height:auto;
   }
  #news_content {
  width:750px;
  height:auto;
   
   padding:6px;
  }
  #news_colone{
   width:350px;
   height:auto;
   text-align:justify;
   color:#EFEFEF;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
    float:left;
	line-height:14px;
  }
  #news_colone_sep{
   float:left;
   width:2px;
   background-color:#999999;
   color:#999999;
   margin-left:4px;
   margin-right:4px;
  }
  #news_liaison{
  background-image:url(images/back_content_30_tex.png);
  background-repeat:repeat;
  border:1px dashed #222222;
  padding:10px;
  width:750px;
  }
  #news_suggest_news {
  height:70px;
  width:350px;
  float:left;
  margin-right:12px;
  }
  #news_suggest_news_avatar{
  float:left;
  height:65px;
  width:70px;
  }
  #news_suggest_news_txt { 
  float:left;
  height:65px;
  width:280px;
  font-size:12px;
  background-image:url(images/back_content_50_tex.png);
  background-repeat:repeat;
  line-height:17px;
  }
/*******************************************  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:82px; width:365px; margin:0px; padding:0px;
	}
	#intro_box_selection {
	  height:82px; width:370px; float:left; margin:0px; padding:0px;
	}
	   #intro_box_newsavatar {
	     left:2px; top:0px; height:80px; width:80px; float:left;
	   }
	   #intro_box_news {
	     float:left;  
		 padding-top:6px; 
		 padding-left:5px; 
		 padding-right:2px; 
		 paddin-bottom:1px;
		 height:82px; 
		 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:21px;
		 width:358px;
		 padding-left:5px;
		 font-size:15px;
		 font-weight:bolder;
		 color:#FFFFFF;
		 font-family:Arial, Helvetica, sans-serif;
	     background-image:url(images/back_content_50_tex.png);
		 border:1px dashed #222222;
		 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:84px; 
		 width:226px; 
		 background-image:url(images/back_content_30_tex.png); 
		 border:1px dashed #222222;
	   }
	   
	   
  #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;
	
  }
 /***************************************************************************************
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_content_30_tex.png);

height:90px;
padding:5px;
padding-top:8px;
padding-bottom:0px;
border-top:1px dashed #222222;
}
#webtv_content {
width: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/back_content_50_tex.png);
	/*background-color:#000000;*/
	height:453px;
	width:596px;
	padding-left:2px;
	padding-right:2px;
  }
	  #webtv_content_video_titre {
	    height:12px;
	    width:590px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bolder;
		color:#999999;
		padding-top:2px;
		padding-left:5px;
		background-image:url(images/back_content_30_tex.png);
		border-top:1px dashed #222222;
	  }
    #webtv_content_video_detail {
	    height:63px;
	    width:578px;
		/*color:#DDDDDD;*/
		line-height:16px;
		padding-top:10px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		background-image:url(images/back_content_30_tex.png);
	    border:1px dashed #222222;
		overflow:auto;
	  }
	  #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:416px;
	    width:137px;
		/*color:#333333;*/
		padding-top:10px;
		padding-bottom:6px;
		padding-left:5px;
		padding-right:5px;
		background-image:url(images/back_content_50_tex.png);
	    border:1px dashed #222222;
	  }
	 #webtv_content_suggest_gallery {
	    height:516px;
	    width:138px;
		color:#333333;
		padding-top:10px;
		padding-bottom:6px;
		padding-left:5px;
		padding-right:5px;
		background-image:url(images/back_content_50_tex.png);
	    border:1px dashed #222222;
	  }  
#channel_esp {
width:186px;
height:200px;
float:left;
}
#channel_video {
width:152px;
height:170px;
/*background-color:#000000;*/
background-image:url(images/back_content_30_tex.png);
border:1px #2c2c2c dashed;
padding-left:10px;
padding-top:10px;
}	 
   /***************************************************************************************
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.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_content_right_null {
  float:left;
  height:auto;
  width:180px;
  /*background-color:#222222;*/
  padding:0px; height:1px; margin:0px;
}
#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:525px;
  height:auto;
  padding:4px;
  border: 3px  #222222 dashed;
}
#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:370px;
  /*border:2px #5e2901 dotted;*/
  height:88px;
}	
#intro_event:hover {
 /* border:2px #803801 solid;*/
}




	  
	  
#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;
  padding-top:10px;
  padding-left:32px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
  line-height:16px;
}	  
	  
#footer {
clear: both;
  height:70px;
  width:875px;
  margin-left:auto;
  margin-right:auto;
  border:0;
  padding-left:83px;
  text-align:center;
  font-size:11px;
  font-weight:bolder;
  line-height:14px;
  /*background-color:#ffffff;*/
  background-image:url(images/bot.png);
  background-repeat:no-repeat;
  background-position:bottom;
  color:#FFFFFF;
  border:1px #333333 solid ;
  border-top:0px;
  
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer2 {
clear: both;
  height:60px;
  width:875px;
  margin-left:auto;
  margin-right:auto;
  border:0;
  padding-left:83px;
  text-align:center;
  font-size:11px;
  font-weight:bolder;
  line-height:14px;
  /*background-color:#ffffff;*/
  background-image:url(images/back_content_50_tex.png);

  background-position:bottom;
  color:#FFFFFF;
  border:1px #333333 solid ;
  border-top:0px;
  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  filter: Alpha(opacity=50); /* IE */
  -moz-opacity: 0.5; /* Mozilla */ 
  opacity: 0.5;
}


 #footer2:hover {
  
  filter: Alpha(opacity=100); /* IE */
  -moz-opacity: 1.0; /* Mozilla */ 
  opacity: 1.0;
  
  }
  #footer_admin {
  clear: both;
  /*height:70px;*/
  width:875px;
  margin-left:auto;
  margin-right:auto;
  border:0;
  padding-left:83px;
  text-align:center;
  font-size:11px;
  font-weight:bolder;
  line-height:14px;
  background-color:#a00213;
  /*background-image:url(images/bot.png);
  background-repeat:no-repeat;
  background-position:bottom;*/
  color:#FFFFFF;
  border:1px #333333 solid ;
  filter: Alpha(opacity=90); /* IE */
  -moz-opacity: 0.9; /* Mozilla */ 
  opacity: 0.9;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
#bas_page {
  width:100%;
}


/******************************/
#kada_head {
 height:50px;
 width:100%;
 margin-bottom:10px;
}
#kada_content {
height:auto;
width:100%;
float:none;
margin-bottom:5px;
}
#kada_1 {
width:345px;
height:auto;
min-height:550px;
float:left;
border-top:2px solid #0033FF;
margin:10px;
}
#kada_2 {
width:345px;
height:auto;
min-height:550px;
float:left;
border-top:2px solid #0033FF;
margin:10px;
}
#kada_3 {
width:345px;
height:auto;
min-height:550px;
float:left;
border-top:2px solid #0033FF;
margin:10px;
}


#kada_4 {
width:345px;
height:auto;
min-height:550px;
float:left;
border-top:2px solid #0033FF;
margin:10px;
}
#kada_b {
width:345px;
height:auto;
min-height:550px;
float:left;
border-top:2px solid #0033FF;
margin:10px;
}
#kada_5 {
width:345px;
height:auto;
min-height:100px;
float:left;
border-top:2px solid #0033FF;
margin:10px;
}

#kada_titre { 
  font-size:18px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bolder;
  color:#CE0C06;
}
#kada_txt {
padding:5px;
/*background-color:#FFFFFF;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px dashed #999999 ;
text-align:justify;
color:#FFFFFF;
background-image:url(images/back_content_30_tex.png);
   background-repeat:repeat;
   /*border-bottom:1px #666666 dashed;*/
}
#kada_link {
font-style:italic;
color:#EEEEEE;

}
#kadaline {
padding:5px;
margin-left:150px;
width:350px;
background-color:#111111;
border: 1px solid #3333FF;
font-size:14px;
font-weight:bolder;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
height:20px;
}
#kadaline:hover {
border: 1px solid #33CC00;
background-color:#009900;
}
#kadalineadd {
padding:5px;
margin-left:150px;
width:350px;
background-color:#111111;
border: 1px solid #3333FF;
font-size:14px;
font-weight:bolder;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
height:20px;
}
#blue{
  color:#6699FF;
}
#blanc{
  color:#FFFFFF;
}
#vert {
 color:#aad35d;
}
#jaune {
 color:#ebe31d;
}
#vert a {
 color:#ccff00; /* vert claire*/ 
}
#vert a:hover{
 color:#FF99FF;	 /*rose claire*/
}
#grey{
  color:#999999;
}
#gras{
  font-weight:bolder;
}
#red{
  color:#cf0e23;
}
#black{
  color:#000000;
}
#ital{
  font-style:italic;
}
#rouge{
  color:#cf0e23;
}
#petit {
  font-size:10px;
  color:#DDDDDD;
}
#titre {
  font-weight:bolder;
}
#s_titre {
  font-weight:bolder;
  color:#777777;
  font-size:14px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  
}
#grand {
font-size:16px;
}
#tres_grand {
font-size:16px;
font-weight:bolder;
}

#rollhovopaque  {
  /*désactivé*/
  filter: Alpha(opacity=60); /* IE */
  -moz-opacity: 0.6; /* Mozilla */ 
  opacity: 0.6;
  }

 #rollhovopaque:hover {
  
  filter: Alpha(opacity=100); /* IE */
  -moz-opacity: 1.0; /* Mozilla */ 
  opacity: 1.0;
  
  }
 rollhovopaque3  {
  /*désactivé*/
  filter: Alpha(opacity=60); /* IE */
  -moz-opacity: 0.6; /* Mozilla */ 
  opacity: 0.6;
  }

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

a.rollopaque:hover img {
  
  filter: Alpha(opacity=100); /* IE */
  -moz-opacity: 0.7; /* Mozilla */ 
  opacity: 0.7;
  
  }
  #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 #333333 solid;
background-color:#5ab1e3;
}
#numerotation A:hover{
background-color:#222222;
color:#add15e;
margin:5px;
padding-left:4px;
padding-right:4px;
padding-top:14px;
padding-bottom:2px;
border-top:1px solid #5ab1e3;
}
#numerotation A:active{
background-color:#333333;
}
#numerotation_courant A{
background-color:#222222;
color:#777777;
margin:5px;
padding-left:4px;
padding-right:4px;
padding-top:14px;
padding-bottom:2px;
border-top:1px solid #FFFFFF;
}

.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;
}

#pays_select {
	 font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; padding-left:15px;
}
#pays_select a {
	 font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF;
}
#pays_select a:hover {
	 font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#06F; text-decoration:underline;
}