/* CSS commune à toutes les pages */

* {margin:0;padding:0;}

body {background: #fff url(../images/bg_orange.jpg) no-repeat center top;font-family:Arial, Helvetica, sans-serif;font-size:0.625em;color:#333333;}
a {text-decoration:none;color:#333333;}
a:hover {text-decoration:underline;}
input {font-family:Arial, Helvetica, sans-serif;font-size:1.2em;color:#666666;}
.clearboth {clear:both;font-size:0;}
.colonne {float:left;}

h1 {position:absolute;text-indent:-99999em;font-size:0;z-index:-10;overflow:hidden;height:0;}
h2 {text-transform:uppercase;}

#conteneur {width:970px;margin:0 auto;}
#logo {display:block;width:279px;height:89px;position:relative;float:left;margin-top:15px;}
#logo a span {display:block;width:279px;height:89px; background:url(../images/logo.png) no-repeat;text-indent:-99999em;cursor:pointer;}
#logo a span.dfn {display:block;font-size:1.1em;color:#666666;margin-left:95px;margin-top:-36px;width:397px;background:none;text-indent:0;filter:none;height:auto;}
#logo a:hover {text-decoration:none;}


#header form {float:right;margin-top:45px;width:201px;height:24px;background:url(../images/bg_recherche.png) no-repeat;}
#header form fieldset {width:201;height:24px;position:relative;}
#header form legend {font-size:0;position:absolute;text-indent:-99999em;}
#header form label {position:absolute;text-indent:-99999em;font-size:0;}
#header form input {border:0;background:none;height:15px;width:142px;display:block;float:left;padding:3px 10px; }
#header form button {border:0 none;background:none;float:left;position:relative;cursor:pointer;top:0;}
#header form button span {background:url(../images/bt_ok.png) no-repeat; width:27px;height:20px;line-height:20px;display:block;text-indent:-99999em;}

#menu {margin-top:10px;position:relative;height:27px;zoom:1;}
#menu ul li {display:block;float:left; background:url(../images/bt_menu-off.png) no-repeat;width:126px;height:27px;margin-left:31px;font-size:1.5em;font-weight:bold;color:#1c3066;text-transform:uppercase;}
#menu ul li.select {background:url(../images/bt_menu-select.png) no-repeat;}
#menu ul li a {color:#1c3066;display:block;width:126px;height:27px;line-height:27px;position:relative; text-align:center;text-decoration:none;}
#menu ul li.first {margin-left:0;}
#menu ul li#espace-adherent {background:url(../images/bt_menu-espace-adherent_bleu2.png) no-repeat;width:183px;}
#menu ul li#espace-adherent a {width:183px;color:#fff;}
#menu ul li#services a {background:url(../images/puce-fleche-noire-off.gif) no-repeat 100px 8px; padding-right:15px;width:111px;}

#menu ul li#services .sous-menu {display:none;}
#menu ul li#services.ouvert {background-image:url(../images/bt_menu-on.png);width:129px;margin-left:30px;}
#menu ul li#services.ouvert a {background:url(../images/puce-fleche-noire-on.gif) no-repeat 100px 8px;}
#menu ul li#services.ouvert ul li a {text-align:left;background:none;width:auto;padding:3px 10px 7px 10px;margin:0;width:161px;position:relative;display:block;position:relative;height:auto;line-height:normal;}
#menu ul li#services.ouvert ul li a:hover {background:#0D1E37 url(../images/ttl_bleu_fond.gif) repeat-x;color:#ffcc00;display:block;}
#menu ul li#services.ouvert .sous-menu {position:absolute;z-index:2000;right:0;display:block;}
#menu ul li#services.ouvert ul {margin:0;padding:15px 0;border-right:solid 1px #c3c2bc;border-left:solid 1px #fff; position:relative;right:0;z-index:1000; background:#edeaea url(../images/bg_sous-menu.gif) repeat-x 0 0;width:181px;height:auto;zoom:1;}
#menu ul li#services.ouvert ul li {test-transform:none;font-size:0.85em;text-transform:none;background:none;text-align:left;margin:0;padding:0;width:181px;height:auto;float:none;position:relative;}
#menu ul li#services.ouvert .bottom {background:url(../images/sous-menu_bottom.png) no-repeat;width:183px;height:11px;zoom:1;position:relative;}

h2 {height:24px;width:auto;line-height:24px;color:#f5f8fc;font-weight:bold;font-weight:bold;font-size:1.5em;}
h2.entry-title {color:#000;}

h2 span {display:block;height:24px;float:left;}
h2.entry-title .titre {height:22px;padding-top:2px;}
h2.entry-title .date {background:url(../images/bg_date.png) no-repeat;width:91px;text-align:center;margin-left:-10px;color:#fff;font-size:0.8em;height:24px;padding-top:0;}

.page {position:absolute;z-index:-1;top:180px;}

#contenu p, #contenu ul li{font-size:1.2em;padding-top:10px;position:relative;line-height:14px;}
#contenu p a {color:#255c9a;text-decoration:underline;}
#contenu ul li p {font-size:1em;}

#chemin-de-fer {color:#1d4e94;font-size:1.2em;margin-bottom:10px;}
#chemin-de-fer a {color:#1d4e94;text-decoration:underline;}

.bloc {position:relative;padding-left:29px;width:auto;overflow:hidden;float:left;margin-bottom:35px;width:215px;}
.bloc .ombre { background:url(../images/bg_ombre-titre.png) no-repeat;position:absolute;display:block;width:46px;height:64px;top:0;left:0;}
.bloc .picto {margin-right:8px;}
.bloc h2 {padding:0 15px;position:relative;left:-10px; background:url(../images/bg_titre.png) no-repeat; width:195px;margin-bottom:10px;}
.bloc h3 {position:relative;margin-top:20px;font-weight:bold;font-size:1.2em;line-height:14px;}
.bloc ul li a {text-decoration:underline;}

.colonne .colonne.gauche, .colonne .colonne.droite {width:auto;margin:0;position:relative;}

.colonne.gauche .menu h2 {font-size:1.3em; background:#0d1e37 url(../images/ttl_bleu_fond.gif) repeat-x;padding:0 15px;}
.colonne.gauche .menu ul {background:#edeeed url(../images/bg_menu-gauche.png) repeat-x top;position:relative;padding-top:10px;}
#contenu .colonne.gauche .menu ul li {padding:0;border-top:solid 1px #7b7b7b; font-size:1.3em;}
#contenu .colonne.gauche .menu ul li.first {border-top:0 none;}
.colonne.gauche .menu ul li a {display:inline-block;color:#1d4e94;background:url(../images/puce-bleue.gif) no-repeat 5px 9px;padding:5px 15px;position:relative;}
#contenu .colonne.gauche .menu ul li.select {background:#0d1e37 url(../images/ttl_bleu_fond.gif) repeat-x;color:#fff;}
.colonne.gauche .menu ul li.select a {color:#fff; background-image:url(../images/puce-blanche.gif);}
.colonne.gauche .menu .bottom {width:130px;height:33px; background:url(../images/menu-gauche-bas.png) no-repeat;}

.colonne.gauche h2.entry-title {position:relative;}

#footer {text-align:center;display:block;height:13px;position:relative;margin-top:30px;width:970px;margin-bottom:25px;}
#footer h2 {position:absolute;text-indent:-99999em;font-size:0;}
#footer ul {text-align:center;}
#footer ul li {color:#1d4e94;font-size:1.1em;display:inline;line-height:13px;width:auto;padding:0 5px;border-left:solid 1px #1d4e94;}
#footer ul li.first {border-left:0 none;}
#footer a {color:#1d4e94;}