@import "formulaire.css";
@import "referencement.css";
@import "navigation.css";
@import "paiement.css";
@import "panier.css";
@import "actualites.css";
@import "newsletter.css";
@import "acces_client.css";
@import "produits.css";
@import "restaurant.css";
@import "tarifs_partenaires.css";
@import "typo.css"; /* Contient H1, h2, etc */
@import "../colorbox/colorbox.css";
/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/

/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web 03-04-2009 --*
 *------------------------------------------------*/
 
/*------------------------------------------------------*
*-- utilisation de l'unité em pour la taille de la typo et la largeur du contenu de la page
*------------------------------------------------------*/

/*toutes les balises ont des marges internes et externes à 0*/
* {
margin: 0;
padding: 0;
}

html {
 font-size: 75%;/*fixe la taille de la typo pour IE*/
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #061824 url(../images/deco/fond-body_repeat.jpg) repeat-x left top;
	color: #15435d;
	text-align: center;
}

img {
	border:none;
}
select {
	color: #000;
	background-color: #fff;
}

a {
	text-decoration: underline;
	color: #DC4C32;
}
a:visited {
	color: #FFF;
}
a:hover, a:focus, a:active {
	text-decoration: none;
	color: #FFF;
}
a#facebook {
	background:url(../images/deco/facebook.gif) no-repeat center;
	display: block;
	width: 140px;
	height: 40px;
	text-indent: -5000px;
	float: right;
	padding: 30px 60px 0 0;
}
a#twitter {
	background:url(../images/deco/twitter.gif) no-repeat center;
	display: block;
	width: 140px;
	height: 40px;
	text-indent: -5000px;
	float: right;
	padding: 30px 0 0 0;
}
 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


#general{
	margin:0 auto;
	width:100%;
	background: transparent url(../images/deco/fond-general.jpg) no-repeat center top;
	text-align: center;
}

/*Haut de page  HEADER*/

#header{
	margin:0 auto 11px;
	width:993px;
	height: 298px;
	background: transparent url(../images/deco/fond-header_01.png) no-repeat center top!important;
	background: transparent url(../images/deco/fond-header_01.gif) no-repeat center top;
	position: relative;
	z-index: 5;
	text-align: left;
}

#header h3 {
	margin: 11px 0 0 188px;
	*margin: 0px 0 0 188px;/*pour ie7 et version inférieure*/
}
#header h3 a {
	width: 211px;
	height: 121px;
}
#header h3 a:hover, #header h3 a:focus, #header h3 a:active{
	background-color: inherit!important;
	background-color: none;
}
#header ul#ss-menu {
	list-style-type: none;
	text-align: right;
	background: transparent url(../images/deco/fond-header_02.png) no-repeat center top!important;
	background: transparent url(../images/deco/fond-header_02.gif) no-repeat center top;
	width:993px;
	height: 123px;
	padding-top: 25px;
	*top: -3px;
	*position: relative;
}
#header #ss-menu li {
	float: right;
	font-weight: bold;
	font-size: 1.2em;
}
#header #ss-menu li a {
	text-decoration: none;
	display: block;
	color: #FFF;
	padding: 0 38px 34px 198px;
	margin-left: 2px;
}
#header #ss-menu li a:hover, #header ss-menu li a:focus, #header ss-menu li a:active, #header ss-menu li a.menu_actif {
	color: #FFBD26;
	background-color: inherit!important;
	background-color: none;
}
#header #ss-menu li a span {
	text-align: left;
	display: block;
}
#header #ss-menu li.tel-indigo {
	font-weight: normal;
	font-size: 0.95em;
	margin: 0 21px 0 19px;
}
#header #ss-menu li.tel-indigo a{
	background: transparent url(../images/deco/fd_fleche-blanc.png) no-repeat left top!important;
	background: transparent url(../images/deco/fd_fleche-blanc.gif) no-repeat left top;
	width: 26%;
	*width: auto;
	padding: 0 12px 0 0;
	margin: 0 0 30px 140px;
}
#header #ss-menu li.tel-indigo a:hover{
	background: transparent url(../images/deco/fd_fleche-blanc.png) no-repeat left bottom!important;
	background: transparent url(../images/deco/fd_fleche-blanc.gif) no-repeat left bottom;
}

/*Contenu de page  CONTENT */

#content {
	margin:0 auto;
	width:993px;
	text-align: left;
}
.separator {
	margin:10px;
	height:2px;
	
}
/*/// debut des colonnes ///*/
#left_content{
	float:left;
	margin-left: 7px;
	margin-bottom: 23px;
	width:356px;
	background: transparent url(../images/deco/fond-right-haut.png) no-repeat center top !important;
	background: transparent url(../images/deco/fond-right-haut.gif) no-repeat center top;
	text-align: center;
}
#fond-content {
	background: transparent url(../images/deco/fond-repeat-content.png) repeat left top !important;
	background: transparent url(../images/deco/fond-repeat-content.gif) repeat left top;
	width:356px;
	margin: 12px 0 0;
}
#fond-bas {
	background: transparent url(../images/deco/fond-right-bas.png) no-repeat center top !important;
	background: transparent url(../images/deco/fond-right-bas.gif) no-repeat center top;
	width:356px;
	height: 12px;

	}
.slider, .slider-map {
	background: transparent url(../images/deco/fond-encart-right.png) no-repeat center top !important;
	background: transparent url(../images/deco/fond-encart-right.gif) no-repeat center top;
	width: 336px;
	height: 413px;
/*	margin: 11px auto 12px;*/
	cursor: pointer;
    position: relative;	
	z-index: 20;
}
.slider div.slide, .slider-map div {
    display: none;
    height: auto;
	*height: 300px;
    right: 0;
    margin: 0;
    padding: 10px 16px;
    position: absolute;
    top: 0;
    color:#FFF;
	width: 210px;
	text-align: center;
}
 .slider-map div {
    display: block;
}
.slider div h2{
	font-size: 1.1em;
	color:#FFF;
	padding: 3px 0 14px 11px;
	background:transparent url(../images/deco/btn-slide-titre.png) no-repeat left top!important;
	background:transparent url(../images/deco/btn-slide-titre.gif) no-repeat left top;
	text-align: left;
}
.slider div h2 span{
	font-size: 1.3em;
	padding-right: 12px;
}
.slider div p{
    font-size: 0.9em;
	margin-bottom: 0.4em;
	text-align: justify;
}
.slider div img, .slider-map div img{
    width: 205px;
	margin: 5px auto;
}
.slidetabs {
    clear: both;
    margin-left: 70px;
	position: relative;	
	z-index: 30;
	top: -34px;
}
.slidetabs a, .slidetabs a:active, .slidetabs a:visited, .slidetabs a:focus{
	background:transparent url(../images/deco/btn-slide.png) no-repeat left top!important;
	background:transparent url(../images/deco/btn-slide.gif) no-repeat left top;
	font-size: 1.3em;
	padding: 0.5em 0.75em;
	text-decoration: none;
	color: #FFF;
}
.slidetabs a:hover, .slidetabs a.current{
	background:transparent url(../images/deco/btn-slide.png) no-repeat left bottom!important;
	background:transparent url(../images/deco/btn-slide.gif) no-repeat left bottom;
	font-size: 1.3em;
	padding: 0.5em 0.75em;
	text-decoration: none;
}

.tooltip {
	display:none;
	background-color: #AAC8E1;
	font-size:11px;
	font-weight: bold;
	height:45px;
	width:130px;
	padding:10px 20px;
	border-bottom: 2px solid #F3721D;
	color:#F3721D;	
}

#accordion {
	margin: 15px;
}
#accordion .pane {
	background-color: #397097;
	display:none;
	padding:15px;
	color: #FFFFFF;
}
/*///    partie du centre   ///*/
#middle_content{
	float:right;
	width:602px;
	margin-right: 7px;
	margin-bottom: 23px;
	padding-bottom: 19px;
	background: transparent url(../images/deco/content-left-bas.png) no-repeat center bottom;	
	*background: transparent url(../images/deco/content-left-bas-ie7.png) no-repeat center bottom;	
	*padding-bottom: 20px;
}
#fond-contenu {
	background: transparent url(../images/deco/fond-repeat-content.png) repeat left top !important;
	background: transparent url(../images/deco/fond-repeat-content.gif) repeat left top;
	width: auto;
}
#middle_content h1{
	background: transparent url(../images/deco/content-left-haut.png) no-repeat center top!important;
	background: transparent url(../images/deco/content-left-haut.gif) no-repeat center top;
	padding: 10px 10px 10px 13px;
}

#middle_content p{
	margin: 0 11px 5px;
	font-size: 0.9em;
}

#middle_content a{
	font-size: 0.9em;
}
#middle_content a:visited {
}
#middle_content a:hover, #middle_content a:focus, #middle_content a:active{
}

#middle_content ul, #middle_content ol{
	margin: 0 3em 1.4em;
}

#middle_content ul li{
	list-style-position: outside;
	padding-bottom: 0.4em;
	list-style-image: url(../images/deco/fleche-bleu.gif);
	font-size: 0.9em;
}

#middle_content ul li.titre-liste {
	list-style-image: none;
	list-style: none;
	color: #54AFBF;
	font-size: 1.2em;
	font-weight: bold;
}
#middle_content .liste-numerot {
	margin: 0 2em 2em;
}
#middle_content .liste-numerot li{
	list-style-position: inside;
	list-style: none;
	list-style-image: none;
	margin-bottom: 0.4em;
	font-size: 1em;
	padding-left: 23px;
}
#middle_content .liste-numerot li#numero1{
	background: transparent url(../images/deco/fd-liste-numerot1.png) no-repeat left center!important;
	background: transparent url(../images/deco/fd-liste-numerot1.gif) no-repeat left center;
}
#middle_content .liste-numerot li#numero2{
	background: transparent url(../images/deco/fd-liste-numerot2.png) no-repeat left center!important;
	background: transparent url(../images/deco/fd-liste-numerot2.gif) no-repeat left center;
}
#middle_content .liste-numerot li#numero3{
	background: transparent url(../images/deco/fd-liste-numerot3.png) no-repeat left center!important;
	background: transparent url(../images/deco/fd-liste-numerot3.gif) no-repeat left center;
}
#contenu {
	background-color:#000;
	border: 9px solid #ee7608;
	border-bottom: none;
	position: relative;
	top:-10px;
	min-height: 500px;
	padding-bottom:1em;
}
.image-droite {
   float:right;
   margin: 0 11px 0 20px;
}
.image-gauche{
   float:left;
   margin: 0 20px 0 11px;
} 
.image-centre, #middle_content p.image-centre{
   margin:2em auto;
   text-align: center;
   width: 100%;
} 

.image-center {
	margin: 0 auto 20px;
	display: block;
}

#middle_content .lien_pourquoi {
	background: url(../images/deco/lien-pourquoi_bkg.gif) no-repeat center center;
	padding: 20px 0 20px 80px;
}
#middle_content .lien_pourquoi a {
	font: normal 2em Verdana, Arial, Helvetica, sans-serif;	
	text-decoration: none;
	color: #ffb523;
}
#middle_content .lien_pourquoi a:hover {
	color: #fff;
}

/*/// fin des colonnes ///*/	


/*FOOTER haut*/
#footer-haut {
	background: #1e435a url(../images/deco/fond-haut_footer.jpg) repeat-x left top;
	width: auto;
	height: 228px;
	margin:0 7px 0;
	clear: both;
	color: #c0e6fe;
}

#footer-haut ul {
	margin-left: 25px;
	padding: 31px 0 0 18px;
}

#footer-haut ul li{
	text-transform: uppercase;
	float: left;
	padding: 0.5em 0.8em 0.6em 0.8em;
	list-style: none;
	list-style-position: outside;
	font-weight: bold;
	font-size: 1em;
	background: transparent url(../images/deco/fond-titre-footer.png) no-repeat left top!important;
	background: transparent url(../images/deco/vide.gif) no-repeat left top;
	
}

#footer-haut ul li .ss-menu{
	background: transparent url(../images/deco/fd-separator-footer.jpg) no-repeat right top;
	margin-left: 0;
	padding: 1em 0 0 22px;
	width: 188px;
	*width: 158px;
}
#footer-haut ul li .dernier{
	background: none;

}

#footer-haut ul li .ss-menu li {
	text-transform: none;
	float: inherit;
	list-style-image: url(../images/deco/fleche-orange.png)!important;
	list-style-image: url(../images/deco/fleche-orange.gif);
	font-weight: normal;
	font-size: 0.9em;
/*	background: inherit!important;
	background: none;
	*background-image: none;*/
	background: transparent url(../images/deco/vide.gif) no-repeat left top!important;
	background: transparent url(../images/deco/vide.gif) no-repeat left top;
	padding: 0 1.5em 0.6em 0;
	*width: 145px;
}
#footer-haut ul li .ss-menu li.tel-indigo {
	list-style-image: inherit!important;
	list-style-image: none;
	margin-top: 1.3em;

}
#footer-haut ul li .ss-menu li a{
	color: #c0e6fe;
	text-decoration: none;
}
#footer-haut ul li .ss-menu li a:visited{
	color: #c0e6fe;
	background-color: inherit;
	text-decoration: none;
}
#footer-haut ul li .ss-menu li a:hover, #footer-haut ul li .ss-menu li a:focus, #footer-haut ul li .ss-menu li a:active {
	color: #FFF;
	background-color: inherit;
	text-decoration: underline;
}
/*Bas de page  FOOTER*/
#footer-bas{
	margin:0 7px;
	padding:1.4em 0 0.5em 2em;
	background: #041119 url(../images/deco/fond-bas_footer.jpg) repeat-x left top;
	width: auto;
	height: 117;
	text-align: center;
	color:#FFF;
}
#footer-bas ul {
	list-style:none;
}
#footer-bas ul li {
	float: left;
	font-size: 0.85em;
	
}
#footer-bas a{
	color:#FFF;
	text-decoration:none;
	margin: 0 3px;
}
#footer-bas a:visited {
	color: #FFF;
}
#footer-bas a:hover, #footer-bas a:focus, #footer-bas a:active {
	color:#FFF;
	background: #ee7608;
}
#footer-bas a#bookmark {
	float: right;
	margin: 0 2em 0 0;
}
.adr {
	margin:29px 0 0 3px;
	font-size: 0.95em;
	text-align: left;
}
/*classe clear*/

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   font-size: 0;
   line-height: 0;
}
#player {
position: absolute;
right: 55px;
top: 63px;
}
#player-son {
}
#player-video {
}

/*debut ENCART ACTU*/
#encart_actu {
	margin:1.5em auto;
	width:89%;
	text-align: left;
	}
#encart_actu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}
#date_actu {
	font-size: 0.9em;
	}
#encart_actu_photo{
	margin:0 0.5em 0 0;
	float: left;
	position: relative;
	z-index: 0;
	}
#encart_actu_photo a {
	border: #ee7608 4px solid;
	display: block;
	background-color: #FFF;
	color: #ee760;
	}
#encart_actu_photo a:hover {
	border: #FFF 4px solid;
	background-color: #FFF;
	color: #FFF;
	}
#encart_actu_photo a img{
	width:80px;
	height:85px;
	}

#encart_actu_btn{
	font-size: 0.95em;
	font-weight:bold;
	text-align:center;
	clear: left;

	}
#encart_actu_btn a{
	display:block;
	text-decoration:none;
	color:#000;
	padding:0.4em 0 0.3em 0;
/*	background: transparent url(../images/deco/fond-menu.png) no-repeat center bottom!important;
	background: transparent url(../images/deco/fond-menu.gif) no-repeat center bottom;*/
	}

#encart_actu_btn a:hover, #encart_actu_btn a:focus, #encart_actu_btn a:active {	
/*	background: transparent url(../images/deco/fond-menu-hover.png) no-repeat center center!important;
	background: transparent url(../images/deco/fond-menu-hover.gif) no-repeat center center;*/
	text-decoration:none;
	color:#FFF;
	} 

/*fin ENCART ACTU*/

#plan-map {
width: 234px;
 height: 324px;
 float: right;
 border: 1px solid #54AFBF;
  margin: 15px 0;

}
/*debut NAVIGATION*/
#middle_content .retour_haut {
	text-align: center;
	padding: 5px;
	text-decoration: none;
	border: 1px solid #bfe5fe;
	color: #bfe5fe;
	display: block;
	float: right;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0 15px 15px 0;
}
#middle_content .retour_haut:visited  {
	border: 1px solid #bfe5fe;
	color: #bfe5fe;

}
#middle_content .retour_haut:hover, #middle_content .retour_haut:focus, #middle_content .retour_haut:active {
	border: 1px solid #ee7608;
	color: #ee7608;
	background-color: inherit;
}

.nav_pages{
	/*margin: 0 150px 0 0;*/
	padding: 2px 0 20px 0;
	font-size: 11px;
	color: #555;
	float: right;
}

.nav_pages a{
	color: #fff;
	text-decoration: none;
	border: 1px solid #777;
	margin: 0 3px;
	padding: 1px 4px;
}
.nav_pages a:hover{
	color: #F0780A;
	background-color:#000;
	text-decoration: none;
}
.nav_pages a.menu_actif{
	color: #000;
	background-color:#F0780A;
	text-decoration: none;
}
/*fin NAVIGATION*/
.arrondi, input.formulaire_envoyer, .formulaire_table fieldset { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
}
.arrondi-bas { 
    -moz-border-radius: 0 0 10px 10px; 
    -webkit-border-radius: 0 0 10px 10px;  
    -khtml-border-radius: 0 0 10px 10px; 
    border-radius: 0 0 10px 10px; 
}
.arrondi-haut { 
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -khtml-border-radius: 10px 10px 0 0; 
    border-radius: 10px 10px 0 0;
}