 /*------------------------------------------------------*
  *-------------    COPYRIGHT SIWEB.COM - CSS 2007 ----*
  *------------------------------------------------------*/
	/*-------	CSS GENERAL	-------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}
a img {
	border: 0;
}
	html {
	height:100%; /* fix height to 100% for IE */
	font: normal normal normal 11px Arial, Helvetica, sans-serif; /* définition de la police du site */
	color: #323232; /* couleur par défault de la police */	
}
body {
	width: 100%; /* largeur du body */
	height: 100%; /* hauteur du body */
	margin: 0; /* pour éviter les marges externes */
	padding: 0; /* pour éviter les marges internes */
	background: black url(../img/bg_body.gif) repeat-x top left;
}
	/*-------	CSS BLOC GENERAL	-------*/
#content{
	width: 1000px; /* largeur du site */
	position: absolute;
	left:50%;
	margin-left: -500px;
	padding: 0; /* marge interne */
	text-align: left; /* on rétablit l'alignement normal du texte */
	background-color: white;
}
	/*-------	CSS BLOC HEADER	-------*/
#header {
	float: left;
	margin: 0;
	height: 150px;
	border-bottom: 1px solid #ccc;
	display: block;
	width: 1000px;
}
#bandeau_header {
	float: left;
	margin: 0;
	padding-left: 10px;
}
#navigation {
	float: left;
	height: 26px;
	margin: 0;
	padding-left: 10px;
	width: 980px;
}
#navigation #menu {
	float: left;
	margin: 0;
}
#navigation #menu .rub_list {
	float: left;
}
#navigation #menu .rub_list ul.level1 {
	float: left;
	margin: 0;
}
#navigation #menu .rub_list ul.level1 li {
	float: left;
	margin-right: 2px;
	height: 26px;
}
#navigation #menu .rub_list ul.level1 li#rub_list_lv1_li3, #navigation #menu .rub_list ul.level1 li#rub_list_lv1_li12{
	display: none;
}
#navigation #menu .rub_list ul.level1 li .rub_list_lv1_span {
	float: left;
	margin: 0;
}
#navigation #menu .rub_list ul.level1 li .rub_list_lv1_span a {
	float: left;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	color: white;
	text-decoration: none;
	display: block;
	font-weight: bold;
	background-color: #0089d0;
	font-size: 13px;
}
#navigation #menu .rub_list ul.level1 li .rub_list_lv1_span.highlight a {
	background-color: #036191;
}
#navigation #menu .rub_list ul.level1 li .rub_list_lv1_span a:hover {
	background-color: #036191;
}
#navigation #menu .rub_list ul.level1 li#rub_list_lv1_li6 .rub_list_lv1_span a {
	background-color: #ff8518;
}
#navigation #menu .rub_list ul.level1 li#rub_list_lv1_li6 .rub_list_lv1_span a:hover  {
	background-color: #ca6409;
}
#navigation #menu .rub_list ul.level1 li#rub_list_lv1_li6  .rub_list_lv1_span.highlight a {
	background-color: #ca6409;
}
#navigation #chemin {
	float: right;
	margin: 13px 0 0;
}
#navigation #chemin a {
	color: black;
	text-decoration: none;
}
#navigation #chemin a:hover {
	text-decoration: underline;;
}
	/*-------	CSS BLOC MAIN	-------*/
#main {
	float: left;
	width: 980px;
	margin: 10px 0 0;
	padding-left: 10px;
}
	/*-------	CSS BLOC MAIN LEFT	-------*/
#main_left {
	float: left;
	width: 685px;
	margin: 0;
}
#main_left .block_rub_detail {
	float: left;
	width: 685px;
	margin: 0;
}
#main_left .block_rub_detail .block_rub_detail_top {
	float: left;
	width: 685px;
	height: 25px;
	border-bottom: 1px solid black;
}
#main_left_membres {
	float: left;
	width: 685px;
	margin: 0;
}
#main_left_membres .block_rub_detail  {
	float: left;
	width: 685px;
	margin: 0;
}
#main_left_membres .block_rub_detail .block_rub_detail_top {
	float: left;
	width: 685px;
	height: 25px;
	border-bottom: 1px solid black;
}
#main_left_membres .block_rub_detail .block_rub_detail_top h1 {
	float: left;
	margin: 0;
	color: black;
	font-weight: bold;
	line-height: 25px;
	font-size: 16px;
	background: white url(../img/bg_h1.gif) no-repeat top left;
	padding-left: 12px;
	width: 670px;
}
#main_left_membres .block_rub_detail .block_rub_detail_rub_data {
	float: left;
	width: 685px;
	margin: 10px 0 0;
}
#main_left_membres .block_rub_detail_info_list {
	float: left;
	width: 685px;
	margin: 10px 0 0;
}
#main_left_membres .block_rub_detail_sub_list {
	display: none;
}
#main_left_membres .block_rub_detail_info_list .info_list {
	float: left;
	width: 685px;
	margin: 0;
}
#main_left_membres .block_rub_detail_info_list .info_list .block_item_info {
	width: 300px;
	margin: 20px 0 0;
}
#main_left_membres .block_rub_detail_info_list .info_list .block_item_rub_title {
	display: none;
}
#main_left_membres .block_rub_detail_info_list .info_list h4 {
	float: left;
	width: 300px;
	text-align: left;
	font-weight: bold;
	margin: 0;
	font-size: 12px;
	margin: 10px 0 0;
	color: #036191;
	border-bottom: 1px solid #0089D0;
	padding-bottom: 5px;
}
#main_left_membres .block_rub_detail_info_list .info_list .block_item_info_txt {
	float: left;
	width: 180px;
	margin: 5px 0 0;
}
#main_left_membres .block_rub_detail_info_list .info_list .block_item_info_txt a {
	color: #0089D0;
	font-weight: bold;
}
#main_left_membres .block_rub_detail_info_list .info_list .block_item_info_txt a:hover {
	color: #036191;
}
#main_left_membres .block_rub_detail_info_list .info_list .block_item_info_img1 {
	float: right;
	width: 120px;
	margin: 5px 0 0;
}
#main_left_membres .block_rub_detail_info_list .info_list .cycle0 {
	float: left;
	clear: both;
}
#main_left_membres .block_rub_detail_info_list .info_list .cycle1{
	float: right;
}
#main_left .block_rub_detail .block_rub_detail_top h1 {
	float: left;
	margin: 0;
	color: black;
	font-weight: bold;
	line-height: 25px;
	font-size: 16px;
	background: white url(../img/bg_h1.gif) no-repeat top left;
	padding-left: 12px;
	width: 670px;
}
#main_left .block_rub_detail .block_rub_detail_rub_data {
	display: block;
}
#main_left .block_rub_detail .block_rub_detail_info_list {
	float: left;
	width: 685px;
	margin: 10px 0 0;
}
#main_left .block_rub_detail .block_rub_detail_info_list .info_list {
	float: left;
	width: 685px;
	margin: 0;
}
#main_left .block_rub_detail .block_rub_detail_info_list .info_list .block_item_info {
	float: left;
	width: 685px;
	margin: 0;
}
#main_left .block_rub_detail .block_rub_detail_info_list .info_list .block_item_info .block_item_rub_title, #main_left .block_rub_detail .block_rub_detail_sub_list {
	display: none;
}
#main_left .block_rub_detail .block_rub_detail_info_list .info_list .block_item_info h4 {
	float: left;
	width: 550px;
	margin: 0;
	font-weight: bold;
	font-size: 14px;
}
#main_left .block_rub_detail .block_rub_detail_info_list .info_list .block_item_info .block_item_info_txt {
	float: left;
	width: 550px;
	margin: 10px 0 0;
	text-align: justify;
	font-size: 12px;
}
#main_left .block_rub_detail .block_rub_detail_info_list .info_list .block_item_info .block_item_info_img1 {
	float: right;
	width: 120px;
	height: 200px;
	border: 1px solid black;
	margin: -10px 0 0;
}
#main_left .block_rub_detail .block_rub_detail_info_list .info_list .block_item_info .block_item_info_img1 img {
	float: left;
	margin: 0;
}
#main_left .block_rub_detail .block_rub_detail_rub_data {
	float: left;
	width: 685px;
}
#main_left .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text {
	float: left;
	width: 685px;
	margin: 10px 0 0;
	text-align: justify;
	line-height: 1.3em;
}
#main_left .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_doc  {
	display: none;
}
#main_left .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text a {
	color: #0089D0;
}
#main_left .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text a:hover {
	color: #FF8518;
	text-decoration: none;
}
#main_left #liste_pub {
	float: left;
	width: 685px;
	margin: 0;
}
#main_left #liste_pub .info_list {
	display: none;
}
#main_left #liste_pub .block_rub_detail {
	float: left;
	width: 685px;
	margin: 10px 0 0;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_top {
	float: left;
	width: 685px;
	height: auto;
	border-bottom: 1px solid #0089D0;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_top h1 {
	float: left;
	margin: 0;
	color: #0089D0;
	font-weight: bold;
	line-height: 25px;
	font-size: 16px;
	background: white url(../img/bg_h1_blue.gif) no-repeat top left;
	padding-left: 12px;
	width: 670px;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data {
	float: left;
	width: 670px;
	margin: 15px 0 0;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text {
	float: right;
	width: 550px;
	margin: 0 0 0 0;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text .first {
	float: left;
	width: 550px;
	margin: 10px 0 0;
	background-color: #e3e3e3;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text .first .titre_publi {
	float: left;
	width: 550px;
	font-size: 14px;
	line-height: 30px;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #0089D0;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text .first .titre_bulletin {
	float: left;
	width: 550px;
	font-size: 14px;
	line-height: 30px;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #0089D0;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text .first .lien_publi {
	float: left;
	line-height: 30px;
	background: #e3e3e3 url(../img/icone_pdf.jpg) no-repeat center left;
	margin: 0 0 0 5px !important;
	margin: 0 0 0 2px;
}

#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text .first .lien_publi a {
	float: left;
	font-size: 12px;
	line-height: 30px;
	padding-left: 25px;
	color: #ce1c23;
	text-decoration: none;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text .first .lien_publi a:hover {
	color: #970409;
	text-decoration: underline;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text .other {
	float: left;
	width: 550px;
	margin: 10px 0 0;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text .other .titre_publi {
	float: left;
	width: 550px;
	font-size: 14px;
	line-height: 30px;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #036191;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text .other .titre_bulletin {
	float: left;
	width: 550px;
	font-size: 14px;
	line-height: 30px;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #036191;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text .other .lien_publi {
	float: left;
	width: 550px;
	background-color: #f0f0f0;
	line-height: 20px;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text .other .lien_publi a {
	float: left;
	font-size: 12px;
	line-height: 30px;
	padding-left: 35px;
	color: #ce1c23;
	text-decoration: none;
	font-weight: normal;
	background: #f0f0f0 url(../img/icone_pdf.jpg) no-repeat 10px center;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text .other .lien_publi a:hover {
	color: #970409;
	text-decoration: underline;
}

#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_text a {
	font-weight: bold;
	color: black;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_img1 {
	float: left;
	width: 100px;
}
#main_left #liste_pub .block_rub_detail .block_rub_detail_rub_data .block_rub_detail_doc {
	display: none;
}
	/*-------	CSS BLOC MAIN RIGHT	-------*/
#main_right {
	float: left;
	padding-left: 15px;
	width: 280px;
}
#main_right .info_list {
	float: left;
	width: 280px;
}
#main_right .info_list .block_item_info {
	float: left;
	margin: 0;
	width: 280px;
}
#main_right .info_list .block_item_info .block_item_rub_title {
	display: none;
}
#main_right .info_list #block_item_info2 h4, #main_right .info_list #block_item_info3 h4 {
	float: left;
	margin: 0;
	color: black;
	font-weight: bold;
	line-height: 25px;
	font-size: 16px;
	background: white url(../img/bg_h1.gif) no-repeat top left;
	padding-left: 12px;
	width: 268px;
	border-bottom: 1px solid black;
}
#main_right .info_list .block_item_info_txt {
	float: left;
	width: 280px;
	margin: 10px 0 0;
	text-align: justify;
}
#main_right .info_list .block_item_info_txt p {
	float: left;
	width: 280px;
	margin: 0;
}
#main_right a {
	color: #0089D0;
}
#main_right a:hover {
	color: #FF8518;
	text-decoration: none;
}
#main_right .info_list #block_item_info4 h4 {
	float: left;
	margin: 0;
	color: #FF8518;
	font-weight: bold;
	line-height: 25px;
	font-size: 16px;
	background: white url(../img/bg_h4.gif) no-repeat top left;
	padding-left: 12px;
	width: 268px;
	border-bottom: 1px solid #FF8518;
}
#main_right .info_list #block_item_info3, #main_right .info_list #block_item_info4 {
	float: left;
	margin: 30px 0 0;
}
#main_right #connexion {
	float: left;
	width: 270px;
	border: 1px solid #0089D0;
	padding-bottom: 20px;
}
#main_right #connexion .top_connex {
	float: left;
	width: 260px;
	background-color: #0089D0;
	height: 22px;
	line-height: 22px;
	color: white;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
}
#main_right #connexion .form_connex {
	float: left;
	width: 250px;
	padding-left: 10px;
	margin: 5px 0 0;
}
#main_right #connexion .form_connex .texte_ident {
	float: left;
	width: 250px;
	margin: 10px 0 0;
	font-weight: bold;
}
#main_right #connexion .form_connex .deco_compte {
	float: right;
	margin: 10px 0 0;
}
#main_right #connexion .form_connex form {
	float: left;
	margin: 0;
	width: 250px;
}
#main_right #connexion .form_connex form .ligne {
	float: left;
	margin: 10px 0 0;
	width: 250px;
}
#main_right #connexion .form_connex form label {
	float: left;
	width: 100px;
	display: block;
	font-style: italic;
	color: #939598;
	line-height: 20px;
	font-size: 13px;
}
#main_right #connexion .form_connex form .ligne input {
	border: 1px solid #a1a3a6;
	float: left;
	width: 130px;
}
#main_right #connexion .form_connex form #login_submit {
	float: left;
	margin: 10px 0 0;
	padding-left: 150px;
}
#main_right #connexion .form_connex form .mdp_oub {
	float: left;
	width: 260px;
	margin: 10px 0 0;
	text-align: center;
}
#main_right #connexion .form_connex form .mdp_oub a {
	font-size: 10px;
	color: black;
	font-weight: bold;
}

	/*-------	CSS BLOC FOOTER	-------*/
#footer {
	float: left;
	width: 980px;
	margin: 25px 0 0;
	padding-left: 10px;
}
#footer .block_rub_detail {
	float: left;
	background-color: #ccc;
	width: 980px;
	height: 21px;
	display: block;
	margin-bottom: 10px;
}
#footer .block_rub_detail .block_rub_detail_top, #footer .block_rub_detail .block_rub_detail_info_list, #footer .block_rub_detail .block_rub_detail_sub_list {
	display: none;
}
#footer .block_rub_detail .block_rub_detail_text {
	float: left;
	width: 980px;
	text-align: center;
	font-weight: bold;
	line-height: 21px;
	font-size: 10px;
}
#footer .block_rub_detail .block_rub_detail_text a {
	color: black;
}
#main_left .content_contact {
	float: left;
	width: 685px;
	margin: 15px 0 0;
}
#main_left .content_contact .left {
	float: left;
	width: 280px;
}
#main_left .content_contact .right {
	float: right;
	width: 405px;
}
#main_left .content_contact .right form {
	float: right;
	width: 405px;
	margin: 0;
}
#main_left .content_contact .right form h1 {
	float: left;
	width: 405px;
	margin: 0;
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
}
#main_left .content_contact .right form h2 {
	float: left;
	width: 405px;
	line-height: 20px;
	border-bottom: 1px solid black;
}
#main_left .content_contact .right form .ligne_form {
	float: left;
	width: 405px;
	margin: 10px 0 0;
}
#main_left .content_contact .right form .ligne_form label {
	float: left;
	display: block;
	line-height: 20px;
	width: 100px;
}
#main_left .content_contact .right form .ligne_form input {
	border: 1px solid black;
	float: left;
	width: 220px;
}
#main_left .content_contact .right form .ligne_form_civi {
	float: left;
	width: 405px;
	margin: 10px 0 0;
}
#main_left .content_contact .right form .ligne_form_civi label {
	float: left;
	display: block;
	line-height: 20px;
	width: 100px;
}
#main_left .content_contact .right form .ligne_form textarea {
	float: left;
	border: 1px solid black;
	margin: 0;
}
#main_left .content_contact .right form .ligne_form_bouton {
	float: left;
	margin: 20px 0 0;
}
#main_left .content_contact .right form .ligne_form_bouton input {
	background: white url(../img/bouton-envoyer.gif) no-repeat scroll left top;
	border: 0;
	float: left;
	display: block;
	width: 84px;
	height: 26px;
	cursor: pointer;
	margin: 0 0 0 150px !important;
	margin: 0 0 0 75px;
}
.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

#slideshow-video {
	float: left;
	width: 720px;
	padding-left: 80px;
}
#slideshow-video h1 {
	width: 720px;
color:#0089D0;
font-size: 14px;
float: left;
line-height: 18px;
text-decoration: underline;
}
#autre-lien-video {
	float: left;
	width: 720px;
	padding-left: 80px;
	margin: 10px 0 0;
	line-height: 1.3em;
}
#flash {
	float: left;
	margin: 10px 0 0;
}
#autre-lien-video a {
color:#0089D0;
}
#autre-lien-video a:hover {
color:#FF8518;
text-decoration:none;
}
.consult {
	float:left;
	font-size:13px;
	font-weight:bold;
	padding:5px;
	text-align:center;
	width:540px;
}
