@charset "UTF-8";
/* CSS Document */

/* ############################################################################
     Normalisation
############################################################################ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {font-size:100%;}

ol, ul {list-style:none;}

adress, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}

table {border-collapse:collapse; border-spacing:0;}

fieldset, img {border:0;}

caption, th {text-align:left;}

q:before, q:after {content:'';}

a{color:#d1b065;cursor:hand;}

a:link{cursor:hand;color:#d1b065;}
a:visited{cursor:hand;color:#d1b065;}
a:hover{text-decoration:underline; color:#FFF}

body{
	font:80% Arial, Helvetica, sans-serif;	
	color:#fff;
    background:url(../img/bg.jpg) top center no-repeat;	
    height:100%;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}




html{
background-position: 0px 800px;
}




#os{
    position:absolute;
    margin-left:980px;
    z-index:1;
}
#LeftSide{
    position:absolute;
    margin-left:663px;
}

#HomeConnect{
    margin-bottom:10px; 
    height:70px; 
    width:298px;
    border:#d1b065 1px solid; 
    background:url(../img/titre_home_connexion.jpg) no-repeat top center; 
    padding-top:30px
}

#HomeCom{
    margin-bottom:10px;
    background:url(../img/titre_home_com.jpg) no-repeat top center; 
    padding-top:30px;
    width:298px;
    border:#d1b065 1px solid;
}

#HomeVideos{
    margin-bottom:10px;
    background:url(../img/titre_home_videos.jpg) no-repeat top center;
    padding-top:30px;
    width:298px;
    border:#d1b065 1px solid;}

#HomePhotos{
    margin-bottom:10px;
    background:url(../img/titre_home_photos.jpg) no-repeat top center;
    padding-top:30px;
    width:298px;
    border:#d1b065 1px solid;
}

#container{
	margin:0 auto;
	text-align:left;
	width:983px;
    padding-top:195px;
	z-index:10;
    height:100%;
	
}
#main{
	border:#6F6144 1px solid;
    height:1400px auto;
    background:#000;
}

#logo{
	background:url(../img/logo.png) no-repeat top center;
	height:142px;
	width:100%;
}

#menu{
	background:url(../img/menu_off_06.jpg) no-repeat top right;
	width:983px;
	overflow:visible;
	height:31px;
}
.textField{
    margin:6px;
    width:590px;
    height:30px;
    font-size:18px;
    background:#000;
    border:#6F6144 1px solid;
}
.textFieldText{
    background:none; 
    border:0; 
    color:#FFF;
    height:10px;
    width:400px;
    margin:5px;
    margin-left:100px
}

/* ############################################################################
     MENU
############################################################################ */
#menu ul, #menu li {
	height:31px;
	list-style:none;
	
}

#menu li {
	float:left;
	/*margin:0 1px 0 0;*/
	/*width:195px;*/
	text-align:center;
	color:#000;
}

#menu li a {
	/*padding:8px 0 8px 10px;*/
	height:31px;
	/*line-height:27px;*/
	color:#000;
	text-decoration:none;
  /*  border:1px solid color:#D8B86B;*/
}

#menu li a:hover {
    /*border:1px solid color:#D8B86B;*/
}

#menu li a img {
	padding:0;
}

/* ############################################################################
     NEWS
############################################################################ */
#rub{
	width:620px;
    height:100% auto;
	font-family: Arial, Helvetica, sans-serif;	
}

#pathC{
    width:600px;
	margin-left:20px;
	margin-bottom:15px;
    color:#D8B86B;
}


.EnTeteRub {
	width:600px;
	margin-left:20px;
	height:25px;
	border-bottom-color:#D8B86B;
	border-bottom-style:solid;
	text-align:right;
}

.news {
	width:600px;
	margin-left:20px;
	padding-left:120px;
	font-family: Arial, Helvetica, sans-serif;
	/*background:#333;*/
	margin-bottom:10px;
}

.accPhoto {
	/*width:600px;*/
    margin-top:20px;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:10px;
    width:620px; 
    height:500px;
    
	/*overflow: auto;
	overflow-x:hidden; 
	overflow-y:hidden; 
	height:1050px; 
	margin:0 auto;*/
}

.news1 {
	width:600px;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	/*background:url(../img/bg_news.jpg) repeat;*/
    
	margin-bottom:10px;
}
.news2 {
	width:600px;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	/*background:#666;*/
	margin-bottom:10px;
}

.news .img, .news1 .img, .news2 .img{
	width:100px;
    height:100px;
    overflow:hidden;
	float:left;
	text-align:left;
    margin-right:10px;
}

.news .videos{	
	width:580px;
	padding-bottom:4px;
    height:500px;
	
}

.news .title, .news1 .title, .news2 .title{	
	width:460px;
	padding-bottom:4px;
	font-family:Arial, Helvetica, sans-serif;
	color:#D8B86B;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	
}
.news .title a{
	
	text-decoration:none;
}
.news .content, .news1 .content, .news2 .content{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	line-height:16px;
	width:460px;
	padding-bottom:4px;
    height:50px;
}
.news .footer, .news1 .footer, .news2 .footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	width:460px;
    padding-bottom:3px;
}

.partager {
	width:600px;
    height:30px;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-bottom:10px;
	
}

.newsBig {
	width:600px;
    height:500px auto;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-bottom:10px;
	
}

.newsBig .img{
	position:absolute;
    width:210px;
    /*width:210px;
	float:right;
	text-align:right;
    padding-left:10px;
    padding-bottom:10px;*/
}

.newsBig .title{	
	width:580px;
  /*  margin-left:210px;*/
	padding-bottom:4px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	
}
.newsBig .title a{
	
	text-decoration:none;
}
.newsBig .content{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	line-height:16px;
	width:580px;
    height:auto;
  /*  margin-left:210px;*/
	padding-bottom:4px;
    text-align:justify;

}
.newsBig .footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	width:600px;
}

.space{
	width:100%;
	height:25px;
}


/*    SCROLL   */

a:link, a:visited, a:hover{
	color:#0066CC; 
	text-decoration:none;
}
#stage{
	width:620px; 
	overflow: auto;
	overflow-x:hidden; 
	overflow-y:hidden; 
	height:1000px; 
	margin:0 auto;
}
#slider-buttons{
	width:600px; 
	margin:0 auto;
}
#myList{
	height:2000px; 
	border:0; 
	margin:0; 
	padding:0; 
	left:400px;
}
#myList li{
	list-style:none; 
	margin:0; 
	padding:0; 
	border:0; 
	margin-top:10px;
	padding:4px; 
	float:left;
	width:600px;
	height:115px;
    
}

.sepYellow{
    background:#D8B86B;
    height:1px;
	width:100%;
    margin-top:3px;
}


.legal{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    color:#d1b065; 
    text-align:center;
    background: #000;
    width:983px;
    height:25px;
    padding-top:10px;
}

a.path{cursor:hand;color:#d1b065;}

a.path:hover{text-decoration:underline; color:#FFF}

a.Spath{cursor:hand;color:#d1b065; font-size:10px; text-transform:uppercase;}

a.Spath:hover{text-decoration:underline; color:#FFF}

#menuOS {
    position: relative;
    margin-left: 5px;
}

.menuitem{
    background: #afec77;
}

.menutarget{
    display: none;
}

/* ############################################################################
     BOOKMARK
############################################################################ */
.bm_ext_txt { color:#000000; font-family:Verdana, Arial, sans serif; font-size:10px; text-decoration:none; }
.bm_ext_pic { cursor:pointer; margin:1 0 1 3; }
.bm_ext_cadre0 { background:#ffffff; margin:8 0 28 0; border:2px solid #eeeeee; }
.bm_ext_cadre1 { background:#ffffff; margin:2 0 2 0; }
.bm_ext_tooltip { margin:5 0 0 0; padding:2 20 2 5; background-color:#ffffff; border:1px solid #eeeeee; }


/* ############################################################################
     COM
############################################################################ */
.comInsc{
	margin:10px;
	font-family: Arial, Helvetica, sans-serif;
}
.com{
    width:600px;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
}
.com .bloc1{
    background:url(../img/bloc1.png) no-repeat top right;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	line-height:16px;
	width:100%;
	margin-bottom:10px;
    height:52px;
    
}
.com .bloc1 .Titre1{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
    font-weight:bold;
	line-height:16px;
	text-align:center;
    padding-left:5px;
    width:70px;
    float:right;
}

.Date{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:9px;
    font-weight:bold;
}

.com .bloc1 .Mess1{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	line-height:16px;
	text-align:left;
    margin:10px;
    width:505px;
    float:right;
}

.com .bloc2{
    background:url(../img/bloc2.png) no-repeat top left;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	line-height:16px;
	width:100%;
	margin-bottom:10px;
    height:52px;
}

.com .bloc2 .Titre2{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
    font-weight:bold;
	line-height:16px;
	text-align:center;
    padding-left:5px;
    width:70px;
    float:left;
}

.com .bloc2 .Mess2{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:13px;
	line-height:16px;
	text-align:left;
    margin:10px;
    width:505px;
    float:left;
}

/* ############################################################################
     LOGIN
############################################################################ */


.formLog{
    font-family:Arial, Helvetica, sans-serif;
	color:#d1b065;
    background:#000;
	font-size:11px;
	text-align:center;
    margin:2px;
    width:120px;
    height:22px;
    border:#d1b065 1px solid;
    text-transform:uppercase;
}
.formOk{
    width:25px;
    height:26px;
    border:0;
    vertical-align:middle;
}

/* ############################################################################
     PAGINATE
############################################################################ */


.MidPaginate{
    font-family:Arial, Helvetica, sans-serif;
	color:#000;
    /*color:#d1b065;
    background:#000;*/
    background:url(../img/bg_page_on.png) no-repeat top left;
	font-size:11px;
	text-align:center;
    margin:4px;
    padding-top:5px;
    width:27px;
    height:26px;
    /*border:#d1b065 1px solid;*/
    float:left;
    text-decoration:none;
}
.MidPaginateOff{
    font-family:Arial, Helvetica, sans-serif;
	color:#fff;
    background:url(../img/bg_page_off.png) no-repeat top left;
    /*color:#000;
    background:#d1b065;*/
	font-size:14px;
	text-align:center;
    margin:4px;
    padding-top:5px;
    width:27px;
    height:26px;
    font-weight:bold;
    /*border:#fff 1px solid;*/
    float:left;
}

.pagination{
    margin:0 auto;
	text-align:center;
	
     
    height:45px; 
   
}

#pub {
	background: #d1b065;
    text-align:center;
	color: #fff;
	/*padding: 10px;
	margin: 115px;*/
    margin-left:115px;
    margin-right:115px;
    margin-top:20px;
    margin-bottom:20px;
	border: 10px solid #d1b065;
}

.Mlegacy{
    width:100%; background:#D8B86B; color:#000; text-transform:uppercase; font-size:15px; margin-top:10px; margin-bottom:10px; padding:6px; text-align:center
}


.rating {
    margin: 5px;
    cursor:hand;
    /*text-align: center;*/
}

/* ############################################################################
     RECHERCHE AUTO COMPLEMENT
############################################################################ */

.suggestionsBox {
		position: relative;
		
		margin: 0;
		width: 192px;
		background-color: #000;
        color:#FFF;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #d1b065;
        z-index:3000;
        height:100% auto;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
		
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
		color:#FFF;
	}
	
	.suggestionList li:hover {
		background-color: #d1b065;
        color:#000
	}


/* ############################################################################
     FORM
############################################################################ */

#customForm{
	padding: 0 10px 10px;
}
#customForm label{
	display: block;
	color: #fff;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm input{
	width: 220px;
	padding: 6px;
	color: #d1b065;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #d1b065;
	background:#000;
}
#customForm textarea{
	width: 500px;
	height: 80px;
	padding: 6px;
	color: #d1b065;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #d1b065;
	background:#000;
}
#customForm div{
	margin-bottom: 15px;
}
#customForm #submit{
	background: #d1b065;
	color: #000;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}

#customForm #file{
	width: 220px;
	padding: 6px;
	color: #d1b065;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #d1b065;
	background:#000;
}

#customForm #submit:hover{
	background: #d4bd93;
}
/******* /FORM *******/