/* CSS Document */
body	{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form { margin: 0; padding: 0; }
h1	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/**
A MODIFIER POUR AGIR SUR LA COULEUR DES RUBRIQUES
dans les deux styles ci-dessous: color: #EDC501;
**/
li.titre_rubrique{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #581C1C;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 0 16px;
	list-style: none;
	border-bottom: 1px solid #581C1C;
	margin: 0;
	display: inline;
	background-image: url(/cosmag_includes/css/images/puce_rubrique_marron_10.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;/*Ete 581C1C ou 581C1B - puce_rubrique_marron_10.jpg le reste A17378 - puce_rubrique_vin_10.jpg*/
	line-height: 17px;	
}
li.titre_rubrique a, li.titre_rubrique a:hover,li.titre_rubrique a:visited{
text-decoration:none;
color: #581C1C;
}

li.titre_rubrique_conseillere{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E86C9F;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 0 16px;
	list-style: none;
	border-bottom: 1px solid #E86C9F;
	margin: 0;
	display: inline;
	background-image: url(/cosmag_includes/css/images/puce_rubrique_rose_10.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;/*581C1B*/
	line-height: 17px;	
}
li.titre_rubrique_conseillere a, li.titre_rubrique_conseillere a:hover,li.titre_rubrique_conseillere a:visited{
text-decoration:none;
color: #E86C9F;
}

/**Boite pour afficher les listes**/
li.boite {

}


.logo_txt a {
	text-decoration: none;
}

.box ul{
	list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-indent: 0;

}
.titre_article
{
font-size:14px;
font-weight:bold;
}
a	{
color: #FFFFFF;
text-decoration: none;
}

a:hover	{
color: #FFFFFF;
text-decoration: underline;
}

a.nosoulign {
	color:#FFFFFF;
	text-decoration: none;
}
a.nosoulign:hover {
	color: #FFFFFF;
	text-decoration: none;

}

a.soulign {
	color:#FFFFFF;
	text-decoration: underline;
}
a.soulign:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	font-size:11px;
}
.petit {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	font-size:9px;
}
a.petit {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	font-size:9px;
}
a.petit:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:9px;
}
td	{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	
}
/**
Style vierge pour exclure les input type tels que image, checkbox et radio 
**/
.nostyle{
border: 0;
background:none;
}
.blankinput {
background: #ffffff;
border: 1px solid #666666;
color:#000000;
font-size:11px;
}
/**pour faire un fil d'ariane, prévoir paddings**/
.ariane	{
	display: block;
	padding: 4px 0 6px 0;
}

/**div comme des tableaux**/
div.float {
 	float: left;
	margin:5px;
	width:64px;
 }

div.float p {
 	text-align: center;
  }
 /** dans le tableau du guide, présentation des infos**/
 /**le libelle**/
 .libelle{
 text-align:left;
 vertical-align:middle;
 font-weight:bold;
 }
 /**la valeur**/
 .valeur{
  text-align:left;
 vertical-align:middle;
 font-weight:normal;
 }
 /**la liste des actions**/
 .action{
  text-align:right;
  vertical-align:middle;
  font-weight:normal;
 }


.maintd	{

}

.td_gauche	{
	width: 133px;
}

.deco_gauche	{
	height: 650px;
	width: 133px;
}

.deco_droite	{
	height: 650px;
}

.coin_gauche	{
	height: 37px;
}

.coin_droite	{
	height: 37px;
}


#navigation	{
	width: 149px;
	height: 178px;
}

#menupratique_pad {
	padding: 24px 0 0 60px;
	/*padding: 24px 0 0 60px;*/
}

#menupratique div ul {
	list-style: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}


#menupratique div li {
	list-style: none;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	text-align:center;
	border-right: solid 1px #754a5f;
	color: #754a5f;
	/*754a5f A17378 */
}

#menupratique div a {
	color: #754a5f;
	text-decoration: none;
}

#menupratique div li:hover {
	list-style: none;
	float: left;
	border-right: solid 1px #3C4291;
}

/*//////////////////////////////////////////////////////////////////////////////////plan du site*/

.niv_1  {
	margin-left:10px;
	color:#FCFCFC;
	}
.niv_1 a:link, .niv_1 a:visited {
	color:#FCFCFC;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
.niv_1 a:hover{
	color:#FCFCFC;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
}


.niv_1 .niv_2{
	margin-left:30px;
	color:#FCFCFC;
	}
.niv_1 .niv_2 a:link, .niv_1 .niv_2 a:visited {
	color:#FCFCFC;
	font-size:14px;
	text-decoration:none;
}
.niv_1 .niv_2 a:hover{
	color:#FCFCFC;
	font-size:14px;
	text-decoration:underline;
}

.niv_1 .niv_2 .niv_3{
	margin-left:40px;
	color:#FCFCFC;
	}

.niv_1 .niv_2 .niv_3 a:link, .niv_1 .niv_2 .niv_3 a:visited {
	color:#FCFCFC;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.niv_1 .niv_2 .niv_3 a:hover{
	color:#FCFCFC;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

.niv_1 .niv_2 .niv_3 .niv_4{
	color:#FCFCFC;
	margin-left:50px;
	}

.niv_1 .niv_2 .niv_3 .niv_4 a:link, .niv_1 .niv_2 .niv_3 .niv_4 a:visited {
	color:#FCFCFC;
	font-size:10px;
	text-decoration:none;
}
.niv_1 .niv_2 .niv_3 .niv_4 a:hover{
	color:#FCFCFC;
	font-size:10px;
	text-decoration:underline;
}