/*
 *
 *	BEST IMAGE
 *	
 *	CSS Stylesheet
 *	
 *	Copyright BEST IMAGE.
 *	Ecrit pour Webedia par Ronan Donniou
 *
 */

.hidden{visibility:hidden;}
.inner{width:1000px; margin:0 auto;}
html,body{ background:#ffffff; font-family:Arial, Helvetica, sans-serif; color:#000;}
body{margin-bottom:50px;}


/* IE6 link bg flicker : http://evil.che.lu/2006/09/25/no-more-ie6-background-flicker */
	html { filter: expression(document.execCommand("BackgroundImageCache", false, true));}


/* typography */
	h1{ font-size:27px; color:#000; font-weight:normal; padding:10px 48px;}
	h2{ font-size:27px; color:#000; font-weight:normal; padding:10px 0;}

/* blocks */
	#header{ height:138px; position:relative;}

	#borderDiv { width:200px;}
	
	#topSliderOutter { background:url("../img/backgrid.png") no-repeat center center #F0F0F0; height:563px; overflow:hidden;}
	#topSliderUp{  height:563px; width:1496px;/*width:1100px;*/ margin:0 auto; overflow:hidden;}
	#topSlider{  height:563px; width:1096px;    margin: 0 auto;}
	#topSliderLeft{  height:353px; width:200px; border:0px solid#ccc;float: left;margin-top:200px}
	#topSliderRight{  height:353px; width:200px; border:0px solid#ccc;float: right;margin-top:200px}
	#unecarousel{overflow: hidden;
		}

	#couvSliderOutter{height:400px;width:1096px; margin:0 auto; padding-top:40px;}
		#couvSlider{height:400px;width:1096px;margin:0 auto; overflow:hidden;}

/* elements */
	/* header*/
	/*logo */
	.logo{width:377px; height:98px; position:absolute; top:10px; left:0;}
	/*.logo a{ display:block; width:377px; height:98px; text-indent:-999em;background:url('../img/ImagesAccueil/logo-bestimage.png') 0 0 no-repeat;}*/
	/*menu*/
	.nav{ display:block; height:28px; width:520px;position:absolute; bottom:35px; right:0px; background:url('../img/ImagesAccueil/bg-nav.png') 0 0 no-repeat;}
	.nav li { float:left;}
		.nav li.m_acces { width:150px;}
		.nav li.m_contact { width:150px;}
		.nav li.m_cdv { width:170px;}
		.nav li.m_langs { width:61px;}						
	.nav a{ display:block; text-align:center;text-decoration:none; color:#fff; text-transform:uppercase; font-size:12px; line-height:28px;cursor: pointer;
			background:url('../img/ImagesAccueil/bg-nav-item.gif') 100% 50% no-repeat;}
		.nav li.m_cdv a,.nav li.m_langs a{background:url('');}
		.nav li.m_langs a{ float:left; width:21px; text-indent:-999em;}
			.nav a:hover, .nav a.active{font-weight:bold; }			
		.nav li.m_langs a.fr{background:url('../img/ImagesAccueil/bg-lang-fr.gif') 0 50% no-repeat; margin-right:8px;}
		.nav li.m_langs a.en{background:url('../img/ImagesAccueil/bg-lang-en.gif') 0 50% no-repeat;}
	/* login */
	.log-in{ height:35px;width:520px;position:absolute; top:10px; right:0;}
	.log-in input{ width:186px; float:left; margin-right:15px; border:1px solid#ccc; 
				line-height:32px; height:32px; color:#666; font-family:Arial, Helvetica, sans-serif;
				 font-size:14px; padding:0 2px; font-weight:bold;
				 border-radius: 2px;
				 -moz-border-radius: 2px;
				  _width:180px;_height:28px;_line-height:28px;
				 }
	.log-in #sub-btn{ width:117px; height:34px;  line-height:34px; float:left; margin-right:0; padding:0; cursor:pointer; color:#fff; text-align:center;
				background:url('../img/ImagesAccueil/bg-login-btn.gif') 0 0 no-repeat; border:0;}


/* */
#unecarousel li{ position:relative}
#unecarousel li a{ position:absolute; cursor: pointer;}
	.inscription{ position:absolute; bottom:30px; left:45px; height:34px; line-height:34px; background:#000;}
	.inscription span{display:block; float:left;line-height:34px; height:34px;}
		.inscription span.txt{ color:#fff; font-size:16px; margin-left:16px; width:200px;font-weight:bold;}	
		.inscription span.lnk{}	
		.inscription a{display:block; width:152px; line-height:34px; height:34px; color:#fff; font-size:16px; font-weight:bold;
						background:url('../img/ImagesAccueil/btn-inscription.png') 0 0 no-repeat; text-align:center; text-decoration:none;}	
			/*.inscription a:hover{color:#000;}*/
/* 3e bloc hrz */
	#Contenu_bas{ padding-top:50px;margin-bottom: 40px;}
    #apropos{float:left; width:480px; padding-right:20px;}
	    #apropos p{padding:10px 0; font-size:12px; line-height:18px; text-align:justify;} 

	#archives{ float:right; width:490px;}
		#archives h2{padding-bottom:25px;}

/* elements overlay */
	/* ContactInfo */
	#contactinfo{ max-width:600px;width: 100%; background:#f7f7f7; color:#222;}
	#contactinfo ul{padding:0 25px;}
		#contactinfo li{overflow:hidden; padding-bottom:15px; font-size:12px; line-height:20px;}
		#contactinfo h3{ color:#222; font-size:14px; font-weight:bold; padding:5px 0;}
		#contactinfo a{ color:#333;}
			#contactinfo a:hover{text-decoration:none;}	
	
		.via{ display:block; float:left; width:160px; font-weight:bold;}
		.viak{display:block; float:left; width:180px;}
		.adr{ display:block; width:100%; font-weight:bold; text-align:center; padding-top:65px;
				background:url('../img/ImagesAccueil/logo-overlay.gif') 50% 15px no-repeat; }
				
		.rcf{ width:200px; float:left; padding-left:50px; padding-top:20px}
		.rcl{ width:200px;float:right;  padding-top:20px}
			.rcf p, .rcl p{ font-style:italic} 	
					
	/* conditions g?n?rales */
	#conditionsgenerales{background:#f7f7f7; color:#222;}
		#conditionsgenerales h2{  color:#222; text-align:center;}
		#conditionsgenerales p{ font-size:12px; line-height:18px; padding:10px; text-align:justify;}
		#conditionsgenerales span{padding-left:25px;}

	/*demande d'acc?s */
	#demandeacces{width:700px; background:#f7f7f7; color:#222;}
		#demandeacces h2{color:#222; text-align:center;}
		#demandeacces p{padding:15px 0; font-size:12px; text-align:center;}
		
		#demandeacces li{overflow:hidden; margin-bottom:5px;font-size:12px;}
		#demandeacces .fe{float:left; padding:10px;overflow:hidden;}



					#demandeacces label.best{float:left; width:138px; text-align:right; padding-right:15px; line-height:22px;
								 font-size:12px; font-weight:bold; text-transform:capitalize }

			#demandeacces input, #demandeacces select, #demandeacces option {float:left; width:150px;}
			#demandeacces .fb{margin-left: auto;margin-right: auto;width: 108px;}
			#demandeacces .fb input{width:117px; height:34px;border:0;cursor:pointer; color:#fff; text-align:center; font-weight:bold;
									background:url('../img/ImagesAccueil/bg-login-btn.gif') 0 0 no-repeat; }
			#demandeacces p.note1{padding:5px 0 5px 125px; font-size:10px;text-align:left; clear:both; display:block;}
			#demandeacces p.note2{padding:5px 0 5px 125px; font-size:10px; text-align:left;}

		#demandeacces input, #demandeacces select{border:1px solid #888;}
		#demandeacces input.error, #demandeacces select.error{border:1px solid #f00;}
  #demandeacces a.error{color: red;}
		#demandeacces p.error{ color:#f00; font-weight:bold;}





		/** Carousel **/
.slick-list{
	width: 1000px;
}
#archivecarousel .slick-list{
	width:490px
}
		.slick-prev{
			/*position: absolute;
    top: 225px;
    left: 5px;*/
    width: 37px;
    height: 97px;
    cursor: pointer;
	background: transparent url(../img/prev-horizontal.png) no-repeat -37px 0;
	font-size: 0;
    border: 0;
		}
		.slick-prev:hover{
			background-position: 0 0;
		}

		.slick-next{
			/*position: absolute;
    top: 225px;
    right: 5px;*/
    width: 37px;
    height: 97px;
    cursor: pointer;
	background: transparent url(../img/next-horizontal.png) no-repeat 0 0;
	font-size: 0;
    border: 0;
		}

		.slick-next:hover{
			background-position: -37px 0;
		}