body {
	font: 12px Arial,sans-serif;
	color: #223155;
	text-align: justify;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0;
	background-image: url(http://www.attitudecanine.fr/edu-canin/img/menu/fond-nuit11.jpg); 		
	background-repeat: repeat-x;
	background-color: #5574bb;
}

img {
	border: 3px outset #c2cde6;
	margin: 5px 10px 3px 10px;
}

p {
	margin: 0px 5px 5px 5px;
	text-indent: 12px;
}	

a {
	color: #8b1d00;
	text-decoration: underline;
}

a:visited {
	color: #5574bb;
}

a:hover {
	text-decoration: underline;
}

#header {
	height: 80px;
	background: url(http://www.attitudecanine.fr/edu-canin/img/menu/montage-haut1.jpg) no-repeat;
	border-top: 2px solid #fc9;
}

#haut {
	height: 25px;
	background: url(http://www.attitudecanine.fr/edu-canin/img/menu/montage-bas.jpg) no-repeat;
	margin-bottom: 10px;
}

#conteneur {
position: relative;
	width:922px;
	margin:0 auto;
}

#centre {
	height: 100%;
	background: url(http://www.attitudecanine.fr/edu-canin/img/menu/centre.jpg);
	background-repeat: repeat-y;
	margin-left: 170px;
	margin-right: 170px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
}

#menunav {
	height: 16px;
	text-align: left;
	font-size: 11px;
	list-style-type: none;
	margin: 0;
	padding-top: 2px;
}

#menunav a {
	margin: 0;
}

#menunav a:visited {
	margin: 0;
	color: #5574bb;
}

#menunav a:hover {
	text-decoration: underline overline;
}

#gauche {
	float:left;
	left:0;
	width: 170px;
}

#droite {
	float: right;
	right:0;
	width: 170px;
}

#milieu {
	border-left: 1px solid white;
	/* border-right: 1px solid white;
	
	border-top: 1px solid white;*/
	padding-top: 0;
}


  /* Menu de navigation du bas */

#pied {
	clear:both;
	height: 40px;
	/*background: url(images/menu/piedpatte1.jpg) repeat-x; */
	background-color: #c2cde6;
	border-top: 2px solid #fc9;
	margin: 0;
}

#menupied {
	text-align: center;
	list-style-type: none;
	margin: 4px 0px 0px 0px;
}

#menupied li {
	display: inline;
	margin: 0;
	border-left: solid 1px #5574bb;
	border-right: solid 1px #5574bb;
}

#menupied a {
	color: #223155;
	text-decoration: none;
	padding: 2px 15px 2px 15px;
	background-color: #c2cde6;
	text-decoration: underline;
}

div.copy {
	font: 10px Arial,sans-serif;
	color: #223155;
	text-align: center;
	padding-top: 4px;
	}

#menupied a:visited {
	color: #5574bb;
}


  /* Menu de navigation du haut */

#menuhaut {
	text-align : right;
	list-style-type: none;
	margin: 0;
	padding: 6px 2px 2px 2px;
}

#menuhaut li {
	display: inline;
	margin: 10px 0px 0px 0px;
	padding-right: 8px;
	padding-left: 8px ;
	border-right: solid 2px #223155;
	color: white;
}

#menuhaut b {
	color: white;
	background: none;
}

#menuhaut a {
	color: white;
	text-decoration: none;
}

#menuhaut a:hover {
	text-decoration: underline overline;
}

#menuhaut a:visited {
	color: #c2cde6;
}

	/*menu educateur*/

div.menuedu {
	margin-top: 0px;
	margin-left: 4px;
	margin-bottom: 8px;
	padding: 0px;
	background-color: #e7edfb;
	width:160px;
	height: auto;
	border-top: 3px solid #223155;
	border-left: 3px solid #223155;
	border-bottom: 2px solid #223155;
	border-right: 2px solid #223155;
}

.menuedu ul {
	text-align: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-position: outside;
}

.menuedu li {
	padding: 2px 0px 2px 3px;
	border-bottom: solid 1px #223155;
	margin: 0;
}

.menuedu a {
	padding-left: 2px;
	color: #223155;
	text-decoration: none;
}

.menuedu a:hover {
	text-decoration: none;
	font-weight: bold;
}

.menuedu a:visited {
	color: #5574bb;
	text-decoration: none;
}

   /* Menu references */

div.references {
	margin: 0px 0px 8px 4px;
	padding: 0px;
	background-color: #e7edfb;
	width:160px;
	height: auto;
	border-top: 3px solid #223155;
	border-left: 3px solid #223155;
	border-bottom: 2px solid #223155;
	border-right: 2px solid #223155;
}

.references ul {
	text-align: center;
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-size: 10px;
}

.references li {
	padding: 2px 0px 2px 0px;
	margin: 0;	
}

div#bloc_news {
	float:right;
	margin-top: 5px;
	margin-left: 5px;
	width:160px;
	height:160px;
	background: url(http://www.attitudecanine.fr/edu-canin/img/menu/news.gif) no-repeat;
	}

#bloc_news p {
	text-indent: 0;
	text-align: left;
	margin: 0px 14px 0px 12px;
	color: #8b1d00;
	text-decoration: none;
}

#bloc_news h5 {
	font: bold 12px Arial, sans-serif;
	text-indent: 8px;
	color: #8b1d00;
	margin: 10px 20px 5px 20px;;
	text-decoration: none;
	background: none;
}


#bloc_news a {
	color: #223155;
	text-decoration: underline;
}

#bloc_news a:hover {
	text-decoration: underline;
}

#bloc_news a:visited {
	color: #5574bb;
}

#bloc_news ul {
	text-align: left;
	padding: 0px;
	margin-top: 2px;
	margin-left: 15px;
	list-style: disc;
	list-style-position: inside;
}

#bloc_news li {
	padding: 2px 0px 2px 3px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


div#journal1 {
	float: left;
	/*border: 2px solid red;*/
	width: 220px;
	margin: 0px 10px 0px 10px;
}

div#journalg {
	float: left;
	display:inline;
	/*border: 2px solid purple;*/
	margin: 0px 0px 0px 30px;
	width: 220px;
}

#journalg img{
	margin-bottom: 20px;
}

div#journald {
	float: right;
	/*border: 2px solid green;*/
	width: 210px;
	margin: 0px 10px 0px 10px;
}

#journald img{
	margin-bottom: 20px;
}

div#plansite {
	text-align: left;
	font-size: 11px;
	margin: 0px;
	padding: 2px;
}


#plansite p {
	font-weight: bold;
	text-indent: 0;
	padding-left: 10px;
	border-bottom: 1px solid #5574bb;
	margin-right: 35px;
	background: url(http://www.attitudecanine.fr/edu-canin/img/menu/menuedu41.jpg) repeat-y left;
}


#plansite ul {
	font-size: 12px;
	padding-bottom: 2px;
	margin: 5px 5px 5px 15px;
}

#plansite li {
	padding: 0px 0px 5px 15px;
	margin: 1px 5px 2px 2px;
	list-style-type: none;
}

#plansite a {
	color: #5574bb;
	margin: 0;
}

a.new {
	color: #8b1d00;
	font-weight: bold;
}

#plansite a:visited {
	margin: 0;
	color: #f96;
	font-weight: normal;
}

#plansite a:hover {
	font-weight: bold;
}


h1,h2 {
	padding: 3px 0px 3px 15px;
	font-size: 12px;
}

h1 {
	background: url(http://www.attitudecanine.fr/edu-canin/img/menu/h1.jpg) repeat-y;
	margin-top: 3px;
	margin-bottom: 7px;
}

h2 {
	border-bottom: 1px solid #f96;
	border-top: 1px solid #fc9;
	padding-right: 5px;
	margin-bottom: 7px;
}

h3 {   	font-size: 13px;
	margin-top: 0;
	margin-bottom: 2px;
	padding-left: 0.5em;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #5574bb;
	line-height: 1.0;
	background: urlhttp://www.attitudecanine.fr/edu-canin/img/menu/menuedu41.jpg) repeat-y left;
}

h4 {
	font-size: 12px;
	padding: 2px 0px 0px 5px;
	margin-top: 0;
	margin-bottom: 0;
	color: #5574bb;
}


ul{
	list-style: disc;
	list-style-position: outside;
}

li{	
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 10px;
}

#up {
	text-align: right;
	position:relative; bottom: 0px;
	padding-bottom: 2px;
}

#up a{
	text-decoration: underline overline;
	color: #f96;
	font-size: 11px;
}

.court {
	margin-top: 30px;
}
	
.decale1 {
	color: #5574bb;
	margin: 5px 0px 3px 0px;
	list-style: none;
}

.decale {
	margin: 0px 0px 15px 20px;
	list-style: none;
}

div.imgd {
 	float: right;
}

div.imgd p {
	padding-top: 0;
	text-align: center;
	text-indent: 0;
	font-size: 10px;
}

div.imgg {
	float: left;

}

div.imgg p {
	padding-top: 0;
	text-indent: 0;
	text-align: center;
	font-size: 10px;
}

div.imggliste {
	float: left;
	padding-right: 10px;

}

div.imggliste p {
	padding-top: 0;
	text-align: center;
	font-size: 10px;
}

div.imgc {
	text-align: center;
}

div.imgc p {
	padding-top: 0;
	text-align: center;
	text-indent: 0;
	font-size: 10px;
}


div.imgjournal{
	float: both;
	border: 2px solid red;
}

hr {
clear: left;
visibility: hidden;
}


  /*  Liste Articles  */

div.articles {
	margin: 0px 0px 0px 25px;
	padding: 0;
	width: 500px;
	height : 100px;
	border: 1px solid #223155;
	background-color: #e7edfb;
}

.articles img {
	float: left;
	margin: 3px 1px 1px 3px;
	padding: 0;
	border: solid 2px #fc9;
} 

div.titre {
	height: 20px;
	width: 387px;
	margin : 5px 0px 0px 100px;
	padding: 3px 3px 1px 3px;
	text-indent: 12px;
	border: solid 1px #5574bb;
	background-color: white;	
}
	

div.paragraphe {
	background-color: #fc9;
	margin: 5px 4px 0px 100px;
	padding: 2px;
	height : 50px;
	border : solid 1px #5574bb;
}

 /*-----------------------------/*

  /* PETITS ARTICLES */

div.particles {
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 0;
	width: 245px;
	height : 124px;
	border: 1px solid #223155;
	background-color: #5574bb;
}

.particles img {
	float: left;
	margin: 3px 0px 0px 3px;
	padding: 0;
	border: dotted 1px #e7edfb;
} 

div.ptitre {
	height: 20px;
	width: 233px;
	margin : 1px 0px 0px 2px;
	padding: 4px 3px 0px 3px;
	text-indent: 12px;
	border: solid 1px #223155;
	background-color: white;	
}

.ptitre a {
	text-decoration: none;
	font-weight: bold;
}

div.pparagraphe {
	background-color: white;
	margin: 2px 2px 0px 98px;
	padding: 2px;
	height : 87px;
	border : solid 1px #223155;
}

.pparagraphe p {
	text-align: left;
	margin-top: 5px;
}


div.date {
	float: right;
	font: 10px Arial,sans-serif;	
}

/* ------ RACES ------ */

div.race {
	float: left;
	margin: 5px 8px 5px 18px;
	padding: 0;
	width: 100px;
	height : 135px;
	border: 1px solid #223155;
	background-color: #e7edfb;
	text-align: center;
}

.race img {
	margin: 2px 0px 2px 0px;
	padding: 0;
	border: solid 2px #fc9;
}

.race a {
	text-decoration: none;
	font-weight: bold;
}



 /*-----------------------------*/

div.citationg {
	float: left; 
	text-align: center;
	width: 200px;
	font: italic 17px Georgia, "Times New Roman", Times, serif;
	margin: 5px 30px 10px 20px;
	line-height:25px;
	color: #f63;
}

div.citationd {
	float: right;
	text-align: center;
	width: 200px;
	font: italic 17px Georgia, "Times New Roman", Times, serif;
	margin: 5px 20px 10px 30px;
	line-height:25px;
	color: #f63;
}


  /* ------------------------------*/



  /* ---------- Colonnes articles --------------*/
 div.colonneg {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 270px;
	height : 100px;
	border: 1px dotted #223155;
	background-color: #e7edfb;
}

.colonneg img {
	float: left;
	margin: 0px;
	padding: 0px;
	border: solid 2px #fc9;
} 
.colonneg h1 {
	margin: 0px 0px 10px 0px;
	text-indent: 25px;
}

div.colonned {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 270px;
	height : 100px;
	border: 1px dotted #223155;
	background-color: #e7edfb;
}

.colonned img {
	float: left;
	margin: 1px;
	padding: 0;
	border: solid 2px #fc9; 
}
.colonned h1 {
	margin: 0px 0px 10px 0px;
	text-indent: 25px;
}

  /* COULEUR  */
div.couleur {
	font: 1 em Arial,sans-serif;
	margin: 0px 5px 5px 5px;
	text-indent: 12px;
	color: #5574bb;
	font-weight: bold;
}
	

  /*  VRAI FAUX  */

div.vrai {
	font: 24px "Times New Roman", serif;
	margin: 0px;
	padding:0px 0px 0px 2px;	
}

.vrai p {
	color: green;
}

div.faux {
	font: 24px "Times New Roman", serif;
	margin: 0px;
	padding:0px 0px 0px 2px;
}

.faux p {
	color: red;
}


   /* PROVERBES  */
div.proverbe {
	text-align: left;
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
	margin: 14px 0px 2px 5px;
	/*line-height:25px;*/
	color: #8b1d00;
}

  /*   Races  droite MENU */ 
 div.racesd {
	width : 155px;
	background-color: #fff7ee;
	border: 1px solid #8b1d00;
	line-height: 1.1em;
	height: 46px;
	margin: 0px 0px 10px 5px;
	padding: 0;
	text-align: center;
 }
 
.racesd a {
	color: #8b1d00;
	text-decoration: none;
}

.racesd a:hover {
	color: #8b1d00;
	text-decoration: none;
	font-weight: bold;
}

.racesd a:visited {
	color: #f63;
	text-decoration: none;
}
 
 .racesd img {
	float: left;
	border: 1px dotted #f63;
	margin: 2px 2px 2px 2px;
}
 
  /* MENU Droite */

div.menud {
	margin-top: 0px;
	margin-left: 4px;
	margin-bottom: 10px;
	background-color: #fff7ee;
	width:155px;
	height: auto;
	border-top: 2px solid #8b1d00;
	border-left: 1px solid #8b1d00;
	border-bottom: 1px solid #8b1d00;
	border-right: 2px solid #8b1d00;
}

.menud ul {
	text-align: center;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style-position: outside; 
}

.menud li {
	padding: 2px 0px 2px 2px;
	border-bottom: solid 1px #8b1d00;
	margin: 0px;
	text-align: left;
}

.menud a {
	padding-left: 4px;
	color: #8b1d00;
	text-decoration: none;
}

.menud a:hover {
	text-decoration: none;
	font-weight: bold;
}

.menud a:visited {
	color: #ff6633;
	text-decoration: none;
}
.menud h3 {
  	font-size: 13px;
	color: #8b1d00;
	margin-top: 0;
	margin-bottom: 2px;
	padding-left: 0.5em;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #8b1d00;
	line-height: 1.0;
	background: url(http://www.attitudecanine.fr/edu-canin/img/menu/titre.jpg) repeat-y left;
	}
/* -------------------------------------------- */
	
div.nouveaute {
	width: 145px;
  	font-size: 13px;
	font-weight: bold;
	color: #8b1d00;
	margin-top: 0;
	margin-left: 4px;
	margin-bottom: 2px;
	padding-left: 10px;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #8b1d00;
	border-top: 2px solid #8b1d00;
	border-left: 1px solid #8b1d00;
	border-bottom: 1px solid #8b1d00;
	border-right: 2px solid #8b1d00;
	line-height: 1.0;
	background: url(http://www.attitudecanine.fr/edu-canin/img/menu/menuedu41.jpg) repeat-y left;
	}
/* --------------------------------------------------------- */

/*   H3 de droite marron sur fond bleu  */
div.titredroite {
	font-size: 13px;
	font-weight: bold;
	color: #8b1d00;
	margin-top: 0px;
	margin-left: 4px;
	margin-bottom: 10px;
	padding-left: 0.5em;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	width:149px;
	height: auto;
	border-top: 2px solid #8b1d00;
	border-left: 1px solid #8b1d00;
	border-bottom: 1px solid #8b1d00;
	border-right: 2px solid #8b1d00;
	background: url(http://www.attitudecanine.fr/edu-canin/img/menu/titre.jpg) repeat-y left;
	}
/* --------------------------------------------- */
	
	/*   Eleves  */
div.imgeleve {
	float: left;
	margin: 2px 2px 2px 5px;

}

div.imgeleve p {
	padding-top: 0;
	text-indent: 0;
	text-align: center;
	font-size: 10px;
}
/* ---------------------------------------- */

div.citations p {
color: #8b1d00;
}

    /* TERRAIN CHIOTS  */

div.imgdterrain {
 	float: right;
	margin-right: 15px;
}

div.imgdterrain p {
	padding-top: 0;
	text-align: center;
	text-indent: 0;
	font-size: 10px;
}

div.imggterrain {
	float: left;
	margin-left: 15px;

}

div.imggterrain p {
	padding-top: 0;
	text-indent: 0;
	text-align: center;
	font-size: 10px;
}

/* --------------------------- */

	/*   Temoignages  */
div.imgt {
	float: left;
	margin-left : 10px;
	margin-right : 15px;

}
div.imgt p {
	padding-top: 0;
	text-indent: 0;
	text-align: center;
	font-size: 10px;
}

div.textet p{
font: 12px Georgia, "Times New Roman", Times, serif;
	color: #223155;
	text-align: justify;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 25px;
	}
 
