/* general tag styles */

body {
	font-family: Verdana, Arial, sans-serif;
	color: #545454;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 70%;
}

p, td, li, form, label {
	font-size: 1em;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 140%;
	padding: 0 0 10px 0;
	color: #545454;
	font-weight: normal;
	border: 0;
	margin: 0;
}

p.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
} 

div.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
} 

h1 { 
	line-height: 120%;
	font-size: 2.2em;
	margin: 0;
	border: 0;
	padding: 0 0 5px 0;
	color: #3f5689;
	font-weight: normal;
}

h2 {
    font-size: 1.9em;
	line-height: 120%;
	margin: 0;
	border: 0;
	padding: 10px 0 3px 0;
	color: #444444;
	font-weight: normal;
}

h3 {
	line-height: 120%;
	font-size: 1.6em;
	margin: 0;
	border: 0;
	padding: 5px 0 3px 0;
	color: #444444;
	font-weight: normal;
}

h4 {
    line-height: 120%;
	font-size: 1.3em;
	margin: 0;
	border: 0;
	padding: 5px 0 3px 0;
	color: #333333;
	font-weight: normal;
}

h5, h6 {
	font-size: 1.1em;
	line-height: 140%;
	margin: 0;
	border: 0;
	padding: 5px 0 10px 0;
	color: #545454;
	font-weight: normal;
}

select {
	font-size: x-small;
}

a, a:hover {
	color: #5775AB;
	text-decoration: none;
}

/* SoulignŽ contenu classique 
#content-container.rub00 #content-c p a, #content-container.rub01 #content-c p a:hover {
	background:transparent url(../images/dot00.gif) repeat-x scroll left bottom;
}
#content-container.rub01 #content-c p a, #content-container.rub01 #content-c p a:hover {
	background:transparent url(../images/dot01.gif) repeat-x scroll left bottom;
}
#content-container.rub02 #content-c p a, #content-container.rub02 #content-c p a:hover {
	background:transparent url(../images/dot02.gif) repeat-x scroll left bottom;
}
#content-container.rub03 #content-c p a, #content-container.rub03 #content-c p a:hover {
	background:transparent url(../images/dot03.gif) repeat-x scroll left bottom;
}
#content-container.rub04 #content-c p a, #content-container.rub04 #content-c p a:hover {
	background:transparent url(../images/dot04.gif) repeat-x scroll left bottom;
}
*/

/* Et ANNULER les autres soulignŽs ! 
#content-container #content-c p.crumb a, #content-container #content-c p.crumb a:hover {
	background-image: none;
}
#content-container #content-c .util-box p.util-right a.util-btn, #content-container #content-c .util-box p.util-right a.util-btn:hover {
	background-image: none;
}
#content-container #content-c #tabs0130 ul li p a.grey, #content-container #content-c #tabs0130 ul li p a.grey:hover {
	background-image: none;
}
#content-container #content-l .arrowlistmenu ul.categoryitems li p a, #content-container #content-l .arrowlistmenu ul.categoryitems li p a:hover {
	background-image: none;
}
#content-container #content-c #tabs0141 ul li p a.grey, #content-container #content-c #tabs0141 ul li p a.grey:hover {
	background-image: none;
}
*/

#content-container a.grey, a.grey:hover {
	color: #545454;
	text-decoration: none;
}

label {
	color: #000;
	vertical-align: top;
	font-size: x-small;
}

.em-note {
  font-style: italic;
}

sup {
    font-size: 1em;
    vertical-align: baseline;
    position: relative;
   	bottom: 0.36em;
}

sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}

/* main containers */ 

#main {
	margin: -39px 0 0 0;
	background: #F0F0F0 url(../images/main-bg.jpg) center top repeat-y;
}

#main-home {
	margin: -39px 0 0 0;
	background: #fff url(../images/main-home-bg.jpg) left top repeat-x;
}

#main-container {
	text-align: left; 
	margin: 0 auto;
	width: 960px;
}

#main-container-top {
	background: url(../images/main-top.jpg) center top no-repeat;
}

#main-container-bottom {
	background: url(../images/main-bottom.jpg) center bottom no-repeat;
}

#header-container {
	text-align: left; 
	margin: 0 auto;
	width: 960px;
}

#header img {
	behavior: url(css/iepngfix.htc);
}

/* content containers */

#content-container {
	padding: 10px 0 0 10px;
}

#column-l {
	float: left !important;
	width: 700px;
	margin: 0 10px 0 0;
}

/* header */

#logo {
	width: 96px;
	margin: 0 0 -1px 0;
	padding: 0 16px 0 27px;
	position: relative;
	z-index: 100;
}

#nav {
	float: left;
	width: 633px;
	margin: 0 0 -1px 0;
	padding: 7px 0 0 9px;
}

.nav-title {
	padding: 0 0 6px 6px;
	margin: -7px 0 0 0;
}

#tnav {
	list-style: none;
	margin: 0;
}

#tnav li {
	background: none;
	padding: 0;
	margin: 0 13px 0 0;
	float: left;
	position: relative;
	z-index: 105;
}

#search, #search form {
	float: right;
}

#search {
	margin: 3px 3px 0 0;
	height: 24px !important;
}

#search img {
	vertical-align: middle;
}

#search input {
	background: transparent;
	border: none;
	vertical-align: top;
	padding: 3px 5px 3px 10px;
	width: 188px;
	height: 16px;
	line-height: 100%;
	color: #545454;
}

*:focus {outline: 0;}

#search .input-area {
	background: url(../images/search-bg.gif) left top no-repeat;
	height: 20px;
	margin: 0 0 0 5px;
	float: left;
}

#search input.btn {
	background: none;
	border: none;
	vertical-align: middle;
	padding: 0;
	width: auto;
	height: 20px;
}

.search-label {
	float: left;
	margin: 2px 0 0 0;
}

/* left navigation */

#content-l {
	float: left;
	width: 220px;
	padding: 25px 20px 0 0;
}

.arrowlistmenu {
	background: url(../images/sep_reverse.jpg) left bottom no-repeat;
	padding: 0 0 20px 0;
}

.callout-l {
	background: url(../images/sep.jpg) left bottom no-repeat;
	padding: 10px 0 20px 0;
}

.callout-l img {
	vertical-align: middle;
	line-height: 100%;
}

#content-l input, #identification input {
	background-color: transparent;
	border: none;
	padding: 2px 5px 1px 2px;
	margin: 3px 0 0 0;
	width: 175px;
	height: 16px;
	line-height: 100%;
	vertical-align: top;
}

#content-l .input-area, #identification .input-area {
	background: url(../images/input-bg.jpg) left top no-repeat;
	padding: 0;
}

#content-l input.btn, #identification input.btn {
	background: none;
	border: none;
	padding: 0;
	margin: 0 0 0 7px;
	width: auto;
	height: 23px;
	vertical-align: -0.2em !important;
}
#identification ul {
	float:right;
}

/* center content area */

#content-c {
	float: left;
	width: 460px;
	padding: 10px 0 0 0;
}

.crumb, .crumb a {
	color: #808080;
	background: none;
}

.blurb {
	font-size: 1.2em;
}

.img-frame-flush-left {
	float: left;
	margin: 5px 10px 5px 0;
	padding: 4px;
	border: 1px solid #C1C1C1;
}

.img-frame {
	padding: 4px;
	border: 1px solid #C1C1C1;
}

ul {
	margin: 0px 0px 5px 15px;
	list-style: none;
}

ul li {
	background: url(../images/bullet.gif) left top no-repeat;
	padding: 0 0 3px 15px;
}

/* A faire fonctionner avec les onglets...
#content-container.rub00 #content-c ul li { background-image: url(../images/bullet00.gif); }
#content-container.rub01 #content-c ul li { background-image: url(../images/bullet01.gif); }
#content-container.rub02 #content-c ul li { background-image: url(../images/bullet02.gif); }
#content-container.rub03 #content-c ul li { background-image: url(../images/bullet03.gif); }
#content-container.rub04 #content-c ul li { background-image: url(../images/bullet04.gif); }
*/

ul.links-list li, #modele-filtre-liste ul li, #modele-filtre-liste-annexe ul li {
	background: url(../images/arrow.gif) left top no-repeat;
	padding: 0 0 3px 10px;
}

.grey-box {
	border: 1px solid #c1c1c1;
	background: #efefef;
	margin: 10px 0 10px 0;
	padding: 5px 15px 10px 15px;
}

.grey-box ul {
	margin: 0 0 5px 0;
}

.grey-shadow-box {
	border: 1px solid #c1c1c1;
	margin: 0 0 20px 0;
	padding: 10px 15px 10px 15px;
	background: url(../images/grey-bg.jpg) left top repeat-x;
}

.video {
	margin: 0 0 20px 0;
}

.video div {
	background: url(../images/video-shadow.jpg) left center no-repeat;
	padding: 0 10px;
}

.video-label {
	background: #E0E0E0;
	margin: 0 10px;
	text-align: center;
	padding: 3px 10px;
}

.tabs-content {
	background: url(../images/tabs-bg.jpg) left top repeat-y;
	margin: 0px 0 20px 0;
}

.tabs-content ul {
	margin-left: -10px;
}

.tabs-content ul li a strong {
	font-size: 1.1em;
}

.tabs-content a:hover, .callout-indent a:hover {
	text-decoration: none !important;
}

/* 100115 Zoué */
/*
#content-container .tabs-content .area a, #content-container .callout-indent .area a {
	color: #545454;
}
*/

/*
.tabs-content .area li, .tabs-content .area li a, .callout-indent .area li, .callout-indent .area li a {
	color: #26937d !important;
}
*/

.tabs-content .area, .callout-indent .area {
	behavior: url(css/csshover.htc);
}

.tabs-content .area:hover, .callout-indent .area:hover {
	background: #f9f9f9;
}

.tab-l {
	float: left;
	width: 215px;
	padding: 0 20px 0 0;
}

.tab-r {
	float: left;
	width: 200px;
	padding: 0 0 0 20px;
}

.h-line {
	font-size: 1px;
	line-height: 1px;
	border-top: 1px solid #E0E0E0;
	clear:both;
	padding:0;
	margin:5px 0 5px 0;
}

.dotted, .dotted:hover {
	background: url(../images/dot.gif) left bottom repeat-x;
	text-decoration: none;
}

.util-box {
	border: 1px solid #c1c1c1;
	margin: 0 0 20px 0;
	padding: 5px 5px 0 5px;
	background: url(../images/grey-bg.jpg) left top repeat-x;
	height: 100%;
}

.util-right {
	float: right;
	padding: 0 0 5px 0;
}

.util-right img {
	vertical-align: -0.5em;
}

.util-btn img {
	vertical-align: -0.3em;
	margin: 0 3px 0 0;
}

.util-btn {
	border: 1px solid #979797;
	color: #424242;
	background: #fff url(../images/btn-bg.jpg) left bottom repeat-x;
	padding: 2px 8px 3px 8px;
	margin: 0 4px 0 0;
	height: 13px;
	line-height: 100%;
	float: left;
}

.util-btn:hover {
	color: #424242;
	text-decoration: none;
}

.retour {
	margin: 0 0 0 0;
	padding: 0;
}

.retour img {
	vertical-align: -0.3em;
}


/* right column styles / callouts */

#column-r {
	float: left;
	width: 240px;
	margin: 0 -3px 0 0;
	background: url(../images/column-r-bg.gif) left top repeat-y;
}

#column-r-bottom {
	padding: 0 0 100px 0;
	background: url(../images/column-r-bottom.jpg) left bottom no-repeat;
}

#column-r img {
	behavior: url(css/iepngfix.htc);
}

.acces-direct {
	background: url(../images/acces.png) left top no-repeat;
	behavior: url(css/iepngfix.htc);
	margin: -66px 0 0 0;
	padding: 75px 0 20px 0;
	position: relative;
	z-index: 101;
}

.acces-direct-bg {
	padding: 0 20px 1px 10px;
	height: 100%;
}

.acces-box {
	background: url(../images/acces-box.gif) left bottom no-repeat;
	padding: 0 5px 5px 5px;
	margin: 0 0 20px 0;
	width: 202px;
}

.acces-box select {
	font-size: 1.1em;
	width: 170px;
	vertical-align: middle;
}

.acces-box img {
	vertical-align: -0.5em;
}

#main-home .acces-direct {
	background: url(../images/acces-home.png) left top no-repeat;
	margin: -365px 0 170px 722px;
	padding: 75px 0 4px 0;
	position: relative;
	z-index: 101;
}

#main-home .acces-direct .acces-box {
	margin: 0 0 10px 0;
	width: 202px;
}

#main-home .acces-direct .acces-direct-bg {
	padding: 0 10px 1px 10px;
	height: 100%;
}

#callouts {
	/* background: url(../images/sep_reverse.jpg) left top no-repeat; */
	padding: 30px 0 0 0;
	margin: 15px 0 0 20px;
}
#callouts-perso {
	/* background: url(../images/sep_reverse.jpg) left top no-repeat; */
	padding: 0;
	margin: 5px 0 0 20px;
}

.callout {
	background: url(../images/sep.jpg) left bottom no-repeat;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.callout h3 {
	color: #444444;;
	font-size: 1.6em;
	padding: 0 0 10px 10px;
	margin: 0 0 10px 0;
	background: url(../images/sep_reverse.jpg) left bottom no-repeat;
}

.callout-indent {
	margin: 0;
	padding: 0 0 0 10px;
}

.callout ul {
	margin-left: -10px;
	margin-bottom: 3px;
}

.callout ul li a strong {
	font-size: 1.1em;
}

.green {
	color: #36a38d;
}

.align-center {
	text-align: center;
}

.result {
	border-bottom: 1px solid #E0E0E0;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

.result-last {
	width: 100%;
}

.procent {
	background: url(../images/procent.jpg) left center repeat-x;
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
}

.check {
	vertical-align: middle;
	height: 15px;
	width: 15px;
}

/* footer */

#footer {
	padding: 0 0 30px 0;
}

#footer-container {
	text-align: left; 
	margin: 0 auto;
	width: 960px;
	padding: 14px 0 0 0;
}

#footer .hdr {
	color: #fff;
	font-size: 1.3em;
	border-bottom: 1px solid #6779A7;
	padding: 0 0 5px 0;
	margin: 0 0 10px 10px;
	font-weight: bold;
}

#footer ul {
	margin-left: 0;
}

#footer ul li {
	background: url(../images/arrow-footer.gif) left top no-repeat;
	padding-left: 10px;
}

#footer ul li a {
	color: #95b6ff;
}

#footer a {
	color: #95b6ff;
	margin: 0 10px 0 0;
}

.footer-l {
	float: left;
	width: 220px;
	margin: 0 20px 0 0;
}

.footer-r {
	float: left;
	width: 240px;
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
}

.footer-perso {
	height:200px;
}

.footer-r img {
	behavior: url(css/iepngfix.htc);
}

.footer-r ul {
	float: right;
}

#footer form {
	margin: 20px 0 0 10px;
}

#footer img {
	vertical-align: middle;
}

#footer input {
	background: transparent;
	border: none;
	padding: 3px 5px 1px 6px;
	width: 176px;
	margin: 0 3px 0 0;
	height: 16px;
	line-height: 100%;
	color: #545454;
	vertical-align: middle;
}

#footer .input-area {
	background: url(../images/input3-bg.gif) left top no-repeat;
	height: 20px;
}

#footer input.btn {
	background: none;
	border: none;
	padding: 0;
	vertical-align: middle;
	width: auto;
	margin: 0;
	height: 20px;
	behavior: url(css/iepngfix.htc);
}

#footer input.btn img {
	behavior: url(css/iepngfix.htc);
}

.dotted-line {
	font-size: 1px;
	line-height: 1px;
	background: url(../images/dot2.gif) left top repeat-x;
} 

.flush-right {
	float: right;
}

.big {
	font-size: 1.3em;
}

.subscribe {
	margin: 0;
}

.subscribe th {
	text-align: left;
	padding: 0 15px 3px 0;
}

.subscribe td {
	padding: 0 0 7px 10px;
}

.subscribe td.right {
	padding: 0 0 7px 0;
}

.subscribe td input  {
	border: 1px solid #C1C1C1;
	width: 262px;
	padding: 2px;
	background: url(../images/input-bg2.jpg) left top repeat-x;
}

.subscribe td input.address {
	width: 418px;
}

.subscribe td textarea {
	width: 266px;
	height:100px;
}

.subscribe td select  {
	width: 204px;
	height:20px;
	color:#545454;
}

.subscribe td input.check  {
	border: none;
	background: none;
	width: auto;
}

.subscribe .button {
	border-top: 1px solid #c1c1c1;
	text-align: right;
	padding: 0 !important;
}

.button .btn {
	border: 1px solid #979797;
	color: #545454;
	width: 140px;
	text-align: center;
	font-size: 1em;
	margin: 10px 0 0 0;
	cursor: pointer;
}

.options {
	background: #F0F0F0;
	padding: 3px 5px;
	margin: 0 0 5px 0;
}

.options .check {
	float: left;
	width: 15px;
	margin: 0 10px 0 0;
}

.options span {
	float: left;
	width: 200px;
}

.callout-indent .vote-button {
	border: 1px solid #979797;
	font-size: 1em;
	color: #545454;
	background: #fff url(../images/btn-bg.jpg) left bottom repeat-x;
	padding: 1px 5px !important;
	width: 173px !important;
	cursor: pointer;
}

/* home page styles */

.flash {
	padding: 0 8px 0 12px;
	background: #fff url(../images/flash-shadow.jpg) left top no-repeat;
}

.img-shadow {
	padding: 0 5px 0 6px;
	background: #fff url(../images/img-shadow.jpg) left top no-repeat;
}

#home-feaures {
	padding: 10px 0;
}

#home-feaures h1 {
	color: #808080;
	padding: 0 0 5px 0;
}

#home-feaures p {
	padding: 0 0 5px 0;
}

#home-feaures ul {
	margin: 0;
}

#home-feaures ul li {
	padding: 0 0 0 15px;
	background: url(../images/arrow-green.gif) left top no-repeat;
	color: #545454;
}

#home-feaures ul li a {
	font-size: 1em;
	color: #545454;
	text-decoration: none;
}

#home-feaures a:hover {
	font-size: 1em;
	color: #545454;
	text-decoration: none;
}

#home-feaures .blue {
	background: url(../images/arrow-blue.gif) left top no-repeat;
}

/*
#home-feaures ul li.blue span {
	font-size: 1.2em;
	color: #3c8ac1;
}

#home-feaures ul li.orange {
	background: url(../images/arrow-orange.gif) left top no-repeat;
}

#home-feaures ul li.orange span {
	font-size: 1.2em;
	color: #d77440;
}

#home-feaures ul li.green span {
	font-size: 1.2em;
	color: #2e8d7a;
}
*/

.home-feature-l {
	float: left;
	width: 311px;
	padding: 0 0 0 5px;
	margin: 0 9px 0 0;
}

.home-feature-c {
	float: left;
	width: 311px;
	padding: 0 0 0 0;
	margin: 0 9px 0 0;
}

.home-feature-r {
	float: left;
	width: 299px;
	padding: 0 0 0 0;
	margin: 0;
}

.home-feature-r .list {
	background: url(../images/sep-home.jpg) center top no-repeat;
	padding: 10px 0 0 0;
}

#home-feaures  .indent {
	padding: 0 0 0 6px;
}

#home-feaures  .big {
	font-size: 1.2em;
}

.big-red {
	font-size: 1.2em;
	color: #d04d57;
}

.big-green {
	font-size: 1.2em;
	color: #2e8d7a;
}

.big-blue {
	font-size: 1.2em;
	color: #3c8ac1;
}

.big-orange {
	font-size: 1.2em;
	color: #E6773D;
}

.big-red a {
	color: #d04d57;
}

.align-right {
	text-align: right;
}

.filter-box {
	border-top: 1px solid #ccc;
	background: #e6e6e6;
	margin: -4px 0 0 0;
	padding: 4px 0 3px 7px;
	background: url(../images/arrow-down.gif) left bottom no-repeat;
	height: 30px;
}

.basedoc {
	height: 65px;
}

#filter-first {
	position: relative;
	z-index: 2;
}

.filter-box input, .filter-box select {
	vertical-align: middle;
	height: 20px;
	font-size:x-small;
	color: #545454;
}

.filter-box input {
	height: 18px;
}

.filter-box select {
	width: 250px;	
}

.filter-box span {
	float:left;
}

.filter-box p {
	width:100%;
	text-align:center;
}

.filter-box select.large, .filter-box input.large {
	width: 215px;
}


.filter-button {
	border: 1px solid #979797;
	font-size: 1em;
	color: #545454;
	background: #fff url(../images/btn-bg.jpg) left bottom repeat-x;
	padding: 1px 5px !important;
	width: 123px !important;
	cursor: pointer;
}


#home-feaures  .indent-area {
	padding: 0 0 0 6px;
}

#home-feaures .indent-area {
	behavior: url(css/csshover.htc);
	border: 1px solid #fff;
}

#home-feaures .indent-area:hover {
	background: #f3f3f3;
	border: 1px solid #d9d9d9;
}

#home-feaures .home-feature-r .indent-area {
	padding: 3px 6px 3px 6px;
}


/* pagination */
#pagination {
	text-align:center;
}

#pagination ul {
	padding:0;
	margin:0;
	list-style:none;
}

#pagination ul li {
	display:inline;
	padding:0px;
	background:none;
}