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

/*-----------------*/
/*GENERAL*/
/*-----------------*/

{ margin: 0; padding: 0; border: 0; }

body {
background: #FFFFFF;
color: #000000;
}

/*body { background: #a09a81; color: #FFF; margin: 16px 0; }*/

a:link, a:visited { color: #000000; }
a:hover { text-decoration: none; }

.ok { color: #009B0B; }
.error { color: #B50303; }
.warning { color: #BA6912; }

ul { list-style: none; font-size: 11px; }
ul li { list-style: none; font-size: 11px; }

/*petits liens ou petit texte */
.sub { font-size: 11px; color: #888160; }
.sub a:link, .sub a:visited, .sub a:hover { color: #888160; }

.date { margin-right:10px; font-size:10px; color: #996600; text-align:right;}

#globalbox {
	width: 860px;
	margin: 0 auto;
	color: #000;
	font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #FFFFFF; /* Bug firefox 1.0.7 */
/*	background-image:  url("../images/v_separator.gif");*/
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-position: 600px;
	min-height: 650px;
}

.infobulle{
	position: absolute;
	visibility : hidden;
	-moz-border-radius:10px;
	background-color: #FFFFCC;
	font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	z-index:10000;
}

.infobulle img { float:left; margin:10px; padding-right:10px; border-right:1px #000000 dashed;}
.infobulle h1 { margin-left:110px; margin-top:10px; margin-right:10px; font-size:14px; color:#990000;}
.infobulle h2 { margin-left:110px; margin-right:10px; font-size:12px; color:#000000; font-weight:lighter;}
.infobulle h3 { margin-left:140px; margin-right:10px; margin-bottom:10px; font-size:10px; color: #996600; font-weight:lighter; text-align:right;}
/*-----------------*/
/*HEADER*/
/*-----------------*/

#header {
	position: relative;
	height: 126px;
	width: 860px;
	background-image:  url("../images/Header_C.gif");
	background-repeat: repeat-x;
	background-color: #FFFFFF; 
}

#header_l {
	position: absolute;
	width: 15px;
	height: 126px;
	background-image: url("../images/Header_L.gif");
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

#header_r { 
	width: 15px;
	height: 126px;
	background-repeat: no-repeat;
	background-image: url("../images/Header_R.gif");
	top: 0;
	right: 0;
	position: absolute;
}

#header_logo {
	position: absolute;
	left: 28px;
	top: 28px;
}

/* recherche */
#toptab {
	position: absolute;
	padding-top: 1px;
	right: 30px;
	height: 21px;
	top: 4px;
	background-repeat: repeat-x;
	background-color: #a39b81; 
}

#toptab_l, #toptab_r {
	position: absolute;
	width: 10px;
	height: 26px;
	background-repeat: no-repeat;
}

#toptab_l {
	top: 0;
	left: -10px;
	background-image: url("../images/Toptab_L.gif");
}

#toptab_r {
	top: 0;
	right: -10px;
	background-image: url("../images/Toptab_R.gif");
}

/*Connexion*/
#account_access {
	position: absolute;
	right: 23px;
	top: 58px;
	color: #b1a598;
	z-index: 1;
	font: 10px normal Tahoma,Arial,Helvetica,FreeSans,sans-serif;
}

#account_access form {
	position: relative;
	top: -16px;
	float: right;
	text-align: left;
	width: 254px;
}

#account_access form #account_access_submit {
	height: 16px;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}

#account_access form a:link, #account_access form a:visited, #account_access form a:hover { padding-right: 8px; }

#account_access a:link, #account_access a:visited, #account_access a:hover { color: #B1A598; }

/*#account_access img {
		position: relative;
		top: 4px;
}*/
	
#account_access input.in {
	font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	font-size: 10px;
	border: 1px solid #2c231e;
	background-color: #FFFFFF;
	width: 71px;
	margin: 7px 5px 0 0;
	padding-left: 4px;
}

#account_access_submit { /* Bouton de login */
	float: left;
	height: 16px;
	margin: 0;
}

#account_access_submit.button {
	font: 10px Tahoma,FreeSans,sans-serif;
	color: #FFFFFF;
	height: 13px;
}

#account_access_submit a:link,
#account_access_submit a:visited,
#account_access_submit a:hover {
	color: #FFFFFF;
	font: 10px Tahoma,FreeSans,sans-serif;
}

#account_access_submit .buttonleft {
	float: left;
	background: #a39b81 url("../images/Button_LOGIN_L.gif") no-repeat 0 0;
	width: 5px;
	height: 14px;
}

#account_access_submit .buttoncenter {
	background-color: #a39b81;
	background-image: none;
	padding-top: 1px;
	height: 13px;
	text-decoration: none;
	color: #FFFFFF;
}

#account_access_submit .buttonright {
	background: #a39b81 url("../images/Button_LOGIN_R.gif") no-repeat 0 0;
	width: 5px;
	height: 14px;
}

/*Navigation*/
#navigation {
	border-collapse: collapse;
	position: absolute;
	top: 104;
	left: -32;
	width: 104%;
	height: 22px ;
	margin: auto;
}

#navigation TH {
	background-color: #999999; /*marron #4c342e*/
	text-align: center;
/*	background-image: url("../images/Nav_C.gif");*/
	vertical-align: bottom ;
	padding: 0 5px 5px 5px;
	font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	font-size: 11px;
	white-space: nowrap;
}

#navigation a:link, #navigation a:visited, #navigation a:hover { font-weight: normal; color: white; text-decoration: none; }

#navigation .sp {
	background-image: url("../images/Nav_CSP.gif");
	background-repeat: no-repeat;
	background-color: #999999; /* marron #000000*/
	width: 5px;
	padding: 0;
}

#navl {
/*	background-image: url("../images/Nav_L.gif");*/
	background-repeat: no-repeat;
	background-position: right;
	background-color: transparent  ;
	width: 29px;
}

#navr {
/*	background-image: url("../images/Nav_R.gif");*/
	background-repeat: no-repeat;
	background-position: left;
	width: 29px;
}

#navigation th#support-tab a { position: relative; left: 4px; }
#navigation th#support-tab img { position: relative; top: 2px; left: -4px; }

#postheader {
	height: 30px;
	background-color: #999999;
}

/*-----------------*/
/*BOUTONS*/
/*-----------------*/

.button, .button_green, .button_mini {
	float: right;
	margin-left: 12px;
	white-space: nowrap;
}

.abutton {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.button .buttonleft,
.button_green .buttonleft,
.abutton .buttonleft,
.button_mini .buttonleft {
	float: left;
	background-image: url("../images/Button_ORANGE_L.gif");
	width: 5px;
	height: 21px;
}

.button .buttoncenter,
.button_green .buttoncenter,
.abutton .buttoncenter,
.button_mini .buttoncenter {
	height: 19px;
	padding: 2px 8px 0 8px;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url("../images/Button_ORANGE_C.gif");
	background-color: #ba6913;
}

/* "Surcharge" des liens normaux */
#main .button a.buttoncenter:link, #main .button a.buttoncenter:visited,
#main .button_green a.buttoncenter:link, #main .button_green a.buttoncenter:visited,
#main .abutton a.buttoncenter:link, #main .abutton a.buttoncenter:visited,
#main .button_mini a.buttoncenter:link, #main .button_mini a.buttoncenter:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

#main .button a.buttoncenter:hover,
#main .button_green a.buttoncenter:hover,
#main .abutton a.buttoncenter:hover,
#main .button_mini a.buttoncenter:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.button .buttonright,
.button_green .buttonright,
.abutton .buttonright,
.button_mini .buttonright {
	float: left;
	background-image: url("../images/Button_ORANGE_R.gif");
	width: 5px;
	height: 21px;
	text-decoration: none;
}

/* Bouton vert */
.button_green .buttonright {
	background-image: url("../images/Button_GREEN_R.gif");
}

.button_green .buttoncenter {
	background-image: url(../images/Button_GREEN_C.gif");
	background-color: #737a6c;
}

.button_green .buttonleft {
	background-image: url("../images/Button_GREEN_L.gif");
}

/* Miniii */
.button_mini {
	height: 17px;
}

.button_mini .buttoncenter {
	background-image: url("../images/Button_BEIGE_C.gif");
	height: 18px;
	padding: 1px 3px 0 3px;
	background-color: #888263;
}
.button_mini .buttonleft {
	background-image: url("../images/Button_BEIGE_L.gif");
	height: 19px;
	width: 6px;
}

.button_mini .buttonright {
	background-image: url("../images/Button_BEIGE_R.gif");
	height: 19px;
	width: 6px;
}

/*-----------------*/
/*MAIN*/
/*-----------------*/

#main .fl {float:left;}

#main .or{color:#ba6912;}

#main {
	float: left;
	width: 570px;
	line-height: 16px;
	padding: 0 20px 20px 20px;
	color: #4b483a;
	font-size: 11px;
}

#main a img { border:none; }

#main h1, #main h2, #main h3, #main h4 {
	font-size: 19px;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	color: #ba6912;
	line-height: normal;
	margin-bottom: 6px;
	margin-top: 0;
}

#main h2 { color: #000; font-size: 14px; margin: 4px 0 2px 0; }
#main h3, #main h4 { color: #000; font-size: 11px; margin-bottom: 2px; font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif; }
#main h4 { display: inline; }

#main h1 a { color: inherit }
#main h3 a { font-weight: normal; }

#main ul { padding: 2px 0 8px 15px; }
#main ul li { list-style-type: disc; padding: 2px 0; }

#main p { padding: 4px 0 4px 0; }

#main textarea, #main input, #main select { font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif; font-size: 11px; }
#main textarea { border: 1px solid #A4ABB1; padding:  1px 2px }

/* Listes dans les boites .boxccc */
#main .boxccc ul { padding: 0 0 4px 13px; margin: 0; }
#main .boxccc ul li { margin: 0; list-style-type: disc; padding: 1px 0; }

/* Mise en boite */
#main .fbox,
#main .lbox,
#main .rbox,
#main .ebox,
#main .innerebox,
#main .innerbox {
	margin: 9px 0;
	background-color: #c5c7a5;
	overflow: hidden;
	width: 100%;
	position: relative; /* For absolute positioning inside box */
}

#main .ebox a, #main .innerebox a { color: #b50303; }

#main .boxccc {
	clear: both;
	padding: 5px 15px;
	height: 1%;
}

#main .minibox .boxccc { padding: 0 15px; }

#main .boxtlc,
#main .boxtrc,
#main .boxblc,
#main .boxbrc {
	width: 10px;
	height: 10px;
	_overflow: hidden; /* IE6 hack */
	background-repeat: no-repeat;
}

#main .lcol, #main .rcol { margin: 9px 0; position: relative; }
#main .lbox, #main .lcol { width: 275px; margin-right: 10px; float: left; }
#main .rbox, #main .rcol { width: 275px; float: left; }

#main .boxccc .lcol, #main .boxccc .rcol { margin: 0; position: relative; }

#main .boxtlc { float: left; background: transparent url("../images/Block_corner_TopL.gif") no-repeat 0 0; }
#main .boxtrc { float: right; background: transparent url("../images/Block_corner_TopR.gif") no-repeat 0 0; }
#main .boxblc { float: left; clear: both; background: transparent url("../images/Block_corner_BottomL.gif") no-repeat 0 0; }
#main .boxbrc { float: right; background: transparent url("../images/Block_corner_BottomR.gif") no-repeat 0 0; }

#main .innerbox {
background: #FFFFFF;
margin: 10px 0 0 0;
}

#main .innerbox .boxtlc { background: transparent url("../images/Block_sub_corner_TopL.gif") no-repeat 0 0; }
#main .innerbox .boxtrc { background: transparent url("../images/Block_sub_corner_TopR.gif") no-repeat 0 0; }
#main .innerbox .boxblc { background: transparent url("../images/Block_sub_corner_BottomL.gif") no-repeat 0 0; }
#main .innerbox .boxbrc { background: transparent url("../images/Block_sub_corner_BottomR.gif") no-repeat 0 0; }

#main a.submit, #main a.asubmit, #main input.submit {
display: inline;
border-width: 2px;
border-style: solid;
border-color: #f6f6f6 #727272 #727272 #f6f6f6;

background-color: #E3E3E3;
padding: 0 6px;
text-decoration: none;
float: right;
position: relative;
}

input.button, input.button_mini,input.abutton {
background: #ba6912;
color: #FFF;
border-width: 1px;
border-style: solid;
border-color: #f6f6f6 #727272 #727272 #f6f6f6;
}

#main a.submit:active, #main a.asubmit:active, #main INPUT.submit:active { border-color:  #727272 #f6f6f6 #f6f6f6 #727272; }

#main .fbox .asubmit,
#main .lbox .asubmit,
#main .rbox .asubmit {
position: absolute;
bottom: 15px;
right: 15px;
}

#main .ebox { color: #b50303; background-color: #d89c94; }
#main .ebox ul { padding-left: 15px; }
#main .ebox .boxtrc { background-image: url("../images/error_corner_TopR.gif"); }
#main .ebox .boxtlc { background-image: url("../images/error_corner_TopL.gif"); }
#main .ebox .boxbrc { background-image: url("../images/error_corner_BottomR.gif"); }
#main .ebox .boxblc { background-image: url("../images/error_corner_BottomL.gif"); }
#main .ebox h2 { color: #b50303; }

#main .innerebox { color: #b50303; background-color: #d3938C; margin: 10px 0 0 0; }
#main .innerebox ul { padding-left: 15px; }
#main .innerebox .boxtrc { background-image: url("../images/error_inner_corner_TopR.gif"); }
#main .innerebox .boxtlc { background-image: url("../images/error_inner_corner_TopL.gif"); }
#main .innerebox .boxbrc { background-image: url("../images/error_inner_corner_BottomR.gif"); }
#main .innerebox .boxblc { background-image: url("../images/error_inner_corner_BottomL.gif"); }
#main .innerebox h2 { color: #b50303; }

.br { overflow: hidden; height: 1px; clear: both  ; }

#main hr {
border: 1px solid  #FFFFFF;
border-style: solid none none none;
height: 0;
padding: 1px 0;
margin: 0 0 10px 0;
clear: both;
}

/*-----------------*/
/*MAIN*/
/*-----------------*/

#rightblocks { float: left; width: 230px; }

#rightblocks div.block {
margin-bottom: 35px;
padding: 0 0 0 10px;
background: transparent url("../images/Right_TITLE.gif") no-repeat 0 0;
color: #5e6358;
font: 11px/16px normal Tahoma,Arial,Helvetica,FreeSans,sans-serif;
clear: both;
}

#rightblocks h2 {
padding: 4px 0 0 12px;
margin: 0 0 5px 0;
height: 20px;
color: #FFF;
font: bold 11px Tahoma,Arial,Helvetica,FreeSans,sans-serif;
}

#rightblocks h3 {
padding: 6px 0 1px 0;
font: bold 11px Tahoma,Arial,Helvetica,FreeSans,sans-serif;
}

#rightblocks p { margin: 0.5em 0 0 0; font-size: 11px; background: none; }
#rightblocks img { vertical-align: middle; }
#rightblocks ul {}
#rightblocks li { margin: 0.2em 0 0 0; padding: 5px 0; list-style-type: disc; list-style-position: inside; }

#rightblocks a:link, #rightblocks a:visited { color: #000; text-decoration: underline; }
#rightblocks a:hover { text-decoration: none; }

/*-----------------*/
/*FOOTER*/
/*-----------------*/

#footer {
margin: auto;
text-align: center;
width: 860px;
position: relative;
height: 24px;
text-align: center;
background: transparent url("../images/Footer_C.gif") repeat-x left bottom;
}
#footer a:link, #footer a:visited, #footer a:hover {
font-size: 11px;
font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
color: #5c473f;
margin: 0 14px;
}
#footer_l, #footer_r { position: absolute; width: 15px; height: 24px; top: 0; }
#footer_l { left: 0; background-image: url("../images/Footer_L.gif"); }
#footer_r { right: 0; background-image: url("../images/Footer_R.gif"); }

/*-----------------*/
/*FORM*/
/*-----------------*/

form p { clear: left; padding: 4px 0; }
form p label {
position: relative;
color: #000;
display: block;
float: left;
width: 160px;
text-align: right;
padding: 0 20px 0 0;
}

form p label span { color: #BA6912; position: absolute; top: 0; right: 10px; } /* Affiche "*" pour les champs obligatoires */
.in, form p input.in { background-color: white; color: #000; padding: 1px 2px; border: 1px solid #A5ACB4; } /* Type text password, textarea, select */

form p input { width: 300px; }
form p select { width: 305px; }
form p textarea { width: 300px; }

form p select { padding: 1px 2px; border: 1px solid #A5ACB4; background: #FFF; }
form select option { padding-right: 8px; }
form p textarea { padding: 1px 2px; border: 1px solid #A5ACB4; }

form div.sub { margin: 0 24px 4px 180px; clear: left; } /* Commentaires en dessous des champs de formulaires */

form div.radiolist { margin: 1px 24px 1px 180px; position: relative; top: -3px; }
form div.radiolist div.radiolistitem { width: 160px; float: left; position: relative; top: -2px; }
form div.radiolist div.radiolistitem label.radiolabel {}
form div.radiolist div.radiolistitem input { width: auto; margin: 0 4px 0 0; }

/*Commentaire*/
#commentaire input.submit {
background: #ba6912;
color: #FFF;
border: 1px dashed #333333;}

