@charset "UTF-8";

/* TETIERE */
#header { 
	height:110px;
}


/* ZONES COULEUR */
#frise, #frise_1, #frise_9, #frise_22, #frise_28 { 
	height:315px;
}
#frise_1 { 
	background:url(../images/zone_comprendre.jpg) repeat-x #56003c;
}
#frise_9 { 
	background:url(../images/zone_vivre.jpg) repeat-x #c93579;
}
#frise_22 {
	background:url(../images/zone_impliquer.jpg) repeat-x #e36a00;
}
#frise_28 { 
	background:url(../images/zone_unapei.jpg) repeat-x #56003c;
}
#frise_container, #presentation_container {
	width:970px;
	margin:auto;
}
#editorial_1, #editorial_9, #editorial_22, #editorial_28 {
	color:#fff;
	width:575px;
	height:315px;
	float:left;
	font-size:1em;
}

#editorial_1 a, #editorial_9 a, #editorial_22 a, #editorial_28 a {
	color:#fff; 
}
#editorial_1 p, #editorial_9 p, #editorial_22 p, #editorial_28 p {
	padding-bottom:5px;
}
#editorial_1 {
	background:url(../images/illustration_comprendre.jpg) no-repeat 75px top;
}
#editorial_9 {
	background:url(../images/illustration_vivre.jpg) no-repeat 75px top;
}
#editorial_22 {
	background:url(../images/illustration_impliquer.jpg) no-repeat 75px top;
}
#editorial_28 {
	background:url(../images/illustration_unapei.jpg) no-repeat 75px top;
}

 /* UNE */
.une {
	border: 1px solid #fff;
	width:230px;
	margin:30px 10px 20px 19px;
	float:left;
}
#editorial_9 a:hover {
	text-decoration:underline;
}
#editorial_1 .une {
	background:#68094e url(../images/logo_vivrensemble_comprendre.gif) no-repeat 10px 21px;
}
#editorial_9 .une {
	background:#a81458 url(../images/logo_vivrensemble_vivre.gif) no-repeat 10px 21px;
}
#editorial_22 .une {
	background:#e36a00 url(../images/logo_vivrensemble_impliquer.gif) no-repeat 10px 21px;
}
#editorial_28 .une {
	background:#7ec319 url(../images/logo_vivrensemble_unapei.gif) no-repeat 10px 21px;
}

.une h2 {
	text-transform:uppercase;
	padding:0 10px 12px 10px;
	line-height:1.8em;
}
.une h2 strong {
	text-transform:none;
	font-weight:normal;
	font-size:2.2em;
}
#article_accueil {
	color:#fff;
	width:270px;
	margin:30px 10px 10px 10px;
	float:left;
	padding:5px 10px 10px 8px;
}
#article_accueil h3 {
	text-transform:uppercase;
	padding:0;
	margin-bottom:10px;
}
#article_accueil h3 strong {
	font-size: 1.8em;
	font-weight:normal;
	text-transform:none;
}
.aussi strong {
	padding:0 0 6px 0;
	text-transform:uppercase;
}
#info h3 {
	font-size:1em;
	padding:0px;
}


/* FIL INFO */
#info {
	background:url(../images/info_ombre.png) bottom no-repeat;
	float:right;
}
#info_container {
	background:url(../images/degrade_info_top.jpg) top repeat-x;
	background-color:#eceae8;
	width:365px;
	float:right;
}
.fenetre h3 {
	margin:0 15px 0 0;
}
.fenetre p {
	margin:0 15px 8px 0;
}
#info h2 {
	font-size:1.1em;
	text-transform: uppercase;
	color:#666;
}
#info h3 {
	font-weight:bold;
	padding-bottom:4px;
}
#info hr {
	border-top:1px dotted #999;
	margin:5px 15px 5px 0;
}
.rss {
	float:left;
	width:90px;
	margin:5px;
	font-weight:bold;
}
.rss img { 
	padding:0 0 4px 0;
}
.rss a:hover { 
	text-decoration:underline;
}
#bloc_scroll {
	height:266px;
}
.fenetre {
	float:left;
	overflow-y:scroll;
}
.journal {
	height:25px;
	color:#fff;
	background:#000;
}

.fenetre a {
	color:#444;
}
.fenetre a:hover {
	color:#000;
	text-decoration:none;
}
.fenetre a:hover h3, .journal a:hover h3 {
	text-decoration:underline;
}
.journal a, .journal h2 a {
	color:#fff;
}
.titre {
	width:100px;
	padding:10px 8px;
	float:left;
}

/* ACCORDEON INFO */

.blocs_replie, .blocs_titre {
	cursor:pointer;
	height:20px;
	padding-top:5px;
}
.blocs_titre {
	background:url(../images/fleche_info_on.gif) no-repeat 8px 7px;
}
.blocs_replie {
	background:url(../images/fleche_info_off.gif) no-repeat 8px 8px;
}
.blocs_replie a:hover {}
.blocs_destination {
	background:url(../images/degrade_info_destination.gif) no-repeat;
}

/* PRESENTATION */
#presentation {
	font-family:trebuchet MS;
	height:160px; 
	background:url(../images/bande_grise.jpg) repeat-x top;
	font-size:1.2em;
}
#pres_hm, #pres_unapei {
	float:left;
	color:#666;
}
#pres_hm {
	width:435px;
	float:left;
	padding:25px 18px 25px 15px;
	color:#666;
}
#pres_unapei {
	width:450px;
	float:left; 
	padding:25px 15px 25px 35px;
	color:#666;
}
#pres_hm p strong, #pres_unapei p strong { 
	font-size:1.1em;
	font-weight:bold;
}
#pres_hm { 
	background:url(../images/ombre_pres.jpg) top right  no-repeat;
}
#pres_hm ul, #pres_unapei ul, #pres_hm p, #pres_unapei p {
	float:left;
	font-family:trebuchet MS;
}
#pres_hm ul, #pres_unapei ul{
	width:150px;
	font-size:1.2em;
	padding:10px 10px 0 0;
}
#pres_hm li strong, #pres_unapei li strong {
	font-size:1.3em;
	font-weight:normal;
}
#pres_hm p {
	width:260px;
	padding:12px 10px 0 0;
}
#pres_unapei p {
	width:250px;
	padding:12px 10px 0 10px;
}
#pres_hm h2, #pres_unapei h2 {
	font-size:1.8em;
	color:#333;
}
#pres_hm h2 strong, #pres_unapei h2 strong {
	font-size:1.1em;
}

/* SCROLLBAR */
body {
scrollbar-face-color: #eceae8;
scrollbar-shadow-color: #eceae8;
scrollbar-highlight-color: #eceae8;
scrollbar-3dlight-color: #eceae8;
scrollbar-darkshadow-color: #eceae8;
scrollbar-track-color: #eceae8;
scrollbar-arrow-color: #666;
}