@charset "UTF-8";
/* CSS Document */


@import url("style_typo.css");
@import url("style_form.css");

/*------------------------------------------------------------------ CLASSES COMMUNES */
/*------------------------------------------------------------------ CLASSES COMMUNES */
/*------------------------------------------------------------------ CLASSES COMMUNES */

body {	background-color: #A67C52;}

/* Correction des styles par defaut / mise a zero multinavigateurs */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { /*font-style: normal; font-weight: normal;*/ }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

.clear{clear:both;}

img{border:none;}

.cadre_p{border:1px solid #663300;}

.pagination{float:right; text-align:right; width:580px; padding:3px 0; font-family:Verdana, Arial, Helvetica, sans-serif; margin:5px 10px 0 0; /*background-color:#00CC33;*/}


/*--------------------*/
/* CONTENEUR ET LOGO */
/*-------------------*/
#contenu {margin:0 auto;width:1020px;}

#ferrante_titre{	width:1020px;	margin:0;	padding:0;}

/*----------------------------------------------------------------- COLONNES */
/*----------------------------------------------------------------- COLONNES */
/*----------------------------------------------------------------- COLONNES */

/*--------------------*/
/* COLONNE DE GAUCHE */
/*-------------------*/

#col_gauche{	float:left;	width:180px;	padding-top:95px;	margin:0;}

#bloc_gauche{	float:left;	width:180px;height:520px;background:url(_images/structure/ligne.gif) repeat-y top right;}
#bloc_gauche_article{	float:left;	width:180px;height:520px/*;background:url(_images/structure/ligne.gif) repeat-y top right;*/}

/*--------------------*/
/* COLONNE DE DROITE  */
/*-------------------*/

#col_droite{	float:left;	width:180px;	margin:0;	padding:0;}

.bloc_droit_top{	float:left;	width:180px;	height:140px;	background:url(_images/structure/ligne.gif) no-repeat top left;}

.bloc_droit_bot{	float:left;	width:180px; height:420px;	background:url(_images/structure/ligne.gif) no-repeat top left;}

#menu_infos ul, #menu_infos li, #menu_infos a{list-style-type:none;float:left;}
#menu_infos li, #menu_infos a{ height:20px;}
#menu_infos ul{margin-bottom:20px;}

/*--------------------*/
/* COLONNE CENTRALE  */
/*-------------------*/

#central {	position:relative;	float:left;	padding:0px;width:640px;margin:0; min-height:600px;}


/* ---------------------------------------------*/
/*----------------------------------- PORTFOLIO */
/* ---------------------------------------------*/

#portfolio{	margin:0;	width:0px;	height:95px;	width:640px;}

#portfolio_titre{	float:left;	height:95px;	margin-right:5px;}

/*-----------------------------------------------*/
/*-----------------------------JS MENU PORTFOLIO */
/*-----------------------------------------------*/

#menu_portfolio ul{	list-style-type:none;width:550px;font-size:16px;}

#menu_portfolio li, #menu_portfolio a{list-style-type:none;margin:0 0 11px 0;font-size:0px;}

ul#sub_Voyages, ul#sub_Resonances, ul#sub_PierresVivantes, ul#sub_Portraits {list-style-type:none; position:absolute;font-size:12px;margin:0;padding:0;}

ul#sub_Voyages li, ul#sub_Portraits li, ul#sub_Resonances li, ul#sub_PierresVivantes li{display:inline; font-family:Verdana, "Arial", Helvetica, sans-serif; font-size:12px; color:#CCCCCC; font-weight:lighter;margin:0;padding:0 3px 0 2px;}

ul#sub_Voyages li a, ul#sub_Portraits li a, ul#sub_Resonances li a, ul#sub_PierresVivantes li a, ul#sub_Voyages li a:active, ul#sub_Portraits li a:active, ul#sub_Resonances li a:active, ul#sub_PierresVivantes li a:active,#sub_Voyages li a:visited, #sub_Portraits li a:visited, #sub_Resonances li a:visited, #sub_PierresVivantes li a:visited{text-decoration:none;font-size:12px;color:#CCC;}

ul#sub_Voyages li a:hover, #sub_Portraits li a:hover, #sub_Resonances li a:hover, #sub_PierresVivantes li a:hover{color:#330000;}

ul#sub_Voyages{top: 0;left:75px;}
ul#sub_Portraits{top: 2.1em ;left:80px;}
ul#sub_Resonances {top: 4.15em ;left:100px;}
ul#sub_PierresVivantes{top:6.25em;left:125px;}

ul#sub_Voyages, ul#sub_Portraits , ul#sub_Resonances, ul#sub_PierresVivantes {display:none;}

ul#sub_Voyages.on, ul#sub_Portraits.on, ul#sub_Resonances.on, ul#sub_PierresVivantes.on{display:block;}

/*------------------------------------------------------------------------------- CONTENU */
/*------------------------------------------------------------------------------- CONTENU */
/*------------------------------------------------------------------------------- CONTENU */

/* ---------------------------*/
/* CARACTERISTIQUES COMMUNES */
/* --------------------------*/

.titre_page{margin:0;padding:0;width:300px;float:left; height:26px;}

.vignettes img, .vignettes a:link img , .vignettes  a:visited img {opacity: 0.5; padding:0;}
.vignettes a:hover img {opacity: 0.99;}

.texte img{margin:10px;}

.retour{float:right; width:200px; display:inline; margin:5px 0 0 0; padding:0 20px 0 0; text-align:right;}

/* ---------------------------*/
/* CARACTERISTIQUES SOMAIRE  */
/* --------------------------*/

.menu {float:left;width:600px;margin:10px 10px; padding:5px 10px 15px 10px; /*background-color:#A6815B;*/}

.menu ul.nuage li, ul.nuage li a {color:#663300;}

/*--------------------------------*/
/*   MISE EN PAGE DE L'ACCUEIL   */
/*-------------------------------*/

.accueil{float:left;width:610px;margin:10px 15px; padding:10px 0 0 0; /*background-color:#A6815B;*/}

.accueil .gauche {float:left; width:610px; margin:0;}

.accueil .gauche .commentaire .lastpix {width:300px;border:4px solid #CC6600; border-width:4px 0; float:left; margin-right:10px;}
.accueil .gauche .commentaire{width:610px; height:200px;float:left; }

.accueil .gauche .actu{width:610px; height:80px; float:left; margin:0 0 15px 0; /*border:1px solid #A6815B; border-width:2px 0;*/}

.accueil .gauche .actu .logo{width:55px; float:left; padding:0; margin-right:10px; border:1px solid #CC6600;border-width:0 3px;}


/*--------------------------------*/
/* MISE EN PAGE DES EXPOSITIONS  */
/*-------------------------------*/

.expositions {float:left;width:600px;margin:0; padding:15px 20px 25px 20px; /*background-color:#A6815B;*/}


/*--------------------------------------*/
/* MISE EN PAGE DES FICHE EXPOSITIONS  */
/*-------------------------------------*/
.expo {float:left;width:620px;margin:0 0 0 10px; padding:5px; /*background-color:#A6815B;*/}

.expo .gauche{float:left;width:340px;padding:0; margin:10px 0 0 0; text-align:right;}

.expo .droit{width:265px;padding:0; margin:10px 0 0 0; float:right;text-align:right;}

.expo .droit .lieu_cartouche { float:right;padding:12px 0px 5px 28px; margin:0 10px 10px 0; text-align:right; width:220px; border-width:3px 0 0 0; border-color:#663300; border-top-style:solid;}

.expo_gauche { margin:40px 5px 0 0; padding:0;}

			/*PHOTOS  VIGNETTES */
			
			.droit .expo_mini{padding:0 0 0 5px; margin:0 0 5px 0;float:right ;width:264px;}

			.droit .expo_mini .vignette-norm img {float:left; margin:3px 4px; padding:0; /*background-color:#663300;*/ border:1px solid #663300;}


/*------------------------------------------*/
/* MISE EN PAGE DES MOTS CLEF & RECHERCHE  */
/*----------------------------------------*/

.mots {float:left;width:600px;margin:10px 10px; padding:5px 10px 15px 10px; /*background-color:#A6815B;*/}

.mots .liste-articles {margin:10px 30px;}

.mots .liste .recherche {margin:0 0 5px 0;}


/*----------------------------------*/
/* MISE EN PAGE DE LA BIBLIOGRAPHIE */
/*----------------------------------*/

.bibliographie {float:left;width:600px;margin:5px 10px; padding:5px 10px 15px 10px; /*background-color:#A6815B;*/}

.bibliographie .vignettes{ padding:0; float: left; margin: 3px}

			/*PHOTOS  VIGNETTES */
			
			.biblio_mini{margin:20px 0 0 10px; float:left;}

			.biblio_mini .vignettes {float:left; margin: 4px; }
			
			.biblio_mini .on img{padding:0; float:left;margin:4px;}

/*----------------------------------*/
/* MISE EN PAGE DE LA FICHE LIVRE   */
/*----------------------------------*/
.livre {float:left;width:610px;margin:0 10px; padding:5px; /*background-color:#A6815B;*/}

.livre .gauche{float:left;width:340px;padding:0; margin:10px 0 0 0; /*background-color:#A6815B;*/ text-align:right;}

.livre .droit{width:270px;padding:0; margin:0; float:right;text-align:right;}

.droit img {margin:20px 0 0 0; padding:0;}

.livre .livre-cartouche {border:1px dotted #C7B299; border-width:1px 1px 0 0; padding:5px; margin:10px 5px 0 15px; text-align:right; font:bold 10px Verdana, "Arial", Helvetica, sans-serif; color:#CCCCCC;}

/*---------------------------*/
/* MISE EN PAGE DE L'AGENDA  */
/*----------------------------*/

.agenda{float:left;width:600px;margin:0 10px; padding:10px 10px 15px 10px; /*background-color:#A6815B;*/}
.agenda_a{float:left;width:595px;margin:10px 10px 0; padding:0 10px 15px 15px; /*background-color:#A6815B;background:url(_images/structure/ligne.gif) repeat-y top left;*/text-align:justify;}

.news{width:590px; border-bottom:1px dotted #C7B299; margin-top:5px;}

.agenda .logo{float:left;margin:5px 5px 5px 0; width:50px; display:inline;}
.agenda .logo img{border:1px solid #330000;}




					/*DETAILS AGENDA */
					
					.agenda_a .logo_grand{float:right; padding:13px 0 10px 15px; width:250px;}
					
					.agenda_a .retour{text-align:right; float:left; width:100%;}
					
					.agenda_a .art_doc{ float:left;}
					
/*-------------------------------*/
/* MISE EN PAGE DE LA BIOGRAPHIE */
/*-------------------------------*/

.biographie{float:left;width:600px;margin:10px 10px; padding:5px 10px 15px 10px; /*background-color:#A6815B;*/}

.biographie .photo{float:right;width:220px;padding:0 0 0 10px;}

.photo .doc {width:80px; margin:10px 0 0 0; text-align:center; float:left;}

.photo .titre{width:210px; padding:4px 0 0 0; text-align:left; margin-top:5px;}

/*-------------------------------*/
/* MISE EN PAGE DES CONTACT */
/*-------------------------------*/

.contact{float:left;width:600px;margin:10px 10px; padding:5px 10px 15px 10px; /*background-color:#A6815B;*/}

.contact .form{float:right;width:180px;padding:0 0 0 10px;}


/*----------------------------*/
/* MISE EN PAGE DU PORTFOLIO */
/*---------------------------*/

.portfolio {float:left;width:620px;margin:10px 5px 5px 5px; padding:5px; /*background-color:#A6815B;*/}

.portfolio .vignettes {float:left; margin:4px;padding:0;}

.photo {float:left;width:600px;margin:15px 10px; padding:5px 10px 15px 10px; text-align:center;}

			/*PHOTOS  VIGNETTES */
			
			.portfolio_mini{float:left;margin:43px 0 0 0; }
			.portfolio_mini .vignettes {float:left;margin: 2px;}
			.portfolio_mini .on img{float:left; margin:2px; padding:0;}
			
			
/*-------------------------------*/
/* MISE EN PAGE DU PIED DE PAGE */
/*------------------------------*/

#piedpage {border-top:1px dotted #CCC; width:270px; font-size:10px;color:#C7B299;font-family:"Verdana", Arial, Helvetica, sans-serif; font-weight:normal;margin:0; padding:2px; margin-left:700px;}