/************************************************************
 *                         asw Brice v2
 *                         ------------
 *
 *  Feuille de style normale (par défaut).
 *
 *  http://brice.the-asw.com
 ************************************************************/

body {
	margin : 0;
	background : url('images/menu_bg.png') #FFFFFF repeat-y left;
}

#ie {
	background : #ffffe1;
	border-bottom : 1px solid #999;
	padding : 2px;
	font-family : Verdana,sans-serif;
	font-size : 13px;
	z-index : 2;
}
#ie p { 
	margin : 0;
	background : url(infos.png) left center no-repeat;
	padding-left : 35px;
}

/************************************************************
 *  définitions générales
 ************************************************************/

img { 
	border : 0;
}
a:visited {
	color : #0000FF;
}
h2 {
	text-align : center;
	margin-bottom : 1.5em;
	color : #8B0000;
}
pre {
	margin-left : 10%;
	margin-bottom : 2em;
}
img.left {
	float : left;
	margin : 0 .5em .5em 0;
}
img.right {
	float : right;
	margin : 0 0 2em 2em;
}
.center {
	text-align : center;
}
.rouge {
	color : #ff0000;
}
blockquote, q {
	font-style : italic;
	font-family: Georgia, serif;
	color : #369;
}
q { quotes:'\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d'; }
q:before { content: open-quote }
q:after { content: close-quote }

/************************************************************
 *  texte & logo
 ************************************************************/

#cadre {
	margin : 0 0 0 240px; /* 210px; 240px */
	padding : 1em;

	/* float : right;
	width : 79%; */
	/* background : #FFFFFF; */
/* 	background : #FFFFFF url('images/menu_bg.gif') repeat-y left; */
	
}

#cadre #logo { 
	margin : 1em 0 3em 0;
	text-align : center;
}


/************************************************************
 *  Accueil
 ************************************************************/
 
.accueil .presentation p {
	font-style : italic;
	margin : 1em 0;
	padding : 1em;
	border : 1px solid #8B0000;
	background : #EEEEEE;
}
.accueil .presentation {
	border-bottom : 1px dashed #000000;
	margin : 0 0 1em 0;
}	
.accueil .presentation hr, .accueil .news hr {
	visibility : hidden;
	margin : 0;
}
.accueil .news {
	border : 1px solid #000000;
	background : #EEEEEE;
	margin : 1em 0;
}
.accueil .news .date {
	width : 7em;
	border-bottom : 1px solid #000000;
	border-right :  1px solid #000000;
	margin : -1px 0 0 -1px;
	padding : 5px 3px 3px 3px;
	background : #FFFFFF;
}
.accueil .news .date p {
	margin : 0;
	font-family : 'Verdana';
	font-size : 10px;
	font-weight : bold;
	text-align : center
}
.accueil .news h3 {
	margin : .5em;
	color : #8B0000;
	border-bottom : 2px solid #666666;
}
.accueil .news .auteur {
	padding : 0 .5em;
}
.accueil .news .auteur p {
	border-top: 1px dashed #666666;
	color : #666666;
	margin-bottom : .5em;
}
.accueil .news .texte {
	padding : 0 .5em;
}
.accueil .bas {
	border-top : 1px dashed #000000;
	font-style : italic;
}

/************************************************************
 *  Personnage
 ************************************************************/
 
.personnage .encadre .photo, .personnage .encadre .photoInconnu {
	float : left;
}
.personnage .encadre .photoInconnu {
	text-align : center;
	width : 330px;
	vertical-align : middle;
	line-height : 240px;
}
.personnage .encadre .infos {
	margin-left : 340px;
	
	border : 1px dashed #000000;
	background: #DDDDDD;
}
.personnage .encadre .infos .label {
	text-decoration : underline;
}
.personnage .encadre li {
	margin : 1em 0;
}
.personnage .encadre hr {
	clear : both;
	margin : 0;
	visibility : hidden;
}
.personnage .citation {
	text-align : center;
	font-style : italic;
	margin : 2em 0;
}
.personnage .description .label {
	color : #8B0000;
	font-weight : bold;
}
.personnage .galerie {
	text-align : center;
	margin : 2em 0;
}
.personnage hr {
	clear : both;
}
/************************************************************
 * film
 ************************************************************/
  
.film .galerie {
	text-align : center;
	margin : 2em 0;
}

/************************************************************
 *  objets
 ************************************************************/


/************************************************************
 *  PLus
 ************************************************************/

.plus .date {
	color : #FF0000;
	font-weight : bold;
}

#tourisme .nom {
	font-weight : bold;
}
#tourisme p {
	margin : 2em 0;
}
.liens li {
	margin : 1em 0;
}

/************************************************************
 *  videos
 ************************************************************/
 
#videos #intro {
	padding-bottom : 1.5em;
	/*border-bottom : 1px dashed #000000;*/
}
#videos h2 {
	border-bottom : 2px solid #8B0000;
	margin-top : 2em;
}
#videos span {
	font-weight : bold;
	color : #8B0000;
}
#videos .ficheVideo {
	border-bottom : 1px dashed #000000;
	margin : 1.1em 0 0 0;
}
#videos .ficheVideo .photo {
	float : left;
}
#videos .ficheVideo .texte {
	margin-left : 210px;
	padding-left : 10px;
	border-left : 1px dashed #000000;
}
#videos .ficheVideo .texte h3 {
	color : #8B0000;
	margin : 0;
}
#videos .ficheVideo .texte h3:before {
	content : url('images/menu_virgule.png') ' ';
}
#videos .ficheVideo .texte .description p {
	margin : 0;
	font-style : italic;
}
#videos .ficheVideo .texte .lien {
	border : 1px solid #8B0000;
	padding : 0;
	margin : 1em 0;
	background : #EEEEEE;
}
#videos .ficheVideo .texte .lien ul {
	margin : 0;
	padding : 0;
	list-style : none;
	background : #FFFFFF;
	width : 70%;
	border-bottom : 1px solid #8B0000;
	border-right : 1px solid #8B0000;
}
#videos .ficheVideo .texte .lien li {
	display : inline;
	padding : 0 .3em;
	width : 20%;
}
#videos .ficheVideo .texte .lien p {
	margin : 1em;
}
#videos .ficheVideo hr {
	clear : both;
	visibility : hidden;
	margin : 0;
}

#videos #sponsors {
	border : 2px solid #8B0000;
	background : #dddddd;
	margin : 2em;
	padding : 0 1em;
}

/************************************************************
 *  FAQ
 ************************************************************/
 
#faq .q {
	font-weight : bold;
}
#faq p {
	margin : 2em 0;
}	
/************************************************************
 *  acteurs
 ************************************************************/
 
.acteur .image {
	text-align : center;
	margin : 2em 0;
}
.acteur p {
	text-align : justify;
}

/************************************************************
 *  Galerie
 ************************************************************/

#galeriePHP .intro {
	border : 1px dashed #666666;
	padding : .5em;
	margin-bottom : 2em;
}
#galeriePHP .conteneur {
	width : 670px;
	margin : auto;
}
#galeriePHP .conteneur hr {
	clear : both;
	visibility : hidden;
}
#galeriePHP .conteneur .flottante img {
	border : 1px solid #666666;
}
#galeriePHP .conteneur p.flottante {
	float: left;

	margin: 3px;

	width: 200px;
	padding : 5px;
	
	background-color: #CCCCCC;
	border : 1px solid #333333;
	
	text-align: center;
}
#galeriePHP .pagination {
	text-align : center;
	border : 1px dashed #666666;
	margin : 2em 0 1em 0;
}
#galeriePHP .pagination a {
	text-decoration : none;
}
/************************************************************
 *  menu
 ************************************************************/
 
#menu {
	position : absolute;
	top : 5;
	left : 0;
	
	width : 205px;
	margin : 0;
	
	
	padding : 0 0 0 10px;
	
	font-family : 'Arial';
	font-size : 10pt;
}

#menu ul {
	margin : 0 0 0 10px;
	padding : 0 0 0 1em;
	list-style : url('images/menu_virgule.png');
}
#menu ul.d {
	margin-left : 1.5em;
}
#menu li {
	margin : 3px 0;
}
#menu h2 {
	margin : 0 0 0 0;
	padding : 1.5em 0;
	
	text-align : center;
	
	font-family : 'Arial black';
 	font-size : 11pt;
	font-weight : normal;
}
#menu h3 {
	margin : 0 0 0 0;
	padding : 0;
	
	font-family : 'Arial';
 	font-size : 10pt;
 	font-weight : bold;
}
#menu .compteur {
	border : 2px solid #8B0000;
	width : 60%;
	padding : .5em;
	margin : 1em auto;
	text-align :center;
	color : #8B0000;
	font-size : 14pt;
	font-weight : bold;
	background : #e6c100;
}
#menu a {
	text-decoration : none;
	color : #555555;
}
#menu a:hover, #menu a:active {
	color : #AAAAAA;
}

#xiti {
	text-align : center;
	margin : 2em 0;
}
/************************************************************
 *  bas
 ************************************************************/

#bas hr {
	
	clear : both;
}
#bas {
	margin-top : 2em;
	text-align : center;
	color : #666666;
}