/* Styles generaux --------------------------*/ * { margin: 0px; padding: 0px; } html { font-size: 100%; } body { font-size:0.8em; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; color: #666666; } /*titres*/ h1 { font-size:1.1em; font-weight:bold; color: #f49f3b; padding: 2px 0px; } h2 { font-size:1.1em; font-weight:bold; color: #666666; padding: 2px 0px; } h3 { font-size:1.1em; padding: 2px 0px; color:black; } /*liens*/ a { text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } a img { border:0px; } /*texte*/ p { padding: 5px 0px; } input, select, textarea{ font-size: 100%; } /*utiles*/ .clear { clear:both; width:1px !important; height:1px !important; background-color:transparent; } /*surlignage depuis Google*/ .spip_surligne {background-color:transparent;} /* Blocs principaux -----------------------------*/ #page { width: 900px; margin: 0px auto; padding-bottom: 20px; position: relative; text-align: left; } #entete { width: 900px; height: 162px; position: relative; background: transparent url('img/entete-fond.gif') no-repeat left top; font-size:0.85em; } #entete #logo_header { display:block; width:175px; height:135px; position:absolute; top:0px; left:15px; } #entete #menu_lang { width:100px; position: absolute; top: 16px; left:795px; } #entete #menu_lang a { width: 40px; height: 16px; display:block; float:left; padding-top:2px; margin-right:10px; background-color:white; color:#f49f3b; text-align:center; } #entete #menu_lang a.courant { background-color:#f49f3b; color:white; } #entete ul#menu_principal { width: 900px; height: 20px; position: absolute; top: 142px; background: transparent url('img/menu-fond.gif') repeat-x left top; list-style: none; font-weight: bold; } #entete ul#menu_principal li { height: 19px/*20*/; padding: 1px 20px 0 20px; margin: 0px 10px; float: right; display: block; color: white; } #entete ul#menu_principal li.courant { background-color: #f49f3b; } #entete ul#menu_principal li a { color: white; } #entete ul#menu_principal li a:hover { text-decoration: none; color:#f49f3b; } #entete ul#menu_principal li.courant a:hover { text-decoration: none; color:white; } #sous_menus { width: 900px; height: 26px/*28*/; padding-top: 2px; position: relative; /*top: 162px;*/ color: #666666; text-align: right; font-weight: bold; list-style:none; font-size:0.85em; } #sous_menus li { height: 21px; padding: 5px 10px 0px 14px; float: right; display: block; background: white url('img/puce-sous-menu.gif') no-repeat left 11px; } #sous_menus li a { color: #666666; } #sous_menus li a:hover { color:black; text-decoration:none; } #sous_menus li.first_item { background-image: none; } #sous_menus li.courant a { color: #f49f3b; font-weight:bold; } #sous_menus strong{ color: #f49f3b; } #contenu { width: 900px; position:relative; } /* Classes récurrentes ------------------------------------*/ /*lire suite*/ .lien_suite { display: block; color: #f49f3b; text-align: right; font-weight: bold; } /* Page par defaut : Rubrique -------------------------------*/ #page.rubrique h1 { font-size:1.7em; color: #666666; } #page.rubrique h2 { font-size:1.3em; color: #f49f3b; } #page.rubrique #bloc_article0 { width:240px; margin-left:15px; position:absolute; left:0px; background:transparent url('img/barre-orange-degrade.gif') no-repeat right top; } #page.rubrique #bloc_article0 strong { color:#f49f3b; } #page.rubrique #bloc_article0 img { margin-top:20px; display:block; } #page.rubrique .bloc_article { width:570px/*600*/; padding:0px 15px; margin-bottom:20px; position:relative; left:255px; } #page.rubrique .bloc_article p { padding:10px 0px; } #page.rubrique .bloc_article ul { margin-left:40px; list-style-type:Hyphen; } #page.rubrique .bloc_article .bloc_doc { margin:20px 0; } /* Page par defaut : Article -------------------------------*/ #page.article #texte_art_principal { width: 225px/*275px*/; float:left; padding: 0px 35px 0px 15px; } #page.article #texte_art_principal .texte { padding-top: 15px; color:#666666; text-align:justify; } #page.article #diaporama { width:625px; height: 397px; padding-bottom: 30px; float: right; position:relative; } #page.article #diaporama #slider { width:625px; height: 337px; } #page.article #listes_articles { clear:both; width:100%; position:relative; } #page.article #listes_articles table { width: 900px; background-color:#ECECEC; } #page.article #listes_articles table tr { height:170px; } #page.article #listes_articles table tr td { width:240px; height:145px; padding:15px 60px 10px 15px; vertical-align:top; } #page.article #listes_articles table tr td.last_cell { padding-right:15px; } #page.article #listes_articles table tr td a { display:block; color:black; font-weight:normal; } #page.article #listes_articles table tr td a:hover { color:#f49f3b; text-decoration:none; } #page.article #listes_articles table tr td img { margin-bottom:10px; } #page.article #listes_articles a#lien_articles_anciens { display:block; width:160px; height:23px; padding:7px 30px 0 0; /*position:absolute; top:170px; right:0px;*/ float:right; background:#ECECEC url('img/puce-orange.png') no-repeat 165px 10px; text-align:right; color:#666666; font-size:1.1em; } #page.article #listes_articles a#lien_articles_anciens:hover { text-decoration:none; color:#f49f3b; } #page.article #listes_articles a#lien_articles_anciens span { color:#f49f3b; } #page.article #listes_articles a#lien_articles_recents { display:block; width:160px; height:23px; padding:7px 30px 0 0; float:right; background:#ECECEC url('img/puce-orange.png') no-repeat 165px 10px; text-align:right; color:#666666; font-size:1.1em; } #page.article #listes_articles a#lien_articles_recents:hover { text-decoration:none; color:#f49f3b; } #page.article #listes_articles a#lien_articles_recents span { color:#f49f3b; } #page.article #listes_articles #articles_anciens { display: none; } #page.article #listes_articles a#lien_articles_recents { display: none; } /* Page Accueil -----------------------*/ #page.accueil #diaporama { width: 900px; height: 324px; margin-bottom: 20px; position: relative; } #page.accueil #diaporama .titre_actu { font-weight: bold; } #page.accueil #bloc_accueil_gauche { width:330px; position: absolute; top: 344px; left: 15px; color: black; } #page.accueil #bloc_accueil_gauche #texte { width:310px; padding: 10px; background-color: #ececec; text-align:justify; } #page.accueil #bloc_accueil_gauche #texte strong { color: #f49f3b; } #page.accueil #bloc_accueil_gauche #doc { margin-top:20px; text-align:center; } #page.accueil #bloc_accueil_droite { width:500px; position: absolute; top: 344px; left: 370px; color:#666666; } #page.accueil #bloc_accueil_droite table tr td { width:240px; padding:0px 10px 10px 10px; vertical-align:top; } #page.accueil #bloc_accueil_droite table tr td .contenu { width:240px; height:180px; position:relative; padding-bottom:15px;} #page.accueil #bloc_accueil_droite table tr td img { display: block; margin-bottom:10px; } #page.accueil #bloc_accueil_droite table tr td div.titre { } #page.accueil #bloc_accueil_droite table tr td div.texte { padding: 5px 0px; text-align: justify; font-size:0.85em; } #page.accueil #bloc_accueil_droite table tr td a.lien_suite { display: block; width:100%; color: #f49f3b; text-align: right; font-weight: bold; font-size:0.85em; position:absolute; bottom:0px; } /* Page A Propos -----------------------*/ #page.apropos h1 { font-size:1.7em; color: #666666; } #page.apropos h2 { font-size:1.3em; color: #f49f3b; } #page.apropos #bloc_adresse { width:240px; margin-left:15px; position:absolute; left:0px; background:transparent url('img/barre-orange-degrade.gif') no-repeat right top; } #page.apropos #bloc_adresse strong { color:#f49f3b; } #page.apropos #bloc_adresse #carte_geo { width:219px; height:214px; margin-top:20px; /*background:transparent url('img/carte-apropos.gif') no-repeat left top;*/} #page.apropos .bloc_article { width:570px/*600*/; padding:0px 15px; margin-bottom:20px; position:relative; left:255px; } #page.apropos .bloc_article p { padding:10px 0px; } #page.apropos .bloc_article ul { margin-left:40px; list-style-type:Hyphen; } #page.apropos .equipiers { width:615px/*645*/; padding:0px 15px; margin-bottom:20px; position:relative; left:255px; } #page.apropos .equipiers table { width:615px; } #page.apropos .equipiers table tr td { width:170px; padding:20px 20px 0px 0px; vertical-align:top; } #page.apropos .equipiers table tr td p { padding: 5px 0px 0px 0px; } #page.apropos .equipiers .photo { margin-bottom:5px; } #page.apropos .equipiers .nom { padding-top:5px; font-weight:bold; } #page.apropos .equipiers .fonction { padding-top:5px; color:#f49f3b; } #page.apropos .equipiers .email { padding-top:5px; color:black; font-weight:normal; } #page.apropos .equipiers .tel_fixe { height:18px; padding:5px 0px 0px 20px; background: transparent url('img/icon-tel-fixe.gif') no-repeat left center; } #page.apropos .equipiers .tel_mobile { height:18px; padding:5px 0px 0px 20px; background: transparent url('img/icon-tel-mobile.gif') no-repeat left top; } /* Page Portfolio --------------------------*/ /*cf. styles #page.article */ /* Page Concept ---------------------------*/ #page.concepts #diaporama { width:900px; height: 545px; padding-bottom: 30px; position:relative; } #page.concepts #diaporama #slider { width:900px; height: 485px; } #page.concepts #diaporama .carousel-continuous .sliderkit-nav-clip ul li{float:left;margin:0 20px 0 0;}