body {
background:url(./../images/fonds/fond_page.gif) repeat-x;
background-color:#45484d;
color:white;
font-family:arial;
font-size:12px;
padding:0px;
margin:0px;
}

form {
margin:0px;
}

a {
text-decoration:none;
color:#6b8827;
}

p {
margin:10px auto;
}

h2 {
font-size:18px;
margin-top:10px;
}

h3 {
font-size:14px;
}

input , select{
font-size:11px;
}

input[type=radio], input[type=checkbox] {
vertical-align:middle;
}

#site {
width:975px;
margin:0px auto 0px auto;
padding-top:34px;
_padding-top:0px;
}

#contenu{
width:973px;
height:600px;
background:url(./../images/fonds/fond_banniere.jpg) repeat-x;
background-color:white;
border-left:1px solid black;
border-right:1px solid black;
color:black;
}


html>body #contenu {
height: auto;
min-height:600px;
} 

#gauche {
width:231px;
float:left;
}

#droite {
width:741px;
padding:0px 0px 10px 0px;
float:left;
text-align:center;
}


#footer {
background:url(./../images/fonds/footer_logo_top.jpg) no-repeat top right;
background-color:#303030;
text-align:center;
font-size:11px;
height:25px;
line-height:24px;
margin-bottom:0px;
border-top:3px solid #a6c524;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
}

#footer p{
border-top:1px solid black;
margin:0px;
}

#footer a{
color:white;
margin:0px 5px
}

#footer_ombre {
width:973px;
height:50px;
background:url(./../images/fonds/footer_ombre.jpg) no-repeat top right;
text-align:center;
margin-bottom:10px;
position:relative;
top:-1px;
left:1px;
}

/*=========== Style Texte =============*/

.h2_1 {
color:black;
background:url(./../images/fonds/fond_h2_1.gif) repeat-x; 
background-color:#fafaf9;
text-align:left;
margin:0px auto;
width:90%;
height:29px;
line-height:29px;
padding-left:5px;
border-right:1px solid #e0e0e0;
border-left:1px solid #eeeeee;
font-size:14px;
}
/*==================================*/

/*======================================= Banniere ============================================= */
#banniere {
width:973px;
height:144px;
background-color:black;
border-left:1px solid #303030;
border-right:1px solid #303030;
}

#banniere div{
width:973px;
height:180px;
background:black; /*url(./../images/fonds/banniere.jpg) no-repeat top right;*/
}

#banniere img{
margin:0px 0px 0px 0px;
float:left;
}

/*=============================================================================================== */
/*======================================= Menu top ============================================= */

#menu_top {
width:100%;
height:36px;
line-height:36px;
margin:0px auto;
background:url(./../images/fonds/fond_menu_top.gif) repeat-x;
padding:0px;
font-size:11px;
font-weight:bold;
position:fixed;
left:0px;
top:0px;
z-index:1;
}

#menu_top a{
color:white;
height:34px;
line-height:34px;
float:left;
}

#menu_top a:hover {
color:#aeda08;
}
/*=============================================================================================== */

/* ========================================== Menu ============================================== */

#menu {
height:34px;
line-height:34px;
background:url(./../images/fonds/fond_menu.jpg) repeat-x top;
border:1px solid black;
text-align:center;
font-size:11px;
font-weight:bold;
}

#menu ul {
height:34px;
line-height:34px;
padding:0px;
margin:0px;
}

#menu ul li {
float:left;
width:139px;
list-style-type:none;
}

#menu a {
height:34px;
line-height:34px;
color:white;
display:block;
}

#menu a:hover {
color:black;
background:url(./../images/fonds/fond_menu.jpg) repeat-x bottom;
border-left:1px solid black;
border-right:1px solid black;
}


/*=============================================================================================== */

/* ========================================== MENU LATERAL ====================================== */

#menu_lateral {
width:220px;
padding:0px 5px;
margin:0px;
float:left;
clear:both;
background:url(./../images/fonds/fond_menu_lateral.jpg) repeat-y center;
background-color:white;
}

#menu_lateral h2{
margin-top:0px;
text-align:center;
}

#menu_lateral h3{
margin:0px;
padding-left:10px;
height:34px;
line-height:34px;
font-size:12px;
}

.menu_h3_2 {
background:url(./../images/fonds/fond_menu.jpg) repeat-x top;
background-color:black;
color:white;
}

#menu_lateral h3 img{
margin-right:5px;
}

#menu_lateral ul{
margin:0px 0px 0px 0px;
padding:0px;
}

#menu_lateral ul li{
width:219px;
height:25px;
line-height:25px;
margin:0px;
padding:0px;
list-style-type:none;
clear:both;
background-color:white;
}

.lien_menu_1 , .lien_menu_2 , .lien_menu_3 {
width:204px;
height:25px;
line-height:25px;
color:black;
display:block;
padding:0px 0px 0px 15px;
}


.lien_menu_1 span, .lien_menu_2 span , .lien_menu_3 span {
float:right;
padding-right:5px;
font-size:11px;
font-weight:bold;
color:black;
}

.lien_menu_1  span{
color:#4d9203;
}

.lien_menu_2 span{
color:#ab530f;
}

.lien_menu_3 span{
color:#5289e5;
}

.lien_menu_1:hover {
background:url(./../images/fonds/hover_menu_1.gif) repeat-x;
background-color:#aecb24;
font-weight:bold;
}

.lien_menu_1:hover span{
color:black;
}

.lien_menu_2:hover {
background:url(./../images/fonds/hover_menu_2.gif) repeat-x;
background-color:#e2ad29;
font-weight:bold;
color:white;
}

.lien_menu_2:hover span{
color:#ffd772;
}

.lien_menu_3:hover {
background:url(./../images/fonds/hover_menu_3.gif) repeat-x;
background-color:#e2ad29;
font-weight:bold;
}

.lien_menu_3:hover span{
color:white;
}

.puce_menu {
border:none;
float:left;
margin-top:9px;
margin-right:3px;
}
/*=============================================================================================== */

/*====================================================== MENU ONGLET ===========================================*/
.menu_onglet {
width:699px;
height:44px;
line-height:44px;
padding:0px;
margin:20px 20px 0px 20px;
background:url(./../images/fonds/fond_menu_onglet.gif) repeat-x top;
font-weight:bold;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
clear:both;
}

.menu_onglet li{
width:127px;
height:40px;
line-height:40px;
padding:2px 0px;
margin:0px 5px;
list-style-type:none;
float:left;
}

.menu_onglet li img{
border:0px;
vertical-align:middle;
}

.menu_onglet li a{
display:block;
color:#a0a0a0;
}

#onglet_actif {
background-color:#e0e0e0;
position:relative;
z-index: 8;
margin-top:10px;
height:30px;
line-height:30px;
background:url(./../images/fonds/fond_menu_onglet_actif.gif) repeat-x top;
background-color:white;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
}

#onglet_actif a{
color:#587217;
}

.h2_sous_onglet {
background:#303030;
margin-top:0px;
color:white;
text-align:left;
padding-left:10px;
height:30px;
line-height:30px;
font-size:13px;
border-bottom:1px solid black;
}
/*===================================================================================================================*/

/*====================================================== MENU ONGLET N°2 (celui de l'admin...) ===========================================*/
.menu_onglet_2 {
width:620px;
font-weight:bold;
margin:0px auto 20px auto;
height:30px;
line-height:30px;   
}

.menu_onglet_2 a{
width:200px;
height:30px;
line-height:30px;
display:block; 
float:left;
border:1px solid #e0e0e0;
margin:0px 2px;
}

.menu_onglet_2 a:hover{
background:#eeeeee;
}

#menu_onglet_2_actif {
border:1px solid #808080;
background-color:#a0a0a0;
color:white;
}

/*===================================================================================================================*/

/*========================================== LOGIN ============================================== */

.div_login {
border-bottom:5px solid #c0c0c0;
width:210px;
height:150px;
margin:0px;
text-align:center;
font-weight:bold;
padding:0px 10px;
float:left;
background:#303030;
}

.div_login h4{
color:#aecb24;
border-bottom:1px solid #404040;
font-size:18px;
line-height:30px;
text-align:left;
margin:0px;
}

.div_login p{
line-height:22px;
padding-right:15px;
text-align:right;
color:#808080;
}

.div_login a {
color:#aecb24;
}

/*=============================================================================================== */

/* ========================================== WHOIS ============================================== */
.conteneur_whois {
width:740px;
height:150px;
float:left;
}

.conteneur_whois p img{
margin-left:20px;
}

.whois {
width:742px;
height:72px;
background:url(./../images/fonds/fond_whois.jpg) repeat-x;
background-color:#303030;
text-align:center;
font-size:14px;
color:#e0e0e0;
}

.whois p{
margin:0px;
}


.whois_bas {
width:742px;
height:77px;
background:url(./../images/fonds/fond_whois_bas.jpg) no-repeat;
}

/*=============================================================================================== */


/* SLIDESHOW
-----------------------------------------------------------------------------*/
div.slideshow {
	margin:0px 0px 30px;
	padding: 0px;
}

div.slideshow img {
	border:none;
	padding:0px;
}

div.slideshow ul {
	margin:0px;
	padding:px;
	list-style-type: none;
}

.slideshow {
	height: 200px;
	overflow: auto;
	position: relative;
	border: 1px solid #CCCCCC;
}

.slideshow li {
	height: 100%;
}

.slideshow li a {
	display: block;
	height: 100%;
	position: relative;
	text-decoration:none;
}

.slideshow li a span {
	background: url(./../images/slideshow_legend_bg.png);
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 10px 15px 11px 15px;
	color: white;
	min-height: 35px;
}

.slideshow li a span strong {
	color: white;
	font-size: 14px;
}

.slideshow-enabled {
	overflow: hidden;
	border: 0px;
}

.slideshow-enabled li {
	position: absolute;
}

.slideshow-enabled li a {
	background: url(./../images/slideshow_pulltab.png) repeat-y;
	padding-left: 50px;
}

.slideshow-enabled li a .slide-title {
	position: absolute;
	display: block;
	left: 1px;
	top: 1px;
	width: 48px;
	height: 198px;
}

div.slideshow.de .slideshow-enabled li a .slide-title {
	background-image: url(./../images/titles_de.png);
}

div.slideshow.en .slideshow-enabled li a .slide-title {
	background-image: url(./../images/titles_en.png);
}

div.slideshow.es .slideshow-enabled li a .slide-title {
	background-image: url(./../images/titles_es.png);
}

.slideshow-enabled li a .slide-number {
	position: absolute;
	display: block;
	left: 0px;
	bottom: 0px;
	width: 50px;
	height: 56px;
	background: url(./../images/slideshow_number.png) repeat-x;
	font-size: 28px;
	line-height: 56px;
	text-align: center;
	color: #CCCCCC;
}

.slideshow-enabled li a span {
	left: 50px;
}

.slideshow-enabled li.type0 a .slide-title { background-position: 0 0; }
.slideshow-enabled li.type1 a .slide-title { background-position: -48px 0; }
.slideshow-enabled li.type2 a .slide-title { background-position: -96px 0; }
.slideshow-enabled li.type3 a .slide-title { background-position: -144px 0; }
.slideshow-enabled li.type4 a .slide-title { background-position: -192px 0; }
.slideshow-enabled li.type5 a .slide-title { background-position: -240px 0; }
.slideshow-enabled li.type6 a .slide-title { background-position: -288px 0; }
.slideshow-enabled li.type7 a .slide-title { background-position: -336px 0; }
.slideshow-enabled li.type8 a .slide-title { background-position: -384px 0; }
.slideshow-enabled li.type9 a .slide-title { background-position: -432px 0; }
.slideshow-enabled li.type10 a .slide-title { background-position: -480px 0; }
.slideshow-enabled li.type11 a .slide-title { background-position: -528px 0; }

/* Wrapper enabling previous/next buttons */
.slideshow-wrapper {
	padding: 0px;
	margin: 0px;
	position: relative;
}

.slideshow-prev-button,
.slideshow-next-button {
	display: block;
	position: absolute;
	height: 61px;
	width: 8px;
	top: 50%;
	margin-top: -30px;
	background-repeat: no-repeat;
}

.slideshow-prev-button {
	left: 1px;
	background-position: right top;
	background-image: url(./../images/slideshow_left_tab.png);
}

.slideshow-prev-button:hover {
	background-position: right bottom;
}

.slideshow-next-button {
	right: 1px;
	background-image: url(./../images/slideshow_right_tab.png);
}

.slideshow-prev-button:hover {
	background-position: left bottom;
}

/* ========================================== LES OFFRES ============================================== */
.offres {
width:320px;
height:335px;
margin-right:10px;
float:left;
text-align:center;
}

.offres_infos {
width:210px;
height:80px;
}

.offres_infos  a{
display:block;
width:210px;
height:80px;
line-height:80px;
text-indent:-5000px;
-moz-outline-style: none;
}

.offres_infos_texte {
width:200px;
font-size:11px;
margin:120px 15px 0px 100px;
text-align:justify;
}

/*=============================================================================================== */

/*========================================= WHOIS =================================================*/

.table_whois {
margin:20px auto 0px auto;
border:1px solid #c0c0c0;
}

.table_whois  tr td{
height:25px;
line-height:25px;
}

.table_whois_legende {
font-weight:bold;
height:35px;
line-height:35px;
background:url(./../images/fonds/fond_banniere.jpg) repeat-x;
}
.table_whois_legende td{
border-bottom:1px solid #c0c0c0;
}

.whois_td_result {
background-color:#eeeeee;
}

.whois_td_result td{
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
}

.whois_erreur {
border:1px solid #e0e0e0;
padding:20px 0px;
margin:20px auto;
color:red;
width:95%;
}
/*=============================================================================================== */

/*========================================= COMMANDE =================================================*/

.div_commande {
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
border-bottom:3px solid #e0e0e0;
clear:both;
padding:0px 0px 10px 0px;
margin:0px 20px;
}

.div_commande h2{
font-size:14px;
}

.fieldset_commande {
margin:10px auto;
width:510px;
border:1px solid #a0a0a0;
padding:0px 10px;
display:block;
}

.fieldset_commande  legend{
font-weight:bold;
color:#404040;
}

.fieldset_commande  div input[type=text]{
width:150px;
}

/*=================================================================================================== */

/*======================================= LES FORMULAIRES ============================================*/

.input_text {
width:152px;
height:16px;
border:1px solid #a0a0a0;
}


.fieldset_erreur {
border-top:2px solid #a6c524;
border-bottom:2px solid #a6c524;
margin:0px 50px 30px 50px;
background:#f0f6d6;
padding:0px 10px;
text-align:left;
}

.fieldset_erreur h3{
font-size:13px;
color:#a6c524;
margin:10px auto;
}

.fieldset_erreur p span{
color:#a6c524;
}

.fieldset_erreur legend{
color:#a6c524;
font-weight:bold;
}

.erreur_formulaire {
color:#55741f;
}

.erreur_formulaire input{
border:2px solid #a6c524;
}

.erreur_formulaire select{
border:2px solid #a6c524;
}

.bouton_submit {
height:29px;
font-weight:bold;
font-size:11px;
border:none;
background:url(./../images/fonds/fond_submit_1.gif) repeat-x;
color:#2b2b2b;
}

.bouton_submit_1_gauche {
width:10px;
height:29px;
background:url(./../images/fonds/fond_submit_1_gauche.gif) no-repeat; 
float:left; 
}

.bouton_submit_1_droite {
width:10px; 
height:29px;
background:url(./../images/fonds/fond_submit_1_droite.gif) no-repeat;
float:left;
}

.bouton_submit_2 {
height:31px;
font-weight:bold;
font-size:11px;
border:none;
background:url(./../images/fonds/fond_submit_2.gif) repeat-x top left;
color:#2b2b2b;
}

.bouton_submit_2_gauche {
width:12px;
height:31px;
background:url(./../images/fonds/fond_submit_2_gauche.gif) no-repeat; 
float:left; 
}

.bouton_submit_2_droite {
width:13px; 
height:31px;
background:url(./../images/fonds/fond_submit_2_droite.gif) no-repeat;
float:left;
}

.bouton_submit_3 {
height:27px;
font-weight:bold;
font-size:11px;
border:none;
background:url(./../images/fonds/fond_submit_3.gif) repeat-x top left;
color:#769b40;
}

.bouton_submit_3_gauche {
width:12px;
height:31px;
background:url(./../images/fonds/fond_submit_3_gauche.gif) no-repeat; 
float:left; 
}

.bouton_submit_3_droite {
width:13px; 
height:31px;
background:url(./../images/fonds/fond_submit_3_droite.gif) no-repeat;
float:left;
}

.bouton_submit_4 {
height:29px;
font-weight:bold;
font-size:11px;
border:none;
background:url(./../images/fonds/fond_submit_1.gif) repeat-x;
color:#2b2b2b;
height:22px;
border:1px solid #404040;
border-top:none;
}


.label_auto {
width:100px;
display:block;
float:left;
}

/*=================================================================================================== */




/************************************************ LES TABLEAUX ******************************************************/

/*=========================== Table ====================================*/
.table_commande {
width:680px;
margin:0px auto;
border:1px solid #e0e0e0;
clear:both;
}

.table_commande_legend {
background:url(./../images/fonds/fond_table_legend.gif) repeat-x; 
height:30px; 
line-height:30px; 
background-color:#e0e0e0; 
font-weight:bold;
}

.table_commande_legend a {
color:#404040;
}

.table_commande tr{
height:24px;
line-height:24px;
}

.table_selection {
width:650px;
border:1px solid #e0e0e0;
margin:20px auto 10px auto;
}

/*=======================================================================*/

/***************** Table raison fr ****************/
.table_raison_fr {
	width:90%;
	margin:10px auto;
}

.table_raison_fr_legende {
	color:green;
	height:40px;
	font-size:18px;
	text-align:center;
	font-weight:bold;
}

.table_raison_fr tr td{
	padding:10px 10px;
}

.table_raison_fr_titre {
	width:130px;
	color:#0077b3;
	font-weight:bold;
}
/*************************************************/

/*********************************************************************************************************************/


/*======================================================================== Conteneur affichage Page ======================================================*/
.conteneur_affichage_page {
height:20px;
margin:20px auto;
}

.bouton_prec_total, .bouton_prec_total_desac {
width:20px;
height:20px;
line-height:20px;
margin-right:1px;
border:1px solid #c0c0c0;
float:left;
color:black;
}

.bouton_suiv_prec, .bouton_suiv_prec_desac {
width:70px;
height:20px;
line-height:20px;
border:1px solid #c0c0c0;
float:left;
color:black;
}

.bouton_suiv_prec {
font-weight:bold;
}

.bouton_prec_total:hover , .bouton_suiv_prec:hover, .bouton_suiv_total:hover, .numero_page:hover {
border:1px solid #a0a0a0;
background-color:#c0c0c0;
color:white;
}

.bouton_suiv_total, .bouton_suiv_total_desac {
width:20px;
height:20px;
line-height:20px;
margin-left:1px;
border:1px solid #c0c0c0;
float:left;
color:black;
}

.bouton_prec_total_desac, .bouton_suiv_prec_desac, .bouton_suiv_total_desac {
background:#eeeeee;
color:#c0c0c0;
}

.div_numero_page {
margin:0px 5px;
height:20px;
line-height:20px;
float:left;
}

.numero_page, .numero_page_ok {
font-weight:bold;
width:25px;
height:20px;
line-height:20px;
border:1px solid #c0c0c0;
display:block;
color:#c00000;
float:left;
margin-right:1px;
}

.numero_page_ok {
font-size:14px;
color:black;
}

/*=======================================================================================================================================================*/

/*================================================================ ESPACE CLIENT ========================================================================*/

.lien_espace_client {
display:block;
float:left;
width:168px;
height:100px;
line-height:20px;
text-align:center;
font-weight:bold;
}

.lien_espace_client a{
color:black;
}


.div_liste_domaines {
width:380px;
height:150px;
border:1px solid #e0e0e0;
}

.div_liste_domaines table{
text-align:left;
}

.div_liste_domaines table tr{
height:25px;
line-height:25px;
border-bottom:1px solid #eeeeee;
}

.div_liste_domaines table tr:hover{
background:#ffffdd;
font-weight:bold;
}

.div_liste_domaines table a{
color:black;
display:block;
}

.ul_liste_domaines li{
margin-bottom:5px;
}


/*=======================================================================================================================================================*/

/*===================================================================== TABLE ==========================================================================*/

/******************** Table facture **************/
.table_facture {
	width:700px;
	border:1px solid #a0a0a0;
	margin:0px auto;
}

.table_facture_legende {
	background:#c0c0c0;
}

.table_facture_legende  a{
	color:#404040;
}

.table_facture_legende td{
	text-align:center;
	border-bottom:1px solid #a0a0a0;
	border-left:1px solid #a0a0a0;
}


/***************************************************/

/*=======================================================================================================================================================*/


/*=====================================================================LES BLOCKS ======================================================================*/

/************************* Mode paiement ****************************/

.div_mode_paiement {
	margin:0px auto;
}

.div_mode_paiement p{
    width:670px;
	height:50px;
	line-height:50px;
	padding:5px 0px 7px 10px;
	border:1px solid #e0e0e0;
	margin:10px auto;
	text-align:left;
	padding-left:10px;
}

.div_mode_paiement p img{
	vertical-align:middle;
}

/*********************************************************************/

/************************* block infos ****************************/

.block_infos {
width:630px;
padding:10px 10px 10px 20px;
margin:10px auto;
border:1px solid #e0e0e0;
/* background:#f8fde1 url(./../images/pictos/infos.jpg) no-repeat 5px 15px;  */
background-color:#f8fde1;
}

/*********************************************************************/

/*=======================================================================================================================================================*/








.span_10 {
font-size:10px;
}

.span_red {
color:#804901;
}

.span_red_2  {
color:red;
}

.span_green {
color:#aecb24;
}

.spacer {
clear:both;
height:1px;
visibility:hidden;
font-size:1px;
line-height:1px;
}

.input_radio {
vertical-align:middle;
}



label {
vertical-align:middle;
}