@charset "UTF-8";
/* CSS Document */
/*div
{
border:#CC0066 solid 1px;}*/
*
{margin:0px;
padding:0px;}
body
{
background-color:#b1b6b9;
background-image:url(../images/bg.jpg);
}
#bg-ombre
{
height:30px;
width:100%;
background-image:url(../images/bg-ombre.png);}
a img
{border:none;}
#positioncentrale
{
position:relative;
margin:auto;
width:900px;
top:5px;
}
#logo
{
position:relative;
width:300px;
margin:auto;
margin-bottom:15px;
left:-150px;
}
.contentAccueilGauche
{
font-family:Arial, Lucida Grande, Helvetica, sans-serif;
text-align:justify;
font-size:13px;
color:#3f4653;
width:590px;
float:left;}
.contentAccueilDroite
{
font-family:Arial, Lucida Grande, Helvetica, sans-serif;
text-align:justify;
font-size:13px;
color:#3f4653;
width:290px;
/*height:450px;*/
float:right;
border-left:#333 thin dotted ;
border-right:#333 thin dotted ;}

.centrageColonne
{width:260px;
margin:auto;
}
.centrageColonne h1
{border-bottom:#666666 dotted 1px;}
.centrageContenus
{
width:900px;
margin:auto;
padding-top:20px;
}
.aLire
{font-family:Arial, Lucida Grande, Helvetica, sans-serif;
font-size:13px;
text-align:justify;
color:#56595f;
padding-bottom:12px;
}
.aLire em
{
color:#000000;
}
h2
{font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#b400a9;
line-height:26px;
text-align:left;
padding-top:16px;
padding-bottom:16px;}
h3
{font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
line-height:normal;
font-size:18px;
text-align:left;
color:#b400a9;
padding-bottom:12px;
padding-top:4px;
}
.wrapper h3
{
color:#333;}
h4
{font-family:Arial, Lucida Grande, Helvetica, sans-serif;
font-weight:normal;
font-size:15px;
text-align:justify;
color:#b400a9;
padding-bottom:14px;
padding-top:4px;}
.contentAccueilDroite h4
{text-align:left;}
h1
{font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
text-align:left;
font-size:28px;
color:#b400a9;
padding-bottom:16px;
padding-top:4px;}
h1 a
{
color:#b400a9;
text-decoration:none;
}
h1 a:hover
{
color:#acc500;
}
em
{font-style:normal;}
em a
{
color:#b400a9;
text-decoration:none;
}
em a:hover
{
color:#999!important;}
#positioncentrale ul a, #positioncentrale p a
{
color:#b400a9;
text-decoration:none;
}
#positioncentrale ul a:hover, #positioncentrale p a:hover
{
text-decoration:underline;
}
.pageColGauche ul li, .pageColDroite ul li, #positioncentrale ul li
{
color:#3f4653;
list-style-type:square;
}
.pageColGauche ul, .pageColDroite ul, #positioncentrale ul
{
margin-left:30px;
}
.pageColGauche ul, .pageColDroite ul, #positioncentrale ul
{margin-left:20px;list-style-type:square;
padding-bottom:13px;
font-family:Arial, Lucida Grande, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#3f4653;
}

		/*css coda*/
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		.stripViewer .panelContainer .panel ul {
		position:relative;
			text-align: left;
			margin: 0px 15px 0px -30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: auto;
			position: relative;
			padding-top:20px;
			width: 900px;
			height:500px;
		}
		#slider1
		{height:400px;}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 950px; height: 400px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 2px solid #999; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 800px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 500px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 900px;
			height:500px;
			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. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 500px;
			position: relative;
			width: 900px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 1px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			line-height: 24px;
			background: #999;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0px 8px;
		}
		
		.stripNav li.tab1 a { background: #999 }
		.stripNav li.tab2 a { background: #999 }
		.stripNav li.tab3 a { background: #999 }
		.stripNav li.tab4 a { background: #999 }
		.stripNav li.tab5 a { background: #999 }
		.stripNav li.tab6 a { background: #999 }
		.stripNav li.tab7 a { background: #999 }
		
		.stripNav li a:hover {
			background: #7a0070;
		}
		
		.stripNav li a.current {
			background: #acc500;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
			margin-top:-50px;
		}
		
		.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;
		}
		.cross-link
		{background-image:none;
		color:#b400a9;
		text-decoration:none;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		font-size:10px;}
		.suivantPrecedent a:hover
		{color:#b400a9;}
		.wrapper a:visited
		{color:#d73e98;}
		.wrapper a:focus
		{color:#b400a9;}
		.wrapper{
		width:850px;
		height:370px;
		margin:auto;}
		.imageWrapper
		{float:right;
		width:620px;
		height:360px;}
		.texteWrapper
		{/*background-color:#9900CC;*/
		width:225px;
		height:360px;}
		/*fin coda*/
		
		/*encarts texte cornés*/
		.encart-texte-haut
		{background-image:url(../images/encart-texte_01.gif);
		width:900px;
		height:23px;}
		.encart-texte-centre
		{background-image:url(../images/encart-texte_02.gif);
		background-repeat:repeat-y;
		/*background-position:bottom;*/
		width:900px;
		/*height:317px;*/
		/*margin-bottom:20px;*/
		}
		.encart-texte-bas
		{background-image:url(../images/encart-texte_03.png);
		/*background-position:bottom;*/
		width:900px;
		height:54px;
		/*height:317px;*/
		margin-bottom:20px;
		}
		.aLireRecadre
		{font-family:Arial, Lucida Grande, Helvetica, sans-serif;
		font-size:13px;
		text-align:justify;
		color:#444;
		width:850px;
		margin:auto;
		padding-bottom:30px;}
		
		.pageColGauche
		{
		width:560px;
		/*position:relative;*/
		margin-left:30px;
		padding-bottom:15px;
		/*height:300px;*/
		}
		.pageColDroite
		{
		float:right;
		position:relative;
		left:-30px;
		width:260px;
		}
		
		.aLireDrapeau
		{font-family:Arial, Lucida Grande, Helvetica, sans-serif;
		font-size:12px;
		text-align:left;
		line-height:16px;
		color:#3f4653;
		}
		.centrageFooter
		{width:900px;
		margin:auto;}
		#footer
		{
		clear:both;
		position:relative;
		top:15px;
		height:300px;
		background-image:url(../images/fond-footer.png);
		padding-bottom:20px;
		background-repeat:no-repeat;
		color:#777;
		}
		#footer a
		{text-decoration:none;
		color:#777;}
		#footer a:hover
		{color:#b400a9;
		}
		#footer ul
		{margin-left:0px;
		margin-top:15px;
		}
		#footer ul li
		{
		list-style:none;
		/*text-indent:16px;*/
		font-family:Arial, Lucida Grande, Helvetica, sans-serif;
		font-size:11px;
		text-align:left;
		}
	.reference1
		{float:left;width:200px;
		/*border-left:#333 thin dotted;*/}
		.reference2
		{float:left;width:200px;
		/*border-left:#333 thin dotted;*/}
		.reference3
		{float:left;width:200px;
		/*border-left:#333 thin dotted;*/}
		.reference4
		{float:right;width:280px;
		/*border-left:#333 thin dotted;
		border-right:#333 thin dotted;*/}

/*formulaire*/
label
{
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
font-size:12px;
color:#555;}
form span
{display:block;
margin-bottom:2px;
}
/*fin formulaire*/
.colImmoxiaDroite
{float:right;width:290px;
}
.colImmoxiaGauche
{float:left;width:290px;
}
/*tab*/
table
{
   border-collapse: collapse;
   width:275px;
   font-size:11px;
   text-align:left;
}
td, th /* Mettre une bordure sur les td ET les th */
{
   border: 1px solid black;padding : 1px 5px 1px 5px;
}
caption{
color:#b400a9;
font-size:12px;
font-weight:bold;
text-align:center;
padding:5px 0px 5px 0px;}
.flotD
{float:right;width:165px;height:200px;
text-align:left;}
.flotG
{float:left;
}
.colImmoxiaGauche h4, .colImmoxiaDroite h4
{text-align:left;}
h5
{font-family:Arial, Lucida Grande, Helvetica, sans-serif;
font-weight:normal;
font-size:13px;
color:#666;
padding-bottom:4px;
}
/*tab fin*/
acronym
{
border-bottom:dotted 1px;cursor:help;}
.col:hover
{
background-color:#FFCC00;
cursor:pointer;}
.imagecentree
{text-align:center;}
#texto{display:none;}

.petites-mentions{ font-size:10px;color:#888;}

.aLire-actu{ text-align:left;}

.liste-liens li {padding-bottom:6px;}

/*positionnement des blocs dans la page Immoxia*/
.vignette-mag-immoxia{float:left;padding-right:15px;}
.bloc-carte-tableau{clear:both;width:500px;}




/*fin du positionnement des blocs dans la page Immoxia*/