
/* Feuille de styles*/
/*Jean-Jacques Mollet pour LE SENS DE VOTRE IMAGE*/


/*général*/
html, body, div, span, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, address, cite, code,
		del, dfn, em, img, ins, kbd, q, samp,
		small, strong, sub, sup, var,
		b, i,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, 
		article, aside, dialog, figure, header,
		hgroup, menu, nav, section,
		time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			/*outline: 0;*/
			vertical-align: baseline;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			
		}
		td {vertical-align:top;}
		
		p {padding-top:10px;}
		
body.sommaire { background:url(../images/fd_body.gif) repeat-x;}
body.interne { background:url(../images/fd_body2.gif) repeat-x;}
#page {width:1000px; margin:0 auto 50px auto; position:relative; min-height:900px; padding: 0 5px;}
#conteneur_sommaire {padding-top:40px;}
#conteneur_rubrique {padding-top:40px;}
.endessous {border-top : 1px solid #c1b2a1; margin-top:15px; padding-top:12px;} 
#recherche {margin-top:15px;}

	/*entete*/
	#entete { height:38px; padding:3px 0 0 0;}
	img#lsdvi {position:absolute; top:14px; left:500px;}
	.partage_fb {position:absolute; top:9px; left:880px; color:#FFFFCC}
	img#flux_rss {position:absolute; top:9px; left:980px;}
	
	/*gauche sommaire*/
	#gauche_sommaire {width:186px; float:left; padding-top:0px;}
	.recherche input.submit {background:url(../images/main_recherche.gif) left 4px no-repeat; width:20px; height:16px; border:0 none;}
	.recherche {margin-top:15px;}
	
	/*centre sommaire*/
	#centre_sommaire {width:544px; float:left; }
	blockquote.spip {text-align:right; font-size:10px;}
	p.autresphotos a {background:url(../images/puce_plus.gif) no-repeat left 3px; padding-left:15px;text-decoration:none; color:#a79179; padding-top:0; margin-top:0}
	.post {text-align:right;}
	
	/*droite_sommaire*/
	#droite_sommaire {width:247px; float:left; padding:0 0 0 12px;}
	.texte_petit {font-size:10px; padding:0 0 0 10px;}
	.bordimage {padding:3px 0 0 0 ;}
	.bordimage img {border:1px solid #000000;}
	p.plus {background:url(../images/puce_plus.gif) left 3px no-repeat; padding-left:15px;}
	p.plus a {text-decoration:none; color:#a79179;}
	img#avoiraussi {margin-top:15px;}
	
	/*toolbar*/
	#toolbar {height:26px; width:990px; padding:0;}
	div.destinations {float:left; background:url(../images/puce_bas.gif) right 5px no-repeat; width:8em; padding-left:30px; margin-top:-3px;}
	.recherche2 {float:left; margin-left:50px;}
	#formulaire_recherche {margin-top:-17px; padding:0; height:26px; font-size:11px;}
	.recherche2 input.submit {background:url(../images/main_recherche2.gif) left 4px no-repeat; width:20px; height:16px; border:0 none;}
	input#recherche {font-size:11px; color:#666666; padding: 2px 20px 2px 2px; width:130px;}
	.formulaire_recherche{margin:0; padding:0; height:26px;}
	#hierarchie a {color:#000000;}
	#hierarchie {float:left; width:500px;}

	
	/*Présentation */
	#presentation {height:150px; width:990px;}
	#presentation h1 {font-size:32px; color:#ffffff;}
	#presentation h1 span p {display:inline; padding:0; margin:0;}
	#presentation h2 {font-size:12px; color:#000000; font-weight:bold;}
	#presentation h2 span {font-weight:normal;}
	.chapo {font-weight:bold; }
	
	/*gauche interne*/
	#gauche_interne {width:470px; ma}
	ul#photos {list-style-type:none; width:470px; padding:30px 0 0 0;}
	ul#photos li {display:inline; margin: 0 10px 0px 0;}
	ul#photos li img {margin-bottom:10px;}
	.justifie {text-align:justify;}
	
	
	/* centre interne*/
	#centre_interne {width:262px; padding:10px 0 0 20px; position:absolute; left:480px; top:226px; z-index:5;}
	#centre_interne a, #gauche_interne a {color:#000000;}
	#centre_interne h3 { border-bottom:1px solid #c1b2a1; width:262px; padding-bottom:5px; margin-top:20px;}
	
	
	/*droite interne*/
	#droite_interne {width:226 px; padding-left:20px; position:absolute; top:226px; left:752px;}
	#droite_interne ul {list-style-type:none; margin:20px 0 20px 10px; font-size:13px; font-weight:bold;}
	#droite_interne ul p {margin:0; padding:0; font-weight:normal;display:inline;font-size:10px;}
	#droite_interne ul li {margin-bottom:20px;}
	#droite_interne h3 { border-bottom:1px solid #c1b2a1; width:226px; padding-bottom:5px; margin-top:20px; margin-left:10px;}
	#droite_interne ul li ul {margin:0; padding:0;}
	#droite_interne ul li ul li{margin:0; padding:0;}
	#droite_interne ul li ul li a {text-decoration:none; font-weight:normal; color:#000000;}
	#droite_interne ul li ul li .on {text-decoration:none; font-weight:bold; color:#ff5a2f;}
	#droite_interne ul li ul li a:hover {text-decoration:none; font-weight:normal; color:#ff5a2f;}
	ul.nav li {color:#ffffff; font-weight:bold;}
	
	/* centre rubrique*/
	#centre_rubrique {width:800px; float:left; z-index:5;}
	#centre_rubrique a {color:#000000;}
	#centre_rubrique h3 { border-bottom:1px solid #c1b2a1; width:800px; padding-bottom:13px;}
	#centre_rubrique p {margin:5px 0 20px 0;}
	
	/* navigation rubrique*/
	ul.navrubrique {list-style-type:none; margin:35px 0 0 0;}
	ul.navrubrique li {padding:0; color:#5c493d;}
	ul.navrubrique li a {color:#5c493d; text-decoration:none;}
	ul.navrubrique li a:hover, ul.navrubrique li .on{color:#ff5a2f; text-decoration:none;}
	ul.navrubrique h3 {margin-bottom:10px;}
	
	/*bloc bas rubrique*/
	#partie_basse {width:800px;}
	div.bloc_bas {width:250px; float:left; margin-right:15px; margin-bottom:15px;}
	#centre_rubrique #partie_basse .bloc_bas h3 { border-bottom:1px solid #c1b2a1; width:250px; padding-bottom:5px; font-size:16px;}
	#centre_rubrique #partie_basse .bloc_bas h3 a { border-bottom:1px solid #c1b2a1; width:250px; padding-bottom:5px; font-size:16px; text-decoration:none;}
	.bloc_bas h4 {font-size:14px; font-weight:bold; margin: 5px 0 5px 0;}
	.article_text {padding:0 5px 0 5px; font-size:10px; vertical-align:top; line-height:1em;}
	.ensavoirplus {font-size:10px; color:#a79179; background:url(../images/puce_plus.gif) 5px 2px no-repeat; padding-left:17px; }
	.ensavoirplus .liens {color:#a79179; text-decoration:none; font-size:10px;}
	#centre_rubrique #partie_basse .bloc_bas .liens{color:#a79179; text-decoration:none; font-size:10px;}
	.endessous h3 a {color:#000000; text-decoration:none;}
	
	span.spip_surligne {color: #ff5a2f; font-weight:bold;}
	
	#pied {text-align:center; padding-top:20px; background-color:#a79179; height:40px;}
	#pied a {color:#000000;}

