@charset "utf-8";
/* CSS Document */

*{margin: 0;padding: 0;zoom: 1;}
img{border: none;}
html{color:#fff;font:normal 60%/1.2em Arial, Verdana, Trebuchet MS, sans-serif; height:100%;}
body{text-align:center;height:100%;margin:0 auto;background:url(../../img/bg_main.png) center top no-repeat #0b7468;}
#all{position:relative;margin:0 auto;text-align:center;width:980px;}

/*----BLOCS PPAUX----*/
#header{width:980px;height:80px;background:url(../../img/baseline.png) no-repeat 130px bottom;margin-top:15px;}
#header.preHome{border-bottom:1px solid #3D766E;}

h1 a{background:url(../../img/logo.png) no-repeat; width:65px;height:73px;display:block; text-indent:-50000px;outline:none;float:left;margin-left:15px;margin-top:5px;}
#linkContact a{text-indent:-50000px;position:absolute;background:url(../../img/linkContact.png) no-repeat;width:199px;height:51px;display:block;top:15px;/*margin-left:-20px;*/outline:none;}

/*----MENU HAUT----*/

#nav{list-style:none;border-top:1px solid #3d766e;border-bottom:1px solid #3d766e;width:930px;height:30px;text-align:left;padding:0;margin-left:10px;}
#nav li{float:left;margin-left:10px;margin-top:8px;}

#nav_quoi a,#nav_comment a,#nav_contenus a,#nav_avis a,#nav_offre a,#nav_partenaires a,#nav_quoi a{background:url(../../img/nav.png) no-repeat;height:15px;text-indent:-50000px;display:block;outline:none;}
#nav_quoi a{width:163px;background-position:0 0;}
#nav_comment a{width:179px;background-position:-170px 0 ;}
#nav_contenus a{width:121px;background-position:-361px 0;}
#nav_avis a{width:188px;background-position:-490px 0;}
#nav_offre a{width:76px;background-position:-685px 0;}
#nav_partenaires a{width:142px;background-position:-768px 0;}

#nav_quoi a:hover{background-position:0 0px;}
#nav_comment a:hover{background-position:-170px 0px;}
#nav_contenus a:hover{background-position:-361px 0px;}
#nav_avis a:hover{background-position:-490px 0px;}
#nav_offre a:hover{background-position:-685px 0px;}
#nav_partenaires a:hover{background-position:-768px 0px;}

/*CONTENU*/
#contenu{width:980px;position:relative;height:auto;text-align:left;overflow:hidden;}
#chiens{background:url(../../img/chiens.png) no-repeat;width:202px;height:119px;position:absolute;left:50px;bottom:0;}
#colGauche,#colDroite{float:left;margin-top:100px;}
#colGauche{width:550px;}
#colDroite{width:380px;}
#colDroite p, #colDroite ul {font-size:1.2em;line-height:19px;color:#29474A;font-weight:bold;margin-left:15px;margin-top:10px;}
#colDroite a, #coltxt a { color:#29474A; }
#colDroite strong { color:#FFF; font-size:1.1em; }
#colDroite li {list-style-type:square; margin-left:20px; vertical-align:top;}
#colDroite .listeP li { margin-bottom:1em; }

#content{border-left:1px solid #3d766e;margin-bottom:20px;margin-left:20px;font-size:1.1em;}
/*HOME*/

.home#contenu{text-align:center;position:relative; width:980px;height:620px; margin-bottom:-20px;}
.pre_home#contenu{text-align:center;position:relative; width:980px;height:620px; margin-bottom:-20px;}

.pre_home#contenu .videoHome{margin:80px auto 30px 115px;z-index:10000;background:url(../../img/bg_pets_prehome.png) no-repeat top left;width:622px;height:388px;/*border: 4px solid #000*/position:relative;}

.pre_home#contenu object{outline:none;position:absolute;bottom:6px; right:0px;}

.pre_home#contenu #acces{background:none;width:674px;height:544px;text-align:center;}
.pre_home#contenu #acces a{position:absolute;top:520px;left:385px;background:url(../../img/btAccesSite.png) no-repeat;width:209px;height:97px;outline:none;text-indent:-50000px;}

#chat{background:url(../../img/chat.png) no-repeat;width:91px;height:164px;position:absolute;bottom:0px;right:-76px;z-index:10000;}

#animaux{background:url(../../img/bg_home.png) no-repeat;width:674px;height:544px;position:absolute;top:30px;left:200px;}
#animaux  a.png{top:500px;position:absolute;left:97px;background:url(../../img/btsavoirplushome.png) no-repeat;width:209px;height:97px;outline:none;text-indent:-50000px;}
#animaux  a.perso{top:508px;position:absolute;left:341px;background:url(../../img/btPerso.png) no-repeat;width:190px;height:51px;outline:none;text-indent:-50000px;}


/*PARTENAIRES*/
#partenaires{width:570px;list-style:none; height:240px;}
#partenaires li{float:left;width:164px;height:110px;display:block;margin-left:20px;}

#mars, #royalcanin,#waltham,#havas{background:url(../../img/partenaires.png) no-repeat;display:block;width:166px;height:202px;padding-top:130px;padding-left:5px; position:relative;}
#mars {background-position:0px 0px;}
#royalcanin {background-position: -176px 0px;}
#waltham {background-position: -350px 0px;}
#havas {background-position: -526px 0px;}
#mars span { background:url(../../img/logo-mars.jpg) no-repeat; }
#waltham span { background:url(../../img/logo-waltham.jpg) no-repeat; }
#mars span, #waltham span, #havas span { display:block; width:150px; height:15px; margin-left:3px; padding-top:105px; position:absolute; top:30px; }

.savoirPlus a{color:#fff;text-decoration:none;font-size:1.4em;background:url(../../img/puce_plus.png) no-repeat left;padding-left:18px;font-weight:bold;line-height:25px;z-index:200;}
.savoirPlus a:hover{text-decoration:underline;}
#h2Partners,#h2Quoi,#h2Abonnement,#h2Comment,#h2Contenus,#h2Offre,#h2Avis,#h2Plan,#h2Mentions,#h2Faq{background:url(../../img/titres_h2.png) no-repeat;text-indent:-50000px;}
#h2Partners.pgeRight{background-position:0 0;width:350px;height:73px;position:absolute;right:120px;top:20px;}
#h2Partners.pgeleft{background-position:0 0;width:330px;height:73px;position:absolute;left:230px;top:40px;}
#partner,#partnerDescription{float:left;margin-top:100px;}
#partner{width:200px;text-align:right;}

#partnerDescription{width:700px;margin-left:15px;}
#partnerDescription p{font-size:1.2em;line-height:17px;margin-left:15px;color:#29474A;font-weight:bold;margin-bottom:15px;}
#partnerDescription h3 { color:#FFF; font-size:1.2em; margin:0 0 1em 15px; }

#ptitPartner{list-style:none;width:350px;height:83px;text-align:left;float:right;margin-right:100px;margin-bottom:20px;}
#ptitPartner li{width:125px;height:91px;float:left;margin-left:20px;}

#minimars,#miniroyalcanin,#miniwaltham,#minihavas{background:url(../../img/minipartenaires.png) no-repeat;width:257px;height:83px;padding-top:60px;}

#minimars{background-position:-129px 0px;}
#miniroyalcanin{background-position:0px 0px;}
#miniwaltham{background-position:-260px 0px;}
#minihavas{background-position:-394px 0px;}


/*ABONNEMENT*/
#h2Abonnement{background-position:0 -149px;width:350px;height:73px;position:absolute;right:120px;top:20px;}
label{text-transform:uppercase;font-size:1.2em;background:url(../../img/puceLabel.png) no-repeat left;vertical-align:middle;padding-left:22px;font-weight:bold;}

#abonnement{margin:0 15px 0 20px;}
#abonnement p{margin-bottom:20px;}
#selectedDate{clear:both;font-weight:bold;font-size:1.2em;/*position:absolute;top:440px;left:260px;*/}
#selectedDate a{color:#fff;text-decoration:none;font-weight:bold;}
#selectedDate a:hover{text-decoration:underline;}
#erreur{font-size:1.2em;margin:10px 0 15px 0;font-weight:bold;}

#abonnement input{margin-top:5px;border:1px solid #eee;vertical-align:middle;}
#abonnement input.radio {border:0px;vertical-align:middle;}
#abonnement input:focus{background:#eee;border:1px solid #eee;}
#abonnement #sub{background:url(../../img/submit.png) no-repeat;width:140px;height:53px;border:none;cursor:pointer;outline:none;margin-right:20px;float:right;}
p.col1{float:left;width:45%;}
p.col2{float:left;width:45%;}
p.col3{float:left;width:540px;border-top:1px solid #3d766e;padding-top:10px;margin-top:10px;}
.margl120{margin-left:95px;}
#heure-appel{margin-left:82px;width:110px;}
#date-appel{margin-left:70px;width:110px;}
/*.col3 select{margin-left:100px;}*/

/*VIDEO*/
#h2Comment{background-position:0 -223px;width:350px;height:72px;position:absolute;right:120px;top:20px;}
#h2Quoi{background-position:0 -73px;width:350px;height:72px;position:absolute;right:120px;top:20px;}
#h2Contenus{background-position:0 -297px;width:350px;height:72px;position:absolute;right:120px;top:20px;}
#h2Avis{background-position:0 -442px;width:350px;height:72px;position:absolute;right:120px;top:20px;}
#h2Offre{background-position:0 -370px;width:350px;height:72px;position:absolute;right:120px;top:20px;}
#h2Plan{background-position:0 -589px;width:350px;height:72px;position:absolute;right:120px;top:20px;}
#h2Mentions{background-position:0 -512px;width:350px;height:72px;position:absolute;right:120px;top:20px;}
#h2Faq{background-position:0 -670px;width:350px;height:72px;position:absolute;right:120px;top:20px;}

#video{background:url(../../img/bgVideo.png) no-repeat;width:503px;height:399px;margin-left:30px;}

/*MENTIONS LEGALES-FAQ-PLAN DU SITE */
#coltxt{width:880px;margin-top:100px;margin-left:20px;}
#coltxt h3{margin-top:35px;font-size:1.3em;text-transform:uppercase;}
#coltxt p{font-size:1.2em;line-height:19px;color:#29474A;font-weight:bold;margin-top:15px;}
#col1txt,#col2txt{float:left;margin-top:100px;}
#col1txt{width:500px;}
#col2txt{width:400px;margin-left:15px;}
#col1txt p,#col2txt p, #col1txt ul,#col2txt ul{font-size:1.2em;line-height:19px;margin-left:15px;color:#29474A;font-weight:bold;margin-top:10px;}
#col1txt h3,#col2txt h3{font-size:1.5em;color:#FFF;font-weight:bold; line-height:1.6em;margin:12px 0 12px 15px;}
#col1txt li,#col2txt li{ margin-left:20px; list-style-type:square; vertical-align:top;}
#col1txt strong,#col2txt strong{ color:#FFF; }

#plan {margin:15px 0 0 400px;float:left;}
#plan li{margin:15px 0 0 20px;}
#plan li a{font-size:1.5em;color:#fff;text-decoration:none;font-weight:bold;}
#plan li a:hover{text-decoration:underline;}

/*FOOTER*/
#footer{list-style:none;clear:both;padding:50px 0 40px 0;}
#footer li{display:inline;font-size:1em;color:#29474A;font-weight:bold;}
#footer li a{text-decoration:none;color:#29474A;}
#footer li a:hover{text-decoration:underline;}

/*USEFUL*/
.fleft{float:left;}
.fright{float:right;}

#contentValidation { font-size:1.3em; font-weight:bold; padding:100px 0 50px 0; text-align:center; }