body {
	text-align: center;
}

#mainwrap {
	width: 880px;
	margin: 0 auto;
	text-align: left;
}

#leftcol {
	width: 224px;
	float: left;
}

#rightcol {
	width: 656px;
	float: left;
}

h1#logo {
	margin: 0;
	display: block;
	height: 110px;
	line-height: 72px;
	font-size: 15px;
	color: #000;
	font-family: "Trebuchet MS";
	text-transform: uppercase;

}



#logo  span {
	color: #ea4800;
	font-size: 26px;
	font-style : bold;
}



#mainnav {
	border-top: solid 10px #343428;
}

#mainnav ul li, #mainnav ul li a, #mainnav ul li a span {
	display: block;
	height: 46px;
	line-height: 46px;
}

#mainnav ul {
	margin: 0;
}

#mainnav ul li {
	list-style-type: none;
	margin: 0;
}

#mainnav ul li a {
	background: url(../images/mainnav_bg.gif) left top repeat-x;
}

#mainnav ul li a span {
	color: #fff;
	font-weight: bold;
	background: url(../images/bullet1.gif) 19px 50% no-repeat;
	padding-left: 35px;
}

#mainnav a:hover {
	text-decoration: none;
	color: #2f4f4f;
	background: url(../images/mainnav_bg2.gif) left top repeat-x;
}

.module-box h2 {
	height: 28px;
	line-height: 28px;
	padding: 0 19px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
}

.module-content {
	padding: 8px 19px;
}

h2.orange {
	background: #ea4800;
	border: solid 1px #cc0000;
}

h2.none {
	font-size: 12px;
	color: #666;
	line-height: 30px;
	margin-bottom: 0;
}

h2.grey {
	background: #8e8870;
	border: solid 1px #666666;
}

.grey {
	background: #e7e2cc;
}

.grey1 {
	background: #edecd8;
}

#header {
	background: #545440; /*origine #343428 */ 
	height: 72px;
}

#call {
	width: 180px;
	height: 31px;
	float: left;
	color: #b4ac8e /* original 8e8870 */;
	margin-top: 30px;
	margin-left: 20px;
	padding-left:10px ;
	background: url(../images/icocall.png) left top no-repeat;
	line-height: 10px;
	text-indent: 5px;
}

#search {
	float: right;
	margin: 20px 12px 0 0;
	background: url(../images/search-icon-bg.gif) left 50% no-repeat;
	padding-left: 20px;
}

#search input {
	border: solid 1px #8e8870;
	background: #343428;
	color: #8e8870;
}

#search #ok {
	border: none;
	background: url(../images/but-ok-bg.gif) left 50% no-repeat;
	color: #8e8870;
	width: 32px;
	height: 25px;
	font-size: 11px;
}

#search input {
	margin-left: 5px;
}

#banner {
	height: 240px;
	background: url(../images/photo.jpg) left top no-repeat;
}

#banner_telesecretariat{
	height: 120px;
	background: url(../images/telesecretariat3.png) left top no-repeat;
}

#banner_siteweb{
	height: 120px;
	background: url(../images/siteweb.png) left top no-repeat;
}

#banner_formation{
	height: 120px;
	background: url(../images/formation.png) left top no-repeat;
}

#banner_environnement{
	height: 120px;
	background: url(../images/environnement.png) left top no-repeat;
}

#content {
	border-top: solid 10px #343428;
	border-bottom: solid 10px #343428;
	padding: 16px;
}

img.floatleft {
	margin-right: 16px;
	float: left;
}

ul.bullet li {
	list-style-type: none;
	background: url(../images/bullet2.gif) left 50% no-repeat;
	padding-left: 16px;
}

#footer {
	padding: 16px;text-align:center;width:600px;margin:0 auto;
}

#botnav ul {
	margin: 0 auto;
width:700px;
}

#botnav ul li {
	list-style-type: none;
	float: left;
	margin-right: 40px;
	margin-left: 0;
}

#botnav ul li a {
	color: #ea4800;
}

#copyright {
	text-align:center;
	margin-top:15px;
}

table.site {
border: medium solid #696969;
border-collapse: collapse;
width: 90%;
}
th {
font-family: Tahoma;
border: thin solid #696969;
width: 50%;
padding: 5px;
background-color: #8e8870;
color : #fff;
font-style : bold;
text-align: center;

}
td {
font-family: Tahoma;
border: thin solid ##696969;
width: 30%;
padding: 5px;
text-align: center;
background-color: #e7e2cc;
}

/* -------------------Les formulaires-------------------------*/
input, textarea
{
   font-family: Arial, Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99;
}

label
{
   
	width:100px;
	

   
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Tahoma;
   color: #a1242f;
   font-weight: bold;
   }

fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   font-family: Tahoma;
   color: #a1242f;
   font-size: 1em;
}
/* -------------------FIN formulaires-------------------------*/