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

#slidertableau
{
	width:774px;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	/*border-left:1px solid #EEEEEE;*/
	
}

	#slidertableau td
	{
		padding:0;	
	}

/***************************************
		************LE CHARGEMENT***************
		***************************************/

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}
		
		
		/***************************************
		************L'ULTRA CONTENEUR***********
		***************************************/
		
		/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		.slider-wrap { 
			margin: 0px 0;
			position: relative;
			width: 875px;
		}



		/***************************************
		*************LE CONTENEUR***************
		***************************************/


		/*La div de classe .stripViewer est la div contenant le panneau visible*/
		.stripViewer {
			position: relative;
			float:left;
			overflow: hidden;
			border-top:1px solid #e1e1e1;
			/*margin: auto;*/
			left:0px;
			margin-top:0px;
			width: 875px; /* A MODIFIER DANS ..stripViewer .panelContainer .panel  AUSSI */
			height: 400px;
			height:auto;
                        min-height: 400px;
                        background: #FFFFFF;
		}

		/* La div de classe .panelContainer est la div contenant la totalité des panneau sa largeur est calculée en Js  */
		.stripViewer .panelContainer {
			position: relative;
			left: 0;
                        margin-top: 0;
			width: 875px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}

		/* Tout les panneaux sont collés les un aux autres */
		.stripViewer .panelContainer .panel {
			float:left;
			height: 300px;
			height: auto;
			min-height: 300px;
			position: relative;
			width: 875px; /* A MODIFIER DANS .stripViewer  AUSSI */
			left:0px;
			/*margin-right:15px;*/
		}

		/* Wrapper to give some padding in the panels, without messing with existing panel width */
		.stripViewer .panelContainer .panel .wrapper {
			padding: 0px;
			height: 300px;
			height: auto;
			min-height: 300px;
			width: 100%;
		}


			.titre_presse
			{
				text-align:right;
				color:#58585a;
				margin-bottom:10px;
				font-size:16px;
				margin-top:10px;
			}

			.sous_titre_presse
			{
				color:#ee7d11;
				text-align:right;
				margin-left:50px;
				margin-bottom:20px;
			}

			.image_presse img
			{
				border:1px solid #EEEEEE;
				height:430px;
				width:380px;
				margin-bottom:5px;
			}

			.clickpdf
			{
				width:380px;
				border:1px solid #EEEEEE;
				height:33px;
				font-size:11px;
				
			}
			
				.clickpresse
				{
					float:left;
					width:230px;
					height:23px;
					border-right:1px solid #EEEEEE;
					padding-top:10px;
					text-align:center;
					color:#92a8a2;
					font-style:italic;
				}
				
				.pdf_presse
				{
					/*margin-left:230px;
					height:30px;
					padding-top:10px;*/
					float:right;
					margin-right:17px;
					padding-top:8px;
				}
				
				.pdf_presse a
				{
					color:#92a8a2;
					text-decoration:none;
				}
				
				.pdf_presse a:hover
				{
				color:#596e7a;
				font-weight:bold;
				text-decoration:none;
				}
				
					.textepdf
					{
						/*display:block;
						float:left;
						margin-right:10px;
						margin-left:10px;*/
						position:relative;
						top:-8px;
						left:-6px;
					}
					
					
					
					.pdf_presse img
					{
						width:20px;
						margin-top:-3px;
						border:none;
					}
				
				
		
		/***************************************
		*************LES ONGLETS****************
		***************************************/
		
		/*Cette div contient les onglets*/
		.stripNav { 

			float:left;
			position:relative;
			display:inline;
			top:0px;
			left:0px;
			min-height:400px;
                        height:auto;
		}

		/*La liste des onglets*/
		.stripNav ul { 
			list-style: none;
			width:372px;
			height:auto;
                        min-height:300px;
                        height:300px;
			position:relative;
			float:left;
			left:0px;
			/*background-color:#dadadc;*/
			/*padding-bottom:10px;
			padding-left:5px;
			padding-right:5px;*/
		}


		.stripNav ul li {
			float: left;
			width:372px;
			height:69px;
			/*background-image:url(../images/selection_fonds_vide1.jpg);*/
			border:1px solid #dadadc;
			background-color:#FFFFFF;
			/*margin-right: 2px;*/ /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
			margin-top:5px;


		}
		
		.stripNav li #nom_ville {
			/*background-image:url(../images/selection_fonds.png);*/
			font-weight:bold;
                        font-size:14px;
                        color: gray;
		}
		
		.stripNav li #nom_ville:hover {
			/*background-image:url(../images/selection_fonds.png);*/
			font-weight:bold;
                        font-size:14px;
                        color: #048fd7;
		}

		
		.stripNav li #activite_ville {
			/*background-image:url(../images/selection_fonds.png);*/
			font-weight:bold;
                        font-size:12px;
                        color:gray;
		}
		
		.stripNav li #surface {
			/*background-image:url(../images/selection_fonds.png);*/
			font-weight:bold;
                        font-size:12px;
                        color:#909292;
		}


		
		.stripNav ul li a:hover
		{
			color:#bb4345;
				
		}
			.tab1
			{
				border-top:1px solid #e1e1e1;
			}
		
		.stripNav a { /* The nav links */
			font-size: 14px;
			/*font-weight:bolder;*/
			text-align: left;
			padding-left:15px;
			line-height: 32px;
			background: #ffffff;
			color: gray;
			text-decoration: none;
			display: block;
			padding-top: 3px;
			height:36px;
			/*background-image:url(../images/selection_fonds_vide1.jpg);*/
		}
		
		/*Pour accéder a chaque onglet : 
			.stripNav li.tabn où n est le numéro de l'onglet ou 
			.stripNav li.tabn a pour atteindre les liens
		*/
		
		/*.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		*/
		/*Lorsqu'on passe audessus d'un onglet*/
		/*.stripNav li a:hover {
			background: #333;
		}*/
		
		/*Si un onglet est selectionné il change de classe est devient de classe current*/
		.stripNav li .current {
			/*background-image:url(../images/selection_fonds.png);*/
			/*color: red;*/
			height:65px;
			width:360px;
			font-size:14px;
		}
		
		.stripNav li .current #nom_ville {
			/*background-image:url(../images/selection_fonds.png);*/
			color: #bb4345;
			font-weight:bold;
                        font-size:14px;
		}

		.stripNav li .current:hover
		{
			color:#bb4345;
		}

		/***************************************
		*************LES FLECHES****************
		***************************************/
		

		/*La classe de la flèche droite : .stripNavR*/
		/*La classe de la flèche gauche : .stripNavL*/
		.stripNavL, .stripNavR { 
			position: absolute;
			top: 230px;
			text-indent: -9000em;
			display:none;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}