/* CSS Document */

	#header {background-image:url(../img/intern/bg_head.gif)}

	#content {background:#fff url(../img/intern/bg_top_contenu.gif) no-repeat}
	
	#content #gauche {width:456px; height:503px; padding-left:32px; margin-top:9px; float:left; background:#fff url(../img/intern/bg_left_contenu.gif) no-repeat}
	#content #droite {width:203px; height:512px; padding-right:31px; float:left; border-left:1px solid #778991; background:url(../img/intern/bg_right_contenu.gif) right 0 no-repeat}
	#content #bas {width:703px; display:block; padding:25px 0 0 20px; clear:both; color:#fff; font-size:.9em; background:#1b82b4 url(../img/intern/bg_bottom.gif) no-repeat}
	
	#content #gauche .title {width:456px; height:92px; border-bottom:1px solid #778991;}
	#content #gauche .titleblanc {width:630px; height:92px; border-bottom:1px solid #778991;}
	#content #gauche .title ul {padding:15px 0 0 0}
	#content #gauche .titleblanc ul {padding:15px 0 0 0}
	#content #gauche .title ul li {display:inline; color:#135b7d}
	#content #gauche .titleblanc ul li {display:inline; color:#135b7d}
	#content #gauche .title ul li a {display:inline; color:#135b7d; text-decoration:none; padding:0 3px}
	#content #gauche .titleblanc ul li a {display:inline; color:#135b7d; text-decoration:none; padding:0 3px}
	#content #gauche .title ul li a:hover {text-decoration:underline;}
	#content #gauche .titleblanc ul li a:hover {text-decoration:underline;}
	
	#content #gauche .title ul li.actuel {float:left}
	#content #gauche .titleblanc ul li.actuel {float:left}
	#content #gauche .title ul li.actuel strong {padding:0 3px}
	#content.bar #gauche .title {background:url(../img/intern/bar.jpg) right 20px no-repeat}
	#content.bar #gauche .title ul li.actuel strong {color:#d70040}
	#content.truite.formes #gauche .title {background:url(../img/intern/truites_ttes_formes_bg.jpg) right 0 no-repeat}
	#content.truite #gauche .title ul li.actuel strong {color:#92b000}
	#content.esturgeon #gauche .title {background:url(../img/intern/esturgeon.jpg) right 20px no-repeat}
	#content.esturgeon #gauche .title ul li.actuel strong {color:#f27d04}
	#content.turbot #gauche .title {background:url(../img/intern/turbot.jpg) right 20px no-repeat}
	#content.daurade #gauche .title {background:url(../img/intern/daurade.jpg) right 20px no-repeat}
	#content.daurade #gauche .title ul li.actuel strong {color:#00bfe8}
	#content.saumon #gauche .title ul li.actuel strong {color:#0030d7}
	#content.maigre #gauche .title {background:url(../img/intern/maigre.jpg) right 20px no-repeat}
	#content.maigre #gauche .title ul li.actuel strong {color:#7800d7}

	#content #gauche h1 {font-size:2.2em; clear:both; padding-top:5px}
	#content.bar #gauche  h1{color:#d70040}
	#content.truite #gauche h1 {color:#92b000}
	#content.esturgeon #gauche h1 {color:#f27d04}
	#content.turbot #gauche h1 {color:#d70091}
	#content.daurade #gauche h1 {color:#00bfe8}
	#content.saumon #gauche h1 {color:#0030d7}
	#content.maigre #gauche h1 {color:#7800d7}
	
	#content #gauche h4 {font-size:1em; font-weight:normal}
	
	#content #gauche #overflow {
		width:456px;
		height:390px;
		padding:10px 0 0 0;
		overflow:auto;
		scrollbar-face-color: #A4D7F2;
		scrollbar-highlight-color: #70C2EA;
		scrollbar-shadow-color: #1A83B3;
		scrollbar-3dlight-color: #000000;
		scrollbar-arrow-color: #1A83B3;
		scrollbar-track-color: #E8F5FD;
		scrollbar-darkshadow-color: #d9d9d9;
	}
	#content #droite .enveloppe {
		scrollbar-face-color: #A4D7F2;
		scrollbar-highlight-color: #70C2EA;
		scrollbar-shadow-color: #1A83B3;
		scrollbar-3dlight-color: #000000;
		scrollbar-arrow-color: #1A83B3;
		scrollbar-track-color: #E8F5FD;
		scrollbar-darkshadow-color: #d9d9d9;	
	}
	
	#content #gauche #overflow div {width:436px;}

	#content #gauche #overflow div p, #content #gauche #overflow div p.poisson {padding:0 0 5px 35px; clear:both;}
	#content #gauche #overflow div p.poisson {background:url(../img/basics/puce_poisson.gif) no-repeat}
	
	#content #gauche #overflow div p img, #content #gauche #overflow div p.poisson img {margin:0 10px 7px 0; float:left}
	#content #gauche #overflow div p.right, #content #gauche #overflow div p.poisson.right {text-align:justify; margin-top:15px}
	#content #gauche #overflowblanc div p.left {text-align:left; margin-top:15px; float:left}
	#content #gauche #overflowblanc div p.left img {margin:5px; float:left}
	#content #gauche #overflow div p.right img, #content #gauche #overflow div p.poisson.right img {float:right; margin:5px 0 15px 15px}

	#content #gauche #overflow div p a, #content #gauche #overflow div p.poisson a {color:#d70040;}
	#content #gauche #overflowblanc div p a, #content #gauche #overflowblanc div p.poisson a {color:#d70040;}


	#content #gauche #overflow div ul {padding:5px 0 5px 15px; clear:both}
	#content #gauche #overflow div ul li {padding-left:10px; background:url(../img/basics/puce.gif) 0 4px no-repeat}
	#content #gauche #overflowblanc div ul li {padding-left:10px; background:url(../img/basics/puce.gif) 0 4px no-repeat}
	#content #gauche #overflow div ul li a {color:#d70040; font-weight:bold}
	#content #gauche #overflowblanc div ul li a {color:#d70040; font-weight:bold}
	#content #gauche #overflow div ul li ul.img_droite {float:left; width:330px}
	#content #gauche #overflowblanc div img_droite {float:right; width:339px}
	#content #gauche #overflow div ul li ul.img_droite img {float:right; display:block; margin:0 0 0 5px}
	#content #gauche #overflow div ul li ul.img_droite li {}
	
	#content #gauche #overflow div ul.retrait {padding:0 0 5px 70px}
	#content #gauche #overflowblanc div ul.retrait {padding:0 0 5px 70px}
	
	#content #gauche #overflow div img.centree {margin:5px auto; display:block}
	#content #gauche #overflow div img.left {margin:5px; display:block; float:left}
	#content #gauche #overflowblanc div img.left {margin:5px; display:block; float:left}
	#content #gauche #overflow div img.right {margin:5px; display:block; float:right; clear:both}
	#content #gauche #overflowblanc div img.right {margin:5px; display:block; float:right; clear:both}
	
	#content #gauche #overflow div a.question {color:#135b7d; margin:3px 0 0 35px; font-weight:bold; text-decoration:none; display:block; clear:both}
	#content #gauche #overflow div a.question:hover {background-color:#e5fbfb}
	/* pages internes sans sous-titres (h4) */
	#content.sans_h4 #gauche .title {height:82px;}
	#content.sans_h4 #gauche #overflow {height:400px;}
	
	#content #droite .enveloppe {width:193px; height:512px; overflow:auto; padding-left:10px; background:#e7fbfb url(../img/intern/bg_droite.gif) repeat-x}
	#content #droite .enveloppe h4 {font-size:1.4em; padding:20px 0 0 0}
	#content #droite .enveloppe ul#sous_nav {padding:10px 0 0 15px}
	#content #droite .enveloppe ul#sous_nav li {padding:0 0 5px 10px; background:url(../img/basics/puce.gif) 0 4px no-repeat}
	#content #droite .enveloppe ul#sous_nav li a {font-weight:bold; color:#d70040;}
	#content.truite #droite .enveloppe ul#sous_nav li a {color:#92b000}
	#content #droite .enveloppe p {padding:0 0 5px 0}
	
	#content #droite .enveloppe strong {display:block; padding-top:10px}
	#content.bar  #droite .enveloppe strong {color:#d70040}
	#content.truite #droite .enveloppe strong {color:#92b000}
	#content.esturgeon #droite .enveloppe strong {color:#f27d04}
	#content.turbot #droite .enveloppe strong {color:#d70091}
	#content.daurade #droite .enveloppe strong {color:#00bfe8}
	#content.saumon #droite .enveloppe strong {color:#0030d7}
	#content.maigre #droite .enveloppe strong {color:#7800d7}
	
	#content #droite .enveloppe .reponse {display:none;}
	
	a.retour, a.haut {color:#145b7b; display:block; float:left; padding-bottom:5px}
	a.haut {float:right}
	#content.sans_colonne #gauche{width:660px;}
	#content.sans_colonne {font-size:1.2em;}
	#content #droiteblanc {
		width:31px; 
		height:512px;
		float:left;
		background-image: url(../img/intern/bg_right_contenu_blanc.gif);
		background-repeat: no-repeat;
		background-position: right 0;
	}
	#content #basblanc {
		width:703px;
		display:block;
		padding:25px 0 0 20px;
		clear:both;
		color:#fff;
		font-size:.9em;
		background-color: #1b82b4;
		background-image: url(../img/accueil/bottom_blanc.gif);
		background-repeat: no-repeat;
	}
	#content #gauche #overflowblanc {
		width:630px;
		height:390px;
		padding:10px 0 0 0;
		overflow:auto;
		scrollbar-face-color: #A4D7F2;
		scrollbar-highlight-color: #70C2EA;
		scrollbar-shadow-color: #1A83B3;
		scrollbar-3dlight-color: #000000;
		scrollbar-arrow-color: #1A83B3;
		scrollbar-track-color: #E8F5FD;
		scrollbar-darkshadow-color: #d9d9d9;
}