/* elements */
* {
    margin:         0;
    padding:        0;
    border:         0;
}
body {
    background-image:   url(/image/background.jpg);
    background-repeat:  repeat-x;
    color:          	black;
    background-color:   black;
    font-family:    Arial, sans-serif;
}
a {
    color:          #ffffff;
}
a:link,
a:visited {
    text-decoration:    none;
}
a:hover,
a:active {
	color:     		    #FF7C00;
    text-decoration:    underline;
}

h3 {
    font-size:      1.05em;
    font-weight:    normal;
    color:          #ea8200;
}
h4 {
    margin-bottom:  .3em;
    font-size:      1.2em;
    font-weight:    normal;
    color:          #0d277e;
}

/* structure */
#page {
    width:          761px;
    margin:         0 auto;
}
#header {
    position:       relative;
    height:         62px;
    background-image:   url(/image/header_bg.png);
}
#mentions {
    position:       absolute;
    height:         62px;
}

#mentions #mentions_copyright {
    margin:         65px 0 0px 30px;
    list-style-type:    none;
}
#mentions #mentions_nav {
    top:            10px;
    margin:         5px 0 0px 20px;
    list-style-type:    none;
}
#mentions #mentions_nav li {
    padding-right:  1em;
}
#mentions #mentions_nav li a {
    font-size:      .8em;
    color:          #b7b7be;
}
#main {
	background-image:    url(/image/main_bg.jpg);
	background-position: left;
	background-repeat:	 repeat-y;
}
#main #c1,
#main #c2 {
    float:          left;
	background-image:   url(/image/c2_main_bg.jpg);
	width:      	568px;
}
#c2 #coeur {
	float:		left;
	width:      468px;
	min-height: 	394px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 80px;
	background-image:   url(/image/c2_main_page.jpg);
}
#c2 #coeur .texte {
	margin: 	15px 0px 0px 5px;
    font-size:  0.90em;
	text-align: left;
	width: 99%;
}
#c2 #coeur .texte  p {
	padding-bottom:   10px;

}
#c2 #coeur .texte  a {
	color:     		    #FF7C00;
}
#c2 #coeur .texte  a:hover {
    text-decoration:    underline;
}
#c2 #coeur .texte img {
	float:left;
	padding: 	0px 20px 6px 0px;
}
#main #c1 {
    width:          193px;
}
#main #c1 #c1_top {
    height:         189px;
}

#main #c1 #c1_top ul#nav {
    width:          	193px;
    list-style-type:    none;
	float:         	    left;
}
#main #c1 #c1_top ul#nav li a {
    background-image:   url(/image/nav/nav_off.jpg);
	height: 			23px;
    display:        	block;
    padding:        	4px 0 0 35px;
    font-weight:    	bold;
    color:          	#fff;
	text-decoration:    none;
}
#main #c1 #c1_top ul#nav li a:hover {
    background-image:   url(/image/nav/nav_on.jpg);
	color:        	    #FF7C00;
}
#main #c1 #c1_top ul#nav li.active a {
    background-image:   url(/image/nav/nav_on.jpg);
	height: 			23px;
	color:        	    #FF7C00;
}
#main #c1 #c1_bottom {
    height:        		349px;
    padding:            0px 0px 0px 15px;
    background-image:    url(/image/c1_bottom_bg.jpg);
}


/* generic */
.clear:after {
    content:            ".";
    display:            block;
    height:             0;
    clear:              both;
    visibility:         hidden;
}