@import url("lightbox.css");
@import url("formulaire.css");
 /*------------------------------------------------------*
  *---------    ICARE-NET.COM - agence web ---  CSS  ----*
  *------------------------------------------------------*/
html {
   margin: 0;
   padding: 0;
}

body {
	scrollbar-face-color: #CCC;
	scrollbar-shadow-color: #000;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #000;
  	margin: 0;
 	padding: 0;
	background-image: url(../images/deco/bg.gif);
	background-repeat: repeat-x repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000;
}
form, input     {margin: 0px;padding: 0px;}
select          {color: #000;background-color: #fff;}
p               {margin: 0px;padding: 0px;}
/*li              {list-style-image: url(../images/deco/puce.gif);}*/
img             {border:0;margin:0;padding:0;}

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

#flash{
	width:600px;
	height:200px;
	margin-top: 0px;
	margin-bottom: 1px;
	background-color: #FFFFFF;
}
#general{
	width:908px;
	height:100%
	background-color: #E4E5C3;
	margin-left: auto;
	margin-right: auto;
	background-color: #AEAEAE;
}

/*Haut de page*/

#header{
	margin:0 auto;
	padding:0;
	width:600px;
	height:auto;
	background-color: #ffffff;
}
#header a       {color:#fff;text-decoration:none;}
#header a:hover {color:#CCC;}

/*Contenu de page*/

#content2 {
	width: 680px;
	height: auto;
	background-color: #E4E5C3;
	float:right;
	height: auto;
	padding-right:5px;
	margin-left: 20px;
}

#content {
	width: 690px;
	height: auto;
	float:left;
	height: 100%;
	padding-right:5px;
	background-color: #dbd9d9;
}

/*#content ul {
	margin-left:15px;
}*/

#content .contenu ul.niv1, #content .contenu ul.niv2, #content .contenu ul.niv3 {
	display:block;
}

ul.niv1 li {
	background:url(../images/deco/puce-pellicule2.jpg) left top no-repeat;
	padding:0 0 0 25px;
	list-style:none;
	margin-bottom:10px;
	display:block;
}

ul.niv2 li {
	background:url(../images/deco/puce-film.jpg) left top no-repeat;
	padding:1px 0 0 25px;
	list-style:none;
	margin:10px 0;;
	display:block;
}

ul.niv3 li {
	background:url(../images/deco/puce-diaph.jpg) left top no-repeat;
	padding:3px 0 0 25px;
	list-style:none;
	margin:10px 0;
	display:block;
}


/*.list-niv1 {
	background:url(../images/deco/puce-pellicule2.jpg) left top no-repeat;
	padding:0 0 0 25px;
	list-style:none;
	height:20px;
	margin-bottom:10px;
}

.list-niv2  {
	background:url(../images/deco/puce-film.jpg) left top no-repeat;
	padding:0 0 0 25px;
	list-style:none;
	height:20px;
	display:block;
}

.list-niv3 {
	list-style-type:lower-greek;
}
*/

#content__  p , #content2__  p
{
	margin: 0 10px 0 20px;
	text-align: justify;
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
}

#content h2     {font-size: 2em;margin: 0 10px 0 20px;padding: 20px 0 0 48px;color: #4c5543;border-bottom:1px dotted #cc9;background: url(../images/deco/losange.jpg) no-repeat bottom left}
#content h3     {font-size: 1.6em;margin: 10px 10px 0px 20px;padding: 0px;color:#996;}
#content___  h4     {
	color:#996;
	margin-left: 10px;
	margin-right: 10px;
}

#fondphoto      {background:#4c5543}
#boxhome {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 600px;
	height: 600px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -300px; /* moitié de la largeur */
	text-align: center; /* on rétablit l'alignement normal du texte */
	border: solid #4c5543 1px;
	background-color: #FFFFFF;
}

/*** Temporaire pour tests ***/  
hr              {visibility: hidden;text-align:center;height:13px;width:100px}
 /********** Liste Menu Top ************************/
#menu           {background:#4c5543;}
ul#menu         {background: #4c5543;height: 60px;margin: 0;
                  padding: 0;list-style-type: none ;}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond*/
ul#menu li      {float: left ;text-align: center ;}
/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */
ul#menu li a    {border-right:1px solid #cc9;font-size: 8pt ;width: 118px ;line-height: 20px;letter-spacing: 0px ;color: #efefef;
                  display: block ;text-decoration: none ;background-color: #4c5543}
/* C'est sur les liens que le gros du travail est effectué, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a grâce à la propriété display: block ; */
ul#menu a:hover {color: #000;letter-spacing: 0px ;background: url(../images/deco/button02.gif) no-repeat center;}
/********** Fin Liste Menu Top ********************/
 
 
/*Bas de page*/

#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #aeaeae;
	color: #FFFFFF;
	margin-top: 30px;
	text-align:center;
}

#adresse{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #aeaeae;
	color: #ffffff;
	margin-top: 0px;
	text-align:center;
}



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

 /*------------------------------------------------------*
  *-------------------------------     CSS PLANS     ----*
  *------------------------------------------------------*/
  
/*page plans*/
#divmail{
  float:right;
  background: #4c5543;
  margin:0;
  padding-size:0;
  text-align:center;
  width:360px;
  height:500px;
}
#divmail p    {font-size:1.5em;color:#efefef;text-align:left;margin-left:50px}

#divplan {
  float:left;  
  background: #4c5543;
  margin:0;
  padding-size:0;
  text-align:center;
  width:240px;
  height:500px;
}
#divplan span {float:left;color:white;}
#divplan p    {text-align:center;margin: 0;padding:o}
#divplan h3   {margin: 0;padding: 0;}

#plan   {
	width: 240px;
}

#plan img {
 margin-top: 10px;
	margin-bottom: 10px;
}

/*pop up plans*/
#popup_plan {
  background:#4c5543;
  margin-top:20px;
	width: 570px;
	position: absolute;
	left: 50%;
	margin-left: -285px;
}

#popup_plan a {
	color:#efefef;
	text-decoration:none;
}

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

#popup_plan img {
	border: 1px solid #333;
}




 /*------------------------------------------------------*
  *------------------------------     CSS MENU     ----*
  *------------------------------------------------------*/

#menu2 {
	width:213px;
	height:100%;
	background-color: #aeaeae;
	float: left;
	padding-top: 15px;
	display: block;
}


#blueblock{
	width: 213px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #AEAEAE;
	color: #FFFFFF;
	margin-top: 10px;
}

* html #blueblock{ /*IE 6 only */
	w\idth: 180px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #ffffff;
margin: 0;
}

#blueblock li a{
	display: block;
	padding: 5px 5px 5px 8px;
	border-left: 10px solid #929292;
	border-right: 10px solid #7c7c7c;
	background-color: #5f6062;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover
{
	border-left: 10px solid #5f6062;
	border-right: 10px solid #5f6062;
	background-color: #929292;
	color: #000000;
}

#blueblock li a.menu_ac
{
	border-left: 10px solid #5f6062;
	border-right: 10px solid #5f6062;
	background-color: #929292;
	color: #000000;
}




 /*------------------------------------------------------*
  *------------------------------     CSS TITRES     ----*
  *------------------------------------------------------*/
 .titre_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-align: right;
	background-color: #5f6062;
	letter-spacing: 0.3em;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}
 
 .titre_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F5FFE1;
	text-align: left;
	background-color: #998556;
	padding: 1px 3px 1px 20px;
	letter-spacing: 0.2em;
}
 
.titre_2 a
{
	text-decoration:none;
	color: #F5FFE1;
}
  
   h1 {
   	margin: 0px;
    padding: 0px;
	   color:#000;

  }
  
   h2 {
   	margin: 5px;
    padding: 5px;
	   color: #003;
  }
  
   h3 {
   	margin: 5px;
    padding: 0px;
  	 color:#f90;
  }
  
h4
{
	/*margin: 0px;
	padding: 0px;
	*/
	color:#000;
}
  
   h5 {
   	margin: 0px;
    padding: 0px;
  	 color:#000;
  }
  
   h6 {
   	margin: 0px;
    padding: 0px;
  	 color:#000;
  }

texte_blanc_gras {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
}
 

 /*-----------------------------------------------------------*
  *-----------------------------------     CSS EFFETS     ----*
  *-----------------------------------------------------------*/

#zone {
	margin:5px;
	width: 300px;
	height: 250px;
	overflow: auto;
	}


.transparence {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	}
.bord_image {
	border: 3px solid #5f6062;
}

.bord_image:hover {
	border: 3px solid #aeaeae;
}
	

.bord_image_catalogue {
	border-left: 1px solid #998556;
	border-top: 1px solid #998556;
}


.liens_page {

	text-decoration:none;
	color:#000000;
	background-color: #A3B188;
	font-size: 12px;
}

.liens_page:hover {
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
	}
	
.liens_page2 {

	text-decoration:none;
	color:#000000;
	font-size: 12px;
}

.liens_page2:hover
{
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
}
	
.liens_presentation {
	color: #5F6062;
	text-decoration: none;
}

.liens_presentation:hover {
	color: #AEAEAE;
	text-decoration: none;
}
	
	
/*------------------------------------------------------*
  *-----------------------------------     ANNONCE    ----*
  *------------------------------------------------------*/
  
  .liens_annonces {
	padding: 5px;
	padding-bottom: 10px;
	margin: 10px;
	width: 50%;	
	background-color: #E4E5C3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	text-align: left;
}

.liens_annonces a{
	text-decoration: none;
}

.liens_annonces h1{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

.liens_annonces .annonce{
	width: 130px;
	float: left;
	margin-right: 5px;
}

.liens_annonces .annonce .nom_site{
	color: #A3B188;
}

.liens_annonces .annonce .txt_lien{
	color: #000000;
	font-size: 10px;
}

.liens_annonces .annonce .url_site{
	color: #CC6633;
	font-size: 10px;
}

#content p span.des, .des
{
	font-weight:bold;
	background-color: #f3f3f3;
	text-align: left;
}
.des-tr
{
	font-weight:bold;
	background-color: #f3f3f3;
	text-align: center;

}
#content p span.prix, .prix
{
	color: #5F6062;
	font-weight: bold;
	background-color: #ebebeb;
	text-align: center;
}
.tab
{
	width: 640px;
	margin-right: 10px;
	background-color: #f3f3f3;
	margin-left: 20px;
}

.gal_bas
{
	width: 640px;
	margin-left: 20px;
	margin-right: 10px;
}

#flashcontent
{
	margin-top:5px;
	margin-right: 0px;
	margin-left: 0px;
}
.contenu
{
	background-color:#FFFFFF;
	padding: 20px 10px 20px 10px;
	margin: 10px;
}
.contenu h4
{
	background-color: #7c7c7c;
	color: #FFFFFF;
	font-size: 14px;
	margin-bottom: 0px;
}
.contenu h4 a, .contenu h4 a:hover
{
	text-decoration:none;
	color:#FFFFFF;
	font-size: 14px;
	margin-top: 10px;
}

.contenu p
{
	margin: 5px 0 0 0;

}
.contenu .titre_accueil  
{
	background-color: #aeaeae;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
#general #left_content
{
	background-color: #AEAEAE;
	float: left;
	width: 213px;
}
.contenu table
{
	margin-top:10px;
	margin-bottom: 10px;
}
.contenu .left
{
	width: 300px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}
.contenu .right
{
	width: 300px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}
.liens_contact {
	text-decoration:none;
	color:#7C7C7C;
	font-size: 12px;
	font-weight: bold;
}

.liens_contact:hover
{
	color:#5F6062;
	text-decoration:none;
	font-weight: bold;
}