/* CSS Document */

/* ------------------------ */
/* ---- Globals styles ---- */
/* ------------------------ */

	* {
		font-family : Arial, sans-serif;
		font-size : 12px;
		color : #000000;
	}


	body {
		background : transparent url(images/background_page.jpg) repeat left top;
		font-family : Arial, sans-serif;
        /*font-size : 12px;*/
		margin : 0px;
        overflow : auto;
		text-align : center;
	}

	  /* ------------ */
	 /* --- BODY --- */
	/* ------------ */
    #body {
		background : #ffffff;
		border : 1px solid #eeeeee;
		border-top: 0;
        height : auto;
		margin-left : auto;
		margin-right : auto;
		padding : 4px;
		padding-top : 4px;
		text-align : left;
		width : 752px;
        position: relative;
       	}
    
	/* --- Main in Body --- */

	#main {
		float : right;
		height : auto;
		padding : 4px;
		text-align : left;
		width : 615px;
	}


	/* --- Main Menu --- */

	#navigation_menu {
		float : left;
		margin-right : 2px;
		width : 125px;
    /*    background: url(/fr/images/in_menu_bg_bottom.png) no-repeat 0% 100%;
        background-color: #eeeeee; */
	}

	/* ------ footer ---------- */
	#footer {
		height : auto;
		margin-left : auto;
		margin-right : auto;
		padding : 4px;
		text-align : center;
		width : 700px;
	}
    
    a.flag {
 	line-height : 30px;
    }
   
    
    a.flag img {
    width: 21px;
    height: 11px;
    border: 1px solid #666666;
    /* Opacity */
	opacity: .5;
	-moz-opacity: .5;
	-khtml-opacity: 0.50;
	_filter: Alpha(opacity=50,finishopacity=50,style=2);
    }
    
    a.flag:hover img {
	/* Opacity */
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	_filter: Alpha(opacity=100,finishopacity=100,style=2);
    }


 /* ----------- */
/* --- end --- */
/* ----------- */

/* ---------------------- */
/* --- default styles --- */
/* ---------------------- */

	td {
		vertical-align : top;
}
    table.blanche td {
    background:#ffffff; }

	a, a:visited {
		color : #880000;
		font-weight : normal;
		text-decoration : none;
	}
    
    a:hover {
        text-decoration: underline;
        cursor: pointer;
    }
    
    li a {
    text-decoration : none;
    }
    
    li a:hover {
    text-decoration: underline;
    }
    
	ul {
		margin : 0px;
		padding-left : 12px;
	}
		
	li {
		color : black;
		font-size : 12px;
		font-weight : normal;
		list-style-position : outside;
		list-style-image : url(images/shared/red_square.gif);
	}

	small {
		font-size : 10px;
		font-style : italic;
	}

	h1 {
		border-bottom : 1px solid darkred;
		color : darkred;
		font-size : 20px;
		font-weight : bold;
		margin : 0px;
		margin-bottom : 5px;
		margin-top : 5px;
	}

	h2 {
		color : #555555;
		font-size : 16px;
		font-weight : bold;
		margin : 0px;
		margin-bottom : 4px;
		margin-top : 4px;
	}
		
	h3 {
		color : black;
		font-size : 14px;
		font-weight : bold;
		margin : 0px;
		margin-bottom : 6px;
		margin-top : 4px;
		text-decoration : underline;
	}
	
	h4 {
		background-color : #880000;
		color : #ffffff;
		font-size : 12px;
		font-weight : bold;
		margin : 0px;
		margin-bottom : 6px;
		margin-top : 4px;
		text-indent : 5px;
        text-align: left;
        padding-top: 2px;
        padding-bottom: 2px;
	}
	
	h5 {
		border-bottom : 1px dotted #555555;
		color : #555555;
		font-size : 12px;
		font-weight : bold;
		margin : 0px;
		margin-bottom : 2px;
		padding-bottom : 2px;
	}

	h6 {
		color : black;
		font-size : 12px;
		font-weight : normal;
		font-style : italic;
		padding : 0px;
		margin : 0px;
	}
	
	img {
		border : 0px none white;
	}

	img.start_paragraph {
		float : left;
		margin-right : 5px;
		margin-bottom : 5px;
	}
	
	img.end_paragraph {
		float : right;
		margin-left : 5px;
		margin-bottom : 5px;
	}

	/* Formulaires */

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

		input, select, textarea {
			color : #8b0000;
			border-width : 1px;
			border-color : #555555;
			font-size : 10px;
			margin-bottom : 4px;
		}

		input[type="submit"]:hover {
			cursor : pointer;
		}	

		input.small_button {
			border : none;
			background : url(images/small_button.gif) no-repeat center top;
			height : 19px;
			width : 30px;
		}

		input.medium_button {
			border : none;
			background : url(images/medium_button.gif) no-repeat center top;
			height : 19px;
			width : 50px;
		}

		input.large_button {
			border : none;
			background : url(images/large_button.gif) no-repeat center top;
			height : 19px;
			width : 100px;
		}

		input.extra_large_button {
			border : none;
			background : url(images/extra_large_button.gif) no-repeat center top;
			height : 19px;
			width : 150px;
		}

        button {
            border: 0;
            background: 0;
            margin: 0;
            margin-left: auto; 
            margin-right: auto;
            padding: 0;
            text-align: center;
            width: 100px;
        }


/*		input {
			color : #000000;
			font-size : 10px;
			border : 1px inset white;
			text-align : left;
			vertical-align : middle;
			padding : 1px;
			margin-left : 2px;
		}

		input[type='submit'] {
			font-size : 10px;
			background-color : white;
			border : 1px solid black;
			border-bottom : 3px double #dd7650;
			color : black;
		}

		input[type='submit']:hover {
			background-color : darkred;
			border : 1px solid black;
			border-bottom : 3px double black;
			color : white;
		}

		input[type='submit']:active {
			background-color : #ffffaa;
			border : 1px solid black;
			border-bottom : 3px double black;
			color : black;
		}

		input.checkbox {
			color : darkred;
			border-style : none;
			text-align : center;
			vertical-align : middle; 
			background-color : #bba19f;
		}*/

/* ----------- */
/* --- end --- */
/* ----------- */

/* ------------------------ */
/* --- specifics styles --- */
/* ------------------------ */

	/* --- Table line underlined --- */
		
	tr.colored_line td {
		background-color : #eeeeee;
	}
		
	/* --- order button --- */

		.order_button {
			font-size : 12px;
		}
		
		a.order_button_link, a.order_button_link:visited {
			/*background-color : darkred;
			border : 1px solid black;*/
			color : orangered;
			font-size : 12px;
			padding : 2px;
			text-decoration : none;
		}

		a.order_button_link:hover {
		/*	background-color : orangered;*/
			color : darkred;
			text-decoration : underline;
		}

	/* --- Tabs ---*/
/*	
		.start_tabs {
			background : transparent url(images/start_tabs.gif) no-repeat left top;
			font-size : 12px;
			margin-right : 10px;
			padding-bottom : 2px;
			padding-left : 10px;
			padding-right : 10px;
			padding-top : 4px;
		}
		
		.end_tabs {
			background : transparent url(images/end_tabs.gif) no-repeat left top;
			font-size : 12px;
			padding-bottom : 2px;
			padding-left : 10px;
			padding-right : 10px;
			padding-top : 4px;
		}
		.tabs_box {
			border-top : 1px solid #cccccc; 
			margin-top : 0px;
			margin-bottom : 10px;
			padding-top : 4px;
			text-align : center;
		}
*/
	/* --- small links --- */

		a.small_link, a.small_link:visited {
			color : #888888;
			font-size : 10px;
			text-decoration : none;
		}

		a.small_link:hover {
			text-decoration : underline;
		}

	/* --- paragraph of more elements ---*/

		.more {
			display : block;
			text-align : right;
			padding-right : 3px;
			margin : 0px;
			margin-bottom : 5px;
			margin-top : 5px;
		}

		.more a, .more a:visited {
			color : #880000;
			font-size : 10px;
			text-decoration : none;
			padding-right : 5px;
		}

		.more a:hover {
			text-decoration : underline;
			padding-right : 5px;
		}

	/* --- Cut Line --- */

		.cut_line {
			border-bottom : 1px dotted #555555;
			margin : 0px;
			padding : 0px;
		}

	/* --- Advertise --- */

		.ads {
			background : #555555;
			border : 1px solid #cccccc;
			color : white;
			font-size : 20px;
			font-variant : small-caps;
			font-weight : bold;
			margin-bottom : 8px;
			margin-left : 4px;
			text-align : right;
		}
	
		.ads h6 {
			background : white;
			border : 1px solid #555555;
			color : #8b0000;
			font-size : 24px;
			display : inline;
			font-weight : bold;
			padding : 4px;
			margin-right : 4px;
			margin-left : 20px;
		}


	/* --- special elements to cut the 'float' property --- */
		
		/*.column {
			float : left;
		}*/

		.spacer {
			clear : both;
		}

		  /* -------------- */
		 /* --- Errors --- */
		/* -------------- */

		#errors {
			background : #eeeeee url(images/errors.gif) no-repeat 10px 10px;
			border : 1px solid #555555;
			padding : 10px;
			padding-bottom : 30px;
			padding-left : 90px;
		}

		#errors h4 {
			background-color : transparent;
			color : #8b0000;
			font-size : 16px;
		}

          /* -------------- */
		 /* --- Prices --- */
		/* -------------- */

        a.nope, a.nope:hover {
            display: block;
            text-decoration: none;
        }

        table.commonPrice {
            font-family: "Verdana", sans;
        }
        
        table.commonPrice td.big {
            text-align: right;
            font-size: 19px;
            line-height: 17px;
            font-weight: bold;
            color: #ff0000;
            vertical-align: middle;
        }
        
        table.commonPrice td.smallTop {
            color: #4c4c4c;
            font-size: 11px;
            vertical-align: bottom;
            line-height: 9px;
        }
        
        table.commonPrice td.smallTopEuro {
            text-align: left;
            color: #ff0000;
            font-size: 10px;
            vertical-align: bottom;
            line-height: 9px;
        }
       
        table.commonPrice td.smallBottom {
            color: #4c4c4c;
            font-variant: small-caps;
            text-align: center;
            font-size: 10px;
            vertical-align: bottom;
            line-height:12px;
            border-top: 1px dotted #666666;
            border-bottom: 1px dotted #666666;
            background: #fff;
        }


    /* ========== For printings ========== */
        
    @media print {
        #navigation_menu { display: none; }
        #main { float: left; }
        .right_part { float: right; }
    }

	        
		  /* -------------- */
		 /* --- Drafts --- */
		/* -------------- */

		.draft, .todo {
			background : yellow;
            display: none;
		}


#image_top {
    width: 760px; 
    height: 32px; 
    line-height: 35px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 0;
    text-align: right;
    
    font-size: 20px;
    color: white;
    font-weight:bold;
}


.domains_title {
    background: url(/themes/default/images/red/red_title_domains_bar.png) no-repeat 0% 50%;
}

.server_title {
    background: url(/themes/default/images/blue/blue_title_dedicated_bar.png) no-repeat 0% 50%;
}

.hosting_title {
    background: url(/themes/default/images/purple/purple_title_hosting_bar.png) no-repeat 0% 50%;
}

.clients_title {
    background: url(/themes/default/images/green/green_title_espaceclient_bar.png) no-repeat 0% 50%;
}

.about_title {
    background: url(/themes/default/images/orange/orange_title_about_bar.png) no-repeat 0% 50%;
}









/* ----------- */
/* --- end --- */
/* ----------- */