/* 
KIT GRAPHIQUE PAR Imerege 
http://imerege.free.fr
TELECHARGE SUR Freegaia
http://www.freegaia.com.com
Modifié par Christophe Derouault pour "Les Chroniques du Petit Peuple"
*/
 
/*Mises en forme graphiques */

body {
	background-image: url(images/fond_page.gif);
	}
	
.tabgen{
	width:950px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	}

.tabtexte{
	width:900px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	}
	
.cadregen2{
	width:950px;
	height:776px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	}
	
.cadretext2{
	width:760px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	}
	
.cadreheadtext{
	width:860px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	}
	
.header{
	width:860px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/header1.jpg);
	}
	
.tabpub{
	width:950px;
	height:15px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	
.tablien{
	width:740px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	
.liengen{
	height:60px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	}

.lienpagesuiv{
	text-align: right;
	color:white; 
	font-size:7px;
	}
	
.lienpageprec{
	text-align: left;
	color:white; 
	font-size:7px;
	}
	
.menu1{
	width:153px;
	margin-left:auto;
	margin-right:auto;
	}
	
.menug {
	background-image: url(images/menug.jpg);
	background-repeat: no-repeat;
	height:74px;
	}
.menug2 {
	background-image: url(images/menug2.jpg);
	background-repeat: no-repeat;
	height:38px;
	text-align:left;
	}
	
.menud {
	background-image: url(images/menud.jpg);
	background-repeat: no-repeat;
	height:74px;
	}
.menud2 {
	background-image: url(images/menud2.jpg);
	background-repeat: no-repeat;
	height:38px;
	text-align:right;
	}
	
.cadreh {
	background-image: url(images/cadrehaut.jpg);
	background-repeat: no-repeat;
	height:50px;
	}
	
.cadrec {
	background-image: url(images/cadremilieu.jpg);
	background-repeat: no-repeat;
	height:71px;
	}
	
.cadreb {
	background-color: #619ddc;
	background-image: url(images/cadrebas.jpg);
	background-repeat: no-repeat;
	width:570px;
	height:70px;
	}

table#feelit{
	background-color: #619ddc;
	background-image: url(images/feelit.gif);
	background-repeat: no-repeat;
	background-position:top right;
	}

table#korri1{
	background-color: #619ddc;
	background-image: url(images/korri1.gif);
	background-repeat: no-repeat;
	background-position:bottom right;
	}
	
table#korri2{
	background-color: #619ddc;
	background-image: url(images/korri2.gif);
	background-repeat: no-repeat;
	background-position:bottom right;
	}
	
td#copyleft{
	background-image: url(images/arton130.gif);
	background-repeat: no-repeat;
	background-position:600px 0px;
	}	

td#fee{
	background-color: #619ddc;
	background-image: url(images/ioly1.jpg);
	background-repeat: no-repeat;
	background-position:610px 0px;
	}
	
.tabsom {
	width:600px;
	height:300px;
	background-color:#619ddc;
	border-width:2px;
	border-style:solid;
	border: outset #48bb00;
	text-align: justify;
	margin-left:auto;
	margin-right:auto;
	}
	
.tabplan {
	width:600px;
	height:300px;
	background-color:#619ddc;
	border-width:2px;
	border-style:solid;
	border: outset #48bb00;
	text-align: justify;
	margin-left:auto;
	margin-right:auto;
	}

.cadretext {
	width:740px;
	background-color:#619ddc;
	border-width:2px;
	border-style:solid;
	border: outset #48bb00;
	text-align: justify;
	margin-left:auto;
	margin-right:auto;
	}
	
.tabsom1 {
	width:90%;
	border:0;
	margin-left:auto;
	margin-right:auto;
	}
	
.tabmenu1{
	width:153px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	}
	
	
.tab3{
	width:760px;
	height:613px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	}	

.tabcentre{
	width:570px;
	height:595px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	}
	
.tabcentre2{
	width:570px;
	height:213px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	}

.tabcentre1{
	width:570px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	}
	
.tdhvide{
	width:10px;
	height:8px;
	margin-left:auto;
	margin-right:auto;
	}

.tdvvide{
	width:20px;
	}

.tdpied{
	height:15px;
	}
	
.imgvide{
	width:20px;
	height:8px;
	}
	
.tdcentre1{
	width:710px;
	border:0;
	text-align:center;
	}
	
.tdcentre{
	width:570px;
	}
	
.tdmilieu{
	width:50px;
	}

.tdtext{
	width:250px;
	}
	
.palignd{
	text-align:right;
	}

.paligng{
	text-align:left;
	}
	
.palignc{
	text-align:center;
	}

.tabhautpage{
	width:600px;
	border:0;
	margin-left:390px;
	margin-right:auto;
	}
	
/*Mises en forme des textes */	
	
.titremenu1 {
	font-family: Comic Sans Ms, Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	font-style: italic;
	color: #46BB00;
	text-align: right; 
}

.titremenu2 {
	font-family: Comic Sans Ms, Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	font-style: italic;
	color: #46BB00;
	text-align: left; 
}

.textepresent {
	font-family: Comic Sans Ms, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: oblique;
	color: #FFFF13;
	text-align:center;	
}

.titre1{
	font-family: Comic Sans Ms, Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FFEC00;
}

.A1 {	
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-indent:0.5cm;
	line-height:0.5cm; 
	color:  #000080;
	text-align:right;
	}

p {	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-indent:0.5cm;
	line-height:0.5cm; 
	color:  #000080;
	}
	
p#A1 {	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-indent:0.5cm;
	line-height:0.5cm; 
	color:  #000080;
	text-align:right;
	}
	
p#titre { 
	font-size: 20px;
	font-family: Times New Roman, Helvetica, Arial, Verdana, sans-serif;
	text-indent:0.5cm;
	line-height:0.5cm; 
	text-decoration:underline;
	color:#006400;
	font-weight:bold;
	}

p#titre1 { 
	font-size: 20px;
	font-family: Times New Roman, Helvetica, Arial, Verdana, sans-serif;
	text-indent:0.5cm;
	line-height:0.5cm; 
	text-decoration:underline;
	color:#006400;
	font-weight:bold;
	}
	
p#redir { 
	font-size: 12px;
	font-family: Times New Roman, Helvetica, Arial, Verdana, sans-serif;
	color:#000080;
	font-weight:bold;
	}
	
li {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000080;
	line-height:0.5cm; 
	}
	
.fin {	
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:center ; 
	color:  #000080;
	}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #99CC99;
	font-weight: bold;
	text-align:center;
}

.intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

.hautpage{
	text-align:right;
	color:white; 
	font-size:8px;
	}

.divcenter{
	text-align:center;
	}
	
.chapitre{
	color:white; 
	font-size:7px;
	}
	
.separatif{
	color:green; 
	font-size:20px;
	text-align:center;
	}
	
.titrechapitre{
	color:yellow; 
	font-size:24px;
	text-align:center;
	}

/*Mises en forme des liens */	

a.lien
{
font-size: 14px;
font-family:  Arial, Verdana,Helvetica, sans-serif;
color:#E7DB06;
text-decoration:none;
font-weight:bold;
}
a.lien:hover
{
font-size: 14px;
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#131344;
text-decoration:none;
font-weight:bold;
} 

a.lienmenu
{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFF00;
text-decoration:none;
font-weight:bold;
}
a.lienmenu:hover
{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFF00;
text-decoration:underline;
font-weight:bold;
} 

a.liencopy
{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffec00;
text-decoration:none;
font-weight:bold;
}
a.liencopy:hover
{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffec00;
text-decoration:underline;
font-weight:bold;
} 

a.liensimple
{
font-size: 12px;
font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
color:#E0E4F8;
text-decoration:none;
font-weight:bold;
}
a.liensimple:hover
{
font-size: 12px;
font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
color:#008000;
text-decoration:none;
font-weight:bold;
} 

a.liensom
{
font-size: 16px;
font-family: Comic Sans Ms, Verdana, Arial, Helvetica, sans-serif;
color:#FFEC00;
text-decoration:none;
font-weight:bold;
line-height:0.5cm;
}
a.liensom:hover
{
font-size: 16px;
font-family: Comic Sans Ms, Verdana, Arial, Helvetica, sans-serif;
color:#619ddc;
text-decoration:none;
font-weight:bold;
line-height:0.5cm;
} 

a.lienredir{
	font-size: 12px;
	font-family: Times New Roman, Helvetica, Arial, Verdana, sans-serif;
	color:#ffec00;
	font-weight:bold;
	text-decoration:none;
}

a.lienredir:hover{
	font-size: 12px;
	font-family: Times New Roman, Helvetica, Arial, Verdana, sans-serif;
	color:#619ddc;
	font-weight:bold;
	text-decoration:none;
}

.img {
	border:0;
	}
/*Mises en forme formulaire*/

td.champs {
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000080;
	font-weight:bold;
}

textarea {
	background-color:#DED983;
	font: 12px Trebuchet MS, Verdana, sans-serif;
	width: 400px;
	padding: 2px;
}

input[type="text"] {
	background-color:#DED983;
	font: 12px Trebuchet MS, Verdana, sans-serif;
	width: 400px;
	padding: 2px;
}

/* les boutons submit et reset */
input[type="submit"], input[type="reset"] {
  background:#DED983;
  font-size:14px;
  font-family: Comic Sans Ms, Verdana, sans-serif;
  color:#345071;
  font-weight:bold;
}