/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
GLOBAL
-------------------------------------------------*/
html, body {height:100%;}
html,body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
a{text-decoration:none;}
a:hover {text-decoration:underline;}
.clearboth {clear:both;height:0px;font-size:1px;display:block;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
COULEUR/FONT/TAILLE PAR DEFAUT
-------------------------------------------------*/
html, body, a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#615346;
}
body{
	background-image:url(../images/cadre/fond-body-repeat.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#615951;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
TAILLE 
-------------------------------------------------*/
#pied,#pied_1{height:46px;}
#cadre_1,#pied_1{width:912px;} /*902px + 5px de chaque cote pour ombre */
html{min-width:912px;}
#entete{top:46px;}
#entete,#entete_1,#entete_2{height:136px; /*178px;*/}
#cadre{margin-top:-46px;background-position:0 46px;}
#corps {margin-top:46px;width:902px;}
#contenu {width:706px;}/*Faire suivant le template de navigation. La taille du tableau geniecube sera #contenuWidth- #contenu_1marginLeft - #contenu_1marginRight soit 689 */
#menu_g {
	/* width:193px; specifi� par template de navigation verticale*/
}
/* #contenuWidth+#menu_gWidth = #cadreWidth */
#ephemeride {
	position: absolute;
	right: 12px;
	top: 24px;
	color: #a3968e;	
}

#ephemeride span {
	font-weight: bold;	
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CADRE
----------------------------------------------
#cadre,#cadre_1,#cadre_2
-------------------------------------------------*/
#cadre {
	min-height:100%;width:100%;
	background-image:url(../images/cadre/fond_cadre.gif);
	background-repeat:no-repeat;
	background-position:50% 46px;
	min-width:912px;
}
#cadre_1 {
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
}
* html #cadre_1,* html #cadre {height:100%;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ENTETE
----------------------------------------------
#entete,#entete_1,#entete_2
#logoclient,#phrase
-------------------------------------------------*/
#entete{
	position:relative;
	background-image:url(../images/entete/fond_entete.gif);
	background-repeat:repeat-y;
	z-index:3;
}
/* ----------------------------------------------
LOGO CLIENT
-------------------------------------------------*/
#entete #logoclient{
	/* background-image:url(../images/entete/logo_client.png); */
	top:10px;left:80px;
	width:262px;height:137px;
	position:absolute;
	background-repeat:no-repeat;
}
* html #entete div#logoclient a{ 
	/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='images/entete/logo_matilec.pn',sizingMethod='crop'); */
	background-image: none;
}
#entete #logoclient a{display:block;width:100%;height:100%;}
#entete #logoclient strong{display:none;}


#entete  #phrase{display:none;}
#entete_1 {
	background-image:url(../images/entete/banniere2.jpg);
	background-position:12px 0px; /* 5px correspond � l'ombre */
	background-repeat:no-repeat;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
MENU HORIZONTAL
----------------------------------------------
#menu_h,#menu_h_1,#menu_h_2
-------------------------------------------------*/
/* Specifier que la longueur et position le reste des CSS EST SPECIFIER PAR TEMLATE NAVIGATION  H*/
#menu_h{
position:absolute;bottom:0px;left:0;
width:100%;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CORPS
----------------------------------------------
#corps,#corps_1,#corps_2
-------------------------------------------------*/
#corps {margin-left:5px;z-index:2;} /* 5px correspond � l'ombre */

/* +++++++++++++++++++++++++++++++++++++++++++++++
MENU VERTICVAL
----------------------------------------------
#menu_g,#menu_g_1,#menu_g_2
-------------------------------------------------*/
#menu_g {float:left;background-color:#ffffff;}

/* width est specifi� par template de navigation vertical 
 assi que les css des blocs interieurs
*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CONTENU
-------------------------------------------------
#contenu,#contenu_1,#contenu_2
-------------------------------------------------*/
#contenu {
	float:left;
}
#contenu_1 {
	margin:10px 10px 25px 30px ; /* la marge basse ne doit pas etre inferieure a 20px a caus du  lien remonter en haut page */
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CHEMIN
----------------------------------------------
#chemin
-------------------------------------------------*/
#chemin{margin:0 0 10px 0;}
#chemin,#chemin a{font-size:11px;color:#959595;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
TABLEAU GENIECUBE
----------------------------------------------
.geniecubecontenu
-------------------------------------------------*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
PIED
----------------------------------------------
#pied,#pied_1,#pied_2,
#menu_pied,#menu_addonline,
-------------------------------------------------*/
#pied img{border:none;}
#pied{
	background-image:url(../images/pied/fond-pied.gif);
	background-position:50% 0;
	background-repeat:no-repeat;
}
#pied_1{
	background-image:url(../images/pied/fond-pied1.gif);
}
#pied{
	display:block;
	margin:auto;
	width:100%;
	clear:both;
	position:relative;
}
#pied_1{
	display:block;
	margin:auto;
	clear:both;
	position:relative;
	background-image:url(../images/pied/fond-pied1.gif);
	background-repeat:no-repeat;
}

/*-----------------------------------------------
MENU PIED MENU REMONTE/ACCEUIL LOGO
-------------------------------------------------*/

#menu_pied_interne .logoaccueil{ /* correspond au logo client en pied de page */
	left:16px;top:10px; /* permet de positionner le lien par rapport au coint haut gauche de #pied_1*/
	width:202px;height:35px;
}
#menu_pied_interne .hautdepage{/* correspond au lien Retour haut de page a droite */
	right:10px; /* correspond a la marge droite de contenu_1 */
}
#menu_pied_interne,#menu_pied_interne ol, #menu_pied_interne ul,#menu_pied_interne li{font-size:1px;padding:0;margin:0;list-style:none;}
#menu_pied_interne li{display:inline;}
#menu_pied_interne .logoaccueil{position:absolute;display:block;z-index:2;
background-image:url(../images/pied/logoclient.gif)}
#menu_pied_interne .hautdepage{top:-20px;width:150px;padding:2px 0pt;position:absolute;text-align:right;}
#menu_pied_interne .logoaccueil strong{display:none;}
/*-----------------------------------------------
MENU PIED
-------------------------------------------------*/
#menu_pied {
	display:inline;
	margin:21px 0 0 260px; /* permet de positionner le menu par rapport au coint haut gauche de #pied_1*/
}
#menu_pied li {
	border-right:1px solid #414141; /* permet de specifier la couleur des bordures */
}
#menu_pied li a { /* permet de specifier la couleur des liens*/
	color:#414141;
	font-size:11px;
}
#menu_pied {float:left;padding:0;list-style-type:none;text-align:center;z-index:1;}
#menu_pied li {display:inline;padding-right:5px;margin-left:5px;}
#menu_pied li.last {border-right:none;}

/*-----------------------------------------------
MENU PIED ADDONLINE
-------------------------------------------------*/
#menu_addonline { 
	right:15px;
	right:85px;
	top:10px; /* positionne le bloc creation  par rapport au coint haut gauche de #pied_1*/
	width:205px; /* Specifie la taille du bloc */
	height:34px; /* correspond a la hauteur de l'image addonline */ 
}
#menu_addonline a{
	line-height:34px; /* correspond a la hauteur de l'image addonline */ 
}
#menu_addonline {text-align:right;position:absolute;float:right;}
#menu_addonline a{font-size:10px;color:#414141;vertical-align:middle;text-align:left;}
#menu_addonline a.versaddonline {padding-right:10px;}
#menu_addonline a img{vertical-align:middle;}
/*-----------------------------------------------
MENU PIED ESCURE
-------------------------------------------------*/
#menu_esecure{
position:absolute;right:5px;top:10px;
}