/****************************************************************************
* styles.css
* - Common
* - Container principal
* - Header
* - Footer
* - Contenu d'une page
****************************************************************************/

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

/* - Common ****************************************************************/
* { margin:0; padding:0; }

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	min-width:900px;
	background:#d9dede url(../common/background.jpg) no-repeat center top;
}


a img { border:none; }

.pager
{
	position:absolute;
	right:0;
	bottom:0;
}

	.pager a
	{
		margin-left:3px;
		width:12px;
		height:12px;
		float:left;
		cursor:pointer;
		color:#fff;
		font-size:10px;
		text-align:center;
		text-decoration:none;
		background:#3a7f9e;
	}
	
	.pager a.current { background:#9dbecc; }
	
	.pager a.previous,
	.pager a.next
	{
		background:none;
		_margin:0;
	}

/* - Main container *********************************************************/
.page
{
	min-width:900px;
}

#container
{
	position:relative;
	width:900px;
	height:650px;
	margin:0 auto;
	background:transparent;
}

#menu
{
	position:absolute;
	right:-200px;
	top:-235px;
	width:1150px;
	height:500px;
}

	#menu ul 
	{
		position:absolute;
		right:130px;
		bottom:100px;
		padding-left:0px;
		list-style:none;
	}
	
		#menu ul li
		{
			display:block;
			float:left;
		}
	
		#menu ul li a
		{
			display:block;
			padding:0px;
			color:#aec8d5;
			text-decoration:none;
		}
		

#player
{
	position:absolute;
	right:40px;
	top:10px;
	width:200px;
	z-index:2;
	text-align:right;
}

	#player a
	{
		text-decoration:none;
		color:#aec8d5;
		font-size:10px;
	}
	
	#player span
	{
		position:absolute;
		top:10px;
		right:60px;
		cursor:pointer;
	}


	#player img
	{
		position:absolute;
		top:0;
		right:0px;
		border:1px solid #a0bccd;
		cursor:pointer;
	}

.logo
{
	position:absolute;
	left:130px;
	top:22px;
}

	.logo .home
	{
		display:block;
		height:36px;
		left:235px;
		position:absolute;
		top:40px;
		width:36px;
		z-index:3;
		cursor:pointer;
		background:url(../common/home.png) no-repeat left top;
		_background-image:url(../common/home-ie6.gif);
	}
	
.home 
{
	position:absolute;
	left:318px;
	top:96px;
	display:block;
	height:36px;
	width:36px;
	cursor:pointer;
	z-index:3;
}

	.home a
	{
		display:block;
		height:36px;
		width:36px;	
		cursor:pointer;
		background:url(../common/home.png) no-repeat left top;
		_background-image:url(../common/home-ie6.gif);
	}

	.home img { visibility:hidden; }


#titre
{
	position:absolute;
	right:10px;
	top:570px;
	width:56px;
	height:20px;
	background:url(../common/lang-bg.jpg) no-repeat left top;
}

	#titre a
	{
		position:absolute;
		top:4px;
		display:block;
		width:13px;
		height:9px;
		color:#227194;
		text-decoration:none;
		font-size:10px;
		background:url(../common/lang-flags.jpg) no-repeat left top;
	}
	
	#titre a.fr { left:10px;background-position:right top; }
	#titre a.en { left:31px; }
	
	#titre a.fr:hover, body.fr #titre a.fr {	background-position:right bottom; }
	#titre a.en:hover, body.en #titre a.en {	background-position:left bottom; }

	#titre span { display:none;position:absolute;top:-20px; width:56px; text-align:center;}
	#titre a:hover span { display:block; }
	#titre a.fr span {	left:-10px; }
	#titre a.en span {	left:-31px; }
	
	#homepage #titre { top:535px; }
	#news #titre { top:560px; }
	#music #titre { top:530px; }
	#medias #titre { top:530px; }

	
	#lang
{
	position:absolute;
	right:10px;
	top:570px;
	width:56px;
	height:20px;
	background:url(../common/lang-bg.jpg) no-repeat left top;
}

	#lang a
	{
		position:absolute;
		top:4px;
		display:block;
		width:13px;
		height:9px;
		color:#227194;
		text-decoration:none;
		font-size:10px;
		background:url(../common/lang-flags.jpg) no-repeat left top;
	}
	
	#lang a.fr { left:10px;background-position:right top; }
	#lang a.en { left:31px; }
	
	#lang a.fr:hover, body.fr #lang a.fr {	background-position:right bottom; }
	#lang a.en:hover, body.en #lang a.en {	background-position:left bottom; }

	#lang span { display:none;position:absolute;top:-20px; width:56px; text-align:center;}
	#lang a:hover span { display:block; }
	#lang a.fr span {	left:-10px; }
	#lang a.en span {	left:-31px; }
	
	#homepage #lang { top:535px; }
	#news #lang { top:560px; }
	#music #lang { top:530px; }
	#medias #lang { top:530px; }

/* - Homepage **************************************************************/
#homepage .page
{
	background:url(../images/home/homepage.jpg) no-repeat center 107px;
}
	
#homepage .latest-news
{
	position:absolute;
	left:577px;
	top:130px;
	width:270px;
	height:340px;
}
}

	#homepage .latest-news h2
	{
		text-align:right;
		margin-bottom:10px;
	}
	
	#homepage .latest-news .entry
	{
		overflow:hidden;
		position:relative;
		height:65px;
		margin-right:10px;
		padding:5px 0px 0 50px;
		font-family:Arial, Helvetica, sans-serif;
		color:#41423f;
		font-size:11px;
		background:url(../common/separator.gif) repeat-x left top;
	}
	
	#homepage .latest-news .global
	{
		height:50px;
		overflow:hidden;
	}
	
		#homepage .latest-news .hover
		{
			background-color:#ddeae4;
		}
	
		#homepage .latest-news .entry h3
		{
			color:#b444ab;
			font-size:13px;
		}
			#homepage .latest-news .entry h3 a
			{
				color:#b444ab;
				text-decoration:none;
			}
	
		#homepage .latest-news .entry .text
		{
			overflow:hidden;
			height:34px;
			line-height:11px;
			text-align:justify;
			font-weight:bold;
		}
	
		#homepage .latest-news .entry .date
		{
			color:#77ad00;
			font-size:9px;
			text-align:right;
			font-style:italic;
		}
	
		#homepage .latest-news .entry img 
		{
			position:absolute;
			left:0;
			top:4px;
			width:40px;
			height:50px;
		}

#homepage .upcoming
{
	position:absolute;
	left:563px;
	top:489px;
	height:110px;
	padding-left:8px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

	#homepage .upcoming h2 
	{
		margin-left:-8px;
	}

	#homepage .upcoming ul
	{
		list-style:none;
		margin-top:5px;
		width:270px;
	}

	#homepage .upcoming li
	{
		clear:both;
		color:#227194;
	}
	
	#homepage .upcoming a
	{
		display:block;
		clear:both;
		margin-top:5px;
		color:#cb557e;
		font-weight:bold;
	}
	
#homepage #anim
{
	position:absolute;
  	left:123px;
	top:1178px;

  
	/*left:23px;
	top:178px;*/
}
	
	
/* - Feuilletexte *************************************************************/
#feuilletexte #container { height:780px; }

#feuilletexte .page
{
	background:url(../common/backfr.jpg) no-repeat center 107px;
}
		#feuilletexte .titre
	{
		position:absolute;
		left:200px;
		top:250px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
		#feuilletexte .video
	{
		position:absolute;
		left:205px;
		top:310px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#feuilletexte .main
	{
		position:absolute;
		left:550px;
		top:200px;
		width:355px;
		height:395px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFF0;

		}
	#feuilletexte .titre h1
	{
			margin:0 0 15px 0;
			font-size:24px;
			color:#DCDCDC;
			font-weight:bold;
 
			}
	
		#feuilletexte .main h2
		{
			margin:0 40px 15px 0;
			text-align:right;
		}
		
		#feuilletexte .main h1
		{
			margin:0 0 15px 0;
			font-size:24px;
			color:#DCDCDC;
			font-weight:bold;
		}
		
	#feuilletexte .pager-content
	{
		height:500px;
		margin: 0 0 10px 0;
		font-size:13px;
		color:#DCDCDCF;
		font-style:italic;
		}
	
		#feuilletexte .text p
		{
			margin: 0 0 10px 0;
			font-size:14px;
			color:#DCDCDC;
			text-indent:10px;
			}
		
		/* - feuilletextegraphy *************************************************************/
/* - Feuilletexte *************************************************************/

#feuilleliens #container { height:780px; }

#feuilleliens .page
{
	background:url(../common/backgroundliens.jpg) no-repeat center 107px;
}
	#feuilleliens .main
	{
		position:absolute;
		left:200px;
		top:235px;
		width:500px;
		height:280px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFF0;
	}
	
		
		#feuilleliens .main h1
		{
			margin:0 0 15px 0;
			font-size:16px;
			color:#DCDCDC;
			font-weight:bold;
		}
		#feuilleliens .main h2
		{
			margin:0 0 10px 0;
			font-size:12px;
			color:#DCDCDC;
			}
		
	#feuilleliens .pager-content
	{
		height:340px;
		overflow:hidden;
		color:#DCDCDCF;

		}
	
		#feuilleliens .text p
		{
			margin: 0 0 0px 0;
			font-size:16px;
			color:#DCDCDC;
			text-indent:8px;
		}
#feuillequisuisje #container { height:780px; }

#feuillequisuisje .page
{
	background:url(../common/backgroundquisuisje.jpg) no-repeat center 107px;
}
	#feuillequisuisje .main
	{
		position:absolute;
		left:120px;
		top:280px;
		width:480px;
		height:340px;
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;

	}
	
		#feuillequisuisje .main h2
		{
			margin:0 40px 15px 0;
			text-align:right;
		}
		
		#feuillequisuisje .main h1
		{
			margin:0 0 15px 0;
			font-size:18px;
			color:#DCDCDCF;
			font-weight:bold;
		}
		
	#feuillequisuisje .pager-content
	{
		height:231px;
		overflow:hidden;
	}
	
		#feuillequisuisje .text p
		{
			margin: 0 0 10px 0;
			font-size:11px;
			color:#DCDCDCF;
			text-indent:10px;
		}

	
#google
{
	position:absolute;
	right:180px;
	top:400px;
	width:250px;
	height:250px;

	}
		
#feuillecontact #container { height:780px; }

#feuillecontact .page
{
	background:url(../common/backgroundcontact.jpg) no-repeat center 107px;
}
	#feuillecontact .plan
	{
		position:absolute;
		left:240px;
		top:210px;
		width:365px;
		height:350px;
		font-family:Arial, Helvetica, sans-serif;
	}
	#feuillecontact .main
	{
		position:absolute;
		left:200px;
		top:230px;
		width:365px;
		height:350px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
		#feuillecontact .main h2
		{
			margin:0 40px 15px 0;
			text-align:right;
		}
		
		#feuillecontact .main h1
		{
			margin:0 0 15px 0;
			font-size:18px;
			color:#DCDCDCF;
			font-weight:bold;
		}
		
	#feuillecontact .pager-content
	{
		height:431px;
		overflow:hidden;
	}
	
		#feuillecontact .text p
		{
			margin: 0 0 10px 0;
			font-size:11px;
			color:#DCDCDC;
			text-indent:10px;
		}
		#feuille2 #container { height:780px; }


#feuillediscours  #container { height:780px; }

		#feuillediscours .page
{
	background:url(../common/backgrounddiscoursduchef.jpg) no-repeat center 107px;
}
	#feuillediscours .main
	{
		position:absolute;
		left:190px;
		top:280px;
		width:550px;
		height:330px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
		#feuillediscours .main h2
		{
			margin:0 40px 15px 0;
			text-align:right;
		}
		
		#feuillediscours .main h1
		{
			margin:0 0 15px 0;
			font-size:18px;
			color:#DCDCDCF;
			font-weight:bold;
		}
		
	#feuillediscours .pager-content
	{
		height:240px;
		overflow:hidden;
	}
	
		#feuillediscours .text p
		{
			margin: 0 0 10px 0;
			font-size:11px;
			color:#DCDCDC;
			text-indent:10px;
		}
		
#feuilleautrestraces #container { height:780px; }

#feuilleautrestraces .page
{
	background:url(../common/backgroundautrestraces.jpg) no-repeat center 107px;
}
	#feuilleautrestraces .main
	{
		position:absolute;
		left:250px;
		top:235px;
		width:480px;
		height:330px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
		#feuilleautrestraces .main h2
		{
			margin:0 40px 15px 0;
			text-align:right;
		}
		
		#feuilleautrestraces .main h1
		{
			margin:0 0 15px 0;
			font-size:18px;
			color:#DCDCDCF;
			font-weight:bold;
		}
		
	#feuilleautrestraces .pager-content
	{
		height:280px;
		overflow:hidden;
				color:#FFFFF0;


		}
	
		#feuilleautrestraces .text p
		{
			margin: 0 0 10px 0;
			font-size:11px;
			color:#DCDCDC;
			text-indent:10px;
		}/* - feuillephto *************************************************************/

#diapo  #container { height:1900px; }

#diapo .page
{
}

	#diapo .main
	{
      	position:absolute;
		left:572px;
		top:145px;
		width:255px;
		height:375px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
		#diapo .main h2
		{
			margin:0 40px 15px 0;
			text-align:right;
		
		
		#diapo .main h1
		{
			margin:0 0 15px 0;
			font-size:14px;
			color:#DCDCDCF;
			font-weight:bold;
		}
		

		#diapo .text p
		{
			margin: 0 0 10px 0;
			font-size:11px;
			color:#DCDCDC;
			text-indent:10px;
		}

/* - Diapo *************************************************************/

		

 ul#menu_horizontal { 
width : 600px; 
height : 30px;
margin : 2em 0 0 0;
padding : 0;
background-color : black;
border : 1px dashed black;
border-top : 1px solid white;
border-bottom : 1px solid white;
list-style-type : none; 
}
 
ul#menu_horizontal li {
padding : 0 0.5em;  
line-height : 30px;
}
 
ul#menu_horizontal li.bouton_gauche {
float : left;
padding : 0 1em; 
}
 
ul#menu_horizontal li.bouton_droite {
float : right;
margin-top:3PX;
margin-right:0;
margin-left:0;
padding-right:0;
padding-left:0;
}
 
ul#menu_horizontal a {
color : white;
text-decoration : none;

font :  0.8em "Verdana";
}
 
ul#menu_horizontal a:hover { color: grey; }
 
 

#footer{

position:relative;

bottom:0;
margin-left: -300px; 
left:50%;
text-align: center;
color:white;
}



td{
color:white;
text-align: justify;

font: 11px/1.4 Verdana, arial,sans-serif;
}

h4{
color:white;
text-align: justify;
font: 15px/1.4 Verdana, arial,sans-serif;
}







.content{
color:#eee;
font:14px/1.4 "helvetica neue", arial,sans-serif;
width:820px;
margin:20px auto;
}


h1{
line-height:1.1;
letter-spacing:-1px;
}

a {
color:#fff;
}
img{
border:0;
}

#galleria{
height:400px;
}

.galleria-container {
    position: relative;
    overflow: hidden;
    background: #000;
}
.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.galleria-stage {
    position: absolute;
    top: 10px;
    bottom: 60px;
    left: 10px;
    right: 10px;
    overflow:hidden;
}
.galleria-thumbnails-container {
    height: 50px;
    bottom: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 2;
}
.galleria-carousel .galleria-thumbnails-list {
    margin-left: 30px;
    margin-right: 30px;
}
.galleria-thumbnails .galleria-image {
    height: 40px;
    width: 60px;
    background: #000;
    margin: 0 5px 0 0;
    border: 1px solid #000;;
    float: left;
    cursor: pointer;
}
.galleria-counter {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: right;
    color: #fff;
    font: normal 11px/1 arial,sans-serif;
    z-index: 2;
}
.galleria-loader {
    background: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url(classic-loader.gif) no-repeat 2px 2px;
}
.galleria-info {
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 2;
    position: absolute;
}
.galleria-info-text {
    background-color: #000;
    padding: 12px;
    display: none;
    /* IE7 */ zoom:1;
}
.galleria-info-title {
    font: bold 12px/1.1 arial,sans-serif;
    margin: 0;
    color: #fff;
}
.galleria-info-description {
    font: italic 12px/1.4 georgia,serif;
    margin: 0;
    color: #bbb;
}
.galleria-info-title+.galleria-info-description {
    margin-top: 7px;
}
.galleria-info-close {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -753px -11px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
}
.galleria-info-close:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.galleria-info-link {
    background-position: -669px -5px;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #000;
}
.galleria-info-link:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -62px;
    width: 100%;
    height: 62px;
    left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer;
    width: 62px;
    height: 124px;
    position: absolute;
    left: 10px;
    z-index: 2;
    background-position: 0 46px;
}
.galleria-image-nav-right {
    left: auto;
    right: 10px;
    background-position: -254px 46px;
    z-index: 2;
}
.galleria-image-nav-left:hover,
.galleria-image-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    background-position: -495px 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
    opacity: .8;
    filter: alpha(opacity=80);
}
.galleria-thumb-nav-right {
    background-position: -578px 5px;
    border-right: none;
    right: 0;
    left: auto;
}
.galleria-thumbnails-container .disabled {
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: default;
}
.galleria-thumb-nav-left:hover,
.galleria-thumb-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.galleria-thumbnails-container .disabled:hover {
    opacity: 0.2;
    filter: alpha(opacity=20);
    background-color: transparent;
}

.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
    display: block;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url(classic-map.png);
    background-repeat: no-repeat;
}