/* CSS Document */
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*------------Réinitialisation des css des navigateurs----------*/
html{color:#362714;background:#f1f1ee;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}
li{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;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
a {text-decoration:none;color:#908385;}
a:hover {color:#2e6b93;}
* {padding:0px;margin:0px;}
strong {font-weight:bold;}
.jaune {color:#f7ee83;}
.bleu {color:#2e6b93;}
h2 {color:#362714;font-weight:normal;font-family:Impact;letter-spacing:1px;}
.grand {font-size:20px;}
.petit {font-size:12px;}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*------------CSS GENERAL---------------------------------------*/

/*---------Structure générale----------*/
body {position:relative;text-align:center;font-family:Arial,Century Gothic;font-size:12px;background:url('../images/moulin-beynel-background.jpg') #f1f1ee repeat-x;}

/*---------Structure accueil----------*/
#page_accueil {position:relative;width:1000px;margin:0px auto;text-align:left;background:url('../images/moulin-beynel-ombre.png') repeat-y;}
	
	#centre {position:relative;left:-48px;width:757px;margin:0px auto;background:#fbfefe;}

		#header {position:relative;width:758px;height:165px;z-index:20;}
		
		#flash_header {position:absolute;left:54px;width:704px;height:122px;}
		
		#content_accueil, #content {position:relative;width:757px;background:#fbfefe;}
		
			#contenu_accueil {position:relative;width:757px;background:#fbfefe;float:left;margin-bottom:20px;}
			
				#accueil_titre {position:relative;width:757px;height:45px;}
				#accueil_contenu {margin:0 55px 0 55px;text-align:justify;}
				
				#image_content {width:245px;float:left;}
				#texte_content{position:relative;left:55px;width:347px;float:left;}
			
			#content a {text-decoration:underline;}
			#content a:hover {color:#857559}
			
			#min_content {position:relative;width:0px;height:350px;float:left;}
		
		#footer {position:relative;width:1000px;height:50px;line-height:50px;text-align:right;color:#51260f;font-weight:bold;background:url('../images/moulin-beynel-footer.png') #f1f1ee;clear:both;}
		
			#foot {width:830px;}
		
		#footer a {color:#51260f;text-decoration:none;}
		#footer a:hover, #copyright a:hover {color:#857559;}

#logo {position:absolute;top:0px;left:18px;width:110px;height:208px;background:url('../images/moulin-beynel-logo.png');z-index:35;}

#pieds {margin:-10px;}
#pieds_in {padding:10px;}
		
/*---------Menu----------*/
#menu {position:absolute;bottom:0px;left:54px;width:704px;height:43px;font-size:12px;text-align:center;z-index:20;}
#malvoyants_accueil {position:absolute;bottom:0px;right:0px;}
#malvoyants {position:absolute;top:275px;left:793px;width:33px;height:21px;background-image:url('../images/malvoyants.jpg');}
#malvoyants:hover {cursor:pointer;}
		
/*---------Nos métiers----------*/
.cellule {padding:0;margin:0;background:#b36826;}
.cellule td {vertical-align:middle;padding:0;margin:0;}
.cellule a {color:#fbfefe;}
.images_tr {height:10px;overflow:hidden;}
#content .cellule a:hover {color:#fbfefe;cursor:pointer;}
#content .cellule {color:#fbfefe;}
#content a {text-decoration:none;}
.texte_nos_metiers {position:relative;width:150px;height:50px;font-size:17px;font-weight:bold;overflow:hidden;background:#b36826;}

/*---------encart actualites---------------------*/
#titre_encart_actus {position:absolute;top:60px;font-family:Times New Roman;font-size:25px;}
#actualites {position:absolute;width:200px;height:420px;left:775px;top:150px;}
#actus {position:relative;text-align:left;font-size:12px;height:239px;width:175px;left:0px;top:100px;overflow:hidden;}
#actus a {color:#000;}
#actus a:hover{color:#777777;text-decoration:underline;}
.titre_actu {color:#51260f;font-size:14px;}
.texte_actu {color:#000;}
#defile {position:relative;top:0px;width:175px;}
.actu_seule {height:60px;}

/*---------Header----------*/
#fil_d_ariane {position:absolute;top:5px;left:65px;color:#857559;font-weight:bold;z-index:10;}
#fil_d_ariane a {color:#857559;font-weight:bold;text-decoration:none;}
#fil_d_ariane a:hover {text-decoration:underline;}
#fil_d_ariane label {color:#362714;}
#titre {position:absolute;top:-15px;right:10px;color:#857559;font-size:35px;font-weight:bold;font-variant:small-caps;z-index:10;}

/*---------Mentions legales----------*/
#mentions {color:#838581;font-weight:bold;font-size:10px;}
#mentions img {width:414px;height:645px;}
#mentions_gauche span, #mentions_droite span {color:#857559;font-size:15px;font-weight:bold;}
#mentions p {line-height:18px;}
#mentions .texte {position:relative;left:15px;}

#mentions_moulin {position:absolute;bottom:-50px;left:-1px;width:121px;height:130px;background:url('../images/moulin-beynel-mentions-legales.jpg');z-index:2;}
#mentions_gauche {position:relative;width:300px;float:left;z-index:2;}
#mentions_droite {position:relative;left:50px;width:300px;float:left;z-index:2;}

/*---------Plan du site----------*/
#plan_du_site {position:relative;left:-25px;}
#plan {position:relative;left:265px;width:400px;text-align:right;}
#plan a {color:#857559;font-size:13px;text-decoration:none;}
#plan a:hover {text-decoration:underline;}
#trait {position:relative;top:-10px;left:75px;width:700px;height:1px;background:#362714;z-index:9;}
#plan_img {position:relative;left:10px;z-index:10;}
#puce {position:relative;left:30px;}

#plan p {display:inline;color:#004981;position:relative;top:3px;font-size:22px;}
#plan font {position:relative;top:3px;}
#plan h6 {display:inline;color:#857559;position:relative;top:3px;font-size:22px;}
#plan h3 {display:inline;color:#857559;font-weight:bold;font-size:12px;}
#plan h4 {display:inline;font-size:12px;}
#plan h4:hover {text-decoration:underline;}

#plan_gauche { position:relative;left:25px;}
#plan_gauche { position:absolute;width:300px;}
.rub  a{font-weight:bold;}
.ss_rub  a{font-weight:normal;}

/*---------Actualités----------*/
.show_actus {padding:5px;text-align:justify;}
.content_titre_actu {font-weight:bold;font-size:17px;}
.content_date_actu {color:#362714;font-weight:normal;font-size:15px;display:inline;}
.content_texte_actu {font-weight:normal;font-size:12px;}
.ligne {margin:0px 5px 12px 5px;height:1px;background:#857559;}

/*---------Contact----------*/
#formulaire {position:absolute;right:25px;width:400px;color:#6a4210;text-align:right;float:left;}
	#formulaire td {text-align:right;color:#362714;font-weight:bold;font-size:12px;}
	 #chapo {text-align:justify;font-weight:bold;}
#coordonnees {position:relative;width:250px;left:5px;float:left;z-index:2;}
	#coord {width:250px;background:#cbd232;font-size:11px;float:left;border:1px solid #cbd232;}
		#coord_g {background:url('../images/moulin-beynel-contact.jpg');width:95px;height:95px;float:left;}
		#coord_d {width:140px;padding:5px 5px 0 5px;float:left;}
			#coord_d b {font-size:12px;}
	#coords_bis {position:relative;height:10px;}
#carte {text-align:right;}
	#carte a {color:#d8a63d;}
	#carte a:hover {color:#908385;text-decoration:underline;}
	#carte iframe {border:1px solid #cbd232;}

#mentions {background:#fff; color:#000; padding:5px;}

.formulaire td {padding:3px;}
.content_qui td {padding:0px;}
hr {color:#857559;border:0px;border-top:1px solid #857559;}
input , textarea{font-weight:normal;}
#nom, #prenom, #code_postal, #ville {width:111px;}
#adresse, #objet {width:301px;}
#email {width:301px;}
#message {width:301px;height:100px;}

#infos_legales {text-align:left;position:relative;width:150px;left:88px;font-size:12px;color:#908385;clear:both;}
#infos_legales a {color:#d8a63d;}
#infos_legales a:hover {color:#908385;background:transparent;text-decoration:underline;}
#champs_obli {text-align:left;position:relative;width:150px;left:88px;line-height:20px;font-size:12px;}
#envoyer {position:relative;bottom:30px;left:323px;border:0px;padding:2px;width:75px;height:25px;cursor:pointer;background:url('../images/moulin-beynel-envoyer.jpg') #cbd231;}
#envoyer:hover {background:url('../images/moulin-beynel-envoyer-hover.jpg')}
#envoyer_form {position:relative;width:75px;top:0px;left:0px;}

#infocontact {position:absolute;left:95px;}
.rouge {font-weight:bold;color:red;}

#panneau {position:relative;top:10px;}