*
{
	margin : 0;
	padding : 0;
	font-family : Verdana;
}

i
{
	font-style : Italic;
}

a
{
	color : #252;
	text-decoration : none;
}

a:hover
{
	text-decoration : underline;
	cursor : pointer;
}

#logo
{
	display : block;
	position : absolute;
	background-image : url("../COMMON/IMAGES/logo.png");
	background-repeat : no-repeat;
	background-position : center center;
	height : 60px;
	width : 142px;
}

#logo:hover
{
	background-image : url("../COMMON/IMAGES/logo-hover.png");
}

.miniImage
{
	position : relative;
	top : 2px;
}

.button
{
	height : 18px;
	width : 120px;
	text-align : center;
	padding-top : 2px;
	font-style : italic;
	background-image : url("../COMMON/IMAGES/button.png");
	background-repeat : no-repeat;
	background-position : top center;
	color : #000;
	text-decoration : none;
}

.button:hover
{
	text-decoration : underline;
}	

.histoire
{
	padding : 8px;
	border : 1px solid #AAA;
	background-color : #FFF;
}

.bigTable .leftA, .leftA
{
	text-align : left;
}

.bigTable .rightA, .rightA
{
	text-align : right;
}

.centerTable
{
	text-align : center;
}

.bigCalendrier td
{
	width : 14%;
	font-size : 10px;
	font-weight : bold;
}

.miniCalendar
{
	color : #000;
	border-collapse : collapse;
	text-align : center;
	border : 1px solid #AAA;
}

.bigCalendrier .num
{
	height : 34px;
	padding-top : 10px;
	color : #000;
	width : 100%;
	background : url("../COMMON/IMAGES/calendrier.png");
	background-repeat : no-repeat;
	background-position : center center;
}

.bigCalendrier .calendrier-rouge
{
	background : url("../COMMON/IMAGES/calendrier-rouge.png");
	background-repeat : no-repeat;
	background-position : center center;
}

.bigCalendrier .calendrier-bleu
{
	background : url("../COMMON/IMAGES/calendrier-bleu.png");
	background-repeat : no-repeat;
	background-position : center center;
}

.bigCalendrier .calendrier-vert
{
	background : url("../COMMON/IMAGES/calendrier-vert.png");
	background-repeat : no-repeat;
	background-position : center center;
}

.full, .bigTable .full
{
	width : 100%;
}

.clear
{
	clear : both;
}

body
{
	background : url("../COMMON/IMAGES/bg.jpg");
	background-repeat : repeat-x;
}

#page
{
	margin : auto;
	background-color : #DFF;
	background : url("../COMMON/IMAGES/fond.png");
	background-repeat : repeat-y;
	background-position : top center;
	
	width : 992px;
}
#content
{
	margin : auto;
	background-color : #FFF;
	width : 972px;
}

#banniere
{
	background-image : url('../COMMON/IMAGES/banniere-fond.png');
	background-repeat : no-repeat;
	background-position : top left;
	font-size : 0.8em;
	height : 32px;
	padding-top : 36px;
	color : #000;
	padding-left : 188px;
}

#puppies
{
	text-align : left;
	padding : 2px 10px;
	font-size : 12px;
	border-bottom : 1px solid #DED;
}

#defile
{
	float : left;
	text-align : left;
	color : #868;
}

#acces-rapide a
{
	text-decoration : none;
	color : #A66;
	padding-right : 40px;
	font-weight : bold;
	font-size : 11px;
}

#acces-rapide a:hover
{
	text-decoration : none;
	color : #822;
}

.infoEnTete
{
	position : absolute;
	top : 8px;
	color : #158;
}



.help_bouton:hover
{
	background-image : url('../COMMON/IMAGES/help_bouton_hover.png');
	cursor : help;
}

#leftContent
{
	float : left;
	background-color : #FFF;
	padding : 10px;
	width : 180px;
}

#corp
{
	float : left;
	background-color : #FFF;
	padding : 10px;
	width : 532px;
}

#rightContent
{
	float : right;
	background-color : #FFF;
	padding : 10px;
	width : 200px;
}

#page-after
{
	margin : auto;
	background-image : url("../COMMON/IMAGES/page-after.png");
	height : 10px;
	width : 992px;
}

.spacer
{
	height : 30px;
}

.separator
{
	width : 58%;
	height : 1px;
	border-top : 1px solid #FFF;
	margin-bottom : 8px;
}

#leftContent h5, #leftContent h4, #leftContent h3, #leftContent h2, #leftContent h1
{
	background-repeat : no-repeat;
	background-position : top center;
	text-align : center;
	color : #FFF;
	height : 18px;
	padding-top : 2px;
	margin-top : 5px;
	font-size : 13px;
	font-weight : bold;
}
#leftContent .blue-close{background-image : url('../COMMON/IMAGES/left-blue-close.png');}
#leftContent .orange-close{background-image : url('../COMMON/IMAGES/left-orange-close.png');}
#leftContent .marine-close{background-image : url('../COMMON/IMAGES/left-marine-close.png');}
#leftContent .grey-close{background-image : url('../COMMON/IMAGES/left-grey-close.png');}
#leftContent .red-close{background-image : url('../COMMON/IMAGES/left-red-close.png');}
#leftContent .pink-close{background-image : url('../COMMON/IMAGES/left-pink-close.png');}
#leftContent .green-close{background-image : url('../COMMON/IMAGES/left-green-close.png');}

#leftContent .blue-open{background-image : url('../COMMON/IMAGES/left-blue-open.png');}
#leftContent .orange-open{background-image : url('../COMMON/IMAGES/left-orange-open.png');}
#leftContent .marine-open{background-image : url('../COMMON/IMAGES/left-marine-open.png');}
#leftContent .grey-open{background-image : url('../COMMON/IMAGES/left-grey-open.png');}
#leftContent .red-open{background-image : url('../COMMON/IMAGES/left-red-open.png');}
#leftContent .pink-open{background-image : url('../COMMON/IMAGES/left-pink-open.png');}
#leftContent .green-open{background-image : url('../COMMON/IMAGES/left-green-open.png');}

#leftContent  .center
{
	background-image : url('../COMMON/IMAGES/left-center.png');
	background-repeat : repeat-y;
	background-position : top center;
	padding : 10px 10px 5px 5px;
	font-size : 11px;
}

#leftContent  .center a
{
	display : block;
	padding-bottom : 3px;
}

#leftContent  a:hover
{
	text-decoration:none;
}

#leftContent  .center a:before
{
	/* content : url('../COMMON/IMAGES/left-fleche.png'); */
}

#leftContent  .bottom
{
	background-image : url('../COMMON/IMAGES/left-bottom.png');
	background-repeat : no-repeat;
	background-position : bottom center;
	height : 10px;
}

#corp .helpCenter
{
	color : #C90;
	background-image : url('../COMMON/IMAGES/help-center.jpg');
	background-repeat : repeat-y;
	background-position : top center;
	padding : 10px 20px;
	font-size : 13px;
	text-align : justify;
}

#corp .helpTop
{
	background-image : url('../COMMON/IMAGES/help-top.jpg');
	background-repeat : no-repeat;
	background-position : top center;
	height : 20px;
	margin-top : -5px;
}

#corp .helpBottom
{
	background-image : url('../COMMON/IMAGES/help-bottom.jpg');
	background-repeat : no-repeat;
	background-position : top center;
	color : #AAA;
	text-align : right;
	padding-right : 10px;
	padding-top : 12px;
	font-size : 9px;
	margin-bottom : 20px;
}

#corp .infoCenter
{
	color : #06C;
	background-image : url('../COMMON/IMAGES/info-center.png');
	background-repeat : repeat-y;
	background-position : top center;
	padding : 10px 20px;
	font-size : 13px;
	text-align : justify;
}

#corp .infoTop
{
	background-image : url('../COMMON/IMAGES/info-top.png');
	background-repeat : no-repeat;
	background-position : top center;
	height : 20px;
	margin-top : -5px;
}

#corp .infoBottom
{
	background-image : url('../COMMON/IMAGES/info-bottom.png');
	background-repeat : no-repeat;
	background-position : top center;
	height : 10px;
	margin-bottom : 20px;
}

#corp .article
{
	color : #333;
	background-image : url('../COMMON/IMAGES/article-center.png');
	background-repeat : repeat-y;
	background-position : top;
	margin-top : 0;
	padding : 10px 40px;
	padding-top : 0;
	font-size : 12px;
	text-align : justify;
}

.article> p, .article> p
{
	text-indent : 10px;
	line-height : 18px;
}

.fieldset> p:before, .fieldset> p:before
{
	content : url('../COMMON/IMAGES/left-fleche.png');
	margin-right : 5px;
}

#corp .article .quote:before
{
	content : url('../COMMON/IMAGES/left-quote.png');
	margin-right : 5px;
}

#corp .article .quote:after
{
	content : url('../COMMON/IMAGES/right-quote.png');
	margin-left : 5px;
}

#corp .article h2
{
	color : #FF0380;
	font-size : 16px;
	padding : 0;
	margin : 0;
	margin-bottom : 10px;
	padding-top : 20px;
}

#corp .top
{
	background-image : url('../COMMON/IMAGES/article-top.png');
	background-repeat : no-repeat;
	background-position : top center;
	height : 10px;
	margin-top : 5px;
}

#corp .bottom
{
	background-image : url('../COMMON/IMAGES/article-bottom.png');
	background-repeat : no-repeat;
	background-position : bottom center;
	height : 10px;
	margin-bottom : 20px;
}

#rightContent h5, #rightContent h4, #rightContent h3, #rightContent h2, #rightContent h1
{
	background-image : url('../COMMON/IMAGES/right-top.png');
	background-repeat : no-repeat;
	background-position : top center;
	text-align : center;
	color : #FFF;
	height : 18px;
	padding-top : 2px;
	margin-top : 5px;
	font-size : 13px;
	font-weight : bold;
}
#rightContent .none{height:10px;}
#rightContent .simple{color:#000;font-weight:normal;}
#rightContent .blue{background-image : url('../COMMON/IMAGES/right-blue.png');}
#rightContent .red{background-image : url('../COMMON/IMAGES/right-red.png');}
#rightContent .pink{background-image : url('../COMMON/IMAGES/right-pink.png');}
#rightContent .green{background-image : url('../COMMON/IMAGES/right-green.png');}

.blueColor
{
	color : blue;
}

.greenColor
{
	color : green;
}

.redColor
{
	color : red;
}

.yellowColor
{
	color : yellow;
}

#rightContent  .center, #rightContent  .shortCenter
{
	background-image : url('../COMMON/IMAGES/right-center.png');
	background-repeat : repeat-y;
	background-position : top center;
	padding : 12px 22px 6px 22px;
	font-size : 12px;
	line-height : 14px;
}

#rightContent .shortCenter
{
	padding :  0 10px;
}

#rightContent  .bottom
{
	background-image : url('../COMMON/IMAGES/right-bottom.png');
	background-repeat : no-repeat;
	background-position : bottom center;
	margin-bottom : 10px;
	height : 10px;
}

#rightContent img
{
	max-width : 180px;
}

#rightContent .shortCenter img
{
	width : 180px;
}

img
{
	border : none;d
}

#footer
{
	background-color : #FAFAFA;
	text-align : right;
	font-size : 0.6em;
	color : #7D7D7D;
	padding : 5px;
}

#footer a
{
	font-weight : bold;
}

.article table{
	border-collapse : collapse;
	width : 100%;
}

form tr
{
	height : 32px;
}

.article td{
	padding : 2px;
	vertical-align : center;
}

li
{
	margin-bottom : 8px;
}

form
{
	text-align : center;
}

legend
{
	margin : 0 5px;
	padding : 0 5px;
}

fieldset
{
	padding : 10px;
	background-color : #F3F3F3;
	border : 1px solid #A88;
}

input[type=text], input[type=password], input[type=submit], input[type=button], input[type=reset], button
{
	border : 1px solid grey;
	background-color : #DEF;
	height : 18px;
	width : 160px;
	font-size : 12px;
	padding-left : 4px;
}

input[type=submit], input[type=button], input[type=reset], button
{
	width : 120px;
	height : 22px;
}

input[type=radio], input[type=checkbox] {
	margin : 0 10px;
}

input:focus
{
	background-color : #FFF;
}

textarea
{
	border : 1px solid grey;
	background-color : #DEF;
	width : 160px;
	font-size : 12px;
}

select{
	width : 160px;
	background-color : #DEF;
	border : 1px solid grey;
}

select:focus, textarea:focus {
	background-color : #FFF;
}

.alter0
{
	background-color : #DEF;
}

.alter1
{
	background-color : #FEE;
}

.alterTable .alter0:hover
{
	background-color : #BEF;
}

.alterTable .alter1:hover
{
	background-color : #FDD;
}

.indicTable
{
	text-align:center;
	font-size:78%;
	padding : 10px;
	border : 2px solid #DDD;
}

.indicTable td
{
	padding:2px;
	border-left:1px dotted #CCC;
	border-right:1px dotted #CCC;
}

.indicTable th
{
	background-color : #FDA6A8;
	padding:2px;
	border:1px dotted #CCC;
}

.bigTable select, .bigTable input[type=text], .bigTable input[type=textarea], .bigTable textarea
{
	width : 280px;
}

.bigTable fieldset
{
	width : 100%;
}

.bigTable td
{
	text-align : center;
	vertical-align : center;
}

form .importantField
{
	background-color : #FDD;
}
