html,body { font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0; padding:0; color:#000;  background: url(../images/body.png) repeat-y top center; }

/******* GLOBALE *******/

p{margin:0 0 10px 0;padding:0;text-align:justify;}
img {border: 0 none;}
.imgLeft{float:left;margin:0 10px 1px 0;}
.imgRight{float:right;margin:0 0 1px 20px;}
.imgBorder{padding:5px;border:1px solid #e2e0e1;}
.clear{clear:both;}
.succes {font-weight:bold;color:#4ca100;}
.echec {font-weight:bold;color:#e2001a;}
.obligatoire {font-weight:bold;color:#e2001a;}
.center{text-align:center;}
ul { margin-top: 0; margin-bottom: 0; }
a {color:#f5a403;text-decoration:none;}
a:hover{color:#757575;text-decoration:none;}

h1{font-family:'Asap', Arial, Helvetica, sans-serif; font-weight:400; font-size:28px; margin:0 0 20px 0 ;padding:0 0 5px 0; }
h2{font-family:'Asap', Arial, Helvetica, sans-serif; font-weight:400; font-size:18px; color:#6c6b67; margin:15px 0 9px 0; padding:4px 0 3px 0;border-bottom :1px dotted #a2a2a2;}
h3{font-family:'Asap', Arial, Helvetica, sans-serif; font-weight:400; font-size:16px; color:#757575; text-transform: uppercase;clear:both;}
h4{font-family:'Asap', Arial, Helvetica, sans-serif; font-weight:400; font-size:14px; color:#757575; margin: 0; padding: 0 0 10px 0;}

.accordion_titre {padding:0 0 0 40px;cursor:pointer;position:relative;background:url(../images/icons/accordion-plus.png) 15px 2px no-repeat;margin:0; line-height: 20px;border-bottom: none; }
.accordion_titre h2{background:none;padding-left:0;font-size:14px;margin:0;}
.accordion_active {background:url(../images/icons/accordion-moins.png) 15px 2px no-repeat;}
.accordion_texte {clear:both;display:none;padding:10px 0 10px 40px;border-bottom:1px solid #f5a403;}
#vie_associative .accordion_texte {clear:both;display:none;padding:10px 0 10px 40px; border: none;}
#accordionag h2 { cursor: pointer; }
#accordionag h2:hover { color: #f5a403; }

.pagination{text-align:center;margin:20px 0 10px 0;}
.pagination a{color:#707070;border-radius:3px 3px 3px 3px;font-size:14px;padding:5px 8px;}
.pagination strong{background:#29a74c;color:#fff;border-radius:3px 3px 3px 3px;font-size:14px;padding:5px 8px}
.pagination a:hover{background:#bbbbbb;color:#fff;}

.btn{width:auto;background-color:#f5a504; font-family:'Asap', Arial, Helvetica, sans-serif; font-weight:400; font-size: 16px;color:#fff;border:none;cursor:pointer;height:24px;padding:3px 20px 4px 20px;}
.btn_off{width:auto;background-color:#a2a2a2; font-family:'Asap', Arial, Helvetica, sans-serif; font-weight:400; font-size: 16px;color:#fff;border:none;cursor:pointer;height:24px;padding:3px 20px 4px 20px;}

.pagination{text-align:center;margin:20px 0 10px 0;}
.pagination a{background:#e4e4e4;color:#424242;border-radius:3px 3px 3px 3px;font-size:14px;padding:5px 8px;}
.pagination strong{background:#f5a504;color:#fff;border-radius:3px 3px 3px 3px;font-size:14px;padding:5px 8px}
.pagination a:hover{background:#bbbbbb;color:#fff;}

/******* STRUCTURE *******/
#header, nav, #content, #footer { margin: auto; }
#container{width:1140px;position:relative;margin:0 auto; min-height: 500px; }
aside { margin-bottom: 15px; }

/* En-tête */

header { background: url(../images/header-background.png) no-repeat center top; height: 247px; padding-right: 3px; }
/*#header { background: url(../images/header.jpg) no-repeat center top; height: 247px; position: relative; width: 990px; padding:0 0 0 150px; margin:0 auto;}*/
#header { background: url(../images/header.jpg) no-repeat center top; height: 247px; position: relative; width: 990px; padding:0 0 0 150px; margin:0 auto;}
.social_link { float: right; margin-top: 8px; }

/*



#header { height: 247px; position: relative; width: 1140px; margin:0 auto;}
#header-left { background: url(../images/header-left.png) no-repeat center top; height: 247px; position: relative; width: 199px; padding:0 0 0 150px; float: left;}
#header-right { height: 247px; width: 761px; float: left; }
*/
/* Navigation*/

nav { padding-bottom: 80px; float: left; width: 180px; background: url(../images/icons/menu-background.png) repeat-y top left;font-family:'Asap', Arial, Helvetica, sans-serif; }
nav ul { margin: 0; padding: 0; list-style-type: none; }
nav ul li { width: 180px; font-size: 16px; line-height: 35px; padding-left: 5px; border-bottom: 1px solid #FFFFFF; margin-top: 5px; }
nav ul li a { height: 35px; }
nav ul li:last-child { border: none; }
nav ul li ul { padding-left: 20px; width: 140px; }
nav ul li ul li { width: 140px; font-size: 14px; clear: both; padding-top: 0; line-height: 20px; border: none; margin-top: 0; }
nav ul li ul li:last-child { padding-bottom: 15px; }
nav .menu_title_wrapper { height: 32px; }
nav .menu_title { width: 150px; line-height: 20px; padding-top: 4px; }
nav .sMenu { clear: both; }
nav a { text-decoration: none; }
li.double { line-height: 12px; padding-bottom: 4px;}

nav a:active, nav a:hover, nav a:link, nav a:visited { color:#757575; }
nav li.active a, nav li.active a:hover { color: #FFFFFF; }

ul.sMenu li a:hover, ul.sMenu li.active a { color:#000; }

nav li.active { min-height: 35px; }
nav li ul li.active { min-height: 0; }
nav li.actus { background: url(../images/icons/actus.png) top left no-repeat; }
nav li.actus.active { background: url(../images/icons/menu-infos.png) top left no-repeat; }
nav .actus > a:hover, nav .actus ul li a { color: #39a163; }
nav li.presentation {background: url(../images/icons/presentation.png) top left no-repeat; }
nav li.presentation.active { background: url(../images/icons/menu-presentation.png) top left no-repeat; }
nav .presentation > a:hover, nav .presentation ul li a { color: #f5a504; }
nav li.action_jeunesse { background: url(../images/icons/action_jeunesse.png) top left no-repeat; }
nav li.action_jeunesse.active { background: url(../images/icons/menu-action_jeunesse.png) top left no-repeat; }
nav .action_jeunesse > a:hover, nav .action_jeunesse ul li a { color: #ec83b1; }
nav li.vie_associative { background: url(../images/icons/vie_associative.png) top left no-repeat; }
nav li.vie_associative.active { background: url(../images/icons/menu-vie_associative.png) top left no-repeat; }
nav .vie_associative > a:hover, nav .vie_associative ul li a { color: #40aca3; }
nav li.vie_statutaire { background: url(../images/icons/vie_statutaire.png) top left no-repeat; }
nav li.vie_statutaire.active { background: url(../images/icons/menu-vie_statutaire.png) top left no-repeat; }
nav .vie_statutaire > a:hover, nav .vie_statutaire ul li a { color: #9d86b7; }
nav li.mediatheque { background: url(../images/icons/mediatheque.png) top left no-repeat; }
nav li.mediatheque.active { background: url(../images/icons/menu-mediatheque.png) top left no-repeat; }
nav .mediatheque > a:hover, nav .mediatheque ul li a { color: #e95130; }
nav li.liens { background: url(../images/icons/liens.png) top left no-repeat; }
nav li.liens.active { background: url(../images/icons/menu-liens.png) top left no-repeat; }
nav .liens > a:hover, nav .liens ul li a { color: #86c647; }
nav li.contact { background: url(../images/icons/contact.png) top left no-repeat; }
nav li.contact.active { background: url(../images/icons/menu-contact.png) top left no-repeat; }
nav .contact > a:hover, nav .contact ul li a { color: #ffd602; }

/* Contenu */

h1.actus { background: url(../images/icons/puce-actus.png) top left no-repeat; padding:0 0 5px 50px; }
h1.presentation { background: url(../images/icons/puce-presentation.png) top left no-repeat; padding:0 0 5px 50px; }
h1.action_jeunesse { background: url(../images/icons/puce-action_jeunesse.png) top left no-repeat; padding:0 0 5px 50px; }
h1.vie_associative { background: url(../images/icons/puce-vie_associative.png) top left no-repeat; padding:0 0 5px 50px; }
h1.vie_statutaire { background: url(../images/icons/puce-vie_statutaire.png) top left no-repeat; padding:0 0 5px 50px; }
h1.mediatheque { background: url(../images/icons/puce-mediatheque.png) top left no-repeat; padding:0 0 5px 50px; }
h1.liens { background: url(../images/icons/puce-liens.png) top left no-repeat; padding:0 0 5px 50px; }
h1.contacts { background: url(../images/icons/puce-contacts.png) top left no-repeat; padding:0 0 5px 50px; }

#content { width: 600px; float: left; margin: 0 20px 15px 80px; font-size: 13px; color: #6c6b67; }
#content .actus, #content .actus a, #content .actus a:link, #content .actus a:visited { color: #39a163; }
#content .presentation, #content .presentation a, #content .presentation a:link, #content .presentation a:visited { color: #f5a504; }
#content .action_jeunesse, #content .action_jeunesse a, #content .action_jeunesse a:link, #content .action_jeunesse a:visited { color: #ec83b1; }
#content .vie_associative, #content .vie_associative a, #content .vie_associative a:link, #content .vie_associative a:visited { color: #40aca3; }
#content .vie_statutaire, #content .vie_statutaire a, #content .vie_statutaire a:link, #content .vie_statutaire a:visited { color: #9d86b7; }
#content .mediatheque, #content .mediatheque a, #content .mediatheque a:link, #content .mediatheque a:visited { color: #e95130; }
#content .liens, #content .liens a, #content .liens a:link, #content .liens a:visited { color: #86c647; }
#content .contacts, #content .contacts a, #content .contacts a:link, #content .contacts a:visited { color: #ffd602; }
.content img { margin-top: 10px; margin-left: 10px; }

#content .actus > a:hover, #content .actus > a:active { color: #757575; }
#content .presentation > a:hover, #content .presentation > a:active { color: #757575; }
#content .action_jeunesse > a:hover, #content .action_jeunesse > a:active{ color: #757575; }
#content .vie_associative > a:hover, #content .vie_associative > a:active{ color: #757575; }
#content .vie_statutaire > a:hover, #content .vie_statutaire > a:active{ color: #757575; }
#content .mediatheque > a:hover, #content .mediatheque > a:active{ color: #757575; }
#content .liens > a:hover, #content .liens > a:active{ color: #757575; }
#content .contacts > a:hover, #content .contacts > a:active{ color: #757575; }

#content .actus { color: #39a163; }
#content .presentation { color: #f5a504; }
#content .action_jeunesse { color: #ec83b1; }
#content .vie_associative { color: #40aca3; }
#content .vie_statutaire { color: #9d86b7; }
#content .mediatheque { color: #e95130; }
#content .liens { color: #86c647; }
#content .contacts { color: #ffd602; }

#actus ul { list-style: url(../images/icons/content-puce-actus.png); margin-left: 10xp;}
#presentation ul { list-style: url(../images/icons/content-puce-presentation.png); margin-left: 10xp;}
#action_jeunesse ul { list-style: url(../images/icons/content-puce-action_jeunesse.png); margin-left: 10xp;}
#vie_associative ul { list-style: url(../images/icons/content-puce-vie_associative.png); margin-left: 10xp;}
#vie_statutaire ul { list-style: url(../images/icons/content-puce-vie_statutaire.png); margin-left: 10xp;}
#mediatheque ul { list-style: url(../images/icons/content-puce-mediatheque.png); margin-left: 10xp;}
#liens ul { list-style: url(../images/icons/content-puce-liens.png); margin-left: 10xp;}
#contacts ul { list-style: url(../images/icons/content-puce-contacts.png); margin-left: 10xp;}

/* ACTUALITES */
.cont_actu{clear:both;}
.cont_actu h2 {margin:10px 0 0 0;padding:0;}
.cont_actu .date{margin:0;padding:2px 0 10px 0;}
.cont_actu .date_detail{margin:0;padding:2px 0 10px 0; color: #39a163; font-weight: bold;}
.cont_actu .imgLeft{margin-bottom:10px;}
.show_more_actu a { background: url(../images/icons/actuality-more.png) no-repeat top left; padding-left: 20px; display: block; float: left;}


/* ASIDE */
#aside { float: left; width: 260px; }
#aside .actuality_header { background: url(../images/icons/actuality-header.png) no-repeat; padding: 0; margin: 0; height: 40px; }
#aside .actuality_title { line-height: 20px; padding-top: 7px; }
#aside h3 { padding: 0 0 0 40px; margin: 0; color: #FFFFFF; }
#aside h4, #aside h4 a:link, #aside h4 a:visited { color: #37a062; text-decoration: none; }
#aside h4 a:hover, #aside h4 a:active { color: #757575; }
#submenu { background-color: #fff5d2; width: 253px; margin-left: 7px; }
#submenu ul, #submenu ul li p { padding: 0;  margin:0; }
#submenu ul li { padding: 0 5px 10px 15px; list-style: none; background-color: #fff5d2; }
aside .actuality_content { padding: 0 10px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #6c6b67; position: relative; }
.show_more { height: 16px; text-align: right; border-bottom: 1px solid #d2e196; }
.show_more span { display: none; }
.show_more a { background: url(../images/icons/actuality-more.png) no-repeat top right; width: 16px; height: 16px; float: right; }
.show_more a:hover { background-position: bottom right; }

#aside .intranet_header { background: url(../images/icons/intranet-header.png) no-repeat; padding: 0; margin: 0; height: 40px; }
#aside .intranet_title { line-height: 20px; padding-top: 7px; }
#aside #intranet_form { margin-left: 7px; width: 208px; padding: 15px 10px 20px 35px; background-color: #faeec3; }
#aside #intranet_form .normal {width:160px; height: 25px; background:#FFFFFF;color:#757575;border:none;margin-bottom: 10px; }
#aside #intranet_form .focus {width:160px; height: 25px; background:#f5a504;color:#FFFFFF;border:none;margin-bottom: 10px; }
#aside #intranet_form .intranet-form-button { background-color: #F5A606; color: #FFFFFF; border: none; width: 25px; height: 25px; margin-left: 8px; }
#aside #intranet_form a { color:#757575; text-decoration: underline; }
#aside #intranet_form a:hover{ color:#f5a403; text-decoration: underline; }
#ext_form_oublie_pass{display:none;}

/* COMMENTAIRES */
#comment_form { float: left; }
#comment_form p {padding:0;margin:5px;clear:both;}
#comment_form #imgCaptcha {padding:0;margin-left: 0; margin-top: 2px; margin-right: 2px; clear:both;}
#comment_form label {float:left;width:90px;text-align:right;margin:0;cursor:pointer;padding:2px .5em 0 0;line-height:1.8;}
#comment_form label:hover {cursor:pointer;}
#comment_form .focus {width:220px;background:#39a163;color:#fff;border:none;}
#comment_form .normal {width:220px;background:#e7e7e7;color:#000;border:none;}
#comment_form .focus3 {width:120px;background:#39a163;color:#fff;border:none;}
#comment_form .normal3 {width:120px;background:#e7e7e7;color:#000;border:none;}
#comment_form .focus4 {width:63px;background:#39a163;color:#fff;border:none;}
#comment_form .normal4 {width:63px;background:#e7e7e7;color:#000;border:none;}
#comment_form input {font-family:'Asap', sans-serif;font-size:13px;height:16px;padding:4px 10px 4px 10px;}
#comment_form textarea {font-family:'Asap', sans-serif;font-size:11px;padding:4px 10px 4px 10px;height:74px;width:220px;background:#e7e7e7;border:none;margin-top: 5px;}
#comment_form .bouton{width:auto;background-color:#39a163;font-family:'Asap', Arial, Helvetica, sans-serif; font-weight:400; font-size: 16px; color:#fff;border:none;cursor:pointer;height:28px;padding:0 20px 0 20px;}
#comment_form .bouton:hover{color:#757575;}

#comments { border-top: 1px solid #f5a403; margin-top: 20px; }
.comment { border-bottom: 2px solid #FAEEC3; padding-bottom: 10px; }
.comment_insertion { margin-top: 50px;}

.float-left { float: left; margin-left: 10px;}
.form-sender { float: right; padding-right: 190px; padding-top: 10px; }

/* Pied de page */

footer { clear: both; background-color: #f8b421; height: 160px; font-family:'Asap', Arial, Helvetica, sans-serif; }
#footer { width: 1140px; height: 95px; margin: 0 auto; position: relative;}
#footer_menu { height: 95px; width: 735px; float: left; padding-left:235px;}
#footer_menu div { float: left; height: 95px; border-right: 1px solid #df9217; border-left: 1px solid #f8d221; }
#footer_menu div:first-child { border-left: 0; }
#footer_menu div ul { list-style: none; padding: 10px 6px 0 6px; font-size: 14px; }
#footer_menu div ul li { padding-left: 0; color: #359f61; }

#footer_menu .footer_menu_list > ul { padding-left: 15px; }
#footer_menu .footer_menu_list > ul li { color: #FFFFFF; }
#footer_menu div ul li a { text-decoration: none; color: #FFFFFF; font-size: 12px; }
#footer_menu div ul li a:hover { color: #359f61; }

#footer_menu .footer_menu_list { border-right: 0; }
#footer_menu .footer_menu_list ul { list-style: square; padding-top: 20px; padding-right: 0;}
#footer_menu .footer_menu_list ul li { margin-left: 5px; padding-left: 0; }

#partners { background-color: #f6a80b; width: 170px; float: left; border: 0; height: 160px; }
#partners div {  padding: 10px 0 0 20px; color: #c88906; font-size: 13px; float: left; border: 0; height: auto; color: #359f61; }

/******* HOME *******/	


/******* PHOTOTHEQUE */

.album { float: left; height: 150px; margin-right: 20px; }
.album a img { border: 1px solid #FFFFFF; }
.album a:hover img { border: 1px solid #E95130; }

.image { float: left; height: 120px; margin-right: 20px; }
.image a img { border: 1px solid #FFFFFF; }
.image a:hover img { border: 1px solid #E95130; }

.photo_back_link { height: 16px; display: block; float: right; }

/******* VIDEOTHEQUE */

.bloc_video { border-bottom: 1px solid #FAEEC3; padding-bottom: 20px; }

/******* CONTACT */

#contact { float: left; margin-top: 5px; }

#form_contact { float: left; padding-left: 30px; margin-left: 20px; margin-bottom: 5px; border-left: 1px solid #ffd602; }
#form_contact p {padding:0;margin:5px;clear:both;}
#form_contact img {padding:0;margin:0;clear:both;}
#form_contact label {float:left;width:70px;text-align:right;margin:0;cursor:pointer;padding:2px .5em 0 0;line-height:1.8;}
#form_contact label:hover {cursor:pointer;}
#form_contact .focus {width:220px;background:#ffd602;color:#fff;border:none;}
#form_contact .normal {width:220px;background:#e7e7e7;color:#000;border:none;}
#form_contact .focus3 {width:120px;background:#ffd602;color:#fff;border:none;}
#form_contact .normal3 {width:120px;background:#e7e7e7;color:#000;border:none;}
#form_contact input {font-family:'Asap', sans-serif;font-size:13px;height:16px;padding:4px 10px 4px 10px;}
p #txtCaptcha {font-family:'Asap', sans-serif;font-size:13px;height:16px;padding:0 10px 4px 10px;}
#form_contact textarea {font-family:'Asap', sans-serif;font-size:11px;padding:4px 10px 4px 10px;height:113px;width:220px;background:#e7e7e7;border:none;}
#form_contact .bouton{width:auto;background-color:#ffd602; font-family:'Asap', Arial, Helvetica, sans-serif; font-weight:400; font-size: 16px;color:#fff;border:none;cursor:pointer;height:28px;padding:0 20px 0 20px;}
#form_contact .bouton:hover{color:#757575;}

#contact_list { clear: both; }

/******* MEMBRES *****/

#members a.actif { color: #757575; }
#members #members_list > a, #members a:hover { color: #757575; }
#members .member { float: left; margin-right: 10px; margin-top: 10px; width: 135px; height: 80px; position: relative; border: 1px solid #f5a403; }
#members .member:hover { border: 1px solid #757575; }
#members .member_first_line { padding: 5px 0 5px 5px; }
#members .member_second_line { padding: 5px 0 0 5px; background-color: #FAEEC3; width: 130px; height: 30px; position:absolute; bottom: 0; left:0; }

#members_map { display: none; }

.float_right { float: right; }
.member_back_link { height: 16px; display: block; float: right; }

/******* POLE REGIONAUX **/

#paca_card { float: left; background: url(../images/carte-paca.png) top left no-repeat; margin: 20px 0 0 -22px; width: 315px; height: 265px; }
#pole_regionaux { float: left; margin: 70px 0 0 15px; width: 284px; }
#pole_regionaux ul { margin: 0 0 0 10px; padding: 0}

/******* FLUX RSS ********/

#actus .flux_rss { margin-bottom: 10px; border-bottom: 1px dotted #a2a2a2; }
#actus .flux_rss .date { color: #39a163; font-style:italic; float: left; }
#actus .flux_rss .auteur { float: left; margin-left: 20px; }
#actus .flux_rss h3 { margin: 5px 0 10px 0; text-transform: none; }

/******* EDITEUR ENRICHI */

.orange { color: #f5a403; }

.representation_box { font-family:'Asap', Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 20px; background: #f2a303 url(../images/representation_box_background.png) bottom right no-repeat; float: right; min-width: 120px; min-height: 60px; padding: 5px; line-height: 15px; margin: 0 0 5px 10px; }
.action_jeunesse_box { font-family:'Asap', Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 20px; background: #f794bf url(../images/action_jeunesse_box_background.png) bottom right no-repeat; float: right; min-width: 120px; min-height: 60px; padding: 5px; line-height: 15px; margin: 0 0 5px 10px; }


/******* EXTRANET *******/
.form p {padding:6px 0 7px 0;margin:0;clear:both;}
.form .impair{background:#f6f6f6;}

.form img {padding:0;margin:0;clear:both;}
.form label {float:left;width:150px;text-align:left;margin:0;cursor:pointer;padding:2px .5em 0 0;line-height:1.8;}
.form label:hover {cursor:pointer;}
.form label.taille2{width:250px;}
.form .focus {width:220px;background:#ffd602;color:#000;border:none;}
.form .normal {width:220px;background:#e7e7e7;color:#000;border:none;}
.form .focus2 {width:90px;background:#ffd602;color:#000;border:none;}
.form .normal2 {width:90px;background:#e7e7e7;color:#000;border:none;}
.form input {font-family:'Asap', sans-serif;font-size:13px;height:16px;padding:4px 10px 4px 10px;}
.form textarea {font-family:'Asap', sans-serif;font-size:11px;padding:4px 10px 4px 10px;height:113px;width:220px;background:#e7e7e7;border:none;}
.form .bouton{width:auto;background-color:#f5a504; font-family:'Asap', Arial, Helvetica, sans-serif; font-weight:400; font-size: 16px;color:#fff;border:none;cursor:pointer;height:28px;padding:0 20px 0 20px;}
.form .bouton:hover{color:#757575;}
.form select{font-family:'Asap', sans-serif;font-size:13px;width:220px;height:24px;}
.form .checkbox{width:15px;height:12px;}

.form h3{margin:0;padding:10px 0 5px 0;}
.form table label{float:none;line-height:0.9;}

.tab{width:100%;border:1px solid #f5a403;}
.tab tr td{padding:4px;}
.tab .entete{background:#faeec3;}
.tab .impair{background:#f2f2f2;}