@import url(layout.css);
@import url(menu.css);
body {
	color: #000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	background-color:#98CEF0;
	background-image: url('../images/img_site/fond.jpg');
	background-repeat: repeat-x;
}
#container {
	width: 938px;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
	/*background: #fff;*/
	background-repeat: repeat-y;
}
#masthead {
	text-align: center;
	width: auto;
	padding: 0;
	border-style: none solid none solid;
	border-width: 1px;
	border-color: #C0C0C0;
	overflow: hidden;	
	background-color:#F49E23;
	
}
#page_content {
	clear:both;   
	overflow: hidden;
	background: #fff;	
	color: #626b71;
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #C0C0C0;
	padding-right: 3px;
	padding-top: 12px;
	position: relative;
	width:933px; 
	
}

/******************** page centrale pour cgu, cgv, cga, mentions légales...  *************************/
#column_centre {
	width: 850px;
	display: block;
	margin: 2px 0px 2px 0px;

	text-align: justify;
	color:#626b71;
	padding:30px;

}

/********* column_l : contient div réseau et assurances, ou column 2 + 3 si besoins   *****************************************/
#column_l {
	width: 677px;
	display: block;
	margin: 2px 0px 2px 0px;
	padding: 0 5px 5px 12px;
	text-align: justify;
	color:#626b71;
}
#column_l h3 {
	color:#75c7ed;
	font-family: "Cooper Black", "Times New Roman", serif;
	text-align:left;
	margin: 0px;
	font-size: 21px;
	padding: 0 10px 0 0;
	font-weight:lighter;
}

.column_l_h4
{
	/*font-size: 1.2em;*/
	font-size: 12px;
	padding: 10px 10px 0 0;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#column_l p {
	padding: 0 10px 0 0;
	margin-top: 6px;
	line-height: 18px;
}
/*************** pour page d'accueil,   ***********************/
.gardevisitepromenade {
	background-image: url('../images/img_site/garde_visite_promenade_fond.gif');
	background-repeat: no-repeat;
	margin-bottom: 20px;
	font-size: 10px;
}
.td1_gardevisitepromenade {
padding: 0px 15px 5px 15px;
height: 110px;
width: 230px;
}
.td2_gardevisitepromenade {
	text-align : right;
	padding-right:15px;
	padding-top:15px;
	height:50px;
	
}
.td3_gardevisitepromenade {
	text-align:center;
	height:50px;
}

#reseau {
	background-position: 448px;
	width: 440px;
	margin: 10px 0px 2px 0px;
	color: #626b71;
	background-image: url('../images/img_site/ligne_point_v.gif');
	background-repeat: repeat-y;
	padding-right:16px;
	font-size:10px;
}
#reseau p {
	padding-right:6px;
	line-height: normal;
}
#reseau a {
	color: #4E4589;
	font-family: "Bookman Old Style", Times, serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#assurances {
	position:relative;
	float:right;
	width: 214px;
	padding: 0;
	margin-top: 10px;
	top: 0px;
	right:0px;
	font-size:10px;
	
}
#assurances p {
		line-height: normal;
}
#assurances a {
	color: #4E4589;
		font-family: "Bookman Old Style", Times, serif;
		font-weight:bold;	
		font-size:12px;
		text-decoration: none;	
}

#assurances2 { 	/*dans page comprendre*/
	float: left;
	width: 240px;
	height:153px;
	padding: 0;
	margin: 0px 10px 10px 15px;
	padding: 15px;
	top: 0px;
	background-image: url('../images/img_site/pfonct_assur_cadre_bleu.gif');
	background-repeat: no-repeat;
}
#assurances2 p {
		line-height: normal;

}

#ligne {
	background-image: url('../images/img_site/ligne_point_h.gif');
	height: 1px;
	width:99%;
	margin:12px 0px 12px 0;
	right:20px;
}

#ligne_orange {
	background-image: url('../images/img_site/ligne_point_horange.gif');
	height: 1px;
	width:100%;
	margin:12px 0 12px 0;
}

/********* column_3 : contient les div partenaire, banière *****************************************/

#colomn_3 {
	position:relative;
	float:right;
	width: 312px;
	margin-top: 0px;
	margin-right: 5px;
	top: 0px;
}

#colomn_3 h3 {
	color:#75c7ed;
	font-family: "Cooper Black", "Times New Roman", serif;
	/*font-weight:bold;*/
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom:-3px;
	text-align:left;	
}

#colomn_3 p {
	margin: 10px 5px 0 0px;
	text-align: justify;
}

#partenaires {
	width: 322px;
	height: 110px;
	text-align: left;
	border: 0px;
	padding: 5px 5px 5px 0px;
}

#partenaires h3 {
	color: #f49e23;
	font-size:14px;
	font-weight:normal;
}

#news {
	/*background-image: url('../images/img_site/news.gif');*/
	background-repeat: no-repeat;
	width: 315px;
	margin-top:0px;
	height: 177px; 
	padding: 0px 0px 5px 15px;
	float:left;
	margin-left:10px;
	font-size:10px;
}

#news p{
	text-align:justify;
	color:#626b71;	
	padding: 0px 14px 0px 0px;
	margin: 0px;
		line-height: normal;
}

#news h3 {
	text-align:left;
	padding:0px 0px 5px 0px;
	margin-bottom:5px;
	margin-top: 0px;
}

#news p.right {
	text-align:right;
}
#news a {
	color: #4E4589;
		font-family: "Bookman Old Style", Times, serif;
		font-weight:bold;	
		font-size:12px;
		text-decoration: none;	
}


/********* column_2 : contient les div gauches des pages coupées en 2   *****************************************/

#colomn_2 {
	/*width: 340px;*/
	width:324px;
	float:left;
	margin: 2px 0px 2px 0px;
}

#colomn_2 p {
	padding:0px;
}

.bigger {
	font-size: x-large;   
}



/********* colomn_4 : seconde colonne utilisée dans site public *********/
#colomn_4 {
	position:relative;
	float:right;
	/*width: 300px;*/
	width:324px;
	padding: 0;
	top: 0px;
	right:5px;
}

#colomn_4 p {
	padding:0px;
}



/********* column_r : bandeau de droite : contient espaces client, dogsitter, spa, presse, questions   *****************************************/

#column_r {
	width: 224px;
	margin-right: 0px;
	float: right;
	background-color: transparent;
	position: relative;
	right: 0px;
	padding-right: 0px;
	padding-left: 10px;
}
.espace_client {
	width: 220px;
	height:201px;
	border:1px #F49E23 solid;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #fff;
	margin-left: 3px;
	font-size: 11px;
	background-image: url('../images/img_client/esp_client_fond.gif');
	background-repeat: repeat-x;
}
.espace_sitter {
	width: 220px;
	margin-top:5px;
	height:201px;	
	border:1px #9ACFE1 solid;
	/*background-color:#9ACFE1;*/
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#4d438a;
	margin-left:3px;
	font-size:11px;
	background-image: url('../images/img_candidat/esp_ds_fond.gif');
	background-repeat: repeat-x;
	
}
.td_h1_connect {
	font-size: 18px;
	text-align: center;
	/*font-weight: bold;*/
	font-family: "Cooper Black", "Bookman Old Style", "Times New Roman", serif;
}

.td_valider_connect {
	font-size: 14px;
	text-align: center;
	font-family: "Cooper Black", "Bookman Old Style", Times, serif;
}

#spa {
	background-image: url('../images/img_site/recommandation_fond.gif');
	background-repeat: no-repeat;
	width: 222px;
	height: 277px;
	text-align: center;
	margin-top: 30px;
	margin-bottom:30px;
	right: 0px;
	/*position: relative;*/
	margin-right: 0px;
	/*float: right;*/
}
#spa table {
	text-align:center;
}
.spa_h1 {
	color: #75c7ed;
	font-family: "cooper black", Times, serif;
	font-size: 14px;
	/*font-weight: bold;*/
	
}
.spa_h1_img {
	float: right;
	padding-right: 4px;
}
.spa_p {
	font-family:Arial, Helvetica, sans-serif;
	color:#6e90c2;
	font-size:10px;
	text-align:left;
	padding-left:4px;
	padding-right:4px;	
	padding-top:0px;
	padding-bottom:0px;
}

#pressetboutons {
	width: 224px;
	margin-top: 30px;
	position: relative;
	/*display: block;*/
	/*overflow: hidden;*/

}
.btn_autour_press {
	/*margin-top: 30px;*/
	margin-bottom: 30px;
	margin-left:3px;
}


#logos {
	text-align: center;
	margin-top:0px;	
	margin-bottom:30px;
	border: 0px;
	margin-left:1px;
	padding-right:0px;
	width: 222px; 
	height: 180px;
	position:relative;

}	

#logos h3 {
	color:#75c7ed;
	/*font-weight:bold;*/
	font-size: 16px;
	margin-top: 6px;
	margin-bottom:-3px;
	text-align:center;
}


/* Styles pour la colonne droite */

.book12 {
		font-family: "Bookman Old Style", Times, serif;
		font-weight:bold;
		font-size:12px;	
}
.VerdanaDevisUnderline8px {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size:8px;	
		text-decoration:underline;
		
}
.VerdanaDevisUnderline10px {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:10px;	
		text-decoration:underline;
}
.book14 {
	font-family: "Bookman Old Style", Times, serif;
	font-weight: bold;
	font-size: 15px;
}

.book16 {
	font-family: "Bookman Old Style", Times, serif;
	font-weight: bold;
	font-size: 16px;
}

.book18 {
		font-family: "Cooper Black", "Bookman Old Style", "Times New Roman", serif;
		font-weight:normal;
	font-size: 18px;
}
.book20 
{
	font-family: "Cooper Black", "Bookman Old Style", "Times New Roman", serif;
	font-weight: lighter;
	font-size: 20px;
}

.interlignenorm {
		line-height: 6px;

}
.bigblanc {
	font-family: "Bookman Old Style", Times, serif;			
		color:#fff;
	/*font-size:1.6em;  modif fred-1/07/08 */
			font-size:16px;
		text-align:center;
		font-weight: bold;
}
.bigblanc a
{
	color: #ffffff;
	border:0px;
}

.bigblanc a:hover
{
	color: #ffffff;
	border:0px;	
}

.bigblanc a:visited
{
	color: #ffffff;
	border:0px;	
}

.bigbleu {
	font-family: "Bookman Old Style", Times, serif;			
	color:#75c7ed;
		font-size:16px;
		text-align:center;
		font-weight: bold;
}

.txtorange {
	color:#f49e23;
}

a.txtorange {
	color: #f49e23;
	text-decoration: underline;
}
a:hover.txtorange  {
	color: #75c7ed;
	text-decoration: underline;
}

.txtbleu {
	color:#95CFF4;
}
.txtvert {
	color:#2D965E;
}
.lien_book12 {
	font-family: "Bookman Old Style", Times, serif;
	font-weight: bold;
	font-size: 12px;
}
.lien_book14 {
	font-family: "Bookman Old Style", Times, serif;
	font-weight: bold;
	font-size: 15px;
}
.txtblack {
	color:#000;
}

.center {
	text-align:center;
}
/***** fin new look*****/

/*#column_r p {
	color: #000;
	font-size: x-small;
	text-align: left;
	margin: 0;
	padding: 5px;
}*/
#column_r h3 {
	margin-bottom: 0;
	padding-left: 5px;
}
#column_r h4 {
	margin-bottom: 0;
	padding: 5px;	
}
#column_r h6 {
	margin-bottom: 0;
	padding-left: 5px;	
}

#column_r ul {
	margin-left: 5px;
	padding-top: 0;
	padding-left: 10px;
}
#column_r ul li {
	font-size: x-small;
	display: list-item;
	list-style-position: outside;
}
#connexion {
	margin-top: 1px;

}
#connexion dl 
{
	color: #d13600;
	font-size: 1.5em;
	font-weight: bold;
	margin-left:5px;	
}

#connexion dl dt {

}
#connexion dl dd ul {
	list-style-type: none;
	margin-left:-50px;
}
#connexion dl dd ul li a
{
	color: blue;
	text-decoration: none;
}

#connexion dl dd ul li a:hover
{
	background-color: #fff;
}

/*******************************pied de page ***********************/

#footer {
	text-align: center;
	/*background-color: #89a;*/
	/*background-color:#75c7ed;*/
	overflow: hidden;
	padding: 0px;
	height:40px;
	margin-right: 0px;
	margin-left: 0px;
}
#footer p {
	color: #4d438a;
	font-size: x-small;
	margin-top: 2px;
	margin-bottom: 6px;
}
#footer a {
	color: #4d438a;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}

/***************** formulaire inscription ********************/
#form_inscription
{
	width:650px;
	text-align:left;
	padding-left:10px;
}

#form_inscription h2
{
	padding-left:10px;
}

#tab_coordonnees {
	/*color: #f49e23;*/
	width: 600px;
	margin-top:12px;
	margin-left:40px;
	/*height: 159px;*/

}

#tab_coordonnees td {
	padding: 2px;
	/*margin:10px;*/
} 
.decal40 {
	margin-left: 40px;
}

/**************** tous formulaires ********************/

fieldset {
 /*padding:20px;*/
 margin-bottom:10px;
 }
legend {
 color:#a0522d;
 font-weight:bold
 }
label {
 
 }
label.inline {
 display:inline
 }
input {
 border:1px solid #CDE3FF;

color: #0099FF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
 }
input[type=radio] {

 background-color:transparent;
 border:none;
 }
 
input[type=checkbox] {

 background-color:transparent;
 border:none;
 }
 
select, option {
 border:1px solid #CDE3FF;
 /*background-color:transparent;*/
 color: #0099FF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

 }
textarea {
 border:1px solid #CDE3FF;
 }

/*
*:focus {
 background-color:#DDEFF9;
 }
*/



/* Styles pour le contenu */

h6 {
		font-family: "Bookman Old Style", Times, serif;
}

h5 {
		font-family: "Bookman Old Style", Times, serif;
}

h4 {
		font-family: "Cooper Black", "Bookman Old Style", "Times New Roman", serif;
		font-weight:normal;
}

h3 {
		font-family: "Cooper Black", "Bookman Old Style", "Times New Roman", serif;
		font-weight:normal;

}

h2 {
		font-family: "Cooper Black", "Bookman Old Style", "Times New Roman", serif;
		font-weight:normal;

}

h1 {
		font-family: "Cooper Black", "Bookman Old Style", "Times New Roman", serif;
		font-weight:normal;
}

h1 {
	color: #75c7ed;
	/*font-size: 2.1em;*/
	font-size: 24px;
	margin-top: 3px;
	margin-bottom: 13px;
}
h2 {
	color:#f49e23;
	/*font-size: 1.5em;*/
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 0px;
	/*margin-bottom: -10px;*/
}
h3 {
	
}
h4 {
	color: #75c7ed;
	font-size: 1.5em;
	margin-top: 20px;
	margin-bottom: 0px;
	
}
h5 {
	color: #965;
	font-size: 0.75em;
}
h6 {
	color: #878684;
	font-size: 1em;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
}
.noborder {
	border:0px;
}
.big {
	/*color: #965;*/
	font-size: large;
}

.float_right {
	float: right;
	margin-left:3px;
	cursor:pointer;
}
.float_left {
	float: left;
	margin-right:3px;
}
.bord_img {
	border:1px #fff solid;
}
.ligne
{
	width: 100%;
	height: 4px;
}
.fond_bleu td {
	background-color:#CDEEFF;
	border:1px #44b2fd solid;
}
.top td {
	vertical-align: top;
}
.bleu {
		color: #0A6BB2;
}
.bleuciel {
	color: #75c7ed;
}
.bleufonce {
		color: #4E4589;
}
.rouge {
		color: #d13600;
}
#attention {
	position:relative;
	clear: both;
	background-color:#FDEBCC;
	border:1px #F5A836 dotted;
	padding:0px 0px 0px 15px;
	margin-top:10px;
}
.sousnews {
	width:125px;
	height: 125px;
	background-color:#fff;	
	color:#000;
	margin-bottom:5px;
	margin-left:5px;
	text-align:center;
}
.right {
	text-align:right;
}


/* boutons - voir aussi dans admin/styles*/
.Btn
{
	border-right: #c7b4b2 1px solid;
	border-top: #c7b4b2 1px solid;
	border-bottom: #c7b4b2 1px solid;	
	border-left: #c7b4b2 1px solid;
	display: inline;				
	color: white;	
	text-align:center;font-family: Verdana;font-size: 9pt;font-weight: bold;
	text-decoration: none;
	cursor:pointer;
	/*background: transparent url(../../commun/img/fond_btn.gif) center center;*/
	background-color:#0757A7;	
	 
}

/* Modifications par Michael le 11/03/2008 */
.Btn a
{
	color: #ffffff;
}

.Btn a:hover
{
	color: #ffffff;
}

.Btnorange
{
	border-right: #c7b4b2 1px solid;
	border-top: #c7b4b2 1px solid;
	border-bottom: #c7b4b2 1px solid;	
	border-left: #c7b4b2 1px solid;
	display: inline;				
	color: white;	
	text-align:center;
	font-family: "Cooper Black", "Bookman Old Style", "Times New Roman", serif;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	cursor:pointer;
	/*background: transparent url(../../commun/img/fond_btn.gif) center center;*/
	background-color:#F49E23;	
	 
}

/* Modifications par Michael le 11/03/2008 */
.Btnorange a
{
	color: #ffffff;
}

.Btnorange a:hover
{
	color: #C9E9FE;
}


.BtApp {text-align:center;font-weight:bold; color:black;font-family:verdana; font-size:8pt;color:black;cursor:pointer;}
.BtApp A {text-decoration:none; color:black; font-weight:bold; }
.BtApp A:hover { color:red; font-weight:bold;}




/* Styles pour les liens */
a {
	color: #778899;
	text-decoration: underline;
}
a:hover {
	color: #F49E23;
	text-decoration: underline;
}
a.lienbook12 {
	color: #4E4589;
		font-family: "Bookman Old Style", Times, serif;
		font-weight:bold;	
		font-size:12px;
		text-decoration: none;	
		
}

a.lienbook12 {
	color: #4E4589;
}
a.lienblanc {
	color: #fff;
	text-decoration: underline;
}
a:hover.lienblanc  {
	color: #fff;
	text-decoration: underline;
}
.blanc {
		color: #fff;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.img_static_right {
	margin: 30px 5px 10px 20px;
	float: right;
}
.img_static_left {
	margin: 30px 20px 10px 00px;
	float: left;
}

p.fleche {

	padding-bottom: 5px;
	margin-top: 5px;
	/*height: 6px;*/
	
}
img.fleche_img {
	margin-top: 5px;
	margin-bottom: -2px;
	/*padding-top:5px;*/
}
.mini {
	font-size:10px;
}

.mini8 {
	font-size:8px;
}
.cssselect{
	width:154px;
}

liendevis {
	border-style: none solid none solid;
	border-color: white;
}

.txtorange_FormulaireCoordonnees {
	color:#f49e23;
	margin-top: 0px;
}


/**  DEBUT MODIFICATION FORMULAIRE INSCRIPTION  **/
#tab_coordonneesBlocCivilite {
	/*color: #f49e23;*/
	width: 600px;
	margin-top:12px;
	margin-left:40px;
	/*height: 159px;*/

}

#tab_coordonneesBlocCivilite td { 
	padding: 2px;
	/*margin:10px;*/
}

#tab_coordonneesBlocAdresse {
	/*color: #f49e23;*/
	width: 600px;
	margin-top:12px;
	margin-left:40px;
	/*height: 159px;*/

}

#tab_coordonneesBlocBlocAdresse td { 
	padding: 2px;
	/*margin:10px;*/
}

#tab_coordonneesBlocContact {
	/*color: #f49e23;*/
	width: 600px;
	margin-top:12px;
	margin-left:40px;
	/*height: 159px;*/

}

#tab_coordonneesBlocContact td {
	padding: 2px;
	/*margin:10px;*/
}

#tab_coordonneesIdentification {
	/*color: #f49e23;*/
	width: 600px;
	margin-top:12px;
	margin-left:40px;
	/*height: 159px;*/

}

#tab_coordonneesIdentification td {
	padding: 2px;
	/*margin:10px;*/
}

#tab_coordonneesBlocInfos {
	/*color: #f49e23;*/
	width: 600px;
	margin-top:12px;
	margin-left:40px;
	/*height: 159px;*/

}

#tab_coordonneesBlocInfos td {
	padding: 2px;
	/*margin:10px;*/
} 

.aligneChamps{
	width:25%;
	text-align:right;
}

/**  DEBUT MODIFICATION FORMULAIRE INSCRIPTION  **/