/*------------------------------------------------*
*---  WWW.ICARE-NET.COM - agence web ---  CSS  --*
*------------------------------------------------*/
/*///////  NOTE IMPORTANTTE - CI DESSOUS SYNTAXES ABBREGEES POUR REDUCTION POIDS DE PAGE   /////////////*/!important
/*/////   exemples  /////*/
.css_abbreg_fonte{
font:italic normal bolder 11px/110% Arial, Helvetica, sans-serif;
/*/// val-n°1:style / val-n°2:variant / val-n°3:weight / val-n°4:size / val-n°5:line-height / val-n°6:family ///*/!important
}
.css_abbreg_border{
border:1px solid #000;
/*/// val-n°1:width / val-n°2:style / val-n°3:color ///*/!important
/*/// notons que #000 == #000000 ou #269 == #226699 ///*/!important
}
.css_abbreg_margin-padding-border...{
margin:0 15px;
border-width: 1px 2px;
/*/// val-n°1: haut&bas / val-n°2:droite&gauche  ///*/!important
padding:9px 8px 6px 5px;
border-color: #AAA #CCC #EEE #000;
/*/// val-n°1:haut / val-n°2:droit / val-n°3:bas / val-n°4:gauche ///*/!important
}	
.css_abbreg_background{
background:#000 url(images/toto.jpg) no-repeat fixed top left;
/*/// val-n°1:color / val-n°2:image / val-n°3:repeat / val-n°4:attachment / val-n°5&6:position ///*/!important
}	
/*//////   fin exemples   //////*/
/*//////////////////  DEBUT CSS   ////////////////////*/
html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
background:#FFF url(../images/deco/body-bg.gif) repeat-x top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #000;
}

p{
margin: 0;
padding: 0;
}

a.lien_center{
font:normal normal bold 11px/120% Verdana, Arial, Helvetica, sans-serif;
color:#399;
display:block;
text-align:center;
text-decoration:none;
text-transform:uppercase;
padding:5px;
}
a.lien_center:hover{
color:#000;
text-decoration:underline;
}
/*////////////  BLOCKS   /////////////////*/
#general{
	margin:0 auto;
	padding:0;
	width:100%;
	text-align: center;
}
#general-promo{
margin:0 auto;
padding:0;
width:660px;
}


/*/////////////   HEADER   ////////////////////*/
#header{
	margin:10px auto 0;
	padding:0;
	width:980px;
	height:120px;
	text-align:right;
	background-image: url(../images/structure/header.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#header-promo{
	margin:10px auto 0;
	padding:0;
	width:660px;
	height:120px;
	text-align:right;
	background-image: url(../images/deco/header_promo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

/*///////////    CONTENT   //////////////*/
#content {
	margin:0 auto;
	padding:0;
	width: 980px;
	background-image: url(../images/deco/head_menu_dr.jpg);
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: right top;
}
#content a img{
	border:none;
}
#content-promo {
	margin:0 auto;
	padding:0;
	width: 660px;
	background-color: #FFFFFF;
}

#contenu_effectif p.texte_modelage {
	color:#3B98A9;
}

#flashcontent {
	margin:0;
	padding:0;
	}
	
#horaires_presentation {
}
#sous_navlat p.horaires_presentation {
	text-align:center;
}

#contenu_effectif p.texte_nouveaute {
color:#666666;
font-size:14px;
font-weight:bold;
}
/*//////////   SOUS NAVIGATION LATERALE   ///////////////*/
#sous_navlat{
	width:210px;
	height:510px;
	background:#FFF url(../images/structure/left-nav-bg.jpg) no-repeat top;
}
#sous_navlat p{
	font:normal 12px/110% Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	text-align:right;
	margin:10px 20px;
}
/*//////   GESTION DU CONTENU VERITABLE DE LA PAGE   /////*/
#contenu_effectif{
	background:#FFF url(../images/structure/page-bg-motif-nb.gif) no-repeat top;
}
#contenu_effectif p{
	font:normal 1.1em/125% Verdana, Arial, Helvetica, sans-serif;
	padding:10px 8px;
	margin:0;
	text-align:justify;
	color:#333;
}
#contenu_effectif ul {
	margin: 0 0 0 22px;
	padding: 0;
}
#contenu_effectif ul li {
	list-style-type: none;
	font: normal 1.1em/125% Verdana, Arial, Helvetica, sans-serif;
	padding: 0 8px 10px 20px;
	margin: 0;
	text-align: left;
	color: #3794a5;
	background: transparent url(../images/deco/yin.png) no-repeat left top;
}
#contenu_effectif h1{
	font:1.5em Georgia, "Times New Roman", Times, serif;
	padding:3px 3px 3x 0;
	margin:4px;
	text-align:right;
	background:url(../images/deco/entete-bg.jpg) repeat-x;
	text-transform:capitalize;
	display:block;
	border-bottom:1px solid #900;
	color:#900;
	font-style: italic;
	font-weight: bold;
	height:24px;
}
#contenu_effectif h1 span {
	padding: 6px 0 0 0;
	margin: 0;
	position: relative;
	width: 410px;
	float: left;
}
#contenu_effectif h1 a{
	text-align:right;
	color:#900;
	text-transform: capitalize;
	text-decoration: none;
}
#contenu_effectif  h2 a{
	font:100% Georgia, "Times New Roman", Times, serif;
	padding:3px;
	margin:4px;
	text-align:center;
	background:url(../images/deco/entete-bg.jpg) repeat-x;
	text-transform:capitalize;
	display:block;
	border-bottom:1px solid #900;
	color:#900;
}
#contenu_effectif a{
	color:#AAA;
}
#contenu_effectif a:hover{
	color:#AAA;
	text-decoration:none;
}
#contenu_effectif a img{
	border:0;
}
/*//////////   FLASH   //////////////*/
#text_defilant{
	width:210px;
	height:20px;
	margin: 0 auto;
	padding: 0 auto;
}
	#anim_header{
	position:relative;
	top:10px;
	right:1px;
	height:100px;
}

/*////////////////   PLANS   ///////////////////*/

#plan {
	margin: 10px 0 15px 10px;
	padding:0;
	text-align:center;
}

#plan img{
	margin: 15px;
}

#plan p{
	text-align:center;
	padding:0;
}


/*//////////   FICHE PRODUIT   //////////////*/
.fiche_prod{
	margin:10px;
	padding:5px;
	border:1px solid #399;
}
.fiche_prod a img{
	float:left;
	border:1px solid #FC0;
	margin:0 10px 0 0;
}
.fiche_prod a:hover img{
	border:2px solid #FC0;
}
.fiche_prod h2{
	font:italic normal bold 11px Verdana, Arial, Helvetica, sans-serif;
	background:#Fc0;
	text-align:right;
}
.fiche_prod h3{
	font:italic normal bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin:2px 0 0;
	text-align:right;
	display:block;
	border-bottom:1px solid #000;
}
.fiche_prod ul{
	list-style: none;
}
/*//////////////////   FOOTER   //////////////////*/
#footer{
	margin:0 auto;
	padding:10px 0;
	width:980px;
	height:30px;
	background: url(../images/structure/footer-bg.gif) repeat-x top;
	text-align: center;
	color: #FFF;
}

#footer a{
	color:#DDD;
	text-decoration:none;
	text-transform:uppercase;
}

#footer a:hover{
	color:#000;
	text-decoration:underline;
}
/*/////////////   TITRES   ////////////////////*/
h1{
	margin: 0;
	padding: 0;
	color:#000;
}
h4{
	font-size: 16px;
	color: #3C99AA;
}
h4 a{
	font-weight: bold;
	color: #3794A5;
}
h4 a:hover{
	font-weight: bold;
	color: #DD3300;
}

/*
			Vertical Accordions style
		*/
.lien_tarif  a	{
	color: #99CCCC;
	font-size: 12px;
}
		.tarif_titre {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	display: block;
	height: 30px;
	width: 100%;
	background:#3694a5 url(images/deco/open.gif) no-repeat left;
	padding: 0 auto;
	margin:0 auto;
	line-height: 30px;
	text-decoration: none;
	text-align:center;
	outline: none;
	color: #64c6e5;
	border-bottom: 1px solid #FFF;
		}
		
		.tarif_toggle_active {
			background:#64c6e5 url(images/deco/close.gif) no-repeat left;
			color: #ffffff;
			border-bottom: 1px solid #000;
		}
		
		.tarif_contenu {
	/* REQUIRED */
			height: 0px;
	width:550px;
	/* REQUIRED */
			margin:0 auto;
	color: #444444;
	overflow: scroll;
		}
			
			.tarif_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
			.tarif_content h1 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			.tarif_content td {
				padding:5px;
				color: #000;
				font:11px Verdana, Arial, Helvetica, sans-serif;
				border-bottom:1px solid #3694a5;
				border-left:1px solid #000;
				}
.lien_tarif   {
				border-top:1px solid #3694a5;
				border-right:1px solid #000;
				}
					
	
/* MENU HORIZONTAL ne pas oublier de mettre un clear:both; après votre menu*/

ul#menu_horizontal{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	height: 20px;
	background: url(../images/deco/rp_menu.jpg) repeat-x;
}
ul#menu_horizontal li{
	color:#333333;
	float:left;
	font-size:11px;
	height:20px;
	margin-left:2px;
	margin-right:2px;
	margin-top:0;
	padding:0;
}

ul#menu_horizontal li a{
	padding: 0 0 6px 0;
	/*display:block;*/
	color:#333;
	height:30px;
	text-align:center;
	text-decoration:none;
}

ul#menu_horizontal li a:hover, ul#menu_horizontal li a:focus, ul#menu_horizontal li a:active {
	text-decoration:none;
	color: #000;
	background: url(../images/deco/rp_menu_hover.jpg) repeat-x top;
	height:20px;
}

/*///////////////////   MENU VERTICAL /////////////*/
ul#menu_vertical{
margin:15px auto;
padding:0;
list-style:none;
text-align:center;
color:#555;
font:normal 11px Georgia, Times New Roman, Times, serif;
}

ul#menu_vertical li{
margin:0 0 1px 0;
}

ul#menu_vertical li a{
	padding:3px 0;
	display:block;
	color:#555;
	text-decoration:none;
}
.lien-galerie   {
	font-size: 18px;
}


ul#menu_vertical li a:hover, ul#menu_vertical li a:focus, ul#menu_vertical li a:active {
color:#366;
text-decoration:none;
font-weight:bold;
}
/*-------------menu tarifs-------------*/
ul#menu_vertical_tarif{
	margin:25px auto;
	padding:0;
	list-style:none;
	text-align:center;
	color:#555;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
}

ul#menu_vertical_tarif li{
margin:0 0 1px 0;
}

ul#menu_vertical_tarif li a{
padding:4px 0;
display:block;
color:#555;
text-decoration:none;
}

ul#menu_vertical_tarif li a:hover, ul#menu_vertical_tarif li a:focus, ul#menu_vertical_tarif li a:active {
	color:#366;
	text-decoration:none;
	font-weight:lighter;
	background-color: #EBF5F6;
}
/*//////////  EFFETS   ////////////////*/
.transparence {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}
.bigblue_text{
font:16px Verdana, Arial, Helvetica, sans-serif;
color:#3964a5;
}

.opacite a img {
  opacity: 0.5;
  filter:alpha(opacity=50);
  border:2px solid #3694A5;
  }

.opacite a:hover img {
  opacity: 1.0;
  filter:alpha(opacity=100);
  }
  
/*---------------------------------------------------------*
*----        CSS PAGE CONTACT  DEBUT                  ----*
*---------------------------------------------------------*/
/* NE_PAS_TOUCHER_CETTE_LIGNE_POUR_MAIL_PAGE_CONTACT_DEBUT */

/* DIV contenant l'ensemble du formulaire */
div.formulaire_general {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
background:#FFF;
width: 370px;
margin: 0 auto;

}
/* DIV général des erreurs de saisie */
div.formulaire_erreursSaisie {
border: solid 1px #f00;
background-color: #fee;
color: #f00;
padding: 5px;
margin-bottom: 3px;
}
/* DIV pour chaque erreur de saisie */
div.formulaire_erreursSaisie_ligne {
}

/* DIV message une fois le message envoyé */
div.formulaire_msgRetour {
border: solid 1px #036;
background-color: #9cf;
color: #000;
text-align: center;	
padding: 10px;
}
/* Lien "Retour" un fois le message envoyé */
a.formulaire_msgRetour_lien {
}
/* Tableau de champ général */
table.formulaire_table {
border: solid 1px #000; 
width: 100%;
}
/* Regroupement de champs : ligne en-tête de table */
.formulaire_table th {
background-color: #369;
color: #fff;
padding: 5px;
text-align: center;
font-weight: bold;
display:block;
visibility:hidden;
height:1px;
}
/* Regroupement de champs : en fielset */
.formulaire_table fieldset {
}
/* Légende du fielset ci-dessus */
.formulaire_table legend {
}
/* Lignes qui séparent les lignes avec les champs */
.formulaire_cell_espacement {
height: 5px;
}
/* Libelle des champ dans le formulaires : dans tous les cas */
td.formulaire_nom_champ, td.formulaire_nom_champ_erreur {
width: 100px;
padding: 0px 5px 0px 10px;
text-align: right;
}
/* Libelle des champ dans le formulaires : sans erreur */
td.formulaire_nom_champ {
}
/* Libelle des champ dans le formulaires : sans erreur */
td.formulaire_nom_champ_erreur {
color: #f00;
font-weight: bold;
}
/* Cellules qui contiennent les champs : dans tous les cas */
td.formulaire_td_champ, td.formulaire_td_champ_erreur {
padding-right: 10px;
}
/* Cellules qui contiennent les champs : en cas d'erreur */
td.formulaire_td_champ, td.formulaire_td_champ_erreur {
}
/* Cellules qui contiennent les champs : sans erreur */
td.formulaire_td_champ, td.formulaire_td_champ_erreur {
}
/* Champs dans les formulaires (input, textarea) : dans tous les cas */
.formulaire_champ, .formulaire_champ_erreur {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
width: 200px;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
/* Champs dans les formulaires (input, textarea) : sans erreur */
.formulaire_champ {
background-color: #9cf;
border: solid #036 1px;
}
/* Champs dans les formulaires (input, textarea) : en cas d'erreur */
.formulaire_champ_erreur {
background-color: #fcc;
border: solid 1px #f00;
}
/* Texte qui s'ajoute après les champ (€, kg, /jour...) */
span.formulaire_champ_suffixe, span.formulaire_champ_suffixe_erreur {
	font-style: italic;
	font-size: 10px;
}
/* Libelle des champ dans le formulaires : dans tous les cas */
td.formulaire_td_checkbox, td.formulaire_td_checkbox_erreur {
padding: 0px 10px 0px 10px;
}
/* TD du Bouton "Envoyer" du formulaire */
td.formulaire_td_envoyer {
padding-right: 5px;
text-align: right;
}
/* Bouton "Envoyer" du formulaire */
input.formulaire_envoyer {
background-color: #369;
border: solid 1px #369;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
cursor: pointer;
margin: 5px;
}
/* Texte en bas du formulaire concernant les astérisques */
.formulaire_note {
text-align: center;
font-style: italic;
}

/**************/
/* CALENDRIER */
/**************/

.div_calend{
	position: absolute;
	margin-left: 0px;
	margin-top: -80px;
	display: none;
	z-index: 10;
	height: 50px;
}
.div_calend .tab_general {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
	text-align: center;
	width: 280px;
	border: solid 1px #333;
}
.div_calend .cell_mois {
	background-color: #B7DBFF;
	font-weight: bold;
	color: #000;
	text-align: center;
	width: 60%;
	padding: 3px;
}
.div_calend .cell_fleche {
	background-color: #B7DBFF;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding: 3px;
}
.div_calend .cell_nomjour {
	font-size: 10px;
	color: #000;
	background-color: #B7DBFF;
	text-align: center;
	vertical-align: middle;
	border-top: solid 1px #ddd;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	border-left: solid 1px #ddd;
	padding: 3px;
}
.div_calend .cell_jour {
	font-size: 10px;
	color: #000;
	background-color: #B7DBFF;
	text-align: center;
	vertical-align: middle;
	border-top: solid 1px #fff;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #fff;
}
.div_calend .cell_jour:hover {
	border-top: solid 1px #ccc;
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
	border-left: solid 1px #ccc;
}
.div_calend .cell_jour_vide {
	background-color: #f8f8f8;
}
.div_calend .cell_jour_a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-decoration: none;
	text-align:center;
	display: block;
	width:100%;
	padding: 3px;
}
.div_calend .cell_jour_a:hover{
	background-color: #fff;
	color: #4FA500;
	font-weight:bold;
}
.div_calend .cell_fleche {
	text-align: center;
	vertical-align: middle;
}
.div_calend .lien_mois{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.div_calend .lien_fermer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #333;
	text-decoration: none;
	padding: 2px;	 /** voir note de l'attribut taille **/
	display: block;  /** on met un display: block car le margin-top ne sera pas pris en compte pour un display in-line (par défaut) **/
	width: 70px;	 /** display: block implique une taille de 100%. Il faut donc mettre une taille qui DOIT être cohérente avec le padding **/
	text-align: center;
}


/* NE_PAS_TOUCHER_CETTE_LIGNE_POUR_MAIL_PAGE_CONTACT_FIN */
/*-------------------------------------------------------*
*----        CSS PAGE CONTACT  FIN                  ----*
*-------------------------------------------------------*



/*------------------------------------------------------*
*--------    CSS REFERENCEMENT  DEBUT              ----*
*------------------------------------------------------*/

#referencement {
	font-size: 9px;
	text-align: center;
	padding-top: 50px;
	color: #666;
	margin: 0 auto;
	width: 70%;
}

#referencement img {
padding: 3px;
}

#referencement a {
color: #999;
text-decoration: none;
}

#referencement a:hover {
color: #666;
}

/*------------------------------------------------------*
*--------    CSS REFERENCEMENT  FIN                ----*
*------------------------------------------------------*/
.mise-en-evidence {
	color: #3B98A9;
	font-size: 18px;
	line-height: 25px;
}