/* ARCHITECTURE DE LA PAGE index (STATIQUE) */

body
{
	background-color:#FFFFCC;
	font-size:14px;
	font-family:"Berlin Sans FB";
}

input, textarea, select
{
	margin-left:5px;
	font-size:14px;
}

p
{
	text-align:justify;
}

img
{
	behavior:url("pngbehavior/pngbehavior.htc");
	border:none;
}

#page
{
	background:url(img/background.jpg);
	background-repeat:no-repeat;
    width: 980px; 
	height: 790px; 
    margin-left:auto; 
    margin-right: auto; 
}

#indigo
{
	position:relative; top:10px; left:29px; 
	background-repeat:no-repeat;
    width: 150px; 
	height: 17px; 
}

#frizstyl
{
	background-color:#00CC66;
	position:relative; top:50px; left:35px; 
	font: 8pt Verdana;
	width:140px;
	height:100px;
}

#header
{ 
	background-repeat:no-repeat;
	position:relative; 
	overflow:hidden;
	width: 980px; 
	height: 131px; 
}

#footer
{
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#666666;
}
#footer A:link { color:#666666; text-decoration:none; }
#footer A:visited { color:#444444; text-decoration:none; }
#footer A:hover { color:#303030; text-decoration:none; }

#conteneur
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width: 980px; 
	height: 649px; 
}

#menu
{ 
	width: 180px; 
	height: 647px; 
	overflow:hidden;
}


/*classeet div type des ongles présent dans le corps*/
#onglets
{
	position:absolute;
	top:6px;
	left:200px;
	width: 777px;
	height: 42px;
}

.onglet
{
    background:url(img/onglet.png);
	background-repeat:no-repeat;
	width: 191px; 
	height: 27px; 
	font-size:15px;
	font-family:"Berlin Sans FB Demi";
	text-align:center;
}

/* BOUTONS DU MENU */

#conteneurBtns
{
	background:url(img/menu.png);
	background-repeat:no-repeat;
	position:relative; top:42px; left:10px; 
	width: 170px; 
	height: 477px; 
	text-align:center;
}

.btn
{
	background:url(img/normal.png);
	position:absolute; top:0px; left:13px; 
	width: 141px; 
	height: 52px;
	font-size:15px;
	color:#666666;
	font-family:"Berlin Sans FB Demi";
	text-align:center;
	
}

/********************************************Formulaire*************************************************************/

#errors
{
font-size:12px;
color:#FF8888;
font-weight:bold;
}
.obligatoire
{
color:#FF8888;
font-weight:bold;
}
.nomChienContact
{
font-weight:bold;
color:#990000;
}
.formChien
{
display:none;
}
#formulaire
{
position:relative;
}
#mainForm
{
background-image:url(img/bg-MainContact.png);
background-repeat:no-repeat;
padding-top:10px;
padding-left:15px;
padding-right:15px;
height:350px;
width:330px;
top:100px;
position:absolute;
}
#specificForm
{
background-image:url(img/bg-SpecificContact.png);
background-repeat:no-repeat;
padding-top:10px;
padding-left:15px;
padding-right:15px;
height:350px;
width:350px;
position:absolute;
left:360px;
top:100px;
}
#subjectForm
{
background-image:url(img/bg-Contact-Subject.png);
background-repeat:no-repeat;
padding-top:10px;
padding-left:15px;
padding-right:15px;
text-align:justify;
position:absolute;
height:90px;
width:710px;
}

A {text-decoration:none; color:#0000FF; }
A:hover { text-decoration:underline; }
/*--------------------------------------------LIEN DE LA PAGE--------------------------------------------------------------------------- 

A:link {text-decoration:none; }
A:visited { color:#444444; text-decoration:none; }
A:hover { color:#303030; text-decoration:none; }

--------------------------------------------CSS DU COEUR DE CHAQUE PAGE --------------------------------------------------------------- */


#content
{
	position:absolute; top:55px; left:200px; 
	width: 754px;
	height: 569px;
	padding-left:7px;
	padding-right:10px;
	overflow:scroll; 
	overflow-x:hidden;
}

h1
{

text-align:center;
font-size:26px;
	font-family: "Berlin Sans FB Demi" ;
	font-weight:bold;
	color:#666666;
}

h2
{

font-size:22px;
	font-family: "Berlin Sans FB Demi" ;
	font-weight:bold;
	color:#3366CC;
}
h3
{

font-size:18px;
	font-family: "Berlin Sans FB Demi" ;
	font-weight:bold;
	color:#8C8CFF;
}


/*-------------------------------------------- -CSS page presentation --------------------------------------------------------------------------- */

#newsletter
{
    background:url(img/newsFond.png);
	background-repeat:no-repeat;
	width: 659px; 
	height: 198px; 
	position:relative; top:0px; left:35px; 
}

#contenuNews
{
	width: 639px; 
	height: 168px; 
	position:absolute; top:22px; left:10px; 

}

.descNews
{
	padding-left:65px;
	color:#000066;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;

	font-weight:bold;
}
.nouv
{
	font-family:Verdana, Times, serif;
	font-size: 15px;
	font-weight:bold;
	color:#333333;
	text-align:justify;
	width: 570px; 
	height: 45px;
}

.nouvDate
{
	font-family:Verdana, Times, serif;
	font-size: 15px;
	font-weight:bold;
	color:#FF3300;
	text-align:justify;
	width: 45px; 
	height: 45px;
}
	
