/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


body {
	background-color: #fff;
}

a img {
	border: none;
}



/* conteneur global */
/* ------------------------------------------------------------------------------- */
#conteneur {
	position: relative;
	width: 988px;
	
	margin-left: auto;
	margin-right: auto;

	z-index: 1;
}

/* BANDEAU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bandeau {
	position: absolute;
	top: : 0px;
	left: 0px;
}

/* Logo */
#bandeau h1 {
	position: absolute;
	top: 4px;
	left: 0px;
}
/* Photo */
#bandeau p#illustration {
	position: absolute;
	top: 4px;
	left: 189px;
}
/* Logo 2 */
#logo2 {
	position: absolute;
	top: 50px;
	left: 827px;
	z-index: 99;
}
/* Menu principal */
#bandeau ul {
	position: absolute;
	top: 155px;
	left: 0px;
	
	width: 988px;
	height: 53px;
	background-image: url(images/home_bg_menu.jpg);
	background-repeat: no-repeat;
	
	list-style-type: none;
	
	padding: 9px 0px 0px  7px;
}

#bandeau ul li {
	display: inline;
}

/* Block de conteu 3 colonnes */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#block_contenu {
	position: absolute;
	top: 211px;
	left: 6px;
	
	width: 982px;
	
	padding: 0px 0px 25px 0px;
	margin:  0px 0px 0px 0px;
	
	

}

/* Colonne gauche */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#col_gauche {
	float: left;
	width: 190px;	

}

/* Block sous menu et  titre */
#block_ssmenu {
	width: 190px;
	background-image: url(images/page_bg_block_ssmenu.gif);
	overflow: hidden;
}
#fond_ssmenu {
	width: 190px;
	background-image: url(images/page_bg_block_ssmenu_bas.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	
	padding: 0px 0px 10px 0px;
	margin: -4px 0px 0px 0px;
}

#fond_ssmenu h2 {
	height: 53px;
	width: 186px;
	background-image: url(images/page_bg_h2_ssmenu.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 10px 4px;
}
ul#niveau_un {
	padding: 0px 0px 0px 5px;
	
	list-style-type: none;
}
ul#niveau_deux {
	list-style-type: none;
	margin:  0px 0px 0px 6px;
}
ul#niveau_un ul#niveau_deux {
	margin:  0px 0px 0px 0px;
}
/* Sous menu niveau 1 */
li.niveau_un {
	
	width: 177px;
	margin: 2px 0px 2px 0px;
	border-top: 1px dashed #004f80;
	border-bottom: 1px dashed #004f80;
}

li.niveau_un span {
	display: block;
	background-color: #004f80;
	padding: 1px 5px 1px 10px;
}
/* Sous menu niveau 2 */
li.niveau_deux {
	width: 177px;
	
	border-bottom: 1px dashed #76b2cf;
	padding: 6px 0px 6px 0px;
	
	background-image: url(images/puce_ssmenu.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.8em;

}
li.niveau_deux a {
	display: block;
	padding: 0em 0em 0em 2em;
}
/* Lien version meteo et marees */
p#meteo {
	width: 156px;
	height: 72px;
	background-image: url(images/bg_meteo.jpg);
	background-repeat: no-repeat;
	
	padding: 13px 0px 0px 34px;
	margin: 3px 0px 0px 0px; /*Inexistant */

}
p#meteo img.marees {
	margin: 0px 0px 0px 25px;
}


/* Pour la mise en forme du input de la newsletter voir avec celui de la recherche plus haut  */


/* Newsletter et Sondage */
#news_sondage {
	width: 190px;
	background-image: url(images/page_bg_sondage.gif);
	overflow: hidden;
	margin: 3px 0px 0px 0px; /* Inexistant */

}
#newsletter img {
	margin: -1px 0px 0px 6px;
}
#sondage img {
	margin: 0px 0px 0px 6px;
}

/* Bretagne, region nautique, en images */
#bretagne {
	width: 190px;
	
	background-image: url(images/page_bg_bretagne.gif);
	
	overflow: hidden;
	margin: 5px 0px 0px 0px; /*3px 0px 0px 0px;*/
}
#bretagne h4 {
	margin: 6px 0px 14px 18px;
}
#nautique img {
	margin: -1px 0px 0px 6px;
}
#image img {
	margin: -1px 0px 0px 6px;
}
/* Partenaires */

#partenaires {
	width: 190px;
	height: 56px;
	
	background-image: url(images/page_bg_partenaires.jpg);
	background-repeat: no-repeat;
	
	overflow: hidden;
	margin: 3px 0px 0px 0px; /* 2px 0px 0px 0px; */

}
#partenaires p {
	padding: 20px 0px 0px 18px;
}

/* Liens utiles */
#liens_utiles {
	width: 176px;
	height: 70px;
	
	background-image: url(images/bg_liensutiles.jpg);
	background-repeat: no-repeat;
	
	overflow: hidden;
	margin: 3px 0px 0px 0px; /*2px 0px 0px 0px;*/

}
#liens_utiles {
	padding: 14px 0px 0px 14px;
}
#liens_utiles img.contact {
	margin: 0px 13px 0px 21px;
}



/* Contenu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contenu {
	float: left;
	width: 588px;
/*	width: 591px; */
}


/* Chemin */
#chemin {
	margin: 0px 0px 10px 10px;
}

/* Bandeau Rubrique */
/* Pavé orange avec ombrage titre rubrique */
.block_hauttitrerub {
	width: 578px;
	margin-left: 10px;
	padding: 11px 0px 0px 0px;	
	background-image: url(images/page_bg_titrerub_haut.gif);
	background-repeat: no-repeat;

}
.block_centretitrerub {
	width: 578px;
	background-image: url(images/page_bg_titrerub_centre.gif);
}
.block_bastitrerub {
	width: 578px;
	padding: 0px 0px 15px 0px;	
	background-image: url(images/page_bg_titrerub_bas.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.block_centretitrerub.marges_bandeaurub {
	padding: 0px 0px 3px 9px;
	width: 569px;
}
.bandeau_rub {
	width: 555px;
	margin: 0px 0px 0px 0px;
}

.bandeau_rub h2 {
	width: 174px;
	float: left;
	text-align: center;
	margin: 30px 0px 0px 0px;

}
.bandeau_rub p.photorub {
	float: left;
	/* margin: 5px 0px 0px 22px; */
	margin: 5px 0px 0px 22px!important;
	margin: 5px 0px 0px 11px;
	
	height: 85px;
	width: 89px;
	background-image: url(images/page_bg_photorub.jpg);
	background-repeat: no-repeat;
}

p.photorub img {
	margin: 6px 0px 0px 9px;
}
.bandeau_rub div {
	float: left;
	margin: 5px 0px 0px 27px;
	width: 400px;

}

/* Pavé orange avec ombrage */
.block_haut {
	width: 578px;
	margin-left: 10px;
	margin-top: 7px;
	padding: 9px 0px 0px 0px;	
	background-image: url(images/page_bg_blockhaut.gif);
	background-repeat: no-repeat;
	
	position: relative;
	z-index: 1;

}
.block_centre {
	width: 578px;
	background-image: url(images/page_bg_blockcentre.gif);
	background-repeat: repeat-y;
	position: relative;
	z-index: 100;
	
	padding: 0px 0px 10px 0px;
}
.block_bas {
	width: 578px;
	padding: 0px 0px 10px 0px;	
	background-image: url(images/page_bg_blockbas.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
	position: relative;
	z-index: 50;
}

/* Pavé vert avec ombrage */
.block_hautvert {
	width: 578px;
	margin-left: 10px;
	margin-top: 7px;
	padding: 9px 0px 0px 0px;	
	background-image: url(images/page_bg_blockhautvert.gif);
	background-repeat: no-repeat;
	
	position: relative;
	z-index: 1;

}
.block_centrevert {
	width: 578px;
	background-image: url(images/page_bg_blockcentrevert.gif);
}
.block_basvert {
	width: 578px;
	padding: 0px 0px 11px 0px;	
	background-image: url(images/page_bg_blockbasvert.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* Annuaire */
.block_centre.marges_annuaire {
	padding: 8px 0px 20px 0px!important;
	padding: 0px 0px 20px 0px;
	width: 578px;
	
	
}
img.liencarto {
	float:right;
	margin: 0px 20px 10px 0px;
}
.liste_entreprises {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	
	background-image: url(images/page_bg_annuaire.gif);
	
	background-position: 20px 0px;
	background-repeat: repeat-y;
	
	height: 1px;

}
/* Hack min height... */
html>body .liste_entreprises {
	height: auto;
	min-height: 1px;

}

.liste_sites {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	background-image: url(images/page_bg_annuaire.gif);
	
	background-position: 20px 0px;
	background-repeat: repeat-y;
	
	height: 1px;

}
/* Hack min height... */
html>body .liste_sites {
	height: auto;
	min-height: 1px;

}
/* Block Titre sous rubrique */
.titressrub {
	background-image: url(images/page_bg_titressrub.jpg);
	background-repeat: no-repeat;
	
	width: 556px;
	height: 42px;
	
	margin: 0px 0px 0px 8px;

}
.block_centre.marges_titressrub {
	padding: 8px 0px 20px 0px!important;
	padding: 0px 0px 20px 8px;
	width: 570px;
}
.titressrub h2 {
	float: left;
	text-align: center;
	width: 220px;
	margin: 0px 0px 0px 0px;
}
.titressrub h3 {
	/*float: left;*/
	text-align: center;
	
	
}
.intro_ssrub {
	padding: 20px 25px 15px 20px;
}

.intro_ssrub2 {
	margin: 20px 20px 15px 20px;
}
.liste_entreprises ul {
	list-style-type: none;
	float: left;
	width: 33%;

}
.liste_entreprises ul li {
	display: inline;
}

.liste_entreprises ul.listehune {
	width: 100%;
}
ul li.hune a {
	float: left;
	width:30%;
}
/* Dans cette rubrique */
.block_centre.marges_dansrub, .block_centrevert.marges_dansrub {
	padding: 8px 0px 20px 0px!important;
	padding: 0px 0px 20px 0px;
	width: 578px;
}

.liste_articles {
	background-image: url(images/page_bg_listearticles.gif);
	background-repeat: repeat-y;
	
	background-position: 50%;
	
	height: 1px;
	margin: 20px 0px 0px 0px;
}
/* Hack min height... */
html>body .liste_articles {
	height: auto;
	min-height: 1px;

}
.liste_articles2 {
	background-image: url(images/page_bg_listearticles2.gif);
	background-repeat: repeat-y;
	
	background-position: 50%;
	
	height: 1px;
	margin: 20px 0px 0px 0px;
}
/* Hack min height... */
html>body .liste_articles2 {
	height: auto;
	min-height: 1px;

}
/* Liste d'articles */
.block_article {
	padding: 0px 20px 0px 25px;
	
	float: left;
	width: 240px;
	min-height: 84px;
}
.partenaires {
	margin-bottom: 20px;
}

.block_article p.img {
	float:left;
	margin: 0px -3px 0px 0px;
	text-align: center;
}
#contenu div.listarticles h3 {
	margin: -8px 0px 0px 0px;
	position: relative;
	z-index: 100;
	
	padding: 5px 0px 0px 0px;
}
#contenu div.listedocuments h3 {
	margin: -7px 0px 0px 0px;
	position: relative;
	z-index: 100;
	
	padding: 5px 0px 0px 0px;
}
#contenu div.listesites h3 {
	margin: -7px 0px 0px 0px;
	position: relative;
	z-index: 100;
	
	padding: 5px 0px 0px 0px;
}
div.adresse {
	float: left;
	width: 65%;
}
/* Liste de documents */
.block_docs a {
	display: block;
	padding: 10px 5px 10px 5px;
	margin: 20px 0px 5px 10px;
	
	float: left;
	width:28%;
	
	border: 1px dotted #d6e493;
}
.block_docs a:hover {
	background-color: #e2ebcf;
	text-decoration: none;
}
/* Liste d'images */
.block_images {
	padding: 10px 0px 5px 0px;
	margin: 15px 5px 15px 10px;
	
	float: left;
	width: 95px;
	height: 115px;
	background-color: #e7f1f5;
	text-align: center;
}
html>body .block_images {
	height: auto;
	min-height: 115px;
}


.fondecranphoto img.spip_logos, .block_images img.spip_logos {
	float: none;
	padding: 0;
	margin: 0;
}

table.fondecran {
	float: left;
	background-color: #E7F1F5;
	margin: 10px 6px 10px 4px;
}
td.fondecranphoto {
	height: 160px;
	width: 160px;
	text-align: center;
	vertical-align: middle;
}

td.article {
	height: 110px;
}

td.texte {
	text-align: center;
	height: 30px;
	width: 160px;
}
td.texte2 {
	height: 50px;
}
/* Liste de sites */
.block_sites {
	float: left;
	width: 150px;
	
	padding: 0px 0px 0px 15px;
	margin: 3px 20px 8px 0px;
	
	overflow: hidden;
}
/* Colonne droite */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#col_droite {
	float: left;
	width: 201px;
	
	overflow-x: hidden;
	
}

/* Lien version anglaise et accessibilite */
p#access {
	width: 179px;
	height: 39px;
	background-image: url(images/page_bg_access.jpg);
	background-repeat: no-repeat;
	
	padding: 5px 0px 0px 8px;
	margin: 0px 0px 0px 5px;
}
p#access img.access {
	margin: 0px 0px 0px 15px;
}

/* Recherche */
#recherche {
	width: 190px;
	height: 46px;
	
	margin: 0px 0px 0px 5px;
	
	background-image: url(images/page_bg_recherche.jpg);
	background-repeat: no-repeat;
	
}
#recherche p {
	padding: 25px 0px 0px 22px;
}
#recherche input, #newsletter input.texte_news {
	width: 113px;
	height: 13px;
	
	border: 0;
	
	font-size: 10px;
	color: #ff7506;
}

#recherche img, #recherche input {
	vertical-align: middle;
}

/* Recherche GOOGLE */
#cse-search-form {
	width: 190px;
	height: 46px;
	
	margin: 0px 0px 0px 5px;
	
	background-image: url(images/page_bg_recherche.jpg);
	background-repeat: no-repeat;
	
}
#cse-search-form table {
	margin: 13px 0 0 1px;
	width: 87%;
}

#cse-search-form input.gsc-input { /* Champ texte */
	width: 75px;
	min-height: 12px;
	border: 0;
	font-size: 10px;
	color: #ff7506;
	margin: 0 2px 0 0;
}
#cse-search-form input.gsc-search-button { /* Bouton validation */
	width: 67px;
	min-height: 14px;
	border: 0;
	font-size: 10px;
	color: #fff;
	background: #00748d;
	margin: 0;
	text-shadow: none;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
}

#cse-search-form img, #cse-search-form input {
	vertical-align: middle;
}

.cse .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link, .cse .gs-webResult.gs-result a.gs-title:link b, .gs-webResult.gs-result a.gs-title:link b, .cse .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited, .cse .gs-webResult.gs-result a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:visited b, .cse .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover, .cse .gs-webResult.gs-result a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b, .cse .gsc-cursor-page, .gsc-cursor-page, .cse .gsc-trailing-more-results:link, .gsc-trailing-more-results:link, .cse .gs-spelling a, .gs-spelling a {

	color: #026599;
}
.cse .gs-webResult.gs-result a.gs-title:link, .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: inherit;

}

.cse .gs-webResult .gs-snippet, .gs-webResult .gs-snippet, .gs-fileFormatType, .gs-imageResult .gs-snippet {
    color: #626262;
}

.cse .gs-webResult .gs-visibleUrl, .gs-webResult .gs-visibleUrl, .cse .gs-webResult .gs-visibleUrl-short, .gs-webResult .gs-visibleUrl-short, .gs-imageResult .gs-visibleUrl, .gs-imageResult .gs-visibleUrl-short {
    color: #626262;
    font-weight: bold;
}



/* Annuaire cartographique */
#lien_annuaires {
	width: 187px;
	height: 96px;
	
	margin: 0px 0px 0px 5px;
	
	background-image: url(images/page_bg_lien_annuaire.jpg);
	background-repeat: no-repeat;
	
	overflow: hidden;
}
#lien_annuaires a {
	display: block;
	width: 187px;
	height: 96px;
	
	padding: 62px 0px 0px 15px;
	
}

.block_droite {
	margin: 0px 0px 0px 8px;
	padding: 0px 11px 0px 0px;
	
	font-size: 100%;
}

.block_droite h3 {
	margin: 8px 0px 8px 0px;
	background-image: url(images/page_bg_titredroite.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.block_droite div img {
	float: left;
	margin: 2px 11px 0px 0px;
}

.block_droite div {
	margin: 0px 0px 10px 0px;
}
.block_droite p.datearticle {
	margin: 0;
}

/* Plus d'infos */
#plusinfo {
	background-image: url(images/page_bg_plusinfo_uni.gif);
	background-repeat: repeat-y;
	
	margin: 10px 0px 0px 5px;
}
#plusinfo h4 {
	margin: 8px 0px 8px 15px;
}
.plusinfo {
	background-image: url(images/page_bg_plusinfo.jpg);
	background-repeat: no-repeat;
	background-position:  left bottom;
	
	padding: 5px 5px 20px 0px;
	
}
.plusinfo li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}
.plusinfo li a {
	display: block;
	background-image: url(images/puce_plusinfo.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	
	padding: 0px 0px 0px 18px;
	margin: 5px 10px 5px 20px;
	
	color: #FFFFFF;
	font-weight:normal;
}

.plusinfo li.rss{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}
.plusinfo li.rss a {
	display: block;
	background-image: url(images/rss2.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	
	padding: 10px 0px 10px 25px;
	margin: 5px 10px 5px 15px;
	
	color: #FFFFFF;
	font-weight:normal;
}

.plusinfo li.netvibes{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}
.plusinfo li.netvibes a {
	display: block;
	background-image: url(images/netvibes.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	
	padding: 10px 0px 10px 25px;
	margin: 5px 10px 5px 15px;
	
	color: #FFFFFF;
	font-weight:normal;
}



/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
	position: relative;
	width: 982px;
	height: 35px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
	padding: 0px 0px 0px 0px;
}
html>body #footer {
	padding: 0px 0px 20px 0px;
}
#block_boutons {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
		
	background-color: #FFFFFF;
	
	width:275px;
	height: 55px;
	
	text-align: center;
}

/* Lien partager reseaux sociaux */
.reseau_sociaux {
	text-align: right;
	list-style-type: none;
	clear: both;
}
.reseau_sociaux li {
	display: inline;
	vertical-align: middle;
}
.reseau_sociaux li a, .reseau_sociaux li img {
	display: inline;
}
/* Block affiche fiche pour placer le loog ŕ cote des infos extras */
#block_affiche_fiche {
	width: 70%;
	float: left;
}
.vide {
	margin: 0px 0px 0px 0px;
}
.clear {
	clear: both;
	font-size: 1px;
	/* height: 0px; */
	line-height: 0px;
}