@charset "windows-1252";

/* COULEURS
vert clair 				: #6C6
vert foncé				: #093
gris clair				: #CCC
gris foncé				: #555
*/


* {margin: 0; padding: 0;}

body {
	background: #FFF url(../images/degvert_10x30.jpg) repeat-x;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 14px;
	color: #555;
	text-align: left;
}

h1 {margin: 0 0 0 20px; color: #093; text-transform: uppercase;}
h4 {font-size: 1em; color: white; font-style: italic; margin: 10px 0; background-color: inherit;}
ul {margin-left: 20px; text-align: left;}
li {list-style-image: url(../images/puce_verte.png);}
img.img_info {margin: 5px;  border: 2px #6C6 solid;}
p {text-align: left; padding: 5px;}
input {background-color: #6C6; color: white; border: 1px black solid; padding: 0 2px;}
input[type=submit] {text-align: center;}
.rouge {color: red;}
.vert {color: green;}

/* GENERAL */
a {color: red; text-decoration: underline;}
.intro {
	border-left: 10px #F90 solid;
	padding-left: 10px; margin:30px 0 30px 20px;
	text-align: justify;
}
.important {color: red; border: 1px red solid; padding: 5px; background-color: white; width: 500px; margin-left: 500px;}

.puce_verte {background: url(../images/puce_verte.png) no-repeat left center; padding: 0 0 0 20px; color: #093; font-size: 1.1em; font-weight: bold;}
a.plusdinfos {background: url(../images/puce_jaune.png) no-repeat left center; padding-left: 10px; text-align: left;}
img.titre_jaune {border: 0;}

.bloc_tarifs {border: 1px #444 dotted; padding: 5px; margin: 5px; width: 420px; height: 270px;}

#bandeau_sup {
	height: 22px;
	color: white;
	font-weight: bold;
	font-family: arial, helvetica, "sans serif";
	margin-top: 8px;
	border-bottom: 1px #F90 solid;
	background-color: transparent;
}
#bandeau_sup ul {}
#bandeau_sup li {display: inline;}
#bandeau_sup a {color: white;}
#bandeau_sup a:link {text-decoration: none;}
#bandeau_sup a:visited {text-decoration: none;}
#bandeau_sup a:hover {text-decoration: underline;}
#bandeau_sup span {float: right; margin-right: 50px;}

#global {
	background: #6C6 url(../images/bandeverticale.png) no-repeat;
	padding-left: 50px;
	font-family: inherit; color: inherit;
	border-top: 2px white solid;
}

#photogauche {width: 400px; height: 400px; float: left; border: 0; margin: 0 20px 20px 0;}
#contenus {
	background-color: #DDD;
	min-height: 460px;
	background: #DDD url(../images/profil_ulm.png) no-repeat 75% 80%;
	border-width:  0 0 1px 2px; border-color: white; border-style: solid;
	font-family: inherit; color: inherit;
	padding: 0 20px 0 0;
}


#principal2 {
	height: 200px;
	font-family: inherit; color: inherit;
	text-align: center;
	clear: both;
	border-width:  1px 0 1px 2px; border-color: white; border-style: solid;
	margin-top: 0;
}
#menu {
	min-width: 400px; height: 200px;
	text-align: left;
	background: #DDD url(../images/profil_france.png) no-repeat right bottom;
	border-width: 0 1px 0 0;
	border-color: white;
	border-style: solid;
}
#menu h2 {font-size: 2em; padding-left: 30px; background: #093 url(../images/degvert_10x30.jpg) repeat-x; height: 30px; color: white; margin-bottom: 20px; border-bottom: 1px #F90 solid;}
#menu ul {margin-left: 5%; float: left;}
#menu li {list-style-image: none;}
#menu a {font-size: 1.5em; font-family: arial, helvetica, "sans serif"; font-weight: bold; text-decoration: none;}
#menu a:link {background: url(../images/puce_verte.png) no-repeat 0 3px; padding-left: 20px;}
#menu a:visited {background: url(../images/puce_verte.png) no-repeat 0 3px; padding-left: 20px;}
#menu a:hover {background: #6C6 url(../images/puce_blanche.png) no-repeat 0 3px; padding-left: 20px; color: white;}
#menu img {border: 0; margin-left: 5%;}

#minimenu {margin: 15px 20% 0 0;}
#tarifs {display: block; float: right; border-width: 0 1px; border-color: white; border-style: solid;}
#tarifs img {border: 0; width: 100px; height: 200px;}

#photodroite {width: 260px; height: 200px; border-width: 0 0 0 1px; border-color: white; border-style: solid; float: right;}
#photodroite img {border: 0; width: 260px; height: 200px;}

/* ------------------------------------------------------------------------------------- */
/* PIED DE PAGE */
/* ------------------------------------------------------------------------------------- */
#piedpage {
	background: #6C6 url(../images/avion.jpg) no-repeat 100% 0px;
	height: 74px;
	padding: 15px 0 0 20px;
	border-width: 1px 0 0 2px;
	border-color: white;
	border-style: solid;	
	text-align: left;
	color: white; font-weight: bolder;
	clear: both;
}
#piedpage a {color: #FFF; text-decoration: none;}
#piedpage a>img {border: 0; height: 21px; vertical-align: middle;}
#piedpage img {border: 0;}
#liensutiles {font-weight: normal;}

/* ------------------------------------------------------------------------------------- */
/* INDEX */
/* ------------------------------------------------------------------------------------- */
/* reprise actualites */
#dernieres_news {
	background: inherit;
	text-align: left;
	margin: 30px 0 0 20px;
	font-size: 12px;
}
#dernieres_news h1 {}
div.infoindex {border-right: 1px #555 dotted; width: 150px; height: 100px; margin: 5px 3px; float: left; background: inherit;}
.date_art {color: black; font-size: 0.8em; font-family: verdana, "sans serif"; font-style: italic;}


/* ------------------------------------------------------------------------------------- */
/* GALERIE */
/* ------------------------------------------------------------------------------------- */
#imagegalerie {border: 2px white dashed; margin: 20px 0;} /* image affichée en grand */
#tab_vignettes {width: 550px; border: 0;} /* tableau contenant les vignettes */
img.galerie {border: 2px white dashed; width: 200px; } /* vignette */


/* ------------------------------------------------------------------------------------- */
/* ACTU */
/* ------------------------------------------------------------------------------------- */
#article {text-align: justify; padding: 10px;}
#archives, #derniers_articles {text-align: right; padding: 10px;}
#article {border-bottom: 2px #F90 dotted; margin-bottom: 20px;}
#article h3 {border-left: 10px #F90 solid; padding-left: 20px; text-align: left; font-size: 1.5em;}
#article h4 {color: #F90;}
#article p {margin-top: 10px;} /* corps de l'article */
#article img {border: 1px white solid; margin: 10px;}
#date_art {margin-top: 1em; clear: both;}

/* ------------------------------------------------------------------------------------- */
/* CONTACT */
/* ------------------------------------------------------------------------------------- */
#contact /* tableau de saisie */ {border: 2px white solid; padding: 10px; width: 50%; margin: 10px 0 0 10px;}
#contact td {text-align: left;}
#coord {width: 100%; border: 0; margin: 30px 0 10px 100px; text-align: left; font-size: 1em;}
.type_coord {color: #F90; font-family: arial; font-weight: bolder; margin-top: 1em;}
.coord {font-style: italic; text-align: left;}

/* ------------------------------------------------------------------------------------- */
/* LIENS */
/* ------------------------------------------------------------------------------------- */
#liens {border: 0; border-collapse: collapse; margin-top: 2em;}
#liens td {padding: 2px 5px;}
tr.categorie {background-color:  white; color: black;}
td.nom_cat {text-align: left; text-transform: uppercase; font-weight: bold;}
td.desc_cat {text-align: right; font-size: 0.8em; font-style: italic;}
td.liste_liens {text-align: left;}

/* ------------------------------------------------------------------------------------- */
/* DZ */
/* ------------------------------------------------------------------------------------- */
.cachediv {visibility: hidden;}

/* ------------------------------------------------------------------------------------- */
/* LIVRE D'OR */
/* ------------------------------------------------------------------------------------- */
.message {border-width: 1px 1px 1px 10px; border-color: #F90; border-style: solid; background-color: white; color: #555; padding: 5px; width: 50%; margin: 5px auto;}