html{
height: 100%;
font: 10px verdana, arial, sans-serif;
color: #4b554a;
}
textarea, input{
font: 10px verdana, arial, sans-serif;
}
body{
height: 100%;
margin:0;
}
img {
border:none;
}
html:first-child body {
height: 100%; /* fix opera 9.22 and 7.10 */
}
a {
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
div#frame {
position: relative;
min-height: 100%;
}
* html div#frame {
height: 100%; /* Fix IE 5.5, 6 */
}
p{
margin: 0;
padding: 0;
}
h4,h3{
margin: 0px;
padding: 0px;
font-weight: bold;
}
h3{
color: #3183B5;
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}
h4{
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
/* CONTENEUR PRINCIPAL /////////////////////////////////////////////////////////// */
div#content{
padding-bottom: 132px;
margin:auto;
width:776px;
}
/* FOOTER //////////////////////////////////////////////////////////////////////// */
div#f {
position: relative;
margin-top: -132px;
height:243px;
/*line-height:20px;*/
clear:both;
width:100%;
}
div#f #partenaire{
position: relative;
width:776px;
height:226px; /*au lieu de 243, pour que la signature soit dans la bande de couleur en bas*/
margin: 0 auto;
text-align: center;
}
div#f #partenaire img{
margin-left: 10px;
margin-right: 10px;
margin-top: 7px;
}
div#f a#partenaire_logo {
position: absolute;
top: 0px;
left: 185px;
width: 125px;
height: 22px;
background: url(../images/partenaire_bg.jpg) top right no-repeat;
text-align:center;
font-weight: bold;
color: #4b554a;
padding-top: 5px;
text-decoration: underline;
}
div#f div.signature{
text-align: center;
}
div#f div.signature a{
color: black;
padding-bottom: 3px;
padding-top: 3px;
}
div#f .hide {
display:none;
}
/* HEADER ////////////////////////////////////////////////// */
#h{
position: relative;
float: left;
width:776px;
height: 282px;
margin: 0 0 8px 0;
background-color: orange;
}
#h #logo{
position: absolute;
top: 82px;
left: 38px;
opacity: 0.0;
filter:alpha(opacity=0);
}
#h #logo img{
border: none;
}
#h h1{ display: none;}
#h h2{ display: none;}
#h span#header_date{
position: absolute;
top: 210px;
left: 10px;
padding: 0px;
margin: 0px;
font-weight: bold;
}
#h ul#menu_1{
position: absolute;
top: 228px;
left: 0;
float: left;
width: 100%;
padding: 0px;
margin: 0px;
list-style: none;
}
#h ul#menu_1 li{
float: left;
background: url(../images/menu_spacer.jpg) top right no-repeat;
padding-right: 3px;
}
#h ul#menu_1 li.last{
background: none;
padding-right: 0px;
}
#h ul#menu_1 li a{
display: block;
float: left;
width: 100%;
color: #d1d3d4;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#h ul#menu_1 li a span {
display: block;
height: 44px;
padding: 15px 0 0 0px;
text-align: center;
width: 100%;
}
#h ul#menu_1 li.twolvl a span {
padding-top: 10px;
height: 49px;
}
/* mouseover */
#h ul#menu_1 li a:hover{
text-decoration: none;
}
/* sélectionné */
#h ul#menu_1 li.active a{
color: #0065a4;
background: url(../images/menu_over_left.jpg) left 6px no-repeat;
}
#h ul#menu_1 li.active a span{
background: url(../images/menu_over_right.jpg) right 6px no-repeat;
}
#h ul#menu_1 li.active a:hover{
cursor: pointer;
color: #4B554A;
}
#h ul#menu_2{
position: absolute;
width: 300px;
top: 37px;
left: 360px;
float: left;
width: 415px;
padding: 0px;
margin: 0px;
list-style: none;
}
#h ul#menu_2 li{
float: left;
padding-top:1px;
padding-right: 13px;
padding-left: 13px;
height: 16px;
}
#h ul#menu_2 li.itineraire{
padding-right: 15px;
padding-left: 11px;
background: url(../images/mon_itineraire.jpg) top left no-repeat;
}
#h ul#menu_2 li a{
color: #4b554a;
font-weight: bold;
}
#h span#commander{
position: absolute;
top: 205px;
right: 0;
padding-top:2px;
padding-left:6px;
padding-right:5px;
height: 19px;
width: 176px;
}
#h span#commander a{
color: white;
font-weight: bold;
}
/* CENTRE ////////////////////////////////////////////////// */
#middle{
float: left;
width:776px;
background-color: white;
}
#c1{
float: left;
width: 188px;
background-color: white;
}
/* SOUS MENU DES ATTRAITS */
#c1 #attrait_sous_menu{
width: 177px;
margin: 0 0 10px 3px;
padding: 0 0 6px 0;
background: #EEF0EF url(../images/attrait_sous_menu_bottom.gif) bottom left no-repeat;
}
#c1 #attrait_sous_menu ul{
padding: 0px;
margin: 0px;
padding-top: 6px;
list-style: none;
background: #EEF0EF url(../images/attrait_sous_menu_top.gif) top left no-repeat;
}
#c1 #attrait_sous_menu li{
width: 172px;
padding: 0 0 0 0;
margin: 0 5px 0 0;
}
#c1 #attrait_sous_menu li a{
display: block;
padding: 2px 2px 0 10px;
font-weight: bold;
color: #4B554A;
text-decoration: none;
}
#c1 #attrait_sous_menu li a:hover{
color: #0065A5;
}
#c1 #attrait_sous_menu li.selected{
background: white url(../images/attrait_sous_menu-selected_top.gif) top right no-repeat;
padding: 2px 0 0 0;
margin: 2px 5px 2px 0;
}
#c1 #attrait_sous_menu li.selected a{
background: url(../images/attrait_sous_menu-selected_bottom.gif) bottom right no-repeat;
padding: 0 0 2px 10px;
color: #0065A5;
}
/* DECOUVER LES BASSE LAURENTIDE ///////////////// */
#c1 div#decouvrez_bl{
background: url(../images/decouvrez_les_bl.jpg) top left no-repeat;
}
#c1 div#decouvrez_bl a{
display: block;
height: 57px;
width: 183px;
}
#c1 div#decouvrez_bl a:hover{
background: url(../images/decouvrez_les_bl_over.jpg) top left no-repeat;
}
#c1 div#decouvrez_bl a span{
display: none;
}
/* DECOUVER LES BASSE LAURENTIDE EN TRAIN ///////////////// */
#c1 div#decouvrez_bl_train{
margin-top: 3px;
background: url(../images/decouvrez_les_bl_train.jpg) top left no-repeat;
}
#c1 div#decouvrez_bl_train a{
display: block;
height: 87px;
width: 183px;
}
#c1 div#decouvrez_bl_train a:hover{
background: url(../images/decouvrez_les_bl_train_over.jpg) top left no-repeat;
}
#c1 div#decouvrez_bl_train a span{
display: none;
}
/* CONSEILLÉ VIRTUEL ////////////////////////////////// */
#c1 div#conseiller_virtuel{
margin-top: 3px;
}
#c1 div#conseiller_virtuel form{
padding: 0px;
margin: 0px;
}
#c1 div#conseiller_virtuel fieldset{
margin: 0px;
padding:0px;
border: none;
}
#c1 div#conseiller_virtuel div#cv_c2 div.simulated-dropbox{
position: relative;
z-index: 1000;
margin-top: 10px;
cursor: pointer;
}
#c1 div#conseiller_virtuel div#cv_c2 div.simulated-dropbox div.selected-element{
overflow:hidden;
position:relative;
line-height:20px;
height:20px;
width: 143px;
padding: 0px 20px 0px 5px;
margin: 0px;
color: #000;
font-weight: bold;
background: url(../images/simulated-drop-box.gif) top left no-repeat;
}
#c1 div#conseiller_virtuel div#cv_c2 div.simulated-dropbox .selected-element span{
display: block;
width: 143px;
overflow:hidden;
text-align: left;
}
#c1 div#conseiller_virtuel div#cv_c2 div.simulated-dropbox ul.menus{
padding: 0px;
margin: 0px;
list-style: none;
position: absolute;
z-index: 1000;
top: 20px;
left: 0px;
border: 1px solid #A0B086;
}
#c1 div#conseiller_virtuel div#cv_c2 div.simulated-dropbox .hidden{
display: none;
border: 1px solid red;
}
#c1 div#conseiller_virtuel div#cv_c2 div.simulated-dropbox li{
padding: 0px;
margin: 0px;
background-color: white;
display: block;
text-align: left;
}
#c1 div#conseiller_virtuel div#cv_c2 div.simulated-dropbox li a{
padding: 0 4px 0 4px;
margin: 0px;
display: block;
width: auto;
height: auto;
line-height: 16px;
background: none;
white-space: nowrap;
text-align: left;
}
#c1 div#conseiller_virtuel div#cv_c2 div.simulated-dropbox li a:hover{
background-color: #A0B086;
color: white;
}
#c1 div#conseiller_virtuel fieldset legend{
display: none;
}
#c1 div#conseiller_virtuel div#cv_c1{
width: 183px;
height: 54px;
background: url(../images/cv_top.jpg) top left no-repeat;
}
#c1 div#conseiller_virtuel div#cv_c1 span{
display: none;
}
#c1 div#conseiller_virtuel div#cv_c2{
width: 167px;
padding-top: 2px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
background: url(../images/cv_bg_mid.jpg) top left repeat-y;
}
#c1 div#conseiller_virtuel div#cv_c2 form{
margin: 0px;
}
#c1 div#conseiller_virtuel div#cv_c2 select{
width: 168px;
padding: 0px;
margin: 0px;
margin-top: 5px;
margin-bottom: 4px;
}
#c1 div#conseiller_virtuel h4{
padding: 0px;
margin: 0px;
margin-top: 1px;
color: white;
font-size: 11px;
}
#c1 div#conseiller_virtuel div#cv_c2 a{
display: block;
height: 19px;
width: 81px;
padding-top: 2px;
margin-left: 45px;
text-align: center;
font-weight: bold;
background: url(../images/rechercher_dark.jpg) top left no-repeat;
}
#c1 div#conseiller_virtuel div#cv_c3{
width: 171px;
padding-top: 2px;
padding-left: 6px;
padding-right: 6px;
height: 78px;
background: url(../images/cv_bottom.jpg) top left no-repeat;
}
#c1 div#conseiller_virtuel div#cv_c3 input{
width: 163px;
padding: 0px;
margin: 0px;
margin-left: 2px;
margin-top: 5px;
margin-bottom: 4px;
}
#c1 div#conseiller_virtuel div#cv_c3 a{
display: block;
height: 19px;
width: 81px;
padding-top: 2px;
margin-left: 45px;
margin-bottom: 8px;
text-align: center;
font-weight: bold;
background: url(../images/rechercher_light.jpg) top left no-repeat;
}
#c1 div#conseiller_virtuel a{
color: black;
}
#c1 div#conseiller_virtuel a:hover{
color: #686868;
text-decoration: none;
}
/* METEO ///////////////////////////////////////////// */
#c1 #meteo{
margin: 0px;
margin-top: 3px;
background: url(../images/meteo_bg.jpg) top left no-repeat;
height: 107px;
width: 154px;
padding-left: 28px;
padding-top: 8px;
}
/* CONCOURS ///////////////////////////// */
#c1 #concours{
}
#c1 #liste_concours{
padding: 0px;
margin: 0px;
width: 178px;
padding-left: 4px;
}
#c1 #liste_concours ul{
padding: 0px;
margin: 0px;
}
#c1 #liste_concours img{
border: none;
vertical-align: bottom;
}
#c1 #liste_concours li.concours{
list-style: none;
padding: 0px;
margin: 0px;
margin-top: 3px;
}
#c1 #liste_concours li.concours span{
display: none;
}
/* CE QUE LES GENS EN PENSE ////////////////////////// */
#c1 div#les_gens_pense{
margin-top: 9px;
margin-bottom: 6px;
}
#c1 div#les_gens_pense div#gp_c1{
height: 47px;
width: 183px;
background: url(../images/gens_pensent.jpg) top left no-repeat;
}
#c1 div#les_gens_pense div#gp_c1 span{
display: none;
}
#c1 div#les_gens_pense div#gp_c2 ul{
padding: 0px;
margin: 0px;
width: 183px;
}
#c1 div#les_gens_pense div#gp_c2 ul li{
height: 35px;
list-style: none;
padding: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 5px;
width: 175px;
margin: 0px;
background: url(../images/gens_pense_bg_light.jpg) top left repeat-y;
}
#c1 div#les_gens_pense div#gp_c2 ul li span a{
color: black;
text-decoration: none;
}
#c1 div#les_gens_pense div#gp_c2 ul li span a:hover{
text-decoration: underline;
}
#c1 div#les_gens_pense div#gp_c2 ul li span{
position : relative;
display: block;
padding-left: 33px;
margin: 0 4px 0 11px;
text-transform: uppercase;
height: 35px;
background: url(../images/gens_pense_star_light.jpg) top left no-repeat;
}
#c1 div#les_gens_pense div#gp_c2 ul li.dark{
background: url(../images/gens_pense_bg_dark.jpg) top left repeat-y;
}
#c1 div#les_gens_pense div#gp_c2 ul li.dark span{
background: url(../images/gens_pense_star_dark.jpg) top left no-repeat;
}
#c1 div#les_gens_pense div#gp_c3{
height: 21px;
width: 183px;
background: url(../images/gens_pensent_bottom.jpg) top left no-repeat;
}
#c1 div#les_gens_pense div#gp_c2 ul li span span.cote{
background: none;
position: absolute;
left: -33px;
top: 8px;
}
#c2{
position: relative;
z-index: 100;
float: left;
width: 401px;
background-color: white;
padding-left: 3px;
margin-right: 3px;
padding-bottom: 20px;
}
#c2 a.goto{
position: absolute;
bottom: 4px;
right: 0px;
color: #0065A4;
display: block;
margin-top: 5px;
text-align: right;
font-weight: bold;
}
/* ACTUALITÉ DÉTAIL ///////////////////////////////////// */
#c2 #img_c2{
text-align: center;
padding-bottom: 0px;
}
#c2 #img_c2 img{
padding: 0px;
margin: 0px;
}
#c2 #detail_actualite{
position: relative;
padding-bottom: 30px;
}
#c2 #detail_actualite a{
display: block;
color: #156799;
}
#c2 #detail_actualite img{
border: 1px solid black;
}
#c2 #detail_actualite p{
margin-top: 5px;
margin-bottom: 5px;
}
#c2 h3#titre_actualite{
margin: 10px 0 0 0;
padding: 0;
height: 18px;
background: url(../images/actulalite_titre.jpg) top left no-repeat;
}
#c2 h3#titre_actualite span{
display: none;
}
/* ACTUALITÉ LISTE //////////////////////////////////////////////////*/
#c2 #actualite{
float: left;
width: 392px;
list-style: none;
margin: 0 0 10px 0;
padding: 0px;
}
#c2 #actualite p{
padding-right: 7px;
}
#c2 #actualite li{
position: relative;
float: left;
width: 392px;
border-bottom: 2px dotted #ccc;
padding-top: 20px;
}
#c2 #actualite li.last{
border-bottom: 0px dotted #ccc;
}
#c2 #actualite li div.actualite_img{
float: left;
width:134px;
}
#c2 #actualite li div.actualite_img img{
float: left;
border: 1px solid black;
margin-left: 8px;
}
#c2 #actualite li div.actualite_desc{
position: relative;
float: left;
width: 255px;
font-size: 10px;
color: #6d6e71;
}
#c2 #actualite li div.actualite_desc span{
font-weight: bold;
color: #0065a4;
font-size: 12px;
}
#c2 #actualite li div.actualite_desc h4 a{
padding: 0;
margin:0px;
font-weight: bold;
color: #6d6e71;
font-size: 14px;
}
/* MEMBRE LISTE ////////////////////////////////////////////*/
#c2 #membre_list ul{
list-style: none;
padding:0px;
margin:0px;
}
#c2 #membre_list ul li.or{}
#c2 #membre_list ul li.argent{}
#c2 #membre_list ul li.bronze{}
#c2 #membre_list ul li{
position: relative;
border-bottom: 2px dotted #ccc;
padding: 5px 0 20px 0;
float: left;
width: 392px;
}
#c2 #membre_list ul li h4 a
{
color: #4B554A;
}
#c2 #membre_list ul li h4{
padding: 0px;
margin: 0px;
margin-bottom: 2px;
}
#c2 #membre_list ul li a img{
margin-bottom: 5px;
border: 1px solid black;
}
#c2 #membre_list ul li p{
width: 100%;
}
/* GENERAL PAGE STATIQUE + TEXTE */
#c2 div.texte h3{
margin-bottom: 5px;
}
#c2 div.texte ul{
padding: 0px;
margin: 5px 5px 2px 20px;
}
#c2 div.texte ul li{
padding-bottom: 3px;
}
#c2 div.texte p{
margin: 5px 10px 5px 0;
}
#c2 div.texte p a{
color: #17699B;
font-weight: bold;
}
#c2 div.texte img{
padding: 5px;
display: inline;
border: 1px solid #ccc;
}
#c2 div.texte img.right{
float: right;
margin: 5px 0px 5px 10px;
}
#c2 div.texte img.left{
float: left;
margin: 5px 10px 5px 0;
}
#c2 div.texte .box{
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
margin:25px 15px 15px 0px;
}
#c2 div.texte div.carte a.agrandir{
background: url(../images/agrandir-carte.gif) top left no-repeat;
display: block;
height: 20px;
width: 182px;
margin-left: 200px;
}
/* DÉCOUVREZ LES BASSES LAURENTIDES //////////////////////////////////////////////////*/
#c2 #decouvrez-basses-laurentides span.dequoi{
display: block;
font-size: 12px;
font-weight: bold;
padding: 2px 0 2px 50px;
}
#c2 #decouvrez-basses-laurentides div.carte{
}
#c2 #decouvrez-basses-laurentides div.carte img{
padding: 5px;
border: 1px solid #ccc;
}
/* MISE EN VALEUR */
#c2 a.mev-brochure{
font-weight: bold;
color: #488FBB;
}
#c2 #mev-header img{
padding: 0px;
margin: 0px;
border: none;
}
#c2 #mev-agrotourisme div.pense-a span{
display: block;
padding-left: 20px;
}
#c2 #mev-herbergement div.sa-ou-sa span{
display: block;
}
/* TABLEAU STATIQUE */
#c2 table.petits-fruits{
border-collapse: collapse;
}
#c2 table.petits-fruits tr.head th{
background-color: #E6EE98;
border: 2px solid #789A4E;
font-weight: bold;
text-align: center;
padding: 2px;
height: 18px;
}
#c2 table.petits-fruits td{
border: 1px solid #789A4E;
width: 17px;
height: 18px;
padding: 0px;
margin: 0px;
}
#c2 table.petits-fruits td.oui{
background: url(../images/tableau-choix.gif) 3px 3px no-repeat;
}
#c2 table.petits-fruits td.fmois{
border-right: 2px solid #789A4E;
}
#c2 table.petits-fruits td.titre{
font-weight: bold;
padding: 0 3px 0 3px;
width: 162px;
border-right: 2px solid #789A4E;
border-left: 2px solid #789A4E;
}
#c2 table.petits-fruits tr.last td{
border-bottom: 2px solid #789A4E;
}
/* FOIR AU QUESTIONS //////////////////////////////////////////////////*/
#c2 #faq {
position: relative;
width: 392px;
}
#c2 #faq #categorie{
display: block;
position: relative;
width: 392px;
border-bottom: 1px solid #4B554A;
padding-bottom: 10px;
margin-bottom: 20px;
}
#c2 #faq #categorie ul{
list-style:none;
padding:0px;
padding-left :10px;
margin: 0px;
}
#c2 #faq #categorie ul li{
padding-bottom: 5px;
}
#c2 #faq #categorie ul li a{
color: #146799;
font-weight: bold;
font-size: 12px;
}
#c2 #question_reponse {
padding-bottom: 20px;
}
#c2 #question_reponse h4{
padding-bottom: 10px;
}
#c2 #question_reponse ul{
list-style:none;
padding:0px;
margin: 0px;
}
#c2 #question_reponse ul li{
border-bottom: 2px dotted #ccc;
margin-bottom : 10px;
background-color: none;
}
#c2 #question_reponse ul li label{
font-weight: bold;
padding: 0 5px 0 0;
height: 20px;
width: 20px;
float: left;
}
#c2 #question_reponse ul li p{
padding-left: 10px;
padding-bottom: 2px;
margin-bottom: 2px;
padding-left: 30px;
margin-top: 0px;
}
#c2 #question_reponse ul li div.Q,
#c2 #question_reponse ul li div.R{
width: 100%;
}
#c2 #question_reponse ul li div.Q label{
background: url(../images/interogation.gif) top left no-repeat;
}
#c2 #question_reponse ul li div.Q p{
font-weight: bold;
font-size: 12px;
padding-bottom: 5px;
}
#c2 #question_reponse ul li div.R label{
background: url(../images/reponse.gif) top left no-repeat;
}
#c2 #question_reponse ul li div.R p{
padding-bottom: 8px;
}
/* PARTENAIRE PAGE DE LISTE ///////////////////////////////////////////////*/
#c2 #list-partenaire ul{
list-style: none;
padding:0 0 0 0;
margin: 5px 0 0 0;
}
#c2 #list-partenaire ul li{
float: left;
}
/* MA REGION EN IMAGE //////////////////////////////////////////////////*/
#c2 #otblimage{
position: relative;
display: block;
width: 392px;
padding-bottom: 30px;
}
#c2 #otblimage h4{
padding: 0px;
margin: 0px;
}
#c2 #otblimage ul{
list-style: none;
width: 392px;
padding: 0px;
margin: 0px;
}
#c2 #otblimage ul li{
position: relative;
width: 392px;
padding: 0px;
margin: 0px;
padding: 5px 0 20px 0;
border-bottom: 2px dotted #ccc;
}
#c2 #otblimage_diapo{
float: left;
width: 392px;
position: relative;
padding-bottom: 30px;
}
#c2 #otblimage_diapo #princ{
}
#c2 #otblimage_diapo img{
border: 1px solid black;
}
#c2 #otblimage_diapo div.nav_1{
position: relative;
float: left;
width: 48px;
height: 48px;
border: 1px solid black;
}
#c2 #otblimage_diapo div.nav_1 img{
border: none;
opacity: 0.5;
filter:alpha(opacity=50);
}
#c2 #otblimage_diapo div.nav_1 a {
position: absolute;
top: 0px;
left: 0px;
width: 48px;
height: 48px;
background: url(../images/precedente.png) top left no-repeat;
}
* html #c2 #otblimage_diapo div.nav_1 a {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/theme/2008/commun/images/precedente.png',sizingMethod='scale');
}
#c2 #otblimage_diapo div.nav_2{
float: left;
width: 292px;
text-align: center;
font-weight: bold;
}
#c2 #otblimage_diapo div.nav_2 span{
display:block;
}
#c2 #otblimage_diapo div.nav_3{
position: relative;
float: left;
width: 48px;
height: 48px;
border: 1px solid black;
}
#c2 #otblimage_diapo div.nav_3 img{
border: none;
postion: absolute;
top: 25px;
opacity: 0.5;
filter:alpha(opacity=50);
}
#c2 #otblimage_diapo div.nav_3 a {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 48px;
height: 48px;
cursor: pointer;
background: url(../images/prochaine.png) top left no-repeat;
}
* html #c2 #otblimage_diapo div.nav_3 a {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/theme/2008/commun/images/prochaine.png',sizingMethod='scale');
}
#c2 #otblimage_diapo div.noimage{
border: none;
}
#c2 #otblimage_soumettre #membre_logo{
border: 1px solid #ccc;
width: 290px;
margin-bottom: 5px;
}
#c2 #otblimage_soumettre #membre_logo a img{
border: none;
}
/* CONCOURS PARTICIPATION //////////////////////////////////////////////////*/
#c2 #concours_participant a#condition{
display: block;
text-align: right;
color: #3183B5;
}
#c2 #concours_participant{
margin-right: 15px;
}
#c2 #concours_participant div#desc{
margin-top: 5px;
margin-bottom: 5px;
background-color: #efefef;
padding: 5px;
}
#c2 #concours_participant h4{
margin-bottom: 0px;
padding-bottom: 2px;
}
#c2 #concours_participant h5{
font-size: 12px;
color: #3183B5;
padding: 0px;
margin: 0px;
}
#c2 #concours_participant h6{
font-size: 12px;
color: #3183B5;
padding: 0px;
margin: 0px;
margin-top: 10px;
}
#c2 #concours_participant p{
padding: 0px;
margin: 0px;
margin-bottom: 5px;
}
#c2 #concours_gagnant div.img_concours{
float: left;
width: 130px;
}
#c2 #concours_gagnant div.list_gagnant{
float: left;
width: 220px;
font-size: 12px;
color: #3183b5;
}
#c2 #concours_gagnant div.gagnant{
font-size: 12px;
padding-bottom: 5px;
padding-top: 5px;
color: #3183b5;
}
#c2 #concours_gagnant div.gagnant .date_tirage{
font-size: 12px;
}
#c2 #concours_gagnant div.gagnant .nom_gagnant{
font-weight: bold;
}
#c2 #concours_gagnant span{
display: block;
}
#c2 #concours_gagnant div.prix{
font-weight: bold;
font-size: 12px;
color: #2d5269;
border-bottom: 1px solid #2d5269;
padding-bottom: 5px;
}
/* CENTRE DOCUMENTATION //////////////////////////////////////////////////*/
#c2 #centre_documentation{
padding-right: 5px;
}
#c2 #centre_documentation p{
margin-bottom: 5px;
margin-top: 5px
}
#c2 #centre_documentation h4{
position: relative;
background-color: #507c9e;
padding-left: 20px;
padding-top: 3px;
padding-bottom: 3px;
margin: 0px;
margin-top: 10px;
}
#c2 #centre_documentation h4 a{
color: white;
padding-left: 25px;
background: url(../images/btn_fermer_documentation.jpg) top left no-repeat;
}
#c2 #centre_documentation h4 a.ouvrir{
background: url(../images/btn_ouvrir_documentation.jpg) top left no-repeat;
}
#c2 #centre_documentation h4 a:hover{
text-decoration: none;
}
#c2 #centre_documentation ul{
display: block;
list-style: none;
padding: 0px;
margin: 0px;
}
#c2 #centre_documentation ul li{
border-bottom: 2px dotted #ccc;
padding-bottom: 15px;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
}
#c2 #centre_documentation ul li h5{
background-color: #eee;
font-size: 12px;
padding-left: 20px;
padding-top: 1px;
padding-bottom: 1px;
margin: 0px;
margin-bottom: 10px;
}
#c2 #centre_documentation ul li a.doc{
display: block;
height: 14px;
color: #656565;
padding-left: 25px;
background: url(../images/doc_fond_blanc.jpg) top left no-repeat;
}
#c2 #centre_documentation ul li a.ajouter{
display: block;
color: white;
width: 157px;
height: 19px;
margin-top: 10px;
background: url(../images/ajouter_a_mon_itineraire.gif) top left no-repeat;
}
#c2 #centre_documentation ul li a.deja{
display: block;
color: #656565;
width: 190px;
padding-right: 19px;
padding-top: 2px;
font-weight: bold;
margin-left: 140px;
margin-top: 10px;
background: url(../images/ajouter_a_mon_itineraire_deja.gif) top right no-repeat;
}
/* PLAN DU SITE ////////////////////////////////////////////////////*/
#c2 #plan-du-site ul{
margin: 10px 0 0 20px;
padding: 0 0 0 10px;
}
#c2 #plan-du-site ul li{
padding: 2px 0 2px 10px;
}
#c2 #plan-du-site ul li a{
color: #488FBB;
font-weight: bold;
}
#c2 #plan-du-site ul li a:hover{
text-decoration: underline;
}
/* MON ITINÉRAIRE //////////////////////////////////////////////////*/
#c2 #mon_itineraire{
}
#c2 #mon_itineraire ul{
list-style: none;
margin: 0;
padding: 0;
}
#c2 #mon_itineraire h4{
position: relative;
background-color: #5a7c91;
color: white;
margin-bottom: 5px;
margin-top: 10px;
padding-left: 5px;
padding-bottom: 2px;
padding-top: 2px;
}
#c2 #mon_itineraire h5{
margin: 0px;
margin-top: 5px;
margin-bottom: 2px;
padding: 0px;
font-size: 10px;
font-weight: bold;
}
#c2 #mon_itineraire ul li div.info{
overflow: hidden;
margin-bottom: 5px;
}
#c2 #mon_itineraire ul div.coord{
float: left;
width: 170px;
padding: 5px;
border-right: 2px dotted #ccc;
}
#c2 #mon_itineraire ul div.coord label{
display: inline;
font-weight: bold;
}
#c2 #mon_itineraire ul div.coord p{
padding: none;
margin: none;
display: inline;
}
#c2 #mon_itineraire ul div.option{
float: left;
width: 190px;
padding: 5px;
}
#c2 #mon_itineraire ul div.option label{
display: block;
font-weight: bold;
margin-bottom: 5px;
margin-left: 20px;
}
#c2 #mon_itineraire ul div.option span a{
display: block;
height:15px;
width: 174px;
background: url(../images/itinieraire_bouton01.jpg) top left no-repeat;
margin-top: 4px;
margin-bottom: 4px;
padding-left: 5px;
padding-top: 1px;
color: white;
font-weight: bold;
}
#c2 #mon_itineraire ul div.option span{
display: block;
position: relative;
height: 20px;
padding-left: 22px;
}
#c2 #mon_itineraire ul div.option a{
}
#c2 #mon_itineraire ul div.option a:hover{
text-decoration: none;
cursor: pointer;
color: #B3DFFA;
}
#c2 #mon_itineraire ul div.option span.voir{
background: url(../images/voir.jpg) 0 2px no-repeat;
}
#c2 #mon_itineraire ul div.option span.visiter{
background: url(../images/visiter.jpg) 0 2px no-repeat;
}
#c2 #mon_itineraire ul div.option span.supprimer{
background: url(../images/supprimer.jpg) 0 4px no-repeat;
}
#c2 #mon_itineraire ul.document_mbr
{
}
#c2 #mon_itineraire ul.document_mbr li.doc {
position: relative;
border-top: 2px dotted #ccc;
padding-top: 5px;
}
#c2 #mon_itineraire ul.document_mbr li.doc a.del{
position: absolute;
top: 4px;
left: 0px;
height: 15px;
width: 17px;
background: url(../images/supprimer.jpg) top left no-repeat;
}
#c2 #mon_itineraire ul.document_mbr li.doc a.dl{
display: block;
color: black;
height: 17px;
padding-left: 38px;
background: url(../images/doc_fond_blanc.jpg) 20px top no-repeat;
}
#c2 #mon_itineraire div#spacer_itineraire{
display: block;
height: 23px;
background-color: #28415b;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 8px;
}
#c2 #mon_itineraire div.option_soumission{
text-align: right;
margin-right: 8px;
}
#c2 #mon_itineraire div.option_soumission label{
display: block;
color: #28415b;
font-weight: bold;
margin-bottom: 2px;
}
#c2 #mon_itineraire div.option_soumission a{
display: block;
text-align: center;
width: 126px;
height: 16px;
color: white;
font-weight: bold;
background: url(../images/btn_soumettre_itinieraire.jpg) top left no-repeat;
margin-bottom: 10px;
margin-left: 267px;
}
#c2 #mon_itineraire div.option_soumission a:hover{
color: #B3DFFA;
text-decoration: none;
}
#c2 #sauvegarde_courriel ul{
list-style: none;
padding: 0px;
margin: 0px;
margin-top: 10px;
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
}
#c2 #sauvegarde_courriel ul li{
border-top: 1px dotted #ccc;
padding-top: 2px;
}
#c2 #sauvegarde_courriel ul li span{
display: block;
float: left;
width: 250px;
margin-right: 4px;
}
#c2 #fiche_membre_envoyer_ami img{
border: 1px solid black;
}
/* GENERAL #c2 */
#c2 a.photoIcon{
display: block;
text-align: right;
font-weight: bold;
color: #0065A4;
padding: 8px 33px 0 30px;
margin: 10px 20px 0 0;
height: 28px;
background: url(../images/photo_icon.gif) top right no-repeat;
}
#c2 a.plusIcon{
display: block;
text-align: right;
font-weight: bold;
color: #0065A4;
padding: 0px 20px 0 30px;
margin: 10px 20px 5px 0;
height: 15px;
clear: both;
background: url(../images/plus.gif) top right no-repeat;
}
#c2 a.flecheIcon{
display: block;
text-align: right;
font-weight: bold;
color: #0065A4;
padding: 0px 20px 0 30px;
margin: 10px 20px 5px 0;
height: 15px;
clear: both;
background: url(../images/goto.gif) top right no-repeat;
}
#c2 a.questionIcon{
display: block;
text-align: left;
font-weight: bold;
color: #0065A4;
padding: 0px 20px 0 30px;
margin: 2px 20px 2px 0;
height: 18px;
clear: both;
background: url(../images/interogation.gif) top left no-repeat;
}
#c2 a.infoIcon{
display: block;
text-align: right;
font-weight: bold;
color: #0065A4;
padding: 2px 25px 0 30px;
margin: 0px 0px 5px 0;
height: 20px;
clear: both;
background: url(../images/info.gif) top right no-repeat;
}
/* COLONNE 3 ///////////////////////////////////////////////////////////////////////////*/
#c3{
float: left;
width: 181px;
margin-top: 0px;
background-color: white;
}
#c3 div#mon_itineraire_c3{
background: url(../images/btn_mon_itineraire_big.jpg) top left no-repeat;
margin-bottom: 3px;
}
#c3 div#mon_itineraire_c3 a{
display: block;
height: 44px;
width: 181x;
}
#c3 div#mon_itineraire_c3 a:hover{
background: url(../images/btn_mon_itineraire_big_over.jpg) top left no-repeat;
}
#c3 div#mon_itineraire_c3 a span{
display: none;
}
#c3 div#abonnez_vous{
background: url(../images/abonnez_vous.jpg) top left no-repeat;
margin-bottom: 3px;
}
#c3 div#abonnez_vous a{
display: block;
height: 58px;
width: 181x;
}
#c3 div#abonnez_vous a:hover{
background: url(../images/abonnez_vous_over.jpg) top left no-repeat;
}
#c3 div#abonnez_vous span{
display: none;
}
#c3 div#pub_membre{
margin-bottom: 5px;
}
#c3 div#pub_membre img{
border: 1px solid black;
}
#c3 #zone_mise_en_valeur ul{
list-style: none;
padding: 0px;
margin: 0px;
}
#c3 #zone_mise_en_valeur ul li{
position :relative;
padding: 0px;
margin: 0px;
}
#c3 #zone_mise_en_valeur ul img{
border: none;
}
#c3 #zone_mise_en_valeur ul a{
text-decoration: none;
height: 60px;
width: 181px;
}
#c3 #zone_mise_en_valeur a.doc{
position: absolute;
top: 40px;
right: 7px;
display: block;
width: 83px;
height: 20px;
background: url(../images/spacer.gif);
}
#c3 div#otbl_en_image{
position: relative;
height: 173px;
width: 181px;
background: url(../images/otbl_en_image.jpg) top left no-repeat;
}
#c3 div#otbl_en_image span{
display: none;
}
#c3 div#otbl_en_image a#voir_diapo
{
position: absolute;
left: 2px;
bottom: 36px;
height: 38px;
width: 175px;
margin-left:2px;
background: url(../images/voirdiapo_bg.jpg) top left no-repeat;
}
#c3 div#otbl_en_image a#voir_diapo:hover
{
background: url(../images/voirdiapo_bg_over.jpg) top left no-repeat;
}
#c3 div#otbl_en_image a{
position: absolute;
left: 22px;
bottom: 14px;
height: 17px;
width: 138px;
background: url(../images/soumettre_otbl_en_image.jpg) top left no-repeat;
text-align: center;
color: white;
font-weight: bold;
padding-top: 2px;
}
/* Sous-section pommes en fête */
#pommes #c2 .menu { display:block; clear:both; height:291px;}
#pommes #c2 .menu ul { list-style:none; margin:0 0 0 4px; padding:0; display:block; clear:both; }
#pommes #c2 .menu ul li {display:inline;}
#pommes #c2 .menu ul li a {display:block; float:left;}
#pommes #c2 .menu ul li a .hide { display:none;}
#pommes #c2 .menu .historique { background:url(../images/pommes-btn_historique.gif); width:112px; height:35px;}
#pommes #c2 .menu .membres { background:url(../images/pommes-btn_membres.gif); width:112px; height:35px;}
#pommes #c2 .menu .partenaires { background:url(../images/pommes-btn_partenaires.gif); width:145px; height:35px;}
#pommes #c2 .menu .activites { background:url(../images/pommes-btn_activites.gif); width:174px; height:36px;}
#pommes #c2 .menu .calendrier { background:url(../images/pommes-btn_calendrier.gif); width:195px; height:36px;}
#pommes #c2 .menu ul li a { background-position:0 0; background-repeat:no-repeat;}
#pommes #c2 .menu ul.pages li a:hover,
#pommes #c2 .menu ul.pages li a.selected { background-position:0 -35px; }
#pommes #c2 .menu ul.documents li a:hover,
#pommes #c2 .menu ul.documents li a.selected { background-position:0 -36px; }
#pommes #c2 { overflow:hidden;}
#pommes #c2 .content_holder { padding:0 15px 0 8px; }
#pommes #c2 .content_holder h3 { margin:12px 0 5px 0;}
#pommes #c2 .content_holder h4 { margin:12px 0 5px 0;}
.pommes-partenaires { list-style:none; margin-left: 0; padding-left: 0; }
.pommes-partenaires li { margin-bottom: 20px; text-align: center; font-size: 15px; }
#pommes.accueil p { text-align: justify; }