@import "produits.css";

@import "paiement.css";



/*------------------------------------------------*

 *---  WWW.ICARE-NET.COM - agence web ---  CSS  --*

 *------------------------------------------------*/

		

html {

   margin: 0;

   padding: 0;

}





body {

	margin: 0;

	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height:14px;

	background-color: #1297d0;

	background-image:url(../images/deco/back_body2.jpg);

	background-repeat:repeat-x;

	background-position:top left;

	color: #023248;

}

a{

	color:#179ece;

	text-decoration:none;  

}

a:hover{

	color:#ea7516;

}

p{

	padding:5px 0 10px 22px ;

	margin:0 0 5px 0;

	background-image:url(../images/deco/puce.gif);

	background-repeat:no-repeat;

	background-position:top left;

	border-width:0 0 1px 0;

	border-color:#cde9ef;

	border-style:dashed; 

}

ul{

	margin:0;

	padding:0 0 20px 22px;

	color:#006699;

}

li{

	margin:0;

	padding:0;

	color:#0c8bd1;

	font-weight:bold;

	list-style:disc;

	list-style-type:disc;

}

li span{

		color: #023248;

}

form, input {

	margin: 0;

	padding: 0;

}



select {

	color: #000;

	background-color: #fff;

}











 /*------------------------------------------------------*

  *--------    CSS BLOCS     						 ----*

  *------------------------------------------------------*/





#general{

	margin:0 auto;

	padding:0;

	width:100%;

}



/*Haut de page  HEADER*/



#header{

	margin:0 auto;

	padding:0;

	width:857px;

	height:195px;

}

#header img{

	display:block;

}

#header-index{

	margin:0 auto;

	padding:0 ;

	width:857px;

	height:195px;

}

#header-index img{

	display:block;

}

.img_contact{

	display:block;

	height:127px;

	width:856px;

}

/*Contenu de page  CONTENT */



#content {

	margin:0 auto;

	padding:5px 20px 20px 100px;

	width: 737px;

	background-image:url(../images/deco/back_content.jpg);

	background-repeat:repeat-y;

	background-position:top left;

	

}

#content_index {

	margin:0 auto;

	padding:0 0 0 3px;

	width: 854px;

	background-image:url(../images/deco/back_content.jpg);

	background-repeat:repeat-y;

	background-position:top left;

	

}

#bandeau_dte{

	float:right;

	width:292px;

}

#bandeau_dte table{

	width:292px;

	background-color:#FFFFFF;

	text-align:center;

	padding:0;

	margin:0 0 10px 0;

	color:#179ece;

}

#bandeau_dte table td{

	vertical-align:top;

	padding:0;

	margin:0;

}

#bandeau_dte h3{

	padding:0;

	margin:0;

	color:#006699;

	font-size:12px;	

}

#bandeau_dte table input{

	border:1px solid #006699;

	padding:0 0 0 3px;

	width:160px;

	color:#179ece;

}

#bandeau_dte table input.cmd_valid{

	width:23px;

	height:18px;

	padding:0;

	margin: 0 0 0 3px;

	background-color:#FFFFFF;

	background-image:url(../images/deco/back_cmd.jpg);

	background-repeat:no-repeat;

	background-position:top right;

	border:0;

	

}

.img_float_right{

	float:right;

}

.div_centre{

	padding:20px 0 100px 0;

	font-size:14px;

	line-height:16px;

	font-stretch:extra-expanded;

}

.div_centre p{

	line-height:18px;

	height:18px;

	border:0;

}

.div_centre span{

	font-size:10px;

}



/*Bas de page  FOOTER*/



#footer{

	margin:0 auto;

	padding:0 200px 0 20px;

	width:637px;

	height:191px;

	background-image:url(../images/deco/back_footer.gif);

	background-repeat:no-repeat;

	background-position:bottom;

	font-size:11px;

	color:#999;

	text-align: left;

	/*border:1px solid #999;*/

}



#footer a{

	color:#CCC;

	text-decoration:none;

}



#footer a:hover{

	color:#999;

}





/*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;

}

.actu{

	text-align: center;

	margin: 0 auto;

	padding: 10px 0 0 0;

	background-image: url(../images/deco/deco_actu.jpg);

	height: 35px;

	background-repeat: no-repeat;

	background-position: 20px 1px;

}

#actu a{

	color: #1298CB;

	font-weight: bold;

}

#actu a:hover{

	color: #FF9966;

}

/* _______________ PRODUITS _______ */



.table_poisson{

	width:422px;

	border:1px solid #c0e5fc;

	padding:3px 10px 10px 10px;

	margin:20px 0 5px 0;

}

.table_poisson td{

	vertical-align:top;

}

.table_poisson img{

	padding:0 ;

	margin: 10px 0;

	display:block;

}

.table_poisson h1{

	padding: 10px 0;

	margin:0;

	color:#CC3300;

	font-size:14px;

	width: 262px;

	background-image:none;

}

.table_poisson h2{

	padding: 10px 0;

	margin:15px auto 5px auto;

	color:#CC3300;

	border:1px solid #CC3300;

	font-size:16px;

	width: 150px;

	text-align:center;

	background-image:none;

}

.table_poisson p{

	display:block;

	width: 262px;

	padding:5px 0;

	margin:0;

	background-image:none;

}





.imgs_centre

{

	margin:20px auto;

	text-align:center;

}



/*swfobject*/

#flash_anim{

	width: 850px;

	height: 300px;

	margin: 0;

	padding: 0;

}







 /*------------------------------------------------------*

  *--------------------------     CSS TITRES DEBUT   ----*

  *------------------------------------------------------*/

  

   h1 {

   	margin: 0 0 5px 0;

    padding: 20px 0 5px 20px;

	background-image:url(../images/deco/puce.gif);

	background-repeat:no-repeat;

	background-position:left 18px;

	color:#023945;

	font-size:20px;

  }

  

   h2 {

   	margin: 0 0 5px  0;

    padding: 0 0 15px 20px;/*

	background-image:url(../images/deco/puce2.gif);

	background-repeat:no-repeat;

	background-position:top left;*/

	border-width:0 0 1px 0;

	border-color:#cde9ef;

	border-style:solid;

	color:#023945;

	font-size:18px;

	line-height:18px;

  }

  

   h3 {

   	margin: 0 0 10px 0;

    padding: 0;

	color:#023945;

	font-size:18px;

	line-height:18px;

  }

  

   h4 {

   	margin: 0;

    padding: 0;

	color:#023945;

  }

  

   h5 {

   	margin: 0;

    padding: 0;

	color:#023945;

  }

  

   h6 {

   	margin: 0;

    padding: 0;

			 color:#000;

  }

		

 /*------------------------------------------------------*

  *--------------------------     CSS TITRES FIN     ----*

  *------------------------------------------------------*/





 /*------------------------------------------------------*

  *--------------------------     CSS MENU DEBUT     ----*

  *------------------------------------------------------*/



/* MENU */

#div_menu {

	width:857px;

	height:68px;

	padding: 0;

	margin:0;

	background-image:url(../images/deco/back_menu.jpg);

	background-repeat:no-repeat;

	background-position:top left;

	border-width:0;

	border-style:solid;

	border-color:#990000;

	position:relative;

}





#menu {

	list-style-type:none; 

	padding:0 ; 

	margin:0; 

	width:615px; 

	position:absolute; 

	top:2px; 

	left:245px; 

	border:0; 

	z-index:50; 

}

#menu span{

	color:#fad507;

	display:block;

	float:left;

	padding:0 3px;

}

#menu ul {list-style-type:none; padding:0; margin:0;}

#menu li {

	margin:0 1px 0 0;

	float:left;

	background-color:#ffffff;

	position:relative; 

	border-width: 0 1px ;

	border-style:solid;

	border-color:#179ece;

	display:block;

	/*width:150px;*/}



#menu li.sup1 {

	margin:0 0 0 0;

	border-width: 0 1px 0 0 ;

	border-style:solid;

	border-color:#179ece;

	width:110px;
	text-align:center;


}

#menu li.sup2 {

	border-width: 0 1px 0 0 ;

	border-style:solid;

	border-color:#179ece;

	/*padding-right:10px;*/
	padding: 0 3px;

	/*width:90px;*/
	width:80px;
	text-align:center;

}

#menu li.sup3 {

	width:90px;
	

}

#menu li.sup4 {

	width:160px;

}

#menu li.sup5 {

	width:140px;

}

#menu li.sup6 {

	margin:0 0 0 0;

	border-width: 0 0 0 1px ;

	border-style:solid;

	border-color:#179ece;

	width:90px;

}



#menu li, #menu li a {

	display:inline; 

	color:#179ece;  

	font-size:11px; 

	line-height:24px;/* width:199px; */

	text-decoration:none;  

	cursor:pointer; 

	font-weight:bold; }





#menu ul,#menu li.click ul ul,#menu li.click ul li.hover ul ul {

	display:none; 

	

}



#menu li.hover {z-index:50; background-color:#f0e7e5; }

#menu li.hover span{

	color:#CC3300;

}

#menu li.hover {color:#583a22;}



#menu li.hover ul {

	display:block;

	width:100%;

	float:left;

	position:relative; 

	top:0; 

	left:0;

	border-width: 0 0 1px 0 ;

	border-style:solid;

	border-color:#179ece;

}

#menu li.hover ul li{

	width:100%;

	background-color:#fff;

	display:block;

	border: 0;}

#menu li.hover ul li a{ width:100%; display:block;}

#menu li.hover ul li.hover ul, 

#menu li.hover ul li.hover ul li.hover ul {display:block; position:absolute; left:110px; top:-1px; border:none;}



#menu li.hover ul li.hover {background-color:#f0e7e5}

#menu li.hover ul li.hover span{

	color:#FF6600;

}

#menu li.hover ul li.hover ul li {background:#c60;}

#menu li.hover ul li.hover ul li.hover ul li {background-color:#780; z-index:500;}















 

 /*------------------------------------------------------*

  *--------------------------     CSS MENU FIN	     ----*

  *------------------------------------------------------*/





 /*------------------------------------------------------*

  *--------------------------     CSS PLANS DEBUT    ----*

  *------------------------------------------------------*/

  

/*page plans debut*/

#div_plan{

	width:400px;

	border-style: solid;

	border-width: 1px;

	border-color: #8ed3f9;

	padding:5px;

	margin: 5px 0 10px 20px;

}



.sousmenu  {

	color: #FFFFFF;

	background-color: #D7EDFA;

	display: block;

	float: right;

	width: 85px;

	text-align: right;

	border: 1px solid #66CCCC;

	font-size: 10px;

	font-weight: bold;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 0px;

	height: 20px;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}

a.sousmenu:hover  {

	color: #FFFFFF;

	background-color: #006699;

	display: block;

	float: left;

	width: 85px;

	margin: 0px;

	text-align: right;

	border: 1px solid #66CCCC;

	font-size: 10px;

	font-weight: bold;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 0px;

	height: 20px;

}

#plan {

	width: 310px;

}



#plan img {

 margin-top: 10px;

	margin-bottom: 10px;

}



/*page plans fin*/







/*pop up plans DEBUT */

#popup_plan {

 margin-top:20px;

	width: 550px;

	position: absolute;

	left: 50%;

	margin-left: -275px;

}



#popup_plan a {

	color:#333;

	text-decoration:none;

}



#popup_plan a:hover {

	color:#666;

}



#popup_plan img {

	border: 1px solid #333;

}



/*pop up plans FIN */



 /*------------------------------------------------------*

  *--------------------------     CSS PLANS FIN         ----*

  *------------------------------------------------------*/







 /*---------------------------------------------------------*

  *----        CSS PAGE CONTACT  DEBUT                  ----*

  *---------------------------------------------------------*/

/* NE_PAS_TOUCHER_CETTE_LIGNE_POUR_MAIL_PAGE_CONTACT_DEBUT */



/* DIV général contenant l'ensemble du FORMULAIRE */

div.formulaire_general {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: inherit;

	color: inherit;

	width: 400px;

	margin: 0 0 0 20px;

	color: #023248;;

}

/* DIV contenant l'ensemble des ERREURS de saisie */

div.formulaire_erreursSaisie {

	border-style: solid;

	border-width: 1px;

	border-color: #f1770b;

	background-color: #f5f4f4;

	color: #f1770b;

	padding: 5px;

	margin-bottom: 3px;

}

/* DIV pour chaque LIGNE D'ERREUR de saisie */

div.formulaire_erreursSaisie_ligne {

}



/* Tableau de champs général */

table.formulaire_table {

	border-style: solid;

	border-width: 1px;

	border-color: #8ed3f9;

	width: 100%;

	padding:5px;

}

/* GROUPE de champs : ligne EN-TÊTE de table */

.formulaire_table th {

	background-color: #d6effc;

	color: #333;

	padding: 5px;

	text-align: center;

	font-weight: bold;

}

/* GROUPE de champs : en FIELSET */

.formulaire_table fieldset {

	border-style: solid;

	border-width: 1px;

	border-color: #666;

}

/* LEGENDE du fielset ci-dessus */

.formulaire_table legend {

	font-weight: bold;

	padding: 5px;

}

/* LIGNES de SÉPARATION entre deux lignes de 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;

	}

	/* Normal */

	td.formulaire_nom_champ {

	}

	/* En cas d'ERREUR sur le champ */

	td.formulaire_nom_champ_erreur {

		color: #f1770b;

		font-weight: bold;

		

	}



/* CELLULES qui contiennent les CHAMPS */

/*-------------------------------------*/

	/* Dans TOUS les cas */

	td.formulaire_td_champ, td.formulaire_td_champ_erreur {

		padding-right: 10px;

	}

	/* Normal */

	td.formulaire_td_champ {

	}

	/* En cas d'ERREUR sur le 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: 12px;

		text-align: left;

		width: 200px;

		padding-top: 2px;

		padding-right: 3px;

		padding-bottom: 2px;

		padding-left: 3px;

		/* Attention, jouer sur l'opacité ICI (sur les INPUT) peut provoquer des problèmes d'affichage de SELECT sous IE */

		/*filter: alpha(opacity=80);

		opacity: 0.8;*/

	}

	/* Normal */

	.formulaire_champ {

		background-color: #eee;

		color: #000;

		border-style: solid;

		border-width: 1px;

		border-color: #ccc;

	}

	/* En cas d'ERREUR sur le champ */

	.formulaire_champ_erreur {

		

		border-style: solid;

	border-width: 1px;

	border-color: #f1770b;

	background-color: #f5f4f4;

	

	}



/* SUFFIXES : texte qui s'ajoute après les champs (€, kg, /jour...) */

span.formulaire_champ_suffixe, span.formulaire_champ_suffixe_erreur {

	font-style: italic;

}



/* Cellules réunies (colspan) : dans TOUS les cas */

td.formulaire_td_colspan, td.formulaire_td_colspan_erreur {

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

}



/* Cellule TD du Titre d'un objet TABLEAU */

td.formulaire_tableau_titre {

	font-style: italic;

}

/* Cellule TH d'un objet TABLEAU au croisement des en-têtes de lignes/colonnes */

th.formulaire_tableau_coin {

	background-color : transparent;

}

/* EN-TETE TH de COLONNES d'un objet TABLEAU */

th.formulaire_tableau_colonne_entete {

	background-color: #ccc;

}

/* EN-TETE TH de LIGNES d'un objet TABLEAU */

th.formulaire_tableau_ligne_entete {

	background-color: #ccc;

}



/* TD du Bouton "ENVOYER" du formulaire */

td.formulaire_td_envoyer {

	padding-right: 5px;

	text-align: right;

}

/* BOUTON "ENVOYER" du formulaire */

input.formulaire_envoyer {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:bold;

	background-color: #d6effc;

	border: solid 1px #053149;

	cursor: pointer;

	margin: 5px 60px 0 0;	

	padding: 5px;

}



/* TEXTE EN BAS du formulaire concernant les astérisques */

.formulaire_note {

	text-align: center;

	font-style: italic;

}



/* DIV du message une fois le MESSAGE ENVOYÉ */

div.formulaire_msgRetour {

	background-color: #eee;

	color: #000;

	text-align: center;	

	padding: 10px;

	margin: 50px auto;

	border: solid 1px #999;

}

/* Lien "RETOUR" un fois le message envoyé */

a.formulaire_msgRetour_lien {

	color: #000;

	font-weight: bold;

}



/**************/

/* CALENDRIER */

/**************/



.div_calend {

	position: absolute;

	margin-left: 0px;

	margin-top: -80px;

	display: none;

	z-index: 100;

}

.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: #ccc;

	font-weight: bold;

	text-align: center;

	color: #000;

	width: 60%;

	padding: 3px;

}

.div_calend .cell_fleche {

	background-color: #ccc;

	text-align: center;

	padding: 3px;

}

.div_calend .cell_fleche a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333;

	font-weight: bold;

	text-decoration: none;

}

.div_calend .cell_nomjour {

	font-size: 10px;

	color: #000;

	background-color: #ddd;

	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: #eee;

	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:inherit;

	padding: 3px;

}

.div_calend .cell_jour_a:hover {

	background-color: #fff;

	color: #666;

	font-weight:bold;

}

.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 {

	margin-right: auto;

	margin-left: auto;

	font-size: 9px;

	text-align: center;

	padding-top: 50px;

	color: #666;

}



#referencement a {

	color: #999;

	text-decoration: none;

}



#referencement a:hover {

	color: #666;

}



#referencement a img {

	border: none;

}



 /*------------------------------------------------------*

  *--------    CSS REFERENCEMENT  FIN                ----*

  *------------------------------------------------------*/

.barrer {

	color: #CC0000;

	text-decoration: line-through;

}

.rouge {

	color: #CC0000;

}

 /*------------------------------------------------------*

  *--------    CSS POSTIT DRAGABLE                   ----*

  *------------------------------------------------------*/



#root {

	position:absolute;

	height:200px;

	width:200px;

	padding:5px;

	border:solid 1px #078AD3;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	margin:0px;

	background-image: url(../images/deco/bg-postit.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#root a{

	color: #299DCE;

}

#root a:hover{

	color: #333333;

}

#handle {

	color:#FFFFFF;

	padding:4px 3px 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	margin:0px;

	cursor:move;

	height: 50px;

	font-weight: bold;

	text-align: right;

}