/* RÉINITIALISATION DES ÉLÉMENTS --------------------------------------------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img,abbr,acronym{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} ol,ul{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} a:active,object,embed{outline:none;} /* BODY ET HTML --------------------------------------------------------------------------------------- */ body#main {background:#FFFFFF;text-align:center;} html {font-size:12px; color:#474646; font-family:Arial, Verdana, Helvetica, sans-serif;} /* TEXTES ET HYPERLIENS GLOBAUX --------------------------------------------------------------------------------------- */ h1 {color:#474646; font-size:18px; padding:30px 0px 5px 0px;} h1 a, h1 a:link, h1 a:visited {color:#474646;} h2 {color:#474646; font-size:15px; margin-bottom:4px;} h2 a, h2 a:link, h2 a:visited {color:#333;} p {font-size:12px; color:#474646; line-height:150%; text-align:justify;} p.textePetit {font-size:10px;} p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited {color:#474646; text-decoration:none;} p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover {color:#908f8f; text-decoration:none;} ul li{font-size:12px; color:#474646; line-height:150%; list-style:square; margin-left:16px;} ol li{font-size:12px; color:#474646; line-height:150%; margin-left:16px;} /* p:first-letter{color:green; font-size:200%; text-transform:uppercase;} sup{position:relative; bottom:0.3em; vertical-align:baseline;} sub{position:relative; bottom:-0.2em; vertical-align:baseline;} */ /* Icones générales --------------------------------------------------------------------------------------- */ .lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;} /* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */ /* MENUS --------------------------------------------------------------------------------------- */ #contentMenu {float:left; width:100%; height:97px; background:#FFFFFF url(gx/m/bg_contentMenu.gif) bottom right no-repeat;} #menu {float:right; width:695px; height:47px; margin:0px; padding:0px; background:url(gx/m/bg_menu.jpg) top left repeat-x; z-index:20000;} #menu li {float:left; list-style-type:none; margin:0px; padding:0px; border-right:1px solid #898589;} #menu li.first {float:left; list-style-type:none; margin:0px 0px 0px 10px; padding:0px; border-left:1px solid #898589;} *html #menu li.first {float:left; list-style-type:none; margin:0px 0px 0px 5px; padding:0px; border-left:1px solid #898589;} #menu li.last {float:left; list-style-type:none; margin:0px; padding:0px; border-right:0px solid #898589;} #menu li a, #menu li a:link, #menu li a:visited {display:block; font-size:15px; color:#FFFFFF; font-weight:bold; padding:15px 12px 14px 12px; text-decoration:none; text-transform:uppercase;} html* #menu li a, #menu li a:link, #menu li a:visited {display:block; font-size:15px; color:#FFFFFF; font-weight:bold; padding:14px 12px 14px 12px; text-decoration:none; text-transform:uppercase;} #menu li a:hover, #menu li a:visited:hover {color:#FFFFFF; background:#a29c9e;} #menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active {color:#403a41; background:#FFFFFF url(gx/m/bg_menu_on.gif) top left repeat-x;} /* Navigation secondaire */ #contentMenuSec {float:left; width:100%; height:121px; border-bottom:3px solid #FFFFFF; background:url(gx/m/bg_contentMenuSec.jpg) top left repeat-x;} #menuSec {float:right; padding-right:20px;} #menuSec li {display:inline; float:left; list-style-type:none; margin:0; background:#282229;} #menuSec li.dernier {border:0;} #menuSec a, #menuSec a:link, #menuSec a:visited {float:left; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none; padding:10px 14px;} #menuSec a:hover {display:block; background:#605a61;} #menuSec a.actif {display:block; background:#960006;} /* CONTENEURS ET CLASSES GÉNÉRALES --------------------------------------------------------------------------------------- */ #conteneur {width:964px; margin: 0 auto 0 auto; text-align:left;} #header {position:relative; width:100%; height:221px; padding-bottom:4px; z-index:0;} #lgJmChaput {position:absolute; top:0px; left:0px; width:269px; height:221px; z-index:1000;} #lgJmChaput2 {position:absolute; top:0px; left:155px; width:269px; height:121px; z-index:1000;} #content {float:left; min-height:30px; padding-bottom:30px; background:url(gx/m/bg_content.gif) bottom left repeat-x;} #leftColumn {float:left; width:265px;} #rightColumn {float:left; width:699px;} .contentTxt {padding:0px 15px 30px 0px;} .contentTxt img.pic {float:right; margin:30px 0px 0px 15px; border:3px solid #d5d5d5;} a.btGen {display:block; float:right; width:150px; height:27px; color:#474646; font-weight:bold; text-decoration:none; padding:12px 0px 0px 14px; background:url(gx/bt_gen.gif) 0px 39px;} a.btGen:hover {background:url(gx/bt_gen.gif) 0px 0px;} .both{clear:both;} .floatRight {float:right;} /* CALENDRIER --------------------------------------------------------------------------------------- */ #contentCalendar {width:250px; margin-bottom:2px; background:#d2232a;} #contentCalendar .hdCalendar {height:60px;} #contentCalendar .ftCalendar {padding:10px 20px;} #contentCalendar .ftCalendar a#btReserver {display:block; width:209px; height:27px; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none; text-transform:uppercase; text-align:center; margin:0px; padding-top:14px; background:url(gx/m/bt_calendar_reservation.gif) 0px 41px;} #contentCalendar .ftCalendar a#btReserver:hover {display:block; width:209px; height:27px; margin:0px; background:url(gx/m/bt_calendar_reservation.gif) 0px 0px;} #contentCalendar .itemMonth1 {min-height:41px; background:#b7171d; padding:12px 16px; margin-bottom:1px;} *html #contentCalendar .itemMonth1 {height:41px;} #contentCalendar .itemMonth2 {min-height:41px; background:#aa1117; padding:12px 16px; margin-bottom:1px;} *html #contentCalendar .itemMonth2 {height:41px;} #contentCalendar .tiMonth {font-size:11px; color:#FFFFFF; font-weight:bold; text-transform:uppercase;} #contentCalendar ul.liEvent li {font-size:11px; color:#FFFFFF; font-weight:normal; text-transform:uppercase; list-style:none; margin:0px;} img#icCalendar {float:left;} #contentCalendar h1.calendar {float:left; width:195px; font-size:19px; color:#FFFFFF; font-weight:normal; margin:15px 0px 0px 0px; padding:0px; text-transform:uppercase;} p.subtitle {width:auto; font-size:10px; color:#000000; font-weight:bold; text-align:left; text-transform:uppercase;} /* tooltip - hover date non disponible */ .demo {cursor:pointer; margin:0px; padding:0px;} #demotip {display:none; width:250px; height:auto; font-size:12px; color:#000000; background:#FFFFFF; border:1px solid #DDDDDD; padding:5px;} /* RESEAUX SOCIAUX --------------------------------------------------------------------------------------- */ #contentResSoc {width:250px;} #contentResSoc a#btFacebook {display:block; width:250px; height:82px; margin-bottom:2px; background:url(gx/bt_facebook.gif) 0px 82px;} #contentResSoc a#btFacebook:hover {background:url(gx/bt_facebook.gif) 0px 0px;} #contentResSoc a#btTwitter {display:block; width:250px; height:77px; margin-bottom:2px; background:url(gx/bt_twitter.gif) 0px 77px;} #contentResSoc a#btTwitter:hover {background:url(gx/bt_twitter.gif) 0px 0px;} #contentResSoc a#btYouTube {display:block; width:250px; height:71px; margin-bottom:2px; background:url(gx/bt_youTube.gif) 0px 71px;} #contentResSoc a#btYouTube:hover {background:url(gx/bt_youTube.gif) 0px 0px;} /* 01_100 : PAGE ACCUEIL --------------------------------------------------------------------------------------- */ .tempVideo {width:684px; height:175px; background:#dddddd;} /* 04_100 : MEDIAS / LETTRE DU MOIS --------------------------------------------------------------------------------------- */ #listColumn {float:left; width:470px; padding-right:13px;} #listColumn .itemMedia {height:45px; padding:10px 0px 0px 8px;} #listColumn .itemAlt {background:#f2f2f2;} #listColumn p.descr {float:left; width:400px;} #listColumn .itemMedia a.lire {float:right; font-weight:bold; margin:12px 20px 0px 0px;} #listColumn .itemMedia a.lire:hover {color:#d2232a;} #listColumn .itemMedia a.lire span {color:#d2232a;} #lettreColumn {float:left; width:470px; padding-right:13px;} #archiveColumn {float:left; width:215px;} #archiveColumn a#btCahierPresse {display:block; width:197px; height:43px; color:#474646; font-weight:bold; text-decoration:none; margin-top:57px; padding:14px 0px 0px 14px; background:url(gx/04/bt_cahierPresse.gif) 0px 57px;} #archiveColumn a#btCahierPresse span {color:#b7171d; font-weight:bold; text-decoration:none;} #archiveColumn a#btCahierPresse:hover {background:url(gx/04/bt_cahierPresse.gif) 0px 0px;} #archiveColumn #contentArchive {width:205px; border:1px solid #e0e0e0;} #archiveColumn #contentArchive .tiArchive {color:#000000; font-weight:bold; padding-bottom:5px; margin:10px 10px 7px 10px; border-bottom:1px solid #dce0e6;} #archiveColumn #contentArchive #liArchive li {font-weight:bold; margin:0px 0px 15px 10px; list-style:none;} #archiveColumn #contentArchive #liArchive li a {color:#000000;} #archiveColumn #contentArchive #liArchive li a:hover, #archiveColumn #contentArchive #liArchive li a.actif {color:#d2232a;} #archiveColumn #contentArchive #liArchive li ul li {font-weight:normal; margin:0px 0px 0px 10px; list-style:none;} #archiveColumn #contentArchive #liArchive li ul li a.actif {color:#d2232a;} /* 06_100 : BOUTIQUE --------------------------------------------------------------------------------------- */ #contentIntroBoutique {margin-bottom:15px; padding:0px 25px 25px 15px; background:#dddddd;} .itemBoutique {float:left; margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #969696;} .itemBoutiqueLast {float:left; margin-bottom:30px; padding-bottom:30px; border-bottom:0px solid #969696;} .itemBoutiquePic {float:left; width:150px;} .itemBoutiqueDescr {float:left; width:549px;} a#btPdf {display:block; float:right; width:150px; height:27px; color:#474646; font-weight:bold; text-decoration:none; padding:12px 0px 0px 14px; background:url(gx/06/bt_pdf.gif) 0px 39px;} a#btPdf:hover {background:url(gx/06/bt_pdf.gif) 0px 0px;} a#btPanier {display:block; float:right; width:150px; height:27px; color:#474646; font-weight:bold; text-decoration:none; padding:12px 0px 0px 14px; background:url(gx/06/bt_panier.gif) 0px 39px;} a#btPanier:hover {background:url(gx/06/bt_panier.gif) 0px 0px;} h2.boutique {font-size:12px; color:#474646; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #dce0e6;} h2.boutique span {color:#d2232a; font-weight:normal;} /* pagination */ .pagination {float:left; width:699px; /*border-top:1px solid #969696; border-bottom:1px solid #969696;*/ margin:0px 10px 0px 10px; padding:0px;} .pagination ul.page {float:right; width:auto; margin:0px; padding:0px;} .pagination ul.page li {float:left; display:inline; list-style:none; margin:0px 2px; padding:8px 0px 4px 0px;} .pagination ul.page li a {font-size:11px; color:#474646; text-decoration:none; padding:8px 9px 4px 10px;} .pagination ul.page li.last a {margin-right:0px;} .pagination ul.page li a:hover, ul.page li a.actif {color:#908f8f; padding:8px 9px 4px 10px; text-decoration:underline;} .pagination p {color:#474646; margin:8px 10px 0px 10px;} .pagination p a {color:#474646; text-decoration:none;} .pagination p a:hover {color:#908f8f; text-decoration:none;} /* 00_666 : PAGE CONTACT --------------------------------------------------------------------------------------- */ #boiteFormQuestion, #boiteFormPartager {float:left;} #formQuestion {float:left; width:515px;} #formPartager {float:left; width:565px;} #formQuestion label {float:left; width:100px;} #formPartager label {float:left; width:150px;} #formQuestion .champTexte, #formPartager .champTexte {float:left; width:200px;} #formQuestion .listeDeroulante, #formPartager .listeDeroulante {float:left; width:200px;} #formQuestion .boiteTexte, #formPartager .boiteTexte {float:left; height:100px; width:400px;} #formQuestion .radio {float:left; margin:4px 15px 4px 0px;} /* PIED DE PAGE --------------------------------------------------------------------------------------- */ #piedPage {float:left; width:964px; color:#403a41; font-size:12px; height:60px; margin-bottom:15px; background:#e2e0e1;} #piedPage a {color:#403a41; text-decoration:none;} #piedPage a:hover {color:#403a41; text-decoration:underline;} #piedPage #copyrights {float:left; font-size:10px; margin:5px 0px 0px 15px; text-align:left;} #piedPage #copyrights a {color:#929292; font-weight:bold;} #piedPage #copyrights #lienCopyrights {font-weight:normal; text-decoration:none; color:#929292;} #piedPage #copyrights #lienCopyrights:hover {font-weight:normal; text-decoration:underline; color: #929292;} /* Navigation en bas-de-page */ #piedPage #menuBas {float:left; padding-left:4px; text-align:right;} #menuBas li {/*border-right:1px solid #000;*/ display:inline; float:left; list-style-type:none; margin:0; padding:12px 11px 0 11px;} #menuBas a, #menuBas a:link, #menuBas a:visited{float:left; font-size:12px;} /* Partager cette page (bookmarker) */ #socialBookmarker {float:right; padding:12px 10px 0px 0px;} #socialBookmarkerPrefix {float:left; font-size:11px; color:#828282; padding-top:1px; cursor:default;} .bookmarkIconesVisibles {float:left; margin-left:2px;} #bookmarkHoverPopup {border:solid 1px; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:315px;} #bookmarkHoverPopup .bookmarkHoverPopupItems {float:left; height:25px; margin-right:4px; width:150px;} #bookmarkHoverPopup .bookmarkHoverPopupItems a {height:25px; line-height:25px;} #bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited {border:none; color:#000; display:block; padding-left:2px; text-decoration:none; width:150px;} #bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover {background-color:#eee; border:1px solid #666; color:#333; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;} .txtFooterRef {font-size:11px; color:#929292; line-height:12px;} /* FORMULAIRES --------------------------------------------------------------------------------------- */ fieldset {border:0px solid #000; font-size: 11px; margin-bottom:10px; padding:0px;} fieldset legend {border:0px solid #999; color:#000; font-size:14px; font-weight:bold; padding:0px;} fieldset label {font-size:12px; color:#000; margin:4px 0 4px 0;} fieldset label.erreur {color:#cc0000;} .champTexte{background:#FFFFFF; border: 1px solid #dddddd; color:#474646; font-size:12px; margin:4px 0 4px 0; padding:4px;} .listeDeroulante{background:#FFFFFF; border: 1px solid #dddddd; color:#474646; font-size:12px; margin:4px 0 4px 0; padding:4px;} .boiteTexte{background:#FFFFFF; border: 1px solid #dddddd; color: #474646; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; margin:4px 0 4px 0; padding:4px;} .bouton{display:block; float:right; width:164px; height:39px; color:#474646; font-weight:bold; text-decoration:none; text-align:left; padding:0px 0px 0px 14px; border:0px; background:url(gx/bt_gen.gif) 0px 39px; cursor:pointer;} .bouton:hover{background:url(gx/bt_gen.gif) 0px 0px;} .champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */ .erreur {color:#FF0000;} p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;} p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;} p.conseil{font-size:10px;display:none;}