/* PROPRIETES CSS COMMUNES A TOUTES LES PAGES */
body
{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #666;
	background-color: #999;
	
}

img
{
	border-width: 0px;
}

p
{
	margin: 0;
}

h2
{
	color: #ca4d44;
	font-size: 14px;
	margin: 0;	
}

h3
{
	color: #666;
	font-size: 14px;
	margin: 0;
}

abbr
{
	border: none;
}

.preload
{
	display: none;
}

a
{
	text-decoration: none;
	color: inherit;
}

a:visited
{
	color: inherit;
}

p.small_font_size
{
	font-size: 12px;
}

.bold
{
	font-weight: bold;
}

.center
{
	text-align: center;
	padding: 0;
}


/* @group Credit Jade Création */


div#credit
{
	position: absolute;
	top:630px;
	left: 380px;
}

#credit p
{
	font-size: 10px;
	text-align: center;
	width: 220px; 
	
	
}


div#credit p a:link
{
	color: #333;
}


div#credit p a:hover
{
	color: #ca4d44;
}

/* @end */

/* @group FOND DE PAGE */
/* Fond de page principal : rectangle blanc angles arrondis */

#rounded_rect /*C'est la div générale qui englobe les div nécessaires à la formation du grand rect arrondi blanc*/
{
	position: absolute;
	top: 13px;
	left: 20px;
	z-index: 0;
}

#border_top
{
	background-image: url(images/border_top.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 977px;
	height: 15px;	
}

#main_square
{
	position: absolute;
	top: 15px;
	left: 0px;
	width: 963px;
	height: 581px;
	background-color: white;
	border-left: solid 1px #999;
	
}

#border_bottom
{
	background-image: url(images/border_bottom.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 596px;
	left: 0px;
	width: 977px;
	height: 20px;
}

#border_right
{
	background-image: url(images/border_right.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 15px;
	left: 963px;
	width: 14px;
	height: 581px;
}

/* @end */

/* @group ZONE D'ENTÊTE */

#logo_vsad
{
	position: absolute;
	top: 61px;
	left: 95px;
	z-index: 30;
}

#entete /* cadre arrondi gris de l'entete */
{
	width: 495px;
	height: 65px;
	position: absolute;
	top: 61px;
	left: 411px;
	background-image: url(images/entete_bg.gif);
	background-repeat: no-repeat;
	z-index: 20;
}

.heading_title
{
	font-size: 20px;
	font-family: Tahoma, Arial, sans-serif;
	color: black;
	font-weight: normal;
	margin-top: 7px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#tel
{
	font-family: Tahoma, Arial, sans-serif;
	color: #ca4d44;
	font-size: 20px;
	font-weight: normal;
	margin-left: 15px;
}

#sticker /* Etiquette de reduction ou crédit d'impots */
{
	background-image: url(images/reduc50.png);
	position: absolute;
	top: 26px;
	left: 429px;
	z-index: 30;
	width: 106px;
	height: 78px;
}

/* @end */



/* @group [ MENU LATERAL ] */

ul#menu_lat /*Positionnement du menu lateral*/
{
	position: absolute;
	top: 190px;
	left: 686px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu_lat li a 
{
	background-repeat: no-repeat;
	display: block;
	width: 220px;
	height: 30px;
}


a#top_button
{
	background-image: url(images/rs_button_1.gif);
	
}

a.rect_button
{
	background-color: #bbbaba;
	border-top: 1px solid white;
}

a#bottom_button
{
	background-image: url(images/rs_button_7.gif);
	border-top: 1px solid white;
}

.ml_text_position /*Colorie et positionne le texte des boutons du menu latéral, relativement à chaque bouton. */
{
	color: white;
	position: relative;
	top: 7px;
	left: 30px;
}

a#top_button:hover
{
	background-image: url(images/rs_button_1hover.gif);
}

a#bottom_button:hover
{
	background-image: url(images/rs_button_7hover.gif);
}

a.rect_button:hover
{
	background-color: #ca4d44;
}

a#top_button:active
{
	background-image: url(images/rs_button_1active.png);
}

a#bottom_button:active
{
	background-image: url(images/rs_button_7active.png);
}

a.rect_button:active
{
	background-image: url(images/rs_button_2active.png);
}



/* @end */




/* @group ZONE DES LOGOS */

#logo_cesu
{	
	position: absolute;
	top: 463px;
	left: 699px;
	z-index:200;
	width: 79px;
	height: 58px;
}

#logo_3211
{
	position: absolute;
	top: 435px;
	left: 798px;
	z-index: 30;
	width: 95px;
	height: 93px;
}

/* @end */

/* @group PIED DE PAGE */

#slogan /* was princeton */
{
	position: absolute;
	top: 520px;
	left: 74px;
	color : #ca4d44;
	font-weight: normal;
	font-size : 120%;
	margin: 0;
	z-index: 30;
}


#slogan abbr /*Gere la taille de l'accronyme VSAD dans le slogan */
{
	font-size: 22px;	

}


/* @group MENU BAS */

ul#menu_bas
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 547px;
	left: 71px;
	z-index: 40;
}

/* Choix : j'ai défini ici chaque lien du menu bas avec une position absolue, à la place d'appliquer : #menu_bas li {float : left;}. En effet même si cette propriété raccourci notablement le code, cela provoquait un "rabat" des boutons du menu lors d'un rétrécissement de la fenêtre ou sur les petites résolutions */

#menu_bas a
{
	color: white;
	display: block;
	background-repeat: no-repeat;
}

a.link1
{
	background-image: url(images/bouton_accueil.gif);
	width: 136px;
	height: 34px;
}

a.link2
{
	background-image: url(images/bouton_bas_137.gif);
	width: 138px;
	height: 34px;
	border-left: 1px solid white;
	position: absolute;
	top: 0;
	left:136px;

}

a.link3
{
	background-image: url(images/bouton_bas_160.gif);
	width: 160px;
	height: 34px;
	border-left: 1px solid white;
	position: absolute;
	top: 0;
	left:275px;
}

a.link4
{
	background-image: url(images/bouton_bas_160.gif);
	width: 160px;
	height: 34px;
	border-left: 1px solid white;
	position: absolute;
	top: 0;
	left:436px;
}

a.link5
{
	background-image: url(images/bouton_bas_137.gif);
	width: 160px;
	height: 34px;
	border-left: 1px solid white;
	position: absolute;
	top: 0;
	left:597px;
}

a.link6
{
	background-image: url(images/bouton-contact.gif);
	width: 136px;
	height: 34px;
	border-left: 1px solid white;
	position: absolute;
	top: 0;
	left: 736px;
}


.text_menu_position
{
	position: relative;
	top: 9px;
	left: 22px;
}

body#home_page a.link1, a.link1:hover
{
	background-image: url(images/accueil_hover.gif);	
}



body#services a.link2, a.link2:hover
{
	background-image: url(images/bout_bas_137_hover.gif);
}

body#gears a.link3, a.link3:hover
{
	background-image: url(images/bout_bas_160_hover.gif);
}

body#fiscalite a.link4, a.link4:hover
{
	background-image: url(images/bout_bas_160_hover.gif);
}

body#prices a.link5, a.link5:hover
{
	background-image: url(images/bout_bas_137_hover.gif);
}

body#contact a.link6, a.link6:hover
{
	background-image: url(images/contact_hover.gif);
}






/* @end */

/* @end */

/* @group Page index.html */

/* PROPRIETES CSS SPECIFIQUES A LA PAGE D'ACCUEIL */


div#frise
{
	background-image: url(images/frise.jpg);
	position: absolute;
	top: 150px;
	left: 38px;
	width: 557px;
	height: 394px;
	z-index: 20;
}


#welcome_text /* Texte principale de la page d'accueil */
{
	width: 300px;
	position: absolute;
	top: 180px;
	left: 605px;
	padding: 0px;
	margin-left: 0px;
	text-align : justify;
	z-index: 20;
	line-height: 120%;
}

.plain_text
{
	text-align: justify;	
}

img#pub_laboutik
{
	position: absolute;
	top: 400px;
	left: 80px;
	z-index: 30;
}

/* @end */


/* @group Page nos_services.html */

div#image_nos_services
{
	background-image: url(images/houses.jpg);
	position: absolute;
	top: 84px;
	left: 45px;
	width: 915px;
	height: 465px;
}


p#gamme_comp
{
	font-family: "Century Gothic", Tahoma, arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #ca4d44;
	position: absolute;
	top: 435px;
	left: 84px;
}


/* @end */


/* @group Page babysitting.html */


div#baby_in_box
{
	background-image: url(images/baby_carton.jpg);
	width: 428px;
	height: 337px;
	position: absolute;
	top: 152px;
	left: 31px;
}

#baby_text
{
	position: absolute;
	top: 325px;
	left: 395px;
	width: 250px;
	text-align: justify;
}


div#slogan_baby
{
	background-image: url(images/slogan_scolaire.png);
	position: absolute;
	top: 510px;
	left: 80px;
	width: 392px;
	height: 47px;
}

/* @end */


/* @group Page entretien.html */

div#etiquette
{
	background-image: url(images/etiquette.jpg);
	position: absolute;
	top: 235px;
	left: 83px;
	width: 335px;
	height: 246px;
}

#entretien_text
{
	position: absolute;
	top: 287px;
	left: 420px;
	width: 235px;
	font-size: 14px;
}

h2#entretien_titre
{
	position: absolute;
	top: 200px;
	left: 83px;
	font-size: 18px;
	font-weight: normal;
	
	
}

/* @end */


/* @group Page livraisons.html */

#home_caddie
{
	background-image: url(images/livraison.jpg);
	position: absolute;
	top: 141px;
	left: 292px;
	width: 392px;
	height: 368px;
	
}

div#livraisons_text
{
	position: absolute;
	top: 208px;
	left: 73px;
	width: 210px;
	text-align: justify;
	font-size: 14px;
}

div#livraisons_text h3
{
	margin-bottom: 5px;
	color: #333;
}

/* @end */


/* @group Page jardi_brico.html */

div#logo_vis
{
	position: absolute;
	top: 58px;
	left: 91px;
	width: 233px;
	height: 82px;
}

div#maison_outils
{
	background-image: url(images/maison_outils.jpg);
	position: absolute;
	top: 172px;
	left: 440px;
	width: 190px;
	height: 237px;
}

div#plante_gants
{
	background-image: url(images/plante_gants.jpg);
	width: 280px;
	height: 269px;
	position: absolute;
	top: 240px;
	left: 89px;
}

div#text_jardin
{
	width: 202px;
	position: absolute;
	top: 192px;
	left: 114px;
}

div#text_brico
{
	width: 220px;
	position: absolute;
	top: 422px;
	left: 448px;
}

ul.listarrow
{
	list-style-image: url(images/small_arrow.gif);
	margin: 5px;
	padding-left: 15px;
}


/* @end */


/* @group Page assistance_informatique.html */

div#info_help
{
	background-image: url(images/touche_help.jpg);
	width: 459px;
	height: 331px;
	position: absolute;
	top: 181px;
	left: 197px;
}

div#info_text
{
	width: 245px;
	position: absolute;
	top: 245px;
	left: 96px;
}

/* @end */


/* @group Page assistance_administrative.html */

p#admin_text
{
	width: 540px;
	position: absolute;
	top: 200px;
	left: 90px;
	font-size: 14px;
}

div#stickynote
{
	background-image: url(images/sticky_note.jpg);
	width: 259px;
	height: 250px;
	position: absolute;
	top: 258px;
	left: 90px;
}

div#bigpile
{
	background-image: url(images/big_pile.jpg);
	width: 301px;
	height: 250px;
	position: absolute;
	top: 258px;
	left: 349px;
}
/* @end */


/* @group Page avant_fiscaux.html */

div#text_avant_fisc
{
	position: absolute;
	top: 209px;
	left: 106px;
	width: 400px;
	text-align: justify;
	line-height: 150%;
}

div#gray_house
{
	background-image: url(images/gray_house.jpg);
	width: 286px;
	height: 338px;
	position: absolute;
	top: 158px;
	left: 613px;
}

/* @end */


/* @group Page tarifs.html */


body#prices h1
{
	color: #ca4d44;
	letter-spacing: 1px;
	position: absolute;
	top: 50px;
	left: 75px;
	text-transform: uppercase;
	font-size: 28px;
}

div#text_tarifs
{
	width: 270px;
	position: absolute;
	top: 115px;
	left: 70px;
	text-align: justify;
	font-size: 11px;
	color: black;
	background-color: whitesmoke;
	border: 2px solid #eee;
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#text_tarifs h5
{
	font-size: 12px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 2px;
}

div#text_tarifs ul
{
	list-style-type: circle;
	list-style-position: outside;
	margin-left: -22px;
	margin-top: 3px;
	margin-bottom: 5px;
}

.smaller_text
{
	font-size: 11px;
}

/* Mise en forme du tableau des tarifs */



table#price_table
{
	width: 550px;
	position: absolute;
	top: 90px;
	left: 400px;
	border-spacing: 0;
	font-size: 11px;
	line-height: 13px;
}

th, td
{
	border-bottom: 1px solid #bbb;
	vertical-align: middle;
	text-align: left;
	color: black;
}

th
{
	vertical-align: top;
	line-height: 13px;
	padding: 8px;
}

.white_text
{
	color: white;
}

th.thin
{
	width: 90px;
	text-align: left;
}

th#main_prices
{
	background-color: #eee;
}



td.strong_price
{
	color: #ca4d44;
	background-color: #eee;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}

span.text_precision
{
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: black;
}

td.colttc
{
	text-align: left;
	padding: 5px;
}




/* @end */


/* @group Page contact.html */

div#coord
{
	position: absolute;
	top: 221px;
	left: 110px;
	width: 240px;
	z-index: 30;
}

span#contact_tel
{
	font-size: 18px;
}

h1#sarl
{
	color: #ca4d44;
	margin: 0;
}

p#rayon_action
{
	color: #ca4d44;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 450px;
	left: 110px;
	width: 235px;
	
}



div#coeurs_vendee
{
	background-image: url(images/vendee_coeurs.png);
	position: absolute;
	top: 365px;
	left: 210px;
	width: 44px;
	height: 62px;
}

div#stamp
{
	width: 241px;
	height: 156px;
	position: absolute;
	top: 282px;
	left: 416px;
}

div#contact_accroche
{
	width: 210px;
	position: absolute;
	top: 262px;
	left: 665px;
	text-align: justify;
	font-size: 14px;
	color: #666;	
}

a#mailto:link
{
	color: #333;
	text-decoration: underline;
}


a#mailto:visited
{
	color: inherit;
}



a#mailto:hover
{
	text-decoration: none;
	color: #ca4d44;
	font-size: 15px;
}


/* @end */


/* @group Page fonctionnement.html */

div#small_cubes
{
	background-image: url(images/small_cubes.jpg);
	background-repeat: no-repeat;
	height: 35px;
	position: absolute;
	top: 95px;
	left: 75px;
	padding-top: 10px;

	
}


div#fonct_text_bloc_1
{
	width: 280px;
	position: absolute;
	top: 140px;
	left: 80px;
	font-size: 12px;
	text-align: justify;
}

div#small_cubes h1
{
	font-size: 16px;
	color: #333;
	display: inline;
	}

div#cubes
{
	background-image: url(images/cubes.jpg);
	width: 376px;
	height: 401px;
	position: absolute;
	top: 128px;
	left: 571px;
	z-index: 30;
}

div#fonct_text_bloc_2
{
	width: 270px;
	position: absolute;
	top: 140px;
	left: 395px;
	font-size: 12px;
	text-align: left;
	z-index: 30;
}

div#fonct_text_bloc_2 a:link
{
	text-decoration: underline;
}

div#fonct_text_bloc_2 a:hover
{
	text-decoration: none;
	color: #ca4d44;
}

div#fonct_text_bloc_3
{
	width: 176px;
	position: absolute;
	top: 335px;
	left: 395px;
	font-size: 12px;
	z-index: 30;
}

div#fonct_text_bloc_3 a:link
{
	text-decoration: underline;
}

div#fonct_text_bloc_3 a:hover
{
	text-decoration: none;
	color: #ca4d44;
}

/* @end */


/* @group Page gardiennage.html */

p#text_gardien
{
	width: 270px;
	font-size: 12px;
	position: absolute;
	top: 190px;
	left: 67px;
	text-align: justify;
	z-index: 20;
}

span#gardian_text_header
{
	display: block;
	margin-bottom: 15px;
	color: #333;
}


h2#vsad_garde
{
	width: 270px;
	position: absolute;
	top: 190px;
	left: 380px;
	font-size: 16px;
	z-index: 20;
	padding: 2px;
}


div#maison_mains
{
	background-image: url(images/maison_mains.jpg);
	width: 368px;
	height: 214px;
	position: absolute;
	top: 268px;
	left: 333px;
}

.foot_note
{
	font-size: 11px;
}

/* @end */

* {
	
}