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

 body  {
	font: 100% Georgia, "Times New Roman", Times, serif;
	background: #e7e8e8;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #878787;
    }
	
/*------------------------------------------------------

	ACCUEIL

------------------------------------------------------*/ 

    .accueil #container { 
    	width: 943px;
    	background-color:transparent;
    	margin: 0 auto;
		border:none;
		text-align:left;
    } 
    .accueil #header { 
    	background:url(images/accueil_head.jpg);
		background-color:transparent;
    	padding: 0 10px 0 20px;
		height: 45px;
		
    } 
    .accueil #sidebar1 {
    	float: left;
		background:url(images/accueil_sdb1.jpg);
		background-color:transparent;
    	width: 357px;
		height: 536px;
    }
    .accueil #sidebar2 {
    	float: right;
		background:url(images/accueil_sdb2.jpg);
		background-color:transparent;
    	width: 360px;
		height: 536px;
    }
    .accueil #centre {
		overflow: hidden;
		background:url(images/accueil_center.jpg);
		background-color:transparent;
		width: 226px;
		height: 536px;
    } 
	
	.accueil #nav {
		overflow:hidden;
		padding: 5px 10px 10px 8px;
		background-color:transparent;
		height: 30px;
		font-size:21px;
		font-style: italic;
		color:#5cb7ba;
		text-align:center;
    }
		ul#nav {
			margin:0;
			padding:0;
		}
		#nav li {
			display:inline;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:15px;
			padding:0;
		}
		#nav a:link {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:visited {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:hover {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#5cb7ba;
			font-weight:400;
		}
/*------------------------------------------------------

	UNIVERS

------------------------------------------------------*/ 

    .univers #container { 
    	width: 943px;
    	background-color:transparent;
    	margin: 0 auto;
    	border:none;
		text-align:left;
    } 
	
    .univers #header { 
    	background:url(images/univers_head.jpg);
		background-color:transparent;
    	padding: 0 10px 0 20px;
		height: 45px;
    } 
    .univers #sidebar1 {
		background:url(images/univers_sdb1.jpg);
		background-color:transparent;
    	float: left;
    	width: 357px;
		height: 536px;
    }
    .univers #sidebar2 {
		background:url(images/univers_sdb2.jpg);
		background-color:transparent;
    	padding:0 70px 0 10px;
		float: right;
    	width: 280px;
		height: 536px;
		font-family:Georgia, serif;
		font-size:12px;
		color:#878787;
		line-height: 16px;
    }
    .univers #centre {
		overflow: hidden;
		background:url(images/univers_center.jpg);
		background-color:transparent;
		width: 226px;
		height: 536px;
    } 
	
	.univers #nav {
		overflow:hidden;
		padding: 5px 10px 10px 8px;
		background-color:transparent;
		height: 30px;
		font-size:21px;
		font-style: italic;
		color:#5cb7ba;
		text-align:center;
    }
		ul#nav {
			margin:0;
			padding:0;
		}
		#nav li {
			display:inline;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:15px;
			padding:0;
		}
		#nav a:link {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:visited {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:hover {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#5cb7ba;
			font-weight:400;
		}
/*------------------------------------------------------

	EVENTS

------------------------------------------------------*/ 
	.events img {
		border:none;
	}
	
    .events #container { 
    	width: 943px;
    	background-color:transparent;
    	margin: 0 auto;
		border:none;
		text-align:left;
    } 
    .events #header { 
    	background:url(images/events_head.jpg);
		background-color:transparent;
    	padding: 0 10px 0 20px;
		height: 45px;
		
    } 
    .events #sidebar1 {
    	float: left;
		padding: 0 0 0 0;
		background:url(images/events_sdb1.jpg);
		background-color:transparent;
    	width: 357px;
		height: 536px;
		font-size:12px;
		font-weight:bold;
		line-height:20px;
    }
		#sidebar1 input {
		border:0px solid black;
		background-color:#ffffff;
		font-family:Georgia;
		}

    .events #sidebar2 {
    	float: right;
		background:url(images/events_sdb2.jpg);
		background-color:transparent;
    	width: 360px;
		height: 536px;
    }
    .events #centre {
		overflow: hidden;
		background:url(images/events_center.jpg);
		background-color:transparent;
		width: 226px;
		height: 536px;
    } 
	
	.events #nav {
		overflow:hidden;
		padding: 5px 10px 10px 8px;
		background-color:transparent;
		height: 30px;
		font-size:21px;
		font-style: italic;
		color:#5cb7ba;
		text-align:center;
    }
		ul#nav {
			margin:0;
			padding:0;
		}
		#nav li {
			display:inline;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:15px;
			padding:0;
		}
		#nav a:link {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:visited {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:hover {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#5cb7ba;
			font-weight:400;
		}
/*------------------------------------------------------

	VIP

------------------------------------------------------*/ 

    .vip #container { 
    	width: 943px;
    	background-color:transparent;
    	margin: 0 auto;
		border:none;
		text-align:left;
    } 
    .vip #header { 
    	background:url(images/vip_head.jpg);
		background-color:transparent;
    	padding: 0 10px 0 20px;
		height: 45px;
		
    } 
    .vip #sidebar1 {
    	float: left;
		padding: 120px 4px 0 88px;
		background:url(images/vip_sdb1.jpg);
		background-color:transparent;
    	width: 265px;
		height: 416px;
		font-size:12px;
		font-weight:bold;
		line-height:20px;
    }
		#sidebar1 input {
		border:0px solid black;
		background-color:#ffffff;
		font-family:Georgia;
		font-size:12px;
		}

    .vip #sidebar2 {
    	float: right;
		background:url(images/vip_sdb2.jpg);
		background-color:transparent;
    	width: 360px;
		height: 536px;
    }
    .vip #centre {
		overflow: hidden;
		background:url(images/vip_center.jpg);
		background-color:transparent;
		width: 226px;
		height: 536px;
    } 
	
	.vip #nav {
		overflow:hidden;
		padding: 5px 10px 10px 8px;
		background-color:transparent;
		height: 30px;
		font-size:21px;
		font-style: italic;
		color:#5cb7ba;
		text-align:center;
    }
		ul#nav {
			margin:0;
			padding:0;
		}
		#nav li {
			display:inline;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:15px;
			padding:0;
		}
		#nav a:link {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:visited {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:hover {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#5cb7ba;
			font-weight:400;
		}
/*------------------------------------------------------

	VIPAREA

------------------------------------------------------*/ 

    .viparea #container { 
    	width: 943px;
    	background-color:transparent;
    	margin: 0 auto;
		border:none;
		text-align:left;
    } 
    .viparea #header { 
		background-color:transparent;
    	padding: 0 10px 0 20px;
		height: 45px;
		
    } 
    .viparea #sidebar1 {
    	float: left;
		background:url(images/viparea_sdb1.jpg);
		background-color:transparent;
    	width: 357px;
		height: 536px;
		font-size:12px;
		font-weight:bold;
		line-height:20px;
    }
		#sidebar1 input {
		border:0px solid black;
		background-color:#ffffff;
		font-family:Georgia;
		font-size:12px;
		}

    .viparea #sidebar2 {
    	float: right;
		background:url(images/viparea_sdb2.jpg);
		background-color:transparent;
    	width: 360px;
		height: 536px;
    }
    .viparea #centre {
		overflow: hidden;
		background:url(images/viparea_center.jpg);
		background-color:transparent;
		width: 226px;
		height: 536px;
    } 
	
	.viparea #nav {
		overflow:hidden;
		padding: 5px 10px 10px 8px;
		background-color:transparent;
		height: 30px;
		font-size:21px;
		font-style: italic;
		color:#5cb7ba;
		text-align:center;
    }
		ul#nav {
			margin:0;
			padding:0;
		}
		#nav li {
			display:inline;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:15px;
			padding:0;
		}
		#nav a:link {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:visited {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:hover {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#5cb7ba;
			font-weight:400;
		}
/*------------------------------------------------------

	VIPAREA_2

------------------------------------------------------*/ 

    .viparea2 #container { 
    	width: 943px;
    	background-color:transparent;
    	margin: 0 auto;
		border:none;
		text-align:left;
    } 
    .viparea2 #header { 
		background-color:transparent;
    	padding: 0 10px 0 20px;
		height: 45px;
		
    } 
    .viparea2 #sidebar1 {
    	float: left;
		background:url(images/viparea_2_sdb1.jpg);
		background-color:transparent;
    	width: 357px;
		height: 536px;
		font-size:12px;
		font-weight:bold;
		line-height:20px;
    }
		#sidebar1 input {
		border:0px solid black;
		background-color:#ffffff;
		font-family:Georgia;
		font-size:12px;
		}

    .viparea2 #sidebar2 {
    	float: right;
		background:url(images/viparea_2_sdb2.jpg);
		background-color:transparent;
    	width: 360px;
		height: 536px;
    }
    .viparea2 #centre {
		overflow: hidden;
		background:url(images/viparea_2_center.jpg);
		background-color:transparent;
		width: 226px;
		height: 536px;
    } 
	
	.viparea2 #nav {
		overflow:hidden;
		padding: 5px 10px 10px 8px;
		background-color:transparent;
		height: 30px;
		font-size:21px;
		font-style: italic;
		color:#5cb7ba;
		text-align:center;
    }
		ul#nav {
			margin:0;
			padding:0;
		}
		#nav li {
			display:inline;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:15px;
			padding:0;
		}
		#nav a:link {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:visited {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:hover {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#5cb7ba;
			font-weight:400;
		}
/*------------------------------------------------------

	CONTACT

------------------------------------------------------*/ 

    .contact #container { 
    	width: 943px;
    	background-color:transparent;
    	margin: 0 auto;
		border:none;
		text-align:left;
    } 
    .contact #header { 
    	background:url(images/contact_head.jpg);
		background-color:transparent;
    	padding: 0 10px 0 20px;
		height: 45px;
		
    } 
    .contact #sidebar1 {
	float: left;
	padding: 0 0 0 0;
	background:url(images/contact_sdb1.jpg);
	background-color:transparent;
	width: 357px;
	height: 536px;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-align: left;
    }
	#sidebar1 a:link {
			width:250px;
			font-size:12px;
			text-decoration:none;
			color:#626262;
			font-style:bold;
		}
		#sidebar1 a:visited {
			width:250px;
			font-size:12px;
			text-decoration:none;
			color:#626262;
			font-style:bold;
		}
		#sidebar1 a:hover {
			width:250px;
			font-size:12px;
			text-decoration:none;
			color:#5cb7ba;
			font-style:bold;
		}
    .contact #sidebar2 {
    	float: right;
		padding: 90px 8px 8px 14px;
		background:url(images/contact_sdb2.jpg);
		background-color:transparent;
    	width: 338px;
		height: 428px;
		font-size:12px;
		font-weight:bold;
    }
	#sidebar2 form {
		line-height:26px;
		margin:15px 0 10px 0;
		}
	#sidebar2 input {
		border:none transparent 0px;
		border-bottom:dotted #acacac 2px;
		background-color:#ffffff;
		font-family:Georgia;
		color:#acacac;
		font-size:12px;
		font-weight:bold
		}
	#sidebar2 a:link {
			width:250px;
			font-size:12px;
			text-decoration:none;
			color:#626262;
			font-style:bold;
		}
		#sidebar2 a:visited {
			width:250px;
			font-size:12px;
			text-decoration:none;
			color:#626262;
			font-style:bold;
		}
		#sidebar2 a:hover {
			width:250px;
			font-size:12px;
			text-decoration:none;
			color:#5cb7ba;
			font-style:bold;
		}

    .contact #centre {
		overflow: hidden;
		background:url(images/contact_center.jpg);
		background-color:transparent;
		width: 226px;
		height: 536px;
    } 
	
	.contact #nav {
		overflow:hidden;
		padding: 5px 10px 10px 8px;
		background-color:transparent;
		height: 30px;
		font-size:21px;
		font-style: italic;
		color:#5cb7ba;
		text-align:center;
    }
		ul#nav {
			margin:0;
			padding:0;
		}
		#nav li {
			display:inline;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:15px;
			padding:0;
		}
		#nav a:link {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:visited {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:hover {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#5cb7ba;
			font-weight:400;
		}
	
/*------------------------------------------------------

	words

------------------------------------------------------*/ 

    .words #container { 
    	width: 943px;
    	background-color:transparent;
    	margin: 0 auto;
		border:none;
		text-align:left;
    } 
    .words #header { 
		background-color:transparent;
    	padding: 0 10px 0 20px;
		height: 45px;
		
    } 
    .words #content {
		padding: 45px 28px 0 28px;
		margin-bottom:121px;
		background-color:transparent;
    	width: 887px;
		height: 370px;
		font-size:12px;
		font-weight:bold;
		line-height:20px;
    }
	.words #nav {
		overflow:hidden;
		padding: 5px 10px 10px 8px;
		background-color:transparent;
		height: 30px;
		font-size:21px;
		font-style: italic;
		color:#5cb7ba;
		text-align:center;
    }
		ul#nav {
			margin:0;
			padding:0;
		}
		#nav li {
			display:inline;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:15px;
			padding:0;
		}
		#nav a:link {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:visited {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:hover {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#5cb7ba;
			font-weight:400;
		}
	
/*------------------------------------------------------

	PRESSE

------------------------------------------------------*/ 

    .presse #container { 
    	width: 943px;
    	background-color:transparent;
    	margin: 0 auto;
		border:none;
		text-align:left;
    } 
    .presse #header { 
		background-color:transparent;
		height: 45px;
		
    } 
    .presse #sidebar1 {
	float:left;
	padding: 10px 0 0 50px;
	background-color:transparent;
	width: 533px;
	height: 526px;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-align: left;
    }
	#sidebar1 a:link {
			width:250px;
			font-size:12px;
			text-decoration:none;
			color:#626262;
			font-style:bold;
		}
		#sidebar1 a:visited {
			width:250px;
			font-size:12px;
			text-decoration:none;
			color:#626262;
			font-style:bold;
		}
		#sidebar1 a:hover {
			width:250px;
			font-size:12px;
			text-decoration:none;
			color:#5cb7ba;
			font-style:bold;
		}
	img {
		border:none;
		margin: 4px 2px 0 2px;
		}
    .presse #sidebar2 {
		overflow:hidden;
		background:url(images/presse_sdb2.png);
		background-color:transparent;
    	width: 360px;
		height: 536px;
		font-size:12px;
		font-weight:bold;
    }
	.presse #nav {
		padding: 5px 10px 10px 8px;
		background-color:transparent;
		height: 30px;
		font-size:21px;
		font-style: italic;
		color:#5cb7ba;
		text-align:center;
    }
		ul#nav {
			margin:0;
			padding:0;
		}
		#nav li {
			display:inline;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:15px;
			padding:0;
		}
		#nav a:link {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:visited {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#626262;
			font-weight:400;
		}
		#nav a:hover {
			width:250px;
			font-size:21px;
			text-decoration:none;
			color:#5cb7ba;
			font-weight:400;
		}
	
	#footer {
		background-color:transparent;
		padding: 20px 20px 20px 20px;
		height: 40px;
		text-align:center;
		font-style:italic;
		color:#a6a6a6;
		font-size: 12px;
		font-weight:bold;
		line-height:20px;
    } 
		#footer a:link {
			font-style:italic;
			color:#a6a6a6;
			font-size: 12px;
			font-weight:bold;
			text-decoration:none;
		}
		#footer a:visited {
			font-style:italic;
			color:#a6a6a6;
			font-size: 12px;
			font-weight:bold;
			text-decoration:none;
		}
		#footer a:hover {
			font-style:italic;
			color:#5cb7ba;
			font-size: 12px;
			font-weight:bold;
			text-decoration:none;
		}
		#footer a:active {
			font-style:italic;
			color:#5cb7ba;
			font-size: 12px;
			font-weight:bold;
			text-decoration:none;
		}
		
    .fltrt {
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat {
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }