/* ========================================== */
/* !            gallego-expo.com             ! */
/* !                                         ! */
/* !          CLASSIQUE v1.0 - 2009          ! */
/* !                                         ! */
/* !                        Pluri.fr, 2009   ! */
/* =========================================== */


/* Utilitaires */

.clear {
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
	visibility: hidden;
	}
	/* IE6 */ * html .clear {
		height: 1%;
	}
	/* IE7 */*:first-child+html .clear {min-height: 1px;
	}


/* coulissants */

.sesame { cursor: pointer; }


/* signalisation */

.erreur {
	background: transparent url(../images/picto-warn.gif) left center no-repeat;
	padding-left: 20px;
	color: #ca3b3b;
}
.loader {
	display: none;
}
.modifier {
	background: transparent url(../images/picto-modif-nb.png) left center no-repeat;
	padding-left: 20px;
	}
	.modifier:hover {
		background-image: url(../images/picto-modif.png);
	}
.editer {
	display: block;
	float: right;
	margin-left: .8em;
	padding: 0 .3em;
	background-color: #888;
	color: #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 3px;
	}
	.editer:hover, .editer:focus {
		background-color: #000;
		color: #fff;
		-moz-border-radius: 4px;
		-webkit-border-radius: 3px;
	}

/* typo */

.legende { margin: 0; padding: .1em 1em .3em 0; font-size: .95em; font-style: italic; }
.txt_justif { text-align: justify; }

/* boutons */

.suppr {
	background: transparent url(../images/picto-suppr_gris.png) left center no-repeat;
	padding-left: 20px;
	color: #888 !important;
	text-decoration: none;
	}
	.suppr:hover, .suppr:active, .suppr:focus {
		background: transparent url(../images/picto-supp.png) left center no-repeat;
		color: #C54B0E !important;
	}

.ajout {
		padding-left: 25px;
		background: transparent url(../images/picto-plus-gris.png) left center no-repeat;
	}
	.ajout:hover, .ajout:focus {
		background: transparent url(../images/picto-plus.png) left center no-repeat;
	}



body {
	background: #000000 url(../images/bg-body.gif) fixed;
	color: #999;
}

#conteneur {
	position: relative;
	margin: auto;
	width: 950px;
	background: #000000;
}



h1#branding {
	font-size: 1.75em;
	width: 194px;
	height: 113px;
	margin: 0;
	padding: 45px 0 0 10px;
	font-size: 1.75em;
	}
	h1#branding a {
		display: block;
		text-decoration: none;
		color: #ff0000;
	}
	h1#branding a img {
		color: #ff0000;
	}



#nav_main {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
	}
	#nav_main li {
		list-style: none;
		display: inline;
		float: left;
		}
		
	 	#nav_main li a {
	 		text-indent: -5000px;
	 		outline: none;
	 		display: block;
	 		height: 67px;
	 		background-position: top
	 		}
	 		#nav_main li a:hover, #nav_main li a:focus {
	 			background-position: bottom;
	 		}
	 		#nav_main li a.encours {
	 			background-position: bottom;
	 			cursor: default;
	 		}
	 	
			#nav_main li a#nav-a_propos {
				width: 65px;
				background-image: url(../images/nav_main/bio.png);
			}
			#nav_main li a#nav-gal1 {
				width: 124px;
				background-image: url(../images/nav_main/gal1.png);
			}
			#nav_main li a#nav-gal2 {
				width: 126px;
				background-image: url(../images/nav_main/gal2.png);
			}
			#nav_main li a#nav-contact {
				width: 80px;
				background-image: url(../images/nav_main/contact.png);
			}			
			#nav_main li a#nav-accueil {
				width: 50px;
				background-image: url(../images/nav_main/home.png);
			}
	


/* ==========================================
		  			CONTENU
   ========================================== */	

#content {
	min-height: 400px;
	margin: 30px 0 1em 0;
	padding: 0 70px 0 100px;
	}
	
	/* Personalisation du #content pour les rubriques */
	#gal1 #content {
		margin: 30px 0 1em 0;
		padding: 0 50px 0 60px;
		}
		#gal1 #content h2, #gal1 #content #description {
			margin-left: 40px;
		}
	

	h2 {
		display: inline;
		padding: 0 .5em;
		border-left: 2px solid #777;
		border-right: 2px solid #777;
		font-size: 1.2em;
		font-weight: bold;
		font-family: din,Arial,Helvetica,FreeSans,sans-serif;
		text-transform: uppercase;
		}
		h2 strong {
			padding: 0 0 0 .3em;
			font-size: .9em;
			color: #fff;
		}
		
		/* Personnalisation suivant la rubrique */
		#home  		 h2 { color: #CCCCCC; }
		#a_propos  	 h2 { color: #339999; }
		#gal1 		 h2 { color: #999933; }
		#gal2 		 h2 { color: #669933; }
		#contact	 h2 { color: #CCCC99; }
	
	  
	#content #description {
		margin: .3em 0 2.2em 0;
		text-transform: uppercase;
	}
	



/* ========================================== 
			        PAGES
   ========================================== */

/* index */

#index #content {
	min-height: 400px;
	background: #000 url(../images/index/index.jpg) right top no-repeat;
	text-indent: -5000px;
	color: #fff;
}


/* bio et actu */

#a_propos {
	}
	#a_propos #content { padding-right: 30px; }
	#a_propos #portrait, #a_propos #biographie, #a_propos #actus { float: left; padding-top: 2em;}
	#a_propos #portrait {
		width: 185px;
		margin: 7px 0 0 0;
		}
		#a_propos #portrait p {
			margin: 0;
			padding: 0;
		}
		#a_propos #portrait img {
			border: 5px solid #ffffff;
		}
	#a_propos #biographie {
		width: 362px;
		margin: 0 25px;
		}
		#a_propos #biographie strong { font-size: 1.2em; color: #ffffff; }

	#a_propos #actus {
		width: 185px;
		margin: 30px 0 0 0;
		padding: 15px 12px;
		background-color: #74c8c8;
		color: #003333;
		border-bottom: solid 15px #336666;
		border-left: solid 2px #ffffff;
		-moz-border-radius-topright: 18px;
		-webkit-border-top-right-radius: 18px;
		}
		#a_propos #actus h3 {
			margin: 0;
			padding: .2em 11px;
			background-color: #336666;
			font-size: 1.2em;
			text-transform: uppercase;
			color: #ffffff;
			-moz-border-radius-topright: 12px;
			-webkit-border-top-right-radius: 12px;
			}
			#a_propos #actus h3:nth-child(2n) {
				margin: 1em 0 0 0;
			}
		#a_propos #actus h4 {
			margin: 1em 0 .3em 0;
			padding: 0 0 0 16px;
			background: transparent url(../images/puce-flch_bl.gif) left top no-repeat;
		}
		#a_propos #actus p {
			margin: 0 0 .5em 0;
			padding: 0 0 0 15px;
		}
		#a_propos #actus a {
			color: #ffffff;
			text-decoration: none;
			}
			#a_propos #actus a:hover, #a_propos #actus a:active, #a_propos #actus a:focus {
				color: #ffffff;
				text-decoration: underline;
			}


/* galeries */

.miniature {
	display: block;
	float: left;
	width: 140px;
	height: 140px;
	margin: 0 5px 15px 0;
	padding: 5px;
	text-align: center;
	}
	.miniature a {
		display:  table-cell;
		width: 140px;
		height: 140px;
		margin: 0 auto;
		vertical-align: middle;
		outline: none
		}
		.miniature a:active, .miniature a:focus {
			background-color: #555;
		}
		.miniature a img {
			border: solid 5px #fff;
		}


/* contact */


#content_main{
	position: relative;
	height: 300px;
	margin: 2em 0 4em 0;
	background-color: #cccc99;
	border: solid 5px #fff;
}

.vcard {
	padding: 30px 2em 0 450px;
	color: #333333;
	}
	.vcard h4 {
		position: relative;
		top: 10px;
		left: -2px;
		width: 179px;
		height: 43px;
		margin-bottom: 35px;
		background: transparent url(../images/logo-atelier.jpg) left top no-repeat;
		text-indent: -5000px;
	}
	.vcard p {
		margin: 0 0 .2em 0;
	}
	.vcard a {
		text-decoration: none;
		color: #333333;
		}
		.vcard a:hover, .vcard a:active, .vcard a:focus {
			color: #fff;
			text-decoration: underline;
		}
	.vcard a.courrier {
		display: block;
		height: 28px;
		margin: 5px 0 10px 0;
		padding: 0 0 0 36px;
		background: transparent url(../images/picto-courrier.gif) left top no-repeat;
		line-height: 26px;
		}
		.vcard a.courrier:hover, .vcard a.courrier:active, .vcard a.courrier:focus {
			background-position: left bottom;
		}

#map {
	position: absolute;
	left: 0;
	top: 0;
	width: 405px;
	height: 300px;
	font-size: .95em;
	color: #000;
	border-right: solid 5px #fff;
}


/* Mentions légales */

#mentions {
	}
	#mentions #content {
		line-height: 1.5em;
	}
	#mentions a {
		text-decoration: none;
		color: #DDD;
		}
		#mentions a:hover, #mentions a:active, #mentions a:focus {
			text-decoration: underline;
			color: #fff;
	}
	#mentions h2 {
		color: #fff;
	}
	#mentions p img {
		position: relative;
		}
		#mentions p .logo_fees img {
			top: 6px;
		}
		#mentions p .logo_pluri img {
			top: 1px;
		}


/* ========================================== 
			        SITE INFO
   ========================================== */

	ul#site_info {
		margin: 40px 0 0 0;
		padding: 0;
		list-style: none;
		height: 35px;
		font-size: 0.8em;
		text-align: center;
		line-height: 25px;
		letter-spacing: .2em;
		}		
		#site_info li {
			display: inline;
			background: transparent url(../images/puce-site_info.gif) left center no-repeat;
			padding: 0 0 0 14px;
			margin: 0 5px 0 0;
			}
			#site_info li:first-child {
				background: none;
			}
			#site_info li a {
				text-decoration: none;
				text-transform: uppercase;
				color: #777;
				}
				#site_info li a:hover, #site_info li a:focus {
					color: #fff;
				}