/* 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{
margin:0 20px 5px 0px;
font:bold 1.8em "Trebuchet MS";
text-align:right;
letter-spacing:0.2em;
color:#ffff2e;
}
#contenu p{
	padding:5px 10px 5px 10px;
	font:1.1em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color: #515151;
}
#contenu a:link, #contenu a:visited{
	text-decoration:none;
	color: #df4c24;
}
#contenu a:hover, #contenu a:active{
	text-decoration:underline;
	color: #df4c24;
}
#contenu ul{
	margin:5px 0px 5px 60px;
	font:1.1em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	text-align:justify;
	color: #1a8690;
	list-style-type: disc;
}
#contenu li{
	list-style-type: disc;
}
#contenu .ssliste{
	margin:0px 0 0px 10px;
	font:1em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	text-align:justify;
	color: #dc4820;
	list-style-type: square;
	}
#contenu .gris{
	margin:0px 0 0px 0px;
	font:1em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	text-align:justify;
	color: #515151;
	list-style-type: none;
	}
#footer a:link, #footer a:visited{
font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #1a8690;
	margin:0;
}

#footer a:hover, #footer a:active{
	text-decoration:none;
	color: #23B2C0;
}

.ssfooter {
font:bold 10px Arial, Helvetica, sans-serif;
text-decoration:none;
color: #dc4820;
}
	
.ssfooter:hover {
font:bold 10px Arial, Helvetica, sans-serif;
text-decoration:underline;
color: #dc4820;
}

.rub {
font:bold 14px Arial, Helvetica, sans-serif;
text-decoration:none;
color: #000;
}

.rub:hover{
font:bold 14px Arial, Helvetica, sans-serif;
text-decoration:underline;
color: #000;
}

#contenu p.couleur, .couleur{
font-weight:bold;
color:#002C68;
}
/* STYLE DE LA PAGE CONTACT */
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ca0075;
	width: 150px;
	border:1px solid #dc4820;
	background-color:#fff;
}
.form2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #dc4820;
	width: 60px;
	border:1px solid #dc4820;
	background-color:#22b3c0;}


dl, dt, dd, ul, li {
list-style-type: none;
}

dt {
height:100px;
display:table;}

#menu {
width: 162px;
margin:80px 0 0 68px;
font:Arial, Helvetica, sans-serif;
float:left;
}
*html #menu {
width: 162px;
margin:80px 0 0 40px;
font:Arial, Helvetica, sans-serif;
float:left;
}

#menu dt {
font:Arial, Helvetica, sans-serif;
cursor: pointer;
height: 25px;
line-height: 28px;
font-size:1.1em;
font-weight: bold;
padding-top:5px;
color:#fff;
background:url(../images/bouton.gif) no-repeat;
}

#menu dt img{
border:0;}

#menu dt a {
font:bold 14px Arial, Helvetica, sans-serif;
color: #002C68;
text-decoration: none;
display: block;
height: 100%;
border:0;
}
#menu dt a:hover {
/*background: #84E425;*/
color: #FFF;
border:0;
}
#menu dt ul{
display:block;
clear:both;

}
#menu dt li a {
font:bold 12px Arial, Helvetica, sans-serif;
color: #000;
text-decoration:none;
letter-spacing:0.2px;
border:0;
}

#menu dt li a:hover {
color: #000;
text-decoration:underline;
border:0;
}


#menu li {
line-height:1.5em;
text-align:left;
text-indent:10px;
padding:1px
}
#menu li a {
font:bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
display: block;
height: 100%;
}
#menu li a:hover {
color:#FFF;
}

#menu .ssrub{
font:1.0em Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
display: block;
padding:0 0 0 10px;
height: 100%;
}

#menu .ssrub:hover{
font:1.0em Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: underline;
display: block;
height: 100%;
}



/*****styles divers**********/

.grosA {
margin:0 0 0 10px;
font:bold 1.3em Arial, Helvetica, sans-serif;
color:#1eabb7;
}
.grosbleu{
margin:0 0 0 0px;
font:bold 1.3em Arial, Helvetica, sans-serif;
color:#1eabb7;
}

.grosB {
margin:0 0 0 0px;
font:bold 1.3em Arial, Helvetica, sans-serif;
color:#000;
}

.grosC {
font:bold 1.0em Arial, Helvetica, sans-serif;
color:#666666;
}
.grosCorange {
font:bold 1.3em Arial, Helvetica, sans-serif;
color:#dc4820;
margin:0 0 0 10px;
}
.gras {
font:bold 1.0em Arial, Helvetica, sans-serif;
color:#000;
}
.orange{
font:normal 1.0em Arial, Helvetica, sans-serif;
color:#dc4820;
}
.alignementgauche{
	float:left;
	border:0;
}
#contenu dl{
	margin:0 0 0 10px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
}
#contenu dt{
	margin:0;
	padding:0;
	height:20px;
}
#contenu dt a, #contenu a:visited{
color:#dc4820;
text-decoration:none;
margin:0;
padding:0;

}
#contenu dt a:hover{
color:#1eabb7;
text-decoration:underline;

}
#taux ul{
	margin:0;
}
#cashcash1 ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-indent:0;
}

#cashcash1 li{
	margin:0;
	padding:0;
	list-style-type:none;
	color:#000;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	text-indent:0;
}
#gauche{
	float:left;
	width:350px;
	margin:0 0px 0 0;

}
#droite{
	float:left;
	width:370px;
}
.orangelien a,.orangelien a:visited{
font:normal 0.8em Arial, Helvetica, sans-serif;
color:#dc4820;
text-decoration:none;
}
.orangelien a:hover{
font:normal 0.8em Arial, Helvetica, sans-serif;
color:#dc4820;
text-decoration:underline;
}