/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
#contenu h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-align:left;
	color:#fff;
	font-weight:bold;
	padding:30px 0 10px 10px;
	text-transform:uppercase;
	}
#texte  h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-align:left;
	color: #faca39;
	font-weight:bold;
	background:url(../images/charte/puce-h2.gif) no-repeat bottom left;
	text-indent:40px;
	height:20px;
	margin:10px 0 5px 0;
	}
#texte  a:link, #texte a:visited{
	font-weight:bold;
	text-decoration:none;
	color: #faca39;
	background:url(../images/charte/puce-lien.gif) no-repeat bottom left;
	padding-left:20px;
	}
#texte  a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #faca39;
	background:url(../images/charte/puce-lien.gif) no-repeat bottom left;
	padding-left:20px;
	}
.txt12gris{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	color:#c6c6c6;
	font-weight:bold;
	}
#page_dynamic{
	padding-top:15px;
	padding-left:0px;
	width:515px;
	}
	#page_dynamic p{
		margin:5px;
		}
	.subtitle1{
		text-align:center;
		color:#faca39;
		font-size:1.2em;
		font-weight:bold;
		}
	.subtitle2{
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		}
	.image_right{
		float:right;
		margin:5px 0px 5px 5px;
		cursor:pointer;
		}	
	.image_left{
		float:left;
		margin:5px 5px 5px 0px;
		cursor:pointer;
		}
	.line{
		text-align:left;
		clear:both;
		padding:5px 0px;
		}
	.list1{
		 margin:20px 0px 10px 80px;
		 list-style-type:none;
		}
		ul.list1 li{
			background:url(../images/charte/icon_list.gif) no-repeat left 3px;
			padding-left:15px;
			margin-top:5px;
			}
	.box{
		background:url(../images/charte/icon_list.gif) no-repeat left 2px;
		padding-left:15px;
		}		
	.bottomBox{
		border-bottom:1px dotted #faca39;
		text-align:right;
		color:#faca39;	
		padding-bottom:2px;	
		}
#texte .page:link, #texte .page:visited{
	font-weight:bold;
	text-decoration:none;
	color:red;
	background:none; 
	padding-left:0;
	}
#texte .page:hover, #texte .page:active{
	font-weight:bold;
	text-decoration:underline;
	color: #faca39;
	background:none; 
	padding-left:0;
	}
/*---popup images---*/
#fermer_link:link, #fermer_link:visited{
		color:#FFCC3A;
		text-decoration:none;
		font:bold 12px Arial, Helvetica, sans-serif;
		}
#fermer_link:hover, #fermer_link:active{
		color:#FFDE79;
		text-decoration:underline;
		font:bold 12px Arial, Helvetica, sans-serif;
		}
/*---Contact---*/
.label{
	color:#000;
	padding-left:5px;
	}
#contact_adresse{
	background:url(../images/charte/contact_adresse.gif) no-repeat left top;
	width:173px;
	height:111px;
	float:left;
	margin-top:10px;
	padding-top:35px;
	color:#2B2A2A;
	margin-left:35px;
	}
.mail_label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#fff;
	}
.mail_input{
	width:110px;
	float:left;
	margin-top:5px;
	color:#000; 
	}
.inputForm{
	border:1px solid #CDBA61;
	background-color:#F8F7E2;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}
.inputFormOver{
	border:1px solid #CDBA61;
	background-color:#EEE1A5;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}
.button{
	border:1px solid #F8F7E2;
	background-color: #FF0000;
	width:65px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	}
.buttonOver{
	border:1px solid #F8F7E2;
	background-color: #FFFFFF;
	width:65px;
	color:#B50202;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	}
.cyc{
	display:none;
	}
		
/* AJOUTER  PAR DEV : */
#livredorlien a:hover, #livredorlien a:active {
margin:0;
padding:0;
background:none;
}