/* CSS Document */
/*------------------------------ HABILLAGE ------------------------------*/

.droite{background-image: url(../Images/banniere_home/droite.gif); background-repeat: repeat-x;}
.gauche{background-image: url(../Images/banniere_home/gauche.gif); background-repeat: repeat-x;}

H1{    margin:0px;font-weight:normal;}

.submit{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#666666;padding:0 6px;cursor:pointer;background-color:#E7E7E7; border: 1px solid #666666; cursor:pointer;}
.submit:hover{ border-color:#333;color:#333;}
a.contact{color:#000000; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; text-align: justify;}
a.contact:hover{color:#000000; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:underline; text-align: justify;}
a.mention{color:#F2C000; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:none; text-align: justify;}
a.mention:hover{color:#F2C000; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:underline; text-align: justify;}
a.imprimeLien{color:#F2C000; font-size:12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:none; text-align: justify;}
a.imprimeLien:hover{color:#F2C000; font-size:12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:underline; text-align: justify;}
a.lien{color:#D09900; font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; text-align: justify;}
a.lien:hover{color:#D09900; font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:underline; text-align: justify;}
a.categorie{color:#666666; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:none;}
a.categorie:hover{color:#666666; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:underline;}
a.facebook{color:#585858;font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:none; text-align: justify;}
a.lienMenu{color:#D09900; font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; text-align: justify;}
a.lienMenu:hover{color:#D09900; font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; text-align: justify;}
a.lienMenu span:hover{color:#F3C000;}
/*------------------------------------------------------------------------*/

/*--------------------------------- PUCE ---------------------------------*/
.PuceCarre{background-image: url(../Images/puce_carre.gif); background-repeat: no-repeat; background-position: left 7px; padding-left: 6px;margin-bottom:3px;}

/*------------------------------------------------------------------------*/

/*------------------------------ TEXTE NORM ------------------------------*/
.TexteNorm{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color: #000000; text-align:justify;}
.TexteNormGras{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; color: #000000; font-weight: bold;}
.TexteNormGras1{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color: #000000; font-weight: bold;}
.TexteNormGrasMaj{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color: #000000; font-weight: bold; text-transform: uppercase;}
.TexteNormGris{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color: #666666; text-align:justify;}
.TexteNormGris_1{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color: #666666;}
.TexteNormGrisGras{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color: #666666; font-weight: bold; text-align:justify;}
.TexteNormGrisClairGras{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color: #989898; font-weight: bold; text-align:justify;}
.TexteNormOrange{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color: #D09900;}
.TexteNormOrangeGras{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color: #D09900; font-weight: bold;}
.TexteNormOrangeGras1{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; color: #D09900; font-weight: bold;}
.TexteNormMarronGras{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color: #C08326; font-weight: bold;}
.TexteNormMarronMajGras{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color: #C08326; font-weight: bold; text-transform:uppercase;}
.TexteNormPoint{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 8px; color: #666666; text-align:justify;}
.TexteNormVert{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#A86701; text-transform:uppercase; font-weight:bold;}

/*------------------------------------------------------------------------*/

.TexteTitreNoir{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 14px; color: #000000; font-weight: bold;}
.TexteTitreGris{font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; font-size : 12px; color: #676767; text-transform:uppercase;}

.bord{border:1px solid #00FF00;}
.hidden{display:none;}
.visible{display:block;}

.infopied{color:#585858;padding-top:5px;padding-bottom:15px;padding-left:5px;}
.implmap{height:200px;width:489px;overflow:hidden;}
#infomap{overflow:hidden;}
.selection{padding-left:30px;}
.label{padding-left:5px;}
@media print
{
hr {display:none;}
#saut {page-break-after:always}
}
/* --- Slider horizontal -------------------------------------------------*/
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 90px;
  width: 700px;
  margin: 0 auto;
  /* Add scroll-bars */
  display: none;
  overflow: auto;
}

ul.sc_menu {
  display: block;
  height: 90px;
  /* Max width here, for users without Javascript */
  width: 10000px;
  /* Remove default margin */
  margin: 0;
  background: url('navigation.png');
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}

.sc_menu a {
  display: block;
  text-decoration: none;
}


.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}


/*============= PanierAmeteau v2 =============*/


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight:normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px;line-height:12px;margin: 0px; background-color : #FFFFFF;}
.reset{line-height:0;height:0;font-size:0;clear:both;float:none;overflow:hidden;border:none;}

.wrapper{width:760px;margin:0 auto;}
.subWrapper{width:740px;margin:0 10px;}

.header{width:740px;margin-left:10px;}
.header .image{width:489px;float:left;}
.header .image img{vertical-align:top;display:block;float:left;}
.header .mainMenu{width:251px;height:201px;float:left;border-top:1px solid #f3c000;overflow:hidden;}

    .textTitle{font-size:16px;color:#a26802;text-transform:uppercase;font-family:Times New Roman, times, serif;}
    
    
/*mainMenu*/
.mainMenu li{float:left;width:251px;}
.mainMenu li .selection,
.mainMenu li a{
    background:url(../Images/mainMenu/spriteMenu.png) no-repeat 0 -10px #000;
    border-bottom:1px solid #f3c000;display:block;line-height:28px;height:28px;text-decoration:none;
    color:#ccc;border-right:1px solid #f3c000;border-left:1px solid #f3c000;padding-left:28px;padding-bottom:2px;position:relative;
    }
    
    
    .mainMenu li.active a,
    .mainMenu li a:hover{background-position:0 -53px;}
    .mainMenu li.active a strong,
    .mainMenu li a:hover strong{position:relative;top:2px;color:#f3c000}
    .mainMenu li.active a,
    .mainMenu li a:hover {color:#f3c000;}

    .mainMenu li a.bigButton{background-position:0 -104px;}
    .mainMenu li.active .bigButton,
    .mainMenu li a.bigButton:hover{background-position:0 -173px;}

    .mainMenu li a.information{line-height:11px;height:43px;}
    .mainMenu li a.information .text{position:relative;top:8px;}
    .mainMenu li a.information small{line-height:10px;font-size:9px;font-weight:normal;text-transform:none;}

    .mainMenu li strong{font-weight:bold;text-transform:uppercase;}

    .mainMenu .icon{position:absolute;overflow:hidden;background:url(../Images/mainMenu/puceMenu.png) no-repeat 0 -7px;width:20px;height:7px;left:5px;top:12px;}
    
    .mainMenu .active .icon,
    .mainMenu li a:hover .icon{background-position:0 0;top:14px;}
    .mainMenu .selection .cart{display:inline-block;position:relative;top:3px;height:15px;width:19px;background:url(../Images/mainMenu/cart03.png) no-repeat 0 0}
    .mainMenu a.selection:hover .cart,
    .mainMenu .active .selection .cart{background-position:0 -16px;}
    .mainMenu .active .selection{color:#f3c000}
    
    /*facebook*/
    .facebookButton{position:relative;background:url(../Images/facebook.png) no-repeat right 0 ;height:33px;display:block;overflow:hidden;text-indent:-9999px;}
    .facebookButton:hover{background-position:right -33px;}
    .facebookButton .icon{position:absolute;overflow:hidden;background:url(../Images/mainMenu/puceMenu.png) no-repeat 0 -7px;width:20px;height:7px;left:5px;top:19px;}
    .facebookButton:hover .icon{background-position:0 0;top:21px;}
    
    .partenaires{padding:8px;border-top:1px solid #f3c000;border-top:none;}
    .partenaires .textTitle{font-size:12px;color:#666;margin-bottom:7px;}
    .partenaires .caisseEpargne{margin:0 20px;}
    
    .menuBottom{background:#ccc}
    .sublinksContainer{border:1px solid #f3c000;border-top:none;background:#eee;float:left;width:249px;}
    .sublinksContainer .facebookButton{border-bottom:1px solid #f3c000;}
    
    
/*listeActivites*/
    .listeActivitesHome{background:#ccc url(../Images/fond-home.gif) repeat-x top;float:left;width:489px;}
    .listeActivites{padding:13px 8px 8px;}
    .listeActivites .textTitle{font-size:14px;margin-bottom:5px;}
    .listeActivites a:hover{color:#333;}
    .listeActivites .list{line-height:12px;}



/*slider*/
    .sliderContainer{background: url(../Images/home/titre.gif) no-repeat left  top;position:relative;}
    .sliderContainer .textTitle{border-bottom:1px dotted #aaa;padding:10px 5px 2px;margin-bottom:10px;}

    #infobulle{position:absolute;border:1px solid #f3c000;
        width:250px;font-size:10px;padding:10px 20px 10px 10px;line-height:12px;
        right:10px;top:10px;background:#333;color:#fff;
        -moz-box-shadow:0 0 7px #666;
        -webkit-box-shadow:0 0 7px #666;
        box-shadow:0 0 7px #666;
    }
    
    #infobulle .more{position:absolute;bottom:0;right:0;line-height:18px;background:#f3c000;color:#333;padding:0 3px;font-weight:bold;font-size:16px;font-weight:bold;}
    #infobulle .text{line-height:12px;height:48px;overflow:hidden;}
    #infobulle .icon{position:absolute;bottom:-25px;left:10px;height:25px;width:25px;background: url(../Images/home/bullePointer.png) no-repeat left bottom}
    
   .detailsHome{float:right;}

   /*Coordonnées*/
    .adressBlock {background:url(../Images/nous/bas_menu_1.gif) no-repeat center top #e7e7e7;position:relative;float:left;border-left:1px solid #fff;height:200px;width:250px;}
    .adressBlock .textTitle{border-bottom:1px dotted #aaa;padding:20px 5px 2px;margin:0 8px 10px;color:#333}
    .adressBlock .text{background:url(../Images/nous/fond_tours.gif) no-repeat -10px bottom;position:absolute;bottom:0;left:10px;padding:0 0 58px;width:230px;}
    .adressBlock .text div{margin-bottom:2px;}
    .adressBlock .text .TexteNormVert{margin-bottom:8px;}
    
    .smallAdressBlock .TexteNormVert{margin-bottom:8px;}
    .smallAdressBlock {margin:0 10px;padding:10px 10px;border-left:1px dotted #ccc;border-right:1px dotted #ccc;}
    .smallAdressBlock div{margin-bottom:2px;}
    .smallAdressBlock .number{Font-size:18px;color:#666;line-height:17px;font-family:arial, helvetica, sans-serif;font-weight:bold;margin-top:5px;}
   
    .facebookFooter{background:url(../Images/facebookFooter.png) no-repeat 0 0;margin-top:13px;display:block;text-indent:-9999px;overflow:hidden;width:121px;height:56px;} 
    .facebookFooter:hover{background-position:0 -56px} 
   
    .googleMap{float:left;}

    .cabinetInfos {position:relative;}
    .cabinetInfos .textTitle{font-size:12px;line-height:14px;}
    
    /*fiche selection*/
     .selectionTitle {position:relative;}
     .selectionTitle img{margin-bottom:13px;}
     .selectionTitle .returnButton{position:absolute;right:9px; top:9px;}
     
    .selectionItemFooter{padding:18px 0 5px;position:relative;}
    .selectionItemFooter .details{float:right;}
    .selectionItemFooter .removeFromCart{display:block;position:absolute;right:95px;top:-7px;height:54px;width:64px;overflow:hidden;text-indent:-9999px;background:url(../Images/fiche/cartRemove.png) no-repeat 0 0;}
     
     
    #selectionHeader{padding:6px;background:url("../Images/nous/bas_menu_1.gif") no-repeat scroll center top #E7E7E7}
    .inputText{border:1px solid #666;font-size:10px;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;color:#666}
    #selectionHeader #imprimer{width:140px}
    #selectionHeader #supprimer{width:180px}
    
    
    .bottomShadow{height:6px;width:100%;overflow:hidden;background:url(../Images/nous/bottomShadow.gif) repeat-x;margin-bottom:15px;}
    
    .textColumn{float:left;width:350px;padding:0 10px}
    
    
    select{padding:0;}
div, ul, li {zoom:1;}

.monocolonne{padding-left:10px;padding-right:10px;}