/* CSS par Dig pour http://www.kits-gratuits.net */

* { margin:0;padding:0; }


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> Corps */

body {
	/*background: rgb(255,245,215);*/
	width:100%;
	font:normal 0.8em "Trebuchet MS",Verdana,Helvetica,sans-serif;
	background-image :url("images/cochonfond.jpg");
	min-width:1140px;
}

/*#conteneur{
min-width:1140px;
}*/

#page {
    float:top;
	width:900px;
	margin:auto;
	background:  rgb(255,245,215);
}

#pagedroite {
    float: left;
	/*background-color:  rgb(255,245,215); */
}

#pagegauche {
    width : 120px;
	height: 500px;
	float : right;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> Général */
a:hover{
    cursor:url("images/cochon.ani");
}
a img {
   border: none;
}
p{
text-indent: 30px;
text-align:justify;
font-size:large;
color: rgb(100,30,00);
font: normal 1.2em "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

p h4{
color: rgb(100,30,00);
font: normal 2em "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

#italic{
  font-style: oblique;

}
#devise{
   font: normal 1.2em Verdana,Helvetica,sans-serif;
   color:gray
}

.signature{
   padding-left: 500px;
   color:rgb(100,30,00);
   font-size:1.2em;
}

p a:visited{
 color: rgb(100,30,00);

}
p a:hover{
 font-style:oblique;
 color:blue;

}

#listetexte {
  width : 400px;
  padding-left : 50px;
}

#listetexte li{
  color: rgb(100,30,00);
  font: normal 1.2em "Trebuchet MS",Verdana,Helvetica,sans-serif;
  list-style-type: circle;
  text-indent:30px;
 
  }
  
#adresse {
  color: rgb(100,30,00);
  font: normal 1em "Trebuchet MS",Verdana,Helvetica,sans-serif;
  margin-left:70px;

}

#centre{
text-align:center;

}

#rebours{
width:550px;
margin:auto;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> Haut */

#header{  
    width: 900px;
    height: 129px;
    background-image: url("images/interface/bannieremoyenne.jpg");
	z-index:5;
	
}
#banniere:hover{
    text-decoration:none;
	cursor:url("http://www.myspacecursor.net/pig/5.ani");
}
#banniere:active{
    text-decoration:none;
}
#banniere:visited{
    text-decoration:none;
}
 
ul#menu_haut {
	float:left;
	width:900px;
	background-color: #3A3A3A;
	height:20px;
	border-bottom:3px solid #CFCFCF;
	list-style-type:none;
	text-align:center;
}

ul#menu_haut li {
	display:inline;
	float:left;
}

ul#menu_haut a {
	width:150px;
	height:20px;
	background-color: #3A3A3A;
	color:#FFF;
	text-decoration:none;
	display:block;
}

ul#menu_haut a:hover {
	width:150px;
	height:20px;
	background-color: #3A3A3A;
	color: #FFF;
	text-decoration:underline;
	background-color:#848484;
	display:block;
	cursor:url("images/cochon.ani");
}





/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> Page Droite*/


#pagedroite h3{
   color:rgb(100,30,00);
   text-align:right;
   padding-top:30px;
   font-family: "Trebuchet MS","comic Sans MS" serif;
   background-image:url("images/cochonfond.jpg");
   /*z-index:2; */
}

#annonces{
 width : 120px;
 height : 600px;
}

#adsense{
width : 120px;
height : 240px;
position : right;
}



/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> Page Gauche*/



/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> Page*/

#bloc {
	float:left;
	width:650px;
	height:520px;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
}

#bloc h2, {
	border-bottom: 1px dotted #030303; 
	margin-top:5px;
	height:50px;
}

h2#titre {
	background:left no-repeat;	
}

#travaux{
   width:74px;
   height:66px;
   background-image: url("images/travaux.gif");
   margin-left:313px;
 
}

#tableaumenu{
  width:500px;
  height:350px;
  margin:auto;
  text-align:center;
}

#tableaumenu a:visited{
 color:rgb(100,30,00);
}
#tableaumenu a:hover{
 font-style:italic;
}

#tableaumenu td{
  height : 200px;
  text-align:center;

}

.tableauphotos{
  width:650px;
  height:462px;
  margin:auto;
  text-align:center;
  overflow:scroll;
  font:normal 1em "Trebuchet MS",Verdana,Helvetica,sans-serif;
  color : rgb(100,30,00);
}

.tableauphotos td{
  width:650px;
  height:400px;
  color : rgb(100,30,00);

}
#vide1{
width : 650px;
height:30px;
}
#vide2{
width : 650px;
height:30px;
}
#vide3{
width : 650px;
height:30px;
}

#perpignan{
width:450px;
margin-left:80px;
}
#montpellier{
width:500px;
margin-left:60px;
}
#clermont{
width:350px;
margin-left:150px;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> Menu Droite */
#menu {
	float:right;
	margin-right:10px;
	width:200px;
}

#menu h2 {
	border-bottom: 1px dotted #030303; 
	margin-top:5px;
	height:50px;
}
#menu ul {
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
#menu li {
    list-style-image:url('./images/interface/puce.gif');
	margin-left:20px;
	height:20px;
}
#menu a {color:#646464;text-decoration:none;}
#menu a:hover {
color:#818080;
text-decoration:underline;
cursor:url("http://www.myspacecursor.net/pig/6.ani");
}

h2#profil {
	background:url('./images/interface/a_voir.jpg') right no-repeat;
	cursor:url("http://www.myspacecursor.net/pig/6.ani");
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> Bas de Page */

#contact{
   float:left;
   width:880px;
   margin:auto;
   text-align:center;
   border-top:1px dotted gray;
   
}

a#contact:visited{
  border-color:rgb(255,245,215);
}


#copyright {
	font-size:0.8em;
	width:880px;
	margin:auto;
	text-indent: 335px;
	background-color: rgb(255,245,215);
	font-style:italc;
	border-top: 1px dotted gray;
	
 }

p#copyright a{
	text-decoration:none;
	color: black;
	text-align:center;
}
	
#mon_lien:hover {
    color: red;
	font-style:italc;
 }
#mon_lien:active {
    color: red;
	font-weight: bold;
 }
 #mon_lien:visited {
    color: purple;
 }
 
#compteur{
   width: 200px;
   position:center;
   padding-bottom:0px;
   margin:auto;
   text-align:center;
}

#recherche{
   width:320px;
   padding-bottom:0px;
   margin:auto;
}