html,body{
	margin:0;
	padding:0
	}

body{
	font: 76% arial,sans-serif;
	color: #666666;
	text-align:center;
	background:url("img/img_bg_vert.jpg") top left repeat-x #468057
	}
a{color: #299849;}
a:focus, a:hover, a:active{color: #299849; text-decoration: underline}

#formulaire_recherche{float: right; width: 200px; padding: 3px 10px 0 10px;}
#nav{width: 700px;}



/* P */	
p{
	margin:10px 5px
	}
	
div#left p{
	margin: 5px
	}

div#right p{
	margin: 5px
	}

div#content p{
	line-height:1.3
	}
	
div#footer p{
	text-align: center
	}	

strong{color: #333333; font-weight: bold}
.chapo{color: #333333; font-weight: bold; font-size: 14px}

#fil{padding: 10px 0}

#content .spip_logos, #content_big .spip_logos  {
margin:0 5px;
padding: 5px;
border: 1px solid #cccccc
}

/* POSITIONNEMENT DES DIVS*/

div#container{
	width:955px;
	margin:0 auto;
	background:url(img/content.png) top center repeat-y;
	text-align:left
	}
		
#header{
	height:210px;
	}

div#wrapper{
	float:left;
	width:100%;
	}
	
div#navigation, div#navigation_machinisme{
	float: left;
	height: 30px;
	width: 945px;
	margin:0 0 0 5px;
	background:url(img/menu_hori.jpg) top left repeat-x;
	z-index: 1
	}
	
div#content{
	margin: 0 280px 0 315px
	}

div#content_big{
	margin: 0 280px 0 20px
	}
	
div#left{
	float:left;
	padding-left:5px;
	width:305px;
	margin-left:-955px;
	background:url(img/col_gauche.jpg) top right no-repeat;
	min-height: 450px
	}
	
div#right{
	float:left;
	width:275px;
	margin-left:-275px;
	background:url(img/col_droite.jpg) top left no-repeat;
	min-height: 450px
	}
	
div#footer{
	clear:left;
	height: 50px;
	background: url(img/footer.jpg) bottom center no-repeat;
	color: #999999;
	padding-top: 25px;
	}
	
/* BLOCS*/
		
#Login, #Adresse, #Download, #menuLateral{
	float: left;
	width: 230px;
	padding-bottom: 10px;
	margin: 15px 0 0 20px;
	clear: both;
	}	

#Agenda{
	float: left;
	width: 275px;
	height: 155px;
	padding-bottom: 10px;
	margin: 15px 0 15px 10px;
	clear: both;
	background: url(img/fond_degrade.jpg)top left repeat-x;
	border-bottom: 1px solid #cecece
	}

#Agenda h1{
	width: 275px;
	height: 20px;
	margin: 0 0 10px 0;
	padding:0;
	background: url(img/titre_Agenda.jpg) top left no-repeat;
	}
#Agenda p{font-size: 11px;}
.clear {color: #999999}
.ticker h3{color: #299849; font-size: 12px; font-weight: bold; padding-right: 5px; float: left}	
.event{padding: 10px 0}

.ticker
{
margin:0px;
padding:0 10px 10px 10px;
float:left;
overflow:hidden;
width:250px;
height:120px;
}
							
.ticker{
text-decoration:none;
color:#333333;
}

.ticker span{display:none;}
.ticker .active_ticker{display:block;}	

#Login form{
	margin: 20px 0 0 0;
	}
#Login form input{width: 80px; margin: 0 0 0 3px; padding: 0 3px}

#Login form input.button{width: 30px}


#myVid{
	z-index: 0;
	margin: 0;
	padding:15px 0 15px 10px
	}
#myVid .spip_documents{
	float: left;}
	
/*BLOCK ADRESSE*/

#Adresse{
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	background: url(img/fond_degrade.jpg)top left repeat-x
	}
	
div#right h1{
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #299849;
		padding: 0;
		margin: 10px 5px
		}
		
/*  Menu Latteral */

#menuLateral ul{
	margin: 0;
	padding:10px 0 0 0
	}

#menuLateral li{
	list-style-type: none;
	padding-left: 15px
	}
		
		
#content .liste{ float: left; display: block; margin: 15px 0 10px 0; width: 100%}
#content .liste h1{font-family: Trebuchet MS, sans serif; font-size: 16px; color: #299849; font-weight: bold; padding: 0; margin:0 0 10px 0; text-transform: none}
#content .liste p{font-family: Arial, sans serif; font-size: 13px; color:#333333}

#content_big .liste{ float: left; display: block; width: 100%; margin: 15px 0 10px 0; border-bottom: 1px solid #cccccc; padding-bottom: 10px}
#content_big .liste h1{font-family: Trebuchet MS, sans serif; font-size: 20px; color: #299849; font-weight: bold; padding: 0; margin:0 0 10px 0; text-transform: none}
#content_big  p{font-family: Arial, sans serif; font-size: 13px; color:#666666}
#content_big .liste p{font-family: Arial, sans serif; font-size: 13px; color:#333333;}
#content_big p.chapo{font-family: Arial, sans serif; font-size: 13px; color:#333333; padding-bottom: 10px; font-weight: bold}
#content_big  h1{font-family: Trebuchet MS, sans serif; font-size: 24px; color: #299849; font-weight: bold; padding: 0; margin:20px 0 20px 0; text-transform: uppercase}
#content_big  h1.titreArt {text-transform: none}

/* FORMULAIRES*/

.spip_forms {
border:none;
color:#333;
font-family: Arial,Helvetica,sans-serif;
font-weight:normal;
margin:0 0 16px;
padding:6px;
}

.spip_forms fieldset {
border-color:#999;
border-style:dashed none none none;
border-width:1px 1px 1px 1px;
margin:0.5em 0;
padding:0.4em 0.4em 1em 1em;
}

.spip_forms legend {
color: #066027;
font-weight: bold;
background-color: #fff;
border: 1px dashed #999
}

.spip_forms .forml, .spip_forms .formo {
border-color:#999 #aaa #aaa #999;
border-style:solid;
border-width:1px;
font-size:1em;
padding:0.25em;
}

.spip_forms .forml, .spip_forms .fondl {
background:#f4f4f4 none repeat scroll 0 0;
color:#4A4336;
}

.spip_forms form .forml-focus, .spip_forms form input.forml-focus:focus, .spip_forms form textarea.forml-focus:focus, .forml-focus {
background: #f8fae7;
border-color:#666;
border-style:solid;
border-width:1px;
}

.spip_forms form .formo-focus, .spip_forms form input.formo-focus:focus, .spip_forms form textarea.formo-focus:focus, .spip_forms .formo-focus {
background: #f8fae7;
border-color:#666;
border-style:solid;
border-width:1px;
}

.spip_forms .spip_form_label_details {
display:none;
}

.spip_forms .spip_form_ok {
background:#f5f5f5 none repeat scroll 0 0;
}

.spip_forms .spip_bouton input {
background:#f4f4f4 none repeat scroll 0 0;
border:1px solid #066027;
color:#066027;
cursor:pointer;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:1em;
font-weight:bold;
padding:0.4em;
width:100px;
}


.spip_documents img{
	margin: 0px;
	padding: 5px;
	border: 1px solid #cccccc
}


/***********/



table.spip tr.row_even {
background-color: #eeeeee
}


table.spip tr.row_odd{
background-color: #ffffff
}



/* Special machinisme*/

#content_machinisme .spip_logos{ margin:0 5px; padding: 5px; border: 1px solid #cccccc}
div#content_machinisme{ margin: 0 20px 0 20px}
#content_machinisme  p{font-family: Arial, sans serif; font-size: 13px; color:#666666}
#content_machinisme  h1{font-family: Trebuchet MS, sans serif; font-size: 24px; color: #299849; font-weight: bold; padding: 0; margin:20px 0 20px 0;}

#navigation_machinisme ul{
margin: 0;
padding: 8px
}

#navigation_machinisme li, #navigation_machinisme li a{
display: inline;
padding-right: 10px;
color: #fff;
text-decoration: none
}

#navigation_machinisme li a:hover{
color: #ffda3a
}