/* 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:              #C43935;
}
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;
}
.center {
	text-align:			center;
}

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

/* header */
#header {
	position:           relative;
	padding:            0 11px;
	height:				88px;
	background-image:   url(/image/structure/fond_header.jpg);
	background-repeat: no-repeat;
}
#bandeau {
	float:				left;
}

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

/* content */
#content {
    font-size:          0.9em;
}
#content #c1,
#content #c22,
#content #c2 {
    float:              left;
}
#content #c1 {
    padding:            15px;
	width: 				335px;
	text-align:			center;
}
#content #c1 .visuel {
	margin-bottom:		20px;
	margin-top:			20px;
	display:			block;
}
#content #c1 .link_left {
	float:				left;
	margin:				0 5px;
}
#content #c1 .link_right {
	float:				right;
	margin:				0 5px;
	}
#content #c1 .link_center {
	float:				center;

	}
#content #c1 ul {
    padding-bottom:     15px;
	padding-left:		15px;
}

#content #c1 #encart {
	background-color:	#0087A6;
	color: 				#fff;
	border-bottom:		1px solid #005469;
	border-top:			1px solid #005469;
	margin:				2px 0 0px 0;
	padding:			8px;
	text-align:			left;
}
#content #c1 #encart li {
    padding-bottom:     5px;
	padding-top:        5px;
	margin-left:		5px;
	list-style-type:	square;
}
#content #c1 #encart2 {
	background-color:	#EE7B27;
	color: 				#fff;
	border-bottom:		1px solid #764819;
	border-top:			1px solid #764819;
	margin:				2px 0 0px 0;
	padding:			8px;
	text-align:			left;
}
#content #c1 #encart2 li {
    padding-bottom:     5px;
	padding-top:        5px;
	margin-left:		5px;
	list-style-type:	square;
}
#content #c1 #encart3 {
	background-color:	#FBAC18;
	color: 				#fff;
	border-bottom:		1px solid #6A5114;
	border-top:			1px solid #6A5114;
	margin:				2px 0 0px 0;
	padding:			8px;
	text-align:			left;
}
#content #c1 #encart3 li {
    padding-bottom:     5px;
	padding-top:        5px;
	margin-left:		5px;
	list-style-type:	square;
}
#content #c1 #encart4 {
	background-color:	#718692;
	color: 				#fff;
	border-bottom:		1px solid #49555D;
	border-top:			1px solid #49555D;
	margin:				2px 0 0px 0;
	padding:			8px;
	text-align:			left;
}
#content #c1 #encart4 li {
    padding-bottom:     5px;
	padding-top:        5px;
	margin-left:		5px;
	list-style-type:	square;
}
#content #c2 {
    padding:            30px 10px 10px 20px;
	width: 				515px;
}
#content #c22 {
    padding:            30px 10px 10px 120px;
	width: 				715px;
}
#content h1 {
	font-size:			1.5em;
	font-weight:		normal;
	color:				#C43935;
	margin-top:			10px;
	margin-bottom:		15px;
}
#content h2 {
	font-size:			1.2em;
	font-weight:		bold;
	color:				#244361;
	margin-top:			15px;
	margin-bottom:		10px;
}
#content #c2 ul {
    padding-bottom:     15px;
	padding-left:		15px;
	text-indent: 		-7px;
}
#content #c2 li:before {
	content:			"\2022 \0020";
}
#content p {
    padding-bottom:     15px;
	text-align:			justify;
}

/* navigation */
#nav {
    position:           absolute;
    right:              10px;
    top:                60px;
}
#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:              88px;
    padding:            2px;
    text-align:         center;
    color:              #C43935;
    background-color:   white;
    border-bottom:      1px solid #eee;
}
#nav li.hover:hover ul.snav li a:hover {
    color:              #484848;
    background-color:   white;
    text-decoration:    none;
}
#nav li.hover:hover #snav_1 {
    left:               86px;
}
#nav li.hover:hover #snav_2 {
    left:               180px;
}
#nav li.hover:hover #snav_5 {
    left:               464px;
}

/* sous-navigation interne */

#nav li ul.snav.active {
    position:           absolute;
    top:                170px;
    right:              2px;
    height:             24px;
    line-height:        24px;
    font-size:          0.9em;
    width:              570px;
	background-color:	#8097A5;
}
#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:              #294760;
    font-weight:        bold;
    text-decoration:    none;
    background-image:   url(/image/picto/puce_on.gif);
}
/* fin de navigation */
    
/* rails */
#rails {
    text-align:         left;
    margin:             5px 2px 1px 5px;
    font-size:          11px;
    color:              #294760;
    font-weight:        bold;
	height:				19px;
}
#rails a {
    color:              #294760;
}
#rails .active {
    color:              #C43935;
}
/* fin de rails */
    
/* footer */
#footer {
    color:              #536D7E;
    width:              920px;
    padding-top:        5px;    
    margin:             0 auto;
    font-size:          0.8em;
    border-top:         1px solid #8097A5;
	clear:				both;
}
#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;
}
#footer img {
	vertical-align:		text-top;
	margin-right:		5px;
}

/* 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;
}
.blue {
    color:              #0d277e;
}
.orange {
    color:              #ea8200;
}
.small {
    font-size:          .80em;
}