/*
	
//////Creater by: Edolas DevTeam
//////05-05-2013

****Mise à jour finale par Keiro Dev le 19/05/2013.
		
*/
	
	
body {
	background-image		: url(images/fond.jpg);
	background-attachment	: fixed;
	background-repeat		: no-repeat;
	background-position		: top;	
	background-color		: #000;
	font-family				: Tahoma, Geneva, sans-serif;
	font-size				: 0.9em;
	margin					: 0;
	color					: #fff;
}

#global {
  margin: auto auto;
  position:relative;
  width:920px;/*largeur obligatoire pour être centré | Keiro */
}


/* ************************

			liens		
		
   ********************** */


#menuside a, #menu a {
    display:inline-block;
	border-left-color:#777;
	border-left-style:solid;
	padding-left:3px;
	color : #999;
	text-decoration:none;
}

article a {
	color : #999;
	text-decoration:none;
}

#menuside a:hover, #menu a:hover, article a:hover {
	color:#3399CC;
}

#menu a{
    text-align:center;
    position:relative;
    margin-left:15px;
    top:25px;

}

#menuside a{
	margin-top:10px;
}

/*fin des liens */


/* ************************

			  top		
		
   ********************** */
#logo{
	background-image:url(images/logo.png);
	width:220px;
	height:71px;
	top:4%;
	background-repeat:no-repeat;
	position:absolute;
}

/*
#header{
	background-image:url(images/header.png);
	width:956px;
	height:267px;
	background-repeat:no-repeat;
	position:absolute;
/*}*/

#menu{
	display:inline-block;
	background-image:url(images/menu.png);
	
	width:626px;
	height:65px;
	background-repeat:no-repeat;
}

#menuside{
	display:inline-block;
	position:absolute;	
	/*margin-left:626px;*/
	
	background-image:url(images/menuside.png);
	height:65px;
	width:309px;/*293px;*/
	background-repeat:no-repeat;
}

#menu, #menuside {
	margin-top:120px;
}


.bloc_videos, #sidebar, #menu, #menuside {
    text-align:center;
}

	
/* fin top*/

/* ************************

			contenu		
		
   ********************** */
   
#container {
	position:relative;
	display:block;
	background-image:url(images/conteneur.png);
	width:635px;
}

#sidebar {
	position: absolute;
	display: block;
	background-image: url(images/sidebar.png);
	width: 293px;/*309px;*/
	left: 626px;
	top: 184px;
}

#container, #sidebar {
	background-repeat:repeat-y;
	height:600px;
	padding-top:20px;
	/*margin-top:-90px;*/
}
   
   
	/* Ombres de box */
video, article, aside, sondage {
 	box-shadow		: 6px 6px 6px #111;
}

#container, #sidebar, #menu, #menuside {
	opacity:0.9;
}

.bloc_videos {
	margin-bottom:25px;
}

video {
	margin-right:35px;
	margin-left:25px;
	width:248px;
	height:143px;
	background-color:#000;
}

article {
	display			: block;
	background-image: url(images/fond_quadrille.jpg);
	position		: relative;
	border			: solid 1px #CCC;
	border-radius	: 5px;
	width			: 500px;
	padding			: 10px 10px;
	margin			: 20px auto 0px auto;
}
/*Juste l'article event*/
.article_event {
	color			: #9F3;
	text-align		: center;
}

/*Mise en forme des autres articles*/
.article_classique {
	text-align:justify;
}

.article_classique p:first-letter {
	font-size	: 2em;	
	float		: left;
	margin-right: 0.2em;
	color		: #C60;
	font-family	: Georgia, "Times New Roman", Times, serif;
	font-weight	: bold;
}

.article_classique a {
	color:#C30;
}

/*Mise enforme globale*/
strong {
	color:#F90;
}

h1 {
	color			: #9F3;
	font-weight		: bold;
	text-align		: center;
}

/* 
	+--------------------+
	   Contenu de droite
	
	 						*/
.menu_aside {
	margin-bottom:25px;	
}

#sondage {
	display			: inline-block;
	text-align		: center;
}

aside {
	display			: inline-block;
	border			: solid 2px #CCC;
	border-radius	: 5px;
	width			: 180px;

	text-align		: justify;
	background-image: url(images/fond_quadrille.jpg);
	background-position:right;
	padding: 5px 10px 5px 10px;
	/*color:#F30;*/
}

img {
	border:0px;
}

/*fin contenu*/

/* ************************

			 footer		
		
   ********************** */

#footer{
	display:block;
	margin:auto auto;
	position:relative;
	
	background-image	: url(images/footer.png);
	background-repeat	: no-repeat;
	width				: 920px;/*Keiro*/
	padding				: 20px 20px;
	text-align:center;
}

/* fin footer*/