/* elements */
* {
    margin:             0;
    padding:            0;
    border:             0;
}
html, body {
    height:             100%;
}
html {
	color:              black;
	background-color:   #FFF;
	background-image:	url(../image/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
body {
    font-size:          13px;
    font-family:        Arial, sans-serif;
}
ul {
    list-style-type:    none;
}
a {
    color:              #ff6000;
}
a:link,
a:visited {
    text-decoration:    none;
}
a:hover,
a:active {
    text-decoration:    underline;
}
input[type="text"],
input[type="password"],
input[type="submit"],
select,
textarea {
    border:             solid 1px #989898;
}
table {
    border-collapse:    collapse;
}
h3 {
    font-size:          1.05em;
    font-weight:        normal;
    color:              #ea8200;
}
h4 {
    margin-bottom:      .3em;
    font-size:          1.2em;
    font-weight:        normal;
    color:              #0d277e;
}

/* in content... */
#content h1,
#content h2 {
    display:            inline;
    font-size:          1.4em;
    color:              #394d6c;
}
#content h1 {
    font-weight:        bold;
}
#content h2 {
    font-weight:        normal;
}
#content h3 {
    font-weight:        bold;
}
#content div.arrow {
    margin-top:         3em;
    padding-left:       10px;
}
#content div.arrow ul {
    margin-left:        3em;
}

/* structure */

#page {
    position:           relative; /* puts container in front of distance */
    width:              955px;
    min-height:         600px;
    margin:             0 auto;
    text-align:         left;
}
#header {
    position:           relative;
    height:             125px;
	color:				#FFF;
    background-image:   url(/image/header_page.jpg);
    background-repeat:  no-repeat;
}
#page.home #header {
    background-image:   url(/image/header.jpg);

}
#header #header_word {
    position:           absolute;
    top:                56px;
    left:               499px;
    font-size:          10px;
    color:              #bffe00;
}
#header #header_word a {
    text-decoration:underline;
    color:              #bffe00;
    font-size:          1.1em;
}
#main {
    background-image:   url(/image/fond.jpg);
    background-repeat:  no-repeat;
    width:              955px;
    min-height:         443px;
}
#page.home #main {
    background-image:   url(/image/fond_home.jpg);
}
#main #c1,
#main #c2 {
    float:              left;
}
#main #c1 {
    width:              185px;
    height:             443px;
}
#main #c1 #c1_top {
    margin-top:         37px;
}

#main #c1 #c1_top ul#nav {
    width:              185px;
}
#main #c1 #c1_top ul#nav>li {
    position:           relative;
    min-height:         22px;
    background-image:   url(/image/nav/nav_off.png);
    background-repeat:  no-repeat;
}
#main #c1 #c1_top ul#nav>li>a {
    margin-left:        44px;
    line-height:        22px;
    font-size:          .9em;
    font-weight:        bold;
    color:              #4c6601;
}
#main #c1 #c1_top ul#nav li.hover ul.snav {
    display:            none;
    background-color:   #eef5da;
    border-left:        solid 1px #85b200;
    border-right:       solid 1px #85b200;
    border-bottom:      solid 1px #85b200;
}
#main #c1 #c1_top ul#nav li.hover ul.snav li {
    border-top:         solid 1px #85b200;
}
#main #c1 #c1_top ul#nav li.hover ul.snav a {
    margin:             0 2px;
    line-height:        21px;
    font-size:          .9em;
    color:              #4c6601;
}
#main #c1 #c1_top ul#nav li.hover:hover ul.snav {
    display:            block;
    position:           absolute;
    z-index:            10;
    top:                0;
    left:               100%;
}
#main #c1 #c1_top ul#nav li ul.snav.active li {
    min-height:         19px;
    background-image:   url(/image/nav/snav.png);
    background-repeat:  no-repeat;
}
#main #c1 #c1_top ul#nav li ul.snav.active li a {
    margin-left:        60px;
    font-size:          .85em;
    color:              #ff6000;
}
#main #c1 #c1_top ul#nav li ul.snav.active li.active a {
    color:              #4c6601;
}

#main #c1 #c1_bottom {
    height:             72px;
    margin-left:        37px;
    padding:            40px 0px 0px 5px;
    margin-bottom:      20px;
    background-image:   url(/image/nav/fd_adherent.jpg);
    background-repeat:  no-repeat;
}
#main #c1 #c1_bottom input[type="text"]  {
    width:              124px;
    margin:             .3em 0;
    padding:            1px 2px;
    font-size:          .8em;
}
#main #c1 #c1_bottom input[type="password"]  {
    width:              104px;
    padding:            1px 2px;
    font-size:          .8em;
    margin:             .3em 0;
}
#main #c1 #c1_bottom #login form.error input[type="text"],
#main #c1 #c1_bottom #login form.error input[type="password"] {
    border:             solid 1px red;
}

#main #c1 #c1_actua {
    margin-left:        37px;
    background-image:   url(/image/nav/fd_actu.jpg);
    background-repeat:  no-repeat;
    color:              #177BD9;
    width:              138px;
    height:             106px;
    padding:            50px 0px 0px 10px;
    font-size:          .88em;
}
#main #c1 #c1_actua a {
    font-size:          .95em;
}
#main #c2 {
    width:              770px;
    min-height:         443px;
}
#main #c2 #c2_header {
    height:             121px;
    margin-left:        72px;
}

#main #c2 #c2_bottom #c2_main,
#main #c2 #c2_bottom #c2_right {
    float:              left;
}
#main #c2 #c2_bottom #c2_main {
    width:              475px;
    margin-left:        69px;
}
#main #c2 #c2_bottom #c2_right {
    width:              226px;
	padding:            15px 0px 00px 0px;
}
#main #c2 #c2_main #c2_content {
    padding:            10px 20px 10px 5px;
    min-height:         290px;
    color:              #2B2623;
    font-size:          .9em;
    text-align:         justify;
}
#main #c2 #c2_main #c2_content ul li {
    margin:             0.1em 0 0 1.5em;
}
#main #c2 #c2_main #c2_content h2 {
	margin-top:         20px;
    font-size:          1.2em;
    color:              #4c6601;
	text-decoration:	underline;
}
#main #c2 #c2_main #c2_content p {
    margin-top:         15px;
	margin-bottom:      10px;
}
#main #c2 #c2_main #c2_content ul  {
    list-style-image: url(/image/picto/puce.gif);
}

/* Map */

#map dt {
	position: 		absolute;
	cursor: 		pointer;
	height:			7px;
	width:			7px;
	z-index: 		100;
	padding: 		2px 0 0 1px;
}
#map dd {
	position: 		absolute;
	z-index: 		200;
	font-size:		0.9em;
	color:			#FFF;
	left: 			4px;
	margin-top: 	4px;
	display:		none;
	background-image:url(/image/pages/fd_bulle.gif);
	width: 			227px;
	height:			163px;
}
#map a {
	color:			#ff6000;
	text-align:		left;
}
#map p {	
	padding: 		0px 5px 0 15px;
}
#map a.lien {
	left:			10px;
	margin-top: 	10px;
	margin-left: 	70px;
	color: 			#ff6000;
	height:			16px;
	font-weight:	bold;
	text-decoration: none;
}
#map a:hover {
	text-decoration: underline;
}
/* footer */    
#footer {
    padding:            15px 38px 0 74px;
    height:             31px;
	background-color:	#FFF;
	background-image:	url(../image/footer.gif);
	background-repeat:	no-repeat;
	background-position: top;
    color:              #5e5550;
    font-weight:        bold;
    text-align:         right;
    font-size:          9px;
}
#footer ul li {
    display:            inline;
}
#footer a {
    color:              #6e771b;
    background-color:   transparent;
    font-weight:        bold;
    color:              #5e5550;
}
#footer a:hover,
#footer a#copyright:hover {
    text-decoration:    underline;
    color:              #ff6000;
}
#footer a#copyright {
    color:              #5E5550;
    background-color:   transparent;
    font-weight:        bold;
    float:              left;
}

/* generic */
.clear:after {
    content:            ".";
    display:            block;
    height:             0;
    clear:              both;
    visibility:         hidden;
}
.left {
    text-align:         left;
}
.center {
    text-align:         center;
}
.right {
    text-align:         right;
}
.bold {
    font-weight:        bold;
}

.small {
    font-size:          .80em;
}