@import "forms.css";
@import "cart.css";
/* CSS integ test */
* { margin: 0; padding: 0; border: 0; }

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

.clear { clear: both; }
.hrclear { visibility: hidden; clear: both; }
.clearl { clear: left; }
.expiration { font-weight: bold; color: #B50303 !important; }
.soon_expiration { font-weight: bold; color: #BA6912; }
.ok { color: #009B0B; }
.error { color: #B50303; }
.warning { color: #BA6912; }
.ruled { background: #b3b596 !important; color: #000; }
.ruled * { color: #000 !important; }
.noborder { border: none !important; }
.fll { float: left; display: block; }
.flr { float: right; display: block; }
.tr-altern { background-color: #d1d2b7; }

.bank-account th { text-align: right; }
.bank-account th, .bank-account td { padding: 2px 4px; vertical-align: top; }

ul { list-style: none; font-size: 11px; }
ul li { list-style: none; font-size: 11px; }
/*ul li.type1 { list-style-type: none; background: transparent url(../images/tuto_title_arrow_on.gif) no-repeat left 3px; padding: 4px 0 0 20px; font-size: 11px; border: 1px solid red; }*/

#main .whois pre {
	font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	color: #4B483A;
	padding: 20px 0 0 0;
	font-size: 11px;
	line-height: 14px;
}

a:link, a:visited { color: #686928; }
a:hover { text-decoration: none; }
a.secondary:link, a.secondary:visited { color: #4B483A; }

a.wrapperlink:link, a.wrapperlink:visited, a.wrapperlink:hover { color: #4B483A !important; }

a.help, a.help:link, a.help:visited, a.help:hover {
	background: url(../images/icon_infos.gif) no-repeat 0 0;
	width: 12px;
	height: 12px;
	-moz-padding-start: 36px; /* Du grand art pour tromper Firefox */
	overflow: hidden; /* Du grand art pour tromper Firefox (bis) */
	color: transparent; /* Masquer le texte sous Safari - CSS 3 only */
	text-indent: -10000px; /* Masquer le texte sous IE */
	display: -moz-inline-box; /* -moz-inline-box pour Firefox */
	display: inline-block;
}
a.guide, a.guide:link, a.guide:visited, a.guide:hover {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	width: 36px;
	height: 12px;
	text-decoration: none;
	background: url(../images/bt_guide.gif) no-repeat 0 0;
	text-indent: -10000px; /* Masquer le texte sous IE */
	outline: none;
}
a.help-symbol, a.help-symbol:link, a.help-symbol:visited, a.help-symbol:hover {
	background: url(../images/help_small.gif) no-repeat 0 0;
	display: block;
	margin: 2px 0 0 0;
	padding: 0 0 0 20px;
	color: #000 !important;
}

#transfert, #renew, #hosting { min-height: 120px; }

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

#globalboxbottom {
	background-color: #dfe0c5;
	margin: auto;
	width: 770px;
	height: 20px;
	padding: 0 20px;
}

/* {{{ Header elements */
#header {
	position: relative;
	height: 126px;
	width: 860px;
	background-image:  url("../images/Header_C.gif");
	background-repeat: repeat-x;
	/*padding-bottom: 30px;*/
	background-color: #dfe0c5;
}

#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;
}

h1#center-title {
       text-align: center;
       padding-top: 40px;
       color: #fff;
       background: inherit;
}

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


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

#toptab TD {
	font-size: 10px;
	color: #39332a;
}

#toptab TABLE {
	border-collapse: collapse;
}

#toptab TABLE .tt_sp {
	background-color: black;
	width: 1px;
	height: 10px;
	margin: 0 17px
}

#icann_logo {
	margin-top: 1px;
	width: 50px;
	height: 17px;
}

#flags {
	vertical-align: bottom;
}

#flags IMG {
	width: 15px;
	height: 12px;
}

select#currency {
	border: 1px solid #9798A5;
	background: #DFE0C5;
	padding: 0;
	margin: 0 0 0 4px;
	font-size: 11px;
	_font-size: 9px;/* IE6 Hack */
	/height: 17px; /* IE6+IE7 Hack */
	position: relative;
	left: 0;
	top: 1px;
	_top: 0;/* IE6 Hack */
}
	select#currency option {
		padding: 0 6px 0 0;
		margin: 0;
		border: none;
	}

#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");
}
/* }}} */

/* {{{ Account access */
#account_access {
	position: absolute;
	right: 23px;
	top: 58px;
	color: #b1a598;
	z-index: 1;
	font: 10px normal /*italic small-caps*/ 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 { /* Bouton de login */
			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 { /* Image non logge */
		position: relative;
		top: 4px;
	}
	#account_access img.loginok { /* Image logge */
		float: left;
		top: -1px;
	}
	#account_access strong {
		display: block;
		float: left;
		font-size: 11px;
		margin-left: 10px;
		max-width: 165px;
		width:expression( if ( document.getElementById("fullname").offsetWidth > 165 ) 165 + "px";); /*IE*/
	}
	#account_access_handle {
		display: block;
		float: left;
		width: 8.4em;
		margin: 0 12px;
	}
	#account_access input.in {
		font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
		font-size: 10px;
		border: 1px solid #2c231e;
		background-color: #dfe0c5;
		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: #dfe0c5;
		height: 13px;
	}
	#account_access_submit a:link,
	#account_access_submit a:visited,
	#account_access_submit a:hover {
		color: #DFE0C5;
		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: #dfe0c5;
		}
		#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;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 29px;
	margin: auto;
}

#navigation TH {
	background-color:  #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 th.current { background-image: none; background-color: #cacab7; }
	#navigation th.current a:link, #navigation th.current a:visited, #navigation th.current a:hover { font-weight: bold; color: #624740; }

#navigation .sp,
#navigation .sp_right,
#navigation .sp_left {
	background-image: url(../images/Nav_CSP.gif);
	background-repeat: no-repeat;
	background-color: #4c342e;
	width: 5px;
	padding: 0;
}

#navigation .sp_right {
	background-image: url(../images/Nav_onglet_R.gif);
	background-color: #cacab7;
}

#navigation .sp_left {
	background-image: url(../images/Nav_onglet_L.gif);
	background-color: #cacab7;
}

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

#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; }

/* }}} */

/* {{{ Sous Navigation */
#breadcrums {
	background: #CACAB7;
	width: 832px;
	padding: 4px 0 4px 20px;
	border-bottom: 1px solid #999;
	margin: 0 auto;
	font-size: 10px;
}
	#breadcrums a:link, #breadcrums a:visited, #breadcrums a:hover { text-decoration: none; color: black; }
	#breadcrums a.crum_past:link, a.crum_past:visited, a.crum_past:hover { color: #989389 !important; }
	#breadcrums a.crum_current:link, a.crum_current:visited, a.crum_current:hover { color: #BA6913 !important; font-weight: bold !important; }
	#breadcrums .crum_arrow { background: transparent url("../images/bc_arrow.gif") no-repeat 50% 50%; padding: 0 20px; }
	#breadcrums .crum_sep { background: transparent url("../images/bc_sep.gif") no-repeat 50% 50%; padding: 0 14px; }
/* }}}

 Header }}}
*/

/* {{{ Buttons */
.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: #dfe0c5;
	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: #DFE0C5;
	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: #DFE0C5;
	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 {
	float: left;
	width: 570px;
	line-height: 16px;
	padding: 0 20px 20px 20px;
	color: #4b483a;
	font-size: 11px;
}

#main a img { border:none; }

#main a.l3 { font-weight: bold; }

#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 }

#navlinks { font-size: 10px; }


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

/* Home page rules {{{ */

	#register-form { height: 1%; /* IE Fix */}
		#register-form fieldset { display: block; width: 265px; float: left; border: none; margin: 0 4px 0 0; padding: 10px 0 0 0; }
		#register-form .button { clear: left; }
		#register-form legend { font-weight: bold; padding: 0; margin: 0; color: #000; }
		#register-form li label { display: block; padding: 0 0 5px 0; _padding: 0; }
		#register-form div.sub { margin: 4px 0; }

	#domain_list { width: 220px; height: 75px; }

	/* 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; }

	#main .boxccc ul.four-cols { list-style-type: none; padding: 0; margin: 0; }
		#main .boxccc ul.four-cols li { width: 66px; float: left; list-style-type: none; padding: 0; margin: 0; }
			#main .boxccc ul.four-cols li a { color: #4B483A; }
			#main .boxccc ul.four-cols li.lastChild { float:right; }

	#main .boxccc ul.threeFeatures { padding: 0; margin: 0; }
		#main .boxccc ul.threeFeatures li {
			width: 170px;
			float: left;
			list-style-type: none;
			padding: 0 0 4px 0;
			margin: 0;
		}
			#main .boxccc ul.threeFeatures li h3#gandi-features { color: #ba6912; display: inline; }
			#main .boxccc ul.threeFeatures li a { color: #4b483a; }
			#main .boxccc ul.threeFeatures li img { position: relative; top: 1px; left: -1px; }

	/* /domain/buy/search/ */
	#main .boxccc ul.tld-cols {
		list-style-type: none;
		padding: 0;
		margin: 10px 0;
	}
		#main .boxccc ul.tld-cols li {
			float: left;
			list-style-type: none;
			padding: 4px 0;
			margin: 0;
		}
			#main .boxccc ul.tld-cols li label input { margin: 0 5px 0 0; }
		#main .boxccc ul.six li { width: 77px; }
		#main .boxccc ul.three li { width: 154px; }
	label.all-tlds { display: block; clear: left; padding: 10px 0; |padding: 0; }
		label.all-tlds input { margin: 0 5px 0 0; }


/* }}} */

/* Detail nom de domaine #domaindetail {{{ */
	table#domaindetail strong { color: #000; }
	table#domaindetail p { padding: 2px 0; }
	p.action { padding: 5px 0; }
	p.action a  { padding: 0 14px 0 0; }
	#main ul.viewdomain { margin: 0; padding: 10px 0 0 0; }
	#main ul.viewdomain li { list-style-type: none; float: left; width: 182px; padding: 0; margin: 0; }
		#main ul.viewdomain li p { padding: 0; }
	#main ul.viewdomain li.v_sep { background: transparent url("../images/v_separator.gif") repeat-y 100% 0; margin: 0 10px 20px 0; } /* Liste avec séparateur gauche */
		#main ul.viewdomain li.v_sep * { margin: 0 5px 0 0; }
		#main ul.viewdomain p.action { padding: 5px 0; }
		#main ul.viewdomain li.v_sep h3 { padding: 0 0 3px 0; }
/* }}} */


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

#main .boxccc .lcol, #main .boxccc .rcol { margin: 0; position: relative; }
#main .boxccc .lcol { width: 65%; }
#main .boxccc .rcol { width: 34%; }

#main .ebox a, #main .innerebox a { color: #b50303; }
 
#main .colsep {
	margin: 9px 0;
	float: left;
	position: relative;
	background-image:  url("../images/v_separator.gif");
	background-repeat: repeat-y;
	height: 100px;
}

#main .mcol {
	width: 275px;
	float: left;
	margin: 9px 0;
	position: relative;
}

/*
#main .boxccc { clear: both; padding: 5px 15px; _overflow: hidden; }
*/

#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 .tabsbox {
	margin: 9px 0;
	clear: left;
}
#main .tabsbox .boxtlc {
	background : #c5c7a5;
}

#main .tabletlc,
#main .tabletrc {
	width: 10px;
	height: 10px;
	overflow: hidden;
	background-repeat: no-repeat;
}

	#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 .tabletlc { float: left; background: transparent url(../images/Table_corner_TopL.gif) no-repeat 0 0; }
	#main .tabletrc { float: right; background: transparent url(../images/Table_corner_TopR.gif) no-repeat 0 0; }

#main .innerbox {
    background: #dfe0c5;
    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 .lbox, #main .lcol { width: 275px; margin-right: 10px; float: left; }
#main .rbox, #main .rcol { width: 275px; float: left; }

/* }}} */

#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; }

/* message box #msg */
#main #msg * { color: #000; }
#main #msg p, #main #msg li { color: #ba6912; font-weight: bold; }

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

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

.warn { font-weight: bold; color: #ba6912; }

/* inputs image masqués */
.imgsubh { width: 0; height: 0; }


/* Tooltip {{{ */
.tooltip { color: #000; font: 11px Tahoma,Arial,sans-serif; text-decoration: none; height: 1%; }
span.tooltipTextContent { position: absolute; left: -10000px; }
.tooltip .warn { color: inherit }
.tooltip div.tooltipTop {
	position: relative;
	height: 7px;
	margin: 0 7px;
	background: #82833D;
}
.tooltip div.tooltipContent { color: #000; padding: 0 8px; background: #82833D; }
.tooltip div.tooltipBottom {
	position: relative;
	height: 7px;
	margin: 0 7px;
	background: #82833D;
}
.tooltip div.tooltipTop div.tootltipTopLeft,
.tooltip div.tooltipTop div.tootltipTopRight,
.tooltip div.tooltipBottom div.tooltipBottomLeft,
.tooltip div.tooltipBottom div.tooltipBottomRight { width: 7px; height: 7px; position: relative; overflow: hidden; }
.tooltip div.tooltipTop div.tootltipTopLeft { float: left; left: -7px; background: url(../images/tipster_tl.gif) no-repeat 0 0; }
.tooltip div.tooltipTop div.tootltipTopRight { float: right; right: -7px; background: url(../images/tipster_tr.gif) no-repeat 0 0; }
.tooltip div.tooltipBottom div.tooltipBottomLeft { float: left; left: -7px; background: url(../images/tipster_bl.gif) no-repeat 0 0; }
.tooltip div.tooltipBottom div.tooltipBottomRight { float: right; right: -7px; background: url(../images/tipster_br.gif) no-repeat 0 0; }
/* }}} */


.tipster { /*cursor: help;*/ cursor: pointer; }
.defaultTipOk {
	font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	font-size: 11px;
	color: #000;
	background: transparent;
	/*background: #82833D;*/
	padding: 7px 0;
	position: relative;
	/*-moz-border-radius: 8px;*/
	/*opacity: 0.75;*/
	/*filter: alpha(opacity=75);*/
}
.defaultTipOk .tipster_tl { width: 7px; height: 7px; position: absolute; top: 0; left: 0; background: transparent url(../images/tipster_tl.gif) no-repeat 0 0; }
.defaultTipOk .tipster_tr { width: 7px; height: 7px; position: absolute; top: 0; right: 0; background: transparent url(../images/tipster_tr.gif) no-repeat 0 0; }
.defaultTipOk .tipster_tm { width: auto; height: 7px; background: #82833D; margin: 0 7px; position: relative; top: -7px; }
.defaultTipOk p { background: #82833D; padding: 0 7px; position: relative; top: -7px; _top: -15px; z-index: 100; }
.defaultTipOk .tipster_bl { width: 7px; height: 7px; position: absolute; bottom: 14px; left: 0; background: transparent url(../images/tipster_bl.gif) no-repeat 0 0; _bottom: 22px; }
.defaultTipOk .tipster_br { width: 7px; height: 7px; position: absolute; bottom: 14px; right: 0; background: transparent url(../images/tipster_br.gif) no-repeat 0 0; _bottom: 22px; }
.defaultTipOk .tipster_bm { width: auto; height: 7px; background: #82833D; margin: 0 7px; position: relative; top: -7px; _top: -21px; }

/* Affichage des news {{{ */
/* Liens dans la boite .filter */

#filternews .boxccc * {
	float: left 
}

#filternews UL {
	float: none;
	width: auto !important;
}

#filternews UL LI {
	list-style-type: none !important;
	padding: 0 !important;
}

#filternews LI A {
	padding: 0 0 0 11px;
	color: #4B483A;
}

/* div#newshighlight = affichage de la news principale sur le listing des news */
	#newshighlight {}
		#newshighlight img { float: left; padding: 0 10px 10px 0; }
		#newshighlight div.warn { padding: 0; margin: 0 0 0 150px; }
		#newshighlight h2 { padding: 5px 0 0 0; margin: 0 0 0 150px; }
		#newshighlight p {padding: 5px 0; margin: 0 0 0 150px; }
/* div.newslist = affichage de la liste de news sur le listing des news */
	div.newslist { clear: left; }
		div.newslist p.warn { width: 17%; float: left; }
		div.newslist p.domainType { width: 11%; float: left; }
		div.newslist p.newsCatcher { width: 72%; float: left; }
			#main div.newslist p.newsCatcher a:link,
			#main div.newslist p.newsCatcher a:visited,
			#main div.newslist p.newsCatcher a:hover { color: #000; }
/* #newsdetail = affichage du detail d'une news */
	#newsdetail {}
		#newsdetail img { float: left; padding: 0 10px 0 0; }
		#newsdetail div.warn { padding: 0; }
		#newsdetail h2 { padding: 5px 0 0 0; }
		#newsdetail p {padding: 5px 0; }
/* }}} */

/* Affichage des cartes d'identité pour les extensions {{{ */
	div.extensionIntro { padding: 0; }
		div.extensionIntro b, div.extensionIntro strong { color: #000; }
		div.extensionIntro img { float: right; padding: 0 0 5px 2px; }
	div.extensionDetail { padding: 0 0 20px 0; }
		div.extensionDetail b, div.extensionDetail strong { color: #000; }
/* }}} */

/* .catalog {{{ */
/* Mise en page des tarifs Gandi table.catalog */
	.catalog { width: 820px; border-collapse: collapse; }
	.catalog caption { width: 820px; height: 8px; background: transparent url(../images/Table_820_header.gif) no-repeat 0 0; }
		.catalog caption span { display: none; }
	.catalog * { text-align: left; vertical-align: top; font-size: 11px; }
		.catalog thead th { color: #000; font-weight: normal; }
		.catalog tfoot th { color: #000; font-weight: normal; }
		.catalog th { padding: 0 0 8px 0; width: 110px; line-height: 18px; }
			.catalog th.mainhead { font-weight: bold; padding: 0 0 8px 10px; width: 90px; }
			.catalog th a:link, .catalog th a:visited { color: #000; text-decoration: underline; font-size: 10px; }	
			.catalog th a:hover { text-decoration: none; }	
		.catalog td { color: #000; padding: 8px 0 ; width: 110px; line-height: 18px; }
			.catalog td.first {padding: 8px 0 8px 10px; width: 90px; }
			.catalog td a { white-space: nowrap; font-size: 10px; }
			.catalog td div.warn { } /* .warn = div contenant l'extension ex ".com" */
			.catalog td div.sub { font-size: 10px; } /* .sub = div contenant le prix TTC */
	div.subcatalog { width: 820px; padding: 18px 0 0 0; background: transparent url(../images/Table_820_footer.gif) no-repeat 0 0; }

	/* .precatalog = texte et formulaire pour changer de grille de prix */
	div.precatalog { width: 820px; padding-bottom: 16px; }
		div.precatalog div.grid-desc { float: left; width: 530px; }
		div.precatalog form.choose-grid { float: right; width: 275px; }
			div.precatalog form.choose-grid select { float: right; }

			div.precatalog form.choose-grid label { float: right; margin-right: 10px; }

				div.precatalog form.choose-grid select option { padding: 0 5px; }
			div.precatalog form.choose-grid .button_mini { padding: 0; }

	/* .login-grid-box = message pour afficher la grille de prix autorisee */
	div.login-grid-box {
		width: 820px;
		margin: 0 0 20px 0;
		background: #C5C7A5 url(../images/box_big_top.gif) no-repeat 0 0;
	}
		div.login-grid-box div {
			padding: 5px 10px;
			background: transparent url(../images/box_big_bottom.gif) no-repeat 0 100%;
		}

/* }}} */

/* .product {{{ */
	.product-desc { margin: 10px 0 15px 0; line-height: 15px; clear: left; }
		.product-desc img { float: left; padding: 4px 0 20px 0; }
			.product-desc h2 a, .product-desc h3 a { color: #000; }
			.product-desc h2, .product-desc h3, .product-desc p, .product-desc div { margin: 0 0 0 154px !important; }
			.product-desc ul { margin: 0 0 0 154px; }
				.product-desc p strong { color: #000; }
/* }}} */


/* Mini Erreur {{{ */
#main div.mini-error {
	width: 550px;
	height: 26px;
	padding: 8px 5px 0 15px;
	margin: 0 0 12px 0;
	color: #B50303;
	background: transparent url("../images/Box_mini_error.gif") no-repeat 0 0;
}
#main div.mini-error * {
	color: #B50303 !important;
}
#main .ops-errors {
	width: 550px;
	padding: 0 5px 0 15px;
	margin: -20px 0 16px 0;
	background: #D89C94 url("../images/Box_mini_error_bottom.gif") no-repeat 0 100%;
}
/* }}} */


/* Comments {{{ */
#main .comment-img {
	position: relative;
	top: 2px;
	width: 12px;
	height: 12px;
}
#main .comment-create {
	background: url(../images/post_it.gif) no-repeat 0 3px;
	padding: 1px 0 1px 16px;
}
#main #view-comments {
	font-weight: bold;
	color: #000;
	cursor: pointer;
	padding: 0 0 0 0;
	display: none;
}
	#main #view-comments img { padding: 0 4px 0 0; vertical-align: middle; }
#main #comments {
	padding: 0;
	margin: 10px 0;
	background: #F9F9BB;
	_height: 1%; /* IE 6 Hack */
}
	#main #comments .comment { color: #000; padding: 10px; border-bottom: 1px solid #A0A26C; background: #F9F9BB; white-space: normal; }
		#main #comments .comment img { vertical-align: middle; }
		#main #comments .comment p { padding: 0; margin: 0; }
		#main #comments .comment p.comment-date { font-style: italic; color: #A0A26C !important; }
		#main #comments .comment .comment-toolbar { margin: 0 0 10px 0; }
			#main #comments .comment .comment-toolbar * { color: #A0A26C !important; }
			#main #comments .comment .comment-toolbar a,
			#main #comments .comment .comment-toolbar span { padding: 0 10px 0 0; }
			#main #comments .comment .comment-toolbar .comment-delete {
				background: url(../images/comment_delete.gif) no-repeat 0 3px;
				padding: 0 10px 0 12px;
				font-weight: bold;
			}
			#main #comments .comment .comment-toolbar .comment-create {
				background: url(../images/comment_create.gif) no-repeat 0 3px;
				padding: 0 10px 0 12px;
				font-weight: bold;
			}
			#main #comments .comment .comment-toolbar .comment-collapse {
				background: url(../images/comment_collapse.gif) no-repeat 0 3px;
				padding: 0 10px 0 12px;
			}
			#main #comments .comment .comment-toolbar .comment-prev {
				background: url(../images/comment_previous.gif) no-repeat 0 3px;
				padding: 0 2px 0 12px;
			}
			#main #comments .comment .comment-toolbar .comment-total {
				padding: 0 4px;
			}
			#main #comments .comment .comment-toolbar .comment-next {
				background: url(../images/comment_next.gif) no-repeat 100% 3px;
				padding: 0 12px 0 2px;
			}
			#main #comments .comment .comment-toolbar span.comment-support { float: right; }
			#main #comments .comment .comment-toolbar img {
				position: relative;
				top: -1px;
				left: -2px;
				padding: 0 2px;
				|top: 1px; /* IE Hack */
			}
	#main #comments .comment-private-title {
		border: 1px solid #A0A26C;
		padding: 3px;
		margin: 14px 0 10px 0;
		color: #000;
	}
	#main .cant-comment {
		float: left;
		width:15px;
	}
/* }}} */

/* Page produit support {{{ */
#main ol.number { list-style: none; }
#main ol.number li { padding: 5px 0 18px 40px; background: url(../images/customer_care/1.gif) no-repeat 0 2px; }
#main ol.number li.item2 { background-image: url(../images/customer_care/2.gif); }
#main ol.number li.item3 { background-image: url(../images/customer_care/3.gif); }
#main ol.number li.item4 { background-image: url(../images/customer_care/4.gif); }
#main ol.number li.item5 { background-image: url(../images/customer_care/5.gif); }
#main ol.number li.item6 { background-image: url(../images/customer_care/6.gif); padding-bottom: 5px; }
#main div.support_list ul { padding: 0 0 0 26px; }
#main div.support_list li { vertical-align: middle; padding: 0 0 7px 0; }
#main div.support_list a { color: #4b483a; }
#main div.support_list h3 { padding: 0 0 6px 0; }
#main div.support_list h3 * { vertical-align: middle; }
#main div.support_list h3 img { position: relative; top: -2px; padding: 0 7px 0 0; }
/* }}} */

/* Erreur : page 404 etc. {{{ */
	#error { padding-bottom: 60px; }
		#error img { float: left; }
		#error h1, #error p { padding-left: 85px; }
/* }}} */

/* Erreur : roleError Niveau de droits insuffisnat {{{ */
	#roleError { padding: 10px 0 20px 0; }
		#roleError p { padding: 2px 0 8px 0; }
/* }}} */

/* Pager {{{ */
.pager { float: right; max-width: 440px; margin-bottom: 5px; color: black; }
	.pager .pager_label { padding-right: 6px; }
	.pager a, .pager b, .pager strong { margin: 0 3px; }
	.pager a:link, pager a:visited, pager a:hover { font-weight: normal !important; }
	.pager img { width: 5px; height: 9px; }
	.pager .pager_previous { padding-right: 3px; }
	.pager .pager_next { padding-left: 3px; }
/* }}} */

/* Représentation du quota utilisé des boites mails {{{ */
span.quota {
	display: block;
	height: 8px;
	width: 29px;
	background: url("../images/icon_quota.gif") no-repeat 0 0;
	text-indent: -10000px;
	position: relative;
	top: 3px;
}
span.quota strong { display: block; height: 8px; }
span.quota strong.ok { background: url("../images/icon_quota_ok.gif") no-repeat 0 0; }
span.quota strong.warning { background: url("../images/icon_quota_warning.gif") no-repeat 0 0; }
span.quota strong.alert { background: url("../images/icon_quota_ko.gif") no-repeat 0 0; }
/* }}} */

.table {
	background-color: #c5c7a5;
	/*overflow: hidden;*/
	display: table;
	width: 100%;
}
	.table th, .table td { padding-left: 5px; vertical-align: middle; }
	.table th { font-weight: bold; text-align: left; background-color:#A6A885; padding-bottom: 2px }


IMG.calendar {
	position: relative;
	left: 4px;
	cursor: pointer;
}

/* {{{ Right blocks */
#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 div.fixed { /* div with fixed padding-left */
		position: relative;
		margin: 10px 0 0 0;
		padding: 0 0 6px 40px;
	}
		#rightblocks div.fixed img {
			position: absolute;
			top: 2px;
			left: 0;
			_left: -40px; /* IE6 hell */
		}
		#rightblocks div.fixed span { color: #000; }
		#rightblocks div.fixed a.classic { color: #5E6358; }
	#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 ul.side-wish li { list-style: none; list-style-position: outside; }
	#rightblocks ul.side-wish li img { padding-right: 4px; position: relative; top: -2px; }

	#rightblocks ul ul { /*background: url("../images/v_separator.gif") repeat-y 0 0;*/ }
	#rightblocks ul ul li {
		font-size: 10px;
		margin: 0.2em 0 0 1.3em;
		padding: 0;
		list-style-type: none;
		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; }
		/* Surcharge des liens dans les boutons de #rightblocks */
		#rightblocks .button a.buttoncenter:link, #rightblocks .button a.buttoncenter:visited,
		#rightblocks .button_green a.buttoncenter:link, #rightblocks .button_green a.buttoncenter:visited,
		#rightblocks .abutton a.buttoncenter:link, #rightblocks .abutton a.buttoncenter:visited,
		#rightblocks .button_mini a.buttoncenter:link, #rightblocks .button_mini a.buttoncenter:visited { color: #DFE0C5; font-weight: normal; text-decoration: none; }
		#rightblocks .button a.buttoncenter:hover,
		#rightblocks .button_green a.buttoncenter:hover,
		#rightblocks .abutton a.buttoncenter:hover,
		#rightblocks .button_mini a.buttoncenter:hover { color: #DFE0C5; font-weight: normal; text-decoration: none; }

	#rightblocks ul.lastnews { padding: 0; } /* Les News dans la colonne de droite */
		#rightblocks ul.lastnews li { padding: 0 0 10px 0; list-style-type: none; list-style-position: outside; }
			#rightblocks ul.lastnews li span { color: #000; }
			#rightblocks ul.lastnews li img { margin-right: 5px; background: #DFE0C5; }
			#rightblocks ul.lastnews li a:link, #rightblocks ul.lastnews li a:visited { color: #5E6358; text-decoration: underline; }
			#rightblocks ul.lastnews li a:hover { text-decoration: none; }
			#rightblocks ul.lastnews li a.alert {
				background: url(../images/Icon_warning.gif) no-repeat 0 1px;
				padding: 1px 0 1px 18px;
			}
		#rightblocks ul.lastnews li.allnews { padding: 0; }
			#rightblocks ul.lastnews li.allnews a:link, #rightblocks ul.lastnews li.allnews a:visited { color: #000; text-decoration: underline; }
			#rightblocks ul.lastnews li.allnews a:hover { text-decoration: none; }

	#rightblocks ul.type2 {}
		#rightblocks ul.type2 li { padding: 0 0 6px 0; list-style-type: none; list-style-position: outside; line-height: 14px }

	#rightblocks ul.tuto {
		padding: 0;
		margin: 0 0 16px 0;
		*height: 1%;
	}
		#rightblocks ul.tuto * { color: #000; }
		#rightblocks ul.tuto li {
			padding: 8px 0 12px 0;
			list-style-type: none;
			background: url(../images/tuto_gradient.gif) no-repeat 0 100%;
			font-weight: bold;
			*height: 1%;
			*margin-left: -14px;
		}
		#rightblocks ul.tuto li.bkg {
			background: url(../images/tuto_gradient.gif) no-repeat 0 100% !important;
		}
			#rightblocks ul.tuto li span {
				display: block;
				padding: 0 0 0 16px;
				background: url(../images/tuto_title_arrow_off.gif) no-repeat 0 3px;
			}
			#rightblocks ul.tuto li a:link, #rightblocks ul.tuto li a:visited { text-decoration: none; }
			#rightblocks ul.tuto li a:hover { text-decoration: underline; }
		#rightblocks ul.tuto li.active { background: none; }
			#rightblocks ul.tuto li.active span {
				background: url(../images/tuto_title_arrow_on.gif) no-repeat 0 3px;
			}
			#rightblocks ul.tuto ul {
				margin: 0;
				padding: 0 0 8px 0;
				background: url(../images/tuto_gradient.gif) no-repeat 0 100%;
			}
				#rightblocks ul.tuto ul li {
					padding: 0 0 4px 10px;
					background: none;
					font-weight: normal;
					*margin-left: -2px;
				}
				#rightblocks ul.tuto ul li.active {
					background: url(../images/arrow_black.gif) no-repeat 0 5px;
				}
		
	#rightblocks p.footer_link { margin: 5px 0 0 0; text-align: right; }


/* }}} */

/* {{{ Affichage des listes de domaines */
	/* dl.domainsKo => Domaines non dispo */
	dl.domainsKo { line-height: 28px; }
		dl.domainsKo dt { float: left; clear: left; width: 240px; }
	#domainsChoose th, #domainsChoose td { padding: 2px 0 2px 20px; }
	#domainsChoose th.center, #domainsChoose td.center { text-align: center; padding-left: 0; width: 50px; }
	/* Liste de domaines */
	table.domainList { width: 99%; border-collapse: collapse; line-height: 25px; }
		table.domainList td.domainName { width: 50%; }
		table.domainList td.domainState { width: 30%; }
		table.domainList td.domainAction { text-align: right; }
			table.domainList td.domainAction label { margin: 0 10px 0 0; }
/* }}} */

	#main .domainsAuth li {
		padding-bottom: 10px !important;
	}

/* {{{ Left blocks */
#leftblocks { float: left; width: 100px; }
	#leftblocks .block { margin-bottom: 18px; padding-right: 10px; color: #5e6358; }
/* }}} */

/* {{{ Footer logos */
#footer_logos {
	background-color: #dfe0c5;
	width: 860px;
	margin: auto;
	text-align: center;
}
	#footer_logos img { border: none; margin: 12px 19px; }
#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 10px;
	}
#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); }
/* }}} */

/* Rights {{{ */

#rights_tables h3 {
	font-size : larger;
	margin : 10px 0;
}
#rights_tables h4 {
	margin : 25px 0 9px 0;
	display : block;
}
#rights_tables th {
	text-align : center;
}
#rights_tables td {
	text-align : center;
	vertical-align : middle;
}
#rights_tables .TRfirstchild {
	width : 33%;
	text-align : left;
}

/*  }}} */

/* Dev {{{ */
#jslog {
	position: fixed;
	width: 100%;
	color: black;
	font-family: monospace;
	white-space: pre;
	font-size: 10px;
	top: 15px;
	bottom: 15px;
	left: -99%;
	background-color: white;
	opacity: 0.3;
	overflow: auto;
	z-index: 10;
}

#jslog:hover { opacity: 1; left: 0 }


.trad_404 {
	color: red;
}

/*  }}} */

.progressbar {/* {{{ */
	position: relative;
	background-color: #b1a984;
}

.progressbar .pbcontents {
	position: absolute;
	left: 4px;
	color: black;
}

.progressbar div {
	border: 1px solid #d17c01;
	background-image: url(../images/progress_bg.png);
	background-repeat: repeat-x;
	background-color: #d17c01;

	height: 5px;
	width: 8px; /* mind the 2px border when computing width */
} /* }}}*/


/* Mini Nav as seen at /hebergement/wishlist or /admin/domaine/commandes */
#main #tabs, #main ul.tabs {
    position: relative;
    top: 19px;
    height: 28px;
    padding-left : 0 !important;
}
#main #tabs li, #main ul.tabs li {
    list-style: none !important;
    float: left;
}
#main #tabs a, #main ul.tabs a{
    float: left;
    padding: 5px 8px;
    margin-right: 6px;
    background-color: #d4d6b8;
    text-decoration: none;
    color: #333;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}
#main #tabs a:hover, #main ul.tabs a:hover {
	color: #000;
}
#main #tabs a.current, #main ul.tabs a.current {
    font-weight: bold;
    background-color: #C5C7A5;
    color: #000;
}




/* vim: set fdm=marker: */