/*
// +--------------------------------------------------------------------------+
// |   Construire ensemble   |   Le site Internet                             |
// +--------------------------------------------------------------------------+
// | Copyright (c) 2005 Jonathan Buron. Tous droits réservés                  |
// +--------------------------------------------------------------------------+
// | http://www.construireensemble.com              webmaster@publicroire.com |
// +--------------------------------------------------------------------------+
*/
body {
text-align:left;
background-color: #eeeeee;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: black;
}
a {
color: #2f3192;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
table.grand_tab {
display: block;
padding: 0;
margin: 0;
border: 0 solid #ffffff;
width: 766px;
border-collapse: collapse;
vertical-align: top;
margin-left: auto;
margin-right: auto;
background-color:#ffffff;
border-left:2px #444444 solid;
border-right:2px #444444 solid;
}
img.logo_ce {
float:left;
padding: 5px;
margin: 0;
border: 0 solid #ffffff;
}
div.slogan {
text-align:right;
padding: 40px 10px 0 0;
margin: 0;
border: 0 solid #ffffff;
font-weight: bold;
font-family: verdana, arial, sans-serif;
font-style: italic;
font-size: 16px;
color: #0072bc;
}
div.menu_haut {
padding: 0;
margin: 5px 0 0px 0;
border: 0;
/*border-top: 1px dashed #2f3192;*/
/*border-bottom: 1px dashed #2f3192;*/
line-height: 18px;
color: #2f3192;
width: 760px;
font-weight: bold;
background-color:#c7c4e3;
background: url(../img/fond_titre_menu_h.gif) transparent repeat-x;
text-align:right;
}
a.menu_haut {
padding: 2px;
color: #2f3192;
text-decoration: none;
}
a.menu_haut:hover {
background-color:#fff;
}
table.corps_tab {
display: block;
padding: 0;
margin: 0;
border: 0px solid #cccccc;
width: 760px;
border-collapse: collapse;
vertical-align: top;
background-color:#ffffff;
}
table.corps_tab td {
vertical-align: top;
text-align: left;
}
div.chemin {
padding: 0;
margin: 0 0 0 2px;
border: 0;
color: #666666;
font-weight: normal;
background-color:#ffffff;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 10px;
}
a.chemin {
color: #666666;
text-decoration: underline;
}
a.chemin:hover {
text-decoration: none;
}
h1.menu_mois_ci, h1.menu_art_online, h1.menu_entre_nous {
padding: 2px 0 2px 0;
margin: 2px 0 2px 0;
border: 0;
color: #ffffff;
font-weight: bold;
background-color:#00a650;
background: url(../img/fond_titre_menu_g.gif) transparent repeat-x;
text-align:center;
font-family: verdana, arial, sans-serif;
font-size: 12px;
width: 150px;
/*text-transform: uppercase;*/
}
h2.menu_mois_ci, h2.menu_art_online, h2.menu_entre_nous {
padding: 0;
margin: 0;
border: 0;
color: #00a650;
font-weight: bold;
background-color:#cce7d4;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
h2.menu_mois_ci a, h2.menu_art_online a, h2.menu_entre_nous a {
display: block;
padding: 2px 0 2px 5px;
margin: 0;
width: 145px;
color: #00a650;
text-decoration:none;
}
h2.menu_mois_ci a:hover, h2.menu_art_online a:hover, h2.menu_entre_nous a:hover {
background-color: #ffffff;
margin: 0;
}
td.contenu_a {
width:160px;
padding: 0 5px 0 5px;
margin: 0;
}
td.contenu_b {
width:440px;
padding: 0 5px 0 5px;
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
margin: 0;
}
td.contenu_c {
width:160px;
padding: 0 5px 0 5px;
margin: 0;
}
h1.rubrique {
display: block;
color: #2f3192;
font-size: 18px;
font-weight: bold;
font-family: verdana, arial, sans-serif;
text-align:left;
padding: 0 0 0 0;
margin: 0;
border-bottom: 1px solid #2f3192;
width: 428px;
}
h1.rubrique_article, h1.rubrique_dossier, h1.rubrique_exclusivites {
display: block;
font-size: 18px;
font-weight: bold;
font-family: verdana, arial, sans-serif;
text-align:left;
width: 425px;
margin: 2px 0 0 0;
padding: 0 0 0 5px;
color: #ffffff;
background-color: #00a650;
}
h1.rubrique_dossier {
background-color: #2f3192;
}
h1.rubrique_exclusivites {
background-color: #cf7900;
}
div.article, div.dossier {
margin: 0;
border: 0;
border-left: 10px solid #cce7d4;
color: #000000;
font-weight: normal;
background-color:#ffffff;
font-family: verdana, arial, sans-serif;
font-size: 12px;
text-align:justify;
padding: 0 0 0 5px;
}
div.article li, div.dossier li {
list-style: inside;
}
div.article h1, div.dossier h1 { /* titre */
color: #00a650;
font-size: 18px;
font-weight: bold;
padding: 10px 0 20px 0;
margin: 0;
text-align:left;
}
div.article h2, div.dossier h2 { /* preambule */
color: #2f3192;
font-size: 13px;
font-weight: bold;
text-align:justify;
padding: 0 0 0 5px;
margin: 0 0 20px 10px;
border-left: 2px solid #000000;
}
div.article h3, div.dossier h3 { /* titres dans le texte */
color: #00a650;
font-size: 13px;
font-weight: bold;
text-align:left;
padding: 15px 0 5px 0;
margin: 0;
}
div.article h4, div.dossier h4 { /* auteur */
color: #2f3192;
font-size: 12px;
font-weight: normal;
text-align:right;
font-style: italic;
padding: 20px;
margin: 0;
}
div.article h5, div.dossier h5 { /* non online */
color: #db6666;
border: 1px #db6666 solid;
font-size: 12px;
font-weight: bold;
text-align:center;
/*font-style: italic;*/
padding: 20px 0 20px 0;
margin: 0;
}
div.article h6, div.dossier h6 { /* n° mag et date */
color: #666666;
font-size: 10px;
font-weight: normal;
text-align:right;
padding: 0;
margin: 0;
}
h6.article a, h6.dossier a {
color: #666666;
text-decoration: none;
}
h6.article a:hover {
text-decoration: underline;
}
div.article p, div.dossier p { /* texte */
color: #000000;
font-size: 12px;
font-weight: normal;
text-align:justify;
padding: 0;
margin: 0;
}
div.article img, div.dossier img {
float: right;
padding: 0 0 0 5px;
margin: 0;
display: block;
}
div.article img.left, div.dossier img.left {
float: left;
padding: 0 5px 0 0;
}
div.article img.center, div.dossier img.center {
text-align: center;
float: none;
padding: 0 0 0 0;
}
div.infos {
padding: 10px;
margin: 0 0 10px 0;
border: 0;
background-color:#cce7d4;
}
div.infos h1 {
color: #2f3192;
font-size: 14px;
border-bottom: 1px solid #2f3192;
font-style: italic;
font-weight: bold;
padding: 0;
margin: 0 0 10px 0;
}
div.dossier {
border-left: 10px solid #c7c4e3;
}
div.dossier h1 { /* titre */
color: #2f3192;
}
div.dossier h2 { /* preambule */
color: #00a650;
}
div.dossier h3 { /* titres dans le texte */
color: #2f3192;
}
div.dossier h4 { /* auteur */
color: #2f3192;
}
div.dossier h6 { /* n° mag et date */
color: #666666;
}
h6.dossier a {
color: #666666;
}
div.dossier p { /* texte */
color: #000000;
}
a.notes {
color: #ff0000;
}
h1.rubriques {
color: #00a650;
font-size: 14px;
font-weight: bold;
padding: 0;
margin: 0 0 10px 20px;
}
h1.rubriques a {
color: #00a650;
}
h2.rubriques {
color: #2f3192;
font-size: 12px;
font-weight: normal;
padding: 0;
margin: 0 0 10px 30px;
}
h2.rubriques a {
color: #2f3192;
}
h1.rubriques a, h2.rubriques a {
text-decoration: none;
}
h1.rubriques a:hover, h2.rubriques a:hover {
text-decoration: underline;
}
h1.rubriques img {
border: 0;
vertical-align:middle;
}
h3.rubriques {
color: #db6666;
font-size: 12px;
font-weight: bold;
padding: 0;
margin: 0 0 5px 30px;
}
h1.smenus {
padding: 2px 0 2px 0;
margin: 2px 0 2px 0;
border: 0;
color: #ffffff;
font-weight: bold;
background-color:#00a650;
background: url(../img/fond_titre_menu_d.gif) transparent repeat-x;
text-align:center;
font-family: verdana, arial, sans-serif;
font-size: 12px;
width: 150px;
}
h2.smenus {
padding: 0;
margin: 0;
border: 0;
color: #333333;
font-weight: normal;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 12px;
width: 150px;
}
h2.smenus a {
padding: 3px 0 3px 0;
display: block;
color: #333333;
text-decoration:none;
width: 150px;
}
h2.smenus a:hover {
background-color: #ffffff;
text-decoration:underline;
}
img.smenus {
display: block;
padding: 1px;
border:1px solid #2f3192;
margin: 0 0 5px 0;
}
div.sondage {
width: 150px;
}
div.sondage h1 {
padding: 0 0 10px 0;
margin: 0;
border: 0;
color: #333333;
font-weight: normal;
background-color:#ffffff;
text-align:justify;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
div.sondage h2 {
padding: 2px 0 2px 10px;
margin: 0;
border: 0;
color: #555555;
font-weight: normal;
background-color:#ffffff;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 12px;
cursor: hand;
}
div.sondage h3 {
padding: 2px 0 5px 10px;
margin: 0;
border: 0;
color: #555555;
font-weight: normal;
background-color:#ffffff;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
div.sondage h4 {
margin: 10px 0 10px 0;
padding: 0;
border: 0;
color: #555555;
font-weight: normal;
background-color:#ffffff;
text-align:center;
font-family: verdana, arial, sans-serif;
font-size: 10px;
}
div.sondage input.reponses {
vertical-align:top;
}
div.diffusion_form {
width: 150px;
padding: 0;
margin: 0;
text-align:center
}
div.diffusion_form h1 {
padding: 0 0 10px 0;
margin: 0;
border: 0;
color: #333333;
font-weight: normal;
text-align:justify;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
input.diffusion_form {
padding: 2px 0 2px 0;
margin: 0;
border: 1px solid #777777;
}
div.diffusion_form button {
margin: 5px 0 5px 0;
padding: 0;
}
div.diffusion_form h6 {
margin: 5px 0 10px 0;
padding: 0;
border: 0;
color: #777777;
font-weight: normal;
text-align:right;
font-family: verdana, arial, sans-serif;
font-size: 10px;
}
h6.diffusion_form a {
color: #777777;
text-decoration:underline;
}
h6.diffusion_form a:hover {
text-decoration:none;
}
div.diffusion_form form {
padding: 0;
margin: 0;
}
div.diffusion h3 {
padding: 0;
margin: 20px 0 0 20px;
border: 0;
color: #ff0000;
font-weight: bold;
background-color:#ffffff;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 14px;
}
div.diffusion p {
padding: 0;
margin: 20px;
border: 0;
color: #000000;
font-weight: normal;
background-color:#ffffff;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
div.contacts h1 {
color: #00a650;
font-size: 14px;
font-weight: bold;
padding: 0;
margin: 20px 0 10px 20px;
}
div.contacts h2 {
color: #000000;
font-size: 12px;
font-weight: bold;
padding: 0;
margin: 10px 0 10px 0;
text-align: center;
}
div.contacts h3 {
color: #000000;
font-size: 12px;
font-weight: normal;
padding: 0;
margin: 10px 0 10px 30px;
text-align: left;
}
div.contacts h4 {
color: #000000;
font-size: 12px;
font-weight: normal;
padding: 0;
margin: 10px 0 10px 0;
text-align: center;
}
div.contacts a {
color: #666666;
text-decoration:none;
}
div.contacts a:hover {
text-decoration:underline;
}
div.recherche {
padding: 0;
margin: 0 0 20px 0px;
}
div.recherche h1 {
color: #00a650;
font-size: 12px;
font-weight: bold;
text-align:left;
padding: 0;
margin: 20px 0 5px 5px;
}
div.recherche h2 {
color: #444444;
font-size: 12px;
font-weight: normal;
text-align:justify;
padding: 0;
margin: 5px 0 10px 0;
}
div.recherche h4 {
color: #111111;
font-size: 10px;
font-weight: normal;
text-align: center;
padding: 0;
margin: 10px 0 10px 0;
}
h4.recherche a {
color: #555555;
text-decoration:underline;
}
h4.recherche a:hover {
text-decoration:none;
}
a.recherche {
text-decoration:none;
display: block;
padding: 0;
margin: 0;
}
a.recherche:hover h1, a.recherche:hover h2 {
text-decoration:underline;
}
div.recherche img {
border: 0;
}
div.recherche p {
color: #000000;
font-size: 12px;
font-weight: normal;
text-align:justify;
padding: 0;
margin: 10px 0 10px 0;
}
div.recherche p.nb_rslt {
font-weight: bold;
text-align:center;
}
div.qui_nous img {
float: left;
margin: 0 5px 0 0;
padding: 0;
}
div.accueil {
margin: 0;
padding: 0;
border:0;
}
div.accueil h1 {
margin: 0;
padding: 0 5px 2px 5px;
color: #00a650;
font-weight: bold;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 14px;
border:0;
}
div.accueil h2.article, div.accueil h2.dossier, div.accueil h2.magazine {
margin: 10px 0 0 0;
padding: 0 5px 2px 5px;
color: #ffffff;
background-color: #00a650;
font-weight: bold;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 12px;
border:0;
}
div.accueil h2.dossier {
background-color: #2f3192;
}
div.accueil h2.magazine {
background-color: #db6666;
}
div.vignette_article, div.vignette_dossier {
display: block;
margin: 6px 0 6px 0;
padding: 0 0 0 5px;
color: #000000;
background-color: transparent;
font-weight: normal;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 12px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-left: 10px solid #cce7d4;
}
div.vignette_dossier {
border-left: 10px solid #c7c4e3;
}
div.vignette_article h1, div.vignette_dossier h1 {
margin: 0;
padding: 0;
color: #00a650;
background-color: transparent;
font-weight: bold;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 14px;
}
div.vignette_dossier h1 {
color: #2f3192;
}
div.vignette_magazine h1 {
margin: 0;
padding: 0;
color: #db6666;
background-color: transparent;
font-weight: bold;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 14px;
}
div.vignette_article h2, div.vignette_dossier h2 {
margin: 0;
padding: 0;
color: #000000;
background-color: transparent;
font-weight: normal;
text-align:justify;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
a.vignette_article h1 {
color: #00a650;
}
a.vignette_dossier h1 {
color: #2f3192;
}
a.vignette_magazine h1 {
color: #db6666;
}
a.vignette_article h2, a.vignette_dossier h2 {
color: #000000;
}
a.vignette_article h1, a.vignette_dossier h1, a.vignette_magazine h1, a.vignette_article h2, a.vignette_dossier h2 {
text-decoration: none;
}
a.vignette_article:hover h1, a.vignette_dossier:hover h1, a.vignette_magazine:hover h1, a.vignette_article:hover h2, a.vignette_dossier:hover h2 {
text-decoration: underline;
}
div.vignette_article img, div.vignette_dossier img {
float: right;
margin: 0 0 0 5px;
padding: 0;
}
div.exclu_internet {
margin: 0;
padding: 0;
color: #ffffff;
background-color: #cf7900;
font-weight: bold;
text-align:center;
font-family: verdana;
font-size: 12px;
width: 135px;
}
div.comite h1{
margin: 10px 0 10px 0;
padding: 0 5px 2px 5px;
color: #ffffff;
background-color: #00a650;
font-weight: bold;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 12px;
border:0;
}
div.comite h2{
margin: 0;
padding: 0;
color: #555555;
background-color: transparent;
font-weight: bold;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
div.comite td{
margin: 0;
padding: 0;
border: 1px #dddddd solid;
width: 428px;
}
div.comite img{
margin: 0 5px 0 0;
padding: 0;
border: 0px #dddddd solid;
float: left;
}
div.bienvenue {
margin: 10px 0 10px 0;
padding: 5px;
color: #222222;
background-color: #f9e9e9;
font-weight: normal;
text-align:justify;
font-family: verdana, arial, sans-serif;
font-size: 12px;
border: 1px #db6666 solid;
}
div.bienvenue h1{
margin: 0 0 5px 0;
padding: 0;
color: #db6666;
font-weight: bold;
text-align:left;
font-family: verdana, arial, sans-serif;
font-size: 14px;
}