@font-face {  
font-family: Eurostile ;  
src: url(Eurostib.ttf) /* IE */  
src: local("Eurostile"), url(Eurostib.ttf) format("truetype") /* non-IE */    
}
.Eurostile { font-family: Eurostile, verdana, helvetica, sans-serif}  


h2{
	text-align:center;
	margin-top:0px;
	margin-left:0px;
	font-family:Eurostile;
	font-size:23px;
	font-weight:normal;
}

h3{
	font-family:Eurostile;
	font-size:20px;
	font-weight:normal;
}

h4{
	font-size:13px;
	font-weight: bold;
	margin: 0;
	color: #000;
}

strong {
	color: #2E3659;
	font-weight: bold;
	font-size:13px;
}

g {
	color: #2E3659;
	font-weight: bold;
	font-size:13px;
}

g1{
	color: #309196;
	font-weight: bold ;
	font-size:15px;
}

body {
	margin:0;
	color:#545c5f;
	font:12px "Trebuchet MS", Helvetica, sans-serif;
	background:#dfe6e9;
	min-width:1000px;
	text-align: justify;
}

img {
	border-style:none;
	display:block;
}

a {
	text-decoration:none;
	color:#304870;
	outline:none;
}

a:hover {text-decoration:underline;}

input, textarea, select {
	font:100% "Trebuchet MS", Helvetica, sans-serif;
	vertical-align:middle;
	color:#626667;
	outline:none;
}

form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
.wrap{
	width:100%;
}
.wrap:after{
	content:"";
	display:block;
	clear:both;
}

.wrap img{
display: inline-block;
float: left;
margin: -30px, -20px, auto, auto;

}
/* header */
.header-wrap{
	background: url(../images/bg-header02.png) repeat-x;
	margin-top:-23px;
}
#header{
	background: url(../images/bg-header.png) no-repeat 50% 0;
	height: 124px;
	position:relative;
	z-index:102;
}
.header-holder{
	width:1000px;
	margin:0 auto;
	padding:23px 0 0;
}

.header-holder:after{
	content:"";
	display:block;
	clear:both;
}
#header .logo{
	float:left;
	margin:-10px 0 0 5px;
	background: url(../images/logo.png) no-repeat;
	width: 301px;
	height: 120px;
	text-indent:-9999px;
	overflow:hidden;
}
.logo {
	position:relative;
	padding: 20px;
	
}
#header .logo a{
	display:block;
	height:100%;
}
.form-wrap{
	width:100%;
	overflow:hidden;
}
/* navigation */
#nav1{
	list-style:none;
	margin:62px 0 0 0;
	padding:0 0 13px;
	float:right;
	display:inline;

}
#nav1 li{
	float:left;
	padding:0 0 7px;
	position:relative;
	margin-right:8px;
	background: url(../images/bg-nav-l_2.gif) no-repeat;
}
#nav1 li:hover,
#nav1 .active{
	background: url(../images/bg-nav-l_2hover.gif) no-repeat;
}
#nav1 li:hover{
	z-index:10;
}
#nav1 a{
	float:left;
	font-size:14px;
	background: url(../images/bg-nav-r_2.gif) no-repeat 100% 0;
}
#nav1 li:hover a,
#nav1 .active a{
	background: url(../images/bg-nav-r_2hover.gif) no-repeat 100% 0;
	text-decoration:none;
}
#nav1 .home{
	background: url(../images/btn-home.gif) no-repeat;
	width: 27px;
	height: 25px;
	text-indent:-9999px;
	overflow:hidden;
	padding:0;
}
#nav1 li:hover .home,
#nav1 .active .home{
	background: url(../images/btn-home.gif) no-repeat 0 -25px;
}
#nav1 a span{
	float:left;
}
#nav1 .with-drop span{
	background: url(../images/arrow.png) no-repeat 100% 10px;
}
#nav1 a em{
	float:left;
	height:20px;
	padding:4px 10px 6px;
	color:#fff;
	cursor:pointer;
	font-style:normal;
	line-height:14px;
}
#nav1 .with-drop em{
	padding-right:22px;
}
#nav1 .active .with-drop em{
	background:none;
}
#nav1 ul{
	position:absolute;
	top:26px;
	left:-38px;
	width:163px;
	display:none;
	list-style:none;
	margin:0;
	padding:1px 0 13px;
	background: url(../images/bg-drop.png) no-repeat 0 100%;
}
#nav1 ul li{
	float:none;
	margin:0;
	padding:10px 0 0 16px;
	width:147px;
	vertical-align:middle;
}
#nav1 ul li:after{
	content:"";
	display:block;
	clear:both;
}
#nav1 li:hover li{background:none;}
#nav1 li li a,
#nav1 li:hover li a{
	color:#b7b7b7;
	background:none;
	display:block;
	font-size:12px;
	width:137px;
}
#nav1 ul li .with-drop{
	background: url(../images/bg-arrow.png) no-repeat 100% 5px !important;
}
#nav1 ul li:hover .with-drop{
	background: url(../images/bg-arrow02.png) no-repeat 100% 5px !important;
}

#nav1 ul li .with-drop_end{
	background: none;
}
#nav1 ul li:hover .with-drop_end{
	background: none;
}

#nav1 li li a:hover{color:#fff;}
#nav1 ul ul{
	left:163px;
	top:-1px;
}
#nav1 li:hover li ul{
	visibility:hidden;
}
#nav1 li:hover li:hover ul{
	visibility:visible;
}

#nav{
	list-style:none;
	margin:62px 0 0 0;
	padding:0 0 13px;
	float:right;
	display:inline;
}
#nav li{
	float:left;
	padding:0 0 7px;
	position:relative;
	margin-right:8px;
}
#nav li:hover,
#nav .active{
	background: url(../images/bg-nav-l.gif) no-repeat;
}
#nav li:hover{
	z-index:10;
}
#nav a{
	float:left;
	font-size:14px;
}
#nav li:hover a,
#nav .active a{
	background: url(../images/bg-nav-r.gif) no-repeat 100% 0;
	text-decoration:none;
}
#nav .home{
	background: url(../images/btn-home.gif) no-repeat;
	width: 27px;
	height: 25px;
	text-indent:-9999px;
	overflow:hidden;
	padding:0;
}
#nav li:hover .home,
#nav .active .home{
	background: url(../images/btn-home.gif) no-repeat 0 -25px;
}
#nav a span{
	float:left;
}
#nav .with-drop span{
	background: url(../images/arrow.png) no-repeat 100% 10px;
}
#nav a em{
	float:left;
	height:20px;
	padding:4px 10px 6px;
	color:#fff;
	cursor:pointer;
	font-style:normal;
	line-height:14px;
}
#nav .with-drop em{
	padding-right:22px;
}
#nav .active .with-drop em{
	background:none;
}
#nav ul{
	position:absolute;
	top:26px;
	left:-38px;
	width:163px;
	display:none;
	list-style:none;
	margin:0;
	padding:1px 0 13px;
	background: url(../images/bg-drop.png) no-repeat 0 100%;
}
#nav ul li{
	float:none;
	margin:0;
	padding:10px 0 0 16px;
	width:147px;
	vertical-align:middle;
}
#nav ul li:after{
	content:"";
	display:block;
	clear:both;
}
#nav li:hover li{background:none;}
#nav li li a,
#nav li:hover li a{
	color:#b7b7b7;
	background:none;
	display:block;
	font-size:12px;
	width:137px;
}
#nav ul li .with-drop{
	background: url(../images/bg-arrow.png) no-repeat 100% 5px !important;
}
#nav ul li:hover .with-drop{
	background: url(../images/bg-arrow02.png) no-repeat 100% 5px !important;
}

#nav ul li .with-drop_end{
	background: none;
}
#nav ul li:hover .with-drop_end{
	background: none;
}

#nav li li a:hover{color:#fff;}
#nav ul ul{
	left:163px;
	top:-1px;
}
#nav li:hover li ul{
	visibility:hidden;
}
#nav li:hover li:hover ul{
	visibility:visible;
}

.fb{
height:23px;
width:70px;
background: url(../images/fb.png)no-repeat;
margin-left:20px
}

.fb:hover{
height:23px;
width:70px;
background: url(../images/fb2.png) no-repeat;
margin-left:20px
}

/* navigation end */

.bansponsors  {
width : 210px;
height: 700px ;
position: absolute;
right: 2%;
top: 23% ;
}
@media screen and (max-width: 1500px){
.bansponsors {
width : 210px;
height: 700px ;
position: absolute;
right: 1%;
top: 23% ;
}
}
.bansponsormainpage{
width : 210px;
height: 500px ;
position: absolute;
right: 2%;
top: 150px ;
z-index:10;
}
@media screen and (max-width: 1500px){
.bansponsormainpage{
width : 210px;
height: 500px ;
position: absolute;
right: -15px;
top: 150px ;
z-index:10;
}
}

.bansc2{
width: 201px;
height: 572px;
position: absolute;
top: 70px;
left:1%;
}

/* intro-box */
#intro-holder{
	background: url(../images/bg-intro.png) no-repeat 50% 0;
	padding:2px 0 0;
	position:relative;
	height:377px;
}
#intro-holder .loader{
	margin-left:91px;
}
.intro-box{
	width:900px;
	margin:0 auto;
	height:377px;
	position:relative;
}
.roundabout-holder{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:377px;
}
#myRoundabout{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	position:absolute !important;
	left:0;
	top:0;
	height:377px;
}
.roundabout-moveable-item {
	cursor: pointer;
	width: 702px;
	height: 309px;
}
.roundabout-moveable-item .image{
	width:100%;
	height:92%;
	position:absolute;
	left:0;
	top:12px;
	overflow:hidden;
}
.roundabout-moveable-item .image img{
	margin:0 auto;
	width:91% !important;
}
.roundabout-in-focus { cursor: auto; }
.intro-box .controls{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:101;
}
#previous,
#next{
	background: url(../images/btn-prev.png) no-repeat;
	width: 24px;
	height: 40px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:167px;
	left:53px;
}
#next{
	background: url(../images/btn-next.png) no-repeat;
	left:auto;
	right:53px;
}
.welcome-box{
	width:100%;
	padding:27px 0 0;
	display:block;
}
.welcome-box:after{
	content:"";
	display:block;
	clear:both;
}
#intro-slider{
	float:left !important;
	background: url(../images/bg-image04.png) no-repeat;
	width: 515px;
	height: 297px;
	padding:12px 0 0 31px;
	margin:5px 20px 0 -20px;
	position:relative;
}
.welcome-box-left #intro-slider{
	float:right !important;
	margin:5px -20px 0 20px;
}
#intro-slider .hotspot{
	position:absolute;
	left:41px;
	top:11px;
	background: url(../images/bg-gallery.png) no-repeat;
	width: 455px;
	height: 284px;
}
#intro-slider .pagination{
	position:absolute;
	left:41px;
	bottom:21px;
	list-style:none;
	margin:0;
	padding:0;
	z-index:3;
}
#intro-slider .pagination li{
	float:left;
	margin-right:10px;
}
#intro-slider .pagination a{
	background: url(../images/bg-paging02.png) no-repeat;
	width: 13px;
	height: 15px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
#intro-slider .pagination .active a{
	background: url(../images/bg-paging-a.png) no-repeat;
}
#intro-slider .container{
	width:486px;
	height:284px;
	overflow:hidden;
	position:relative;
}
#intro-slider .stick{
	position:absolute;
	top:-3px;
	right:14px;
	background: url(../images/stick-template.png) no-repeat;
	width: 118px;
	height: 118px;
	text-indent:-9999px;
	overflow:hidden;
}

/* promo-box */
.promo-wrap{
	background: url(../images/bg-promo-box02.png) repeat-x;
}
.promo-box{
	overflow:hidden;
	height: 73px;
	margin-top:-2px;
}
.promo-box:hover{
	overflow:hidden;
	background: url(../images/bg-promo-box.png) no-repeat 50% 0;
	height: 73px;
	margin-top:-2px;
}
.promo-holder{
	width:900px;
	margin:18px auto;
	overflow:hidden;
	text-align: center
}
.promo-text{
	width: 590px;
	height: 46px;
	text-align: center;
	overflow:hidden;
	margin: auto;
}

.promo-text img {
display: inline-block;
}
.promo-box .btn-take{
	float:right;
	background: url(../images/btn-take.png) no-repeat;
	width: 205px;
	height: 28px;
	padding:9px 0 0 32px;
	font-size:14px;
	color:#1b1f20;
}
.promo-box .btn-take:hover{
	text-decoration:none;
}
/* promo-box end */
/* steps slider */
#steps-slider{
	background: url(../images/bg-steps-slider.png) no-repeat 50% 100%;
	padding:0 0 42px;
	margin-bottom:42px;
}
.steps-holder{
	background:#d6dcde url(../images/bg-steps02.png) repeat-x;
	height: 162px;
	overflow:hidden;
}

.steps-holder span{
text-align: left;
}

#steps-slider .pagination{
	width:675px;
	margin:0 auto;
	padding:0;
	list-style:none;
	background: url(../images/bg-paging.png) no-repeat 0 50%;
}
#steps-slider .pagination:after{
	content:"";
	display:block;
	clear:both;
}
#menu .last .drop-holder{
	left:auto !important;
	right:0 !important;
}
#steps-slider .pagination li{
	float:left;
	width:221px;
	display:inline;
	margin:0 0 0 4px;
}
#steps-slider .pagination .active{
	background: url(../images/bg-step-a.png) no-repeat 0 100%;
	width: 246px;
	margin:0 -12px 0 -9px;
}
#steps-slider .pagination a{
	height: 132px;
	display:block;
	position:relative;
	padding:30px 27px 0 32px;
}
#steps-slider .pagination .active a{
	padding:30px 39px 0 45px;
}
#steps-slider .pagination a:hover{text-decoration:none;}
#steps-slider .pagination a .title{
	display:block;
	padding:0 0 20px 50px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}
.pagination a .title01{
	background: url(../images/onglet1.2.png) no-repeat;
}
.pagination .active a .title01{
	background: url(../images/onglet1.1.png) no-repeat;
}
.pagination a .title02{
	background: url(../images/onglet2.2.png) no-repeat;
}
.pagination .active a .title02{
	background: url(../images/onglet2.1.png) no-repeat;
}
.pagination a .title03{
	background: url(../images/onglet3.2.png) no-repeat;
}
.pagination .active a .title03{
	background: url(../images/onglet3.1.png) no-repeat;
}
.pagination a span{color:#959c9e;}
.pagination .active a span{
text-align: left;
color:#545c5f;}
#steps-slider .container {
	width:900px;
	height:330px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	margin:0 auto;
}
.container .slides {
	position:absolute;
	top:0;
	left:0;
	list-style:none;
	padding:0;
	margin:0;
}
.container .slides li {
	position:absolute;
	top:0;
	width:900px;
	display:none;
	padding:0;
	margin:0;
	overflow:hidden;
	cursor: auto;
}

#steps-slider .slides .image{
	float:right;
	width: 275px;
	height: 307px;
	margin:10px 0 0 43px;
	position:relative;
}
#steps-slider .slides .image-left{
	float:left;
	width: 275px;
	height: 307px;
	margin:10px 33px 0 0;
	background:none;
	padding:0;
}
#steps-slider .slides .image-right{
	float:right;
	width: 275px;
	height: 307px;
	margin: 10px 0 0 43px;
	background:none;
	padding:0;
}
#steps-slider .slides .text-box{
	height:1%;
	overflow:hidden;
}
#steps-slider .slides h2{
	font-size:28px;
	line-height:28px;
	color:#2f4254;
	margin:0 0 26px;
}
#steps-slider .slides p{
	margin:0 0 18px;
}
#steps-slider .slides .more{
	background: url(../images/btn-more.png) no-repeat;
	width: 118px;
	height: 24px;
	text-align:center;
	padding:6px 0 0;
	color:#fff;
	display:block;
	line-height:16px;
	overflow:hidden;
}
#steps-slider .slides .more:hover{
	text-decoration:none;
	background-position:0 -30px;
}
#steps-slider .slide-holder{
	padding:43px 0 0;
	background: url(../images/bg-slider.png) repeat-x;
	position:relative;
}
#steps-slider .controls{
	width:900px;
	margin:0 auto;
	position:relative;
	z-index:1000;
}
#steps-slider .controls .previous,
#steps-slider .controls .next{
	position:absolute;
	top:188px;
	left:-52px;
	background: url(../images/btn-prev02.png) no-repeat;
	width: 24px;
	height: 40px;
	text-indent:-9999px;
	overflow:hidden;
}
#steps-slider .controls .next{
	background: url(../images/btn-next02.png) no-repeat;
	left:auto;
	right:-52px;
}
/* steps slider end */

/* Sponsors */
.imgsponsor {
text-align: center;
margin-bottom: -10px;
}

.imgsponsor img{
float: center;
display: inline-block;
margin: 10px;
}

/* lexique */

.alphabet{
text-align: center;
font-family:Eurostile;
font-size:16px;
}

.stockage_2_colonnes {
width: 45%;
display:inline-block;
vertical-align: top;
height: auto;
margin:auto;
padding:0;
text-align: center,
}

.box_lex{
background: url(../images/bg-casterhover.png) fixed repeat;
width:90%; 
height:auto; 
margin:10px; 
padding:3px 6px 3px 6px; 
font-family:Helvetica; 
font-size:15px; 
font-weight:normal;
color: #484F51;
text-align: left;
display: inline-block; 
vertical-align: top;
border:1px solid #363636;
box-shadow: 1px 1px 5px #494949;  
}

.box_lex:hover{
background: url(../images/bg-caster.png) fixed repeat;
width:90%; 
height:auto; 
margin:10px; 
padding:3px 6px 3px 6px; 
font-family:Helvetica; 
font-size:15px; 
font-weight:normal;
color:#484F51;
text-align: left;
display: inline-block; 
vertical-align: top;
border:1px solid #363636;
box-shadow: 1px 1px 5px #494949;  
}


/* main */
#main{
	width:50%;
	margin:0 auto;
	padding-bottom:70px;
}

@media screen and (max-width: 1500px){
#main{
	width:60%;
	margin:0 auto;
	padding-bottom:70px;
}
}


#main .popular-holder{
	width:100%;
}
#main .popular-holder:after{
	content:"";
	display:block;
	clear:both;
}
#main .popular-holder .title-box{
	width:100%;
	margin-bottom:29px;
	position:relative;
	z-index:3;
}
#main .popular-holder .title-box:after{
	content:"";
	display:block;
	clear:both;
}
.popular-holder .title-box h2{
	margin:0;
	font-size:28px;
	line-height:28px;
	color:#2f4254;
}
.category-holder{
	float:right;
	padding:4px 0 0;
	position:relative;
	width:196px;
}
.heading-box .category-holder{
	padding-top:14px;
}
.category-holder .open-close{
	background: url(../images/btn-category.png) no-repeat;
	width: 180px;
	height: 25px;
	line-height:18px;
	padding:5px 0 0 16px;
	color:#fff;
	display:block;
	position:relative;
	z-index:11;
}
.category-holder .open-close:hover,
.slide-active .open-close{
	text-decoration:none;
	background-position:0 -30px;
}
.category-holder .block{
	position:absolute;
	top:32px;
	left:0;
	z-index:10;
	width:196px;
}
.category-holder .category-c{
	background: url(../images/bg-category-c.png) repeat-y;
	padding:0 18px 7px 19px;
}
.category-holder .category-b{
	background: url(../images/bg-category-b.png) no-repeat;
	height: 5px;
	overflow:hidden;
}
.category-holder .category-list{
	list-style:none;
	margin:0 0 10px;
	padding:19px 0 0;
	border-bottom:1px solid #515455;
}
.category-holder .category-list li{
	padding:0 0 10px;
	height:1%;
	overflow:hidden;
	vertical-align:middle;
}
.category-holder .category-list a{
	color:#b7b7b7;
	display:block;
}
.category-holder .category-list a:hover,
.category-holder .all-categories:hover{
	color:#fff;
	text-decoration:none;
}
.category-holder .all-categories{
	display:block;
	text-align:center;
}

.heading-box{
	background: url(../images/separator03.gif) no-repeat 50% 100%;
	width:900px;
	margin:0 -50px 12px;
	padding:0 50px;
	position:relative;
	z-index:101;
}
.heading-box:after{
	content:"";
	display:block;
	clear:both;
}
.heading-box h2{
	margin:0 24px 0 0;
	padding:10px 26px 18px 0;
	float:left;
	font-size:28px;
	line-height:28px;
	color:#2f4254;
	background: url(../images/separator02.png) no-repeat 100% 50%;
}
.heading-box .text-box{
	height:1%;
	overflow:hidden;
	padding:21px 0 0;
}
.heading-box p{
	margin:0 0 15px;
}
.breadcrumbs-holder{
	width:100%;
	overflow:hidden;
	padding:0 0 40px;
}
.breadcrumbs{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	background: url(../images/breadcrumbs-l.gif) no-repeat;
}
.breadcrumbs li{
	float:left;
	background: url(../images/separator.gif) no-repeat;
	padding-left:11px;
	line-height:18px;
}
.breadcrumbs li:first-child{
	background:none;
	padding:0;
}
.breadcrumbs a,
.breadcrumbs span{
	float:left;
	color:#373f42;
	text-shadow:#eef0f2 0 1px 0;
	padding:5px 10px 4px 17px;
}
.breadcrumbs a:hover{text-decoration:none;}
.breadcrumbs-r{
	float:left;
	background: url(../images/breadcrumbs-r.gif) no-repeat;
	width: 5px;
	height: 27px;
	text-indent:-9999px;
	overflow:hidden;
}
#twocolumns{
	width:100%;
}
#twocolumns:after{
	content:"";
	display:block;
	clear:both;
}
/* content */
#content{
	width:664px;
	float:left;
}
#content h2,
.post-box h2{
	margin:50px 0 26px;
	font-size:28px;
	line-height:28px;
	color:#2f4254;
}

.post-box img{
display: inline-block;
vertical-align: middle;
}

.post-box_s h2{
	margin:50px 0 26px;
	font-size:28px;
	line-height:28px;
	color:#2f4254;
}

.post-box h2{margin-bottom:26px;}
#main h2 a{color:#2f4254;}
#main h2 a:hover{text-decoration:none;}
.title-list{
	list-style:none;
	margin:-24px 0 0;
	padding:0 0 26px;
	width:100%;
	overflow:hidden;
}
.title-list li{
	float:left;
	padding-right:17px;
}
.title-list img{
	float:left;
	padding:3px 4px 0 0;
}
.title-list strong{
	float:left;
	text-shadow:#eef0f2 0 1px 0;
}
.title-list a{
	color:#373f42;
	font-weight:bold;
	font-size:11px;
	line-height:17px;
}
.image-left{
	float:left;
	width: 300px;
	height: auto;
	padding:0px;
	margin:0 13px 0 -23px;
	position:relative;
	text-align: center;
}

.image-left_small{
	float:left;
	width: 230px;
	height: auto;
	padding:0px;
	margin:0 13px 0 20px;
	position:relative;
	text-align: center;
}

.image-left_main{
	float:left;
	width: auto;
	height: auto;
	padding: 0px;
	margin:0 20px 10px -23px;
	position:relative;
	text-align: center;
}

.image-left .hotspot{
	position:absolute;
	top:11px;
	right:33px;
	background: url(../images/hotspot02.png) no-repeat;
	width: 237px;
	height: 141px;
}
.image-left .zoom{
	background: url(../images/btn-zoom.png) no-repeat;
	width: 27px;
	height: 27px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	bottom:20px;
	right:43px;
	z-index:2;
}

.img_text{
height: auto;
width: auto;
vertical-align: top;
float:left;
display:inline-block;
margin-right: 20px;
margin-bottom: 15px;
}

.img_text_bis{
height: auto;
width: auto;
vertical-align: top;
float:right;
display:inline-block;
margin-left: 20px;
}

.img_text_large{
height: 131px;
width: 110px;
vertical-align: middle;
float:left;
display:inline-block;
margin: 40px, 20px, 30px, auto;
}

.img_text_bis_large{
height: 131px;
width: 110px;
vertical-align: middle;
float:right;
display:inline-block;
margin: 40px, auto, 30px, 20px;
}

.box_caster {
width: 350px;
height: auto;
border: 1px solid #000;
background: url(../images/bg-casterhover.png) fixed repeat;
padding: 10px;
margin: 10px;
display: inline-block;
vertical-align: top;
text-align: justify;
}

.box_caster:hover {
width: 350px;
height: auto;
border: 1px solid #000;
background: url(../images/bg-caster.png) fixed repeat;
padding: 10px;
margin: 10px;
display: inline-block;
vertical-align: top;
text-align: justify;
}

.box_menu{
width: 200px;
height: auto;
border: 1px solid #000;
background: url(../images/bg-casterhover.png) fixed repeat;
padding: 5px;
margin: 20px 15px 15px 15px;
display: inline-block;
vertical-align: top;
text-align: justify;
}

.box_menu:hover {
width: 200px;
height: auto;
border: 1px solid #000;
background: url(../images/bg-caster.png) fixed repeat;
padding: 5px;
margin: 20px 15px 15px 15px;
display: inline-block;
vertical-align: top;
text-align: justify;
}

@media screen and (max-width: 1300px) {
.box_caster {
width: 330px;
height: auto;
border: 1px solid #000;
background: url(../images/bg-casterhover.png) fixed repeat;
padding: 10px;
margin: 10px;
display: inline-block;
vertical-align: top;
text-align: justify;
}

.box_caster:hover {
width: 330px;
height: auto;
border: 1px solid #000;
background: url(../images/bg-caster.png) fixed repeat;
padding: 10px;
margin: 10px;
display: inline-block;
vertical-align: top;
text-align: justify;
}
}

.post-box_annonce{
	background: url(../images/separator04.gif) no-repeat 50% 100%;
	padding:10px;
	margin:15px;
	height:1%;
	text-align: center;
}

.box-annonce{
width: 80%;
height: auto;
display: inline-block;
text-align: center;
background: url(../images/bg-annonce.png) fixed repeat;
border: solid 1px #000;
padding: 10px;
margin: 10px 10px 20px 10px;
}

.box-annonce h3{
	font-family:Eurostile;
	font-size:18px;
	font-weight:normal;
	margin: 0px 15px 0px 15px;
	color:#1C1C1C;
}

.center{
text-align: center;
}

#content p,
.post-box p{
	margin:0 0 18px;
	line-height:18px;
}

.post-box_s p{
	margin:0 0 8px;
	line-height:18px;
}

#content p a,
.post-box p a{color:#1865b2;}
.post-box{
	background: url(../images/separator04.gif) no-repeat 50% 100%;
	padding-bottom:40px;
	margin-bottom:10px;
	height:1%;
}
.post-box_lex{
	background: url(../images/separator04.gif) no-repeat 50% 100%;
	padding-bottom:10px;
	margin-bottom:10px;
	height:1%;
	text-align: center;
}

.post-box_lex1{
	background: url(../images/separator04.gif) no-repeat 50% 100%;
	padding-bottom:15px;
	margin-bottom:5px;
	height:1%;
	text-align: center;
}

.post-box_lex1 h3{
	font-family:Eurostile;
	font-size:22px;
	font-weight:normal;
	margin: 15px 15px 5px 15px;
	color:#1C1C1C;
}

.post-box_s{
	background: url(../images/separator04.gif) no-repeat 50% 100%;
	padding-bottom:30px;
	margin-bottom:30px;
	height:1%;
}

.post-box_caster{
	background: url(../images/separator04.gif) no-repeat 50% 100%;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:10px;
	height:1%;
	text-align: center;
	color: #2f4254;
}

.post-box_caster a{
	margin:0;
	color:#545c5f;
	font:12px "Trebuchet MS", Helvetica, sans-serif;
	background:#dfe6e9;
	min-width:1000px;
	text-align: justify;
}

.post-box_caster a:hover{
	margin:0;
	color: #2f4254;
	font:12px "Trebuchet MS", Helvetica, sans-serif;
	background:#dfe6e9;
	min-width:1000px;
	text-align: justify;
}

.titre_lex{
	margin:0px auto;
	font-family:Eurostile;
	font-size:23px;
	font-weight:normal;
}



/*.box-type{
	background: url(../images/separator05.gif) no-repeat 50% 100%;
	width:900px;
	padding:0 50px 61px;
	margin:0 -50px 47px;
}*/
.post-box:after{
	content:"";
	display:block;
	clear:both;
}
.post-box .text-box{
	height:1%;
	overflow:hidden;
	margin-bottom:-18px;
}

.post-box_s .text-box{
	height:1%;
	overflow:hidden;
	margin-bottom:-18px;
}

.post-box .text-box .wrap{
	padding-bottom:18px;
}

/* paging */
.paging{
	list-style:none;
	margin:-9px 0 0;
	padding:0;
	text-align:center;
}
.paging li{
	display:inline-block;
	padding:0 5px;
}
.paging a{
	width: 30px;
	height: 24px;
	padding:6px 0 0;
	display:block;
	overflow:hidden;
	background: url(../images/bg-paging03.gif) no-repeat;
	color:#4c5457;
	text-shadow:#edf0f1 2px 2px 1px;
	font-size:14px;
	line-height:19px;
}
.paging a:hover{text-decoration:none;}
.paging .active a{
	background-position:0 -30px;
	text-shadow:#222526 2px 2px 1px;
	color:#fff;
}
.paging .start a,
.paging .prev a,
.paging .next a,
.paging .end a{
	background: url(../images/btn-prev03.gif) no-repeat;
	text-indent:-9999px;
}
.paging .prev a{background: url(../images/btn-prev04.gif) no-repeat;}
.paging .next a{background: url(../images/btn-next03.gif) no-repeat;}
.paging .end a{background: url(../images/btn-next04.gif) no-repeat;}
/* paging end */
.person-list{
	list-style:none;
	margin:0 -38px 0 0;
	padding:4px 0 0;
	width:702px;
	overflow:hidden;
	position:relative;
}

.title-holder .btn-holder{
	float:right;
	padding:5px 0 0;
}
.title-holder .btn-holder .top{
	float:right;
	background: url(../images/btn-top.png) no-repeat;
	width: 24px;
	height: 27px;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:8px;
}
.title-holder .btn-holder .down{
	background: url(../images/btn-down.png) no-repeat;
}
.title-holder .classify-holder{
	width: 120px;
	float:right;
	position:relative;
}
.title-holder .classify-holder .open-close{
	background: url(../images/btn-classify.png) no-repeat;
	width: 102px;
	height: 22px;
	display:block;
	color:#373f42;
	padding:5px 0 0 18px;
	text-shadow:#e7ebed 1px 1px 1px;	
}
.title-holder .classify-holder .open-close:hover{text-decoration:none;}
.title-holder .classify-holder .block{
	position:absolute;
	top:27px;
	left:0;
}
.title-holder .classify-holder .classify-c{
	background: url(../images/classify-c.png) repeat-y;
}
.title-holder .classify-holder .classify-list{
	background: url(../images/classify-t.png) no-repeat;
	list-style:none;
	margin:0;
	padding:3px 2px 0;
	width:116px;
}
.title-holder .classify-holder .classify-b{
	background: url(../images/classify-b.png) no-repeat;
	width: 120px;
	height: 5px;
	overflow:hidden;
}
.classify-holder .classify-list li{
	height:1%;
	overflow:hidden;
	vertical-align:middle;
}
.classify-holder .classify-list a{
	display:block;
	height:1%;
	overflow:hidden;
	padding:3px 15px 4px;
	color:#373f42;
}
.classify-holder .classify-list a:hover{
	text-decoration:none;
	background:#d0d8dc;
}

/* footer */

#footer{
	background-image: url(../images/bg-footer03.png) repeat-x;
}

#footer a {
	text-decoration:none;
	color:#828F96;
	outline:none;
}
.footer-holder{
	width:900px;
	margin:0 auto;
	padding:26px 0 18px;
	overflow:hidden;
}
.fadeThis * {
	  display: none;
}
.loader{
	position:absolute;
	top:43%;
	left:44%;
	margin-left:3px;
}
.footer-wrap{
	background: url(../images/bg-footer.png) no-repeat 100% 0;
	width:100%;
	overflow:hidden;
}
#footer .copy-wrap{
	background: url(../images/bg-footer02.png) repeat-x;
	height: 62px;
	margin-top:-4px;
	position:relative;
}
#footer .copy-holder{
	width:900px;
	margin:0 auto;
	overflow:hidden;
	padding:13px 0 0;
	text-align:center;
}
#footer .copy-holder .copy{
	float:center;
	color:#fff;
	text-shadow:#000 1px 0 0;
}
#footer .copy-holder .design{
	float:right;
	color:#fff;
	font-style:italic;
	line-height:15px;
	text-decoration:none;
}


/* LIGHTBOX JQUERY */

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,AAAA");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}

/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}

/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}