@charset "UTF-8";

#content-droite {
	background: #000066;
}
#content-droite ul{
	clear:both;
}
#main #content-droite ul li{
	background:url(../images/accroche-bkgd.jpg) #c2e5f8 left bottom no-repeat;
	margin-bottom:10px;
	border-bottom:none;
	padding-bottom:0;
	line-height:1.1em;
	height:100%;
	font-size: 0.75em;
}
#content-droite ul li a{
	display: block;
}
#content-droite ul li a.l_txt {
	color: #333484;
	background: url(../images/mfleche_1.gif) 5px 7px no-repeat;
	font-weight: bold;
	min-height:35px;
	padding: 3px 0 0 20px;
}
#contenu-content-droite {
	border-left: 1px solid #333333;
	padding:9px 8px 9px 9px; 
}

#contenu-content-droite .rubrique{
	background:url(../images/findex.gif) #fff right top no-repeat;
	color:#333484;
}

.rubrique {
	padding-bottom:1px;
}


/**/
.ligne1{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background:url(../images/home_fond_une.jpg) #fff left top repeat-y;
	margin-bottom:10px;
	height:100%;
}
.colonne_ligne_1 {
	float: left;
	width: 179px;
}
.cl1_margin {margin: 0 1px 0 0; }

.c_img_s1, .c_img_s2, .c_img_s3, .c_img_s4 {
	padding:0 0 2px 0;
	margin:0 8px 0 10px;
	border-bottom: 2px solid #0099ff;
}
.c_img_s1 {border-color: #0099ff;}
.c_img_s2 {border-color: #cc3300;}
.c_img_s3 {border-color: #666600;}
.c_img_s4 {border-color: #660099;}
.colonne_ligne_1 img {border-top: 9px solid #ffffff;}
.colonne_ligne_1 p {
	margin: 0 10px;
	font-size: 0.75em;
	line-height: 1.4em;
	padding:7px 0 10px 0;
}

/**/
.colonne_ligne_2 {
	background: #ffffff;
	padding: 10px 0 1px 10px;
	border-top: 1px solid #999999; border-bottom: 1px solid #999999;
	margin: 0 0 10px 0;
}
#cl2_gauche {
	float: left;
	width: 340px;
	margin-right:20px;
}
#cl2_droite {
	width: 335px;
	float: left;
}

#cl2_droite h3 {
	color: #0099ff;
	font-size: 1.1em;
	padding: 0 0 20px 0;
	clear:both;
}

#cl2_droite p {
	font-size: 0.75em;
	line-height: 1.5em;
	padding: 0 0 25px 0;
}

/*.colonne_ligne_2 #cl2_droite a*/
#cl2_droite ul.plus {
	padding-bottom:20px;
}
#cl2_droite ul.plus li {
	font-size: 0.75em;
	font-weight: bold;
	color: #0099ff;
	line-height:1.1em;
	font-weight: bold;
}
#cl2_droite ul.plus li a{
	display: block;
	color: #0099ff;
	padding: 0 0 0 14px;
	background: url(../images/mfleche_2.gif) left 6px no-repeat;
}

/**/
.ligne_3 {
	background:url(../images/footer_style_index.gif) #ffffff left bottom no-repeat;
	border-top: 1px solid #999999;
	padding:10px 0 40px 10px;
	height:100%;
}
.ligne_3 .rubrique {
	background: #333484 url(../images/ffoncee.gif) right top no-repeat;
}
.ligne_3 ul{
	clear:both;
}
.ligne_3 ul li{
	width:159px;
	float:left;
	margin-right:15px;
	border-top: 1px solid #a2bbc8;
	font-weight:bold;
	background: url(../images/mfleche_1.gif) left 9px no-repeat;
	padding:5px 0 0 0;
}
.ligne_3 ul li a{
	font-size:0.75em;
	color: #333;
	display:block;
	padding:0 0 2px 12px;
}
.ligne_3 ul li span{
	font-size:0.7em;
	display:block;
	color: #0099ff;
	padding-left:12px;
}


/** utils **/
.style_1 a{
	text-decoration: underline;
	color: #0099ff;
/*	font-weight: bold; */
}
.style_1 a:hover {
	text-decoration: none;
	color: #ffffff;
	background: #0099ff;
}

.style_2 a{
	text-decoration: underline;
	color: #cc3300;
/*	font-weight: bold; */
}
.style_2 a:hover {
	text-decoration: none;
	color: #ffffff;
	background: #cc3300;
}

.style_3 a{
	text-decoration: underline;
	color: #666600;
/*	font-weight: bold; */
}
.style_3 a:hover {
	text-decoration: none;
	color: #ffffff;
	background: #666600;
}

.style_4 a{
	text-decoration: underline;
	color: #660099;
/*	font-weight: bold; */
}
.style_4 a:hover {
	text-decoration: none;
	color: #ffffff;
	background: #660099;
}