@import "charte.css";



/* STYLE CONTENU */

#colLeft h1{

	font-family: Arial, "Times New Roman", Times, serif;

	font-size: 17px;

	font-weight: bold;

	text-align:left;

	line-height: 22px;

	color:#000000;

	margin:45px 0 15px 36px;

	border:1px solid red;

}

#divContact span.symbol{
	font-family: Arial, "Times New Roman", Times, serif;

	font-size: 18px;

	font-weight: bold;

	text-align:left;

	line-height: 22px;

	color:#a91101;


	}

#colLeft h1 span{

	color:#a91101;

}

#colright, .blocinfo{

	float:right;

	margin-left:15px;

	margin-top:10px;

	padding:1px 10px 10px 10px ;

	width:230px;

	height:110px;

	text-align:center;

	/*border:1px solid red;*/

	background-image:url(../images/charte/bg-slogan.gif);

	background-repeat:no-repeat;

}

 #colLeft  p{
 	margin:0px 0;
	
	font-family:Arial, Helvetica, sans-serif;
	
	line-height:17px;
	font-size:11px;
	color:#a91101;
	

	padding:0px;

 
 }
#colright p, .blocinfo p{

	margin:0px 0;
	font-family:Arial, Helvetica, sans-serif;
	
	line-height:17px;

	padding:0px;

	/*color:#00FF00;*/

}

#colright .txtmini, .blocinfo .txtmini{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

}

#contenu h1{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 17px;

	font-weight: bold;

	text-align:left;

	line-height: 22px;

	color:#ac1b09;

	margin:10px 0 15px 0px;

}

#contenu h2{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 18px;

	font-weight: bold;

	color:#a91101;

	margin-bottom: 5px;

	text-align: left;

}

#contenu h3{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 18px;

	font-weight: bold;

	color:#a91101;

	padding-top: 15px;

}

#contenu h4{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 14px;

	font-weight: bold;

	color:#a91101;

	padding-top: 15px;

	text-align:center;

}

#contenu-text p{

	margin:10px 0;

}

#contenu-text p.droite{

	text-align:right;

	/*border:1px solid red;*/

}

ul{

	margin-left:40px;

}

li{

	list-style:url(../images/charte/puce01.gif);

	list-style-type:none;

	margin:15px 0 0px 0;

}



.bull1{

	background-image: url(../images/charte/bull1.gif);

	background-repeat: no-repeat;

	background-position: top left;

	padding-left: 15px;

	margin-top: 10px;

	margin-left: 25px;

	text-align: left;

}

.bull2{

	background-image: url(../images/charte/bull2.gif);

	background-repeat: no-repeat;

	background-position: top left;

	padding-left: 15px;

	margin-top: 10px;

	margin-left: 25px;

	text-align: left;

}



#contenu p.couleur, .couleur{

	font-weight:bold;

	color:#a91101;

}

#contenu a:link, #contenu a:visited{

	font-weight:bold;

	text-decoration:underline;

	color:#a91101;

}

#contenu a:hover, #contenu a:active{

	text-decoration:underline;

	color:#000;

}

.invisible{

	display:none;

}

.compte{

	text-align: right;

	padding-top: 15px;

}

#contenu .bloc-important{
	width:400px;
	border:1px solid #ac1b09;
	padding:15px;
	text-align:center;
	margin: 20px 0;
	font-weight:bold;
	font-size:13px;
	font-variant:small-caps;
	letter-spacing:5px;
}

/* ---------- PAGE ACCUEIL ------------*/

#bloc-accueil{
	background-image: url(../images/accueil.png);
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil.png', sizingMethod='scale');
	float:left;
	width:750px;
	height:750px;
	margin-top:10px;
}
#contenu #bloc-accueil p#accueil-introduction{
	font-size:14px;
	text-align:center;
	line-height:20px;
}
.blocinfo {
	float:left;
	margin-bottom:40px;
	margin-left:80px;
	margin-top:20px;
}
.blocinfo p{
	font-size:16px;
	line-height:22px;
}
.privilege {
	margin-top:40px;
	margin-left:50px;
}
#video {
	float:left;
	width:300px;
	height:325px;
	margin-left:60px;
}


/*------------ PAGE HISTORIQUE -----------*/

#bloc-historique-gauche{
	float:left; 
	width:250px; 
	margin-right:50px; 
	line-height:22px;
}

#bloc-historique-droite{
	float:left; 
	width:250px; 
	margin-left:50px; 
	line-height:19px;
}

#contenu #bloc-historique-conclusion{
	text-align:center; 
	width:720px; 
	margin:20px auto 0 auto;
}
	
	
/********************** Page LA CHRONIQUE *********************/

#chronique-image{
	float:right;
	margin-left:20px;
	padding:0;
}

#chronique-image img{
	border:1px solid #ccc;
}

#chronique-contenu{
	float:left;
	width:500px;
}