/* ============================================== */
/* ================ CSS Globales ================ */
/* ============================================== */

html
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
font-family: arial, serif;
font-size: 14px;
text-align: justify;
background-color: #ffffff;
}

body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
color: #393c3e;
overflow-x: hidden;
}

input[type=text], select
{
font-family: arial, serif;
}

input[type=submit], input[type=reset], input[type=button]
{
font-family: arial, serif;
cursor: pointer;
}

@font-face 
{
font-family: 'NewsCycleRegular';
src: url('fonts/NewsCycle-Regular-webfont.eot');
src: url('fonts/NewsCycle-Regular-webfont.eot#iefix') format('embedded-opentype'),
	 url('fonts/NewsCycle-Regular-webfont.woff') format('woff'),
	 url('fonts/NewsCycle-Regular-webfont.ttf') format('truetype'),
	 url('fonts/NewsCycle-Regular-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'MelbourneBold';
    src: url('fonts/melbourne_bold-webfont.eot') format('eot'),
         url('fonts/melbourne_bold-webfont.woff') format('woff'),
         url('fonts/melbourne_bold-webfont.ttf') format('truetype'),
         url('fonts/melbourne_bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MelbourneRegular';
    src: url('fonts/melbourne_reg-webfont.eot') format('eot'),
         url('fonts/melbourne_reg-webfont.woff') format('woff'),
         url('fonts/melbourne_reg-webfont.ttf') format('truetype'),
         url('fonts/melbourne_reg-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* INPUT, TEXTAREA, SUBMIT */
input {margin:0; padding:0;}
input[type=text], input[type=password], textarea { border:1px solid #e3e3e3; padding:7px; font-size:11px; color:#777; }
input[type=text], input[type=password], textarea, select { background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
background: linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
outline:0 none !important;
}

input[type=text].rounded, input[type=password].rounded, textarea.rounded, select.rounded, input[type=submit].rounded, button.rounded {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }
input[type=text]:hover, input[type=password]:hover, textarea:hover { border:1px solid #b4b4b4; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { -moz-box-shadow: 0 0 3px #EB540A;-webkit-box-shadow: 0 0 3px #EB540A; box-shadow: 0 0 3px #EB540A; border: 1px solid #EB540A; }

/* you can activate the rounded fields only setting the .rounded-fields class to the parent form */
.rounded-fields input[type=text], .rounded-fields input[type=password], .rounded-fields textarea, .rounded-fields select, .rounded-fields input[type=submit], .rounded-fields button {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }

select {padding:7px; border:1px solid #e3e3e3;}
select:hover { border:1px solid #b4b4b4; }

input[type=text], input[type=password]
{
width: 92%;
}

select
{
width: 101%;
}

textarea
{
width: 99.15%;
padding: 5px;
margin-top: 3px;
background-color: #ffffff;
border: 1px solid #dddddd;
min-height: 80px;
font-family: arial, serif;
font-size: 13px;
overflow: auto;
}

a:link, a:visited, a:active, a:focus
{
color: #4687e4;
outline: none;
text-decoration: none;
}

a:hover
{
color: #4687e4;
outline: none;
text-decoration: underline;
}

hr
{
border: none;
}

/* TOGGLES - Tutorial by Soh Tanaka - http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/*/
.tgg-trigger { padding: 0; margin: 0; width:100%; display:block; background:url(javascript/images/acc_style_1_arr_closed.png) no-repeat right center; padding: 0; overflow: hidden; clear: both;  }
.tgg-trigger.active {background:url(javascript/images/acc_style_1_arr_opened.png) no-repeat right center;}

#toggle-style-1 {margin-bottom:25px;}
#toggle-style-1 .tgg-trigger {font-size:22px; line-height:2.5; }
#toggle-style-1 .tgg-item {border-bottom:1px solid #ccc;}
#toggle-style-1 .toggle_container {padding-bottom: 15px;}

#toggle-style-2 {clear: both; float: left; padding: 0; margin: 0; width:100%; display:block;  }
#toggle-style-2 .tgg-trigger {line-height:2.8; font-weight:bold; text-shadow:0 1px 0 #fff; color:#6e6e6e; width:auto; background: none;}
#toggle-style-2 .tgg-trigger span {display:block; padding:0 0 0 30px; background:url(javascript/images/arr2.png) no-repeat 8px 13px;}
#toggle-style-2 .tgg-trigger.active { color:#444; }
#toggle-style-2 .tgg-trigger.active span {background:url(javascript/images/arr2.png) no-repeat 8px -28px; }
#toggle-style-2 .tgg-item.first .tgg-trigger {
-webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-top-right-radius: 4px;}
#toggle-style-2 .tgg-item.last .tgg-trigger {border-bottom:0;
-webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
#toggle-style-2 .toggle_container {padding:0px; margin:0px; }
#toggle-style-2 .tgg-item.last .toggle_container {border-bottom:0; }

/* Conteneur */

	#conteneur_page
	{
	width: 100%;
	margin: auto;
	}

/* Fin de Conteneur */

	#header
	{
	float: left;
	width: 100%;
	height: 185px;
	background-image: url("items/background_menu.png");
	background-repeat: repeat-x;
	background-position: bottom center;
	background-color: #ffffff;
	}

		.content_header
		{
		width: 1000px;
		height: 185px;
		margin: auto;
		text-align: left;
		}

		.logo
		{
		float: left;
		width: 387px;
		height: 92px;
		margin-top: 30px;
		margin-bottom: 28px;
		position: relative;		
		}
		
		.btn_quick_reserv:link, .btn_quick_reserv:visited, .btn_quick_reserv:hover
		{
		display: inline-block;
		background: linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
		background: -o-linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
		background: -moz-linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
		background: -webkit-linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
		background: -ms-linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d94d6', endColorstr='#1956ad');
		padding: 5px;
		padding-left: 15px;
		padding-right: 15px;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
		border: 1px solid rgba(0,0,0,0.15);
		color: #ffffff;
		position: absolute;
		top: 70px;
		left: 100px;
		text-decoration: none;
		font-family: NewsCycleRegular, arial;
		font-size: 18px;
		text-align: left;
		text-transform: uppercase;
		outline: none;
		cursor: pointer;
		}
		
		.coords
		{
		float: right;
		width: 600px;
		height: 150px;
		font-family: NewsCycleRegular, arial;
		}
		
			.content_coords
			{
			width: 310px;
			padding-right: 10px;
			height: 150px;
			float: left;
			text-align: right;
			}
			
				.flags img
				{
				margin-left: 6px;
				}
				
				.localisation
				{
				margin-top: 3px;
				line-height: 17px;
				}
				
				.phone
				{
				font-family: arial;
				font-size: 15px;
				font-weight: bold;
				margin-top: 9px;
				}
			
			.blocs_header
			{
			width: 280px;
			height: 150px;
			float: left;
			position: relative;
			}
			
				.blocs_header .tarif
				{
				float: left;
				width: 110px;
				height: 108px;
				margin-top: 16px;
				margin-left: 5px;
				background: linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
				background: -o-linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
				background: -moz-linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
				background: -webkit-linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
				background: -ms-linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d94d6', endColorstr='#1956ad');
				padding: 5px;
				border-radius: 3px; 
				-moz-border-radius: 3px; 
				-webkit-border-radius: 3px;
				text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
				border: 1px solid rgba(0,0,0,0.15);
				color: #ffffff;
				text-decoration: none;
				font-weight: bold;
				font-family: arial;
				text-align: left;
				text-transform: uppercase;
				outline: none;
				cursor: pointer;
				}
				
					.blocs_header .tarif .chambres
					{
					float: left;
					width: 110px;
					font-size: 19px;
					font-weight: bold;
					}
					
					.blocs_header .tarif .a_partir_de
					{
					clear: both;
					float: left;
					width: 110px;
					font-size: 17px;
					font-weight: bold;
					}
					
					.blocs_header .tarif .prix
					{
					clear: both;
					float: left;
					width: 90px;
					font-size: 80px;
					line-height: 74px;
					font-weight: bold;
					}
					
					.blocs_header .tarif .euro
					{
					float: left;
					width: 20px;
					font-size: 25px;
					line-height: 32px;
					font-weight: bold;
					}
				
				.blocs_header .official
				{
				float: left;
				width: 116px;
				height: 116px;
				margin-top: 15px;
				margin-left: 15px;
				background: #ffffff;
				padding: 2px;
				border-radius: 3px; 
				-moz-border-radius: 3px; 
				-webkit-border-radius: 3px;
				border: 1px solid #ececec;
				outline: none;
				}
		
		/* NAVIGATION MENU */

		.menu
		{
		clear: both;
		float: left;
		width: 1000px;
		height: 30px;
		font-family: NewsCycleRegular, arial;
		font-size: 18px;
		color: #ffffff;
		}
		
		.menu table
		{
		width: 99%;
		text-align: center;
		margin: 0px;
		padding: 0px;
		}
		
		.menu a:link, .menu a:visited
		{
		color: #ffffff;
		text-decoration: none;
		}
		
		.menu a:hover
		{
		color: #7398d9;
		text-decoration: none;
		}
		
		.menu a.current:link, .menu a.current:visited, .menu a.current:hover
		{
		color: #7398d9;
		text-decoration: none;
		}
		
		

/*CORPS */

	#corps
	{
	clear: both;
	float: left;
	width: 100%;
	margin: auto;
	}
	
		/* SLIDESHOW */

		#slideshow
		{
		clear: both;
		float: left;
		width: 100%;
		padding: 0px;
		border-bottom: 15px solid #000000;
		}
		
		#slideshow img
		{
		float: left;
		width: 100%;
		margin: 0px;
		padding: 0px;
		}

		/* SUB HEADER */

		#sub_header
		{
		clear: both;
		float: left;
		width: 100%;
		height: 180px;
		text-align: center;
		background-image: url("items/background_sub_header.jpg");
		background-repeat: repeat-x;
		background-position: top center;
		background-color: #ffffff;
		z-index: 50;
		}
			
			#sub_header img
			{
			margin-top: 40px;
			-moz-box-shadow: 0 0 15px #000000;
			-webkit-box-shadow: 0 0 15px #000000;
			box-shadow: 0 0 15px #000000;
			}
			
		#sub_header_map
		{
		clear: both;
		float: left;
		width: 100%;
		height: 500px;
		padding-top: 5px;
		text-align: center;
		background-image: url("items/background_sub_header.jpg");
		background-repeat: repeat-x;
		background-position: top center;
		background-color: #ffffff;
		z-index: 50;
		border-bottom: 10px solid #000000;
		}	

		.content
		{
		clear: both;
		float: left;
		width: 100%;
		min-height: 200px;
		background-color: #ffffff;
		}		

		.content_infos
		{	
		width: 973px;
		padding: 7px;
		padding-bottom: 20px;
		margin: auto;
		}

		.content h1
		{
		clear: both;
		float: left;
		width: 100%;
		margin-top: 6px;
		margin-bottom: 9px;
		font-family: NewsCycleRegular,Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
		font-size: 27px;
		color: #000000;
		}

		.content h2
		{
		clear: both;
		float: left;
		width: 100%;
		margin-top: 3px;
		margin-bottom: 3px;
		font-family: NewsCycleRegular,Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
		font-size: 24px;
		color: #000000;
		}

		.content h3
		{
		clear: both;
		float: left;
		width: 100%;
		margin-top: 3px;
		margin-bottom: 3px;
		font-family: NewsCycleRegular,Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
		font-size: 20px;
		color: #000000;
		}

		.content h4
		{
		clear: both;
		float: left;
		width: 100%;
		margin-top: 0px;
		padding-bottom: 5px;
		margin-bottom: 5px;
		font-family: arial,sans-serif;
		font-style:italic;
		font-weight: normal;
		font-size: 15px;
		color: #777777;
		border-bottom:#cdcdcd solid 1px;
		}
		
			/* TARIFS */
			
			.table-price 
			{
			position:relative;
			margin:10px 0 10px 0;
			text-align: center;
			border-bottom:1px dotted #b5b5b5;
			border-right:1px dotted #b5b5b5;
			}

			.table-price thead
			{
			font-family: 'MelbourneBold', Arial, sans-serif;
			background:url(items/table_price_head_bg.gif) 0 0 repeat-x;
			height:53px;
			}

			.table-price thead td 
			{
			font-size:20px;
			color:#6ab1fa;
			text-transform:uppercase;
			height:53px;
			padding:0;
			position:relative;
			}
			
			.table-price thead td .text-white
			{
			color:#ffffff;
			}

			.table-price thead td span 
			{
			display:block;
			padding-top:12px;
			position: relative;
			height:41px;
			}

			.table-price thead td.first span
			{
			background:url(items/table_price_head_first.gif) left 0 no-repeat;
			top:0;
			left:-6px;
			padding-left: 10px;
			}

			.table-price thead td.last span 
			{
			background:url(items/table_price_head_last.gif) right 0 no-repeat;
			top:0;
			right:-6px;
			padding-right: 15px;
			}

			.table-price tbody 
			{
			border:1px solid #ececee;
			color:#404040
			}

			.table-price tbody td 
			{
			background:#ececee;
			border:1px solid #ececee;
			border-left:1px dotted #b5b5b5;
			border-collapse:collapse;
			padding:10px 10px
			}

			.table-price tbody tr.odd td
			{
			background:#ffffff
			}

			.table-price tbody td strong 
			{
			font-family: arial, sans-serif;
			font-size:22px
			}
			
			.table-price tbody tr.over td
			{
			background-color: #ffffcf;
			}
			
			.btn_reserv:link, .btn_reserv:visited, .btn_reserv:hover
			{
			display: inline-block;
			background: linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
			background: -o-linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
			background: -moz-linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
			background: -webkit-linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
			background: -ms-linear-gradient(bottom, rgb(25,87,173) 14%, rgb(93,148,214) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d94d6', endColorstr='#1956ad');
			padding: 5px;
			padding-left: 15px;
			padding-right: 15px;
			margin-bottom: 15px;
			-moz-border-radius: 4px; 
			-webkit-border-radius: 4px;
			text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
			border: 1px solid rgba(0,0,0,0.15);
			color: #ffffff;
			text-decoration: none;
			font-family: NewsCycleRegular, arial;
			font-size: 18px;
			text-align: left;
			text-transform: uppercase;
			outline: none;
			cursor: pointer;
			}
			
			/* Chambres */
			
			.galerie
			{
			width: 910px;
			margin-left: 30px;
			position: relative;			
			}
			
			.galerie h2
			{
			font-family: "arial narrow", sans-serif;
			color: #9b9b9b;
			text-transform: uppercase;
			}
			
			.galerie h3
			{
			font-family: 'NewsCycleRegular', Arial, sans-serif;
			color: #5f5f5f;
			font-size: 17px;
			text-transform: uppercase;
			}
			
			.galerie hr
			{
			padding-top: 25px;
			}
			
			.galerie .visuel_chambre img
			{
			max-width: 350px;
			border: 3px solid #ffffff;
			-moz-box-shadow: 0 0 10px #636363;
			-webkit-box-shadow: 0 0 10px #636363;
			box-shadow: 0 0 10px #636363;
			}
			
			.desc_chambre
			{
			font-size: 13px;
			}
			
			.desc_chambre .btn_reserv
			{
			position: absolute;
			bottom: 30px;
			right: 0px;
			}
			
			/* Seminaire */
			
			.galerie_seminaire
			{
			clear: both;
			float: left;
			margin-top: 15px;
			margin-bottom: 20px;
			}
			
			.visuel_seminaire img
			{
			width: 310px;
			height: 170px;
			padding: 5px;
			border: 3px solid #ffffff;
			-moz-box-shadow: 0 0 10px #636363;
			-webkit-box-shadow: 0 0 10px #636363;
			box-shadow: 0 0 10px #636363;
			margin-bottom: 15px;
			margin-top: 5px;
			}
		

		/* MISE EN FORME MODULES */		

			/* BLOCS =  TAILLE DES BLOCS S'ADAPTENT SELON LE NOMBRE DE BLOCS */

			.conteneur_bloc
			{
			clear: both;
			float: left;
			width: 100%;
			margin-bottom: 15px;
			table-layout: fixed;
			}

			.bloc
			{
			width: 100%;
			padding: 5px;
			background-color: #ffffff;
			border: 1px solid #dddddd;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}

			.titre_bloc
			{
			height: 18px;
			padding: 6px;
			font-family: Geosanslight, arial;
			color: #ffffff;
			font-size: 16px;
			margin-bottom: 10px;
			text-align: center;
			background-image: url("items/background_bloc.png");
			background-repeat: repeat-x;
			}
			
			.titre_bloc_current
			{
			height: 18px;
			padding: 6px;
			font-family: Geosanslight, arial;
			color: #ffffff;
			font-size: 16px;
			margin-bottom: 10px;
			text-align: center;
			background-image: url("items/background_hover.jpg");
			background-repeat: repeat-x;
			}
			
			.titre_bloc_total
			{
			height: 18px;
			padding: 6px;
			font-family: arial;
			font-weight: bold;
			color: #ffffff;
			font-size: 14px;
			margin-bottom: 10px;
			text-align: center;
			background-image: url("items/background_bloc.png");
			background-repeat: repeat-x;
			}

			/* SOUS BLOC */

			.conteneur_sous_bloc
			{
			clear: both;
			float: left;
			width: 100%;
			margin-top: 15px;
			table-layout: fixed;
			}

			.sous_bloc
			{
			width: 100%;
			border: 1px solid #9D9D9D;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}
			
			.icone_sous_bloc
			{
			vertical-align: -40%;
			margin-top: 3px;
			margin-bottom: 3px;
			}

			.titre_sous_bloc
			{
			height: 13px;
			padding: 8px;
			text-transform: uppercase;
			color: #333333;
			font-size: 11px;
			font-weight: bold;
			margin-bottom: 10px;
			text-shadow: #ffffff 1px 1px 0;
			background-image: url("items/background_sous_bloc.png");
			background-repeat: repeat-x;
			}

			.contenu_sous_bloc
			{
			padding: 10px;
			background-color: #ffffff;
			}

			/* MESSAGES */

			.icone_msg
			{
			width: 35px;
			text-align: left;
			}

			.msg_error
			{
			clear: both;
			float: left;
			width: 100%;
			margin-top: 5px;
			margin-bottom: 8px;
			table-layout: fixed;
			color: #B50007;
			padding: 2px;
			font-size: 11px;
			font-family: "Segoe UI",Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
			background-color: #F9E5E6;
			border: 1px solid #E8AAAD;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}

			.msg_alert
			{
			clear: both;
			float: left;
			width: 100%;
			margin-top: 5px;
			margin-bottom: 8px;
			table-layout: fixed;
			color: #828400;
			padding: 2px;
			font-size: 11px;
			font-family: "Segoe UI",Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
			background-color: #F9F9E5;
			border: 1px solid #E8E3AA;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}

			.msg_info
			{
			clear: both;
			float: left;
			width: 100%;
			margin-top: 5px;
			margin-bottom: 8px;
			table-layout: fixed;
			color: #0055B5;
			padding: 2px;
			font-size: 11px;
			font-family: "Segoe UI",Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
			background-color: #E5ECF9;
			border: 1px solid #AAC6E8;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}

			.msg_success
			{
			clear: both;
			float: left;
			width: 100%;
			margin-top: 5px;
			margin-bottom: 8px;
			table-layout: fixed;
			color: #1C8400;
			padding: 2px;
			font-size: 11px;
			font-family: "Segoe UI",Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
			background-color: #E9F9E5;
			border: 1px solid #B4E8AA;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}

			.grey_box
			{
			clear: both;
			float: left;
			width: 100%;
			margin-top: 5px;
			margin-bottom: 8px;
			table-layout: fixed;
			font-size: 13px;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 5px;
			background-color: #EAEAEA;
			border: 1px solid #C0C0C0;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}

			.titre_grey_box
			{
			margin-bottom: 0px;
			font-weight: bold;
			font-family: "Segoe UI",Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
			font-size: 15px;
			color: #000000;
			border-top: 1px solid #ffffff;
			}

			.notice_box
			{
			clear: both;
			float: left;
			width: 100%;
			margin-top: 5px;
			margin-bottom: 8px;
			table-layout: fixed;
			font-size: 13px;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 5px;
			background-color: #FFF6BF;
			border: 1px solid #FDD845;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}

			.titre_notice_box
			{
			margin-bottom: 0px;
			font-weight: bold;
			font-family: "Segoe UI",Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
			font-size: 15px;
			color: #000000;
			border-top: 1px solid #ffffff;
			}

			/* TABLE AVEC ZEBRA */

			.conteneur_table
			{
			clear: both;
			float: left;
			width: 100%;
			table-layout: fixed;
			padding: 9px;
			margin-top: 15px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}

			.zebra
			{
			float: left;
			width: 100%;
			border-collapse: collapse;
			}

			.zebra td
			{
			padding-top: 4px;
			padding-bottom: 4px;
			text-align: center;
			background-color: #ffffff;
			border: 1px solid #cccccc;
			}

			.zebra th
			{
			padding-top: 10px;
			padding-bottom: 7px;
			text-align: center;
			background-image: url("items/background_grey.png");
			background-repeat: repeat-x;
			border: 1px solid #cccccc;
			}

			.zebra tr.alt td
			{
			background-color: #efefef;
			}

			.zebra tr.over td
			{
			background-color: #ffffcf;
			}

			/* TABLE TYPE FORMULAIRE */

			.table_form
			{
			width: 100%;
			float: left;
			padding-top: 5px;
			}

			.table_form td
			{
			vertical-align: top;
			}

			.titre_table_form
			{
			width: 160px;
			font-weight: bold;
			white-space: nowrap;
			background-color: #efefef;
			}

			.sous_titre_table_form
			{
			width: 100%;
			font-weight: bold;
			background-color: #d8d8d8;
			}

			/* COUPER EMAILS */

			.mailto
			{
			display: block;
			width: 120px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			-icab-text-overflow: ellipsis;
			-khtml-text-overflow: ellipsis;
			-moz-text-overflow: word-ellipsis;
			-webkit-text-overflow: ellipsis;
			margin: auto;
			text-decoration: none;
			}

			/* TABS */

			#tabs
			{
			clear: both;
			float: left;
			width: 99.45%;
			margin-top: 15px;
			}

			/* PHOTOTHEQUE */

			.conteneur_phototheque
			{
			clear: both;
			float: left;
			width: 100%;
			padding: 0px;
			padding-bottom: 7px;
			margin-top: 0px;
			}

			.conteneur_phototheque li
			{
			list-style: none;
			float: left;
			}

			.conteneur_photo
			{
			float: left;
			width: 215px;
			height: 100%;
			padding: 4px;
			padding-bottom: 4px;
			margin-top: 9px;
			margin-left: 4px;
			margin-right: 5px;
			background-color: #ffffff;
			border: 1px solid #cccccc;
			}
			
			.conteneur_photo:hover .titre_cat_phototheque
			{
			background: none;
			background-image: url("items/background_hover.jpg");
			}

			.photo
			{
			display: table-cell;
			clear: both;
			float: left;
			width: 215px;
			height: 126px;
			padding: 0px;
			text-align: center;
			overflow: hidden;
			}

			.photo img
			{
			min-width: 215px;
			max-width: 250px;
			min-height: 126px;
			max-height: 150px;
			}
			
			.titre_cat_phototheque
			{
			display: inline-block;
			width: 203px;
			text-align: center;
			padding: 6px;
			padding-top: 6px;
			margin-top: 4px;
			color: #ffffff;
			font-size: 12px;
			font-weight: bold;
			background-image: url("items/background_bloc.png");
			background-repeat: repeat;
			}

			.pagination
				{
				clear: both;
				float: right;
				padding: 0px;
				margin-top: 15px;
				list-style: none;
				}

				.pagination li
				{
				float: left;
				list-style: none;
				margin-right: 5px;
				padding-top: 2px;
				padding-left: 8px;
				padding-right: 8px;
				padding-bottom: 2px;
				font-size: 11px;
				text-align: center;
				border: 1px solid #ddd;
				background: #ffffff;
				font-weight: bold;
				color: #851a1a;
				outline: none;
				}

				.pagination li a
				{
				text-decoration: none;
				color: #851a1a;
				}

				.pagination li.previous-off, .pagination li.previous-off:hover
				{
				list-style: none;
				background: none;
				border: none;
				}

				.pagination li.active, .pagination li.active:hover
				{
				background: none;
				border: none;
				}

				.pagination li:hover
				{
				border: 1px solid #a5a5a5;
				background: #d3d3d3;
				}

			/* MISE EN EN FORME DE BASE DES BOUTONS */

			.btn, .btn:link, .btn:visited
			{
			width: auto;
			display: inline-block;
			padding-top: 5px;
			padding-left: 7px;
			padding-right: 7px;
			padding-bottom: 5px;
			border: 1px solid #d3d3d3;
			border-radius: 3px; 
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
			background: url("javascript/images/ui-bg_glass_75_e6e6e6_1x400.png") #d2d2d2 repeat-x 50% 50%;
			color: #323232;
			text-decoration: none;
			font-weight: bold;
			font-size: 12px;
			text-align: center;
			outline: none;
			cursor: pointer;
			}
			
			.btn:hover
			{
			width: auto;
			display: inline-block;
			padding-top: 5px;
			padding-left: 7px;
			padding-right: 7px;
			padding-bottom: 5px;
			border: 1px solid #999999;
			border-radius: 3px; 
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
			background: url("javascript/images/ui-bg_glass_75_e6e6e6_1x400.png") #d2d2d2 repeat-x 50% 50%;
			color: #323232;
			text-decoration: none;
			font-weight: bold;
			font-size: 12px;
			text-align: center;
			outline: none;
			cursor: pointer;
			}			

			
			/* NOUVELLE VERSION BOUTONS */
			
			.button, .button:link, .button:visited, input[typesubmit].button
			{
			background: #222 url("items/overlay_button.png") repeat-x; 
			display: inline-block; 
			padding-top: 5px;
			padding-left: 7px;
			padding-right: 7px;
			padding-bottom: 5px;
			border-radius: 3px; 
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
			text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
			border: 1px solid rgba(0,0,0,0.15);
			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
			font-size: 12px;
			text-align: center;
			outline: none;
			cursor: pointer;
			}
			
			.button:hover
			{
			background-color: #111;
			color: #fff;
			text-decoration: none;
			cursor: pointer;
			}
			
			.extensible, .extensible:link, .extensible:hover, .extensible:visited
			{
			display: block;
			text-align: center;
			margin-top: 5px;
			margin-bottom: 5px;
			}
			
			.pink.button, .pink.button:visited			{ background-color: #c81e82; }
			.pink.button:hover							{ background-color: #e22092; }
			
			.green.button, .green.button:visited		{ background-color: #749a02; }
			.green.button:hover							{ background-color: #91bd09; }
			
			.red.button, .red.button:visited			{ background-color: #b10908; }
			.red.button:hover							{ background-color: #cd0a09; }
			
			.orange.button, .orange.button:visited		{ background-color: #d45500; }
			.orange.button:hover						{ background-color: #ff5c00; }
			
			.blue.button, .blue.button:visited		  	{ background-color: #397bb1; }
			.blue.button:hover							{ background-color: #4798db; }

			.yellow.button, .yellow.button:visited		{ background-color: #fc9200; }
			.yellow.button:hover						{ background-color: #ffb515; }
			
			.black.button, .black.button:visited		{ background-color: #0b0b0b; }
			.black.button:hover							{ background-color: #2e2e2e; }
			
			/* FIN DE NOUVELLE VERSION BOUTONS */
			

			.btn_bleu, .btn_bleu:link, .btn_bleu:visited
			{
			width: auto;
			display: inline-block;
			padding-top: 4px;
			padding-left: 7px;
			padding-right: 7px;
			padding-bottom: 4px;
			border: none;
			background: none;
			background-image: url("items/background_btn_bleu.png");
			background-repeat: repeat-x;
			background-position: top center;			
			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
			font-size: 12px;
			text-align: center;
			outline: none;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			}
			
			.btn_bleu:hover
			{
			width: auto;
			display: inline-block;
			padding-top: 4px;
			padding-left: 7px;
			padding-right: 7px;
			padding-bottom: 4px;
			background-image: url("items/background_btn_bleu.png");
			background-repeat: repeat-x;
			background-position: bottom center;
			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
			font-size: 12px;
			text-align: center;
			outline: none;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			}

			/* SEPARATION DE TEXTES */

			.sep_tiret_grey
			{
			clear: both;
			float: left;
			width: 100%;
			border-bottom: 1px dashed #a5a5a5;
			margin-top: 10px;
			margin-bottom: 10px;
			}

			.sep_pointille_grey
			{
			clear: both;
			float: left;
			width: 100%;
			border-bottom: 1px dotted #a5a5a5;
			margin-top: 10px;
			margin-bottom: 10px;
			}

			.sep_ligne_grey
			{
			clear: both;
			float: left;
			width: 100%;
			border-bottom: 1px solid #ccc;
			margin-top: 10px;
			margin-bottom: 10px;
			}

				.sep_tiret_black
				{
				clear: both;
				float: left;
				width: 100%;
				border-bottom: 1px dashed #252525;
				margin-top: 10px;
				margin-bottom: 10px;
				}

				.sep_pointille_black
				{
				clear: both;
				float: left;
				width: 100%;
				border-bottom: 1px dotted #252525;
				margin-top: 10px;
				margin-bottom: 10px;
				}

				.sep_ligne_black
				{
				clear: both;
				float: left;
				width: 100%;
				border-bottom: 1px solid #252525;
				margin-top: 10px;
				margin-bottom: 10px;
				}

			.sep_tiret_blue
			{
			clear: both;
			float: left;
			width: 100%;
			border-bottom: 1px dashed #2882bf;
			margin-top: 10px;
			margin-bottom: 10px;
			}

			.sep_pointille_blue
			{
			clear: both;
			float: left;
			width: 100%;
			border-bottom: 1px dotted #2882bf;
			margin-top: 10px;
			margin-bottom: 10px;
			}

			.sep_ligne_blue
			{
			clear: both;
			float: left;
			width: 100%;
			border-bottom: 1px solid #2882bf;
			margin-top: 10px;
			margin-bottom: 10px;
			}

			/* Player Video */

			#player
			{
			clear: both;
			float: left;
			display: block;
			width: 500px;
			height: 320px;
			margin-top: 10px;
			z-index: 200;
			}
			
			/* GALLERY */
				
			#gallery_cheque
			{
			clear: both;
			float: left;
			width: 100%;
			margin: 0px;
			margin-top: 15px;
			padding: 0px;
			}
			
			#gallery_cheque li
			{
			width: 135px;
			float: left;
			text-align: center;
			list-style-type: none;
			margin-right: 4px;
			margin-bottom: 10px;
			}
			
			#gallery_cheque li .preview
			{
			float: left;
			width: 122px;
			padding: 5px;
			background-color: #ffffff;
			border: 1px solid #ececec;
			}
			
			#gallery_cheque li input[type=radio]
			{
			vertical-align: -5%;
			}
			
			.preview_big
			{
			padding: 5px;
			background-color: #ffffff;
			border: 1px solid #ececec;
			}


/* FOOTER */

	#footer
	{
	clear: both;
	float: left;
	width: 100%;
	height: 40px;
	text-align: center;
	color: #959595;
	font-size: 12px;
	background-color: #dfdfdf;
	border-top: 1px solid #c9c9c9;
	}
	
		.content_footer
		{	
		width: 973px;
		padding: 7px;
		padding-top: 12px;
		padding-bottom: 20px;
		margin: auto;
		}
		
		.content_footer a
		{
		color: #636363;
		}
	
		.content_footer .left
		{
		float: left;
		width: 600px;
		text-align: left;
		}
		
		.content_footer .right
		{
		float: right;
		width: 350px;
		text-align: right;
		}