/* ------------------------------------------------ */
/*                      Les bases                   */
/* ------------------------------------------------ */


*
{
	margin: 0;
	padding: 0;
	
	font-weight:normal;
	z-index:0;
}

html
{
	height:100%;
}
img    {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


body {
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	background-image: url(../img_css/fond-body.gif);
	font-size: 0.8em;
}

hr.both
{
	visibility:hidden;
	height:0;
	width:0;
	clear:both;
	margin: 0px;
	padding: 0px;
}


#global {
	margin-right: auto;
	margin-left: auto;
	width: 967px;
	margin-top: 10px;
	background-color: #FFFFFF;
}

.explication {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #999999;
}



/* ------------------------------------------------ */
/*               Header du site                     */
/* ------------------------------------------------ */
#global #header
  {
	background-image: url(../img_css/fond-header.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	height: 76px;
	width: 100%;
	background-image: url(../img_css/fond-header.gif);
	z-index: 2;
}

#global #header #menu
{
	float: right;
	margin-top: 45px;
	margin-right: 5px;
}

#global #header #menu li
{
	height:28px;
	width: 28px;
	float: left;
	display: inline;
}

#global #header #menu li.actif
{
	height:auto;
	padding-top:145px;
	margin-bottom:0;
}

#global #header #menu_3 {
	background-image: url(../img_css/picto-plan.gif);
	background-repeat: no-repeat;
}
#global #header #menu_2 {
	background-image: url(../img_css/picto-contact.gif);
	background-repeat: no-repeat;
}
#global #header #menu_1{
	background-image: url(../img_css/picto-home.gif);
	background-repeat: no-repeat;
}

#global #header #menu_1 a:hover{
	background-image: url(../img_css/picto-home-rollover.gif);
	background-repeat: no-repeat;
}
#global #header #menu_2 a:hover{
	background-image: url(../img_css/picto-contact-rollover.gif);
	background-repeat: no-repeat;
}
#global #header #menu_3 a:hover{
	background-image: url(../img_css/picto-plan-rollover.gif);
	background-repeat: no-repeat;
}

#menu a
{
	display:block;
	width:100%;
	height:100%;
}

#global #header #menu span,
#global #header h1
{
	display:none;
}


/* ------------------------------------------------ */
/*              Flash                               */
/* ------------------------------------------------ */

#flash 
{
	background-color: #545554;
	height: 267px;
}



#flash h1,
#flash p
{
	display:none;
}



/* ------------------------------------------------ */
/*                contenu du site                   */
/* ------------------------------------------------ */


#global  #dynamique {
	float: right;
	width: 740px;
}

		/* ------------------------------------------------ */
		/*                contenu du site                   */
		/* ------------------------------------------------ */
#global #col_gauche
 {
	float: left;
	width: 220px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* menu gauche*/
#global #col_gauche #menu1
{
	background-repeat: no-repeat;
	background-position: 0px bottom;
	width: 220px;
	background-image: url(../img_css/fond-menu1.gif);
	padding-bottom: 38px;
}
#global  #col_gauche #menu1 h1 {
	font-size: 14px;
	background-image: url(../img_css/fond-menu1-H1.gif);
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 34px;
	padding-right: 34px;
	padding-left: 34px;
	text-align: center;
	font-variant: small-caps;
	padding-bottom: 10px;
}

#global  #col_gauche #menu1  li
{
	list-style-type: none;
	font-size: 12px;
	line-height: 20px;
	padding-left: 38px;
	padding-right: 34px;
}
#global  #col_gauche #menu1  a
{
	display:block;
	text-decoration: none;
	color: #FFFFFF;
}


#global  #col_gauche #menu1 a:hover
{
	display:block;
	text-decoration: underline;
	color: #FFFFFF;
	font-style: italic;
}

#global  #col_gauche #menugene li {
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	list-style-type: none;
}
#global  #col_gauche #menugene ul {
	margin-left: 25px;
	margin-top: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#global #col_gauche #menugene a {
	color: #666666;
	text-decoration: none;
}

#global #col_gauche #menugene a:hover {
	color: #666666;
	text-decoration: underline;
	font-style: italic;
}

#global #col_contenu2
 {
	float: right;
	width: 330px;
	padding: 10px;
}

#global #col_contenu1
 {
	float: left;
	width: 330px;
	padding: 10px;
}


#global  #dynamique h1,
#global  #actualite h1 {
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EB6909;
	background-image: url(../img_css/fond-H1.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	min-height: 27px;
	padding-left: 30px;
	margin-bottom: 15px;
	margin-top: 10px;
	line-height: 20px;
	vertical-align: middle;
}

#global  #dynamique h2,
#global  #actualite h2 {
	color: #EB7F29;
	font-weight: bold;
	font-style: italic;
	margin-top: 3px;
	margin-bottom: 5px;
	font-size: 1.1em;
}


#global  #dynamique p,
#global  #actualite p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#global  #dynamique li,
#global  #actualite li
 {
	list-style-type: square;
}
#global  #dynamique ul,
#global  #actualite ul {
	margin-left: 10px;
	padding-left: 20px;
}
#global  #dynamique img,
#global  #actualite img {
	border: 1px double #EB7F29;
	margin: 3px;
	padding: 3px;
}



#global  #dynamique a,
#global  #actualite a {
	color: #EB7F29;
	text-decoration: none;
}


#global  #dynamique a:hover,
#global  #actualite a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #EB7F29;
}



#global  #actualite {
	border: 2px solid #EB7F29;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 10px;
}



/* ------------------------------------------------ */
/*                   Pied de site                   */
/* ------------------------------------------------ */

#global #foot {
	clear:both;
	text-align: center;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 5px;
	color: #FFFFFF;
	padding-left: 50px;
	z-index: 1;
	background-image: url(../img_css/fond-foot.gif);
	background-repeat: repeat-x;
     }
#global  #foot a
 
   {
	color: #FFFFFF;
	text-decoration: none;
}
#global  #foot a:hover
 
   {
	text-decoration: underline;
}
strong {
	font-weight: bolder;
}
.messageEcran {
	border: 3px solid #EB7F29;
	font-size: 1.2em;
	margin: 30px;
	padding: 10px;
	font-weight: bold;
}

#global  #dynamique img,
#global  #actualite img {
	border: 1px double #EB7F29;
	margin: 3px;
	padding: 3px;
}