html 
{
height:100%;
}

@font-face { 
    font-family: 'TrebuchetLinux'; 
    src: local('TrebuchetLinux'), local('Trebuc'), url('../design/trebuc.ttf') format('truetype'); 
} 

body    
{
width: 100%;
height: 100%;
font-family: "Trebuchet MS", "TrebuchetLinux", Arial, Georgia, serif; 
font-size: small;
color: #FFF;
background-image:url(../design/fond.jpg);    
background-repeat: no-repeat ; 
background-position: center ;
background-color: #000000;
text-align: justify ;
padding-top: 0px;
margin: 0px;

/*cursor : default;
line-height : 16px;*/
}


.layout
{
margin: auto;
width: 945px; 
height: 100%;
}

#body_2
{
width: 940px;
height: 578px; /*600*/

text-align: justify;
font-size: small;

/*position:absolute;
top:50%;
margin-top: -300px;*/


/*border-width: 1px ;
border-color: #F00;
border-style: solid;*/
}


#nicolas_constant
{
width: 940px;
height: 34px;

border-width: 0px 0px 1px 0px;
border-color: #FFFFFF;
border-style: solid;

padding-left: 1px;
}


#barre_menu
{
width: 940px;
height: 18px; 
border-width: 0px 0px 1px 0px;
border-color: #FFFFFF;
border-style: solid;
}


#corps
{
width: 940px;
height: 507px;
border-width: 0px 0px 1px 0px;
border-color: #FFFFFF;
border-style: solid;
overflow: hidden;
}

#crop
{
width: 940px;
height: 507px;
overflow: scroll;
}

#corps a
{
color: #a2a2a2;
}

#corps a:hover
{
color: #FFF;
}

#corps a:focus
{
color: #FFF;
}


#barre_menu_2
{
width: 940px;
height: 18px;
border-width: 1px 0px 0px 0px;
border-color: #FFFFFF;
border-style: solid;
color: #717171;
}

#barre_menu_2 a
{
color: #FFFFFF;
}

#barre_menu_2 a:hover
{
color: #a2a2a2;;
}

#barre_menu_2 a:focus
{
color: #a2a2a2;;
}

#corps_photo
{
width: 940px;
height: 488px;
}


.up_barre_photo
{
padding-top : 19px;
}


.barre_photo
{
height: 138px;
background-image : url("../design/slide-bg_2.png");
background-repeat : repeat;
}

.up_barre_photo_serie
{
padding-top : 19px;
}


.barre_photo_serie
{
height: 226px;
background-image : url("../design/slide-bg_2.png");
background-repeat : repeat;
}

.titre_choses
{
height : 30px;
padding-top: 10px;
}

.titre_choses img
{
position: relative;
top: 2px;
}

.up_barre_photo_choses
{
padding-top : 9px;
}

.up_barre_photo_choses_2
{
padding-top : 9px;
}

.barre_photo_choses
{
height: 210px;
background-image : url("../design/slide-bg_2.png");
background-repeat : repeat;
}

.photo_1
{
float: left;
}

.photo_2
{
float: left;
margin-left: 38px;
}

.photo_3
{
float: left;
margin-left: 39px;
}

.photo_4
{
float: right;
}

.preview_admin
{
width: 208px;
height: 100px;
overflow: hidden;
}

#bandeau_image
{
width: 940px;
height: 241px;
border-width: 1px 0px 1px 0px;
border-color: #FFFFFF;
border-style: solid;

margin-top: 6px;
}

#colonne_1
{
float: left;
width: 324px;
margin: 6px 0px 0px 1px;
}

#colonne_1 .petit
{
font-size: x-small; 
position: relative; 
left: 10px;
bottom: 2px;
}

#colonne_1 .petit a
{
color: #bababa;
}

#colonne_1 .petit a:hover
{
color: #53575c;
}

#colonne_1 .petit a:focus
{
color: #53575c;
}


#colonne_2
{
float: left;
width: 290px; /*305*/
margin: 6px 0px 0px 32px; /*6 0 0 25*/
}

#colonne_3
{
float: right;
width: 260px;
margin: 6px 2px 0px 0px;

}

#corps_info_gauche
{
float: left;
width: 535px;
margin: 6px 0px 0px 0px;

/*border-width: 1px;
border-color: #FFFFFF;
border-style: solid;*/
}

#corps_info_droite
{
float:right;
width: 380px;
height: 507px;

margin: 0px;
padding-top: 6px;
padding-right: 3px;
padding-left: 10px;


background-image : url("../design/slide-bg_2.png");
background-repeat : repeat;
/*border-width: 1px ;
border-color: #FFFFFF;
border-style: solid;*/
}

.username 
{ 
display: none; 
}

#image_info
{
width: 535px;
height: 160px;
border-width: 1px 0px 1px 0px;
border-color: #FFFFFF;
border-style: solid;

background-image : url("../design/auto_3.jpg");
background-repeat : no-repeat;
margin-bottom: 6px;
}

#texte_info
{

}


#corps_info_droite label {
display:block;
width:100px;
float:left;
margin-bottom: 2px;

}

#corps_info_droite input{
margin-bottom: 2px;
color: #FFFFFF;
background:none;
/*background-image : url("../design/slide-bg_3.png");*/
background-repeat : repeat;
border-color: #FFF;
border-style: solid;
border-width: 1px;

}

#corps_info_droite textarea{
width: 370px;
height: 185px;
/*float: right;*/
margin-bottom: 2px;
color: #FFFFFF;
background:none;
/*background-image : url("../design/slide-bg_3.png");*/
background-repeat : repeat;
border-color: #FFF;
border-style: solid;
border-width: 1px;
}

img
{
border-style: none;
}


p
{
margin: 0px;
}

h3
{
font-size: 1.3em;
margin-top: 0px;
}

h4
{
font-size: 1em;
margin-bottom: 0px;
}

em
{
font-style: italic;
}

strong
{
font-weight: bold;
}

a
{
color: #FFFFFF;
text-decoration: none;
}

a:hover
{
color: #7a7a7a;
text-decoration: none;
}

.right
{
float: right;
}

.left
{
float: left;
}

.center
{
text-align: center;
margin: auto;
}

.small
{
font-size: 0.8em;
}

#email
{
position: relative;
top: 9px;
}


/*CSS SLIDER*/
/*
* {
margin : 0;
padding : 0;
}*/

div.wrap {
width : 940px; /*993*/
margin : 0 auto; /*0*/
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 940px; /*993*/
height : 52px;
margin : 22px 0 0; /*22px 0 0*/
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : 0px 0 0; /*-1*/
}
div#video-header {
height : 683px;
margin : 0px 0 0; /*-1*/
}
div#header div.wrap {
height : 241px; /*299*/
background : url(../design/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 940px; /*993*/
height : 241px; /*299*/
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 0px; /*9*/
left : 0px; /*9*/
width : 940px; /*973*/
height : 278px; /*278*/
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 235px; /*228*/ /*235*/
width : 940px; /*973*/
height : 36px; /*46*/
display : none;
position : absolute;
background : url(../design/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 9px 0 0 20px; /*15 0 0 20*/
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 6px 15px 0 0; /* 11 15 0 0 */
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
color: #000;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../design/silde-nav.png);
}
div#nav ul li a {
background : url(../design/nav.png) no-repeat;
}

/*CSS VIEWVER*/


/*::::: PIROBOX BLACK RULES::::::::*/
.piro_overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:black; display: none; z-index:99997; }

.loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:url(bg_load.png) center no-repeat!important;background:url(bg_load.gif) center no-repeat }
.loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(ajax-loader_b.gif) center center no-repeat!important;background: url(ajax-loader_b.gif) center center no-repeat;}

.caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:2px; cursor:text; background:#222;}
.piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:black;}
.caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;}

.piro_close{	position:absolute;top:-10px;right:-10px;height:35px;width:35px;background:url(close_btn3.png) no-repeat;cursor:pointer;z-index:100006;}
a.piro_next{position:absolute;bottom:-33px;width:34px; height:35px;right:-37px;text-indent:-999em;outline:none; display:block;background:url(next.png) no-repeat; border:none;cursor:pointer;}
a:hover.piro_next{position:absolute;height:35px;width:34px;display:block; background:url(next_h.png) no-repeat; border:none;}

a.piro_prev{position:absolute;bottom:-33px;width:34px; height:35px;left:-35px; text-indent:-999em; outline:none;display:block;background: url(prev.png) no-repeat;border:none; cursor:pointer;}
a:hover.piro_prev{position:absolute;height:35px;width:34px;display:block; background:url(prev_h.png) no-repeat;border:none;}

a.piro_next_out{position:absolute; z-index:2000000;top:50%; width:100px; height:250px; right:0;text-indent:-999em;outline:none; display:block; background: url(nextoutside.png) no-repeat; border:none;cursor:pointer;}
a:hover.piro_next_out{position:absolute;display:block; width:100px; height:250px;  background: url(nextoutside_h.png) no-repeat; border:none;}

a.piro_prev_out{position:absolute;z-index:2000001; width:100px; top:50%; height:250px; left:0; text-indent:-999em; outline:none;display:block; background: url(prevoutside.png) no-repeat;border:none; cursor:pointer;}
a:hover.piro_prev_out{position:absolute; width:100px; height:250px;  display:block; background: url(prevoutside_h.png) no-repeat; border:none;}

.pirobox_content {position:absolute; top: 50%; left: 50%; padding:0; width: 400px; height: 200px; margin: -100px 0 0 -200px; display: block; z-index:99998;font-family:Trebuchet MS,Arial;}
.pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;}
.pirobox_content img{ margin:0; padding:0; border:none;}

.t_l{background:url(t_l.png) no-repeat; width:10px; height:10px;}
.t_r{background: url(t_r.png) no-repeat; width:10px; height:10px;}
.t_c{height:10px; background:url(t_c.png) repeat-x;}

.c_l{width:10px; background: url(c_l.png) repeat-y;}
.c_c{background:url(img_bg.png) repeat; margin:0; padding:0;}
.c_c div{width:380px; height:180px; margin:0; padding:0;}
.c_r{width:10px; background: url(c_r.png) repeat-y;}

.b_c{height:10px; background:url(b_c.png) repeat-x;}
.b_l{background:url(b_l.png) no-repeat; width:10px; height:10px;}
.b_r{background:url(b_r.png) no-repeat; width:10px; height:10px;}

.box_img{ position:absolute; z-index:99995; background: url(img_bg.png);width: 100%; top:30px; left:30px; height: 100%; padding:0;}
.err_mess{ position:absolute;bottom:20px; color:white; padding:0; margin:0 0 0 20px; display:block;}
.err_mess a{color:red; font-weight:700;}
.number{position:absolute;margin-left:3px;height:18px;width:30px; padding:3px;left:0;color:#666;top:2px; font-size:11px;}
a.link_to {position:absolute;margin-right:6px;height:21px;width:21px;right:0;color:#999;top:4px; background:url(link_out.png) no-repeat!important;background:url(link_out.gif) no-repeat; text-indent:-999em;}
a:hover.link_to { background:url(link_out_h.png) no-repeat!important;background:url(link_out_h.gif) no-repeat; border:none;}
a.play{position:absolute;bottom:10px!important;bottom:2px;right:10px!important;right:2px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer;}
a:hover.play{background:url(play_h.png) no-repeat;}
a.stop{position:absolute;bottom:10px!important;bottom:2px;right:10px!important;right:2px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer;}
a:hover.stop{background:url(pause_h.png) no-repeat;}



/*jCrop*/

/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/*SHARE*/

#share{

/*width: 800px;*/
background-image : url("../design/slide-bg_2.png");
background-repeat : repeat;
text-align: center; 
padding-top: 5px;
padding-bottom: 5px;
}

table.sharetable {
	opacity:1.0;
	filter: alpha(opacity=100);
	cursor: pointer;
	font-weight: normal;
}
table.sharetable:hover {
	opacity:0.50;
	filter: alpha(opacity=50);
	cursor: pointer;
	font-weight: normal;
}
td.sharetable:hover {
        cursor: pointer;
}