#index {width:100%;max-width:900px; background:white;color:#4A4A4A;padding:0px;margin:0px;text-align:left;}

#index_gauche {overflow:visible;width:700px;font-size:12px;line-height:17px;font-family:Verdana;z-index : 10;margin-left:5px;}
#index_gauche s {margin-left:5px;text-decoration:none;color:#744B4B;font-weight:bold;}
#index_gauche li {margin-left:0px;}

@media only screen and (max-width: 768px) {
#index {clear:both;padding:0px}
#index_gauche {margin-left:0px}
}

.section {
	margin-left:5px;
	font-size:13px;
	color:#606060;
	margin-bottom:15px;
}

.section A {
		color:#4d6a8a;
	text-decoration:none;
}
.section h3 {
	color:#4d6a8a;
	text-decoration:none;
	margin:0px;padding:0px;
	font-size:120%;
}

.section A:hover {
	color:#8dAaBa;
	border-bottom:1px dashed #8dAaBa;
}


.section span {
	font-size:10px;
}

#index_droite {float:right;width:190px; text-align:left;margin:0px 4px 0px 4px;font-size:12px}
#index_droite {padding-bottom:8px;border-bottom:3px solid #533636}
#index_droite .gris {background:url(pics/v3/droite_back2_gris.gif) repeat-x #FFFFFF;padding:7px 0px;}
#index_droite .pave_petit {font-size:11px}
#index_droite .pave_petit h2 {color:#533636;font-weight:bold;font-size:12px;margin:0px;padding:0px;display:inline;}
#index_droite p {margin:0px;padding:0px;margin-bottom:7px}
#index_droite .vert {background:url(pics/v3/droite_back2_vert.gif) repeat-x #FFFFFF;padding:7px 0px;margin-top:8px;}
#index_droite .cyan {background:url(pics/v3/droite_back2_cyan.gif) repeat-x #FFFFFF;padding:7px 0px;margin-top:8px;}
#index_droite .cyan h2 {color:#245352}
#index_droite .violet {background:url(pics/v3/droite_back2_gris.gif) repeat-x #FFFFFF;padding:7px 0px;margin-top:8px;}
#index_droite .voir A {text-decoration:none;color:#5C3435;border-bottom:1px dashed #5C3435}
#index_droite .voir A:hover {color:#9C7475;border-bottom:1px dashed #9C7475}
#index_droite .voir u {font-weight:bold;text-decoration:none;color:#9C7475;font-size:10px}
#index_droite div.voir {margin-top:5px;text-align:right;margin-right:15px}
#index_droite  A.lien {text-decoration:none;color:#5C3435;border-bottom:1px dashed #5C3435}
#index_droite  A.lien:hover {color:#9C7475;border-bottom:1px dashed #9C7475}
#index_droite .deuxcolonnes { width:396px }

.bloc_index {
	width:652px !important;
	width:686px;
	background:#F0F0F0;
	border:1px solid #D0D0D0;
	color:#707070;
	padding:10px 16px;
	margin:5px 0px;
}


.neusk {display:inline;margin:0px;padding:0px}
.neusk_bleu {display:inline;margin:0px;padding:0px}
.neusk_bleu .texte {background:url(pics/v3/back_texte_bleu.gif) repeat-x white;}
.neusk_bleu .texte h1 {color:#2B4F5E;}
.neusk_bleu .texte h2 {color:#2B4F5E;}
.neusk_bleu .header_texte A { color:#385A69; }
.neusk_bleu .header_texte A:hover { color:#0C3B3B;  }
.neusk_bleu .avec_image {border-top:0px}
.neusk_bleu .bloc_menu {border-top:solid 1px #A1B4BB}
.neusk_bleu .bloc_menu h1 {color:#606060;}
.neusk_bleu .bloc_menu h2 {color:#2B4F5E;}
.neusk_bleu .bloc_menu h1:hover {color:#606060;border-bottom:1px dashed #5E2021;border-top:1px dashed #5E2021;background-color:#E9EFF2;width:70%}
.neusk_bleu .bloc_menu h1.moyen:hover {border:0px;width:95%}
.neusk_bleu .bloc_menu h2:hover {color:#2B4F5E;border-bottom:1px dashed #5E2021;border-top:1px dashed #5E2021;background-color:#E9EFF2;width:70%}
.neusk_bleu .bloc_menu_texte .bloc_menu h1:hover {color:#606060;border-bottom:1px dashed #5E2021;border-top:1px dashed #5E2021;background-color:#E9EFF2;}
.neusk_bleu .bloc_menu_texte .bloc_menu h2:hover {color:#2B4F5E;border-bottom:1px dashed #5E2021;border-top:1px dashed #5E2021;background-color:#E9EFF2;}
.neusk_bleu .bloc_menu A:hover {color:#2B4F5E;border-bottom:1px dashed #5E2021;border-top:1px dashed #5E2021;background-color:#E9EFF2 }
.neusk_bleu .avec_image img.image {border:0px solid #7B9FAE}
.neusk_bleu .bloc_menu img:hover {border:0px;background:transparent;border-bottom:0px}
.bloc_menu A.rub_titre {text-decoration:none;font-weight:bold;color:#2B4F5E;font-size:15px}
.bloc_menu A.rub_titre:hover {color:#3F525A;}
.neusk_bleu .sousmenu {border-top:solid 1px #A1B4BB}
.neusk_bleu .sousmenu h1 {color:#606060;}
.neusk_bleu .sousmenu h2 {color:#2B4F5E;}
.neusk_bleu .sousmenu A:hover {color:#2B4F5E}
.neusk_bleu .bloc_menu_texte .bloc_menu b {color:#606060;}
.neusk_bleu #index_droite {padding-bottom:8px;border-bottom:3px solid #2B4F5E}
.neusk_bleu .bloc_menu_texte .bloc_menu strong {font-size:12px;font-weight:normal;color:#2B4F5E;border-bottom:1px dashed #2B4F5E}

.header_img {width:100%;max-width:890px;margin-left:5px}
.header_img img {width:100%;}

@media only screen and (max-width: 780px) {
#index_droite {display:none;width:0px}
}

@media only screen and (max-width: 660px) {
#index_droite {display:none;width:0px}
#index_gauche {width:95%}
.header_img {margin-left:0px}
}


.twin {float:left;margin-right:14px;height:252px !important;height:272px;width:197px !important;width:217px;padding:10px 10px;display:block;color:#FFF;text-decoration:none;border-right:1px solid #FFF;font-family:Arial;}
.twin .titre {position:relative;top:183px;left:0px;font-size:16px;padding:5px 8px;font-weight:bold;background:#4b6a8c;color:#FFF;margin:0px;}
.twin .stitre {padding:2px 5px;}
.twin .stitres .orange {background:#a15151;}
.twin .stitres .jaune {background:#2a8a67;}
.twin .stitres .bleu {background:#2a698a;}
.twin .stitres .rouge {background:#8a2a2a;}
.twin .stitres .vert {background:#8a892a;}
.twin .stitres {line-height:22px;position:relative;top:190px;left:0px;font-size:14px;margin:0px;display:block;}
.musique {background:url(pics/v3/index/twin_musique.jpg) no-repeat 0px 0px;}
.carnaval {background:url(pics/v3/index/twin_carnaval_2.jpg) no-repeat 0px 0px;}
.culture {background:url(pics/v3/index/twin_culture.jpg) no-repeat 0px 0px;}
.twin hover, .twin:focus, .twin:active {background-position:-150px 0;}

@media only screen and (max-width: 910px) {
.nws_navi_outer {display:none}
#newsslider {width:430px}
}

@media only screen and (max-width: 780px) {
.nws_navi_outer {display:inline}
#newsslider {width:690px}
}

@media only screen and (max-width: 660px) {
.nws_navi_outer {display:none}
#newsslider {width:430px}
.twin {float:none;margin-bottom:15px}
}

@media only screen and (max-width: 450px) {
#newsslider {width:100%}
.nws_outer {width:100%}
}