/* Ce fichier définit le style visuel pour les différents éléments du blog.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - les éléments HTML en général
 * - la page
 * - l'entête
 * - le prélude
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est défini dans le fichier layout.css
 * Pour mettre la barre de navigation à gauche, décommentez l'appel à
 * layout-gauche.css
 */

@import "layout.css";


/* Les éléments HTML en général
-------------------------------------------------------- */

    body{
    	width:1024px;
		background: #FFF;
    	color: #000;
    	font-size: 80%;
    	line-height: 1.6em;
    	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }

    h1, h2, h3, h4, h5, h6{
    	font-family: "Arial", sans-serif;
    }

    h1{font-size: 1.5em;}
    h2{font-size: 1.4em;}
    h3{font-size: 1.3em;}
    h4{font-size: 1.2em;}
    h5{font-size: 1.1em;}
    h6{font-size: 1em;}

    pre, code{
    	font-size: 1.2em;
    }

    pre{
    	width: 100%;
    	overflow: auto;
    	border: 1px solid #CCC;
    }

    fieldset{
    	border: none;
    }

    label{
    	cursor: pointer;
    	cursor: hand;
    }

    .field label{
    	display: block;
    }

    input,textarea{
    	border: 1px solid #999;
    }

    textarea{
    	width: 100%;
    	font-size: 1em;
    	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }

    a{
    	color: #000;
		text-decoration: underline;
    }

    a:visited{
    	/*color: #663;*/
		text-decoration: underline;
    }

    a:hover{
    	/*color: #636;*/
		text-decoration: none;
    }

    .left{
    	float: left;
    	margin-right: 1em;
    }

    .right{
    	float: right;
    	margin-left: 1em;
    }


/* La page
-------------------------------------------------------- */

    #page{

    	/*color: inherit;

		background: #fff url(img/bg_page.png) no-repeat left top;

		background-color:#fff;
		background-image:url(img/bg_page.png)!important;
		background-image:url(no-image);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod='scale', src='themes/site_amie/img/bg_page.png');
		background-repeat:no-repeat;*/

    }


/* L'entête
-------------------------------------------------------- */

    #top{
		height: 110px;
		width:1024px;
    	/*background: url(img/bandeau.jpg) no-repeat left top;*/
		color:#FFF;
		/*
    	background-color:#fff;
    	background-image:url(img/bg_bandeau.png)!important;
		background-image:url(no-image);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod='scale', src='themes/site_amie/img/bg_bandeau.png');
		background-repeat:no-repeat;
		*/
    }


	#top a{
    	text-decoration:underline;
    	background: transparent;
    }

    #top a:hover{
    	text-decoration:none;
    	background: transparent;
    }




/* Le contenu
-------------------------------------------------------- */



	/* Formulaires de Recherche des Adhérents
	----------------------------------- */
	form.noMargin { margin:0; }




	/* Formulaires de Contact - Devis
	----------------------------------- */
	div.form-line		 { margin:2px 0 0 25px; }
	div.form-line-submit { margin:2px 45px 0 0; text-align:right; }
		div.form-line label			 { text-align:right; font-size:90%; float:left; display:block; width:125px; cursor:pointer; }
		div.form-line textarea		 { font-size:90%; color:navy; border:1px inset #eee; width:350px; }
		div.form-line input			 { font-size:90%; color:navy; border:1px inset #eee; width:350px; }
		div.form-line input.focus	 { font-size:90%; color:navy; border:1px inset #eee; width:350px; background-color:#eee; }
		div.form-line textarea.focus { font-size:90%; color:navy; border:1px inset #eee; background-color:#eee; }
		div.form-line input.error	 { border:1px dotted #f00; }
		div.form-line textarea.error { border:1px dotted #f00; }
		div.form-line-submit input.submit	 { cursor:pointer; border:1px outset #eee; background-color:#eee; }


	/*
	*/
	.adherentFiche { /*border:1px solid #000; */}
		.adherentSpace		{ padding:5px; }
		.adherentContenu	{ padding:5px 10px 20px 25px;}
		.adherentAdresse	{ padding:0 0 5px 25px;	}
		.adherentRS			{ width:62%; height:50px; float:left; font-size:150%;  padding:10px 0 0 10px; }
		.adherentLogo		{ width:33%; height:50px;  float:right; text-align:right; padding:5px 10px 0 0; }
		.adherentPartie		{ clear:both; font-weight:bolder; padding:5px 0 1px 5px; border-bottom:2px solid #802A38; color:#802A38;}
		.adherentTitle		{ text-decoration:underline; }



	div.search_overbloc	{
    	border:1px solid #999;
    	padding:1px;
    }

	div.search_bloc	{
    	border:1px solid #B2D20B;
		padding:0 0 0 15px;
    }

	.search-title {
		color: #663;
	}

    .post-title{
    	color: #F90;
    	background: transparent;
    	margin-bottom: 0;
    }

    .post-title a{
    	color: #F90;
    	background: transparent;
    	text-decoration: none;
    }

	.post-title a.activeLink{
    	color: #663;
    	background: transparent;
    	text-decoration: none;
    }


    .post-content{
    	text-align: justify;
    	font-size:85%;
    	line-height:1.5em;
		font-size: 10pt;
    	font-family: Arial, sans-serif;
		width:755px;
		margin-top:5px;
		text-decoration: none;
    }

    p.moreLink	{
		text-align:right;
	}


	/* Liste des Produits
	----------------------------------- */
	div.produitItem {
		margin:5px 5px 0 0;
		padding:2px;
		width:152px;
		height:140px;
		background-color:#fff;
		border:1px solid black;
		float:left;
	}

	div.produitTitre{
		text-align:center;
	}

	div.produitOverImg{
		height:110px;
	}

	div.produitItem img{
		width:152px;
	}

	div.produitPrix	{
		font-weight:bolder;
		font-size:120%;
		text-align:right;
		padding:0 3px 0 0;
	}

	span.prixOriginal	{
		color:red;
		text-decoration:line-through;
		font-size:75%;
		font-weight:normal;
	}



	/* Fiche d'un Produit
	----------------------------------- */
	div.produitItemSeul {
		padding:2px;
		width:100%;
	}

	div.produitItemSeul img{
		width:300px;
	}

	div.produitPrixSeul	{
		font-weight:bolder;
		font-size:120%;
	}
	div.produitAutresInfos	{
		margin:-15px 0 25px 0;
	}



	/* Liste des Média
	----------------------------------- */
	div.mediaItem {
		margin:5px 5px 0 0;
		padding:2px;
		width:152px;
		height:140px;
		background-color:#fff;
		border:1px solid black;
		float:left;
		overflow:hidden;
	}

	div.mediaTitre{
		text-align:center;
		margin:0 0 2px 0;
	}

	div.mediaOverImg{
		height:110px;
	}

	div.mediaItem img{
		width:152px;
	}


	/* Fiche d'un Elément Média
	----------------------------------- */
	div.mediaItemSeul {
		padding:2px;
		width:100%;
	}

	div.mediaItemSeul img{
		width:400px;
	}




/* La barre de navigation
-------------------------------------------------------- */

    #sidebar div{
	width: 200px;
	background-color:#7389AE;
    }

    #sidebar div ul{
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }

    #sidebar h2, #sidebar h3{
    	color: #000;
    	margin: 0;
    	/*padding: 0 0 1ex 0;*/
    }

    #sidebar h3{
    	font-size: 1em;
    	margin: 0;
    }

    #search fieldset, #search p{
    	margin: 0;
    	padding: 0;
    }

    #q{
    	padding-left: 18px;
    	background: #fff url(img/q.png) no-repeat 4px center;
    }





/* Le pied de page
-------------------------------------------------------- */

    #footer{
    	font-size:75%;
      	margin: 0;
    	padding: 1em 0 1em 0;
    	color: #FFF;
    	text-align:center;
    	height: 25px;
		width:1024px;
		background-color:#222222;
    }

    #footer a{
    	color: #FFF;
    	text-decoration:none;
    }

     #footer a:hover{
    	color: #FFF;
    	text-decoration:none;
    }