/***********************************************
719291		8d8d4e		d35315
d6a0d6		bfc317		e82b2a
aa9b8d		360703		672d81
************************************************/
html {
 background: #d35315 url("../images/background_site.png") repeat-x scroll 0 0;
/*background: #d35315 url("../images/flocon-de-neige.png") repeat scroll 0 0;*/
}

body {
margin:0;
padding:0;
}

/********** HEADER ***************/
.header {
height: 96px; /* Hauteur de l'entête */
width: 980px;
}

#header_gauche img {
position: relative;
margin: 12px 0 0 15px;
}

#header_gauche {
float: left;
}

#header_droite {
float: right;
}

#header_droite img {
position: relative;
margin:15px 30px 0 0;
}

.header a {
color: #FFF;
text-decoration:none;
border: none;
}

/********** MENU ***************/

/* Voir aussi cssmenu */

#menucontainer {
background-color:#FFFFFF;
margin: auto;
/*width: 580px; largeur en dur pour ie7 */
position: relative;
z-index: 2;   /* le sous menu doit passer par dessus les autres objets (règle le pb du diaporama) */
width: 100%;
}

#separateur1 {
background-color: #FFFFFF;
height: 1px;
border: 0;
margin-top:0;
 /* pour ie7 */
}

*+html #separateur1 { /* pour ie7 */
margin:-7px 0; 
color: #FFFFFF;
}

#separateur2 {
background-color: #FFFFFF;
height: 1px;
border: 0;
clear: left; /* Pour le retour à la ligne */
margin: 33px 0 0;
}

*+html #separateur2 {/* pour ie7 */
margin: 0;
color: #FFFFFF;
}

/********** CONTENU ***************/

#contenu {
width: 980px; /* Détermine la largeur de la page, appelé dans index.php */
margin: 0 auto;  /* Centrer la page */
background-color: white;
border-left:3px solid #aa9b8d;
border-right:3px solid #aa9b8d;
border-bottom:3px solid #aa9b8d;
height: auto;
}

#container {
background: #FFFFFF url("../images/ombre_menu.png") repeat-x scroll 0 0;
/*float: left;*/ /* pas besoin du float left si le pied de page fait toute la largeur = n'est pas dans le div contenu */
min-height: 435px;
padding:15px;
font-size: 12px;
font-weight: normal; 
font-family: Arial, Verdana;
line-height: 1.5em;

}

*+html #container { /* pour ie7 */
margin:-7px 0; 
}

#container_presentation{
background: #FFFFFF url("../images/ombre_menu.png") repeat-x scroll 0 0;
/*float: left;*/ /* pas besoin du float left si le pied de page fait toute la largeur = n'est pas dans le div contenu */
min-height: 815px;
padding:15px;
font-size: 12px;
font-weight: normal; 
font-family: Arial, Verdana;
line-height: 1.5em;
}

*+html #container_presentation { /* pour ie7 */
margin:-7px 0; 
}


.content {
/*margin: 0 0 0 30px;*/
padding: 0 20px 0 20px;
text-align: justify;
background-color: #fff;
}

.content_centre {
/*margin: 0 0 0 90px;*/
padding: 0;
text-align: center;
background-color: #fff;
}

#infos_pratiques { /* Utilisé pour la page infos pratiques (plan google) */
width: 340px;
height: 340px;
border: 25px solid #360703;
margin: 5px 0 0 0;
}

iframe {
z-index: 1;
position: relative;
overflow: hidden; /* pour faire disparaitre l'ascenceur */
}

p {
text-align: justify;
}

#texte_petit_gauche {
font-family: "Arial", "Verdana";
font-size : 9px;
font-style: normal;
text-align: left;
}

#texte_petit_droite {
font-family: "Arial", "Verdana";
font-size : 9px;
font-style: normal;
text-align: right;
}

#carte {
color: #bfc317;
}

#carte li {
list-style-type : circle;
}

#carte span {
color: #000;
}

#texte_defilant {
color: #bfc317;
font-weight: bold;
margin: 14px 0 0 0;
}

#cadre_actualite ul{
color: #d6a0d6;
list-style-type: circle;
}

/********** COLONNES ***************/

#infos_pratiques_gauche { /* Utilisé dans la page infos pratiques */
float: left;
width: 500px; /* Largeur de la colonne */
background-color: #fff;
}

#infos_pratiques_droite{ /* Utilisé dans la page infos pratiques */
margin-left: 500px;  /* Marge droite */
text-align: justify;
background-color: #fff;
}

#col_gauche_moitie { /* Colonnes sur la moitié de la page */
float: left;
width: 445px; /* Largeur de la colonne */
background-color: #fff;
padding:0 15px 0 0;
min-height:400px;
}

#col_droite_moitie { /* Colonnes sur la moitié de la page */
margin-left:445px;  /* Marge  à gauche */
background-color: #fff;
padding:0 0 0 18px;
}

#col_gauche_trois_quart { /* Colonnes sur la moitié de la page */
float: left;
width: 550px; /* Largeur de la colonne */
background-color: #fff;
padding:0 15px 0 0;
}

#col_droite_un_quart { /* Colonnes sur la moitié de la page */
margin-left:550px;  /* Marge  à gauche */
background-color: #fff;
padding:0 0 0 18px;
}

#col_gauche_deux_tiers { /* Colonnes sur la moitié de la page */
float: left;
width: 540px; /* Largeur de la colonne */
padding: 0 10px 0 0;
height: auto;
}

#col_droite_un_tiers { /* Colonnes sur la moitié de la page */
margin-left:540px;  /* Marge  à gauche */
height: auto;
}

#col_gauche_un_tiers { /* Colonnes sur un tiers de la page */
float: left;
width: 370px;
}

#col_droite_deux_tiers { /* Colonnes sur les deux tiers de la page */
margin-left:370px;
}

/********** TITRES ***************/

h1 {
color:#360703;
margin: 15px 0;
font-size: 16px;
font-weight: bold;
}

h2 {
color:#360703;
font-size: 14px;
font-weight: bold;
}

.anneau {
margin: 0 0 5px 0;
}

/********** IMAGES ***************/

.picture_vertical_milieu {
float:left;
margin: 0 15px 0 60px;
padding: 0;
}

.picture_haut_droite {
float:right;
margin: 15px 30px 15px 0;
padding: 0;
}

.picture_vertical_gauche {
float:left;
margin: 0 15px 0 0;
padding: 35px 0;
}

.picture_vertical_droite {
/*float:right;
margin: 0 15px 0 0;
padding: 0;*/
padding: 0 0 30px 0;
}

.picture {
padding: 15px 0 15px 15px;
}

/********** LIENS ***************/

#cadre_actualite a, #cadre_actualite a:link, p a, p a:link {
color: #d35315;
text-decoration:underline;
border: none;
}

#cadre_actualite a:hover, p a:hover  {
color: #360703;
text-decoration: underline;
border: none;
}

.footer a, .footer a:link , .footer a img {
color: #FFF;
text-decoration:underline;
border: none;
}

.footer a:hover {
color: #360703;
text-decoration: underline;
border: none;
}

/********** TABLEAUX ***************/

table {
}


table td {
padding: 4px;
}

td.formule {
border-bottom: 1px solid black;
border-right: 1px solid black;
text-align:center;
width:70px;
}

td.formule_entete {
border-bottom: 1px solid black;
border-right: 1px solid black;
text-align:center;
width:70px;
}

td.formule_bas {
border-right: 1px solid black;
text-align:center;
width:70px;
}

td.formule_entete_gauche {
border-right: 1px solid black;
border-bottom: 1px solid black;
text-align:center;
width:70px;
}

td.detail_formule_entete {
border-bottom: 1px solid black;
}

td.detail_formule  {
border-bottom: 1px solid black;
}

td.detail_formule_bas  {
}

.prix {
text-align: right;
vertical-align: middle;
}

.prix_haut {
vertical-align: top;
}

.detail_formule span, .detail_formule_bas  span, .detail_formule_entete  span, .entete_cartearis  span, .formule_bas span {
background-color: black;
font-weight: bold;
padding: 3px;
color: white;
}

.entete_cartearis_veg  span {
background-color: #bfc317;
font-size: 14px;
font-weight: bold;
padding: 3px;
}

.entete_cartearis_vol  span {
background-color: #672d81;
font-size: 14px;
font-weight: bold;
padding: 3px;
color: white;
}

.entete_cartearis_poi  span {
background-color: #d35315;
font-size: 14px;
font-weight: bold;
padding: 3px;
color: white;
}

.entete_presentation  span {
background-color: #d6a0d6;
font-weight: bold;
padding: 3px;
}

#cadre_actualite {
border: 2px solid #d6a0d6;
padding:10px;
/*text-align: center;*/
font-size : 12px;
/*background-color: #D6A0D6;*/
margin: 30px 0 5px;
}

#cadre_actualite span {
color: #000;
}

#video_aris {
width: 445px;
height: 282px;
border: none;
margin: 30px 0 0 0;
}

/********** FORMULAIRE ***************/

input {
border: 1px solid #360703;
background-color: #aa9b8d;
}

submit {
color: #360703;
cursor: pointer;
}

submit a {
color: #360703;
}

textarea {
border: 1px solid #360703;
background-color: #aa9b8d;
}

.bouton_input {
cursor:pointer;
margin:10px 0;
}

/********** PIED DE PAGE ***************/

.footer {
/* background: #d35315;*/
/* background: #d35315 url("../images/flocon-de-neige.png") repeat scroll 0 0;*/
clear: left; /* important pour Firefox */
height: 31px; /* Hauteur de l'entête */
color: #fff;
width: 100%; /* 950px; */
font-size: 12px;
font-weight: normal; 
font-family: Arial, Verdana;
}

#footer_content {
width: 950px; /* Détermine la largeur de la page, appelé dans index.php */
margin: 0 auto;  /* Centrer la page */
height: auto;
}

#footer_gauche {
margin: 8px 0 0 15px;
text-align: left;
float: left;
}

#footer_droit {
text-align: right;
float: right;
margin: 8px 15px 0 0;
}