/*
Theme Name: LeMenhir
Theme URI: 
Description: 
Version: 1
Author: 
Author URI: 
Tags: 

*/

html{
	background:url(images/bg.jpg) repeat-x;
}
body{
	font:11px/14px Arial, sans-serif;
	color:#000;
	background:url(images/bg1.gif) no-repeat 50% 0;
	margin:0;
	padding:0;
}
img{
	border:none;
	display:block;
}


#main {
	margin:0 auto;
	width:986px;
	position:relative;
}

#selecteur {



	height: 570px;



	width: 967px;



	background-color: white;



	margin-top: 60px;



}


a {
color: #000000;
}



a:focus{outline:none}
/* logo */
.logo{
	float:left;
	background:url(images/logo.png) no-repeat;
	width:146px;
	height:138px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	position:relative;
}
.logo a{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
}
/* header */
#header{
	width:986px;
	height:187px;
	overflow:hidden;
}
.head{
	position:absolute;
	top:0;
	left:0;
}
.head div{
	background:url(images/bg-header.png) no-repeat;
	height:214px;
	width:801px;
	padding:61px 0 0 185px;
	overflow:hidden;
	z-index:10;
}
/* content */
#content{
	clear:both;
	background:url(images/bg-content.png) repeat-y;
	width:986px;
}
#content:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	font:0px sans-serif;
	visibility:hidden;
}
.info{
	width:986px;
	min-height:600px;
}
* html .info{height:600px}
/* column1 */
.column1{
	float:right;
	width:201px;
	padding:13px 0 0;
}
/* menu */
#menu{
	float:left;
	width:150px;
	padding:0;
	margin:0 0 -48px -15px;
	position:relative;
	list-style:none;
	z-index:100;
}
#menu li{
	float:left;
	width:150px;
	-webkit-transition: all 1s;
	
}
#menu li a{
	float:left;
	position:relative;
	text-indent:-9999px;
		
}

#menu li a:hover{
	
	
}
#menu li a.news{
	background:url(images/news.png) no-repeat;
	width:74px;
	height:38px;
	}
#menu li a.news:hover{
	background:url(images/news-over.png) no-repeat;
	webkitTransform: 'translate(10px,0px)';
	}
#menu li a.news.active{
	background:url(images/news-over.png) no-repeat;
}
#menu li a.tests{
	background:url(images/test.png) no-repeat;
	width:72px;
	height:29px;
	margin:-13px 0 0;
}
#menu li a.tests:hover{
	background:url(images/test-over.png) no-repeat;
}
#menu li a.tests.active{
	background:url(images/test-over.png) no-repeat;
}
#menu li a.meteo{
	background:url(images/meteo.png) no-repeat;
	width:86px;
	height:41px;
	margin:-12px 0 0 6px;
}
#menu li a.meteo:hover{
	background:url(images/meteo-over.png) no-repeat;
}
#menu li a.meteo.active{
	background:url(images/meteo-over.png) no-repeat;
}
#menu li a.ecole{
	background:url(images/ecole.png) no-repeat;
	width:87px;
	height:35px;
	margin:-9px 0 0 1px;
}
#menu li a.ecole:hover{
	background:url(images/ecole-over.png) no-repeat;
}
#menu li a.ecole.active{
	background:url(images/ecole-over.png) no-repeat;
}
#menu li a.galerie{
	background:url(images/galerie.png) no-repeat;
	width:94px;
	height:35px;
	margin:-12px 0 0 11px;
}
#menu li a.galerie:hover{
	background:url(images/galerie-over.png) no-repeat;
}
#menu li a.galerie.active{
	background:url(images/galerie-over.png) no-repeat;
}
#menu li a.liens{
	background:url(images/liens.png) no-repeat;
	width:76px;
	height:33px;
	margin:-8px 0 0 11px;
}
#menu li a.liens:hover{
	background:url(images/liens-over.png) no-repeat;
}
#menu li a.liens.active{
	background:url(images/liens-over.png) no-repeat;
}
#menu li a.contact{
	background:url(images/contact.png) no-repeat;
	width:115px;
	height:38px;
	margin:-12px 0 0 15px;
	-webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
	
	
}
#menu li a.contact:hover{
	background:url(images/contact-over.png) no-repeat;
}
#menu li a.contact.active{
	background:url(images/contact-over.png) no-repeat;
}
#menu li a.video{
	background:url(images/video.png) no-repeat;
	width:82px;
	height:34px;
	margin:-10px 0 0 16px;
}
#menu li a.video:hover{
	background:url(images/video-over.png) no-repeat;
}
#menu li a.video.active{
	background:url(images/video-over.png) no-repeat;
}
#menu li a.shop{
	background:url(images/shop.png) no-repeat;
	width:77px;
	height:40px;
	margin:-8px 0 0 17px;
}
#menu li a.shop:hover{
	background:url(images/shop-over.png) no-repeat;
}
#menu li a.shop.active{
	background:url(images/shop-over.png) no-repeat;
}

#menu li a.selecteur{
	background:url(images/selecteur.png) no-repeat;
	width:115px;
	height:38px;
	margin:-12px 0 0 15px;
}
#menu li a.selecteur:hover{
	background:url(images/selecteur-over.png) no-repeat;
}
#menu li a.selecteur.active{
	background:url(images/selecteur-over.png) no-repeat;
}

.box{
	clear:both;
	width:201px;
	padding:0 0 100px;
	overflow:hidden;
}
.box-head{
	background:url(images/box-top.png) no-repeat;
	width:201px;
	height:16px;
	overflow:hidden;
}
.box-info{
	background:url(images/box-bg.png) repeat-y;
	width:170px;
	padding: 35px 15px 5px 16px;
	overflow:hidden;
}
.inf{
	overflow:hidden;
	width:170px;
	color: #000000;
}
.box h3{
	font:bold 12px/20px Verdana, Tahoma, sans-serif;
	color:#000;
	margin:20px 0 0;
}
.box p{
	font:10px/16px Verdana, Tahoma, sans-serif;
	color:#000;
	margin:0;
}
.box ul{
	width:170px;
	padding:0;
	margin:0;
	overflow:hidden;
	list-style:none;
}
.box ul li{
	float:left;
	width:170px;
}
.box ul li a{
	font:10px/16px Verdana, Tahoma, sans-serif;
	color:#000;
	text-decoration:none;
}
.box ul li a:hover{text-decoration:underline}
.connect{
	float:right;
	margin:22px 0 0;
}
.box-foot{
	background:url(images/box-foot.png) no-repeat;
	width:201px;
	height:15px;
	overflow:hidden;
}
/* column2 */
.column2{
	float:right;
	width:589px;
}
.top{
	background:url(images/bg-top.jpg) no-repeat;
	width:589px;
	height:150px;
	padding:13px 0 0;
}
.top:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	font:0px sans-serif;
	visibility:hidden;
}
.desc{
	float:left;
	padding:50px 0 0 31px;
	width:212px;
}
.desc h2{
	background:url(images/head01.jpg) no-repeat;
	width:196px;
	height:11px;
	overflow:hidden;
	margin:0;
	text-indent:-9999px;
}
#myContent{
	float:right;

}
.desc p{
	font:10px/12px Verdana, Tahoma, sans-serif;
	color:#000;
	margin:9px 0 0;
}
.desc strong{
	font:bold 10px/12px Verdana, Tahoma, sans-serif;
	color:#f2a501;
}
.photo{
	float:left;
	width:353px;
	margin:-13px -13px 0 0;
	position:relative;
}
.block{
	background:url(images/bg-block.jpg) repeat-x;
	width:574px;
	padding:0 15px 7px 0;
	overflow:hidden;
	min-height:201px;
}
* html .block{
	overflow:visible;
	height:201px;
}
.title{
	background:url(images/bg-title.jpg) repeat-x;
	width:574px;
	height:52px;
	overflow:hidden;
}
.title h2{
	float:left;
	background:url(images/bg-h2.jpg) repeat-x;
	padding:0 0 0 12px;
	margin:0;
}
.title h2 span{
	float:left;
	font:17px/48px "Trebuchet MS", Verdana, sans-serif;
	color:#000;
	background:url(images/layer.jpg) no-repeat 100% 0;;
	padding:4px 106px 0 0;
}


.content{
	margin-right: 15px;
	font: 11px/13px Verdana, Tahoma, sans-serif;
	margin-top: 2px;
	margin-bottom: 12px;
	margin-left: 15px;
}


.content img{
	margin-right: 15px;
	margin-bottom: 15px;
}


.nbcom{


	margin-top: 20px;


	height: 25px;


	padding-left: 12px;


	left: 150px;


	background-repeat: no-repeat;


	background-image: url(images/bullcontent.gif);


}


.foto{
	float:left;
	width:115px;
}


.block-info{
	width:575px;
	overflow:hidden;
	padding:0 0 0 14px;
	
}
.block-info p{
	font:10px/12px Verdana, Tahoma, sans-serif;
	color:#333333;
	margin:2px 0 12px;
	
}

.block-info img{
	
}

.block-info em{
	display:block;
	font:italic 9px/12px Verdana, Tahoma, sans-serif;
	color:#333333;	
}
.block-info a{
	color:#333333;
	text-decoration:none;
	font:bold Verdana, Tahoma, sans-serif;
}
.page{
	border-top:1px solid #000;
	width:559px;
	padding:0 15px;
	overflow:hidden;
	margin:25px 0 0;
}
.page .right-link{float:right;}
.page .left-link{float:left;}
.page a{
	font:bold 10px/24px Verdana, Tahoma, sans-serif;
	color:#f2a501;
	text-decoration:none;
}
.page a:hover{text-decoration:underline}
/* column3 */
.column3{
	float:right;
	width:196px;
	padding:97px 0 0;
}
/* menCat */
.menCat{
	background:url(images/shop-menu.png) no-repeat;
	width:162px;
	height:348px;
	padding:0 0 0 34px;
	overflow:hidden;
	text-transform: uppercase;
    
}
.menCat h2{
	background:url(images/head-shop.png) no-repeat;
	width:76px;
	height:34px;
	margin:0;
}

.menCat h2:hover {
	background:url(images/head-shop-over.png) no-repeat;	
}


.menCat a.active h2 {
    background:url(images/head-shop-over.png) no-repeat;	
}


.menCat h3{
	background:url(images/selecteur.png) no-repeat;
	width:115px;
	height:38px;
	margin:-12px 0 0 15px;
}
.menCat h3:hover{
	background:url(images/selecteur-over.png) no-repeat;
}
.menCat h3.active{
	background:url(images/selecteur-over.png) no-repeat;
}



.menCat ul{
	width:162px;
	padding:0;
	margin:11px 0 0;
	overflow:hidden;
	list-style:none;
	-webkit-transition: all 0.5s;
	
}

.menCat a {
    color: #000000;
    text-decoration: none;
}


.menCat a:hover{
    text-decoration: underline;
}



.menCat ul li{
	float:left;
	width:162px;
}
.menCat ul li a{
	float:left;
	width:112px;
	position:relative;
}


/* men */
.men{
	background:url(images/shop-menu.png) no-repeat;
	width:162px;
	height:318px;
	padding:0 0 0 34px;
	overflow:hidden;
}
.men h2{
	background:url(images/head-shop.png) no-repeat;
	width:76px;
	height:34px;
	text-indent:-9999px;
	margin:0;
}
.men ul{
	width:162px;
	padding:0;
	margin:11px 0 0;
	overflow:hidden;
	list-style:none;
}
.men ul li{
	float:left;
	width:162px;
}
.men ul li a{
	float:left;
	width:112px;
	position:relative;
	text-indent:-9999px;
}
.men ul li a.link01{
	background:url(images/link01.jpg) no-repeat;
	height:15px;
}
.men ul li a.link02{
	background:url(images/link02.jpg) no-repeat;
	height:17px;
}
.men ul li a.link03{
	background:url(images/link03.jpg) no-repeat;
	height:15px;
}
.men ul li a.link04{
	background:url(images/link04.jpg) no-repeat;
	height:15px;
}
.men ul li a.link05{
	background:url(images/link05.jpg) no-repeat;
	height:15px;
}
.men ul li a.link06{
	background:url(images/link06.jpg) no-repeat;
	height:19px;
}
.men ul li a.link07{
	background:url(images/link07.jpg) no-repeat;
	height:18px;
}
.men ul li a.link08{
	background:url(images/link08.jpg) no-repeat;
	height:15px;
}
.men ul li a.link09{
	background:url(images/link09.jpg) no-repeat;
	height:17px;
}
.men ul li a.link10{
	background:url(images/link10.jpg) no-repeat;
	height:17px;
}
.men ul li a.link11{
	background:url(images/link11.jpg) no-repeat;
	height:17px;
}
.men ul li a.link12{
	background:url(images/link12.jpg) no-repeat;
	height:17px;
}
.men ul li a.link13{
	background:url(images/link13.jpg) no-repeat;
	height:17px;
}
.men ul li a.link14{
	background:url(images/link14.jpg) no-repeat;
	height:14px;
}
.plug{
	width:186px;
	overflow:hidden;
	padding:0 0 0 10px;
}
.plug ul{
	width:186px;
	padding:0;
	margin:0;
	overflow:hidden;
	list-style:none;
	border-top:1px solid #000;
}
.plug ul li{
	float:left;
	width:186px;
	margin:4px 0 0;
	border-bottom:1px solid #000;
}
.plugCat ul{
	width:186px;
	padding:0;
	margin:0;
	overflow:hidden;
	list-style:none;
}
.plugCat ul li{
	float:left;
	width:186px;
	margin:4px 0 0;
}


.plug h3{
	font:bold 14px/16px "Trebuchet MS", Verdana, sans-serif;
	color:#000;
	margin:0;
}

.plug h3 a {
	color:#000;
	text-decoration: none;	
}

.plug h3 a:hover {
	text-decoration: underline;	
}

.plug h4{
	font:bold 11px/14px "Trebuchet MS", Verdana, sans-serif;
	color:#000;
	margin:0;
}

.plug h4 a{
	color:#000;
	text-decoration: none;	
	}
	
	
.plug div{float:right}
.foto01{margin:12px 0 0}
/* man */
.man{
	position:absolute;
	bottom:0;
	right:10px;
}
.man div{
	background:url(images/man.png) no-repeat;
	width:202px;
	height:192px;
	overflow:hidden;
	text-indent:-9999px;
}

/* footer */
#footer{
	background:url(images/bg-footer.jpg) no-repeat;
	clear:both;
	width:790px;
	padding:10px 0 0 196px;
	height:50px;
	overflow:hidden;
}
#footer p{
	font:9px/14px Verdana, Tahoma, sans-serif;
	color:#868686;
	margin:0;
}
#footer p a{
	font:bold 9px/14px Verdana, Tahoma, sans-serif;
	color:#f2a501;
	text-decoration:none;
}
#footer p a:hover{text-decoration:underline}

#comment {width:500px;}


.first-pic img {
	width:150px;
	height:150px;
	
	}
	
	
	.awesome{
background: #ffb515 url(images/alert-overlay.png) repeat-x;
font-size: 12px;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}

	 .awesome :hover {
background: #555;
color: #fff;

}
	
#facebooklink	{

	bottom: 30px;

	position: relative;

	clear: none;

	display: inline;

	float: right;

}