* {margin:0; padding:0;border:0}
body{font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:.75em;background-color:#0077be}
table {border-collapse:collapse}
a {text-decoration:none;
}
a.lienmenugauche {
color:#FFFFFF; text-decoration:none;
}
iframe	/* RS 7-4-08 pour Nuisances */
{  padding:5px;
}
.clear {clear:both;visibility:hidden;padding:0;margin:0;}
ul, li {list-style:none}
#conteneur {width:1000px; height:100%;background-color:#fff}
#header, #contenu, #footer {width:1000px;margin:0 auto;text-align:left;clear:both}
#header {height:110px;background:url("../images/bandeauviecitoyenne.png") no-repeat top right;}
#contenu {color:#333333;background-color:#fff;border-top:1px solid #fff}
#footer {height:20px;color:#FFFFFF;background-color:#0077be}
#menuhaut {padding-top:90px}

#contenu #main {width:760px;float:left;display:block;margin-top:5px;}
/* RS 15-12-06 pour archives Bayonne mag */
#contenuSansMenuD #mainSansMenuD {width:1000px;margin-top:5px;}
#ariane {color:#000;margin:10px 0 0 30px;}
#ariane a {color:#000}
#ariane a:hover {border-bottom:1px dashed}
#ariane a.selected {font-weight:bold}
h1.titre {font-size:.8em;margin:10px 0 5px 25px;font-weight:normal; }
#main h2,#main h1{font-weight:normal;font-size:1.5em;margin:0 0 10px 25px;color:#b30000;}
#main h3 {color:#333;font-size:2.6em;font-weight:normal; margin-bottom:20px;}

#main .infosL a,#main .infosR a,#main .full_news a,#main .une a, #infos a {font-size:.9em;}
#main .infosL a:hover, #main .infosR a:hover,#main .full_news a:hover,#main .une a:hover {
color:#666666;border-bottom:1px dashed #666666;cursor:pointer;}
ul li {list-style:none;}
#main #infos ul {margin-left:0px;}
#main #infos ul li {padding:2px 0;}

/*articles de la page actu*/
.full_news {width:725px;margin:15px 0 15px 30px;padding:10px 0 0 0; color:#333;}
p{margin:5px;text-align:justify;line-height:1.4em}
#main .full_news h2 {margin-left:0px}
#main .full_news .photo {float:left;text-align:left}
#main .full_news .photo img {border:1px solid #E4E4E4;margin:0 15px 5px 0px}
#main .full_news .accroche {margin:5px auto}
#main .photo a:hover {border:0}
#main .date, .legende {font-size:.9em; color:#666;text-align:right}
#main .legende {text-align:left;margin:0px}
#main .photo>.legende {text-align:left;max-width:350px}
#main .full_news #liens {font-weight:normal; text-align:right}

/****MULTIMEDIA***/
#main #video_player {float:left;margin:20px;margin-left:60px;border:10px solid #000;}
#main h1 {margin:5px 20px;font-size:larger}
#main .alttext {margin:0px;padding-top:20px}

/*Rubrique en savoir plus*/
#main #infos {clear:both;margin:5px 0px 5px 0; padding:5px 0; background:url(pointille.gif) repeat-x top}
#main #infos h1 {margin:5px 0}
#main #infos .video  {background:url(video.gif) no-repeat top left;padding:0 0 0 35px;margin:0 0 15px 0}
#main #infos .diapo  {background:url(diapo.gif) no-repeat top left;padding:0 0 0 35px;margin:0 0 15px 0}
#main #infos .lien  {background:url(web.gif) no-repeat top left;padding:0 0 0 35px;margin:0 0 15px 0}
#main #infos .doc  {background:url(pdf.gif) no-repeat top left;padding:0 0 0 35px;margin:0 0 15px 0}
#main #infos .son  {background:url(son.gif) no-repeat top left;padding:0 0 0 35px;margin:0 0 15px 0}
#main #infos .plusinfos  {}
#main #infos h2 {margin:5px 0 0 0; color:#666;font-size:1.5em; }

#main .infosR, #main .infosL {width:335px;/*margin:1px 0px 5px 1px;*/}
#main .infosL {float:left;margin-left:10px;padding-right:15px;width:330px;height:100px;}
#main .infosR {float:right;clear:right;margin:0; padding-left:15px;}

/**formulaire **/

#main input, #main form textarea {background:#fff;border:1px solid #000;margin:2px 0}
#main input:focus, #main form textarea:focus {background:#c2e2f5;border:1px inset #000;}
#main input:hover, #main form textarea:hover {background:#fff;border:1px dotted #0077be;}
#main #form_contact {margin:0px 0px 0px 30px;}
#main #form_contact .required {color:#FF0000;font-weight:bold;font-size:1.2em;}
#main form label {display:block;float:left;clear:left;width:150px;margin:2px 0}


/*sommaire droit*/
/*------------ communs---------------*/
#main ul {margin:0 5px;list-style:none}
#main ul li { padding:0px 2px;}
#main ul li a { font-size:.8em;font-weight:normal}

/*--------------- specifique Guide SPL RS 16-6-08 -------------------*/
#spl_conteneur ul li a {
font-size:1em;
}

#sommairedynamique{height:auto;min-height:600px;padding:2px}
/* #cartouchesommaire{height:auto;background:#b8c9e8;} */
/* #cartouchesommaire{height:auto;background:#3676eb;} */
#cartouchesommaire{height:auto;background:#4a88f9;}

#sommaire {float:right;display:block;height:auto;text-align:center;margin-top: -20px;padding-bottom:10px;margin-right:10px}
#sommaire p {font-size:10px;}
#sommaire table {width:90%;margin:auto}
.wl_td_row {text-align:center;margin:0;padding:0;border:0px none; }
.wl_td_row input {margin:auto}

#sommaire .titre {width:210px;height:40px;background:#fff}
#sommaire {background:#ffffff;width:210px}
#sommaire #agenda_teaser {text-align:left;}
#sommaire #agenda_teaser img {margin-left:10px}
#sommaire a {color:#ffffff;font-weight:bold;font-size:14px;} /* RS police */
#sommaire a:active {color:#000000;font-weight:bold;font-size:14px;}

#sommaire a.no:link {color:#000000;font-weight:bold;font-size:12px;}
#sommaire a.no:visited {color:#000000;font-weight:bold;font-size:12px;}
#sommaire a.no:active {color:#000000;font-weight:bold;font-size:12px;}

#sommaire .plus {text-align:right;margin:5px;width:180px}
#sommaire .plus a{text-decoration:underline}
#sommaire .plus a:hover{text-decoration:none;}
#sommaire h1 {background:#FFF;margin:0}
/**Titre de niveau 2 **/
/* PUCE RONDE #sommaire ul {text-align:left;padding-left:0px;color:#000000;background:none;font-size:16px;} */
#sommaire ul {text-align:left;padding-left:0px;color:#ffffff;background:none;font-size:16px;}

#sommaire li {list-style:disc;list-style-position:outside;margin:5px 10px 5px 5px;background:none;}
#sommaire li.selected {font-weight:bold;font-size:12px;}
/* #sommaire li a:hover {font-weight:bold;border-bottom:1px solid #C0C0C0;list-style:none;border-top:1px solid #C0C0C0;} */
#sommaire li a:hover {font-weight:bold;list-style:none;}
#sommaire li.menugauche a:hover {font-weight:bold;color:#000000;border-bottom:0px solid #C0C0C0;border-top:0px solid #000000;}
/* TITRE 1 #sommaire li.menugauche a:hover {font-weight:bold;color:#ffffff;border-bottom:0px solid #C0C0C0;border-top:0px solid #ffffff;} */
/* #sommaire li.menugauchenormal a:hover {color:#120d74;font-weight:bold;list-style-type:square;} */
#sommaire li.menugauchenormal a:hover {color:#000000;font-weight:bold;list-style-type:square;}
#sommaire li.menugauchenormal {font-size:16px;font-weight:bold;list-style-type:square;}

#sommaire li.menugauche {list-style-type:none;font-weight:normal;font-size:12px;}
#sommaire li a:link {font-weight:normal;font-size:12px;}
#sommaire ul li a:link {font-weight:normal;font-size:12px;list-style-type:disc}
#sommaire ul ul li a:link {font-weight:normal;font-size:12px;list-style-type:disc}
#sommaire ul li a:visited {font-weight:bold;font-size:14px;}
#sommaire ul ul li a:visited {font-weight:normal;font-size:12px;}



/**Titre de niveau 3 **/
/* #sommaire ul ul  {border-top:1px solid #000000;margin-top:5px;} */
#sommaire ul ul  {border-top:1px solid #ffffff;margin-top:5px;}
#sommaire ul li.menugauchenormal{font-size:16px;list-style-type:none}
#sommaire ul ul li.menugauchenormal {font-size:small;font-weight:normal;list-style-position:outside;list-style-type: disc;margin-left:18px;}
#sommaire ul ul ul li.menugauchenormal {font-size:small;font-weight:normal;list-style-position:outside;list-style-image:url(../images/pucecarrecapital.gif);margin-left:18px;}
#sommaire ul ul li.menugauche {font-size:small;font-weight:normal;list-style-position:outside;list-style-type: disc;margin-left:18px;}
#sommaire ul ul li {font-size:small;font-weight:normal;list-style-position:outside;list-style-type: disc;margin-left:18px;}
#sommaire ul ul li.selected {font-size:11px;font-weight:bold;padding-left:10px;list-style-type: disc;}
#sommaire ul ul a:hover {font-weight:bold;list-style:disc;}

#sommaire ul ul li a.lienmenugauche {list-style-type:square;font-weight:normal;font-size:12px;}

/*--------------- specifique diaporama*-------------------*/

#diaporama {text-align:center;padding-bottom:10px;background:url('../images/bg_diaporama_bas.png') no-repeat bottom}
#diaporama .intitule {color:#fff;vertical-align:middle; margin-top:3px;height:35px}
#diaporama table {width:700px;background:#000 url('../images/bg_diaporama_haut.png') no-repeat}
#diaporama table, #diaporama td {margin:auto;vertical-align:middle;color:#fff;}

#diaporama td.listephoto {width:70px;padding:20px;}
#diaporama td.detailphoto {height:280px;padding:0 10px;text-align:center}
#diaporama td.detailphoto img {border:1px solid #fff;margin:5px}
#diaporama td.detailphoto a img {border:0; width:auto;height:auto}
#diaporama td.listephoto a.selected img {border:2px solid #f1f1f1}

/*--------------footer-------------------*/
#footer {font-size:.9em;width:1000px}
#footer ul {float:none;margin:0;padding:0}
#footer li {float:left;width:33%;text-align:center}
#footer li.first-child {text-align:left;}
#footer li.last-child {text-align:right;}
#footer ul li a {color:#FFF;text-decoration:none;font-weight:bold}
#footer ul li a:hover {color:#FFF;text-decoration:none;}
#xiti {height:1px; font-size:1px}

/*bandeaux accueil et actus*/
#menuhaut ul {width:1000px}
#menuhaut ul li, .sousmenu ul li {float:left;background:#203862;width:123px;margin:0px;padding:0px;border:1px solid #fff;text-align:center;height:20px;line-height:20px}
#header #menuhaut ul li a, .sousmenu ul li a{color:#f1af42;margin:0px;padding:0px;font-size:1.1em;font-family:Verdana}
#header #menuhaut ul li.gris a, #header #menuhaut ul li.bleu a, #header #menuhaut ul li.jaune a, #header #menuhaut ul li.rouge a {color:#fff}
#header #menuhaut ul li.gris {background:#b3b3b3}
#header #menuhaut ul li.bleu {background:#0077be}
#header #menuhaut ul li.jaune {background:#f1af42}
#header #menuhaut ul li.rouge {background:#b30000}
#header #menuhaut ul li a:hover {line-height:15px}
.sousmenu ul li {background:#b3b3b3;float:none}
.sousmenu ul li a {color:#fff;}

/*Moteur de recherche*/

.tx-indexedsearch{margin-top:90px;width:700px;margin-left:20px;font-size:12px;font-family:arial}
.tx-indexedsearch-whatis{font-size:15px;padding:4px;border:1px solid #A0A0A0;margin-bottom:20px}
.tx-indexedsearch-res{clear:both;padding-top:10px;display:block;}
.tx-indexedsearch-browsebox{margin-bottom:10px;margin-top:10px;width:700px}
.tx-indexedsearch-browsebox p{display:none}

.browsebox{clear:both}
.tx-indexedsearch-res table{text-align:left;margin-top:10px;display:block}
.tx-indexedsearch-title{background-color:#E0E0E0;padding:2px}
.tx-indexedsearch-title a{font-size:13px;font-weight:bold}
.tx-indexedsearch-title a:hover{color:#404040;font-size:13px;font-weight:bold}

.tx-indexedsearch-percent{background-color:#E0E0E0;padding:2px;font-weight:bold}

.tx-indexedsearch-searchbox form{display:none;background-color:#F0F0F0}

#social{position:relative;height:2px;background-color:#FFFFFF;width:1000px;margin-left:auto;margin-right:auto}
.addthis_toolbox{position:absolute;top:28px;left:620px}
