/* CSS Document */
body {
margin:0;
background:#e3dee1;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
}
#fond {
margin:0 auto;
background:#e3dee1 url(../img/bgOmbresLR.gif) 50% 0 repeat-y;
width:978px;
}
/* TITRES H */
h4 {
color:#2778b6;
font-size:1.3em;
margin:6px 0 2px;
}
h5 {
color:#000;
font-size:1.2em;
margin:6px 0 2px;
}
h6 {
color:#2778b6;
font-size:1.1em;
font-weight:normal;
margin:6px 0 2px;
}
/* Légende des images (contenu) */
div.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
margin:0;
padding:5px;
background:#eaeaea;
font-size:0.85em;
white-space: normal;
}
/* Bandeau / date / pub / liste images */
#bandeau {
background:#2778b6 url(../img/fdBandeauHaut.gif) 0 0 no-repeat;
height:129px;
width:100%;
}
#imgBandeau {
margin:0 auto;
width:960px;
height:80px;
}
#imgBandeau img {
float:left;
border:0;
}
#bandeau h1 {
margin:0;
padding:0;
float:left;
width:480px;
}
#bandeau h1 img {
margin:20px 0 0 19px;
border:0;
}
#logoclip {
position:relative;
height:110px;
width:480px;
float:left;
}
#logoclip h1 {
padding:0 0 0 0px;
position:absolute;
clip: rect(auto, 197px, 130px, auto);
clip: rect(auto 197px 130px auto);
height:110px;
}
#bandeauDroite {
float:left;
width:480px;
margin:10px 5px 0 0;
}
#bandeauDroite #date {
text-align:right;
height:31px;
color:#ddd;
}
#bandeauDroite #publicite {
height:60px;
}
/* Menu bandeau */
#bandeauDroite #menuBandeau {
text-align:right;
padding-top:10px;
font-size:0.9em;
color:#fff;
}
#bandeauDroite #menuBandeau a {
color:#fff;
font-weight:normal;
}
#bandeauDroite #menuBandeau a:hover {
text-decoration:none;
}
/* Page */
#page {
margin:0 auto;
clear:both;
width:960px;
background:#fff;
}
/* Titraille */
h2 {
font-size:1em;
color:#fff;
background:#2778b6;
margin:0;
padding:5px 0 5px 7px;
}
/* Liens par défaut */
a {
font-weight:bold;
color:#2778b6;
}
/* Puces */
#contenu #col1 ul li, #contenu #col1-2 ul li, #contenu #col2-2 ul li, #contenu #col1-2gauche ul li {
list-style-type:none;
background:url(../img/puce.gif) 0px 6px no-repeat;
padding:0 0 0 8px;
margin:5px 0;
}
 /* Menu onglets */
#menuH {
background:#eaeaea;
height:41px;
font-size:1em;
}
#menuH ul {
margin:0;
padding:9px 0 0 2px;
height:32px;/* 41 - 9 */
float:left;
}
#menuH ul li {
display:block;
float:left;
margin:0 0 0 3px;
padding:0;
list-style-type:none;
background:#2778b6 url(../img/ongletMenuCoff.gif) 0 0 repeat-x;
color:#fff;
height:25px;
}
#menuH ul li a {
display:block;
font-weight:bold;
color:#fff;
text-decoration:none;
background:url(../img/ongletMenuGoff.gif) 0 0 no-repeat;
height:25px;
padding:0 0 0 10px;
width:auto;
float:left;
}
#menuH ul li a span {
display:block;
float:left;
white-space:nowrap;
background:url(../img/ongletMenuDoff.gif) 100% 0 no-repeat;
height:20px;
margin:0;
padding:5px 10px 0 0;
width:auto;
}
#menuH ul li a:hover {
text-decoration:underline;
}
#menuH ul li a:hover span {
cursor:pointer;
}
/* menu actif */
#menuH ul li.act {
background:#2778b6 url(../img/ongletMenuC.gif) 0 0 repeat-x;
}
#menuH ul li.act a {
background:url(../img/ongletMenuG.gif) 0 0 no-repeat;
}
#menuH ul li.act a span {
background:url(../img/ongletMenuD.gif) 100% 0 no-repeat;
}

/* Menu Perso */
#menuH ul.perso {
padding:9px 0 0 0;
}
#menuH ul.perso li {
background:#d8d8d8 url(../img/ongletPersoCoff.gif) 0 0 repeat-x;
}
#menuH ul.perso li a {
background:url(../img/ongletPersoGoff.gif) 0 0 no-repeat;
color:#fff;
}
#menuH ul.perso li a span {
background:url(../img/ongletPersoDoff.gif) 100% 0 no-repeat;
}
/* menu perso actif */
#menuH ul.perso li.act {
background:#d8d8d8 url(../img/ongletPersoC.gif) 0 0 repeat-x;
}
#menuH ul.perso li.act a {
background:url(../img/ongletPersoG.gif) 0 0 no-repeat;
color:#000;
}
#menuH ul.perso li.act a span {
background:url(../img/ongletPersoD.gif) 100% 0 no-repeat;
}

/* Footer */
#pied {
margin:0;
clear:both;
background:#2778b6 url(../img/fondPied.gif) 0 0 no-repeat;
height:59px;
color:#fff;
padding:0 21px;
}
/* Contenu */
#arianeSearch, #contenu {
border-collapse:collapse;
border-spacing:0;
width:100%;
}

#arianeSearch td, #contenu td {
padding:0;
}

#contenu {
height:260px;
}
#contenu td {
vertical-align:top;
}
td#ariane, #entete td#ariane {
background:#d7d7d7;
font-size:0.9em;
height:21px;
width:100%;
padding:0 0 0 10px;
vertical-align:middle;
font-weight:bold;
}
#ariane a, #ariane span {
color:#2778b6;
}
td#recherche {
width:320px;
background:#d7d7d7 url(../img/fondRecherche.gif) 11px 8px no-repeat;
vertical-align:middle;
}
#recherche form {
margin:0 0 0 12px;
padding:2px 0 0 7px;
}
#recherche form input {
vertical-align:middle;
padding-top:1px;
}
#recherche form input.search {
width:195px; /* 198 - 3 */
height:16px;
border:0;
padding:0 0 0 3px;
font-size:0.9em;
}
a.bouton {
display:block;
font-weight:bold;
float:left;
height:17px;
padding:0 0 0 20px;
background:#2778b6 url(../img/boutonG.gif) 0 0 no-repeat;
color:#fff;
text-decoration:none;
}
a.bouton:hover {
text-decoration:underline;
}
a.bouton span {
display:block;
float:left;
height:16px;
padding:1px 12px 0 0;
background:url(../img/boutonD.gif) 100% 0 no-repeat;
}
a.bouton:hover span {
cursor:pointer;
}

/* Spécifique Home */
td#homeGauche {
background:#fff;
width:616px; /* 640 -24 */
padding:0 12px;
}
#homeGauche h2 {
font-size:1em;
color:#fff;
background:#2778b6;
margin:0 0 15px 0;
padding:5px 0 5px 7px;
}
#homeDroite {
background:#f0f0f0;
width:320px;
}
/* A la une */
.bienvenue {
color:#2778b6;
font-weight:bold;
font-size:1.1em;
}
.aLaUne {
width:612px;
border:0;
border-spacing:0;
border-collapse:collapse;
}
#contenu .aLaUne td.illus {
padding:0 25px 0 0;
vertical-align:top;
width:80px; /* 105 - 25 */
}
#contenu .aLaUne td {
padding:0 5px 0 0;
}
.aLaUne h3 {
color:#2778b6;
font-size:2em;
font-weight:normal;
margin:0;
padding:0;
}
.aLaUne p {
margin:5px 0;
padding:0;
}

#homeDroite h3 {
font-size:1em;
color:#fff;
background:#2778b6;
margin:0;
padding:5px 0 5px 5px;
}
/* Affichage EPN home */
.sitesPays {
margin:10px 0;
border:0;
border-spacing:0;
border-collapse: collapse;
border-top:1px solid #818181;
}
#contenu .sitesPays td.site {
padding:10px 0;
width:305px;
}
.sitePays {
width:305px;
border:0;
border-spacing:0;
border-collapse: collapse;
min-height:120px;
border-right:1px solid #818181;
}
.sitePays.droite {
margin-left:10px;
border:0;
width:295px;
}
.sitePays td.vignette {
width:112px;
padding:0;
}
.sitePays img {
margin:0 12px 50px 0;
border:0;
}
.sitePays h4 {
margin:0;
color:#2778b6;
font-size:1em;
}
.sitePays p {
margin:1px 0;
}
/* Actus col droite */
#homeDroite #actus {
padding:0 14px 5px 14px;
border-bottom:1px solid #fff;
}
#homeDroite #actus h3 {
margin-bottom:14px;
}
.newsItem {
width:99%;
margin:0 0 12px 0;
border-bottom:1px solid #000;
border-spacing:0;
border-collapse:collapse;
}
.newsItem td {
vertical-align:top;
}
#contenu .newsItem .date {
padding:0 0 2px 0;
width:56px;
}
.newsItem .date span {
display:block;
background:#2778b6;
color:#fff;
padding:1px 4px;
}
#contenu .newsItem td.link {
padding:0 0 2px 8px;
}
.newsItem a {
color:#000;
padding:1px 0;
font-weight:bold;
font-size:0.95em;
}
p.toutesActus {
margin:5px 5px 0 0;
height:22px;
}
.toutesActus a.bouton {
float:right;
}
/* Bloc newsletter */
#homeDroite #blocNewsletter {
padding:0 14px;
margin:0;
}
#homeDroite #blocNewsletter p {
padding:0;
margin:10px 0;
}
form#newsletter {
margin:0;
padding:0;
width:293px; /* 293 - 8 */
height:28px;/* 28 - 6 */
background:url(../img/fondNewsletter.gif) 0 0 no-repeat;
}
form#newsletter input {
vertical-align:top;
}
form#newsletter input.txt {
font-size:1em;
width:192px;
border:0;
height:15px;
padding:0 0 0 2px;
margin:6px 0 0 8px;
}
form#newsletter input.img {
margin:9px 0 0 9px;
}
#blocNewsletter a {
font-weight:bold;
color:#000;
padding:0 3px;
font-size:0.9em;
}
#blocNewsletter a:hover {
text-decoration:none;
}
/* Footer */
#pied table {
height:51px;
border-spacing:0;
border-collapse:collapse;
width:936px;
}
#pied table td {
vertical-align:middle;
padding:0;
border:0;
}
#pied td.europe {
text-align:center;
}
#pied td.liens {
text-align:right;
}
#pied td.picardie {
background:url(../img/logoPied.gif) 0 8px no-repeat;
padding-left:53px;
font-weight:bold;
}
#pied .liens a {
color:#fff;
}
#pied .liens a:hover {
text-decoration:none;
}

/* Page interne 1 col */
#contenu #col1 {
padding:15px 12px 0 0;
}
#contenu #col1 p, #contenu #col1-2 p, #contenu #col1-2gauche p {
line-height:1.3em;
padding-right:10px;
}
#contenu td.titreLarge {
padding:0 12px;
}
#contenu #col1 h3, #contenu #col1-2 h3, #contenu #col1-2gauche h3 {
margin:0;
padding:0;
font-size:2em;
font-weight:normal;
color:#2778b6;
}
/* 2col */
.fondGris {
background:#eaeaea;
}
#contenu .gauche {
border:0;
border-spacing:0;
border-collapse:collapse;
width:100%;
}
#contenu #col1-2 {
padding:15px 12px 0 0;
}
#contenu #col1-2gauche {
padding:15px 12px 0 12px;
}
#contenu #col2-2 {
width:192px; /* 210 - 28 */
background:#eaeaea;
padding:0 14px;
}
#contenu #col2-2 h3 {
font-size:1em;
color:#fff;
background:#2778b6;
margin:0;
padding:5px 0 5px 7px;
}
/* Pictos print / send / top */
.pictos {
float:right;
}
.pictos img {
border:0;
margin:1px 1px 1px 2px;
}
#bas {
clear:both;
border-top:1px solid #333;
margin:15px 0 0 0;
padding:4px 0 0 0;
color:#666;
font-size:0.95em;
height:56px; /* 60 - 4 */
}
#bas p {
margin:2px 0 0 0;
}
/* Menu gauche */
#contenu #menuG {
width:205px;
padding:15px 0 0 0;
}
#menuG ul {
padding:0;
margin:0 12px 10px 12px;
}
#menuG ul li {
list-style-type:none;
padding:0;
margin:0 0 6px 0;
}
#menuG ul li span {
font-weight:bold;
display:block;
min-height:17px; /* 25-5-3 */
background:#2778b6;
color:#fff;
padding:5px 3px 3px 7px;
}
#menuG ul li a {
text-decoration:none;
display:block;
min-height:17px; /* 25-5-3 */
background:#d7d7d7;
color:#60615e;
padding:5px 3px 3px 7px;
}
#menuG ul li.act a, #menuG ul li a:hover {
background:#2778b6;
color:#fff;
}
#menuG ul li.act ul {
border:1px solid #2778b6;
border-top:0;
padding:5px 0;
margin:0;
}
#menuG ul li.act ul li a {
display:block;
background:#fff;
color:#8a8a8a;
min-height:17px; /* 20-3 */
padding:3px 0 0 18px;
background:url(../img/puceNiv3off.gif) 8px 7px no-repeat;
}
#menuG ul li.act ul li a:hover {
background:url(../img/puceNiv3on.gif) 8px 7px no-repeat;
color:#2778b6;
}
#menuG ul li.act ul li span {
font-weight:bold;
display:block;
background:#fff;
color:#2778b6;
min-height:17px; /* 20-3 */
padding:3px 0 0 18px;
background:url(../img/puceNiv3on.gif) 8px 7px no-repeat;
}

/* Colonne gauche utilisateur */
#menuG #userLeft {
margin:0 12px;
}
#menuG #userLeft h3 {
color:#2778b6;
font-size:1.1em;
margin:5px 0 0 0;
}

/* News single */
#contenu #col1 .news-single-item h3, #contenu #col1-2 .news-single-item h3, #contenu #col1-2gauche .news-single-item h3 {
margin-bottom:10px;
}
.news-single-item .news-single-img {
float:left;
border:1px solid #727272;
margin:0 12px 8px 0;
border-spacing:0;
border-collapse:collapse;
}
.news-single-item .news-single-img td {
padding:0;
}
.news-single-item .news-video {
text-align: center;
padding:10px;
}
.news-single-item .newsDate {
margin:0 0 5px 0;
color:#60615e;
font-style:italic;
font-size:0.9em;
}
.news-single-imgcaption {
margin:0;
padding:5px;
border-top:1px solid #727272;
background:#eaeaea;
font-size:0.85em;
white-space:normal;
width:auto;
}
.news-single-item .newsSubHeader {
color:#60615e;
font-weight:bold;
}
.news-single-item .newsSubHeader p {
margin:2px 0;
}
/* News mode liste */
.tabloNews {
width:100%;
margin-top:14px;
border-spacing:0;
border-collapse:collapse;
}
.tabloNews td {
vertical-align:top;
}
#contenu td.news-list-item {
width:50%;
height:72px;
padding:0 0 21px 0;
}
.news-list-item img {
float:left;
margin:0 11px 0 0;
border:1px solid #121212;
}
.news-list-item h4, .news-list-item p {
font-size:1em;
margin:0;
}
.news-list-browse {
clear:both;
}
.tx-ttnews-browsebox {
text-align:center;
}
.tx-ttnews-browsebox ul {
margin:0;
padding:0;
list-style-type:none;
}
.tx-ttnews-browsebox ul li {
display:inline;
padding:0 2px;
background:none !important;
}
.tx-ttnews-browsebox ul li.prev {
display:inline;
padding:0 10px 0 0;
}
.tx-ttnews-browsebox ul li.next {
display:inline;
padding:0 0 0 10px;
}
.tx-ttnews-browsebox ul li a {
color:#000;
text-decoration:none;
font-weight:normal;
}
.tx-ttnews-browsebox ul li.tx-ttnews-browsebox-SCell a {
font-weight:bold;
}

/* Formulaires pages internes */
#contenu form {


margin:15px 0;
padding:10px 0;
}
#contenu form p {
clear:both;
}
#contenu form p.pRadio {
padding:0 0 0 25%;
}
#contenu form label {
display:block;
float:left;
width:30%;
text-align:right;
padding:2px 8px 0 0;
}
#contenu form label.labelRadio {
display:inline;
float:none;
}
#contenu form input.formText {
width:45%;
}
#contenu form textarea {
width:45%;
height:80px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}
#contenu form input.fSubmit {
margin:3px 0 3px 25%;
}
#contenu form .fRequired {
color:#2778b6;
vertical-align:top;
}
#contenu form label span {
color:#4e7d9e;
}
#contenu form .pSubmit {
margin:30px 0 10px;
}
/* Commentaires */
.listeComments {
border-top:1px solid #666;
margin-top:10px;
padding-top:10px;
}
.listeComments div {
padding:5px 10px;
border:1px solid #dfebf4;
margin:10px 0;
}
.commentpair {
background:#dfebf4;
}
/* Teasers remontée contenus */
#teaserBig {
clear:both;
margin:10px 0 0 0;
padding:0;
}
#teaserBig img {
float:left;
border:1px solid #727272;
margin:0 10px 0 0;
}
.teasers {
clear:both;
width:100%;
border-top:1px solid #818181;
margin-top:10px;
border-spacing:0;
}
.teasers img {
float:left;
margin:0 10px 0 0;
border:1px solid #727272;
}
.teasers td {
vertical-align:top;
width:50%;
}
.teasers p {
margin:2px 0;
}
.teasers td div {
margin:14px 0 0 16px;
height:80px;
}
.teasers td.tFirst div {
border-right:1px solid #818181;
margin:14px 0;
}
/* tourne pages teasers */
.tx-expressioncreation-pi1-browsebox ul {
text-align:center;
}
#contenu #col1-2gauche .tx-expressioncreation-pi1-browsebox ul li {
background:none;
display:inline;
}
#contenu #col1-2gauche .tx-expressioncreation-pi1-browsebox ul li a {
color:#333;
text-decoration:none;
font-weight:normal;
}
#contenu #col1-2gauche .tx-expressioncreation-pi1-browsebox ul li.tx-expressioncreation-pi1-browsebox-SCell a {
font-weight:bold;
}
#contenu #col1-2gauche .tx-expressioncreation-pi1-browsebox ul li a:hover {
text-decoration:underline;
}
/* archives */
.archive {
width:99%;
margin:12px 0 0 0;
border-bottom:1px solid #000;
border-spacing:0;
border-collapse:collapse;
}
.archive td {
vertical-align:top;
}
.archive td.date {
padding:0;
width:56px;
}
.archive td.date span {
display:block;
background:#2778b6;
color:#fff;
padding:1px 4px;
margin-bottom:1px;
}
#col2-2 .archive td.item {
padding:1px 0 1px 8px;
}
#col2-2 .archive td.item a {
color:#000;
font-size:0.95em;
text-decoration:none;
}
#col2-2 .archive td.item a:hover {
text-decoration:underline;
}


/* ANNUAIRE DES SITES */
.userSiteList a.lettre {
font-size:0.9em;
background:#2778b6;
padding:1px 4px;
text-transform:uppercase;
text-align:center;
color:#fff;
text-decoration:none;
}
.userSiteList a.lettre:hover {
background:#d7d7d7;
color:#60615e;
}
.userSiteList a.lettreOn {
color:#60615e;
text-decoration:none;
background:#d7d7d7;
padding:1px 4px;
font-size:0.95em;
text-transform:uppercase;
text-align:center;
}
.userSiteList ul {
margin:20px 0 10px;
list-style-type:none;
}
#contenu #col1 .userSiteList ul li {
background:url(../img/3points.gif) 0 4px no-repeat;
padding-left:35px;
}
.userSiteList ul li a {
text-decoration:none;
}
.userSiteList ul li a:hover {
text-decoration:underline;
}


/* Bloc info auteur */
/* Ajout Anthony */

#entete {
width:100%;
border-collapse:collapse;
}

#entete td {
border:0;
width:50%;
background:#eaeaea;
}

#entete td.titreLarge h2 {
height:30px;
font-size:24px;
font-weight:bold;
color:#2778b6;
background:#eaeaea;
}

.gauche td.blocauteur {
	width:195px;
	display:block;
}

.gauche div.titreinfoauteur {
background:#2778b6;
color:#fff;
margin:0 0 -13px 12px;
}

.gauche div.titreinfoauteur h3 {
padding:0 0 0 20px;
}

.gauche img {
margin:0 0 0 12px;
}

.gauche p.descauteur {
background:#2778b6;
color:#fff;
padding:0 0 0 5px;
margin:0 0 0 12px;
}

#entete td.toolbar {
background:#eaeaea;
text-align:right;
}