/*----------------------------------------------
Site >> COSIHOME.FR
Utilité >> Feuille de style du site
Nom du fichier >> style.css
Copyright © >> http://www.akoter.com 
--------------------------------------------------- */


	html, body {
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		border: none;
		background:white;
	}

	/* ------------ liens généraux -------------------- */
	a {color:#669933; text-decoration:underline;}
	a:hover {color:#666666; text-decoration:none;}
	/* ------------ liens du menu -------------------- */
	a.menu {color:#ffffff; text-decoration:none; font-family: tahoma, verdana, helvetica, arial; font-size: 11px; font:bold}
	a:hover.menu {color:#ffcc00; text-decoration:none; font-family: tahoma, verdana, helvetica, arial; font-size: 11px; font:bold}
	/* ------------ liens du menu -------------------- */
	a.vert {color:#669933; text-decoration:underline; font-family: tahoma, verdana, helvetica, arial;}
	a:hover.vert {color:#000000; text-decoration:none; font-family: tahoma, verdana, helvetica, arial;}

	a.brown {color:brown; text-decoration:underline; font-family: tahoma, verdana, helvetica, arial;}
	a:hover.brown {color:#000000; text-decoration:none; font-family: tahoma, verdana, helvetica, arial;}
	
	a.brownnonsouligne {color:brown; text-decoration:none; font-family: tahoma, verdana, helvetica, arial;}
	a:hover.brownnonsouligne {color:#000000; text-decoration:none; font-family: tahoma, verdana, helvetica, arial;}

	td {font-family: tahoma, verdana, helvetica, arial; font-size: 11px;}

	#Conteneur {
		margin-left: auto;
		margin-right: auto;
		width:990px;
	}

	#MenuDrte{
		background: url('./img/FdMenuDroite.png') top left no-repeat;
		padding:10px 0 0 25px;
		height:481px;
	}

	#Page{
		padding:0 8px 0 0;
		/*background:gray;*/
	}

	#LigneLogo {
		width:778px;
		height:68px;
		float:left;
		padding:5px 0 ;
		/*
		background:gray;
		border:1px solid red ;
		*/
	}

	#logo{
		/*margin:5px;*/
		float:left;
	}

	#CoteLogo{
		/*margin:5px 0 0 5px;*/
		/*background:gray;*/
		width:445px;
		height:68px;
		float:left;
	}


	.Navigation{
		margin:5px 0 0 0;
		/*background:olive;*/
		padding:5px 10px;
		width:750px;
		text-align:left;
		float:right;
		font-weight:bold;
		/*background: url('./img/FdDiagonale.gif') ;*/
		background:#E9E9E9 ;
	}
	
	#ZoneImage{
		margin:5px 0 10px 0;
		/*background:brown;*/
		float:left;
	}

	#Dessin{
		margin:5px 0 0 0;
		width:320px;
		color:#666666 ;
		float:left;
	}

	#Commentaire{
		margin:5px 0 0 8px;
		padding-left:8px;
		border-left:1px solid green;
		/*background:red;*/
		float:left;
		width:416px;
	}

/****************************************************************
/ Gestion de l'affichage du menu
/****************************************************************/

.PointHorizontal {background: url('./img/PointSousMenu.gif') no-repeat 9px 12px ;}

ul#menu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menu li {
	margin: 0 ; /* espace entre le lignes */
	padding: 0 ;
	letter-spacing:0.1px;
}
ul#menu li a.LienMenuGauche {
	display: block ;
	width: 175px ;
	line-height: 23px ;
	text-indent: 10px ; /*décale le texte de 40px du bord gauche */
	color:#669933;
	text-decoration:underline;
	font-weight:bold;
	margin-bottom:1px;
}
ul#menu li a:hover.LienMenuGauche {
	color:#666666;
	text-decoration:none;
	/*background: url('./img/LogoCarre.gif') no-repeat 2px 3px ;*/
	background-color:#E5E5E5 ;
	border-right:3px solid #666666 ;	
	margin-bottom:1px;
}

ul#menu li a.RayonSelectionne {
	display: block ;
	width: 175px ;
	line-height: 23px ;
	text-indent: 5px ; /*décale le texte de 40px du bord gauche */
	color:black;
	font-weight:bold;
	text-decoration:none;
	background-color:#e0ebcc ;	
	border-right:3px solid #669933 ;
	margin-bottom:1px;
}
ul#menu li a:hover.RayonSelectionne {
	background-color:#E5E5E5 ;
	border-right:3px solid #666666 ;	
	margin-bottom:1px;
}


ul#SousMenu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#SousMenu li {
	margin: 0 0 -1px 0 ; /* espace entre le lignes */
	padding: 0 ;
}
ul#SousMenu li a.LienSousMenuGauche {
	display: block ;
	width: 175px ;
	line-height: 23px ;
	text-indent: 20px ; /*décale le texte de 40px du bord gauche */
	color:#669933;
	text-decoration:underline;
	background: url('./img/PointVertical.gif') repeat-y 7px 7px ;
}
ul#SousMenu li a:hover.LienSousMenuGauche {
	color:#000000;
	text-decoration:none;
	background-color:#E5E5E5 ;
	border-right:3px solid #666666 ;	
}

ul#SousMenu li a.LienSousMenuGaucheSelect {
	display: block ;
	width: 175px ;
	line-height: 23px ;
	text-indent: 20px ; /*décale le texte de 40px du bord gauche */
	font-weight:bold;
	color:brown;
	text-decoration:underline;	
	border-right:3px solid brown ;
	background: url('./img/PointVertical.gif') repeat-y 7px 7px ;
	/*background-color:#f2dfdf ;	*/
	background: url('./img/FdDiagonale.gif');
}
ul#SousMenu li a:hover.LienSousMenuGaucheSelect {
	color:#000000;
	text-decoration:none;
	background-color:#E5E5E5 ;
	border-right:3px solid #666666 ;
}


.vignetteMenuLigne {
	border-right:1px dotted green ;
	border-bottom:1px dotted green ;	
	padding: 7px 0 15px 0 ;
	font-size:10px;
	text-align:center;
}
.vignetteMenu {
	border-bottom:1px dotted green ;
	padding: 7px 0 15px 0 ;
	font-size:10px;
	text-align:center;	
}

.vignetteCadre {
	/*border: 1px solid #a5b116 ;*/
	padding: 7px 0 15px 0 ;
	text-align:center;
	font-size:10px;
	/*background: url('./img/FdDiagonale.gif') repeat 0 0 #f2dfdf ;*/
	background: url('./img/FdDiagonale.gif');
}


.CadrePtsVente {
	margin-top:2px;
	border:1px dotted #669933 ;
	background:#e0ebcc ;
	padding: 10px ;
	color:black;
}
.CadrePtsVenteOn {
	margin-top:2px;
	border: 1px solid gray ;
	background: #eeeee5 ;
	padding: 10px ;
	color:black;
}

.PtsVenteDepartement {
	margin:1px 0;
	background:#eeeee5;
	padding:5px;
	/*border-top:1px dotted #999966;*/
	border-right:7px solid #669933;
	color:black;
}

.PtsVenteDepartement2 {
	margin:1px 0;
	background:#eeeee5;
	padding:5px;
	/*border-top:1px dotted #999966;*/
	border-right:7px solid #669933;
	color:black;
}

.Cadre2 {
	border: 1px solid #990099 ;
	background: #f0d9f0 ;
	padding: 10px ;
	color:#555;
}


.BasForm {
	background: url('./img/Bas600.png') no-repeat bottom left ;
}

.Copyright {
	line-height: 14px ;
	padding-bottom:10px ;
}
/****************************************************************/

.VignetteGamme {
	text-align:left;
	margin:0 20px 10px 0px;
	padding:0 0 5px 0;
	line-height:16px;
	border-bottom:1px solid #CCCCCC;
}
.VignetteGammeHorizontale {
	text-align:left;
	margin:0 20px 10px 0px;
	padding:0 0 5px 0;
	line-height:16px;
	border-bottom:1px solid #CCCCCC;
}
/****************************************************************/

.PasArticle {
	font-weight:bold;
	text-indent: 95px ; /*décale le texte du bord gauche */
	font-size:10px;
	color:#CC0000;
}

/****************************************************************
/ Gestion de l'affichage du contenu du alt d'une image
****************************************************************/
div.nicetitle {
	z-index:1000;
	position: absolute;
	overflow: hidden;
	width: auto;
	text-align: left;
	opacity: 0.90;
	filter: alpha(opacity=90);
	border-bottom:1px dotted black;
	/*	font-weight: bold; */
}
div.nicetitle .text {
	color: #black;
	font-weight: bold;
}

div.nicetitle div {
	background: #e0ebcc;
	padding: .3em .6em;
	font-family: 'trebuchet ms', Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

	/* ---------------------------------------------------------------------------------------------- BALISES COMMUNES (début) -------------------------------------------------------------------------------------------------------------------*/

.EnAttente {
	font-weight:bold;
	color:#af0200;
	border:1px solid red;
	margin:8px 0 ;
	padding:20px 20px 20px 30px ;
	background:url('./img/commun/FdErreurChamp.gif') no-repeat #ffe5e5 ;
	background-position: 10px 50% ;
}



.Cadre3 {
	border:1px dotted olive ;
	background:#e0ebcc ;
	line-height:1.4em;
	font-size:11px;
	padding:5px;
}

.InfoAdmin{
	border:1px dotted red ;
	background:#FFDEDE ;
	line-height:1.4em;
	font-size:11px;
	padding:5px;
}


hr {border-top:1px dotted #669900; height:1px;}
p, h1, h2, h3, h4, h5{
	padding:0;
	margin:0;
}

.text10 { font-family:  Tahoma,Verdana, Helvetica, Arial; font-size: 10px } /* caractères de 10*/	
	
.AdminHeader {
	background-color:#669900 ;
	height:30px;
}

.AdminFooter {
	background-color:#669900 ;
	height:30px;
}



.CadrePoint {
	background-color:#E1E1E1;
	border: 1px black dotted;
	font-family: 'trebuchet ms', verdana, arial ;
	padding:10px ;
}

.FdColor1 {color:#000000; background: #EEFFEE;}
.FdColor2 {color:#000000; background: #CEFCCD;}
.FdColor3 {color:#000000; background: #FFDEDE;}
.FdColor4 {color:#000000; background: #FFEBEB;}
.FdBleu {background: #B6CAF4;}  
.FdGris {background: #E1E1E1;} 
.FdRge1 {background: #FFDEDE;} 
.FdBleu1 { background: #CACAFF;}

.ArticleMasquer {background-color: #FFDDAD;}
.ArticleActiver {background-color: #B6CAF4;}



input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*width: 200px ;*/
}


.ErreurChamp {
	font-weight:bold;
	color:#af0200;
	border:1px solid;
	border-color: #6a6a6a #dcdcdc #dcdcdc #6a6a6a;
	padding-left:20px;
	background:url('./img/commun/FdErreurChamp.gif') no-repeat #ffe5e5 ;
	background-position: 3px 50% ;
}

.EnAttente {
	font-weight:bold;
	color:#af0200;
	border:1px solid red;
	margin:8px 0 ;
	padding:20px 20px 20px 30px ;
	background:url('./img/commun/FdErreurChamp.gif') no-repeat #ffe5e5 ;
	background-position: 10px 50% ;
}

.ChampObligatoire {background: #fad2b1;font-weight:bold;}





/* ---------------------------------------- Les encards ---------------------------------------- */

legend{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	position:relative;
	_top:-0.6em;
	margin-left: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background: #FFCC33;
	-moz-border-radius: 10px;
	font-weight : bold;
	height: "16";
	border: 1px solid black;
}

fieldset.Num1{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	position: relative;
	border: 1px dashed #0000CC;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #B8BFF5;
	-moz-border-radius: 10px;
}

fieldset.Num2{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	position: relative;
	border: 1px dashed #999999;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #D4D4D4;
	-moz-border-radius: 10px;
}

fieldset.Num3{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	position: relative;
	border: 1px dashed #af0200;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #FFCCFF;
	-moz-border-radius: 10px;
}
/* ---------------------------------------- Les encards ---------------------------------------- */


/* --------------------------------------------------- FORMULAIRE (début) --------------------------------------------------------------------*/

#piedForm {
	text-align: center; /*** Les boutons sont alignés à droite ***/
}

#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
	/*border: 1px solid #FF0000 ;*/
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border: 1px solid gray;
	color: black;
	background: #efefef;*/
	margin: 0;
	padding: 1em;
	/*border: 1px solid #FF0000 ;*/
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 1px 0px 1px 0px;
	margin: 1px 0px 1px 0px;
	/*border: 1px solid #FF0000 ;*/
}

#corpForm div#coordonnees label, #recherche label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 180px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0 2px 0 0;
	padding: 0 ;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	/*border: 1px solid #FF0000 ;*/
}

#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}


#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding-left: 10;
	margin-left: auto;margin-right: auto;
}

#corpForm .erreur {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: white;
	background: #af0200;
	margin: 10px 150px 0 80px;
	padding:2px 10px;
	font-weight:bold;
}

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #e0ebcc;
	color: black;
}

#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

input, select {
	font-family: 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*width: 200px ;*/
}


#corpForm div#coordonnees label.oblig_2 {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 75px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 ;
	line-height: 2;	/*** ... et centrés verticalement. ***/
	/*border: 1px solid #FF0000 ;*/
}

/* --------------------------------------------------- FORMULAIRE (fin) --------------------------------------------------------------------*/















	/* ---------------------------------------------------------------------------------------------- BALISES COMMUNES (FIN) -------------------------------------------------------------------------------------------------------------------*/