/* elements */
* {
    margin:             0;
    padding:            0;
    border:             0;
}
html, body {
    height:             100%;
}
html {
    color:              black;
    background-color:   white;
}
body {
    font-size:          13px;
    font-family:        Arial, sans-serif;
    background-image:           url(/image/structure/bg_header.jpg);
    background-position:        top;
    background-repeat:          repeat-x;
}
a {
    color:              #C85B00;
}
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;
}
ul {
    list-style-type:    none;
}

/* structure */
#page {
    margin:             0 auto;
    text-align:         justify;
    position:           relative;
    width:              955px;
    color:              inherit;
}

/* header */
#header {
    position:           relative;
    padding:            0 13px;
}
#header #home {
    margin-left:        15px;
}
#flash {
	background-image:	url(/image/page/bg_acces_catalogue.jpg);
	width:				930px;
	height:				132px;
}
#flash #anim {
	float:				left;
}
#flash #lien_catalogue {
	float:				right;
	padding-top:		55px;
	padding-right:		35px;
}
#flash #lien_catalogue li {
	font-size:			0.85em;
	line-height:		16px;
	font-weight:		bold;
}

/* main */
#main {
    background-image:   url(/image/structure/bg_page.gif);
    background-repeat:  no-repeat;
    background-position:center;
    min-height:         370px;
    padding:            0 13px;
}

/* content */
#content {
    font-size:          0.9em;
}
#content #c1,
#content #c2 {
    float:              left;
}
#content #c1 {
    padding:            25px 15px;
	width: 				395px;
	text-align:			center;
}
#content #c1 .visuel {
	margin-bottom:		30px;
}
#content #c2 {
    padding:            35px 10px 10px 10px;
	width: 				465px;
}
#content h3 {
	font-size:			1.1em;
	color:				#3486C7;
}
#content #c2 ul {
    padding-bottom:     15px;
	padding-left:		15px;
	text-indent: 		-7px;
}
#content #c2 li:before {
	content:			"\2022 \0020";
}
#content p {
    padding-bottom:     15px;
}
#content .right {
	padding:			10px;
	text-align:			right;
}
#content #c2 #encart {
	background-color:	#DFEDF6;
	color: 				#324858;
	border-bottom:		1px solid #324858;
	border-top:			1px solid #324858;
	margin:				5px 0 5px 0;
	padding:			5px;
}
#content #c2 #encart ul {
    padding-bottom:     0;
}
#content #c2 #encart p {
    padding-bottom:     0;
}
#content #c2 #encart2 {
	background-color:	#DFEDF6;
	color: 				#324858;
	border-bottom:		1px solid #324858;
	border-top:			1px solid #324858;
	margin:				5px 0 5px 0;
	padding:			5px;
}
#content #c2 #encart2 ul {
    padding-bottom:     0;
}
#content #c2 #encart2 p {
    padding-bottom:     0;
}
#content #c2  div.encart {
	background-color:	#DFEDF6;
	color: 				#324858;
	border-bottom:		1px solid #324858;
	border-top:			1px solid #324858;
	margin:				5px 0 5px 0;
	padding:			5px;
}
#content #c2  div.encart ul {
    padding-bottom:     0;
}
#content #c2 div.encart p {
    padding-bottom:     0;
}
/* navigation */
#nav {
    position:           absolute;
    right:              10px;
    top:                54px;
}
#nav>li>a>img {
    display:            block;
    padding-right:      2px;
}
#nav>li {
    float:              left;
}

/* sous-navigation (menu "déroulant") */

#nav li.hover ul.snav {
    display:            none;
    padding-bottom:     14px;
    font-size:          .8em;
    background-image:   url(/image/nav/bottom.gif);
    background-repeat:  no-repeat;
    background-position:bottom;
}
#nav li.hover:hover ul.snav {
    display:            block;
    position:           absolute;
    z-index:            10;
    top:                100%;
    left:               0;
}
#nav li.hover:hover ul.snav li a {
    display:            block;
    width:              103px;
    padding:            2px;
    text-align:         center;
    color:              #303e45;
    background-color:   white;
    border-bottom:      1px solid #eee;
}
#nav li.hover:hover ul.snav li a:hover {
    color:              #3486c7;
    background-color:   white;
    text-decoration:    none;
}
#nav li.hover:hover #snav_1 {
    left:               108px;
}
#nav li.hover:hover #snav_2 {
    left:               217px;
}
#nav li.hover:hover #snav_3 {
    left:               326px;
}
#nav li.hover:hover #snav_4 {
    left:               435px;
}
#nav li.hover:hover #snav_5 {
    left:               544px;
}

/* sous-navigation interne */

#nav li ul.snav.active {
    position:           absolute;
    top:                169px;
    right:              6px;
    height:             24px;
    line-height:        24px;
    font-size:          0.9em;
    width:              570px;
}
#nav li ul.snav.active li {
    float:              left;
}
#nav li ul.snav.active li a {
    color:              #FFF;
    padding:            0 10px;
    margin-left:        10px;
    background-image:   url(/image/picto/puce.gif);
    background-repeat:  no-repeat;
    background-position:    center left;
}
#nav li ul.snav.active li a a:hover,
#nav li ul.snav.active li.active a {
    color:              #000;
    font-weight:        bold;
    text-decoration:    none;
    background-image:   url(/image/picto/puce_on.gif);
}
/* fin de navigation */
    
/* rails */
#rails {
    text-align:         left;
    margin:             1px 3px 1px 5px;
    padding-top:        5px;
    height:             19px;
    font-size:          11px;
    color:              #294760;
    font-weight:        bold;
    background-image:   url(/image/page/bg_rail.gif);
    background-repeat:  no-repeat;
    background-position:    right;
}
#rails a {
    color:              #294760;
}
#rails .active {
    color:              #3486C7;
}
/* fin de rails */
    
/* footer */
#footer {
    color:              #536D7E;
    width:              920px;
    padding-top:        5px;    
    margin:             0 auto;
    font-size:          0.8em;
    border-top:         1px solid #8097A5;
}
#footer ul {
    float:              right;
}
#footer ul li {
    display:            inline;
}
#footer a {
    color:              #536D7E;
    background-color:   transparent;
    margin:             0 10px;
}
#footer a#copyright {
    color:              #536D7E;
    background-color:   transparent;
    float:              left;
}

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

.center {
    text-align:         center;
}