/*------- TYPO ------------*/

#video {position:absolute;top:0px;width:100%;height:100%;overflow:hidden;z-index:-100;}
#foot {display : block;width : 100%;background : black;position : absolute; top:600px;height : 100%;z-index:50;}

@font-face {
    font-family: '28DaysLaterRegular';
    src:  url('font/28_days_later-webfont.eot?') format('eot'),
         url('font/28_days_later-webfont.woff') format('woff'),
         url('font/28_days_later-webfont.ttf') format('truetype');
         /*url('font/28_days_later-webfont.svg#webfontC04kgRGg') format('svg'); FOR iOS*/
    font-weight: normal;
    font-style: normal;

}






.font{font-family : "28DaysLaterRegular";}

/*---------------SET UP DEFAULTS-------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	font: 12px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #333333;
	height: 100.02%; /* stops FF jump */
	background: #000 url(../images/fond_etoile2.jpg) repeat-x bottom left;
}

* html #slider, * html #navbar, * html #footer {
	display: none;
}
* html #ie6 {
	background:#000;
	width:100.02%;
	height:100.02%;
	margin:0;
	padding:0;
	overflow:visible;
	text-align:center;
}
a{border:0;color : #e97922;text-decoration:none;}
a:hover,a:focus{border:0;text-decoration:underline;}
img{border:0;margin: 0;padding: 0;}




/*------------------------SLIDER------------------------*/

.slider
{
	margin:0 auto;
	width:700px;
	
}


.slider img, .slider .caption
{
	position:absolute;
}


.slider .caption
{
	left:-9999px;
}




/*------------------------MAIN NAVIGATION------------------------*/
#navbar {
	display : block;
	
	
	height: 60px;
	background:#000;
	width: 100%;
	padding-top:0;
	
	
	
	background : url(../images/nav_loop.jpg) repeat-x left top;

}
p{font-size:12px;}
.down{
display : block;
position:absolute;
top:0;
left: 0;
z-index: 10;}

.down:hover {

}

#menu_slide{
display:none;
position:absolute;
top:2px;
left : 45%;
z-index:30;
height:24px;
background : none;
margin-top : 2px;
opacity : 0.8;
-moz-opacity : 0.8;
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
filter : alpha(opacity=80); /* IE < 8 */ 
}
#menu_slide img{
float :left;
margin-right : 10px;
}

#text_menu{
display:block;
position:absolute;
top:2px;
left : 50%;
z-index:30;
color : white;
background : none;
font-size:14px;
font-family : Tomoha;
}

#down_bt1{
display:block;
height:24px;
width:24px;
position:absolute;
top:2px;
left : 30%;
z-index:30;
}

#down_bt2{
display:block;
height:24px;
width:24px;
position:absolute;
top:2px;
right : 30%;
z-index:30;

}

.fade {
opacity : 0.5;
-moz-opacity : 0.5;
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
filter : alpha(opacity=50); /* IE < 8 */ 
}
.fade2 {
opacity : 0.3;
-moz-opacity : 0.3;
-ms-filter: "alpha(opacity=30)"; /* IE 8 */
filter : alpha(opacity=30); /* IE < 8 */ 
}
.fade2:hover{

opacity : 0.8;
-moz-opacity : 0.8;
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
filter : alpha(opacity=80); /* IE < 8 */ 
}
#nav_contain {
	width: 450px;
	margin: 0 auto;
	border:0px solid white;
}
.btns {
	float:left;
	top: 0;
}
#navbar li {
	list-style-type: none;
	float: left;
	
}
#navbar ul a {
display : block;
	float:left;
	background:url(../images/bouton.jpg) left top no-repeat;
	width: 90px;
	height : 45px;
	color : #FFF;
	font-size:18px;
	font-family:"28DaysLaterRegular";
	padding-top : 15px;
	font-weight : normal;
	
	text-decoration: none;
}
#navbar ul a:hover, #navbar ul a:focus,#navbar ul a:active  {
	color : #e97922;
	
	font-weight : normal;
}

#navbar ul a span{
	display : none;
}

#navbar ul  #logo a {
	
	
	padding:0;
	margin:0;
	margin-right:10px;
	
	width: 247px;
	height : 58px;
	
}
.down  #logo a {
display:none;

}
#logo2 a {
background:url(../images/logo6.png) left top no-repeat;
	position:absolute;
	top:70px;
	left : 50%;
	padding:0;
	margin:0;
	margin-left:-440px;
	
	width: 230px;
	height : 72px;
	z-index:20;
}
#logo2 a  span{display:none;}
#navbar ul  #logo a:hover,#navbar ul  #logo a:active {

}



/*--------------------main holder--------------------*/
.hold_me {

}
*:first-child+html .hold_me {

}

/*--------------------scroller--------------------*/
#slider {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index:0;
	
}
.scroll {
	height: 600px;
	overflow: hidden;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	z-index:0;
	
}



.green { color:#6a9904;}
.orange { color:#e97922;}
.purple {color:#b037a7;}
.red { color:#c80208;}
.white { color:#FFFFFF;}
.whitebig { color:#FFFFFF; font-size:30px;}
.grey {color:#5b5b5b;}
.pink {	color:#DE24CD;}
.blue { color:#3399FF;}

.hide{
display : none;
}
#loader{
display : block;
width:100%;
height : 100%;
background : #000 url('../images/ajax-loader.gif') no-repeat center center;
position : absolute;
z-index:999999;
top : 0;
left : 0;
color:white;
font-size : 16px;
}


#hide2{
display : block;
width:100%;
height : 100%;
background : #000;
position : absolute;
z-index:99999;
top : 0;
left : 0;
opacity : 0.8;
-moz-opacity : 0.8;
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
filter : alpha(opacity=80); /* IE < 8 */ 
}

/* ----------------- Panel ---------------------*/

.panel{

border:0px solid black;
height:600px;
position : relative;

}
.prev{
display : none;
position:absolute;
top : 45%;
left : -70px;

}
.next{
display : none;
position:absolute;
top : 45%;
right : -70px;

}
.hold_me{
margin-left:20px;
}
.wide {
	width:920px;
	float:left;
	margin-top: 150px;
	padding:0;
	border:0px solid black;
	
	
}

#home{


}

#about{


}
#services{


}

.bg_texte{
position:relative;
}
.left{
position : relative;
float:left;

}
.right {
position : relative;
float: left;
margin-left : 20px;
}
.bloc1{
color : white;
font-size : 14px;
background : #000;
border : 0px solid #6a9904;
width:500px;
height : 230px;
padding : 10px 10px 10px 10px;
text-align : left;

overflow : none;
text-align : justify;

}
.bloc2{
color : white;
font-size : 14px;
background : #000;
border : 0px solid #6a9904;
width:300px;

padding : 10px 10px 10px 10px;
text-align : left;
margin-bottom : 16px;
overflow : none;

}
.bloc3{
color : white;
font-size : 14px;
background : #000;
border : 0px solid #6a9904;
width:650px;
height : 330px;
padding : 10px 10px 10px 10px;
text-align : left;

overflow : none;
text-align : justify;

}
.bloc4{
color : white;
font-size : 14px;
background : #000;
border : 0px solid #6a9904;
width:160px;

padding : 10px 10px 10px 10px;
text-align : left;
margin-bottom : 16px;
overflow : none;

}
.bloc8{
color : white;
font-size : 14px;
background : #000;
border : 0px solid #6a9904;
width:140px;

padding : 10px 10px 10px 10px;
text-align : left;
margin-bottom : 16px;
overflow : none;

}
.bloc5{
color : white;
font-size : 14px;
background : #000;
border : 0px solid #6a9904;
width:610px;
height : 260px;
padding : 10px 10px 10px 10px;
text-align : left;
position:absolute;
top:0;
left:0;
overflow : none;
text-align : justify;
z-index:20;
}

.bloc6{
color : white;
font-size : 14px;
background : #000;
border : 0px solid #6a9904;
width:240px;
height:80px;

padding : 10px 10px 10px 10px;
text-align : left;
margin-bottom : 16px;
overflow : none;

}
.bloc7{
color : white;
font-size : 11px;
background : #000;
border : 0px solid #6a9904;
width:260px;
height:220px;

padding : 10px 10px 10px 0px;

text-align : left;
margin-bottom : 16px;
overflow : none;

}
.bloc7 div{
display : block;
position: relative;
padding-left: 10px;
height:100%;
border-top:1px dashed #e97922;
border-right:1px dashed #e97922;
border-bottom:1px dashed #e97922;

}
.bloc7 div h3{
font-size : 14px;
}
#ajax_text{
display : block;
position:absolute;

top : 20px;
left:630px;
z-index:10;

}

#content_ajax{
height : 100%;
overflow : hidden;
}
#content_ajax img{
width:610px;
}
.slider_thumb {
	clear: both;
	height : 130px;
	background : #000;
	padding-top: 0px;
	position: absolute;
	top:280px;
	left:40px;

}
.thumb{
margin-right:10px;
cursor: pointer;
}

.thumb2{
border:2px solid white;

}
.thumb2:focus, .thumb2:active{
border:2px solid yellow;

}

.leftimage {
float: left;
 padding: 10px 0 0 0;
}
.coupe1{ -moz-border-radius:10px 0 10px 0; -khtml-border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; border-radius:10px 0 10px 0; }
.coupe2 {-moz-border-radius:0 10px 0 10px; -khtml-border-radius: 0 10px 0 10px ; -webkit-border-radius:0 10px 0 10px; border-radius:0 10px 0 10px; }
.coupe5 {-moz-border-radius:0 10px 10px 0; -khtml-border-radius: 0 10px 10px 0 ; -webkit-border-radius:0 10px 10px 0; border-radius:0 10px 10px 0; }
.coupe6 {-moz-border-radius:0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; }
.coupe3 {-moz-border-radius:10px; -khtml-border-radius: 10px ; -webkit-border-radius:10px; border-radius:10px; }


h2{
color:#e97922;
font-size : 30px;
text-transform: uppercase;
font-weight : normal;
margin-bottom : 5px;

}

h2.page_name{
position : absolute;
top : -35px;
right : 0;

color:#000;
font-size : 40px;
text-transform: uppercase;
font-weight : normal;
margin-bottom : 5px;
}

h3{

color:#6a9904;
font-size : 18px;
text-transform: uppercase;
font-weight : normal;
margin-bottom : 5px;

}
h4{
color:#e97922;
font-size : 14px;
text-transform: uppercase;
font-weight : normal;
margin-bottom : 5px;

}
div.thumbnail a{
float: left;
margin:0 10px 0 0;
padding : 0;

border : 0px solid #e97922;
}
.hleft{float: left;}
.hright{float: right;}
/*------------------------FOOTER------------------------*/
#footer {
	background : url('../images/fond48.png') no-repeat bottom center;
	height:78px;
	margin-bottom:0;
	position:fixed;
	width: 100%;
	margin-top:-78px;
}
* html #footer { /*ie6*/
	margin: -90px auto 0 auto;
  	left:0;
}
*:first-child+html #footer {/*ie7*/
	left:0;
}
.footer_wrap {
	width: 880px;
	margin: 0 auto;
	padding-top:35px;
}

.clear {clear:both;}

/* ----------- SOCIAL ------------- */

.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}   
.addthis_toolbox img{
margin-right : 5px;
}

.addthis_toolbox a.opac{
opacity : 0.8;
-moz-opacity : 0.8;
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
filter : alpha(opacity=80); /* IE < 8 */ 
}
.addthis_toolbox a.opac:hover{
opacity : 1;
-moz-opacity : 1;
-ms-filter: "alpha(opacity=100)"; /* IE 8 */
filter : alpha(opacity=100); /* IE < 8 */ 
}