/* CSS Document */

.opacité{
	 background-color:#000;
	 filter:alpha(opacity=60);
	 -moz-opacity: 0.6;
	 opacity: 0.6;
	}

img {
  border : none;
}
a {
	color: #741D7C;
	text-decoration: none;
}
a:HOVER{
	color: red;
}
div {
	border  : 0px;
	padding : 0px;
	margin  : 0px;
}
div.spacer, hr.spacer {
	clear 	: both;
	margin : 0;
	padding :0;
	visibility: hidden;
}
p.centre {
  text-align : center;
}


body {
	font-family: Arial, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
.txt_courant{
	font-family:Arial, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#FFFFFF;
}

#conteneur {
	width: 953px;
	margin: 0 auto 10px auto;
	border:1px solid #666;
	border-top : none;
}
#header {
	height: 77px;
	width:953px;
	background-image:url(images/img_bandeHaut.jpg);
    background-repeat:no-repeat;
}

#header2 {
	/*background-image:url(images/fr/img_bandeHautbis.jpg);*/
	/* Pour les background, voir dans les feuilles de styles de chaque langues */
	height   : 153px;
	position : relative;
	z-index  : 50;
}
  div#header2 div#btn_actu {
    margin     : 0;
    padding    : 0;
    text-align : right;
    position   : absolute;
      top : 11px;
      right : 210px;
  }
    div#header2 div#btn_actu a {
      color       : #000;
      font-weight : bold;
      font-size   : 0.8em;
    }
      div#header2 div#btn_actu a:hover {
        color : #f00;
      }

.menu {
	position:absolute;
	top:129px;
	left: 0;
	height: 30px;
	padding-left:0px;
}
#centre {
	background-color:#ffffff;
}
#flash {
}
div#zonePrincipale {
	background :url(images/bg_carte.gif) top left no-repeat;
	
}
#contenu {
	background :url(images/ombre_bandeau.png) top repeat-x;
	width:753px;
	float:left;
	z-index : 25;
}
div#contenu div.cadre {
	border	: #C8C5C8 1px solid;
	margin 	: 20px 40px;
	padding	: 0 25px 10px 25px;
}
#pied {
  font-size : 0.7em;
  line-height : 20px;
  vertical-align : middle;
  color : #fff;
	height: 20px;
	background-color: #721E7E;
	clear:both;
	text-align:center;
}
#pied a {
  color:white;
}
  #pied a:hover {
    text-decoration : underline;
  }

.menuhaut {
	list-style-type: none;
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:bold;	
	margin: 0;
	padding:0;
}
.menuhaut li {
	display: inline;
}
.menuhaut a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}
.menuhaut a:hover {
	text-decoration: none;
}
div#header div.logo {
  width:281px;
	margin-left:1px;
	padding-top:1px;
	margin-bottom:0px;
    float:left;
}
div#header div.logo img {
  border:none;
}
.logo_sncf {
    width:65px;
    margin : 10px auto;
	padding-top:12px;
}
div#header div.espace_client {
  float:right;
  margin-top   : 20px;
  margin-right : 15px;
  font-weight  : bold;
  font-size : 0.9em;
}
div#header div.espace_client img {
  border : none;
}
div#header div.espace_client p {
  margin  : 0;
  padding : 0;
}
div#header div.espace_client a {
  color : #000;
}
  div#header div.espace_client a:hover {
  color : #f00;
}
div#header div.espace_client div.drapeau {
  margin-top : 23px;
  text-align : right;
}



.logo p {margin: 0 0 0 0;
/*text-align:center;
font-size:11px;
font-weight:bolder;*/

font-family:Arial, sans-serif;
}

div#colonneActu {
	text-align	: left;
	float       : right;
	width		: 199px;
}
	div#colonneActu div.fond {
		background	: url(images/fond_titre_actu.png) #F0E4F0 top repeat-x;
		border-left	: #C4C0C4 1px solid;
		border-bottom	: #C4C0C4 1px solid;
	}
	div#colonneActu h1 {
		background	  	: url(images/fond_droite_titre_actu.jpg) top right no-repeat;
		border-bottom 	: #C4C0C4 1px solid;
		height		    : 22px;
		margin	     	: 0;
		padding		    : 10px 0 0 10px;
		font-family	  	: Arial, sans-serif;
		font-size	    : 1.3em;
		color 		    : #77217E;
	}

	div#colonneActu div.actuPair,
	div#colonneActu div.actuImpair {
		border-top	  : #fff 1px solid;
		border-bottom : #C4C0C4 1px solid;
		padding-left  : 10px;
	}
		div#colonneActu div.actuPair h2,
		div#colonneActu div.actuImpair h2{
			padding		: 0px;
			margin		: 0px;
			margin-top	: 5px;
			font-size	: 0.8em;
			font-weight	: bold;
		}
		div#colonneActu div.actuPair p.resume,
		div#colonneActu div.actuImpair p.resume{
  		text-align : justify;
			padding	: 0px;
			margin	: 0px;
			margin-bottom : 5px;
			font-size: 8pt;
			min-height   : 42px;
		}

		div#colonneActu div.actuPair img,
		div#colonneActu div.actuImpair img {
			border: #663366 2px solid;
			margin: 5px;
			margin-bottom: 0px;
		}
		div#colonneActu div.actuPair img {
			float: right;
		}
		div#colonneActu div.actuImpair img {
			float: left;
		}

		div#colonneActu div.actuPair div.plus,
		div#colonneActu div.actuImpair div.plus{
			padding	: 0px;
			margin	: 0px;
			margin-left : -10px;
			font-size: 7pt;
			text-align: right;
			border-top : #C4C0C4 1px solid;
		}
		div#colonneActu div.actuPair div.plus div.decoGauche,
		div#colonneActu div.actuImpair div.plus div.decoGauche{
			display : inline;
			border-right: #C4C0C4 1px solid;
			border-left : #C4C0C4 1px solid;
			width: 10px;
			margin-right: 4px;
		}

		div#colonneActu div.actuPair div.plus div.par,
		div#colonneActu div.actuImpair div.plus div.par{
			margin: 0;
			padding : 0;
			padding-left: 5px; 
		}

	div#colonneActu div.toutVoir,
	div#colonneActu div.pdf {
		border-top	: #fff 1px solid;
		border-bottom: #C4C0C4 1px solid;
		padding-top	: 10px;
		text-align	: center;
		font-size	: 8pt;
	}
	div#colonneActu div.citoyenne {
  	border-top	: #fff 1px solid;
		border-bottom: #C4C0C4 1px solid;
		text-align	: center;
	}
	div#colonneActu div.pdf {
		border-bottom: none;
		padding-bottom: 5px;
	}
	div#colonneActu div.pdf img {
  	border : none;
	}

		div#colonneActu hr{
			background-color: #C4C0C4;
			color	: #C4C0C4;
			height	: 1px;
			border	: none;
			padding	: 0;
			margin	: 0;
			
		}
		div#colonneActu div.toutVoir p {
			background	: url(images/fleche_droite.png) center left no-repeat;
			text-align	: left;
			margin		: 0 0 0 15px;
			padding		: 0 0 0 20px;
		}
		div#colonneActu div.pdf img.icone {
			vertical-align: text-bottom;
			border: none;
		}
		
		
	div#contenu	div.cadre h1 {
		color : #690469;
		font-family: Arial, sans-serif;
		font-size: 1.4em;
		margin-bottom : 50px;
	}		
	div#contenu	div.cadre h2 {
  	margin-top : 30px;
  	color : #690469;
  	font-size : 1em;
  	font-style : italic;
	}
	div#contenu	div.cadre li, div#contenu	div.cadre p  {
  	text-align : justify;
  	font-size  : 0.8em;
	}
  	
	div#contenu	div.logo {
		text-align: center;
		border	: #C8C5C8 1px solid;
		margin	: 0 auto;
		padding	: 5px 0; 
	}

	div#contenu	div.logo img {
		margin: 0 15px;
	}
	
	div#contenu div.cadre div.temoignage {
		position : relative;
		float: left;
		width: 174px;
		border	: #C8C5C8 1px solid;
	}

	div#contenu div.cadre div.temoignage div.deco{
		position : relative;
		background: url("images/fd_temoignage.jpg") no-repeat top center;
		top : -1px;
		float: left;
		width: 175px;
	}

div#contenu div.bloc_centre {
  margin-top : 50px;
  text-align : center;
}

div#contenu div.bloc_centre {
 
  text-align : center;
}

div#contenu div.bandeau_actu {
  border : solid #721D82;
  border-width : 1px 4px;
  margin : 0 auto;
  width : 650px;
  height : 100px;
}
div#contenu div.bandeau_actu div.titre {
  float : left;
  color : purple;
  width    : 350px;
  height : 80px;
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6;
	opacity: 0.6;
	background : #E6DEE6;
	margin : 0;
	padding : 20px 10px 0 0;
	text-align : right;
	position:relative;
}
div#contenu div.bandeau_actu h1 {
  font-size : 1.4em;
  font-style:italic;
  margin : 0;
  padding :0;
}
div#contenu div.bandeau_actu div.titre div.plus {
  position : absolute;
    left : 2px;
    bottom:0;
}
div#contenu div.bandeau_actu div.titre a {
  color : #000;
  font-weight : bold;
  font-size : 0.8em;
  font-style : italic;
}
div#contenu div.bandeau_actu div.titre a:hover {
  color : #f00;
}
div#contenu div.bandeau_actu div.image {
  float : right;
}

div#contenu div.actu {
  position : relative;
  background : #E6DEE6;
	border	: #C8C5C8 1px solid;
	margin 	: 20px 40px;
	padding	: 0 25px;
}
div#contenu div.actu h2{
    margin-top : 10px;
  	color : #690469;
  	font-size : 1em;
  	font-style : italic;
}
div#contenu div.actu h2 a {
  color : #690469;
}
div#contenu div.actu h2 a:hover {
  color : #f00;
}

div#contenu div#carte {
  float : left;
  width : 454px;
}
div#contenu div.bloc_adresse {
  float : left;
  width : 160px;
  height : 282px;
  padding-top : 180px
}
  div#contenu div.bloc_adresse h1 {
    font-size : 1em;
    margin : 0 0 10px 0;
    padding : 0;
  }
  div#contenu div.bloc_adresse p {
    margin : 0;
    padding : 0;
  }
div#contenu div#centre_avignon,
div#contenu div#centre_compiegne,
div#contenu div#centre_nancy,
div#contenu div#centre_montauban,
div#contenu div#centre_rungis {
  display : none;
}

div.actu {
  height : 90px;
}
div.actu p {
  margin-bottom : 5px;
  width         : 425px;
}
div.actu img {
  border: #663366 2px solid;
}
div.actu div.image {
  width : 80px;
  text-align : right;
}
div.actu div.image a {
  font-size   : 0.7em;
  color       : #666;
  font-weight : bold;
  font-style  : italic;
}
div.actu div.image a:hover {
  color : #f00;
}

div#contenu	div.cadre div.trombi {
  border : 1px solid #999699;
  width  : 210px;
  height : 67px;
}	
	div#contenu	div.cadre div.floatRight {
		float : right;
	}
	div#contenu	div.cadre div.trombi h1 {
	  margin    : 0;
	  padding   : 0;
	  font-size : 0.7em;
	  color     : #000;
	  text-align:right;
	}
	div#contenu	div.cadre div.trombi h2 {
	  margin     : 0;
	  padding    : 0;
	  font-size  : 0.6em;
	  font-style : italic;
	  color      : #424549;
	  text-align : right;
	}
	div#contenu	div.cadre div.trombi div.photo {
		width : 68px;
		text-align:right;
	}
	div#contenu	div.cadre div.trombi div.legende {
		margin-top : 4px;
		padding-right:12px;
        background : url('images/fleche_oblique.png') no-repeat 2px right;
	}
	div#contenu	div.cadre div.trombi img {
	  margin    : 3px;
	  padding   : 0;
	  border    : 1px solid #424549;
	}
	
	div#contenu div.cadre table.sansMarge {
		margin  : 0 auto;
		padding : 0;
	}
	div#contenu div.cadre td.logo {
		background     : #fff;
		border         : 1px solid #C8C5C8;
		width          : 120px;
		height         : 120px;
		text-align     : center;
		vertical-align : middle;
	}