/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|
|		Copyrigth (c)
|		Webdesign : CalliWeb
|		http://www.calliweb.fr
|
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* {margin: 0; padding: 0; border: 0; font-style: normal; text-decoration: none; list-style: none;}
/*  ---------------------  */
/*  MISE EN PAGE GENERAL */
/*  --------------------*/
body{ font-family: arial,helvetica,sans-serif; font-size: 13px; color:#3d3d3d; background: #d9dee1 url(../img/bg-body.gif) repeat-x top;}
#page{position:relative; width: 968px; margin-left: auto;margin-right: auto; background: #d9dee1 url(../img/bg-body.gif) repeat-x top;}
a {font-weight: bold;color:#0989E0;font-size:12px;text-decoration:underline;}

p {margin: .4em 0 .8em 0; padding: 0;}
p.padbot{
 padding-bottom:20px; margin:0; 
}
#SendToFriend fieldset {
  background-color: #e8ecee;padding:5px;
}
#SendToFriend #sfRecommend {
  background: #F6F4F4 url(../img/bouton_recommander.gif) no-repeat; width:97px; height:27px;margin-left: 50px;margin-bottom:5px;border:none;cursor: pointer;
}
#SendToFriend input {
  width:180px;
}

h3 {margin-bottom:10px;}



.clear{content:".";display:block;clear:both;height:0px;font-size:0;line-height:0em;visibility:hidden;overflow:hidden;}
/************************Header styles */
#header{position:relative;height:93px; background: #F6F4F4 url(../img/trame_fondheader_bleu.gif) repeat-x; }
#header a.logo{ position: absolute;left:0; top:2px }
#header a.logo img{ margin:0px }
#header p{ position: absolute;left:70px; top:65px;; letter-spacing: 2px; color:#363636; font-size:14px }
#pets{ z-index:5000; position:absolute; width:398px; height:274px; right:10px; top:25px;}
#pets img{position:relative; z-index:5000; margin:0;}
/***********************encart */
#encart{ width:950px; height:116px; margin:12px 0 10px 9px; background: #F6F4F4 url(../img/encart_header.gif) no-repeat;position:relative;}
#encart img{position:absolute; left:375px;top:80px;}

/***********************column container */
#top{ width:968px; height:25px; background: #d9dee1 url(../img/body_top.gif) no-repeat top; }
#content{position: relative; padding:0 0 0px 9px; margin-top:0 !important; margin-top:-2px; background: #d9dee1 url(../img/body_middle.gif) repeat-y top; }
/***********************Footer styles */
#footer {clear: both;  width: 968px; height:56px;background: url(../img/body_footer.gif) no-repeat top;}
#footer p {padding: 0px; margin: 0; font-size:11px; text-align:center; color:#fff}
#footer a {color:#fff}
#footer a:hover {text-decoration:underline} 
/**********************Design */
#menu ul li a strong, #formules h2, #formules p, #DevisExpress h2 span {position:absolute; left:-7000px; top:-7000px;}
/* Div Left*/
#div_left{position:relative; height:500px; margin:0 15px; padding-top:15px; width:700px; }
html>body #div_left {height: auto;min-height: 500px;}
/* Div Right */
#div_right{ position:absolute; width:208px; right:19px; top:10px; padding:0 ;}
/*html>body #div_right {height: auto;min-height: 500px;}   */

/************************colonne droite  */
#menu-droite{ border: 1px solid #bbbbbb; margin:20px 0; }
#menu-droite h2{ padding:3px 0 3px 5px; color:#ff6d17; font-size:13px; background:#e6e6e6; border-bottom: 1px solid #bbbbbb; }
#menu-droite ul{margin:10px 0 0 10px  }
#menu-droite li{ padding-left:15px; margin-bottom:5px; background: url(../img/puce.gif) no-repeat 0 2px; }
#menu-droite li a{ color:#0989e0; text-decoration:underline; font-size: 11px; }
#menu-droite li.colorV a{ color:#6B9401; }
#pub {margin: 15px 0 5px; 0} 
/************************accueil  */
.h1_accueil{width: 487px; height:93px;margin:0 0 10px 130px;}
.h1_accueil img{margin:0; }
.h1_autre{margin:0px 0 25px 0; height:22px;padding-left:25px; background: url(../img/icon_logo_patte.gif) no-repeat left;font-size:17px; color:#1b9cb3; }
#formules{width: 671px; height:600px;margin-left:10px; }
#formules a {
  cursor:pointer;
}
#flash {
  cursor:pointer;
}


.bt_calc{ margin:15px 0 0 270px}
.h2_conseil{position:relative; margin:50px 0 25px 0; height:22px;padding-left:25px; background: url(../img/icon_logo_patte.gif) no-repeat left;font-size:18px; color:#1b9cb3; }
.h2_conseil span{position:absolute;right:10px; top:8px; font-size:10px; } 
.h2_conseil span a{color:#1B9CB3; text-decoration:underline} 
.h2_conseil span a:hover{color:#0B3E46;} 
.conseil_veto{ padding:10px 10px 0 10px; margin:0 10px 20px 20px;  background: #e8ecee; border: 1px solid #cdc8c8; }
.conseil_veto h3{ font-size:14px; color:#a50c0c;margin-bottom:5px }
.conseil_veto img{padding: 3px 3px 3px 3px }
.conseil_veto p{padding: 2px 0 5px 0; color:#3A3A3A }
.conseil_veto p.suite{text-align:right;padding: 2px 0 5px 0; margin-bottom:5px }
.conseil_veto p.suite a{color:#fe6e17 }
.conseil_veto p.suite a:hover{text-decoration:underline }

/************************Devis Express  */
/* Page1 */
#cheminement{
  padding-bottom:20px;
}
#DevisExpress h2{  width:644px; height:44px;margin:0px;padding:0;
  background: url(../img/devis_express_infos.gif) no-repeat;
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #2099ae;
	margin: 0;
	padding: 20px 0 0 0;width:642px
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 15px 0;
}
.radio span{
  color:#8e8e8e; font-size:14px;  top;
}


#corpForm input.type{
  text-align:left; width:10px; padding:0;border:none;
}
*+html #corpForm input.type{
 width:20px
}
* html #corpForm input.type{
 width:20px
}
#corpForm select{ width: 115px;}
#corpForm .select_poids{ width:160px; } 
.poids{
  position: relative;
}

.poids span{text-align:left; font-size:11px; position:absolute;padding-left:10px;color:#1399b0   
}
#corpForm label {	/*** Mise en forme des intitul?s de champs ***/
	float: left;	/*** Tr?s important, ne pas suprimer ! ***/
	width: 25%;	/*** Les intitul?s prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont align?s ? droite... ***/
	margin: 0;
	padding: 0 1em 0 0;
	line-height: 1.4;	/*** ... et centr?s verticalement. ***/
font-size: 14px; color: #139ab1;
}
#corpForm .radio label{ 
  line-height: 1;
}
#DevisExpress .pdf{
  margin: 20px 0; text-align:center
}
#DevisExpress .pdf a{
 color:#1399b0;font-size:12px;text-decoration:underline;
}
#DevisExpress .pdf img{
 margin:0 0 0 10px
}
#DevisExpress .bout{ text-align:center }
#DevisExpress .sub{ width:132px; height:41px;  padding: 0;   margin:0; background: transparent url(../img/bt_devis.gif) no-repeat 0px 0.2em; cursor:pointer; border: none; color: #fff; font-size: 11px; font-weight: bold;}

/* Page2 */
#table_devis{
  border:none; border-top:1px solid #ccc;
  width:100%;
}

#table_devis .tr_prix{  color:#9fd701; font-size:14px; font-weight:bold}
#table_devis .td_title{  color:#828282; font-size:16px; font-weight:bold}
#table_devis .tr_valider td{padding: 0; margin:0 ;}
#table_devis .tr_valider {padding: 0; margin:0 ;border:none;}
#table_devis .tr_valider td{  vertical-align: top; border:none;}
#table_devis .tr_valider img{  margin:0px}

#table_devis .bout{ text-align:center; padding: 0;   margin:0;vertical-align: top;}
#table_devis .sub{ width:72px; height:62px;  padding: 0;   margin:0; background: transparent url(../img/bouton_valider_devisexpres.gif) no-repeat; cursor:pointer; border: none;}
#table_devis .deces{border:1px solid black}

/* Page3 */ 
#solut1{float:left; width:346px; border:1px solid #2d9fb3; font-size:14px; color:#2d9fb3 ; text-align:center; height:560px}
*+html #solut1{height:565px} 
* html #solut1{height:566px}    
#solut1 h2, #solut2 h2{background:none; margin:0; padding:0; text-align:left;}
#solut1 h2 img, #solut2 h2 img{margin:0; padding:0}
#solut1 p{padding:20px 5px 3px 10px; text-align:left}
#solut1 #demande{ background:#f6f6f6; margin: 0 60px 20px 60px;padding:10px; border:1px solid #dcdada}
#solut1 #demande a{ color:#2d9fb3; text-decoration: underline;}   
#solut1 #adresse{ background:#f6f6f6;  margin: 0 60px 20px 60px; padding:10px; border:1px solid #dcdada} 

#solut2{float:right; width:346px; border:1px solid #ff750f; color:#ff750f;font-size:14px;}
#solut2 p{padding:10px 5px 3px 10px; text-align:left} 
#solut2 form{margin:0px 10px }
#solut2 form textarea{ width: 300px; height:98px;}  
#solut2 form #valid {
background:transparent url(../img/bouton_envoyer_devis_express.gif) no-repeat left top;
cursor:pointer;
display:block;
height:40px;
margin-left:90px;
margin-bottom:10px;
width:123px;
border:none
}

/************************remboursement - Documents utiles  */
.h1_autre{margin:0px 0 25px 0; height:22px;padding-left:25px; background: url(../img/icon_logo_patte.gif) no-repeat left;font-size:18px; color:#1b9cb3; }
.h2_valide{padding-left:55px; line-height:40px; height:49px; background: url(../img/icone_remboursements.gif) no-repeat left top;font-size:16px; color:#9fd501;  }
.h2_fueille{padding-left:55px; line-height:40px; height:49px; background: url(../img/icone_documentutiles.gif) no-repeat left top;font-size:16px; color:#9fd501;  }
.h2_legal{ line-height:30px;font-size:16px; color:#9fd501;  }
#marg{ margin-left:25px }
ul.feuille_pdf{ padding:0; margin:0 0 0 60px }
ul.feuille_pdf li{ position: relative; padding:0 0 15px 0; margin:0 0 0 0; font-weight:bold; }
ul.feuille_pdf li ul li{ padding:0 0 0 0;  }  
ul.feuille_pdf img{ padding:0; margin:0 }
ul.feuille_pdf span{ position:absolute; right:55px }
ul.feuille_pdf span.bleu{ position: static; color:#0989e0 }
.separation{ margin:35px 0 25px 0px; height:22px;background: url(../img/barre_ac_patte_separatrice.gif) no-repeat left; }
ul li ul{ margin-left: 50px; }
ul.feuille_pdf ul li{ margin-bottom: 2px; }
ul.feuille_pdf ul .li_titre{ color:#0d8ae1 }
.p1{ margin-bottom: 40px; }
.p2{ margin:0 20px 0 50px}
/********************tableaux */
table{ border:1px solid #bfbfbf;  border-collapse: collapse  }
td, th{ border:1px solid #bfbfbf; padding:3px 5px; text-align:center}
tr.gris{ background:#f1edee }
tr.bot td{ border-bottom:none }
tr.top td{ border-top:none }
th{ color:#9fd501 }
th span{ color:#e65c00 }
td span.promo{  color:#e65c00; font-weight:bold; font-size:15px }

td.titre{ text-align: left; color:#1b9cb3; font-weight:bold }

td.up{ border-top: none; }
td.down{ border-bottom: none; }
tr.up{ border-top: none; }
tr.down{ border-bottom: none; }   

/********************FAQ */
#vertical.simple .v_toggle{ cursor: pointer;background:#8bbf01; margin-top:20px}
#vertical.simple .v_toggle h2{ position:relative; font-size:16px; color:#fff; padding:6px 0px 6px 10px ; background:#8BBF01; font-weight: normal;}
#vertical.simple .v_toggle h2 .right {
font-weight:bold;
position:absolute;
right:10px !important;
top:7px;
}
#vertical.simple .collapse-container{color: #8bbf01;border-left: 1px solid #a8a8a8;border-top:none;}

#vertical.simple .collapse-container table{ width:100%}
/********************CONSEILS VETO */ 
h1 span{
 position:absolute; right:10px; 
}
h1 span a{
 font-size:11px; color:#1B9CB3
}
h1 span a:hover{color:#0E4E58}
#texte_detail{
  margin: 0 10px 0 20px;
}

#texte_detail h2{
  font-size:17px; color:#9fd501; margin-bottom:5px
}
#texte_detail h2 span{
  font-size:13px; 
}
#texte_detail img{
  margin: 5px 3px 3px 3px;
}
/*  ----------------------------*/
/*  MISE EN PLACE DU MENU HAUT */
/*  --------------------------*/
#menu{z-index:6000; position:relative; margin:0; height:32px; width:620px; background: url(../img/trame_fondheader_noir_menu.gif) repeat-x top;}
#menu ul {padding:0;}
#menu ul li {position:relative; float: left;}
#menu ul li ul {display: none;margin:0; padding:0}
#menu ul ul li {margin:0; padding:0}

#menu #item1 a{ display: block; width: 67px; height: 32px; background: url(../img/menu/item1.gif) no-repeat top left }
#menu #item1.active a:link{ background: url(../img/menu/item1.gif) no-repeat bottom left }
#menu #item1.active a:visited{ background: url(../img/menu/item1.gif) no-repeat bottom left }
#menu #item1 a:hover{background: url(../img/menu/item1.gif) no-repeat bottom left }

#menu #item2 a{ display: block; width: 113px; height: 32px; background: url(../img/menu/item2.gif) no-repeat top left }
#menu #item2.active a:link{ background: url(../img/menu/item2.gif) no-repeat bottom left }
#menu #item2.active a:visited{ background: url(../img/menu/item2.gif) no-repeat bottom left }
#menu #item2 a:hover{background: url(../img/menu/item2.gif) no-repeat bottom left }

#menu #item3 a{ display: block; width: 86px; height: 32px; background: url(../img/menu/item3.gif) no-repeat top left }
#menu #item3.active a:link{ background: url(../img/menu/item3.gif) no-repeat bottom left }
#menu #item3.active a:visited{ background: url(../img/menu/item3.gif) no-repeat bottom left }
#menu #item3 a:hover{background: url(../img/menu/item3.gif) no-repeat bottom left }

#menu #item4 a{ display: block; width: 134px; height: 32px; background: url(../img/menu/item4.gif) no-repeat top left }
#menu #item4.active a:link{ background: url(../img/menu/item4.gif) no-repeat bottom left }
#menu #item4.active a:visited{ background: url(../img/menu/item4.gif) no-repeat bottom left }
#menu #item4 a:hover{background: url(../img/menu/item4.gif) no-repeat bottom left }

#menu #item5 a{ display: block; width: 137px; height: 32px; background: url(../img/menu/item5.gif) no-repeat top left }
#menu #item5.active a:link{ background: url(../img/menu/item5.gif) no-repeat bottom left }
#menu #item5.active a:visited{ background: url(../img/menu/item5.gif) no-repeat bottom left }
#menu #item5 a:hover{background: url(../img/menu/item5.gif) no-repeat bottom left }

#menu #item6 a{ display: block; width: 67px; height: 32px; background: url(../img/menu/item6.gif) no-repeat top left }
#menu #item6.active a:link{ background: url(../img/menu/item6.gif) no-repeat bottom left }
#menu #item6.active a:visited{ background: url(../img/menu/item6.gif) no-repeat bottom left }
#menu #item6 a:hover{background: url(../img/menu/item6.gif) no-repeat bottom left }

/* CONTACT */
address{ line-height: 20px; background:#e7e7e7;padding:10px; border:solid 1px #A6A6A6;}
#div_left_contact{ float:left; width:350px; background:#e7e7e7; margin-top:15px; border:1px solid #A6A6A6; margin-bottom:20px}
#div_right_contact a {color:#36BCC5;}
#div_left_contact  #valid { margin-left:40px; }
#div_left strong {margin-top:5px;}
#div_left_contact p {margin-top:0;}
#div_right_contact{ float:left; width:300px;margin-top:15px;margin-left:20px; }
#div_right_contact h2{ padding-left:30px; margin-bottom:10px; font-size: 14px; background: url(../img/picto-infos-pratiques.gif) no-repeat left }
.h1_autre.h1_contact{margin-bottom:0px}
/* INPUTS DU FORMULAIRE */
#feedbackForm{margin:10px}
#feedbackForm p{ margin-left:0px ; }
p.thankyou{ text-align: center; padding: 10px; margin: 20px 0 40px 0; border: 1px dashed #CCC;}
#errors, .errors{ color: red; background: #CCC; padding: 10px; font-size:11px; margin: 0 10px 10px 0;}
input{ font-size: 12px; height:15px; padding: 1PX 0 1PX 4px; border-top: 1px solid #ACA899; border-left: 1px solid #ACA899;border-bottom: 1px solid #E4E3DE; border-right: 1px solid #E4E3DE;   width: 200px; }
textarea{ font-size: 12px; padding: 4px; border: 1px solid #7F9DB9; width: 300px; height:140px }
select{ border: 1px solid #C0C0C0; width: 60px;}
#feedbackForm #valid {
background:transparent url(../img/bouton_contact_ok.jpg) no-repeat left top;
cursor:pointer;
display:block;
height:35px;
margin-left:85px;
margin-bottom:30px;
width:126px;
border:none
}