body {
	position:relative;
	
	margin:0;
	padding:0;
	color:#545454;
	background:#789BB9 url("img/bg_page.jpg") repeat-x top left;
	font:small/123% Arial, Helvetica, sans-serif;
	font-size:.7em;
}
form { 
	margin:0;
	padding:0
}
img { 
	border:none;
}
a { 
	text-decoration:none;
	color:#369;
}
h4 {
	font-size:1.1em;
	color:#369;
	margin:0;
	padding:3px 0;
}

.titre1 {
	font-size:1.4em;
	color:#996600;
	font-weight:bold;
	line-height:normal
}

.lien_ocre {
	font-size:1em;
	color:#9E7D4B;
	
}

.clear {
	clear:both;
}
.center {
	text-align: center;
}
.float-right {
	float:right;
}
.float-left { 
	float:left;
}
.b {
	font-weight:bold;
}

/***************************/
/* Construction de la page */
/***************************/

/* Cadre globale de la page */
#main {
	width:780px;
	margin:0 auto;
	padding:0;
	background-color:#FFF;
}
/* Haut de page */
#top {
	width:780px;
	height:25px;
	margin:0;
	background:#FFF url("img/top.jpg") no-repeat top left;
}
#top #navig {
	width:202px;
	height:20px;
	margin:0;
	padding:0;
	background-color:#EEE;
}
#top ul {
	width:128px;
	height:14px;
	margin:0 auto;
	padding:3px 0 0 0;
	list-style-type: none;
}
#top li {
	float: left;
}
#top li a {
	display:block;
	float:left;
	width:32px;
	height:14px;
	margin:0;
	padding:0;
}
#top li a#home {
	background: url("img/top-icones_ar.gif") no-repeat 0px 0px;
}
#top li a:hover#home {
	background: url("img/top-icones_ar.gif") no-repeat 0px -14px;
}
#top li a#contact {
	background: url("img/top-icones_ar.gif") no-repeat -32px 0px;
}
#top li a:hover#contact {
	background: url("img/top-icones_ar.gif") no-repeat -32px -14px;
}
#top li a#map {
	background: url("img/top-icones_ar.gif") no-repeat -64px 0px;
}
#top li a:hover#map {
	background: url("img/top-icones_ar.gif") no-repeat -64px -14px;
}
#top li a#flag {
	background: url("img/top-icones_ar.gif") no-repeat -96px 0px;
}
#top li a:hover#flag {
	background: url("img/top-icones_ar.gif") no-repeat -96px -14px;
}

/**********/
/* Footer */
/**********/
#footer {
	float:left;
	width:780px;
	height:74px;
	margin:0;
	padding:0;
	background: url("img/footer.jpg") repeat-x top left;
	font-size:1px;
}
#footer ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#footer li {
	margin:0;
	padding:0;
	clear:both;
}
#footer p.copyright {
	text-align:center;
	margin:20px 0 0 0;
	padding:0;
	color:#FFF;
	font-size:11em;
}



#content {
	float:left;
	background-color:#FFF;
	width:780px;
	height:710px
}
#content2 {
	float:left;
	background:#FFF url("img/bg-page-bottom.gif") no-repeat 100% 100%;
}
#left {
	float:left;
	width:199px;
	background:#FFF;
}
#right {
	float:right;
	width:581px;
	height:214px;
}
#right2 {
	float:right;
	width:581px;
	min-height:800px;
	margin-bottom:5px;
	background:#FFF url("img/bg-page-middel.gif") repeat-y top right;
}
#logo {
	width:199px;
	height:190px;
	background:#FFF url("img/logo-cnrc.jpg") no-repeat top left;
}





/*	-------------------------------------------------------------

/*	-------------------------------------------------------------
	9. RIGHTCOLUMN 2-COL BOX
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/




          #rightcolumn {
        	width:190px;
			margin:0;
			padding:0;
			font-size:1em;
			color:#CC3300;
          }



          #rightcolumn .two {
          	width: 190px;
          	margin: 0 0 0 0px;
			overflow: hidden;
          }
		  
		  #rightcolumn .two .titre {
		 
           	background:#FFF url("img/menu_v.gif") no-repeat top left;
          	width: 190px;
          	
          	margin: 0 0 0px 0;
        	padding:  0;
          	border-left: 1px solid #eee;
          	border-right: 1px solid #eee;
          	border-top: 1px solid #E8E8E8;
          	border-bottom: 1px solid #E8E8E8;
            
            /*
			background-color: #fff;
          	width: 190px;
          	margin: 0 0 2px 0;
          	padding: 4px 0;
          	border-left: 1px solid #eee;
          	border-right: 1px solid #eee;
          	border-top: 4px solid #E8E8E8;
          	border-bottom: 4px solid #E8E8E8;
            -moz-border-radius: 4px;
*/
		  
		  }
		  
		  #rightcolumn .two .titre ul {
		   
          
          	margin: 0;
          	padding:4px 0 4px 0 ;
          	list-style: none;
          	overflow: hidden;
          	width: 190px;
			line-height:2.2;
          	
          }
		   #rightcolumn .two .titre ul a {
		   
          	padding: 2px 0 2px 10px;
          
          	text-decoration: none;
          	 color:#FFFFFF;
			font-weight:bold
          }
		  
		  
		   #rightcolumn .two .titre ul li:hover a:visited {
                  text-decoration: underline;
				 padding: 2px 0 2px 10px;
				 color:#E1FBFF;
					
          }
		  
		  
          #rightcolumn .two .left {
          	width: 190px;
          	float: left;
          }
          #rightcolumn .two .right {
          	width: 190px;
          	float: right;
          }
          #rightcolumn .two .box {
            background-color: #fff;
          	width: 190px;
          	margin: 0 0 2px 0;
          	padding: 4px 0;
          	border-left: 1px solid #eee;
          	border-right: 1px solid #eee;
          	border-top: 4px solid #E8E8E8;
          	border-bottom: 4px solid #E8E8E8;
            -moz-border-radius: 4px;
          }
          
         
          #rightcolumn .two .box ul {
          	margin: 0;
          	padding: 0;
          	list-style: none;
          	overflow: hidden;
          	width: 190px;
          	line-height: 1.6;
          }
          #rightcolumn .two .box ul li {
                    width:190px;
                    float: left; 
                    margin: 0;
                    padding: 0;
                    border-top: 1px solid #F0F0F0;
          }
		  
		   #rightcolumn .two .box ul li.e {
                   
                   color:#006699;
          }
		  
		  
          #rightcolumn .two .box ul a {
          	padding: 2px 0 2px 10px;
          	display: block;
          	text-decoration: none;
          	color: #003366;
          }
          #rightcolumn .two .box ul li.inline {
               padding-left: 8px;
          }
          #rightcolumn .two .box ul li.inline a {
               padding: 2px;
               line-height: 2.1em;
               display: inline; 
          }
          #rightcolumn .two .box ul a:visited {
                    background-color: #F7F7F7;
                    text-decoration: none;
          }
          #rightcolumn .two .box ul li:hover a:visited {
                    text-decoration: underline;
					color: #996600;
          }
          
          #rightcolumn .two .box ul a:active {
                    background-color: #F5F5F5;
                    outline: none;
          }
          
          #rightcolumn .two .box ul a:focus {
                    outline: none;
          }
          #rightcolumn .two .box ul a:hover {
                    text-decoration: underline;
                    border: 0;
          }
 



/*****************/
/* Menu Vertical */
/*****************/
#menu-vertical {
	width:199px;
	margin:0;
	padding:0;
	font-size:1px;
}
#menu-vertical ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#menu-vertical ul li a {
	display:block;
	width:199px;
	padding:0;
	font-size:1px;
}
#menu-vertical ul li a P{
	margin:0;
	padding:0;
}
#menu-vertical li a#services {
	height:79px;
	margin:0 0 2px 0;
	background:#FFF url("img/mn-vertical.jpg") no-repeat 0px 0px;
}
#menu-vertical li a:hover#services {
	background:#FFF url("img/mn-vertical.jpg") no-repeat -200px 0px;
}

#menu-vertical li a#stats {
	height:79px;
	margin:0 0 2px 0;
	background:#FFF url("img/mn-vertical.jpg") no-repeat 0px -82px;
}
#menu-vertical li a:hover#stats {
	background:#FFF url("img/mn-vertical.jpg") no-repeat -200px -82px;
}

#menu-vertical li a#tarifs {
	height:79px;
	margin:0 0 2px 0;
	background:#FFF url("img/mn-vertical.jpg") no-repeat 0px -163px;
}
#menu-vertical li a:hover#tarifs {
	background:#FFF url("img/mn-vertical.jpg") no-repeat -200px -163px;
}

#menu-vertical li a#compte {
	height:79px;
	margin:0 0 2px 0;
	background:#FFF url("img/mn-vertical.jpg") no-repeat 0px -244px;
}
#menu-vertical li a:hover#compte {
	background:#FFF url("img/mn-vertical.jpg") no-repeat -200px -244px;
}



#menu-vertical li a#recherches {
	height:79px;
	margin:0 0 2px 0;
	background:#FFF url("img/mn-vertical.jpg") no-repeat 0px -324px;
	
}
#menu-vertical li a:hover#recherches {
	background:#FFF url("img/mn-vertical.jpg") no-repeat -200px -324px;
}




#menu-vertical li a#telecharger {
	height:79px;
	margin:0 0 2px 0;
	background:#FFF url("img/mn-vertical.jpg") no-repeat 0px -404px;
}
#menu-vertical li a:hover#telecharger {
	background:#FFF url("img/mn-vertical.jpg") no-repeat -200px -404px;
}

#menu-vertical li a#documents {
	height:84px;
	margin:0;
	background:#FFF url("img/mn-vertical.jpg") no-repeat 0px -484px;
}
#menu-vertical li a:hover#documents {
	background:#FFF url("img/mn-vertical.jpg") no-repeat -200px -484px;
}

#menu-vertical li a#clients {
	height:109px;
	margin:0;
	background:#FFF url("img/mn-vertical.jpg") no-repeat 0px -567px;
}
#menu-vertical li a:hover#clients {
	background:#FFF url("img/mn-vertical.jpg") no-repeat -200px -567px;
}

/*******************/
/* Menu Horizontal */
/*******************/
#menu-horizontal {
	width:581px;
	height:49px;
	margin:0;
	padding:0;
	background:#FFF url("img/bg-mh-left.gif") repeat-y top left;
}
#content-mh {
	float:right;
	width:575px;
	height:49px;
}
#menu-horizontal ul {
	float: left;
	width:100%;
	height:48px;
	margin:0;
	padding:0;
	background-color:#F4F5F7;
	border-bottom:1px solid #DADADA;
	list-style-type: none;
}
#menu-horizontal li {
	float: left;
}
#menu-horizontal li a {
	display:block;
	float:left;
	width:143px;
	margin:0;
	padding:10px 0;
	background:#FFF url("img/bg-menu-h.gif") no-repeat 0px 0px;
}
#menu-horizontal li a.active {
	color:#AD9960;
	background:#FFF url("img/bg-menu-h.gif") no-repeat 0px -48px;
}


#menu-horizontal li a:hover {
	color:#AD9960;
	background:#FFF url("img/bg-menu-h.gif") no-repeat 0px -96px;
}


#menu-horizontal li a:hover .hh {
	color:#AD9960;
}
#menu-horizontal li h3 {
	text-transform:uppercase;
	text-align:center;	
	font-weight:bold;
	font-size:1em;
	color:#58676b;
	margin:0 0 0 0px;
	padding:0;
}
#menu-horizontal li p {
	font-size:.9em;
	color:#666;
	text-align:center;
	margin:0 0 0 0px;
	padding:0;
}


/********************/
/* Animation en top */
/********************/
#animation {
	width:581px;
	height:187px;
	margin:0;
	padding:0;
	font-size:1px;
}

/****************/
/* Contenu Home */
/****************/
#content-center {
	float:left;
	width:385px;
	margin:0;
	padding:0;
}

#news-top {
	width:385px;
	height:62px;
	margin:0;
	padding:0;
	background:#FFF url("img/bg-head-news.jpg") no-repeat top left;
	font-size:1px;
}
#news-middel {
	width:365px;
	height:381px;
	margin:0;
	padding:0 10px 10px 10px;
	background:#FFF url("img/bg-home-news.gif") repeat-y top left;
}
#news-bottom {
	width:385px;
	height:6px;
	margin:0;
	padding:0;
	background:#FFF url("img/bg-home-news-bottom.gif") no-repeat top left;
}

#content-right {
	float:left;
	width:190px;
	font-size:1px;
	margin:0;
	padding:0;
	background:#FFF url("img/bg-mn-right.gif") repeat-y top left;
}
#content-right ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#content-right ul li a {
	display:block;
	width:190px;
	margin:0 0 3px 0;
	padding:0;
}
#content-right li a#portail {
	height:160px;
	background:#FFF url("img/mn-right.jpg") no-repeat 0px 0px;
}
#content-right li a#documents {
	height:77px;
	background:#FFF url("img/mn-right.jpg") no-repeat 0px -160px;
}
#content-right li a#clients {
	height:102px;
	background:#FFF url("img/mn-right.jpg") no-repeat 0px -240px;
}
#content-right li#content-right-bottom {
	height:7px;
	background:#FFF url("img/mn-right.jpg") no-repeat 0px -352px;
}















/*************/
/* News home */
/*************/
.bloc-list-news {
	margin:0 0 0 10px;
	padding:0;
}
.list-news {
	margin:0;
	padding:0;
	display:block;
}
.list-news p.cnt {
	margin:0;
	padding:0 0 5px 0;
}
.list-news .clr {
	float:left;
	width:100%;
	display: block;
	list-style-type:none;
	margin:0 0 10px 0;
	padding:8px 0;
	border-bottom:1px dashed #CCC;
}
.clr h2 {
	padding:0 0 3px 0;
	margin:0;
	font-size:1em;
}
.clr h2 a {
	color:#0B5071;
}
.clr span {
	display:block;
	color:#C30;
	padding:0 0 5px 20px;
	background: url("img/puce-5.gif") no-repeat 0px 0px;
}
.clr p.detail {
	position:absolute;
	display:block;
	width:45px;
	margin:0 0 0 299px;
	padding:0 0 0 13px;
	background:#FFF url("img/puce.gif") no-repeat 0% 50%;
}
.clr p.detail a {
	color:#666;
}




/************************/
/* Top large page (n-1) */
/************************/
#top-large-page {
	width:581px;
	height:50px;
	font-size:1.1em;
	margin:0;
	padding:0;
	background:#FFF url("img/bg-page-top.gif") no-repeat top right;
}
#top-large-page #train {
	margin:0;
	padding:20px 20px;
}
#top-large-page #train #i-home {
	padding:0 10px 0 20px;
	background: url("img/icone_home.gif") no-repeat 0% 0%;
}

#large-page {
	width:548px;
	padding:10px;
	margin:0 0 0 5px;
}
#large-page p {
	margin:0;
	padding:3px;
}
#large-page .img{
	float:left;
	padding:4px;
	background-color:#FFF;
	border:1px solid #CCC;
	margin:0 10px 10px 0;
	clear:both;
}

/* Liste 1 */
#large-page ul.liste-1 {
	margin:0 0 0 20px;
	list-style-image: url("img/puce-1.gif");
	padding:5px 0;
}
#large-page ul.liste-1 a {
	color:#369;
	margin:0;
	padding:3px 0;
}
#large-page ul.liste-1 a:hover {
	color:#AD9960;
	margin:0;
	padding:3px 0;
}
/* Liste 2 */
#large-page ul.liste-2 {
	margin:0 0 0 20px;
	list-style-image: url("img/puce-2.gif");
	padding:5px 0;
}
#large-page ul.liste-2 a {
	color:#369;
	margin:0;
	padding:3px 0;
}
#large-page ul.liste-2 a:hover {
	color:#AD9960;
	margin:0;
	padding:3px 0;
}
/* Liste 3 */
#navcontainer { 
	width: 100%;
}
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navcontainer a {
	width: 95%;
	display: block;
	cursor:pointer;
	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%;
	color:#AD9960;
}
#navcontainer a.active {
	background:#F2F2F2 url("img/puce2.gif") no-repeat 0% 50%;
	border-bottom: 1px solid #CCC;
}




/* Accordion */
#accordion {
	width:100%;
	padding:0;
	margin:1px 0 0 0;
	border-bottom:1px solid #CCC;
}
#accordion h3 {
	text-align:left;
	cursor:pointer;
	font-size:1.2em;
	padding:2px 25px;
	border:1px solid #CCC;
	border-bottom: none;
	font-weight:bold;
	line-height:1.9em;
	background:#DDD url("img/puce.gif") no-repeat 1% 50%;
	margin:0;
}
#accordion .element {
	margin:0;
	padding:0 3px;
	background-color:#F2F2F2;
	border:1px solid #CCC;
	border-top:none;
	border-bottom:none;
}

/*********************************/
/* 		Tableau type -ch-		 */
/*********************************/
#ttype1 {
	border-collapse: collapse;	/*	Suppression des espace entre les cellules	*/
	white-space: nowrap;
	margin-left: auto; 
	margin-right: auto;
	padding:3px;
}
#ttype1 caption {	/* Mise en forme de la légende */
	color:#666;
	text-align: left;
	font-size:1.1em;
	font-weight:bold;
	padding:.5em .5em .5em 1em;
	background: url("img/puce-6.gif") no-repeat 0% 50%;
}
#ttype1 thead th {
	color: #FFF;
	background-color: #6886A0;
	padding: .1em .5em;
	text-align: center;
	text-transform:uppercase;
	vertical-align:bottom;
}
#ttype1 tbody td, #ttype1 thead th {
	border: 1px solid #9DB6CC;
	padding: .4em;
}

#ttype1 tbody th {
	color: #FFF;
	background-color: #88A5BF;
	padding: .5em;
	text-align: center;
	vertical-align:bottom;
}
#ttype1 tbody tr.lignePair {
	background: #E5EDF4;
}
#ttype1 tbody tr.ligneImpair {
	background: #F7FBFF;
}

#ttype1 tbody tr.none {
	background: #FFF;
	color:#C33;
	height:50px;
}
#ttype1 tbody td {
	text-align:center;
}
#ttype1 tbody td.Left {
	text-align:left;
}
#ttype1 tbody td.trb {
	font-weight:bold;
	text-align:left;
}

/*********************************/
/* 		Tableau type -statistiques-		 */
/*********************************/

#ttype12 {
	border-collapse: collapse;	/*	Suppression des espace entre les cellules	*/
	white-space: nowrap;
	margin-left: auto; 
	margin-right: auto;
	padding:3px;
}
#ttype12 caption {	/* Mise en forme de la légende */
	color:#666;
	text-align: left;
	font-size:1.1em;
	font-weight:bold;
	padding:.5em .5em .5em 1em;
	background: url("img/puce-6.gif") no-repeat 0% 50%;
}
#ttype12 thead th {
	color: #FFF;
	background-color: #6886A0;
	padding: .1em .5em;
	text-align: center;
	text-transform:uppercase;
	vertical-align:bottom;
}
#ttype12 tbody td, #ttype12 thead th {
	border: 1px solid #9DB6CC;
	padding: .15em;
}

#ttype12 tbody th {
	color: #FFF;
	background-color: #88A5BF;
	padding: .5em;
	text-align: center;
	vertical-align:bottom;
}
#ttype12 tbody tr.lignePair {
	background: #E5EDF4;
}
#ttype12 tbody tr.ligneImpair {
	background:#FCFAF5;
	/*background:#F7FBFF*/
}

#ttype12 tbody tr.none {
	background: #FFF;
	color:#C33;
	height:50px;
}
#ttype12 tbody td {
	text-align:center;
}
#ttype12 tbody td.Left {
	text-align:left;
}
#ttype12 tbody td.trb {
	font-weight:bold;
	text-align:left;
}

/**/
.bloc-list-news2 {
	width:99%;
}
.list-news2 {
	margin:0;
	padding:0;
	display:block;
}
.list-news2 p.cnt {
	margin-top:0.3em;
}
.list-news2 .clr2 {
	float:left;
	width:100%;
	display: block;
	list-style-type:none;
	margin:0 0 10px 0;
	padding:10px 0;
	border:0;
	/*border-bottom:1px solid #DDD;*/
}
.clr2 h2 {
	padding:0 0 5px 0;
	margin:0;
	font-size:1em;
}
.clr2 h1 {
	padding:0 0 10px 0;
	margin:0;
	line-height:1.3em;
	font-size:1.2em;
	color:#369;
}

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

/**/

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

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