/* Style  */            
/* terralibra */           

/*Marron : #582909*/
/*Vert : #CBD200*/
/*Orange : #DF6D07*/

BODY {
	background-color: #582909;
	color: #582909;
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	margin: 0;
}
img{
	border: none;
}
.carte .pays {
	font-size: 14px;
	text-align: justify;
	margin-left: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	border-bottom: 1px solid #DF6D07;
}
.carte .text, .carte .comment {
	margin-left: 30px;
}
.carte .comment {
	font-style: italic;
	width: 200px;
}
.carte .zone {
	margin-left: 30px;
	padding-bottom: 0;
}
.carte .zone img{
	float: right;
	clear: right;
}
.carte .zone img.photo{
	float: none;
	margin: 5px;
	margin-left: 20px;
}
.carte .zone .text, .carte .zone .nom, .carte .zone .description {
	margin-left: 0px;
	font-size: 12px;
}
.carte .zone .description {
	font-style: italic;
}
.carte .zone .nom {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}
.carte .image {
	position: relative;
	float: left;
	background: url(imgs/carte-grandouest.gif) no-repeat;
	width: 496px;
	height: 417px;
}
.carte .image .brest, .carte .image .morlaix, .carte .image .tregor, .carte .image .gornouaille, .carte .image .centre-ouest, .carte .image .guingamp, .carte .image .lorient, .carte .image .pontivy, .carte .image .centre, .carte .image .saint-brieuc, .carte .image .auray, .carte .image .vannes, .carte .image .dinan, .carte .image .ploermel, .carte .image .broceliande, .carte .image .saint-malo, .carte .image .redon, .carte .image .vallon, .carte .image .rennes, .carte .image .fougeres, .carte .image .vitre, .carte .image .loire-atlantique, .carte .image .maine-et-loire, .carte .image .mayenne, .carte .image .manche {
	position: absolute;
	width: 22px;
	height: 22px;
	left: 27px;
	top: 158px;
}
.carte .image .morlaix {
	left: 108px;
	top: 133px;
}
.carte .image .tregor {
	left: 154px;
	top: 111px;
}
.carte .image .gornouaille {
	left: 64px;
	top: 231px;
}
.carte .image .centre-ouest {
	left: 118px;
	top: 192px;
}
.carte .image .guingamp {
	left: 178px;
	top: 144px;
}
.carte .image .lorient {
	left: 147px;
	top: 285px;
}
.carte .image .pontivy {
	left: 193px;
	top: 230px;
}
.carte .image .centre {
	left: 206px;
	top: 201px;
}
.carte .image .saint-brieuc {
	left: 217px;
	top: 157px;
}
.carte .image .auray {
	left: 180px;
	top: 303px;
}
.carte .image .vannes {
	left: 206px;
	top: 303px;
}
.carte .image .dinan {
	left: 298px;
	top: 171px;
}
.carte .image .ploermel {
	left: 251px;
	top: 257px;
}
.carte .image .broceliande {
	left: 294px;
	top: 225px;
}
.carte .image .saint-malo {
	left: 321px;
	top: 144px;
}
.carte .image .redon {
	left: 286px;
	top: 304px;
}
.carte .image .vallon {
	left: 320px;
	top: 257px;
}
.carte .image .rennes {
	left: 340px;
	top: 229px;
}
.carte .image .fougeres {
	left: 395px;
	top: 189px;
}
.carte .image .vitre {
	left: 393px;
	top: 232px;
}
.carte .image .loire-atlantique {
	left: 328px;
	top: 364px;
}
.carte .image .maine-et-loire {
	left: 457px;
	top: 325px;
}
.carte .image .mayenne {
	left: 447px;
	top: 234px;
}
.carte .image .manche {
	left: 404px;
	top: 86px;
}
.carte .image .brest a, .carte .image .morlaix a, .carte .image .tregor a, .carte .image .gornouaille a, .carte .image .centre-ouest a, .carte .image .guingamp a, .carte .image .lorient a, .carte .image .pontivy a, .carte .image .centre a, .carte .image .saint-brieuc a, .carte .image .auray a, .carte .image .vannes a, .carte .image .dinan a, .carte .image .ploermel a, .carte .image .broceliande a, .carte .image .saint-malo a, .carte .image .redon a, .carte .image .vallon a, .carte .image .rennes a, .carte .image .fougeres a, .carte .image .vitre a, .carte .image .loire-atlantique a, .carte .image .maine-et-loire a, .carte .image .mayenne a, .carte .image .manche a  {
	display: block;
	width: 22px;
	height: 22px;
}
.image {
	margin: 5px;
}
.accroche {
	color: #DF6D07;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 5px;
}
.diaporama{
	float: right;
	display:block;
	width: 335px;
	height: 250px;
	text-align: center;
	border: 1px solid #DF6D07;
	margin-left: 20px;
}
.floatleft {
	float: left;
}
a{
	color: #582909;
	text-decoration: underline;
}
a:hover{
	color: #582909;
	text-decoration: none;
}
.gras{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}
.orange{
	color: #DF6D07;
}
.lien {
	background: url(imgs/p-lien.gif) no-repeat 0 3px;
	padding-left: 12px;
	font-size: 11px;
}
.lien a{
	color: #582909;
	text-decoration: underline;
}
.lien a:hover{
	color: #582909;
	text-decoration: none;
}
.list {
	list-style-image: url(imgs/p-list.gif);
	list-style-position: outside;
	margin-left: 15px;
	padding-left: 0px;
	margin-top: 0px;
	font-size: 11px;
}
.floatright {
	float: right;
}
.clearleft{
	clear: left;
}
.clearright{
	clear: right;
}
.clearboth{
	clear: both;
}
.site{
	background: url(imgs/BG-PIED.gif) repeat-x bottom left;
	position: absolute;
	background-color: #FFF;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 770px;
	z-index: 1;
}
#POPUP.site{
	min-width: 730px;
}
.ENTETE {
	position: relative;
	background: url(imgs/BG-entete.gif) repeat-x;
	height: 160px;
}
.ENTETE .NOM {
	position: relative;
	color: #DF6D07;
	font-size: 35px;
	margin-left: 17px;
	padding-top: 17px;
}
.ENTETE .baseline {
	position: relative;
	font-size: 23px;
	font-family: "Nueva";
	margin-left: 17px;
	font-weight: bold;
}
.ENTETE .MENU {
	position: absolute;
	background-color: #582909;
	top: 85px;
	left: 0;
	height: 48px;
	margin-top: 7px;
	width: 100%;
	border-bottom: 5px solid #CBD200;
}
.ENTETE .MENU .ITEMS {
	position: relative;
	height: 20px;
	margin-top: 28px;
	margin-left: 17px;
	font-size: 13px;
	line-height: 20px;
	color: #FFF;
}
.ENTETE .MENU .ITEMS img{
	border: 0;
}
.ENTETE .MENU .ITEMS a{
	color: #FFF;
	text-decoration: none;
}
.ENTETE .MENU .ITEMS a:hover{
	color: #CBD200;
	text-decoration: none;
}
.ENTETE .MENU .ITEMS span{
	background-color: #CBD200;
	color: #582909;
	padding-bottom: 2px;
	font-weight: bold;
}
.ENTETE .SSMENU {
	position: absolute;
	background-color: #CBD200;
	top: 140px;
	left: 0;
	width: 100%;
}
.ENTETE .SSMENU .ITEMS {
	position: relative;
	font-size: 11px;
	line-height: 15px;
	color: #582909;
	margin-left: 17px;
}
.ENTETE .SSMENU .ITEMS a{
	color: #582909;
	text-decoration: none;
}
.ENTETE .SSMENU .ITEMS a:hover{
	color: #582909;
	text-decoration: none;
	border-bottom: 1px solid #582909;
}
.ENTETE .SSMENU .ITEMS span{
	font-weight: bold;
	border-bottom: 1px solid #582909;
}
.ENTETE div.mouette {
	/* N'est lu que par IE */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/mouette.png', sizingMethod='scale');
	position: absolute;
	width: 142px;
	height: 91px;
	left: 563px;
	top: 5px;
	z-index: 19;
}
/* N'est pas lu par IE grâce à [id] à remplacer par [class] si il s'agit d'une class. */
.ENTETE div.mouette[class] {
background-image:url(imgs/mouette.png);
}

.ENTETE div.logo {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/logo.png', sizingMethod='scale');
	position: relative;
	width: 153px;
	height: 160px;
	float: right;
	z-index: 20;
}
.ENTETE div.logo[class]{
	background-image:url(imgs/logo.png);
}
.ENTETE div.logo a{
	display: block;
	width: 153px;
	height: 160px;
}

.COLONNE-DROITE {
	position: relative;
	float: right;
	width: 220px;
	margin-bottom: 40px;
	border-left: 1px solid #DF6D07;
}
.COLONNE-DROITE .zone{
	margin-bottom: 10px;
	margin-left: 15px;
}
.COLONNE-DROITE .zone .titre{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}
.COLONNE-DROITE .zone img {
	float: right;
}
.zone img, .zone img.carte{
	float: left;
	border: 0;
}
.zone img.carte{
	float: right;
	z-index: 20;
}
.zone img a, .zone img.carte a{
	border: 0;
}
.partenaires, .produits, .import{
	width: 100%;
}
.partenaires .part, .produits .part, .import .part{
	width: 40%;
	float: left;
	margin-left: 20px;
	margin-right: 10px;
	padding-bottom: 20px;
}
.partenaires .part img, .produits .part img, .import .part img{
	margin: 5px;
}
.partenaires .part .text,.produits .part .text,.import .part .text{
	text-align: justify;
	margin-top: 10px;
}
.partenaires .part .titre, .produits .part .titre, .import .part .titre {
	font-size: 13px;
	text-align: center;
	background-color: #CBD200;
	border-bottom: 1px solid #DF6D07;
}
.part .ligne {
	width: 100%;
	border-bottom: 1px solid #CBD200;
	clear: right;
	height: 55px;
}
.part .ligne .lien{
	font-size: 12px;
}
#cadre.part{
	background: url(imgs/coin-haut-gauche.gif) -1px -1px no-repeat;
	border: 1px solid #DF6D07;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px;	
}
.CORPS, #ACCUEIL.CORPS {
	padding-right: 250px;
}
#POPUP .CORPS {
	padding-right: 20px;
}
.CORPS {
	padding-bottom: 105px;
}
.CORPS H1{
	font-size: 18px;
	margin-bottom: 15px;
	margin-left: 17px;
}
.CORPS H2 {
	font-size: 14px;
	text-align: justify;
	margin-left: 17px;
	margin-bottom: 10px;
}
.CORPS H2.en-cours {
	font-size: 14px;
	text-align: center;
	color: #CBD200;
	border-bottom: #CBD200 1px solid;
	border-top: #CBD200 1px solid;
	margin-top: 50px;
}
.CORPS H3 {
	text-align: justify;
	font-size: 12px;
	font-weight: normal;
	margin-left: 17px;
	margin-bottom: 7px;
}
.CORPS H3.italic {
	font-style: italic;
}
.zone{
	padding-bottom: 25px;
}
.zone .introduction{
	text-align: justify;
	font-size: 14px;
}
.zone .titre{
	font-size: 14px;
	margin-bottom: 10px;
}
.zone .text{
	font-size: 11px;
	text-align: justify;
	margin-bottom: 5px;
}
.part2{
	margin-right: 7px;
	margin-left: 40%;
	padding-left: 6%;
}
.part1{
	width: 40%;
	float: left;
	padding-right: 7px;
	margin-left: 17px;
	padding-bottom: 50px;
}
.PIED {
	position: relative;
	clear: both;
	text-align: center;
	color: #FFF;
	font-size: 12px;
}
.PIED .signature {
	font-size: 11px;
	padding-top: 10px;
}
.signature a {
	color: #FFF;
	text-decoration: underline;
}
.signature a:hover {
	color: #FFF;
	text-decoration: none;
}
/* -------------------------- */

#form{
  text-align: left;
  width: 500px;
  float: left;
}
#form .bloctextform{
  width: 120px;
  float: left;
  text-align: right;
  line-height: 20px;
  font-size: 12px;
  padding-right: 5px;
  display:inline;
}
#form .blocvideform{
  width: 143px;
  line-height: 20px;
  display:inline;
}
#form .blocform{
  font-size: 12px;
}
#form input, #form textarea, #form select{
  width: 350px;
  border: 1px solid #582909;
  font-style: italic;
}
#form input.checkbox{
  width: 15px;
  border: none;
}
#form input.button{
  width: 350px;
  background-color: #582909;
  color:#FFF;
  border: none;
  font-style: normal;
}
/* --------------------------*/