/**
 * General CSS for Capma. 
 *
 * @author 		Morgan Capron
 * @copyright 	2008
 * @package 	Capma
 * @version 	0.7
 *
 * #161616; 	// Noir gris.
 * #11B1D1; 	// Bleu cyan.
 * #a4241b; 	// Rouge pastel.
 * #CF5E26; 	// Orange.
 */
/* ---[ General ]--------------------- */
body {
	margin: 0;
	padding: 0;
	background: #1D1D1D url(/images/capma_fond_rouge_03.png) repeat-x;
	text-align:center;
	font-family: "Times New Roman",Times,serif;
	color: #DFDFDF;
}
#page {
	margin:auto;
	width:1000px;
	min-width: 1000px;
	max-width: 1260px;
}
#main {
	margin:auto;
	text-align:left;
}
#accueil, #galerie, #bio, 
#exposition, #Regroupe, #presse, #tableau {
	margin: 30px 0 0 50px;
}
#bio, #Regroupe, #presse {
	width: 80%;
}
/* ---[ Links ]--------------------- */
a { text-decoration: underline; }
a:link 		{ color: #23A5BF;}
a:visited 	{ color: #23A5BF;}
a:hover		{ color: #009FBF;}
p a 		{ border: none; }
p a:visited	{ color: #156373; }
p a:hover 	{ text-decoration:none; }
*>a				{ text-decoration:none; }
*>p a 			{ border-bottom: 1px dotted #23A5BF; }
*>p a:visited 	{ color: #156373; border-bottom: 1px dotted #156373; }
*>p a:hover	 	{ border-bottom: none; }

/* ---[ Images ]--------------------- */
img {
	padding: 1px;
	border: 1px solid #DFDFDF;
}
/* ---[ Titles ]--------------------- */
h1, h2, h3, h4, h5, h6 {
	margin : 0;
	font-family:"Georgia","Times New Roman",Times,serif;
	color: #DF4337;
}
h2 { font-size : 1.4em; }
h3 { font-size : 1.3em; }
h4 { font-size : 1.2em; }
/* ---[ Texts and paragraphs ]--------------------- */
p, span {
	margin : 5px 0 15px 0;
	line-height:150%;
}
strong {
	color: #DF5D53;
}
.important { /* important mais pas strong */ 
	font-weight: bold;	 
}
		
/* ---[ News ]--------------------- */
.newsTitre {
	font-size: 1.2em;	
}
.newsTitre a {
	text-decoration: none;	
}
.newsTitre a:before {
	content: "» ";
	color: #0A7085;
}
.newsTrait {
	height:1px;
	border:0;
	background-color:#7F7F7F;
}
.newsSuite {
	margin: 5px 0 0 0;
}
.newsInfos {
	margin:0;
}
.newsTexte {
	margin:10px 0 0 0;
}
.newsTexte ul {
	margin : 5px 0 15px 0;
	list-style-type: none;
	font-size:10pt;
	line-height:150%;
}
.newsTexte li a:before {
	content: "» ";
	color: #0A7085;
}
.newsTexte li a 				{ text-decoration: underline; }
.newsTexte li a:visited	{ text-decoration: none; }
.newsTexte li a:hover 		{ text-decoration: none; }
*>.newsTexte li a 				{ text-decoration: none; border-bottom: 1px dotted #23A5BF; }
*>.newsTexte li a:visited 	{	border-bottom: 1px dotted #404040; 	}
*>.newsTexte li a:hover 	{ border-bottom: none; }
.newsAuteur {
	font-style: italic;
}
/* ---[ Menu ]--------------------- */
#tabnav {
	margin: 0 0 0 0;
	padding: 5px 5px 0 5px;
	font-family: Georgia,"Times New Roman",Times,serif;
	text-align: left;
}
#tabnav li {
	display: inline;
	margin: 0 0 0 20px;
	padding: 5px;
	list-style-type: none;
	font-size: 1.2em;
}
*>#tabnav li {
	margin: 0 0 0 10px;
}
#tabnav a {
	padding: 5px 5px 0 5px;
	line-height: 15px;
	text-decoration: none;
}
#tabnav a:link, #tabnav a:visited {
	color: #fff; 
}
#tabnav a:hover, #LienEnCours {
	background: #A82223;
}

/* ---[ Header ]--------------------- */
#header {
	margin: 0 0 0 0;
	height: 150px;
}
#headerFond {
	margin: 0 0 0 20px;
	height: 122px;
	background: url(/images/capma_logo_rouge.png) no-repeat;
	text-align: left;
}
#header h1 {
	padding: 20px 0 0 0;
	font-family: Georgia,"Times New Roman",Times,serif;
	text-align: left;
	visibility: hidden;
}
	
#headerLogo a {
	color: #ffffff !important;
	text-decoration: none;
}
	
#headerTitre  {
	font-family: 'Trebuchet MS',Tahoma,sans-serif;
	font-size: 12px;
	color: #BBBBBB;
	visibility: hidden;
}

/* ---[ Footer ]--------------------- */
#footer {
	background: #1C1C1C;
	border-top: 1px dotted #333333;
}
	
#fil {
	margin: 15px 0 15px 0;
}
	
#fil_arianne li, #fil li {
	display: inline;
	padding: 0 0 0 5px;
	list-style-type: none;
	line-height: 150%;
	font-size:10pt;
}
	
#fil_arianne li:before {
	content: " > "; 
}
	
#fil_arianne a, #fil a	 {	color: #fff; text-decoration: underline; }
#fil_arianne a:hover, #fil a:hover 	{	text-decoration: none; }
#fil_arianne #lien_en_cours 				{	text-decoration: none; }	
	
*>#fil_arianne a, #fil a	 {	color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }
*>#fil_arianne a:link, #fil a:link 			{	text-decoration: none; border-bottom: 1px dotted #fff; }
*>#fil_arianne a:visited, #fil a:visited	{	text-decoration: none; border-bottom: 1px dotted #fff; }
*>#fil_arianne a:hover, #fil a:hover 	{	border-bottom: none; }
*>#fil_arianne #lien_en_cours 				{	border-bottom: none; }

#fil_footer_block,
#footer_infos_block,
#footer_contact_block {
	float: left;
}
fil_footer_block,
#footer_contact_block,
#footer_infos_block {
	margin: 10px 5px 0 0;
	width: 200px;
}
	
#fil_footer_titre,
#footer_contact_titre,
#footer_infos_titre {
	text-align: center;
}
	
#fil_footer li, 
#footer_contact li, 
#footer_infos li {
	padding: 5px 0 5px 0;
	list-style-type: none;
	line-height: 150%;
	text-align: left;
	font-size:10pt;
}

#fil_footer li {
		border-bottom: 1px dotted #333333;
}
	
#fil_footer a, 
#footer_contact li a, 
#footer_infos li a	 {
	color: #fff; 
	text-decoration: underline; 
}
	
#fil_footer a:hover, 
#footer_contact a:hover, 
#footer_infos a:hover	{	
	text-decoration: none; 
}

#fil_footer #lien_en_cours 	{	text-decoration: none; }	
	
*>#fil_footer a	 {	color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }
*>#fil_footer a:link			{	text-decoration: none; border-bottom: 1px dotted #fff; }
*>#fil_footer a:visited		{	text-decoration: none; border-bottom: 1px dotted #fff; }
*>#fil_footer a:hover 		{	border-bottom: none; }
*>#fil_footer #lien_en_cours {	border-bottom: 1px dotted #333333; }
	
#copyright {
	float: right;
	font-weight: bold;
}

/* ---[ Accueil ]--------------------- */
#edito {
	width: 80%;
}
	
#last_photos {
	width: 80%;
	background: #2F2C2C;
}
	
#last_photos img {
	margin: 10px 1px 10px 1px;
}
	
.space {
	clear: both;
}

/* ---[ Galerie ]--------------------- */
.repertoire {
	width: 90%;
	height: 100%;
	margin: 0 0 30px 0;
	overflow: auto;
}
	
div.repertoire a img {
    vertical-align:middle;
}
	
div.repertoire span {
    display:table-cell;
    width:150px;
    vertical-align:top;
}
	
.RepDesc {
	width: 100%!important;
}
	
.ancreHaut {
	float: right;
	margin: 5px 190px 0 0;
}
	
#menuGalerie {
	padding: 2px 0 2px 0;
	background: #FFF6CE;
	color: #3F3333;
	font-weight: bold;
	border-top: 1px solid #3F3333;
	border-bottom: 1px solid #3F3333;
}
	
#nouvelles {
	width: 80%;
}
	
#Hide {
	overflow:hidden;
}
	
#Montrer {
	border:none;
	border-bottom:1px solid #CCC;
	color:#28262C;
	background-color:transparent;
	cursor:pointer;
	margin: 0 0 0 150px;
}


/* ---[ Tableau ]--------------------- */
#toile {
	margin: 0 0 0 100px;
}

.titreImp {
	margin: 5px 0;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 2.5em;
}

.titreImp a:link, .titreImp a:visited, .titreImp a:hover {
	color: #313A37 !important;
}

.aideTitre {
	color: #7C7471;
}

.label {
	padding: 2px 25px 2px 0;
	width: 120px;
	text-align: right;
	font-weight: bold;
}

.tableau_naviguation {
	width: 80%;
	text-align: center;
}

.tableau_precedent {
	margin: 0 10px 0 0;
}

.tableau_suivant {
	margin: 0 0 0 10px;
}

/* ---[ Expositions ]--------------------- */
#exposition ul {
	margin : 5px 0 15px 0;
	list-style-type: none;
	line-height:150%;
}
	
#exposition li:before {
	content: "» ";
}

/* ---[ Livre d'or ]--------------------- */
.livre_infos {
	margin: 0;
}

.livre_nom {
	color: #DF5D53;
	font-weight: bold;
}

#FormCom label.champs {
	float:left;
	width:20%;
	margin-right:0.5em;
	padding-top:0.5em;
	text-align:right;
}

#FormCom textarea {
	width:50%;
	margin:0 1.5em 0;
}
FormCom #piedForm {
	width: 82%;
	background: #242424;
}

#FormPhoto .champs {
	float:left;
	width:15%;
	margin-top: 5px;
	text-align:right;
}

#FormPhoto textarea {
	width:50%;
	margin:0 1.5em 0;
}

#FormPhoto select {
	margin: 2px;
	padding: 2px;
	border: 1px solid #828282;
}

/* ---[ Messages ]--------------------- */
/* Messages simples : sur une ligne */
.msg {
	margin: auto;
}

.erreur, .averto, .ok {
	padding: 5px 0 5px 50px;
}

.erreur {
	border: 1px solid #ff0000;
	color: #AF0A0A;
	font-size: 1.5em;
}

.averto {
	background: #FFBFBF;
	color: #EF9700;
}

.ok {
	padding: 5px 0 5px 50px;
	font-size: 1.2em;
	color: #0096B4;
}

/* ---[ Bloc de messages ]--------------------- */
/* Plusieurs messages avec un titre, une liste et un pictogramme */
#avertissement, #erreur {
	overflow: auto;
	padding: 5px 0 5px 50px;
}

#avertissement span, #erreur span {
	font-size: 1.5em;
}

#picto {
	float: left;
	display: block;
	margin: -15px 40px 0 20px;
    width: 64px;
    height: 64px;
}

#avertissement #picto {
	background: url(/images/important.gif);
}

#erreur #picto {
	background: url(/images/erreur.gif);
}

#avertissement {
	margin: 30px 0 30px 0;
	background: #FFF0BF;
	border: 1px dashed #FFC300;
	color: #3B313A;
}

#erreur {
	border: 2px dashed #ff0000;
	background: #FFBFBF;
	color: #A93838;
}

/* ---[ Formulaire ]--------------------- */
#titreForm, #piedForm  {
	margin: 0;
	padding: .5em 0 .5em;
}
	
#piedForm {
	text-align: right;
}

#corpForm {
	width: 80%;
	padding: 5px 8px 5px 8px;
	font-size:12pt;
}
	
#corpForm fieldset {
	margin: 5px 0 5px 0;
	padding: 10px;
	border: 1px solid #575050;
	color: #575050;
}
	
#corpForm legend {
	padding: 0 5px 0 5px;
	color: #575050;
	font-weight: bold;
}
	
#corpForm label {
	color: #fff;
	cursor: help;
}
	
#corpForm p {
	margin: 0 0 .2em 0;
	padding: .2em 0;
}
#corpForm .legende {
	font-size: 10pt;
	color: #DFDFDF;
}

#corpForm input {
	margin: 5px 2px 8px 5px;
	padding: 1px;
	background: #fff;
}
#corpForm input[type=submit] {
	padding: .3em .5em .2em .5em;
}
	
#corpForm textarea {
	margin: 5px 0 10px 10px;
	padding: 1px;
	width: 95%;
	background: #fff;
	color: #28262C;
}
#corpForm input:focus,
#corpForm textarea:focus {	
	background: #ccebf1;
}

/* --- Formulaires détails ---- */
.aideCont {
	color: #28262C;
	background: transparent;
	font-size:10pt;
}
	
.bouton { 
	margin-left: 1em;
	background: #009FBF !important;
	border-top: 1px solid #00C7EF !important;
	border-right: 2px solid #00849F !important;
	border-bottom: 2px solid #00849F !important;
	border-left: 1px solid #00C7EF !important;
	color: #fff !important;
	font-weight: bold;
	cursor: pointer;
}
	
.btnLien {
	margin-left: 15em;
	border: none !important;
	border-bottom: 1px solid #7F6E67 !important;
	background-color: transparent;
	color: #28262C;
	cursor: pointer;
}
	
#annuler {
	padding: 2px 2px 2px 2px !important;
	background: transparent !important;
	border: none !important;
	color:#d61f1f;
	font-size:10pt;
	font-weight: bold;
	cursor:pointer;
}
	
/* Pas d'ascenseur dans un textarea */
#insDest { 
	width: 100%;
	overflow: hidden; /* Pas d'ascenseur sous IE. */
}
	
*>#insDest {
	overflow: auto; /* On affiche l'ascenseur sous Firefox. */
}
/* Fin ascenseur */
/* ---[ Livre d'or ]--------------------- */
.intro {
	margin : 5px 0 15px 0;
	line-height:140%;
}

#Regroupe .comments {
	margin: 10px 0 0 0;
	border-bottom: 1px dotted #333333;
}

#Regroupe .comments .livre_text {
	margin-top: 2px;
	line-height: 120%;
}

#Regroupe #titreForm {
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
}

#Regroupe #corpForm {
	background: #242424;
}

#Regroupe .btn_submit {
	margin-left: 1em;
	font-weight: bold;
	cursor: pointer;
}