/* Style CSS - 14/09/2006 - © Dopff au Moulin */
/*
  Couleurs utilisées :
	Textes			: #XXXXXX / #XXXXXX / #XXXXXX
	Liens			: #XXXXXX / #XXXXXX / #XXXXXX
	Liens:hover		: #XXXXXX / #XXXXXX / #XXXXXX
	Bordures & bg	: #XXXXXX / #XXXXXX / #XXXXXX
*/

/*-------------------- props communes ---------------------*/
html { margin: 0; padding: 0; overflow-x:hidden; width:100%; height:100%;}
BODY {
	background:url('images/bg.png') top left;
	background-attachment:fixed;
	width:100%;
	margin:0px;
	text-align:left;
}

BODY, P, TD, DIV, SPAN, INPUT, TEXTAREA, H1, H2, H3, H4, H5, H6 { /* param par défaut */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0px;
	padding:0px;
}

DIV {/* border:1px solid #ff0000; */}


UL { list-style-position:inside; list-style-type:square; margin:0px; padding:0px; }
LI { margin-left:10px; }

IMG { display:inline; border:0; padding:0px; }

FORM { padding:0px; margin:0px; clear:none; display:inline; }

/* ##### Prop des liens ##### */
A { color:#888888; text-decoration:none; }
A:hover { color:#555555; text-decoration:none; }
.href_cache { display:none; }

/* ##### Prop des formulaires ##### */
FORM { padding:0px; margin:0px; border:0; }
INPUT, INPUT.normal, TEXTAREA, TEXTAREA.normal { border:1px #cccccc solid; padding:3px 4px; vertical-align: middle; margin:1px 0px; }
INPUT.submit { background-color:#FFFFFF; color:#666666; }
INPUT.radio { color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif; border: none; vertical-align: middle; padding:0px; margin:0px;  width:11px; height:11px; margin-right:2px;}
SELECT { font-size:10px; color:#666666; border-top:1px #EEEEEE solid; border-left:1px #EEEEEE solid; border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; background-color:#FFFFFF; padding:3px; margin:1px; vertical-align:middle; }
OPTION.selected { background-color:#E6ECEC; font-weight:bold; }

/* ##### Styles pour terminer le conteneurs #### */
.clear { clear:both; margin:0px; padding:0px; line-height:0px; font-size:0px;height:0px; visibility:hidden; overflow:hidden; border-width:0px; font-size:0px; }
HR.clear2 {	clear:both; border: 0;	color: #F1EFE2;	background-color: #F1EFE2; height: 1px; width: 100%; text-align: left; }

P { font-size:10px; line-height:1.5em; }
P A { border-bottom:1px #FF9900 dotted; }

/*---------------------- FIN props communes -------------------------*/



/* ------------ STYLES DE L'EDITEUR HTML ---------------- */

/* ------------ STYLES DE L'EDITEUR HTML ---------------- */


/*----------- props  des conteneurs ------------*/
DIV#conteneur_page {
	width:100%;
	background:url('images/bg_conteneur.png') top left repeat-x;
	background-attachment:fixed;
	padding:0px; margin:0px;
	padding-top:10px;
}

DIV#conteneur0 {
	width:758px;
	text-align:left; /* RAZ du align=center du conteneur_page */
	margin: 0px auto;
	padding:0px;
	border:1px #000000 solid;
	background-color:#FFFFFF;
}


/*------ conteneurs du haut --------*/

.div_top_pics { line-height:1px; border:0; padding:0px; margin:0px; }
.div_top_pics img { line-height:1px; border:0; padding:0px; margin:0px; display:block;  }



/*------ Styles de titres --------*/
H1.grdtitre { font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height:1.5em; color:#A73207; display:block; margin-top:20px; padding-left:30px; font-weight:normal; float:left; clear:both; }

.bg_jaune 	{ background:url("images/bg_grdtitre.png") left center no-repeat; }
.bg_blue 	{ background:url("images/bg_grdtitre_blue.png") left center no-repeat; }

H5.entete { font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#919098; width:458px; float:left; text-align:center;  }
H4.titleft { font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; color:#3D3A49; display:block; border-bottom:1px #CCCBCB solid; }
H3 { font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height:1.3em; color:#A73207; font-weight:normal; display:block; }

/* ------ style de titres avec sifr --------- */
H3.titre { font-size:24px; color:#A58E43; font-weight:normal; display:block; font-family:"Times New Roman", Times, serif; line-height:1em;letter-spacing: -.05em; }
H4.sstitre2 { font-size:16px; color:#A58E43; display:inline; float:left; margin:0px; line-height:1.3em; }
H4.sstitre { font-size:16px; color:#A58E43; display:block; margin:0px; line-height:1.1em; }
/* ---------------------------------- */


/*------ conteneurs du bas --------*/
.div_bottom_links {
	line-height:35px;
	background:url("images/bg_bottom.png") top left no-repeat;
	font-size:10px; color:#FFFFFF;
	text-align:right;
	padding-left:10px;
	padding-right:20px;
}
.div_bottom_links a { color:#ffffff; }
.div_bottom_links a:hover { color:#ffffff; border-bottom:1px #FFCC00 dotted; }

.div_animaweb { float:left; }

.bottom_copyrights { line-height:26px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; color:#EEEEEE; }


/*------ menu de navigation --------*/

.div_menu_navig                 { height: 29px; text-align:center; padding:0px; margin:0px; clear:left; background: url("images/bg_menu.png") repeat-x left top; font-family:Arial, Helvetica, sans-serif; }
	.div_menu_navig ul              { margin-left:35px; padding: 0px; list-style: none; }
	.div_menu_navig li              { font-size: 11px; display: inline; margin: 0px; padding: 0px;  }
	.div_menu_navig a               { float: left; background: url("images/bg_menubton_left.gif") no-repeat left top; margin: 0px;  padding: 0px 0px 0px 10px; text-decoration:none; margin-right:10px; line-height:29px; }
	.div_menu_navig a span          { float: none; display: block; background: url("images/bg_menubton_right.gif") no-repeat right top; padding: 0px 10px 0px 0px; font-weight: normal; color: #ffffff;}
	.div_menu_navig a:hover , .div_menu_navig .current a        { background-position: 0% -29px; line-height:22px; }
	.div_menu_navig a:hover span, .div_menu_navig .current a span    { background-position: 100% -29px; color:#871F20; padding-top:7px;}

/*------ FIN menu de navigation --------*/

/* Autre menu de nav */

UL.simple_menu { list-style:none; list-style-position:inside; padding:0px; margin:0px; }
UL.simple_menu LI { padding:0px; margin:0px; margin-left:48px; clear:left; }
UL.simple_menu LI a { line-height:2em; display:block; padding-left:6px; }
UL.simple_menu LI a:hover { background-color:#DAE7EB; }

UL.simple_menu LI.link { padding:0px; margin:0px; clear:both; display:block; border:1px #FFFFFF solid; }
UL.simple_menu LI.link a { display:block; padding:2px; padding-left:6px; line-height:22px; min-height:22px; vertical-align:middle; }
UL.simple_menu LI.link a.normal { display:block; padding:2px; padding-left:6px; line-height:20px; min-height:20px; vertical-align:middle; }
UL.simple_menu LI.link a:hover,UL.simple_menu LI.link a.actif  { background:url("images/bg_href_1.gif") bottom left repeat-x; color:#666666; }

/* --------------- */


/* Block divers ----------------------------------------------- */
/* block par défaut : inclue du texte */
.block_contenu { padding:10px 25px 0px 30px; margin:0px 5px 15px 0px; text-align:justify; }

/* block pour page accueil, colonne de droite */
.div_col_right { padding:5px 10px 20px 17px; }


.block_newsletter { background:url("images/bg_block_newsletter.png") top left no-repeat; margin-top:4px; padding-top:7px; height:50px; text-align:center; }
.block_newsletter TD { font-size:9px; color:#999999; line-height:2em; }


.block_photos { margin:5px 0px 5px 0px; }
.block_photos span { font-style:italic; }
.block_photos a.lien_gal_mini { padding:5px; width:190px; display:block; border:1px #EFEFEF solid; margin-bottom:3px; cursor:pointer;  }
.block_photos a:hover.lien_gal_mini  { background-color:#F9F9E8; border:1px #EEEEBF dotted; }


.col_date { float:left; margin:0px 4px 4px 0px; padding:0px 4px 4px 0px; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#DDDDDD; text-decoration:underline; border-bottom:1px #DEDEDE solid; border-right:1px #EEEEEE solid; background-color:#FFFFFF; }

span.last_modif { font-size:9px; color:#AAAAAA; display:block; text-align:right; margin-bottom:5px; }

/* éléments d'habillage */
.bg_delimiteur_v { background:url("images/bg_delimiteur_v.gif") top right repeat-y; }
.bg_delimiteur_h { background:url("images/bg_delimiteur_h.gif") bottom center repeat-x; }

a.lien_normal  { color:inherit; text-decoration:none;  }
a:hover.lien_normal  { color:#inherit; text-decoration:none; }

a.lien_suite  { padding-left:18px; background:url("images/icon_balle.gif") 0px 0px no-repeat; line-height:18px; height:18px; display:block; border:1px #FFFFFF solid; font-weight:bold;  }
a:hover.lien_suite  { padding-left:20px; background:url("images/icon_balle.gif") 2px 0px no-repeat; line-height:18px; height:18px; background-color:#F9F9E8; border:1px #EEEEBF dotted; }

a.lien_suite_mini  { padding-left:18px; background:url("images/icon_balle.gif") 0px 0px no-repeat; line-height:11px; height:11px; display:block; border:1px #FFFFFF solid; font-weight:normal; font-size:9px; float:right; border-bottom:1px #CCCCCC dotted;  }
a:hover.lien_suite_mini  { padding-left:20px; background:url("images/icon_balle.gif") 2px 0px no-repeat; line-height:11px; height:11px; background-color:#F9F9E8; border:1px #EEEEBF dotted; }

a.lien_gal  { padding:5px 5px; height:90%; min-height:120px; width:160px; min-width:160px; max-width:180px; margin:3px 8px; display:block; border:1px #EFEFEF solid; cursor:pointer;  }
a:hover.lien_gal  { background-color:#F9F9E8; border:1px #EEEEBF dotted; }
a.lien_gal span.img { display:block; text-align:center; float:left;}
a.lien_gal span.titre { line-height:1.3em; font-size:9px; padding:4px 4px 4px 32px; display:block; text-align:left; }

a.lien_album  { display:block; line-height:20px; height:20px; border:1px #FFFFFF solid; }
a:hover.lien_album, a.lien_album_actif  { display:block; line-height:20px; height:20px; background-color:#F9F9E8; border:1px #EEEEBF dotted; }

/* Page contact ----------------------------------------------- */
div.contact_form { width:400px; float:left; border-right:1px #cccccc solid; padding:5px; background-color:#FFFFFF; } 
div.contact_coord { width:170px; float:left; margin-bottom:10px; margin-right:1px; padding:0px; background-color:#FAFAFA;}
div.contact_coord P.coord { padding:5px; color:#333333; }

/* Inputs errors */
.input_iserror	{ border:1px solid #A20C15;	width:inherit; background:url("images/bg_anim_1.gif"); }
.input_noerror	{ background-color:#00CC99; border:3px #0099CC solid; }
.asterisque		{ font-size:13px; color:#A20C15; /*padding-left:2px;*/ white-space:nowrap; }
.div_texteerror {	font-weight:bold;	color:#A20C15;	background-color:#FFFFFF;	display:none; text-align:center; }
.div_sendmailresult {	font-weight:bold; background-color:#FFFFFF;	text-align:center; padding:10px; border:1px #AAAAAA dashed; }

/* Autres Inputs */
.input_rechercher { width:100px; line-height:24px; padding-right:18px; background:url(images/picto_rechercher.gif) right center no-repeat; background-color:#FFFFFF; }
.input_submit { background-color:#F5F5F5; padding:0px; height:21px; line-height:22px; }