html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #CCC url(images/fond.gif) repeat-x top;
	
	text-align: center;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 11px;
}
h1{
font-size:14px;
font-family: arial;
border:1px solid #D00B02;
background-color:#FF921D;
padding:2px;
color:white;
}

#banner {
	margin: 0px;
	padding: 0px;
	height: 100px;
	border: none;
	background-image: url(images/haut_droit.gif);
background-repeat: no-repeat;
background-position: top right;	

}

#banner a img {
	margin: 5px 0 0 15px;
	border: none;
}

#page {
	text-align: left;
	/*width: 95%;
	min-width:800px;*/
	width:1024px;
	margin: 10px auto 10px auto;

	background: #fff;
/*	border: 1px solid #CFCFCF;*/
	-moz-border-radius:6px;
	border-radius:6px;
	padding: 0;
			background-image: url(images/haut_gauche.gif);
	background-position: top left ;
	background-repeat: no-repeat;

}

a {
	text-decoration: none;
	color:rgb(255,51,0);
}

a:hover {
	text-decoration: underline;
}

h2{
border-bottom:1px solid black;
	font-size: 11px;
}
pre{
background-color:rgb(255,255,204);
padding:5px;
/*border:1px solid #CC0000;*/
line-height: 1em;

}
code{
background-color:rgb(255,255,204);
/*border:1px solid #CC0000;*/
}
blockquote{
font-style:italic;
}
#adsense_bas{
margin-left:15px;
}
/*********Tableau*******************/
/********************/
/*****tableau*********/
/********************/
#content table {
border:1px solid #6495ed;
border-collapse:collapse;

margin:auto;
}
#content thead, #content tfoot {
background-color:#D0E3FA;
/*background-image:url(sky.jpg);*/
border:1px solid #6495ed;
}
#content tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}
#content th {
font-family:monospace;
font-size:16px;
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
/*width:25%;*/
text-align:center;
}
#content td {
font-family:sans-serif;
font-size:12px;
border:1px solid #6495ed;
padding:5px;
text-align:justify;
}
#content caption {
font-family:sans-serif;
}

.identite{
border-style:none;
margin:auto;
border-collapse:collapse;
width:100%;
}
/**********************************/
.separation {
	border-top: 5px solid rgb(168,180,206);
	clear: both;
}
.contenu_colg {
 	width: 415px;
}
.contenu_colg h2,.contenu_cold h2{
padding:0px;
margin:0px;
}

.contenu_cold {
	float:right;
	width: 380px;
	padding-left:25px;

	
}

.encadre{
border:1px solid rgb(168,180,206);
padding:5px;
margin-top:5px;
}

#news{
border:1px dotted rgb(255,146,29);
padding:5px;
}
#actu h3{
margin-bottom:0px;
font-size:11px;
}
#date{
color:rgb(255,51,0);
font-weight:bolder;
margin-right:5px;
float:right;
}
#news h3{
  margin:0px;
  padding:0px;
  font-size:12px;
}
#last_post{
list-style-type: none;
margin:0px;
padding:0px;
}
#last_post li{
width:100%;
}
#last_post a{
display:block;

border-bottom:1px solid white;
color:black;
width:100%;

}
#last_post a:hover{
border-bottom:1px solid white;
background-color:rgb(255,146,29);
text-decoration:none;
color:white;
font-weight:bolder;
}
/***************************************/
/*MENU TOP*/
menutop {
	position: relative;
	height: 18px;
	margin: 0 10px 1em 15px;
	clear: both;
	padding:5px;
}


#menutop ul, #menutop li {
	margin:0;
	padding: 0;
	list-style-type: none;
	/*background:rgb(255,146,29);*/
	background-image: url(images/fond_menu_haut.gif);
	background-repeat: repeat-y;

	}
#menutop ul {

	height: 16px;
  margin:0 15px 0 5px;

}

#menutop li {
float: left;
}

#menutop li a { 
display: block;  
height: 28px;
width: 100px;
color: #fff;
font: 17px/28px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
text-decoration: none;
border-left: 1px solid #fff;
text-align: center;
}
#menutop li a.last {
border-right: 1px solid #fff;
}

#menutop a:hover {
color: rgb(0,0,0);
background: transparent url(designnew/menu.jpg) top left no-repeat;
}



/***********MENU LEFT*******/


#menuleft {
	color: #555;
	font: 12px Arial;

}

#menuleft h2 {
	color: rgb(255,51,0);
	font: 1.1em  Helvetica, Sans-Serif;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 5px;
	font-variant: small-caps ;
  margin-left:5px; 
}

#menuleft a {
	color: #777;
	font: 1em Helvetica, Sans-Serif;
	font-weight: bold;
  line-height: 1.3em;
  margin-left:5px; 
}
#menuleft a img {
	border: none;
}
#menuleft ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	
}

.cadre, #menuleft {
	width: 270px;
	padding-top: 7px;

}

.cadrebas {
	padding: 0 0.5em 7px 0.5em;

}
#menubas {
	padding: 0 0.5em 7px 0.5em;
		background-image: url(images/fond_menu.gif);
	background-position: top ;
	background-repeat: no-repeat;
}

/*******PROBLEME AVEC REDUCTION FENETRE******/
#content
{
margin: 0em 0px 0 180px;
background: #ff;
padding: 1em;
text-align:justify;

}

#menuleft
{
float: left;
width: 180px;
margin: 0px 10px 1em 0;
}
#chemin,{
	margin: 10px 10px 0em 0;
	font-weight: bolder;
	text-decoration: none;
}


/***********/
#footer a, #banner h1 a {
	text-decoration: none;
	border: none;
	color: rgb(255,146,29);
}
#footer a:hover {
	text-decoration: underline;
}

/*************/
#footer {
	text-align: center;
	padding: 0.5em;
	clear: both;
	border: none;
	color:rgb(138,138,138);
	font-weight:bold;
	font-size:12px;

}
#bas_gauche{
height:100px;
background-image: url(images/bas_gauche.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#bas_droit{

			background-image: url(images/bas_droit.gif);
	background-position: bottom right ;
	background-repeat: no-repeat;
}

#clear{
	clear: both;
}
/************/
#actu{

	clear: right;
	margin:0px;
	padding:0px;
}

.new{
background-color:#F7F7F7;
padding:5px;
margin-bottom:5px;
border:1px solid #E5E5E5
}
.new h3{
text-decoration:underline;
margin:0px;
color:#FF921D;
}
.date{
font-style: italic;
font-size:10px;
}
.texte_actu{
margin-top:5px;
}
#google_search{
margin-left:500px;
}