@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;	border:0;}
body {font: 14px Arial, Helvetica, sans-serif; text-align: center; color: #000000; background-color: #b4b7ab;}
select, input, textarea {padding: 1px; border: 1px solid #999999; background-color: #DDE0D7;}
input.button {color: #3E1DFF; cursor: hand;}
a, img, abbr, acronym, frame {border: none;}
table, th, td {margin: 0px;}
a:link, a:visited {text-decoration: none; color: #3E1DFF;}
a:hover, a:active {text-decoration: none; color: #EF1B25;}
p {margin-bottom: 3px;}
h3 {font-size: 16px; font-weight: bold;}
h4 {font: 12px normal; text-transform: uppercase; margin-bottom: 15px; border-right: 2px solid #a1a597; border-bottom: 1px solid #a1a597;}
.error {font-size: 16px; color: #EF1B25;}
.datepublication {font-size: 11px; text-align: right; margin-top: -10px; margin-bottom: 10px;}
.pagination {font-size: 12px; font-weight: bold; text-align: center; margin-top: 15px;}
.normal {font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none;}
/* structure du site */
#conteneur {width: 792px; margin: 0 auto; text-align: left;}
#page {position: absolute;}
#documenttitre {position: absolute; top: 99px; left: 314px; width: 242px; height: 46px; background: transparent url(/assets/templates/2008quater/images/fond25.jpg);}
#documenttitre h1 {font-size: 14px; font-weight: bold; text-transform: uppercase; color: #EF1B25; text-align: center; margin-top: 6px;}
#pagedroite {position: absolute; margin: 0px; padding: 0px; left: 170px; top: 145px; width: 622px;}
#pagedroitefond {background: transparent url(/assets/templates/2008quater/images/fond28.jpg);}
#contenu {margin-top: 0px; margin-right: 40px; margin-bottom: 0px; margin-left: 26px; padding: 0px; width: 556px;}
#pagedroitebas {width: 622px; height: 58px;}
#footer {clear: both; font-size: 12px; text-align: center;}
/* Navigation */
#navigation {position: absolute; margin: 0px; padding: 0px;}
#navigation ul li {list-style-type: none;}
#navigation ul li a span {overflow: hidden; visibility: hidden;}
#navigation ul li#item1 a {position: absolute; top: 34px; left: 186px; width: 198px; height: 27px; background: transparent url(/assets/templates/2008quater/images/lien1.jpg) no-repeat top left;}
#navigation ul li#item1 a:hover {background-position: 0 -27px;}
#navigation ul li#item2 a {position: absolute; top: 11px; left: 535px; width: 76px; height: 88px; background: transparent url(/assets/templates/2008quater/images/lien2.jpg) no-repeat top left;}
#navigation ul li#item2 a:hover {background-position: 0 -88px;}
#navigation ul li#item2.active a {background-position: 0 -88px;}
#navigation ul li#item3 a {position: absolute; top: 0px; left: 629px; width: 49px; height: 99px; background: transparent url(/assets/templates/2008quater/images/lien3.jpg) no-repeat top left;}
#navigation ul li#item3 a:hover {background-position: 0 -99px;}
#navigation ul li#item3.active a {background-position: 0 -99px;}
#navigation ul li#item4 a {position: absolute; top: 33px; left: 697px; width: 61px; height: 66px; background: transparent url(/assets/templates/2008quater/images/lien4.jpg) no-repeat top left;}
#navigation ul li#item4 a:hover {background-position: 0 -66px;}
#navigation ul li#item4.active a {background-position: 0 -66px;}
#navigation ul li#item5 a {position: absolute; top: 99px; left: 35px; width: 53px; height: 47px; background: transparent url(/assets/templates/2008quater/images/lien5.jpg) no-repeat top left;}
#navigation ul li#item5 a:hover {background-position: 0 -47px;}
#navigation ul li#item5.active a {background-position: 0 -47px;}
#navigation ul li#item6 a {position: absolute; top: 86px; left: 88px; width: 82px; height: 60px; background: transparent url(/assets/templates/2008quater/images/lien6.jpg) no-repeat top left;}
#navigation ul li#item6 a:hover {background-position: 0 -60px;}
#navigation ul li#item6.active a {background-position: 0 -60px;}
#navigation ul li#item7 a {position: absolute; top: 158px; left: 0px; width: 81px; height: 63px; background: transparent url(/assets/templates/2008quater/images/lien7.jpg) no-repeat top left;}
#navigation ul li#item7 a:hover {background-position: 0 -63px;}
#navigation ul li#item7.active a {background-position: 0 -63px;}
#navigation ul li#item8 a {position: absolute; top: 158px; left: 81px; width: 89px; height: 74px; background: transparent url(/assets/templates/2008quater/images/lien8.jpg) no-repeat top left;}
#navigation ul li#item8 a:hover {background-position: 0 -74px;}
#navigation ul li#item8.active a {background-position: 0 -74px;}
#navigation ul li#item9 a {position: absolute; top: 436px; left: 0px; width: 84px; height: 48px; background: transparent url(/assets/templates/2008quater/images/lien9.jpg) no-repeat top left;}
#navigation ul li#item9 a:hover {background-position: 0 -48px;}
#navigation ul li#item9.active a { background-position: 0 -48px;}
#navigation ul li#item10 a { position: absolute; top: 425px; left: 84px; width: 86px; height: 70px; background: transparent url(/assets/templates/2008quater/images/lien10.jpg) no-repeat top left;}
#navigation ul li#item10 a:hover {background-position: 0 -70px;}
#navigation ul li#item10.active a {background-position: 0 -70px;}
#navigation ul li#item11 a {position: absolute; top: 495px; left: 0px; width: 89px; height: 74px; background: transparent url(/assets/templates/2008quater/images/lien11.jpg) no-repeat top left;}
#navigation ul li#item11 a:hover {background-position: 0 -74px;}
#navigation ul li#item11.active a {background-position: 0 -74px;}
#navigation ul li#item12 a {position: absolute; top: 505px; left: 89px; width: 81px; height: 51px; background: transparent url(/assets/templates/2008quater/images/lien12.jpg) no-repeat top left;}
#navigation ul li#item12 a:hover {background-position: 0 -51px;}
#navigation ul li#item12.active a {background-position: 0 -51px;}
#lien13 a {float: left; width: 56px; height: 58px; background: transparent url(/assets/templates/2008quater/images/lien13.jpg) no-repeat top left;}
#lien13 a:hover {background-position: 0 -58px;}
#lien13.active a {background-position: 0 -58px;}
/* bannière */
#banniere {position: absolute; top: 243px; left: 0px; width: 170px; height: 173px; background-image: url(/assets/templates/2008quater/images/fond34.jpg);}
#fildariane {font-size: 12px; margin-top: 15px; margin-left: 30px; padding: 0px; width: 140px;}
/* arriere-plan */
#image01 {position: absolute; top: 0px; left: 0px; width: 170px; height: 86px;}
#image02 {position: absolute; top: 0px; left: 170px; width: 214px; height: 34px;}
#image03 {position: absolute; top: 0px; left: 384px; width: 86px; height: 44px;}
#image04 {position: absolute; top: 0px; left: 470px; width: 14px; height: 44px;}
#image05 {position: absolute; top: 0px; left: 484px; width: 19px; height: 44px;}
#image06 {position: absolute; top: 0px; left: 503px; width: 32px; height: 44px;}
#image07 {position: absolute; top: 0px; left: 535px; width: 76px; height: 11px;}
#image08 {position: absolute; top: 0px; left: 611px; width: 18px; height: 99px;}
#image10 {position: absolute; top: 0px; left: 678px; width: 19px; height: 99px;}
#image11 {position: absolute; top: 0px; left: 697px; width: 61px; height: 33px;}
#image12 {position: absolute; top: 0px; left: 758px; width: 34px; height: 99px;}
#image15 {position: absolute; top: 34px; left: 170px; width: 16px; height: 27px;}
#image17 {position: absolute; top: 44px; left: 384px; width: 119px; height: 55px;}
#image18 {position: absolute; top: 44px; left: 503px; width: 32px; height: 55px;}
#image19 {position: absolute; top: 61px; left: 170px; width: 214px; height: 38px;}
#image20 {position: absolute; top: 86px; left: 0px; width: 88px; height: 13px;}
#image22 {position: absolute; top: 99px; left: 0px; width: 35px; height: 47px;}
#image24 {position: absolute; top: 99px; left: 170px; width: 144px; height: 46px;}
#image26 {position: absolute; top: 99px; left: 556px; width: 209px; height: 46px;}
#image27 {position: absolute; top: 99px; left: 765px; width: 27px; height: 46px;}
#image29 {position: absolute; top: 146px; left: 0px; width: 170px; height: 12px;}
#image32 {position: absolute; top: 221px; left: 0px; width: 81px; height: 11px;}
#image33 {position: absolute; top: 232px; left: 0px; width: 170px; height: 11px;}
#image35 {position: absolute; top: 416px; left: 0px; width: 84px; height: 20px;}
#image36 {position: absolute; top: 416px; left: 84px; width: 86px; height: 9px;}
#image39 {position: absolute; top: 484px; left: 0px; width: 84px; height: 11px;}
#image41 {position: absolute; top: 495px; left: 89px; width: 81px; height: 10px;}
#image43 {float: left; width: 441px; height: 58px;}
#image45 {float: left; width: 125px; height: 58px;}
#image46 {position: absolute; top: 556px; left: 89px; width: 81px; height: 22px;}
#image47 {position: absolute; top: 569px; left: 0px; width: 89px; height: 9px;}

a.a_info_code:link       { text-decoration: none;      color: #3A3A3A; }
a.a_info_code:visited    { text-decoration: none;      color: #3A3A3A; }
a.a_info_code:hover      { text-decoration: underline; color: #3A3A3A; }

a.a_copyright:link       { text-decoration: none;      color: #737373; }
a.a_copyright:visited    { text-decoration: none;      color: #737373; }
a.a_copyright:hover      { text-decoration: underline; color: #737373; }

input.i_text {
 font-size: 1em;
 border: 1px solid #999999;
 background-color: #F0F0F0; 
 width: 200px;
}

input.i_focus {
 padding-left: 2px; 
 border: 1px solid #999999;
 background-color: #F0F0F0; 
 width: 200px;
}

input.btn_add {
 font-size: 1em;
 cursor: pointer;
 font-weight: bold;
}

input.btn_search {
 cursor: pointer;
 font-weight: bold;
}

input.i_nbre_car {
 font-size: 1em; 
 background-color: transparent; 
 border: 0px none; 
 font-weight: bold; 
}

input.i_nbre_car_focus {
 font-size: 1em; 
 border: 0px none; 
 font-weight: bold; 
}

textarea.i_comment {
 font-size: 1em;
 border: 1px solid #999999;
 background-color: #F0F0F0; 
 width: 430px;
}

textarea.i_comment_focus {
 padding-left: 2px; 
 border: 1px solid #999999;
 background-color: #F0F0F0;
 width: 430px;
}

form {
 margin: 0px;
 padding: 0px;
}

img.img_left{
 float: left;
}

.d_title {
 font-weight: bold;
 color: #CC3300; 
 font-size: 2em;
 text-align: center;
}

.d_note {
 color: #000000; 
 font-size: 1em;
 text-align: center;
}

.d_add_msg {
 text-align: center;
}

.d_f_add_msg {
 margin-left: auto;
 margin-right: auto;
 width: 450px;
 padding-top: 4px;
 padding-bottom: 4px;
}

.d_add_msg_h {
 margin-left: auto;
 margin-right: auto;
 width: 450px;
 height: 4px;
}

.d_add_msg_b {
 margin-left: auto;
 margin-right: auto;
 width: 450px;
 height: 4px;
}

.add_msg_left {
 float: left;
 width: 160px;
 text-align: left;
 margin-top: 2px;
 padding-left: 10px;
 height: 23px;
 clear: both;
}

.add_msg_right {
 text-align: left;
 height: 25px;
}

.reponse {
 border: 1px solid #999999;
 background-color: #F0F0F0;
 padding: 5px;
}

.code_sec {
 font-family: Courier New;
 font-size: 1.1em;
 text-align: center;
}

.d_center {
 text-align: center;
}

.copyright {
 color: #444444;
 font-size: 1em;
 text-align: center;
}

.d_nbre_car {
 text-align: left;
 margin: -18px 0 0 16px;
}

.d_smileys {
 text-align: center;
 padding: 3px;
}

.body_all {
 text-align: center;
}

.d_nb_mess_page {
 background-color: #999999;
 font-weight: bold;
 margin: 0px;
}

span.color_d_nb_mess_page1 {
 color: #F0F0F0;
}

span.color_d_nb_mess_page2 {
 color: #F0F0F0;
}

.three1 { 
 text-align: left;
 margin: 3px;
}

.three2 { 
 text-align: center;
 margin: 3px;
}

.three3 { 
 text-align: right;
 margin: 3px;
}

.d_liste_page {
 padding: 1px;
 height: 15px;
}

.three1_2 { 
 float: left;
 width: 25%;
 text-align: left;
}

.three2_2 { 
 float: left;
 width: 49%;
 text-align: center;
}

.three3_2 { 
 float: right;
 width: 25%;
 text-align: right;
}

.span.Gris_prec_suiv {
}

.d_groscorps_msg {
 margin-top: 5px;
 margin-bottom: 5px;
}

.d_corps_msg {
 border: 1px dashed #999999;
 background-color: #F0F0F0;
 padding: 4px;
 text-align: left;
}

.d_pseudo {
 color: #3E1DFF;
 font-weight: bold;
}

.d_date {
 color: #3E1DFF;
 float: right;
 width: 145px;
 text-align: right;
}

.d_code1{
 display: inline;
 float: left;
 text-align: right;
 height: 20px;
 width: 238px;
}

.d_code2{
 display: inline;
 float: left;
 text-align: left;
 height: 20px;
}

.d_submit_msg {
 text-align: center;
 clear: both;
}

.d_note_user {
 font-weight: bold;
 color: #3E1DFF;
 text-align: left;
}