@import "formulaire.css";
@import "formulaire-mensualite.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 "../lightbox/lightbox.css";
/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/

/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web 03-04-2009 --*
 *------------------------------------------------*/


html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	background-color: #FFF;
	color: #000;
	text-align: center;
}

p, form, input, div, dl, dt, dd, ul, ol, li, blockquote, fieldset, th, td {
	margin: 0;
	padding: 0;
}
dd{
	font-weight:normal;
}
img {
	border:none;
}
select {
	color: #000;
	background-color: #fff;
}

* {
	margin: 0;
	padding: 0;
}
.invisible {
	top: -100px;
	left: -1000px;
	position: absolute;

}
 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


#general{
	margin:0 auto;
	padding:0;
	width:990px;
	text-align: left;
}
#general .page-interne .centre {

text-align: center;
}
/*Haut de page  HEADER*/

#header{
	width:100%;
	position: relative;
	background: #FFF url(../images/deco/visuel.jpg) no-repeat 785px top;
}

#logo {
	width: 262px;
	height: 130px;
	float: left;
	margin-top: 18px;
	}
#slogan {
	border-bottom:3px solid #B12933;
border-top:3px solid #B12933;
color:#B12933;
float:left;
margin:15px 0 9px 165px;
padding:0 0 5px;
text-align:center;
width:auto;
	}
#slogan h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #b12933;
	font-size: 26px;
	font-weight:normal;
	margin:0;
	}
#slogan h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #b12933;
	font-size: 26px;
	line-height:24px;
	font-weight: normal;
	letter-spacing: 0;
}
#slogan h4{
	color:#B12933;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:31px;
font-weight:normal;
letter-spacing:3px;
line-height:35px;
padding:0 0 4px;
}

#slogan2 {
	/*clear: both;
	margin: 20px 0;*/
	text-align: center;
	font-size: 29px;
	font-weight:bold;
	font-family: Myraid pro, Arial, Helvetica, sans-serif;
	padding: 20px 0 15px 0;
	}
/*---------------------------Contenu de page  CONTENT-------------------------------------*/

#general .content {
	width: 100%;
	text-align: center;

}
.content h1{
	color: #FFF;
	width: 173px;
	float: left;
	padding: 114px 0 12px 0;
	margin-left: 100px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
/*---------------------------Contenu de page interne-------------------------------------*/
#general .page-interne {
	padding:0 0 0 72px;
	text-align:left;
	width:81%;
}
#general-savoir .page-interne {
	padding:10px;
	text-align:left;
	width:98%;
	background-color: #a10d59;
}

#general .page-interne h1, #general-savoir .page-interne h1 {
	color:#931D28;
float:none;
font-size:23px;
font-weight:bold;
margin:15px 0 0;
padding:0;
text-align:left;
width:auto;
}
#general .page-interne h1.left {
float: left;
margin-top: 0;
width: 30%;
}
#general-savoir .page-interne h1 {
	color: #FFF;
}
/*#general-savoir .page-interne h1.savoir_plus {
	background: #FFF url(../images/deco/en-savoir.jpg) no-repeat bottom;
	height:174px;
	width:210px;
}*/
#general .page-interne h3{
	font-size:13px;
}
#general .page-interne h5{
	font-size:26px;
	color: #FFFFFF;
	font-style:italic;
	margin-top: 20px;
}
#general .page-interne p{
	width: auto;
	margin: 0 0 10px 0;
}
#general .page-interne #encart_actu_btn {
margin:0 0 3px 0px;
}

strong {
	color: #B12933;
}
#general .page-interne .encart-gd-haut {
	background: #FFF url(../images/deco/encart-haut-gd.jpg) no-repeat left 20px;
	width: 391px;
	text-align: left;
	margin-bottom: 0;
	padding-bottom: 26px;
	font-size:12px;
	font-weight:normal;
}
#general .page-interne .encart-gd-bas {
	background: transparent url(../images/deco/encart-bas-gd.jpg) no-repeat left bottom;
	width: 356px;
	color: #FFF;
	text-decoration: none;
	font-size:15px;
	margin:0px 0 25px;
	padding:0px 15px 16px 20px;
	font-weight:bold;
	text-align:center;
	line-height:22px;
}
#general .page-interne .encart-gd-bas p{
	padding:10px 0 0 0;
}


#general .page-interne dl {
	font-weight:bold;

}
#general .page-interne dd {
	margin:0px 0 10px;
}
#general .page-interne dt {
	color: #B12933;
	list-style-type: disc;
}
#general .page-interne dl a{
	color: #931D28;
}
#general .page-interne dl a:hover{
	color: #000000;
}

#general .page-interne .retour_haut {
margin: 30px 0 10px 0px;
}
.fond-bordeau {
	background-color: #B12933;
	padding: 20px;
	position: relative;
	}
.fond-bordeau p, .fond-fushia p {
	color: #FFF;
	font-weight: bold;
	
	}	
.fond-fushia {
	background-color: #a10d59;
	padding: 20px;
	}
	
#retour {
	background: transparent url(../images/deco/retour.png) no-repeat left top!important;
	background: transparent url(../images/deco/retour.gif) no-repeat left top;
	display: block;
	width: 40px;
	height: 47px;
	position: absolute;
	top: 8px;
	left: 6px;
}
#retour:hover {
	background: transparent url(../images/deco/retour.png) no-repeat left bottom!important;
	background: transparent url(../images/deco/retour.gif) no-repeat left bottom;
}
#form-mensualit #retour,#form-mensualit_2 #retour {
	position: relative;
	top: -5px;
	left: 6px;
}
/*---------------------Contenu de page  objectif--------------------------------------------*/
#general .page-objectif {
	text-align: left;
	margin-top: 34px;
}
#general .page-objectif h1{
	background: #FFF url(../images/objectif/picto-objectif.jpg) no-repeat center;
}
#general .page-objectif #middle_content{
	background: #FFF url(../images/objectif/fond-repeat-objectif.jpg) repeat-x left 41px;
	
}
#general .page-objectif #middle_content h2{
	background: #FFF url(../images/objectif/haut-page-objectif.jpg) no-repeat left top;
	text-align:center;
}
#general .page-objectif #middle_content h3{
	padding:20px 0 5px 0;
	text-align:center;
	font-style:italic;
	
}
#general .page-objectif #middle_content h4{
	/*color:#B12933;*/
	font-style:italic;
	padding:10px 0 0 20px;
}
#general .page-objectif #middle_content p{
	/*padding:20px 0 5px 0;*/
	text-align:center;
	
}
#general .page-objectif #middle_content ul li{
	padding:0 20px 0 20px;
	text-align:left;
	font-weight:normal;
	
}

/*------------------Contenu de page  fonctionnement------------------------------------------*/
#general .page-fonctionnement {
	text-align: left;
	margin-top: 34px;
}
#general .page-fonctionnement h1{
	background: #FFF url(../images/fonctionnement/picto.jpg) no-repeat center;
}
#general .page-fonctionnement #middle_content{
	background: #FFF url(../images/fonctionnement/fond-repeat.jpg) repeat-x left 41px;
	
}
#general .page-fonctionnement #middle_content h2{
	background: #FFF url(../images/fonctionnement/haut-page.jpg) no-repeat left top;
	/*padding:30px 0 0 0;*/
	text-align:center;
}
#general .page-fonctionnement #middle_content ol li{
	padding:10px 20px 0 20px;
	text-align:left;
	font-weight:normal;
	
}
#general .page-fonctionnement #middle_content a{
	font-style:italic;
	font-weight:bold;
	margin:0;
	padding:0;
}
#general .page-fonctionnement #middle_content p{
	padding:10px 10px 0 10px;
	text-align:center;
}
#general .page-fonctionnement #middle_content p strong{
	font-weight:bold;
	color:#000;
	font-style:italic;
	font-size:14px;
}


/*----------------Contenu de page mensualite--------------------------------------------------*/
#general .page-mensualit {
	text-align: left;
	margin-top: 34px;
}
#general .page-mensualit h1{
	background: #FFF url(../images/mensualite/picto.jpg) no-repeat center;
	padding:94px 0 12px;
}
#general .page-mensualit #middle_content{
	
}
#general .page-mensualit #middle_content h2{
	/*background: #FFF url(../images/mensualite/haut-page.jpg) no-repeat left top;*/
}
#general .page-mensualit #middle_content h3{
	margin: 24px 0 5px 0;
	color: #B12933;
	font-size: 25px;
	font-style: normal;
	/*letter-spacing:0.3px;*/
}
#general .page-mensualit #middle_content h3#mensualite {
margin: 57px 0 3px;
} 
#general .page-mensualit #middle_content #marge {
	margin: 0 0 5px 0;
}
#general #middle_content h3.telechargement {
	background: #FFF url(../images/mensualite/encart-haut.jpg) no-repeat left top;
	width: 176px;
	float: right;
	text-align: center;
	margin: 0px 0 10px 0;
}
#middle_content .telechargement a{
	display: block;
	background: transparent url(../images/mensualite/encart-bas.jpg) no-repeat left bottom;
	width: auto;
	color: #FFF;
	text-decoration: none;
	font-size:13px;
	margin:15px 0 0;
	padding:0 15px 21px 20px;
	line-height:19px;
}
#middle_content .telechargement a:hover{

}
#general .page-mensualit #middle_content ol {
	
	padding:5px 0 10px 0;
}
#general .page-mensualit #middle_content ol li{
	font-weight:normal;
}

#form-mensualit,#form-mensualit_2 {
	background-color: #B12933;
	width: 100%;
	top: -6px;
	position: relative;
}

/*menu secondaire page Index */
#menu-index {
	margin: 27px auto;
	width: 90%;

}
#menu-index li {
	list-style: none;
	float: left;
	margin-right: 11px;

}
#menu-index li a{
	display: block;
	width: 210px;
	/*height: 173px;*/
	color: #FFF;
	text-decoration: none;
	margin-bottom: 20px;
	padding: 139px 0 12px; 
	font-size: 18px;
	font-weight: bold;
}
#menu-index li a.objectif{
	background: #FFF url(../images/deco/objectif.jpg) no-repeat top;
}
#menu-index li a.fonction{
	background: #FFF url(../images/deco/fonctionnement.jpg) no-repeat top;
	
}
#menu-index li a.savoir{
	background: #FFF url(../images/deco/en-savoir.jpg) no-repeat top;
	
}
#menu-index li a.mensualit{
	background: #FFF url(../images/deco/mensualites.jpg) no-repeat top;
	padding: 0px 0 0px; 
	height: 173px;
	
}
#menu-index li a.mensualit span{
	padding: 95px 0 0px; 
	display: block;
	
}
#menu-index li a.objectif:hover{
	background: #FFF url(../images/deco/objectif.jpg) no-repeat bottom;
	
}
#menu-index li a.fonction:hover{
	background: #FFF url(../images/deco/fonctionnement.jpg) no-repeat bottom;
	
}
#menu-index li a.savoir:hover{
	background: #FFF url(../images/deco/en-savoir.jpg) no-repeat bottom;
	
}
#menu-index li a.mensualit:hover{
	background: #FFF url(../images/deco/mensualites.jpg) no-repeat bottom;
	
}
#menu-index li a:hover{
	color: #000;
}
.separator {
	margin:10px;
	padding:0;
	height:2px;
	
}

/*///    partie du centre   ///*/
#middle_content{
	float:right;
	width:503px;
	margin-right: 100px;
	min-height: 500px;
	position: relative;
}

#middle_content h2{
	padding: 10px 10px 0 10px;
}

#middle_content p{
	margin: 0 10px 5px 10px;

}
#middle_content h3{
	margin: 0 10px 5px 10px;

}
#middle_content a{
	color:#333333;
	text-decoration:underline;
	margin: 0 10px 5px 10px;
}
#middle_content a:hover{
	color:#000;
	text-decoration:underline;
}

#middle_content ul, ol{
	margin: 10px;
}

#middle_content li{
	margin-bottom: 4px;
	font-weight: bold;
	list-style-position:inside;
}

#middle_content dl {
	font-weight:bold;
	margin-left: 10px;

}
#middle_content dd {
	margin:0px 0 5px;
}
#middle_content dt {
	color: #B12933;
	list-style-type: disc;
}

.image-droite {
   padding:0;
   margin:0;
   float:right;
}
.image-gauche{
   padding:0;
   margin:0;
   float:left;
} 

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


/*Bas de page  FOOTER*/

#footer{
	margin:0 auto;
	padding:10px 0;
	width:100%;
	text-align: center;
	color: #B12933;
	font-size: 10px;
}

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

#footer a:hover{
	color:#931D28;
}
.adr {
	margin: 5px 0;
	}
/*classe clear*/

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}
#player {
	margin: 0;
	padding: 0;
}
#player-son {
	margin: 0;
	padding: 0;

}
#player-video {
	margin: 0;
	padding: 0;

}

 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
  
h1 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 20px;
}
  
h2 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 18px;
}
  
h3 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 16px;
}
h4 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 14px;
}
h5 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 12px;
}
h6 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 10px;
}

.bloc_liens_interne {
	margin: 0;
	padding: 0;
	width: 350px;
	float: right;

}
.bloc_liens_interne ul{
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: square;
}	
.bloc_liens_interne li{
	margin: 0;
	padding: 0;
}	
.bloc_liens_interne a{
	margin: 0;
	padding: 0;
	color: #333333;
}
.bloc_liens_interne a:hover{
	color: #990000;
}
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/
  
/*debut ENCART ACTU*/
#encart_actu {
	margin:20px auto;
	width:577px;
	padding:13px 0;
	clear: both;
	background: #FFF url(../images/deco/news.jpg) no-repeat center 6px;
	text-align: left;

	}
#encart_actu h4{
color:#B12933;
font-family:Arial,Helvetica,sans-serif;
font-size:42px;
font-style:italic;
font-weight:bolder;
letter-spacing:2px;
margin:0 0 0 274px;

	}
#encart_actu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	color:#FFF;
	margin:0 10px 0px 261px;
	}
/*#date_actu {
	font-size:13px;
	text-align:center;
	}
#encart_actu_photo{
	padding:4px 0;
	margin:0 auto;
	text-align: center;
	}
#encart_actu_photo img{
	padding:0;
	margin:0 auto;
	width:140px;
	height:76px;
	}*/

#encart_actu_btn {
	/*display:block;*/
	text-decoration:none;
	color:#FFF;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin:0 0 3px 261px;
	border-bottom: 1px solid #FFF;
	/*width: 15em;*/
	}
#encart_actu_btn:hover{	
	border-bottom: 1px solid #000;
	color:#000;
	} 
/*fin ENCART ACTU*/

/*debut NAVIGATION*/
.retour_haut{
	margin: 10px 0 10px 100px;
	padding: 5px;
	font-size: 11px;
	color: #FFF;
	display: block;
	clear: both;
	background-color: #B12933;
	text-decoration: none;
	width: 15%;
	text-align: center;
}

.retour_haut:hover{
	color: #000;
	background-color: #931D28;
	
}
.nav_pages{
	/*margin: 0 150px 0 0;*/
	padding: 12px 0 3px 0;
	font-size: 11px;
	color: #B12933;
	float: right;
}

.nav_pages a{
	color: #B12933;
	text-decoration: none;
	border: 1px solid #931D28;
	margin: 0 3px;
	padding: 1px 4px;
}
.nav_pages a:hover{
	color: #FFF;
	background-color:#931D28;
	text-decoration: none;
}
.nav_pages a.menu_actif{
	color: #FFF;
	background-color:#931D28;
	text-decoration: none;
}
/*fin NAVIGATION*/


.gras{
	font-weight:bold;
}