body {
	position:relative;
	margin:0;
	padding:0;
	margin:0;
	color:#545454;
	background:#CFE1ED url("img/bg-body.gif") repeat-x left top;
	font:small/123% 'Trebuchet MS',tahoma,sans-serif;
	font-size:.8em
	}
form { margin:0; padding:0 }
img { border:none }
a { text-decoration:none; color:#333 }
a:hover { text-decoration:none; color:#9CAB06 }
hr { border:1px solid #CCC;}
.clear { clear:both }
.conteneur { text-align: center; }
.float-right { float:right; }
.float-left { float:left; }
.titre-n {color: #9CAB06; text-transform:uppercase;}
.bold { font-weight:bold; }
.cadre { border:1px solid #CCC; }
.puce  { background: url("img/puce.gif") no-repeat left top;}
.puce2 { background: url("img/puce2.gif") no-repeat left top;}
.puce3 { background: url("img/puce3.gif") no-repeat left top;}
.article-source { float:right; padding:0 10px; font-weight:bold; text-decoration:underline; color:#999 }

#ici {
	margin-left:15px;
	font-weight:bold;
}
#ici a {
	font-weight:bold;
	padding:0 0 0 20px;
	background: url("img/icone_home.gif") no-repeat center left;
}

#loding {	
	width:120px ;
	height:30px ;
	position:relative ;
	top:50% ;
	left:50% ;
	margin-left:-60px ;
	background:#FFF url("img/ajax_loading.gif") no-repeat 0% 50%;
}
#loding p {
	color:#C33;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:5px;
}

/****************/
/* WELCOME SNTF */
/****************/
#space {
	width:10em;
	margin:0 auto;
	padding:4em 0;
}
#content-welcome {
	width:780px;
	height:310px;
	margin:0 auto;
	background: url("img/bg-welcome.gif") no-repeat top left;
}
#welcome-flag {
	float:right;
	width:auto;
	height:39px;
	margin:189px 0 0 0;
	padding:0 30px 0 0;
}

#welcome-flag ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
#welcome-flag ul li { 
	float: left;
}
/* En */
#welcome-flag ul li a#en {
	float: left;
	height: 39px;
	width: 55px;
	margin: 0 0 0 12px;
	background: url("img/barre_langue_0.gif") no-repeat 0px 0px;
	padding:0;
}
#welcome-flag ul li  a#en:hover  {
	padding:0;
	width:55px;
	height:39px;
	background: url("img/barre_langue_0.gif") no-repeat 0px -40px;
}

#welcome-flag ul li a#en_des { /* flag désactiver */
	float: left;
	height: 39px;
	width: 55px;
	margin: 0 0 0 12px;
	background: url("img/barre_langue_0.gif") no-repeat 0px -80px;
	padding:0;
}

/* FR */
#welcome-flag ul li a#fr {
	float: left;
	height: 39px;
	width: 55px;
	margin: 0 0 0 12px;
	background: url("img/barre_langue_0.gif") no-repeat -67px 0px;
	padding:0;
}
#welcome-flag ul li  a#fr:hover  {
	padding:0;
	width:55px;
	height:39px;
	background: url("img/barre_langue_0.gif") no-repeat -67px -40px;
}
#welcome-flag ul li a#fr_des { /* flag désactiver */
	float: left;
	height: 39px;
	width: 55px;
	margin: 0 0 0 12px;
	background: url("img/barre_langue_0.gif") no-repeat -67px -80px;
	padding:0;
}
/* AR */
#welcome-flag ul li a#ar {
	float: left;
	height: 39px;
	width: 55px;
	margin: 0 10px 0 12px;
	background: url("img/barre_langue_0.gif") no-repeat -134px 0px;
	padding:0;
}
#welcome-flag ul li  a#ar:hover  {
	padding:0;
	width:55px;
	height:39px;
	background: url("img/barre_langue_0.gif") no-repeat -134px -40px;
}
#welcome-flag ul li a#ar_des { /* flag désactiver */
	float: left;
	height: 39px;
	width: 55px;
	margin: 0 10px 0 12px;
	background: url("img/barre_langue_0.gif") no-repeat -134px -80px;
	padding:0;
}

/* page */
#header {
	position:relative;
	width:780px;
	height:217px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:#9FC3DB url("img/header_fr.jpg") no-repeat top left;
}

#main {
	width:780px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#main-page {
	float:left;
	background:#FFF url("img/bg-main.gif") repeat-y top left;
	width:780px;
	margin:0;
	padding:0;
}
/* Les colones */
#content-left {
	float:left;
	width:180px;
	margin:10px 13px 0 0;
	padding:0 0 0 10px;
}
#content-right {
	float:left;
	width:570px;
	margin:10px 0;
}
#content-right #left_ {
	float:left;
	width:337px;
	margin:0 13px 0 0;
/*background-color:#CC0099;height:200px;*/
}
#content-right #right_ {
	float:left;
	width:220px;
/*background-color:#CCCC99;height:200px;*/
}
#content-right #middel_ {
	padding:0;
	margin:0 14px 0 0;
/*background-color:#CCCC99;*/
}
#content-right #middel_1 {
	float:left;
	width:278px;
	padding:0;
	margin:0 14px 0 0;
/*background-color:#CCCC99;*/
}
#content-right #middel_2 {
	float:left;
	width:278px;
	padding:0;
	margin:0;
/*background-color:#CCCC99;*/
}

/***********************/
/* Nobre des visiteurs */
/***********************/
#visitor {
	margin:10px 0 0 0;
	padding:10px;
	background: url("img/bg-th.gif") repeat-x top left;
	border:1px solid #CCC;
	color:#666;
}
#visitor p {
	padding:3px 0;
	margin:0;
}
#visitor p strong {
	color:#9CAB06;
}



#top-barre {
	width:99%;
	margin:0 auto;
	height:34px;
	border:0;
	background:#FFF url("img/bg-top.gif") repeat-x top left;
}
#top-barre #ici2 {
	float:left;
	width:75%;
	padding:0;
	margin:12px 0 0 10px;
}
#top-barre #ici2 span {
	float:left;
	padding:0;
	margin:0;
	font-weight:bold;
}
#top-barre #ici2 p {
	float:left;
	padding:0 0 0 20px;
	margin:0 0 0 5px;
	background: url("img/icone_home.gif") no-repeat center left;
}
#top-barre #ici2 a {
	font-weight:bold;
}
#top-barre #ici2 a:hover {
	color:#9CAB06;
}

/* Langues*/
#lng {
	float:right;
	padding: 0;
	margin:6px 0 0 0;
}
#lng p {
	float:left;
	padding:4px;
	margin:0;
	font-weight:bold;
}
#lng a img{
	float:left;
	width:16px;
	height:11px;
	padding:1px;
	margin:5px 5px 0 0;
	border:1px solid #CCC;
}

/* DZ FLAG */
#lng a #dz {
	background: url("img/flag-dz-nul.gif") no-repeat 50% 50%;
}
#lng a:hover #dz {
	background: url("img/flag-dz.gif") no-repeat 50% 50%;
	border:1px solid #333;
}
#lng a.active #dz {
	background: url("img/flag-dz.gif") no-repeat 50% 50%;
	border:1px solid #333;
}

/* FR FLAG */
#lng a #fr {
	background: url("img/flag-fr-nul.gif") no-repeat 50% 50%;
}
#lng a:hover #fr {
	background: url("img/flag-fr.gif") no-repeat 50% 50%;
	border:1px solid #333;
}
#lng a.active #fr {
	background: url("img/flag-fr.gif") no-repeat 50% 50%;
	border:1px solid #333;
}

/* UK FLAG */
#lng a #uk {
	background: url("img/flag-uk-nul.gif") no-repeat 50% 50%;
}
#lng a:hover #uk {
	background: url("img/flag-uk.gif") no-repeat 50% 50%;
	border:1px solid #333;
}
#lng a.active #uk {
	background: url("img/flag-uk.gif") no-repeat 50% 50%;
	border:1px solid #333;
}

#la-date {
	padding:3px 0 0 10px;
}

/* Bas de page */
#bottom {
	float:left;
	width:780px;
	height:80px;
	background:#9FC3DB url("img/bottom.jpg") repeat-x top left;
	margin:0;
	padding:0;
}
#bottom #logo-sntf {
	float:left;
	width:40px;
	height:28px;
	margin:8px 20px 0 15px;
	padding:0;
	background: url("img/logo-sntf.gif") no-repeat 0% 0%;
}
#bottom #copy {
	float:left;
	margin-top:12px;
	padding:0;
}
/* liste de bas */
#bottomlist { float:right; width:300px; margin:0; padding:10px; }
#nlist {
	float:right;
	list-style: none;
	padding: 0;
	margin: 0;
}
#nlist li {
	display: inline;
	padding: 0;
	margin: 0;
}
#nlist li:before { content: "| "; }
#nlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #nlist li {
	border-left: 1px solid #333;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}
/*Win IE browsers - hide from Mac IE\*/
* html #nlist { height: 1%; }
* html #nlist li {
	display:block;
	float: left;
}
/*End hide*/
/*Mac IE 5*/
* html #nlist li:first-child { border-left: 0; }

/*****************************************/
/*		Au centre de la home page		 */
/*****************************************/
/* Rubriques de la home */
#h-rubrique {
	padding:0;
	margin:0 0 10px 0;
	border-bottom:1px solid #CCC;
}
#h-rubrique h2 {
	margin:0;
	background:#FFF url("img/puce.gif") no-repeat 0% 50%;
	padding:8px 25px 5px 25px;
	font-size:1.1em;
	text-transform:uppercase;
	color:#9CAB06;
}
/* Block de contenu */
.block-content {
	margin:0;
	padding:0;
	display:block;
}
.block-content .hclr {
	float:left;
	width:100%;
	display: block;
	list-style-type:none;
	margin:0;
	padding:0;
}
.block-content .hclr p.hcnt{
	padding:0;
	margin:0;
}
.hclr .img{
	float:left;
	padding:4px;
	background-color:#FFF;
	border:1px solid #CCC;
	margin:0 10px 10px 0;
	clear:both;
}
.hclr #lng {
width:20%;
clear:both;
	float:left;
	padding: 0;
	margin:0;
}

/*************************************/
/* 			Menu Vertical 			 */
/*************************************/
#navcontainer { 
	width: 170px;
}
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navcontainer a {
	width: 155px;
	display: block;
	padding: 5px 5px 5px 20px;
	background:#FFF url("img/puce.gif") no-repeat 0% 50%;
	border-bottom: 1px solid #CCC;
}
#navcontainer a:link, #navlist a:visited {
	text-decoration: none;
}
#navcontainer a:hover {
	background:#F2F2F2 url("img/puce2.gif") no-repeat 0% 50%;
	font-weight:bold;
	color:#9CAB06;
}
#navcontainer a.active {
	background:#F2F2F2 url("img/puce2.gif") no-repeat 0% 50%;
	border-bottom: 1px solid #CCC;
}

/* Banners */
#banners {
	width:177px;
	padding-top:10px;
}
#banners p {
	padding:5px 0;
	margin:5px 0;
}

/**/
.image {
	float:left;
	padding:3px;
	border:1px solid #CCC;
	background-color:#FFF;
	margin:0 10px 10px 0;
}

/* Petite PUB */
.p-pub img {
	border:1px solid #CCC;
	background-color:#FFF;
	padding:5px;
	margin-bottom:10px;
}

/* Liste news */
#news-autre {
	padding:0 0 10px 0;
}
#news-autre ul {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}

.liste-news li {
	list-style-image: url("img/puce3.gif");
}

.liste-news a{
	display:block;
	height:23px;
	text-decoration: none;
	color: #333;
	border-bottom:1px dashed #CCC;
	padding-top:3px;
}
.liste-news a:hover{
	color:#9CAB06;
	background:#FFF;
}

.liste-news li.fiche{
	padding:2px 0 2px 3px;
	list-style-image: url("img/fiche.gif");
}
.liste-news li.list-green{
	padding-top:3px;
	border:0;
	padding:0 0 10px 0;
	list-style-image: url("img/bullet_green.gif");
}
.liste-news li.list-black{
	padding-top:3px;
	border:0;
	padding:0 0 10px 0;
	list-style-image: url("img/bullet_black.gif");
}
.liste-news li.list-blue{
	padding-top:3px;
	border:0;
	padding:0 0 10px 0;
	list-style-image: url("img/bullet_blue.gif");
}
.liste-news li.list-red{
	padding-top:3px;
	border:0;
	padding:0 0 10px 0;
	list-style-image: url("img/bullet_red.gif");
}

/*2 liste */
#cad-list1 {
	padding:0;
	margin:10px 0;
	/*border:1px solid #F00;*/
}
#cad-list2 {
	padding:0 0 10px 0;
}
#cad-list2 ul, #cad-list1 ul {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}

.list2 li, #cad-list1 li {
	list-style-image: url("img/puce_scur2.gif");
}
#cad-list1 li.h, #cad-list2 li.h {
	font-weight:bold;
	color:#369;
	list-style-image: url("img/puce_scur.gif");
}

/*************************************/
/* 			Menu Horizontal			 */
/*************************************/
#navcontainer-h {
	position:relative;
	width:471px;
	height:93px;
	margin: 0 0 0 242px;
	top:58px;
	background:#FFF url("img/horizontal.jpg") no-repeat top left;
}
#navcontainer-h ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
#navcontainer-h ul li { 
	float: left;
}
/* Accueil */
#navcontainer-h ul li a#home {
	float: left;
	height: 93px;
	width: 93px;
	margin: 0 0 0 1px;
	background:#FFF url("img/horizontal.jpg") no-repeat -1px 0px;
	padding:0;
}
#navcontainer-h ul li  a#home:hover  {
	padding:0;
	width:93px;
	height:93px;
	background:#FFF url("img/horizontal.jpg") no-repeat -1px -93px;
}
/* Actualités */
#navcontainer-h ul li a#news {
	float: left;
	height: 93px;
	width: 93px;
	margin: 0 0 0 1px;
	background:#FFF url("img/horizontal.jpg") no-repeat -95px 0px;
	padding:0;
}
#navcontainer-h ul li  a#news:hover  {
	padding:0;
	width:93px;
	height:93px;
	background:#FFF url("img/horizontal.jpg") no-repeat -95px -93px;
}
/* Recherche */
#navcontainer-h ul li a#search {
	float: left;
	height: 93px;
	width: 93px;
	margin: 0 0 0 1px;
	background:#FFF url("img/horizontal.jpg") no-repeat -189px 0px;
	padding:0;
}
#navcontainer-h ul li  a#search:hover  {
	padding:0;
	width:93px;
	height:93px;
	background:#FFF url("img/horizontal.jpg") no-repeat -189px -93px;
}
/* Contact */
#navcontainer-h ul li a#contact {
	float: left;
	height: 93px;
	width: 93px;
	margin: 0 0 0 1px;
	background:#FFF url("img/horizontal.jpg") no-repeat -283px 0px;
	padding:0;
}
#navcontainer-h ul li  a#contact:hover  {
	padding:0;
	width:93px;
	height:93px;
	background:#FFF url("img/horizontal.jpg") no-repeat -283px -93px;
}
/* Plan du site */
#navcontainer-h ul li a#map {
	float: left;
	height: 93px;
	width: 93px;
	margin: 0 0 0 1px;
	background:#FFF url("img/horizontal.jpg") no-repeat -377px 0px;
	padding:0;
}
#navcontainer-h ul li  a#map:hover  {
	padding:0;
	width:93px;
	height:93px;
	background:#FFF url("img/horizontal.jpg") no-repeat -377px -93px;
}

#navcontainer-h ul li a span {
	position:relative;
	top:71px;
	font-weight:normal;
	color:#FFF;
}

/*********************************/
/* 		Tableau type -1-		 */
/*********************************/
#tab-1 { border:1px solid #CCC; }
/*#tab-1 th { background-color:#F1F1F1; text-align:left; border-bottom:1px solid #CCC; border-top:1px solid #CCC; }*/
#tab-1 th { 
	background:#F1F1F1 url("img/bg-th.gif") repeat-x top left;
	height:30px;
	text-align:left;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	color:#369;
}
#tab-1 .col1 { 
	width:20%;
	padding:10px;
	background-color:#E9F2F7;
	text-transform:uppercase;
	font-weight:bold;
	border:1px solid #FFF;
}
#tab-1 .col2 {
	width:80%;
	padding:10px;
	background-color:#FFF;
	border-left:1px solid #CCC;
}
#tab-1 .tab-1-col-top {
	background-color:#DDD;
	height:3px;
	padding:0;
	margin:0;
}

/*********************************/
/* 		Tableau type -2-		 */
/*********************************/
#tab-2 {
	border:none;
	text-align:left;
}
#tab-2 th { 
	background:#F1F1F1 url("img/bg-th.gif") repeat-x top left;
	height:30px;
	text-align:left;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	color:#369;
}
#tab-2 .col1 { 
	width:20%;
	padding:10px;
	background-color:#E9F2F7;
	text-transform:uppercase;
	font-weight:bold;
	border:1px solid #FFF;
}
#tab-2 .col2 {
	width:80%;
	padding:10px;
	background-color:#FFF;
	border-left:1px solid #CCC;
}
#tab-2 .tab-1-col-top {
	background-color:#DDD;
	height:3px;
	padding:0;
	margin:0;
}

/*********************************/
/* 		Tableau type -3-		 */
/*********************************/
#tab-3 {
	border:1px solid #CCC;
}
#tab-3 th { 
	background:#EBEADB;
	border-bottom:1px solid #F1EFE2;
	border-top:1px solid #F1EFE2;
}
#tab-3 .col1 { 
	padding:5px;
	background-color:#FCFAF6;
	border-bottom:1px solid #F1EFE2;
}
#tab-3 .col2 {
	padding:5px;
	background-color:#FFF;
	border-bottom:1px solid #F1EFE2;
}

/*********************************/
/* 		Tableau type -4-		 */
/*********************************/
#tab-4 {
	border:1px solid #CCC;
}
#tab-4 th { 
	background:#F2F2F2;
	text-align:right;
	padding:0 10px;
	vertical-align:text-top;
}
#tab-4 td { 
	padding:5px;
	background-color:#FFF;
	vertical-align:text-top;
}
#tab-4 td.ligne {
	padding:5px;
	background-color:#F2F2F2;
}
#tab-4 td.ligne2 {
	padding:5px;
	background: url("img/bg-bottom-ligne2.gif") no-repeat left bottom;
}
/* Boutton2 */
#tab-4 td #boutton2 {
	float:right;
	background: url("img/bg-boutton2.gif") no-repeat left top;
}
#tab-4 td #boutton2 a {
	width:114px;
	display:block;
	height:22px;
	cursor:pointer;
	color: #FFF;
}
#tab-4 td #boutton2 a:hover {
	color: #000;
}
#tab-4 td #boutton2 p {
	font-weight:bold;
	line-height: 1.7em;
	margin: 0 20px 0 25px;
	padding:0;
}


/*********************************/
/* 		Titres des rubriques	 */
/*********************************/
#trubrique {
	padding:0;
	margin:0 0 10px 0;
	border-bottom:1px solid #CCC;
}
#trubrique h2 {
	margin:0;
	background:#FFF url("img/puce.gif") no-repeat 0% 50%;
	padding:5px 25px;
	font-size:1.1em;
	text-transform:uppercase;
	color:#9CAB06;
}
#ts-rubrique {
	padding:0;
	margin:0 0 10px 0;
	border-bottom:1px solid #CCC;
}
#ts-rubrique h2 {
	margin:0;
	background:#FFF url("img/page.gif") no-repeat 0% 50%;
	padding:5px 25px;
	font-size:1.1em;
}
#ts-rubrique h2.i-aussi{
	color:#6493AF;
}

/******************/
/* Sous rubriques */
/******************/
#srubrique {
	padding:0;
	margin:0 0 10px 0;
	border:1px solid #CCC;
}
#srubrique h2 {
	padding:5px;
	margin:0;
	background:#FFF url("img/bg-th.gif") repeat-x 100% 40%;
	font-size:1.2em;
}
#srubrique select {
	font-size:.9em;
	padding:0;
	margin: 5px auto;
}
#srubrique input {
	font-size:1em;
	margin:5px;
}
#srubrique .select {
	float:right;
	padding:0;
	margin: -26px 2px 0 2px;
}
#srubrique h2 a {
	color:#333;
}
#srubrique h2 a:hover {
	color:#666;
}
#srubrique h2 span.i-search  {
	color:#333;
	background: url("img/icn-search.gif") no-repeat 0% 50%;
	padding:0 0 0 25px;
}
#srubrique h2 span.i-rubrique {
	color:#333;
	background: url("img/icn-rubrique.gif") no-repeat 0% 50%;
	padding:0 0 0 20px;
}
#srubrique marquee {
	padding:5px;
}
#srubrique marquee a {
	color:#333;
	background: url("img/puce3.gif") no-repeat 0% 50%;
	padding:0 0 0 10px;
}

/* liste flash infos */
#cadre-info {
	padding:4px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #CCC;
}
ul#marq-info{
	padding:0;
	margin:0;
}
ul#marq-info li{
	display: inline;
	list-style-type:none;
	padding-right: 20px;
}
ul#marq-info li a {
	background:url("img/puce3.gif") no-repeat 0% 50%;
	padding:0 0 0 10px;
	color:#C00;
	font-weight:bold;
	font-size:1.2em;
}
ul#marq-info li a:hover {
	color:#9CAB06;
	text-decoration:underline;
}
/**/

/**/
.article {
	width:100%;
}
.article p {
	margin:0;
	padding:5px 0;
}
.article img {
	display:block;
	margin:5px;
	padding:5px;
}
.article h1 {
	padding:0 0 10px 0;
	margin:0;
	line-height:1.3em;
	font-size:1.2em;
	color:#369;
}
.article h2, .article h3, .article h4 {
	padding:10px 0;
	margin:0;
	line-height:1.3em;
	font-size:1.2em;
	color:#000;
}
.article .unite{
	margin-bottom:10px;
	border-bottom:1px dashed #CCC;
}
.article cite{
	color:#690;
}

.bloc-list-news {
	width:100%;
}
.list-news {
	margin:0;
	padding:0;
	display:block;
}
.list-news p.cnt {
	margin-top:0.3em;
}
.list-news p.i-aucun {
	margin-top:0.3em;
	text-align:center;
	color:#F00;
}
.list-news .clr {
	float:left;
	width:100%;
	display: block;
	list-style-type:none;
	margin:0 0 10px 0;
	padding:10px 0;
	border-bottom:1px solid #DDD;
}
.clr h2 {
	padding:0 0 5px 0;
	margin:0;
	font-size:1em;
}
.clr h1 {
	padding:0 0 10px 0;
	margin:0;
	line-height:1.3em;
	font-size:1.2em;
	color:#369;
}

/**/
.clr h3 {
	padding:0;
	margin:0;
	font-size:1em;
	color:#333;
}
.clr h3 strong, .clr p.ao strong {
	padding:0;
	margin:0;
	color:#369;
}
.clr p.ao {
	padding:5px 0;
	margin:0;
	color:#333;
}

/**/

.clr h2 a {
	color:#369;
}
.clr h2 a:hover {
	text-decoration:underline;
}
.clr cite {
	display:block;
	padding:0;
	margin:0 0 10px 0;
	color:#999;
	font-size:.9em;
	font-style:normal;
}
.clr cite img {
	background: url("img/icone-date.gif") no-repeat 50% 50%;
	margin:0;
	padding:0 5px;
	border:none;
}
.clr img {
	padding:4px;
	background-color:#FFF;
	border:1px solid #CCC;
	margin:0;
	font-size:1px;
}
.clr .img {
	float:left;
	margin:0 10px 10px 0;
}

.clr #lng {
	width:20%;
	clear:both;
	float:left;
	padding: 0;
	margin:0;
}

/****************************/
/*		Marchandises		*/
/****************************/
.list-news p.ref {
	margin-top:0.3em;
	float:left;
	width:200px;
}
#references {
	float:right;
	width: 250px;
	border:2px solid #CCC;
}
#references th {
	text-align:center;
	text-transform:uppercase;
	color:#369;
	padding:5px;
	font-size:.9em;
	border-bottom:1px solid #CCC;
	background:#CCC url("img/bg-th.gif") repeat-x 100% 50%;
}
#references td {
	text-align:center;
	padding:5px;
	background-color:#FFF;
	width:33%;
	height:40px;
}
#references td.mc2 {
	background-color:#F1F1F1;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

/* Corner */
#marchtab-top {
	width:100%;
	margin:0;
	padding:0;
}
#marchtab-top h4{
	margin:0;
	padding:5px;
	font-size:1em;
	background-color:#1294E0;
	color:#FFF;
}
#marchtab-top span.top1 {
	display: block;
	background-color:#1294E0;
	padding:1px 0 0 0;
	margin:0 2px;
}
#marchtab-top span.top2 {
	display: block;
	background-color:#1294E0;
	padding:1px 0 0 0;
	margin:0 1px;
}
#marchtab-top span.top3 {
	display: block;
	background-color:#1294E0;
	padding:1px 0 0 0;
	margin:0;
}
/* fin Corner */

/********************************************/
/*		Grands projets Gallerie photos		*/
/********************************************/
#ggp {
	/*float:left;*/
	width:210px;
	margin:20px 0 0 0;
	border:1px solid #369;
	background-color:#E4EFF7;
}
#ggp h3 {
	padding:5px 28px;
	margin:0 0 5px 0;
	font-size:1em;
	color:#FFF;
	background:#369 url("img/miniature.gif") no-repeat 3% 50%;
}
#ggp img {
/*	float:left;
	margin:0 5px 5px 0;*/
	margin:5px auto;
	padding:1px;
	border:1px solid #CCC;
}

/* formulaire */
input.button {
	border:0;
	color:#000;
	font-weight:bold;
	text-align:center;
	font-size:1.1em;
	border:1px solid #999;
	background:#FFF url("img/bg-button-off.gif") repeat-x top left;
	cursor:pointer;
	margin:5px 1px;
}
input.filed-text2 {
	width:180px;
	font-size:1.1em;
	border:1px solid #999;
	margin:5px 1px;
}
select.filed-select {
	width:200px;
	font-size:1.1em;
	margin:5px 1px;
}

/********************************/
/*			Album photo			*/
/********************************/

#photo-cad {
	float:left;
	width:110px;
	height:110px;
	margin:0 4px 10px 10px;
	padding:0;
	border:1px solid #CCC;
	background:#FFF url("img/bg-th.gif") repeat-x bottom left;
}
#photo-cad img {
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	padding:5px 5px 5px 5px;
	background-color:#FFF;
	border:1px solid #DDD;
}
#photo-cad p {
	font-size:.9em;
	padding:0;
	margin:0;
}
#p-cad {
	padding:0;
	margin:10px;
}
/**/
#photo-cad2 {
	float:left;
	width:110px;
	height:110px;
	margin:0 4px 10px 10px;
	padding:0;
	border:1px solid #CCC;
	background:#FFF;
}
#photo-cad2 img {
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	padding:5px 5px 5px 5px;
	background:#FFF url("img/photo_galerie.jpg") no-repeat 50% 50%;
	border:1px solid #DDD;
}
#photo-cad2 p {
	font-size:.9em;
	color:#FFF;
	font-weight:bold;
	background:#369;
	padding:3px;
	margin:6px 0 0 0;
}
#p-cad2 {
	padding:0;
	margin:10px;
}
/**/


#gal {
	border:1px solid #CCC;
	padding:5px;
	margin:10px 0 10px 0;
	background-color:#F2F2F2;
	height:20px;
}
#gal h3 {
	font-size:1.2em;
	color:#369;
	background: url("img/icone-picture.gif") no-repeat center left;
	padding:0 0 0 25px;
	margin:0;
}
#gal .cambo-box {
	float:right;
	padding:0;
	margin:-15px 0 0 0;
}
#espace {
	float:left;
	width:97%;
	padding:5px 5px 5px 5px;
	margin:0;
}

#album {
	float:left;
	width:110px;
	height:130px;
	margin:0 4px 18px 10px;
	border:1px solid #CCC;
	background:#FFF url("img/bg-th.gif") repeat-x bottom left;
}
#album img {
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	padding:5px 5px 5px 5px;
	background-color:#FFF;
	border:1px solid #DDD;
}
#album p {
	padding:3px;
}

/********************************/
/*			Magazine			*/
/********************************/
.thumbnail-cad {
	float: left;
	width: 115px;
	padding: 0;
	margin: 0 20px 20px 0;
}
.thumbnail {
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding: 0;
	background:#FFF url("img/bg-th.gif") repeat-x bottom left;
}
.thumbnail img{
	margin:6px auto 11px auto;
	padding:5px;
	background-color:#FFF;
	border:1px solid #CCC;
}
.thumbnail h3 {
	padding:3px 0;
	margin:0;
	font-size:1em;
	background:#1294E0;
	color:#FFF;
}
.thumbnail p {
	padding:3px 0 8px 0;
	margin:0;
	font-size:.9em;

}

/* Corner */
#thumbnail-top {
	width:100%;
	margin:0;
	padding:0;
}
#thumbnail-top h4{
	margin:0;
	padding:5px;
	font-size:1em;
	background-color:#1294E0;
	color:#FFF;
}
#thumbnail-top span.top1 {
	display: block;
	background-color:#1294E0;
	padding:1px 0 0 0;
	margin:0 2px;
}
#thumbnail-top span.top2 {
	display: block;
	background-color:#1294E0;
	padding:1px 0 0 0;
	margin:0 1px;
}
#thumbnail-top span.top3 {
	display: block;
	background-color:#1294E0;
	padding:1px 0 0 0;
	margin:0;
}
/* fin Corner */



#mag {
	float:left;
	width:110px;
	margin:0 18px 18px 0;
	border:1px solid #CCC;
}
#mag2 {
	height:190px;
	border:1px solid #FFF;
	background:#FFF url("img/bg-th.gif") repeat-x bottom left;
}
#mag img {
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	padding:5px;
	background-color:#FFF;
	border:1px solid #CCC;
}
#mag h3 {
	padding:3px 0 ;
	background-color:#1294E0;
	color:#FFF;
}
#mag p {
	padding:3px;
}
#mag a {
	display:block;
	cursor:pointer;
}

#mag3 {
	width:100%;
	margin:0;
}
#mag3 p {
	padding:3px ;
}
#mag3 img {
	margin:10px 0 0 0;
	padding:10px;
	background-color:#FFF;
	border:1px solid #CCC;
}
#mag3 th.sommaire {
	color:#FFF;
	padding:8px;
	font-size:1.3em;
	background-color:#369;
	text-transform:uppercase;
	border-bottom:1px solid #CCC;
}
#mag3 th {
	border:none;
}
/* Boutton */ 
#boutton {
	width:144px;
	margin:20px auto;
	padding:0;
	background: url("img/bg-boutton.gif") no-repeat left top;
}
#boutton a {
	display:block;
	width:144px;
	height:29px;
	cursor:pointer;
	color: #FFF;
	background: url("img/bg-boutton-download.gif") no-repeat 4% 40%;
}
#boutton a:hover {
	color: #000;
}
#boutton p {
	font-weight:bold;
	text-transform:uppercase;
	/*color: #FFF;*/
	line-height: 1.9em;
	margin: 0 20px 0 30px;
}

/*===================*/
/* 		Sommaire	 */
/*===================*/
#cadre-table {
	border:1px solid #CCC;
	margin-top:10px;
}
#cadre-table .cell {
	padding:4px 8px;
	background-color:#FFF;
}

#tabsom { 
	/*width:100%;*/
	margin-top:10px;
	border:1px solid #CCC;
}

#tabsom th { 
	background:#F2F2F2 url("img/bg-th.gif") repeat-x 100% 40%;
	padding:4px 8px;
	text-align:left;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	color:#369;
}
#tabsom .col1 { 
	padding:4px 8px;
	background-color:#E9F2F7;
	border-bottom:1px dashed #CCC;
}
#tabsom .col2 {
	padding:4px 8px;
	background-color:#FFF;
	border-bottom:1px dashed #CCC;
}
#tabsom .tabsom-col-top {
	background-color:#DDD;
	height:3px;
	padding:0;
	margin:0;
}

/********************************/
/*			Pagination			*/
/********************************/
#pagination{
margin:0.5em auto 1em auto;
padding: 2px;
}

#pagination ul{
margin: 0;
padding: 0;
text-align: center;
font-size: 1em;
}

#pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

#pagination a, #pagination a:visited{
padding: 0 5px;
margin:0 2px;
border: 1px solid #CCC;
text-decoration: none; 
color: #333;
}

#pagination a:hover, #pagination a:active{
border: 1px solid #1294E0;
color: #000;
background-color: lightyellow;
}

#pagination li.currentpage{
font-weight: bold;
padding: 5px;
color: #1294E0;
}

#pagination li.disablepage{
padding: 0 5px;
border: 1px solid #DDD;
color: #DDD;
}

#pagination li.nextpage{
font-weight: bold;
}

* html #pagination li.currentpage, * html #pagination li.disablepage{
margin-right: 5px;
padding-right: 0;
}

/********************************/
/*		Voyager en train		*/
/********************************/
#accordion2 {
	margin:0;
	padding:0;
}
#accordion2 h3 {
	color: #000;
	text-decoration: none;
	font-size:1.1em;
	font-weight:normal;
	margin: 1px 0;
	padding: 5px 0 5px 22px;
	background: url("img/puce_carte.gif") no-repeat 1% 50%;
	border-bottom:1px solid #CCC;
	cursor:pointer;
}
#accordion2 .element {
	margin:0;
	padding:0 3px;
	background-color:#F2F2F2;
}

/* */
#v1 {
	width:162px;
	float:left;
	padding:0;
	margin:5px 13px 5px 0;
}
#v2 {
	width:162px;
	float:left;
	padding:0;
	margin:5px 0 5px 0;
}

#v1 h2, #v2 h2 {
	padding:5px;
	margin:0;
	border:1px solid #CCC;
	background:#FFF url("img/bg-th.gif") repeat-x 100% 40%;
	font-size:1.2em;
}
#v1 h2 span.i-rubrique, #v2 h2 span.i-rubrique {
	color:#333;
	background: url("img/icn-rubrique.gif") no-repeat 0% 50%;
	padding:0 0 0 20px;
}

#v1 p, #v2 p {
	padding:0;
	margin:0;
}
#v1 a.v-cnt, #v2 a.v-cnt {
	display:block;
	text-align:center;
	padding:5px 0;
	margin:0;
	border-bottom:1px solid #FFF;
	border-top:0;
}
#v1 a:hover.v-cnt, #v2 a:hover.v-cnt {
	color:#000;
	background-color:#F5F6E6;
	border-bottom:1px solid #C2E167;
}
#v1 .v-cnt img, #v2 .v-cnt img {
	width:150px;
	margin:0 auto 5px auto;
	padding:5px;
	border:1px solid #CCC;
	background-color:#FFF;
}

/********************************/
/*		Plan du site			*/
/********************************/
#img {
	padding:5px;
	background-color:#FFF;
	border:1px solid #CCC;
	margin:0;
	clear:both;
}
#navlist-map ul { list-style: none; }
#navlist-map
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#navlist-map li.folder
{
	background-image: url("img/folder.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 3px 0 3px 20px;
	margin: 0 0 0 0;
}

#navlist-map li.doc
{
	background-image: url("img/page_copy.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}

/********************************/
/*		TAB CONTENTS			*/
/********************************/
.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font-weight:bold;
	list-style-type: none;
	text-align: left;
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a {
	text-decoration: none;
	padding: 5px 7px 2px 7px;
	margin-right: 3px;
	border: 1px solid #CCC;
	background:#FFF url("img/shade.gif") top left repeat-x;
	cursor:pointer;
}

.shadetabs li a:visited{
	color: #2d2b2b;
}

.shadetabs li a:hover{
	text-decoration: underline;
}

.shadetabs li.selected{
	position: relative;
	top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
	background-image: url("img/shadeactive.gif");
	border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
	border: 1px solid #CCC;
	margin-bottom: 1em;
	padding: 10px;

	background:#FFF url("img/bg-th.gif") repeat-x bottom left;
}

.tabcontent{
	display:none;
}

@media print {
.tabcontent {
	display:block!important;
}
}

/************************************/
/*		Rechercher votre train		*/
/************************************/
#recherche-h {
	width:100%;
	padding:0;
	margin:0;
}
#recherche-h h3 {
	font-size:1.1em;
	height:28px;
	margin:0;
	padding:0;
	background: url("img/header_button_l.gif") left top no-repeat;
}
#recherche-h h3 p {
	color: #FFF;
	margin:0;
	padding: 5px 0 0 18px;
	background: url("img/header_button_r.gif") right top no-repeat;
}

#recherche {
	width:100%;
	padding:0;
	margin:0;
}
#corpf-cadre {
	float:left;
	width:333px;
	margin: 0 0 4px 0;
	padding:1px;
	background-color:#FFF;
	border:1px solid #CCC;
}
#corpf {
	float:left;
	width:313px;
	margin: 0;
	padding:5px 10px;
	font-size:0.9em;
	background:#FFF url("img/bg-th.gif") repeat-x bottom left;

}
#corpf .chm-left {
	float:left;
	width:150px;
	padding:0;
	margin:0 13px 0 0;

/*background-color:#CC0; height:60px;*/
}
#corpf .chm-right {
	float:left;
	width:150px;
	padding:0;
	margin:0;

/*background-color:#CC9; height:60px;*/
}
#corpf p {
	padding:3px 0;
	margin:0;
}
#corpf label {
	font-weight:bold
}
#corpf input, select {
	width:140px;
	border:1px solid #CCC;
	background-color:#FFF;
}
#corpf .datepicker input {
	width:31px;
	padding:0;
	margin:0 5px 0 0;
	border:1px solid #CCC;
	background-color:#FFF;
}
#corpf input.boutton-searche {
	font-weight: bold;
	text-transform:uppercase;
	color:#FFF;
	height:24px;
	padding:0 0 0 20px;
	margin:13px auto 0 auto;
	border:0;
	cursor:pointer;
	background: url("img/bt-recherche.gif") no-repeat left top;
}

/****************************************************/
/*		Résultats de la recherche des trains		*/
/****************************************************/
#rsc {
/*	overflow:auto;*/
}
#table-ch {
	width:100%;
	border-collapse: collapse;	/*	Suppression des espace entre les cellules	*/
	/*border: 1px solid #CCC;*/
	white-space: nowrap;
	margin-left: auto; 
	margin-right: auto;
	padding:3px;
}
#table-ch caption {	/* Mise en forme de la légende */
	text-align: left;
	font-size:1.1em;
	font-weight:bold;
	margin:1em 0 .5em 0;
}
#table-ch thead th {
	color: #333;
	background-color: #ebeadb;
	padding: .1em .5em;
	border: 1px solid #d0d0d0;
	text-align: center;
	vertical-align:bottom;
}
#table-ch tbody td, #table-ch thead th {
	border: 1px solid #f1efe2;
	padding: .4em;
}
#table-ch tbody th {
	text-align:center;
}
#table-ch tbody tr.lignePair {
	background: #fcfaf6;
}
#table-ch tbody tr.none {
	background: #FFF;
	color:#C33;
	height:50px;
}
#table-ch tbody td {
	text-align:center;
}
#table-ch tbody td.trb {
	font-weight:bold;
	text-align:left;
}

/* icones services */
#table-ch tbody td .service1 {
	float:left;
	display:block;
	width:16px;
	height:16px;
	background: url("img/serv_couchette.gif") no-repeat 50% 50%;
	margin:0 5px 0 0;
	cursor:pointer;
}
#table-ch tbody td .service2 {
	float:left;
	display:block;
	width:16px;
	height:16px;
	background: url("img/serv_resto.gif") no-repeat 50% 50%;
	margin:0 5px 0 0;
	cursor:pointer;
}
#table-ch tbody td .service3 {
	float:left;
	display:block;
	width:16px;
	height:16px;
	background: url("img/serv_classe1.gif") no-repeat 50% 50%;
	margin:0 5px 0 0;
	cursor:pointer;
}
#table-ch tbody td .service4 {
	float:left;
	display:block;
	width:16px;
	height:16px;
	background: url("img/serv_cafe.gif") no-repeat 50% 50%;
	margin:0 5px 0 0;
	cursor:pointer;
}

/* Début Formulaire */
#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 98%;
}
#titreForm {
	color: #333;
	font-weight:bold;
	margin: 0;
	padding:.5em 1em;
}
#piedForm {
	color: #333;
	font-weight:bold;
	background: #F4F5EB url("img/pied-form.gif") repeat-x top left;
	border-left:1px solid #B2B5AF;
	border-bottom:1px solid #B2B5AF;
	border-right:1px solid #B2B5AF;
	margin: 0;
	padding:1em;
}
#piedForm {
	text-align: right;
}
#piedForm input {
	margin-left: 1em;
	width:110px;
	height:22px;
	border:0;
	background:url("img/bg-boutton-simple.gif") no-repeat top left;
	padding:0 0 3px 0;
}
#corpForm {
	border: 1px solid #B2B5AF;
	border-bottom:0;
	color: #000;
	background: #F4F5EB;
	margin: 0;
	padding: 1em;
	font-size:1em;
}
#corpForm fieldset {
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	border:1px solid #999;
}
#corpForm legend {
	font-weight: bold;
	color: #666;
	background: transparent;
}
#corpForm p {
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label {
	float: left;
	width: 30%;
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;
}
#corpForm label.oblig {
	font-weight: normal;
}
#corpForm .legende {
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm .focus {
	color: black;
	border:1px solid #B3B7B1;
	width:280px;
	background-color:#EFF9FF;
}
#corpForm .focustexteria {
	color: black;
	border:1px solid #B3B7B1;
	width:560px;
	padding:5px;
	background-color:#EFF9FF;
}
#corpForm .normal {
	border:1px solid #B3B7B1;
	width:280px;
	background-color:#FFFFFF;
}
#corpForm .normaltexteria {
	border:1px solid #B3B7B1;
	width:560px;
	padding:5px;
	background-color:#FFFFFF;
}

/*** Mise en forme des messages d'erreur ***/
#corpForm .alerte {
	background:#E6E7DC;
}
#corpForm .alerte input{
	border:1px solid #F00;
	background:#FFF;
}
#corpForm .messageAlerte {
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('img/icon_alert.gif') no-repeat left center;
}
#corpForm em {
	color:#333;
}

/* Fin Formulaire */

#archives {
	float:right;
	width:auto;
	padding:3px 20px;
	margin:0 0 20px 0;
	color:#666;
	font-weight:bold;
	background: url("img/folder.gif") no-repeat left center;
}

#filmag {
	float:left;
	margin:5px;
	padding:5px;
	border:1px solid #CCC;
	background:#FFF;
}

/* offres d'emplois */
.puboffre {
	float:left;
	width:auto;
	padding:5px;
	margin:0 10px 0 0;
	background:#FFF;
	border:1px solid #CCC;
}
.puboffre h3{
	width:240px;
	font-size:1.2em;
	height:18px;
	padding:5px 10px;
	margin:0 0 1px 0;
	color:#FFF;
	background: url("img/bg_h3_offre.gif") repeat-x top left;
}

#dernoffre {
	float:left;
	width:552px;
	padding:0 0 10px 0;
	margin: 10px 0 0 0;
	border:1px solid #CCC;
}
#dernoffre h3{
	font-size:1.2em;
	height:18px;
	padding:5px 10px;
	margin:0;
	color:#FFF;
	background: url("img/bg_h3_offre.gif") repeat-x top left;
}
#dernoffre h4 {
	font-size:1.1em;
	color:#069;
}
#dernoffre h4, p{
	padding:10px 10px 0 10px;
	margin:0;
}
#dernoffre a.lire{
	float:right;
	font-weight:bold;
	padding:0 0 0 12px;
	background: url("img/fiche.gif") no-repeat left center;
}