body{
	
text-align:center;
margin:auto;
padding:0px;

font-family:arial,sans-serif;
font-size:0.9em;
color:#878787;
background-image:url('images/fond.jpg');
background-repeat:repeat-x;

}

a {
	color:#c69c06;
	text-decoration:underline;
}
a:hover {
	/*color:#73A533;*/
	text-decoration:none;
}
#main_content{	
	position:relative;
	margin:auto;
	text-align:left;
	padding:0;
	width:1024px;
	min-height:600px
}

#logo {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:242px;
	height:96px;
}

#main-menu {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:1024px;
	height:50px;
	
	
}
#entete {
	position:relative;
	float:left;
	margin:0px;
	padding-top:20px;
	width:1024px;
	height:200px;
	z-index:-1;
	
	
}


#content {
	position:relative;
	float:left;
	width:984px;
	margin: 10px 20px 10px 20px;
	min-height:250px;

	
}
#contentAdmin {
	position:relative;
	float:left;
	width:984px;
	margin: 10px 20px 10px 20px;
	min-height:250px;
background-color:#E8EAEA;
border:1px solid black;
	
}
#content_col1 {
	position:relative;
	float:left;
	width:565px;
	margin: 10px 20px 10px 0px;
	min-height:250px;
	
	
}
#content_col2 {
	position:relative;
	float:left;
	width:329px;
	margin: 10px 0px 10px 50px;
	min-height:250px;
	
	
}
#loginBox {background:#cccccc; border:1px solid #000;margin:20px auto; width:300px;padding:6px 20px;}
div.formrow {margin:0 0 5px 0;float:left;width:100%;padding:6px 0;}
div.formrow label {float:left;display:block;width:10em;font-weight:bold;padding:0 6px;}

 b.jaune{
	color:#c69c06;
	font-size:1.0em;

}


#image_gauche {
	position:relative;
	float:left;
	width:265px;
	margin:0px 0px 20px 0px;
	height:177px;
	
	
}
#texte_gauche {
	position:relative;
	float:left;
	width:695px;
	margin:0px 0px 20px 0px;
	padding:0px;
	height:177px;
	text-align:right;
	
	
}
#image_droite {
	position:relative;
	float:right;
	width:265px;
	margin:0px 0px 20px 0px;
	height:177px;
	
	
}
#texte_droit {
	position:relative;
	float:left;
	width:695px;
	margin:0px 0px 30px 20px;
	height:177px;
	
	
}
#texte_droit a, #texte_gauche a{
	color:#c69c06;
	text-decoration:underline;
}
#texte_droit a:hover, #texte_gauche a:hover{
	color:#c69c06;
	text-decoration:none;
}

.lien_contact a{
font-size:20px;
	color:#004990;
	font-weight:bold;
	text-decoration:underline;
}
.lien_contact a:hover{
font-size:20px;
	color:#004990;
	font-weight:bold;
	text-decoration:none;
}
#image_liste {
	position:relative;
	text-align:center;
	float:left;
	width:965px;
	margin:20px 0px 0px 0px;
	height:177px;
}
#image_liste img{
	margin:10px;
	
	
}
#image1, #image2, #image3{
position: relative;
float:left;
margin:10px 10px 0px 0px;
	
width:150px;
}
#image1 img, #image2 img, #image3 img{
	width:150px;
	border:0px
}

#imageLien {
	margin: 20px 0px 0px 0px;	
}
#imageLien img{
	border:0px;
}
#separateur{

position:relative;
float:left;
background-color:#ffffff;
background-image: url(images/separateur.jpg);
background-repeat:no-repeat;
margin:10px 0 0 0;
padding-top:0px;
width:10px;
height:434px;

}
#block_realisation1{

position:relative;
clear:both;
padding-top:0px;


}
#block_realisation2{

position:relative;
clear:both;
padding-top:20px;


}
#bottom{
text-align:center;
position:relative;
background-color:#ffffff;
background-image: url(images/fond_bas.jpg);
background-repeat:repeat-x;
margin:0px;
padding-top:0px;
width:100%;
height:72px;
clear:both;
}
#bottom p{
	padding-top:20px;
	font-size:1.0em;

}
.tremblayetturmel{
	color:#878787;
	font-size:0.8em;

	
}
#bottom .tremblayetturmel a{
	color:#878787;
	text-decoration:underline;
}
#bottom a:hover{
	color:#004990;
	text-decoration:underline;
}




h1
{
	color:#004990;
	font-size:2em;
	font-family: Arial, sans-serif;
		
}
h2
{
	color:#004990;
	font-size:1.8em;
	font-family: Arial, sans-serif;
		
}
h3
{
	color:#878787;
	font-size:1.2em;
	font-family: Arial, sans-serif;
	margin:0px;
	padding:0px;	
}
h4
{
	color:#878787;
	font-size:1.0em;
	font-family: Arial, sans-serif;
	margin:0;
	padding:0;
}

h5
{
	color:#878787;
	font-size:1.0em;
	font-family: Arial, sans-serif;
	margin:0;
	padding:0;
}
.titreadmin{
	color:#004990;
	font-size:2em;
	font-family: Arial, sans-serif;
	
}
#contentAdmin {
	color:#000000;
	
}
#contentAdmin a{
	color:#336699;
	text-decoration:underline;
}
#contentAdmin a:hover{
	color:#999999;
	text-decoration:underline;
}
#main-menu h2
{
	color:#ffffff;
	font-size:2em;
	font-family: Arial, sans-serif;
	margin:5px 0px 0px 0px;
		
}
/**************************************************
/*  MENU DÉROULANT
/****************************************************/
.menu_top {
	color:#ffffff;
	font-size:14px;
	font-family: Arial, sans-serif;
	width: 583px;
	text-align: right; 
	position:relative;
	float:right;
	margin:0px;
	padding:40px 0 0 0px;
	height:60px;
	
	
}
.menu_top a {
	color:#ffffff;
	font-family: Arial, sans-serif;
	text-decoration:none;
}
.menu_top a:hover {
	text-decoration:underline;
	color:#ffc436
}


.menu_bottom {
	color:#FFFFFF;
	width: 883px; height: 60px; text-align: center; padding-top: 30px;
	background-color: #252424;
	float: left;
}
.menu_bottom a {
	font-size:14px;
	color:#FFFFFF;
	font-family: "Arial Narrow", Arial, sans-serif;
	text-decoration:none;
}
.menu_bottom a:hover {
	text-decoration:underline;
}


#menuDeroulant
{
 width: 884px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 z-index:20;
 /*top: 0;
 left: 0;*/
}
#menuDeroulant li
{
 float: left;
 /*width: 150px;*/
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none; 
 border: 0;
 width: 173px;
 /*border-bottom: 1px solid #fff;*/
 /*border-right: 1px solid transparent;*/
}
#menuDeroulant li:hover > .sousMenu { display: block; }
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #000;
 background: #ffe214;
 margin: 0; 
 /*padding: 4px 8px;*/
 /*border-right: 1px solid #fff;*/
 text-align:left;
 text-decoration: none;
}
/*#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }*/

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #000;
 margin: 0;
 padding-left:5px;
 padding-right:5px;
 padding-top:10px;
 padding-bottom:10px;
 border-top: 1px solid black;
 text-decoration: none;
 font-size:11px;
 text-transform:uppercase;
/* line-height:32px; 
 background: transparent url("images/fondTR-over.png") repeat;*/
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #ffffff;
 /*background: transparent url("images/fondTR.png") repeat;*/
}
/* //////////////////////////////////////////////////////////// */
/* 							Formulaire							*/
/* //////////////////////////////////////////////////////////// */
form {
width:450px;
margin:10px 0 0 0px;
}
input { 
border:1px solid #c5c5c7;
background:#f0f0f1;
width:20em;
height:1,8em;
display:block;
padding:4px;
margin:.7em 0 .7em 0;
color:#878787;
}

input:focus { 
background : #FFFDEA; 
}
input[type=submit] {
border:1px solid #cccccc;
cursor:pointer;
height:30px;
width:88px;
display:inline;
font-size: 12px;
line-height: 14px;
font-weight:bold;
}

input[type=reset] {
border:1px solid #cccccc;
cursor:pointer;
height:30px;
width:95px;
display:inline;
font-size: 12px;

line-height: 12px;
font-weight:bold;
}
input[type=submit]:hover {
background-color:#ffffff;

}

input[type=reset]:hover {
background-color:#ffffff;
}

#contentAdmin input[type=button] {
background-color:#ffffff;
border:1px solid #cccccc;
cursor:pointer;
height:30px;
width:88px;
display:inline;
font-size: 12px;
line-height: 14px;
font-weight:bold;
}
#contentAdmin input[type=button]:hover {
background-color:#f0f0f1;

}
#contentAdmin input[type=submit] {
border:1px solid #cccccc;
background-color:#ffffff;
cursor:pointer;
float:right;
height:30px;
width:88px;
display:inline;
font-size: 12px;
line-height: 14px;
font-weight:bold;
}
#contentAdmin input[type=submit]:hover {
background-color:#f0f0f1;

}

#contentAdmin input[type=reset] {
background-color:#ffffff;
border:1px solid #cccccc;
cursor:pointer;
height:30px;
width:95px;
display:inline;
font-size: 12px;

line-height: 12px;
font-weight:bold;
}
#contentAdmin input[type=reset]:hover {
background-color:#f0f0f1;
}
#contentAdmin input { 
border:1px solid #c5c5c7;
background:#ffffff;
width:20em;
height:1,8em;
display:block;
padding:4px;
margin:0 0 .7em 0;
color:#878787;
}
#contentAdmin input:focus { 
background : #FFFDEA; 
} 
textarea {
background : #f0f0f1; 
border : 1px solid #c5c5c7; 
width : 95%; 
margin : .5em 0 .3em 0; 
padding : 4px;
color:#444444;
}
textarea:focus { 
background : #FFFDEA;
}

/* //////////////////////////////////////////////////////////// */
/* 							Slideshow							*/
/* //////////////////////////////////////////////////////////// */

/*** set the width and height to match your images **/


#slideshow {
    position:relative;
    height:301px;
	width:941px;
	margin:0 0 0 18px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	margin:10px 0 0 0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}