/*= RAZ
--------- */

	dl, dt, dd, ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, legend {margin: 0; padding: 0;}
	h1,h2,h3,h4,h5,h6 {font-size: 1em; margin: 0; padding: 0;}

/*= Base
---------- */
	body {
		margin: 0 0 80px 0; padding: 0;
		background: #000;
		color: #fff;
		font-family: Trebuchet MS, 'Trebuchet MS', Arial, sans-serif;
		font-size: 62.5%;
		background: #000 url(/global/images/bg.jpg) repeat-x;
	}
	a:hover {color: #ddd;}
	a img {border: 0;}

	.hidden {display: none;}
	.clear {
			clear: both;
			line-height: 0; height: 0;
			display: block;
			visibility: hidden;
			}
	.shazzam {display: none;}

/* = Design communs
------------------ */
	
	#page {
		margin: 0 auto 0 auto;
		padding: 0 0 30px 0;
		position: relative;
		width: 780px;
		background-color: #002230;
	}
	
	/* = Bandeau-------------  */

	#bandeau {margin: 0 0 20px 0;}

	/* = Pied de page-------------  */

	#footer {
		position: absolute; bottom: -35px; left: 0;
		background: transparent url(/global/images/bgFooter.gif) no-repeat;
		width: 780px; height: 35px;
		font-size: 1.1em;
		text-align: center;
	}
	#footer a {
		text-decoration: none;
		color: #fff;
		margin: 0 10px 0 0;
		}
	#footer a:hover {
		background: #00597C;
		}

	/* = Content-------------  */

	#content {overflow: hidden;}

	/* = Colonnes-------------  */
	.col {float: left;}
	#partA {width: 170px; margin: 0 10px 0 10px;}
	#partB {width: 370px; margin: 0 10px 0 10px;}
	#partC {width: 191px; margin: 0 0 0 0;}

	#partA img.calePartA {clear: both;}
	
	/* = Styles textes partB -------------  */
	#content #partB h2,
	#content #partB h3,
	#content #partB h4,
	#content #partB h5,
	#content #partB h6,
	#content #partB p,
	#content #partB ul {
		margin: 0 0 0.8em 0;
		line-height: 1.5;
		}

	#content p {
		font-size: 1.1em;
		color: #008DFF;
		}
	#content a {color: #ffe;}
	#content #partB h1,
	#content #partB h2,
	#content #partB h3,
	#content #partB h4,
	#content #partB h5,
	#content #partB h6 {color: #fff;}
	#content #partB a {color: #E02F00;}
	#content #partB a {color: #333;}
	
	#partB h1 { 
		font-size: 2em!important; 
		color:#147EFE!important;
		}

	#content #partB li { 
		font-size: 1.1em;
		color:#0F527D; margin: 0 0 0 20px;
		}
		
/* = Page d’accueil
----------------- */

	body#home h1 {
		background: transparent url(/global/images/tiHome.gif) no-repeat;
		width: 424px; height: 29px;
		text-indent: -1000em;
		margin: 0 0 25px 20px;
	}

	body#home #actualites {
		width: 191px;
		margin: 0 0 10px 0;
		}
	body#home #actualites h2 {
		background: transparent url(/global/images/bgTiActu.gif) no-repeat;
		width: 191px; height: 51px;
		text-indent: -1000em;
	}
	body#home #actualites .content {
		background: #fff;
		color: #2585D3;
		padding: 10px;
		}
/*= rajout 30 juin 2008 / Home page          */

	a.comment {
		display: block;
		text-indent: -100em;
		width: 172px; height: 50px;
		background: transparent url(/global/images/btComment.gif) no-repeat 0 0;
		}
	.banniereTop, .banniereBottom {
		width: 468px; height: auto;
		}
	.banniereTop {padding: 0 0 25px 200px}
	.banniereBottom {padding: 0 0 0 200px}
	.banniereTop img, 
	.banniereBottom img {
		display: block;
		margin:0;
		}
		
/*contentActu                      */

	#contentActu { background-color: white;}
	#contentActu em, #contentActu h3 {padding: 5px; }
	#contentActu em { color: blue; text-align: right!important; display: block;}
	#contentActu h3 { color: #147EFE; font-size: 1.2em;}
	
	
	body#home #actualites .link {
		background: transparent url(/global/images/bgFooterActu.gif) no-repeat;
		width: 191px; height: 18px;
		text-align: right;
	}
	body#home #actualites .link a {
		color: #008DFF;
		padding-right: 10px;
		font-size: 1em;
	}
	body#home #actualites .link a:hover { color: #00299F; }

	body#home #actualites .content h2,
	body#home #actualites .content h3,
	body#home #actualites .content h4,
	body#home #actualites .content h5,
	body#home #actualites .content h6,
	body#home #actualites .content p,
	body#home #actualites .content ul {color: #2585D3}

	body#home #actualites .content h2 {font-size: 1.5em;}
	body#home #actualites .content h3 {font-size: 1.4em;}
	body#home #actualites .content h4 {font-size: 1.3em;}
	body#home #actualites .content h5 {font-size: 1.2em;}
	body#home #actualites .content h6 {font-size: 1.1em;}
	body#home #actualites .content p {font-size: 1.1em;}
	body#home #actualites .content ul {font-size: 1.1em;}
		
/* Gestion des actualités                   */
	
	table.ActuContent { width: 99%;}
	
	.post_title, .post_date { border-bottom: 1px solid #DDDDDD; }
	table.ActuContent td h1, .post_title, .post_title a { 
		font-size: 1.3em!important; 
		color: #147EFE!important;
		}
	
	.post_date { 
		text-align: right!important; 
		font-weight: bold;
		}
	.post_date, table.ActuContent b { 
		font-size: 1.2em;
		color: blue!important;
		}
	.post_short, table.ActuContent td { 
		text-align: justify; color: #333; 
		}
	table.ActuContent a, 
	.post_short a, a.back { 
		display: block; 
		font-size: 1.2em;
		color: #147EFE; 
		margin: 5px 0 0 0;
		}
		
/*gestion du plan du site                       */

	#sitemap { margin:0; padding:0; }
	#sitemap li a { text-decoration: none;}
	#sitemap li { 
		color: #0F527D;
		margin: 0 0 0 20px!important; 
		}
	#sitemap ul.siteMap1 li a { font-size: 1.2em; color: #0F527D; }
	#sitemap li ul.siteMap1 a { color: #147EFE;}
	#sitemap li ul.siteMap1 ul li a { color: #333;}
	
	
/*gestion des pages génértiques                 */
	
	body.pageGenerique #partA h2,
	body.pageGenerique #partA h3,
	body.pageGenerique #partA h4 {
		color: #fff; 
		font-size: 1.2em;
		border-bottom: 1px white solid; 
		margin: 0 0 5px 0;  padding: 0 0 3px 0;
		}
	body.pageGenerique #partA p { color: #008DFF;}
	body.pageGenerique #partA p, 
	body.pageGenerique #partA ul li {
		border-bottom: 1px #004852 solid;
		margin: 0 0 5px 0; padding: 0 0 5px 0;
		}
	body.pageGenerique #partA ul li,
	body.pageGenerique #partA ul li a { 
		font-size: 1em; color:#6CBFBF;
		}
	body.pageGenerique #partA ul li { }
	body.pageGenerique #partA ul li a { display: block; }
		
/* = Pages espace
------------------ */

	body#espace #partA {
		text-align: right;
		line-height: 1.5;
		}
	body#espace #partB {
		width: 560px;
		}

	body#espace #entete {
		margin: 0 0 1.5em 0;
	}
	body#espace #entete p {
		color: #fff!important;
		margin: 0!important;
		font-size: 1.5em;
		}
	#entete h1 {
		font-size: 2.5em!important;
		font-weight: bold;
		color: #0F527D!important;
		margin: 0 0 20px 0;
		}

	/* = Liens vers fiches poissons-------------  */

	.fish {
		width: 120px; margin: 0 20px 20px 0;
		float: left;
	}
/*	.fish.last {margin: 0;}*/
	.fish p {margin: 0!important;}
	.fish h2 {
		font-size: 1.1em!important;
		color: #042230!important;
		text-align: center;
		line-height: 1em!important;
		margin-bottom: 0!important; padding: 10px 0 0 0;
		background: transparent url(/global/images/bgNomPoisson.gif) no-repeat;
		width: 120px; height: 30px;

	}
	.fishPic img {
		margin: 0!important;
		padding: 0!important;
		border: 0!important;
		}
	.fish .fishLink a {
		display: block;
		border: 0!important;
		background: transparent url(/global/images/btnVoirlaFiche.gif) no-repeat;
		width: 120px; height: 25px;
		text-indent: -1000em;
	}
	.fish .fishLink a:hover {background-position: 0 100%;}

/* = Page fiche
-------------- */
	
	body#fiche #partB {
		width: 560px;
		background: #C9E1F6;
		margin: 0; padding: 15px;
	}
	body#fiche #partB h1 {
		color: #0F527D;
		font-size: 3em;
	}
	body#fiche #partB h2,
	body#fiche #partB h3,
	body#fiche #partB h4,
	body#fiche #partB h5,
	body#fiche #partB h6 {color: #147EFE;}
	
	body#fiche #partB p {color: #333;}
	
	body#fiche #partB h2 {font-size: 1.5em;}
	body#fiche #partB h3 {font-size: 1.4em;}
	body#fiche #partB h4 {font-size: 1.3em;}
	body#fiche #partB h5 {font-size: 1.2em;}
	body#fiche #partB h6 {font-size: 1.1em;}

	/* Bloc visuel / intro fiche espèce            */

	body#fiche #partB #blocVisuel { 
		width: 100%;
		margin: 0 0 10px 0; padding:0;
		text-align: center;
		}
	body#fiche #partB #blocVisuel img {}
/*	body#fiche #partB #blocVisuel ul {  }*/
	
	body#fiche #partB #blocVisuel ul li { 
		list-style: none; display: inline;
		margin: 5px 5px 0 0;
		}
	body#fiche #partB #blocVisuel ul li a {
		text-align: right; color:#002230;
		padding: 5px 25px 5px 0;
		background: transparent url(/global/images/btGalerie.gif) no-repeat right;
		}
	
	/* = Menu-------------  */
	
	body#fiche #partA {
		width: 150px;
		font-size: 1.2em;
		}
	body#fiche #partA a {
		color: #1F6FC8;
		text-decoration: none;
	}
	body#fiche #partA a:hover {color: #529AE1;}
	body#fiche #partA a.menu_current {color: #fff;}
	body#fiche #partA ul{
		list-style: none;
		line-height: 1.5;
		}
		
	body#fiche #entete p {
		color: #05527D;
		border-bottom: 1px #05527D solid;
		}
	body#fiche #entete p em {font-style: normal;}
	
	body#fiche #print {
		float: right;
		}
	body#fiche #print button {
		cursor: pointer;
		font-size: 1em;
		border: 0;
		text-indent: -1000em;
		background: transparent url(/global/images/btnImprimer.gif) no-repeat;
		width: 73px; height: 22px;
		}
	
/* Gestion de la page contact                   */
	
	body.contact form { width: 99%;}
	body.contact form fieldset { border: 1px #E1F5FF solid; padding: 5px;}
	body.contact form legend { color: #002230; margin: 0 0 10px 0;}
	body.contact form p { width: 99%; float: left;}
	
	body.contact form label,
	body.contact form input,
	body.contact form select,
	body.contact form textarea { 
		float: left; font-size:1em;
		width: 50%;
		}
	body.contact form label {color:#147EFE; width: 150px;}
	body.contact form label font {
		position: absolute;
		float: left;
		padding:0!important;
		margin:0!important;
		}
		
	input.field_radio,
	input.field_checkbox {
		width: auto!important;
		border: 1px #C9E1F6 solid!important;
		background-color:#C9E1F6!important;
		}
	
	body.contact form p font {float: left; padding: 0 10px 0 5px;}
	
	body.contact form p input,
	body.contact form p select { 
		border:0; padding: 2px;
		background-color: #E1F5FF; 
		border: 1px #9FBEE7 solid;
		}
	
	body.contact form input.valide {
		float:right; border:0;
		width: auto!important;
		color: white;
		background-color: #147EFE; 
		}
	
/* = Classes attribuees au WYSIWYG
--------------------------------- */

	.plusgros {font-size: 125%;}
	
/* = Formulaire contact
---------------------- */
.captcha {}
.captcha input {width: 70px!important;}
.captcha label {width: 350px!important;}
.captcha img {display: block;}