@charset "UTF-8";
/* CSS Document */

/*pour toute page général*/
*{margin: 0px; padding: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
body{ background-color:#fffeef; color:#262422;}
img{border: 0 none;}

/* pour les liens DANS la page*/
a{
text-decoration:none;
color:#BC2F25;
outline:none;
}
a:hover{
	text-decoration:underline;
	color: #BC2F25;
	font-weight: normal;
}

/*pour page accueil*/
#page{
position:relative;
background-image:url(../images/fond_accueil.jpg);
background-repeat:no-repeat;
width: 1134px;
height:870px;
}


/*le menu est en absolu par rapport à la page*/
#menu {
position: absolute;
left: 420px;
top: 85px; 
}
#menu ul{
list-style-type:none;
}
#menu li{
display: inline;
padding-right: 3px;
}
/*aspect et navigation des liens du menu*/
#menu a{
background: url(../images/link.gif) left center no-repeat;
padding-left: 15px;
color:#676767;
}
#menu a#actif{
background: url(../images/actif.gif) left center no-repeat;
padding-left: 15px;
color:#BC2F25;
}
#menu a:hover {
background: url(../images/actif.gif) left center no-repeat;
text-decoration:none;
padding-left: 15px;
color:#d2423d;
}
#menu a:active {
text-decoration:none;
color:#CCCCCC;
}



/*filets de séparation. !!!!!!!!!!!!!!!!
Le filet ne bouge jamais par rapport à sa page active. 
Du coup il y a un css par page car sa position dépend du lien actif du menu */
#filet{
width: 4px;
height: 870px;
overflow:hidden;
position:absolute;
left: 427px;
top: 105px;
background-image:url(../images/filetsep.gif);
background-repeat:repeat-y;
}


/*aspect de la page elle-même*/

/*adresse à gauche*/
#gch{
width:415px; 
float:left;
margin-top: 460px;
padding-right: 13px;
background-image:url(../images/trait-rougegd.gif);
background-position: top right;
background-repeat:no-repeat;
font-size:13px;
line-height: 16px;
text-align:right;
}
#gch p{
	margin-left: 135px;
	padding-top: 7px;
	color: #262422;
}
/*cartouche avec mon logo, suivant les pages*/
.cartouche{
position:absolute;
left: 370px;
top: 370px;
}
/*texte d'intro en italique*/
#intro{ 
margin: 120px 0px 0px 20px;
width: 240px;
float:left;
}
#intro p{
	padding-top: 8px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size: 20px;
	line-height: 24px;
}
/*la phrase en bas en gros*/
#intro .big{
	padding-top:10px;
	width: 420px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size: 25px;
	line-height: 25px;
	color:#484122;
}

.clear{
clear:both;
visibility:hidden;
}