/* ------------------------------------------------------------------------ */
/*          Style CSS ----------------------  - Micrologiciel - 2007        */
/*          Co Relook'in                ----------------------------------- */
/*          Design : IDclic (www.idclic.com) ------------------------------ */
/*          Découpe et CSS : Ink & Pix ------------------------------------ */
/* ------------------------------------------------------------------------ */

/* Body */
BODY {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000;
	margin: 0px;
	padding: 0px;
}
	
#Micro_login { color: #000; }

/* ----------------------------------------------------------------------------------------------- */
/* Liens dans le Site */
/* ----------------------------------------------------------------------------------------------- */
A:link, A:visited, A:active, A:hover {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #964415;
	font-weight: normal;
}

A:hover { text-decoration : none; }
A:visited { color: #8f5736; }

/* ------------------------------------------------------------------ */
/* Structure globale de la page */

#Container { width: 100%; /*height: 100%;*/ height: 531px; /*background: #fff url(images/ScrBgd.jpg) repeat-x top left;*/ background-color: #7a3f20; }

#Scr_TopLeft { background: transparent url(images/ScrBgd_TopLeft.jpg) no-repeat bottom right; max-height: 136px; min-height: 100px; height: 100px; max-width: 139px; width: 42%; }
#Scr_Top { background: transparent url(images/ScrBgd_Top.jpg) no-repeat bottom right; max-height: 136px; min-height: 100px; height: 100px; width: 993px; }
#Scr_TopRight { background: transparent url(images/ScrBgd_TopRight.jpg) no-repeat bottom left; max-height: 136px; min-height: 100px; height: 100px; max-width: 188px; width: 58%; }
#Scr_Left { background: transparent url(images/ScrBgd_Left.jpg) no-repeat top right; max-width: 139px; width: 42%; }
#Scr_Right { background: transparent url(images/ScrBgd_Right.jpg) no-repeat top left; max-width: 188px; width: 58%; }
#Scr_Btm { width: 993px; background: transparent url(images/BM_Bgd.gif) no-repeat top right; }
#Scr_BtmLeft { background: transparent url(images/ScrBgd_BtmLeft.jpg) no-repeat top right; max-width: 139px; width: 42%; }
#Scr_BtmRight { /*background: transparent url(images/ScrBgd_BtmRight.jpg) no-repeat top left;*/ max-width: 188px; width: 58%; }

#CoRelookin_Logo { width: 296px; height: 477px; /*background: transparent url(images/CoRelookin_logo.jpg) no-repeat;*/ margin: 0; padding: 0; }
#CoRelookin_Logo h1 { display: block; /*text-indent: -5000px;*/ margin: 0; padding: 0; visibility: hidden; font-weight: normal; }
#CoRelookin_Logo a { display: block; width: 296px; height: 477px; background: transparent url(images/CoRelookin_logo.jpg) no-repeat; margin: 0; padding: 0; color: #fff; text-decoration: none; }

#Options { color: #fff; font-weight: bold; width: 296px; padding: 4px; text-align: center; font-size: 9px; }
#Options a { color: #fff; font-weight: bold; text-decoration: none; font-size: 9px; }
#Options a:hover { color: #fff; font-weight: bold; text-decoration: underline; font-size: 9px; }

#TitleBanner { width: 12px; background: #7f3a12 url(images/title_banner.gif) no-repeat top right; }
#TitleBanner2 { width: 12px; background-color: #7f3a12; font-size: 1px; }

#Page_Container { /*background-color: #fff;*/ margin: 0; padding: 0; width: 993px; height: 450px; }
#Center_Content { width: 489px; background-color: #fff; }
#Center_Content2 { width: 489px; background-color: #fff; font-size: 1px; }

#Page_Btm { height: 35px; }
#Page_Btm_LeftCorner { width: 26px; height: 35px; }
#Page_Btm_Rgt { height: 35px; text-align: right; padding: 0 20px 0 0; } 

#Top_Content { max-height: 136px; min-height: 100px; height: 100px; width: 993px; padding: 0; }
#TM_Content { padding: 0 0 6px 0; }
#LM_Content { width: 296px; background: transparent url(images/CoRelookin_logoBgd.jpg) no-repeat top left; }
#RM_Content { width: 196px; background: #5a290d url(images/RM_Bgd2.png) repeat-y top left; padding: 10px 0 250px 0; }
#RM_Content table { }
#RM_table { }
#RM_ContentTd { height: 242px; width: 196px; background: transparent url(images/RM_Bgd.png) no-repeat top left; }
#BM_Content { height: 35px; width: 100%; padding: 0 0 0 196px; } 

#Logo_Right { width: 196px; background: #5a290d url(images/RM_Bgd2.png) repeat-y bottom left; font-size: 1px; }
#Logo_Right a { width: 196px; height: 244px !important; display: block; }
#LogoRContainer { width: 196px; height: 244px; background: #5a290d url(images/CoRelookin_logoRgt.png) no-repeat top left; position: absolute; margin: -244px 0 0 -196px; }
html>body #LogoRContainer { margin: -244px 0 0 0; }
/* ------------------------------------------------------------------ */
/* Tableaux principal*/
.Tablo_Main_Fond { background-color: #7a3f20; }

.Tablo_Main {
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

/* ------------------------------------------------------------------ */
/* Page Centrale du Site */
/* ----------------------------------------------------------------------------------------------- */

/* Fond des Pages du BO*/
.Tablo_Main_Bo {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding : 5px;
	background-color : White;
}

/* Contenu */
#contenu_table {
	border: 0;
	/*margin: 14px 10px 8px 8px;*/
	margin : 0;
	padding: 0;
	width: 489px;
	/*min-height: 499px;
	height: 94%;*/
}

#contenu_titre {

}

#contenu_txt {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000;
	vertical-align: top;
	text-align: left;
	padding: 4px;
	width: 489px;
	/*
	height: 100%;
	_height: 477px;
	*/
	background-color: #fff;
}
	
/* ----------------------------------------------------------------------------------------------- */
/* Style Général du Site */
/* ----------------------------------------------------------------------------------------------- */

/* taille des tableaux par defaut dans l'editeur */
td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/* Photos et Images */
.Photo { margin: 4px; }

/* Style textes de la page Contact*/
.Contact {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : normal;
	color : #000;
	text-align : left;
	padding: 4px;
}

/* Tailles TEXTE */
.Texte_09_Pix { font-size : 9px;}
.Texte_10_Pix {font-size : 10px;}
.Texte_11_Pix {font-size : 11px;}
.Texte_12_Pix {font-size : 12px;}
.Texte_13_Pix {font-size : 13px;}
.Texte_14_Pix {font-size : 14px;}
.Texte_15_Pix {font-size : 15px;}
.Texte_16_Pix {font-size : 16px;}
.Texte_17_Pix {font-size : 17px;}

/* ----------------------------------------------------------------------------------------------- */
/* Tableaux */
/* ----------------------------------------------------------------------------------------------- */
/* Cellule Titre */
.Array_Titre {
	background-color : #964415;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	color :#fff;
	font-weight : bold;
	text-transform: none;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
}

/* Cellule Normale */
.Array_Data {
	font-family : Arial, Helvetica, sans-serif;
	color : #000;
	font-size : 11px;
	font-weight : normal;
	vertical-align: top;
	padding-left: 4px;
	background: #fff;
}

/* Fond des tableaux */
.Array_Contour {
	font-size: 11px;
	border: 1px solid #964415;
	margin: 0;
}
/* ----------------------------------------------------------------------------------------------- */
/* Style Top Menu */
/* ----------------------------------------------------------------------------------------------- */

/* Style général */

#TM_Content img { margin: 0 6px; }
#TM_Content a { font-weight: bold; }
/* Liens du Top Menu */
A.Tab { margin: 0; }
A.Tab:link { line-height: 16px; height: 16px; font-size : 11px; text-decoration : none; color : #fff; padding: 0 2px; }
A.Tab:visited { line-height: 16px; height: 16px; font-size : 11px; text-decoration : none; color : #fff; padding: 0 2px; }
A.Tab:active { line-height: 16px; height: 16px; font-size : 11px; text-decoration : none; color : #fff; padding: 0 2px; }
A.Tab:hover { line-height: 16px; height: 16px; font-size : 11px; text-decoration : none; color : #964415; padding: 0 2px; }

/* Liens du Top Menu Active*/
A.Tab { margin: 0 4px 0 0; }
A.Tab_Active:link { line-height: 16px; height: 16px; font-size : 11px; text-decoration : none; color : #964415; padding: 0 2px; }
A.Tab_Active:visited { line-height: 16px; height: 16px; font-size : 11px; text-decoration : none; color : #964415; padding: 0 2px; }
A.Tab_Active:active { line-height: 16px; height: 16px; font-size : 11px; text-decoration : none; color : #964415; padding: 0 2px; }
A.Tab_Active:hover { line-height: 16px; height: 16px; font-size : 11px; text-decoration : none; color : #964415; padding: 0 2px; }

/* Tableau Sous Top général */
.TabSousTopMenu { padding: 4px 0 6px 0; white-space: nowrap; background-color: #fff; border: 1px solid #964415; }

/*Emplacement du Sous Top Menu*/
.DivSousTopMenu { display: block; clear:both; position: absolute; padding: 0; margin: 0; visibility: hidden; z-index: 100; }

/*FireFox*//*Emplacement du Sous Top Menu*/
html>body .DivSousTopMenu { clear:both; position: absolute; white-space: nowrap; padding: 0; margin: 0; visibility: hidden;  }


/* Couleur Ligne de séparation des Sous top*/
.LigneSousTopMenu {
	margin: 2px;
	border-bottom-color: #964415;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width:100%;
	}

/* Liens du Sous Top Menu */
A.SousTopMenu:link , A.SousTopMenu:visited , A.SousTopMenu:active {
	line-height: 15px;
	height: 15px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	white-space: nowrap;
	background: url(images/puce.gif) no-repeat left 6px;
	padding: 0 0 0 8px;
	margin: 2px 4px 2px 4px;
	}
		
A.SousTopMenu:hover {
	line-height: 15px;
	height: 15px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #f89e46;
	white-space: nowrap;
	background: url(images/puce.gif) no-repeat left 6px;
	padding: 0 0 0 8px;
	margin: 2px 4px 2px 4px;
	}
	
/* Liens du Sous Top Menu Active*/
A.SousTopMenu_Active:link , A.SousTopMenu_Active:visited , A.SousTopMenu_Active:active {
	line-height: 15px;
	height: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #f89e46;
	white-space: nowrap;
	background: url(images/puce.gif) no-repeat left 6px;
	padding: 0 0 0 8px;
	margin: 2px 4px 2px 4px;
	}
	
A.SousTopMenu_Active:hover {
	line-height: 15px;
	height: 15px;
	font-weight: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #f89e46;
	white-space: nowrap;
	background: url(images/puce.gif) no-repeat left 6px;
	padding: 0 0 0 8px;
	margin: 2px 4px 2px 4px;
	}
	
/* ----------------------------------------------------------------------------------------------- */
/* Menus GAUCHES */
/* ----------------------------------------------------------------------------------------------- */

/* Titre des Menus dans les Menus*/
.Tab2 {}

.LM_Rubs { }
.Menu_Left { }

/* Couleur Ligne de séparation */
.Ligne { }

/* MG - Gestion puces des pages */
A.Menu img { }

/* MG - Titres de toutes les pages */
A.Menu:link , A.Menu:visited , A.Menu:active , A.Menu:hover {}

/* MG - Survol de toutes les pages */
A.Menu:hover {}

/* MG - Gestion puces des Page Selectionnéee */
A.Menu_Actif img { }

/* MG - Page Selectionée Uniquement (et le Titre Sous-Menu) */
A.Menu_Actif:link , A.Menu_Actif:visited , A.Menu_Actif:active , A.Menu_Actif:hover  {}

/* Gestion de l'alignement des titres sur 2 lignes en décalant l'image */
A.Menu img, A.Menu_Actif img {  }
a.Menu, a.Menu_Actif {  }
html>body .Menu img, html>body .Menu_Actif img {  }
html>body a.Menu, html>body a.Menu_Actif {  }

/* MG - Gestion puces Toutes les pages des Sous Menu sauf pour la Page Sous-Menu Active */
A.Sous_Menu img { }

/* MG - Toutes les pages des Sous-Menu sauf pour la Page Sous-Menu Active */
A.Sous_Menu:link , A.Sous_Menu:visited , A.Sous_Menu:active , A.Sous_Menu:hover {}
	
/* MG - Survol de toutes les pages des Sous-Menu sauf la Page Sous-Menu Active */
A.Sous_Menu:hover {}

/* MG - Gestion puces des Pages du Sous-Menu Actif */
A.Sous_Menu_Actif img { }

/* MG - Pages Du Sous-Menu Actif */
A.Sous_Menu_Actif:link , A.Sous_Menu_Actif:visited , A.Sous_Menu_Actif:active , A.Sous_Menu_Actif:hover {}

/* ----------------------------------------------------------------------------------------------- */
/* Menus DROITS */
/* ----------------------------------------------------------------------------------------------- */
.RM_Rubs  { margin: 10px 6px 14px 6px; }
.Menu_Right { margin: 0 0 0 18px; }

/* Titre des Menus Droits*/
.Tab2_D {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color :#fff;
	text-transform: none;
	text-align: left;
	vertical-align: middle;
	padding: 0px 0px 0px 8px;
	background: url(images/RM_puceTitle.gif) no-repeat left center;
}

/* Couleur Ligne de séparation */
.Ligne_D { 
	xdisplay: block;
	xfloat: left;
	margin: 3px 10px;
	border-bottom-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 180px;
}

/* MD - Gestion puces des Pages */
A.Menu_D img { padding: 0; border: 0; }

/* MD - liens par défaut des menus non sélectionnés */
A.Menu_D:link , A.Menu_D:visited , A.Menu_D:active , A.Menu_D:hover {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	padding: 0 4px 0 0;
	display: block;
	float: left;
	clear: both;
}

/* MD - Survol de toutes les pages */
A.Menu_D:hover { 
	color: #ec8d55;
	text-decoration: none;
	display: block;
	float: left;
	clear: both;
}

/* MD - Gestion puces des Pages Selectionées */
A.Menu_Actif_D img { padding: 0; border: 0; }

/* MD - Page Selectionnée Uniquement (et le Titre Sous-Menu) */
A.Menu_Actif_D:link , A.Menu_Actif_D:visited , A.Menu_Actif_D:active , A.Menu_Actif_D:hover  {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ec8d55;
	text-decoration: none;
	display: block;
	float: left;
	clear: both;
}


/* Gestion de l'alignement des titres sur 2 lignes en décalant l'image */
A.Menu_D img, A.Menu_Actif_D img { display: block; position: absolute; margin: 4px 0px 0px -8px; float: left; }
a.Menu_D, a.Menu_Actif_D { text-indent: -0.2em; margin: 0 6px 0 10px; }
html>body .Menu_D img, html>body .Menu_Actif_D img { margin: 4px 0px 0px -8px; }
html>body a.Menu_D, html>body a.Menu_Actif_D { padding: 0; width: auto; }

/* MD - Gestion puces Toutes les pages des Sous Menu sauf pour la Page Sous-Menu Active */
A.Sous_Menu_D img { margin-left: 4px; margin-right: 1px; padding: 0; border: 0; }

/* MD - Toutes les pages des Sous-Menu sauf pour la Page Sous-Menu Active */
A.Sous_Menu_D:link , A.Sous_Menu_D:visited , A.Sous_Menu_D:active , A.Sous_Menu_D:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	margin: 0 0 0 12px;
	width: 100%;
	background: url(images/puce_ssrub.gif) no-repeat left bottom;
	padding: 0 4px 0 5px;
}
	
/* MD - Survol de toutes les pages des Sous-Menu sauf la Page Sous-Menu Active */
A.Sous_Menu_D:hover {
	color: #ec8d55;
	text-decoration: none;
}

/* MD - Gestion puces des Pages du Sous-Menu Actif */
A.Sous_Menu_Actif_D img { margin-left: 0px;  vertical-align: middle; border: none; padding: none; }

/* MD - Pages Du Sous-Menu Actif */
A.Sous_Menu_Actif_D:link , A.Sous_Menu_Actif_D:visited , A.Sous_Menu_Actif_D:active , A.Sous_Menu_Actif_D:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #ec8d55;
	margin: 0 0 0 12px;
	width: 100%;
	background: url(images/puce_ssrub.gif) no-repeat left bottom;
	padding: 0 0 0 5px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Menus Gauche et Droit */
/* ----------------------------------------------------------------------------------------------- */
/* Fond des tableaux des Menus Gauches et Droites*/
.Tablo_Menu {
	padding: 0;	
}


/* ----------------------------------------------------------------------------------------------- */
/* Style Bottom Menu */
/* ----------------------------------------------------------------------------------------------- */
/* Style général */

#BM_Content img { margin: 0 6px; }

.Bottom_Menu {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold
	color: #fff;
	text-align : left;
	vertical-align: middle;
	white-space: nowrap;
}

/* Liens du Bottom Menu */
A.Bottom_Tab:link , A.Bottom_Tab:visited , A.Bottom_Tab:active , A.Bottom_Tab:hover {
	text-align: left;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size : 11px;
	font-weight: bold;
	color : #fff;
}

A.Bottom_Tab:hover {
	color : #ec8d55;
}

/* Liens du Bottom Menu Actif*/
A.Bottom_Tab_Active:link , A.Bottom_Tab_Active:visited , A.Bottom_Tab_Active:active , A.Bottom_Tab_Active:hover {
	text-align: left;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size : 11px;
	font-weight: bold;
	color : #ec8d55;
}

/* ----------------------------------------------------------------------------------------------- */
/* Formulaires */
/* ----------------------------------------------------------------------------------------------- */

/* Boutons Envoyer Effacer ok */
.Bouton {
   font-family: Arial, Helvetica, sans-serif;
	color: #964415;	
	font-size: 11px;
	text-align: center;
	cursor: hand;
	border: 1px solid #964415;
	height: 18px;
	margin-right: 4px;
	margin-left: 4px;
	background: #d8dae1 url(images/bt-form.gif) repeat-x bottom left;
}

/* .Txt_Area - Cellule de saisi texte multiligne */
/* .Txt_Input - Cellules restantes */
/* .Menu_Select - Liste déroulante Des Sous-Menus */
.Txt_Area , .Txt_Input , .Menu_Select {
	font-family :  Arial, Helvetica, sans-serif;
	background-color : #fff;
	color : #964415;
	font-size : 11px;
	border : 1px solid #964415;
}
#LM_Content .Txt_Area, #LM_Content .Txt_Input, #LM_Content .Menu_Select { width : 120px; }

/* .Module - Cellule News et Recherche */
.Module {
	font-family :  Arial, Helvetica, sans-serif;
	background-color : #fff;
	color : #964415;
	font-size : 11px;
	border : 1px solid #964415;
	width : 90px;
}

.LM_Rubs .Module { width: 122px; }
.LM_Rubs .Bouton { width: 88px; }


/* ----------------------------------------------------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------------------------------------------------- */
/* Texte du Footer */
#Footer-Line { color: #fff; font-weight: bold; height: 35px; text-align: center; padding: 0 0 0 196px; }

.Footer {
	font-size : 9px;
	font-family : Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color : #fff;
	text-decoration : none;
	text-align : left;
	vertical-align: middle;
}

/* Lien du Footer */
A.Footer_Lien:link , A.Footer_Lien:visited , A.Footer_Lien:active {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	text-decoration : none;
	color: #fff;
	font-weight : bold;
	/*margin: 0 10px;*/
	white-space: nowrap;
}

A.Footer_Lien:hover {
	text-decoration : underline;
}

/* ----------------------------------------------------------------------------------------------- */
/* Catalogues */
/* ----------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------- */
/* Divers */
/* ----------------------------------------------------------------------------------------------- */
/* Warning du caddie*/
.CadWarning{
 font-size : 11px;
 font-family :  Arial, Helvetica, sans-serif;
 color : #FF0000;
 font-weight : bold;
}

/* Adresse site Internet */
.url_Site {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #964415;
	font-weight : bold;
	text-align: left;
	text-indent: 40px;
	}

/* ----------------------------------------------------------------------------------------------- */
/* Ajout Derniere Minute */
/* ----------------------------------------------------------------------------------------------- */
#BannerPub { width: 645px; height: 60px; position: absolute; margin: 10px 0 0 296px; text-align: center; }
#RM_Content form { text-align: center; }