/*
Title:	studio-tranchart styles pour all media
Author:	Eric Tranchart, eric.tranchart[ad]studio-tranchart.com
Updated:	8 juin 2010
Notes:	Plouzane, Finistere, France
*/


/* === General === */

div {
   margin: 0;
   padding: 0;
   }


body {
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, arial, tahoma, verdana, sans-serif;
text-align: left;
margin: 0;
padding: 0;
color: #63679B;
   background-color: #DEDFDB;
}

a {
   text-decoration: none;
   }
   
a img {
   border: none;
   }

/* === En-tete === */

#blochaut {
   height: 175px;
   background-color: #3087E1;
   background-image: url(ima-standard/fond-bloc-haut.jpg);
   background-repeat: no-repeat;
   overflow: hidden;
   }
#logo {
   float: left;
   width: 200px;
   height: 175px;
   }
#logo img {
   margin: 35px 0 0 35px;
   }

#flashbox {
   float: left;
   }
#flashbox object {
   position: absolute;
   right: 0;
   }

#bandeauvert {
   height: 45px;
   background-color: #00B500;
   font-size: 12px;
   line-height: 13px;
   }
#bandeauvert a {
   display: block;
   height: 30px;
   float: right;
   color: #58E14B;
   padding: 15px 40px 0 20px;
   border-left: 1px solid #58E14B;
   background-image: url(ima-standard/triangle-bandeauvert.png);
   background-repeat: no-repeat;
   background-position: 0 50%;
   }
#bandeauvert p {
   font-style: italic;
   font-weight: bold;
   height: 30px;
   margin : 0;
   padding: 15px 40px 0 20px;
   float: right;
   color: #58E14B;
   border-left: 1px solid #58E14B;
   background-image: url(ima-standard/triangle-bandeauvert.png);
   background-repeat: no-repeat;
   background-position: 0 50%;
   }


/* === Bloc central 3 cols === */

/* Col centrale ------------------------- */
#colcentrale {
   margin: 0 200px;
   border-style: solid;
   border-color: #9E969C;
   border-width: 0 1px;
   background-image: none;
   padding: 20px 40px;
   min-width: 420px;
   background-color: #fff;
   background-image: url(ima-standard/fond-col-centrale.jpg);
   background-repeat: repeat-y;
   background-position: left;
   }
/* petits menus haut de page */

#petits-menus {
   font-size: 9px;
   margin-bottom: 27px;
   }
em.favori {
   font-weight: bold;
   background-image: url(ima-standard/etoile-favori-normal.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   height: 15px;
   padding: 4px 5px 2px 20px;
   margin-right: 15px;
   cursor: pointer;
   }

/* hack explorer pour eviter que les icones soient rognes */
span.arborescence, span.fav-imprim {
/padding: 1px;
   }

#petits-menus a, #petits-menus em {
   color: #86C2FF;                    
   }
   

span.arborescence a {
   margin-right: 4px;
   padding-top: 4px;
   }
   
span.fav-imprim {
   position: absolute;
   right: 240px;
   }
em.imprimer {
   font-weight: bold;
   background-image: url(ima-standard/imprimante-imprimer-normal.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   height: 15px;
   padding: 4px 0 2px 25px;
   cursor: pointer;
   }

/* styles de textes */

h1, h2, h3, h4, h5 {
   margin: 0;
   clear: both;
   }
h1 {
   font-size: 16px;
   line-height: 18px;
   font-weight: bold;
   margin: 0 0 25px 0;
   max-width: 420px;
   }
h1 strong {
   font-size: 24px;
   }
h2 {
   font-size: 12px;
   line-height: 14px;
   font-weight: lighter;
   margin-bottom: 10px;
   font-style: italic;
   }
h2 img {
   margin-bottom: 0px;
   }
   
h3 {
   font-size: 14px;
   line-height: 16px;
   margin: 20px 0 30px 0;
   padding: 10px 0;
   color: #63679B;
   font-weight: normal;
   border-top: 1px dotted #63679B;
   }
   
h4 {
   font-size: 13px;
   line-height: 15px;
   font-weight: bold;
   color: #86C2FF;
   background-color: #63679B;
   background-image: url(ima-standard/fond-h4.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
   height: 12px;
   padding: 1px 25px 3px 33px;
   margin: 35px 0 10px -17px;
   }
   
h5 {
   border-bottom: 2px dotted #58e14b;
   color: #00b500;
   font-weight: bold;
   font-style: italic;
   margin-bottom: 15px;
   }
   
#colcentrale p {
   text-align: justify;
   font-size: 13px;
   line-height: 18px;
   color: #9A9299;
   font-weight: normal;
   text-indent: 14px;
   margin: 0 0 5px 0;
   }

#colcentrale span.conteneur-image-texte img {
   float: right; margin: 0 0 0 25px;
   width: 35%;
   }
#colcentrale span.conteneur-image-texte img:hover {
   cursor: help; 
   }
#colcentrale span.conteneur-image-texte img:active {
      width: auto;
   }
      
/* Press-book --------------- */
#galeriepressbook {
   background-color: #63679B;
   padding: 5px;
   }
/* FLICKR PHOTOSTREAM EXTRAS */
				#images {
					overflow:		hidden;
					height:			250px;
				}
				
				.imgholder {
					overflow:		hidden;
					width:			auto;
					float:			left;
					border-width: 0 2px;
					border-style: solid;
					border-color:	#63679B;
					background-color: #9B9399;
					height:			250px;
				}
				.imgholder:hover {
				border-color: #00B500;
				background-color: #00B500;
				}
				.imgholder a, .imghover a:hover, .imghover a:hover img, .imgholder a img {
					margin:			0;
					padding:		0;
					border: none;
				}
				
				.imgholderend {
					clear:			left;
				}


/* Col gauche et Col droite --------------- */
#colgauche, #coldroite {
   width: 200px;
   position: absolute;
   top: 220px;
   }
#colgauche {
   left: 0;
   }
#coldroite {
   right: 0;
   }

/* Paragraphe coordonnees --------------- */
p.coordonnees {
   font-size: 12px;
   line-height: 16px;
   text-align: center;
   margin: 10px;
   }
p.coordonnees strong {
   font-size: 14px;
   line-height: 17px;
   }
p.coordonnees a.email {
   font-size: 9px;
   line-height: 11px;
   }

/* Col gauche -------------------------- */
#colgauche dt {
   color: #fff;
   font-size: 15px;
   line-height: 15px;
   font-weight: bold;
   white-space: pre;
   background-image: url(ima-standard/puzzle-pieces-jaunes.gif);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   height: 44px;
   width: 174px;
   padding: 17px 0 0 26px;
   margin-top: 20px;
   }
#colgauche dd {
   margin: 0;
   border-bottom: 1px dotted #9A9299;
   }
   #colgauche dd p {
   padding: 5px 10px;
   font-size: 11px;
   line-height: 12px;
   color: #63679B;
   font-weight: bold;
   color: #9B9399;
   }

#colgauche dd a {
   background-image: url(ima-standard/puzzle-piece-normal.png);
   background-repeat: no-repeat;
   background-position: 10px 50%;
   display: block;
   width: 150px;
   padding: 8px 10px 8px 50px;
   font-size: 11px;
   line-height: 12px;
   color: #63679B;
   font-weight: bold;
   }
   #colgauche dd a:hover {
   background-position: 10px 10px;
   }
#colgauche dd a em {
   font-size: 9px;
   line-height: 10px;
   font-weight: normal;
   display: none;
   }
#colgauche dd a:hover em {
   display: block;
   }

/* Col droite -------------------------- */
#coldroite p.infoscoldroite {
   font-size: 9px;
   line-height: 11px;
   padding: 10px;
   border-width : 1px 0;
   border-style: dotted;
   border-color: #63679B;
   }
#twitt {
   padding: 60px 0 0 5px;
   margin-bottom: 35px;
   }


/* === Bas de page === */

#bandeaubas {
   background-color: #1F1F31;
   border-top: 5px solid #00B500;
   text-align: center;
   font-size: 9px;
   line-height: 12px;
   padding: 10px 0;
   }
#bandeaubas p, dl, dt, dd {
   margin: 0;
   padding: 0;
   }
#bandeaubas a {
   color: #63679B
   }