/* page */

* {
margin: 0;
padding: 0;
border: 0;
}

body {
	height: 100%;
    margin: 0 auto;
	background-color: #E2E2EE;
	background-image:url(../images/fond_laventeli01.jpg);
	background-repeat:repeat-x;
	background-position: top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center; 
}

#page {
     width: 900px;
     margin-left: auto;
     margin-right: auto;
     text-align: left;
}

#bandeau {
	width: 900px;
	height: 118px;
	}

/* langue */

#langue {
	width: 900px;
	margin: 5px 0 5px 0;
	color: #6E6FA9;
	text-align:right;
	}
	
#langue a {
	font-weight: normal;
	color: #6E6FA9;
	text-decoration: none;
}

#langue a:hover {	
	font-weight: normal;
	color: #6E6FA9;
	text-decoration: underline;
	}
	
/* login */

#login {
	width: 895px;
	height: 18px;
	padding: 4px 5px 4px 0;
	background-color:#FFFFFF;
	background-image:url(../images/fond_login.jpg);
	color: #679331;
	text-align:right;
	}

#login .champs {
	border: 1px solid #679331;
	width: 75px;
	padding: 1px;
	font-size: 10px;
	color: #679331;
	}

#login .bouton {
	font-size: 10px;
	padding: 1px 2px 1px 2px;
	color: #FFFFFF;
	background-color: #9FCC6F;
	}

#login .bouton:active {
	background-color: #679331;
	}
	
/* formulaire */

label
  {
  display: inline;
  float: left;
  width: 110px;
  } 
  
.formulaire .champs {
	padding: 1px;
	margin: 0 0 5px 0;
	}
	
/* vignettes */

.vignette {
	float:left;
	width: 220px;
	height: 120px;
	border: 1px solid #000000;
	margin: 0 20px 20px 0;
	}
	
.vignette .image {
	float:left;
	padding: 0;
	margin: 0;
	}
	
.vignette .texte {
	float:left;
	width: 135px;
	padding: 10px;
	}
	
.vignette a {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.vignette a:hover {	
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	}	

/* encarts */

.encart_laventeli {
	width: 460px;
	padding: 10px 10px 10px 18px;
	border: 1px solid #000000;
	background-image: url(../images/gauche_encart.jpg);
	background-repeat:repeat-y;
	margin: 0 20px 20px 0;
}

.encart_laventeli h2 {
	font-size: 14px;
	font-weight: bold;
	color: #7C7DB1;
	padding-bottom: 18px;
	text-transform:uppercase;
}

.encart_laventeli h3 {
	font-size: 11px;
	font-weight: bold;
	color: #7C7DB1;
	padding-top: 10px;
	text-transform:uppercase;
}



.droite_laventeli {
	width: 180px;
	padding: 20px;
	background-color: #d5d5e6;
}

.droite_paris {
	width: 180px;
	padding: 20px;
	background-color: #F3BE8D;
}

.droite_nord {
	width: 180px;
	padding: 20px;
	background-color: #CDCFDA;
}

.droite_normandie {
	width: 180px;
	padding: 20px;
	background-color: #FDE9AC;
}

.droite_bretagne {
	width: 180px;
	padding: 20px;
	background-color: #C1C9E8;
}

.droite_loire {
	width: 180px;
	padding: 20px;
	background-color: #D7E2AD;
}

.droite_cognac {
	width: 180px;
	padding: 20px;
	background-color: #F0DCB3;
}

.droite_bordeaux {
	width: 180px;
	padding: 20px;
	background-color: #FCD8D8;
}

.droite_biarritz {
	width: 180px;
	padding: 20px;
	background-color: #FDD1D0;
}

.droite_provence {
	width: 180px;
	padding: 20px;
	background-color: #DDEBC2;
}

.droite_corse {
	width: 180px;
	padding: 20px;
	background-color: #F5DBD3;
}

.droite_centre {
	width: 180px;
	padding: 20px;
	background-color: #CDE2ED;
}

.droite_alpes {
	width: 180px;
	padding: 20px;
	background-color: #EADBBB;
}

.droite_bourgogne {
	width: 180px;
	padding: 20px;
	background-color: #E0F0C8;
}

.droite_champagne {
	width: 180px;
	padding: 20px;
	background-color: #EAE7A8;
}

.droite_alsace {
	width: 180px;
	padding: 20px;
	background-color: #EEC9A8;
}

.box_gauche {
	float:left;
	margin: 0px 20px 20px 0px;
}

.box_droite {
	width: 220px;
	float:right;
	margin: 0px 0px 20px 20px;
}

.droite {
	text-align:right;
	}

/* menu */

ul#menu {
	float:left;
	z-index: 1;
	background: transparent url(../images/menu_principal.jpg) top left no-repeat;
	width: 748px;
	height: 40px;
	text-align: center;
	bottom: 0;
}

ul#menu li {float: left;}

ul#menu li a {
	display: block;
	height: 27px;
	width: 187px;
	color: #7C7DB1;
	font-size: 12px;
	padding-top: 13px;
	font-weight: bold;
	text-decoration: none;
}

ul#menu li a:hover {
	background: transparent url(../images/menu_principal.jpg) top left no-repeat;
}

ul#menu li a#menu1:hover {
	background-position:  0 -40px;
}
ul#menu li a#menu2:hover {
	background-position: -187px -40px;
}
ul#menu li a#menu3:hover {
	background-position: -374px -40px;
}
ul#menu li a#menu4:hover {
	background-position: -561px -40px;
}

/* liens */

#liens {
	float: right;
	background-color:#FFFFFF;
	background-image: url(../images/fond_liens.jpg);
	}
	
ul#liens {
	width: 152px;
	height: 34px;
	padding: 6px 0px 0px 0px;
	}
	
ul#liens li {
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 15px;
	background-color:#FFFFFF;
	background-image: url(../images/carre_liens.jpg);
	background-repeat:no-repeat;
	}
	
ul#liens li a {
	color: #7C7DB1;
	font-size:11px;
	font-weight: normal;
	text-decoration: none;
	}

ul#liens li a:hover {
	text-decoration: underline;
	}
	
/* fin bandeau */

#blanc_bandeau {
	clear:both;
	float:left;
	width: 900px;
	height: 30px;
	background-color: #FFFFFF;
	background-image:url(../images/bandeau_bas.jpg);
	background-repeat:repeat-x;
	}

/* contenu */

#contenu {
	clear:both;
	float:left;
	width: 900px;
	background-image: url(../images/fond_contenu01.gif);
	background-repeat:repeat-y;
	background-color:#D5D5E6;
	}
	
#contenu .champs {
	border: 1px solid #7C7DB1;
	padding: 1px;
	font-size: 10px;
	color: #7C7DB1;
	}

#contenu .listes {
	border: 1px solid #7C7DB1;
	padding: 1px;
	font-size: 10px;
	color: #7C7DB1;
	width: 150px;
	}

#contenu .bouton {
	font-size: 10px;
	padding: 1px 2px 1px 2px;
	color: #FFFFFF;
	background-color: #5F619E;
	}

#contenu .bouton:active {
	background-color: #3F4069;
	}

#colonne_gauche {
	float: left;
	width: 175px;
}

#colonne_principale{
	float:left;
	width: 490px;
	background-color: #FFFFFF;
	padding: 0px 10px 30px 30px;
	
}

#colonne_droite {
	float: right;
	width: 175px;
	background-color: #D5D5E6;
}

#recherche_droite {
	float: right;
	width: 155px;
	height: 450px;
	padding: 10px 10px 10px 10px;
	background-image:url(../images/degrade_droite01.jpg);
	background-repeat:no-repeat;
}

#recherche_droite h3{
	color: #7C7DB1;
	font-weight: bold;
	font-size:11px;
	padding: 22px 0 11px 0;
}

#recherche_droite a{
	text-decoration:none;	
}

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

#recherche_droite .picto{
	vertical-align: middle;
	padding: 0 5px 3px 0;
}

#limite {
	clear:both;
	float:left;
	width: 900px;
}

/* footer */

#footer {
	clear:both;
	float:left;
	width: 900px;
	margin: 5px 0 5px 0;
}

#footer p {
	text-align:center;
	font-size: 11px;
	color:#7C7DB1;
	}

#footer a {
	color:#7C7DB1;
	text-decoration: underline;
	}

/* éléments standard */

.separation {
	clear:both;
	visibility:hidden;
	height: 0px;
	margin: 0;
	padding: 0;
	}

li{
list-style: none;
}

.liste ul{
list-style: none;
margin-bottom:20px;
margin-left:0px;
padding:0;
}

.liste li{
list-style: none;
margin-bottom:20px;
margin-left:0px;
padding:0;
}

a {
	text-decoration: underline;
	color: #7C7DB1;
}

a:hover {	
	text-decoration: underline;
	color: #7C7DB1;
}
  
h1 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 24px;
	text-transform:uppercase;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 14px;
	text-transform:uppercase;
}

p {
	font-weight: normal;
	padding-bottom: 11px;
}


/* texte */

.bold {
	font-weight:bold;
}

.petit {
	font-size:10px;
}

.petit_center {
	font-size:10px;
	text-align:center;
}

.italic {
	font-style: italic;
}

/* couleurs */

.laventeli {
	color: #7C7DB1;
}

.paris {
	color: #DE7716;
}

.nord {
	color: #646986;
}

.normandie {
	color: #D19E05;
}

.bretagne {
	color: #3F54A9;
}

.loire {
	color: #A0BC43;
}

.cognac {
	color: #8F6503;
}

.bordeaux {
	color: #840000;
}

.biarritz {
	color: #D2120B;
}

.provence {
	color: #36550B;
}

.corse {
	color: #D86F50;
}

.centre {
	color: #275269;
}

.alpes {
	color: #CBA554;
}

.bourgogne {
	color: #628A26;
}

.champagne {
	color: #CBC430;
}

.alsace {
	color: #A64A02;
}