/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
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;}
.geniecubecontenu a {
	font-size: 10px;
	color: #F3642B;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
COULEUR/FONT/TAILLE PAR DEFAUT
-------------------------------------------------*/
html, body, a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
body{
	background-image:url(../images/cadre/fond-body-repeat.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#212121;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
TAILLE 
-------------------------------------------------*/
#pied,#pied_1{height:50px;}
#cadre_1,#pied_1{width:912px;} /*902px + 5px de chaque cote pour ombre */
html{min-width:912px;}
#entete{top:50px;}
#entete,#entete_1,#entete_2{height:210px; /*178px;*/}
#entete_2 {
	position: relative;	
}
#cadre{margin-top:-50px;background-position:0 50px;}
#corps {margin-top:50px;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 */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CADRE
----------------------------------------------
#cadre,#cadre_1,#cadre_2
-------------------------------------------------*/
#cadre {
	min-height:100%;width:100%;
	background-image:url(../images/cadre/fond_cadre.gif);
	background-repeat:repeat-x;
}
#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:5px 8px; /* 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:5px;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;}

/* 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 10px ; /* 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);
}
#pied_1{
	background-image:url(../images/pied/fond-pied1.gif);
}
#pied{
	display:block;
	margin:auto;
	width:100%;
	clear:both;
	position:relative;
	background-repeat:repeat-x;
}
#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:42px;top:6px; /* permet de positionner le lien par rapport au coint haut gauche de #pied_1*/
	width:82px;height:42px;
}
#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 193px; /* permet de positionner le menu par rapport au coint haut gauche de #pied_1*/
}
#menu_pied li {
	border-right:1px solid #fff; /* permet de specifier la couleur des bordures */
}
#menu_pied li a { /* permet de specifier la couleur des liens*/
	color:#fff;
	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;top:6px; /* positionne le bloc creation  par rapport au coint haut gauche de #pied_1*/
	width:165px; /* Specifie la taille du bloc */
	height:42px; /* correspond a la hauteur de l'image addonline */ 
}
#menu_addonline a{
	line-height:42px; /* correspond a la hauteur de l'image addonline */ 
}
#menu_addonline {text-align:right;position:absolute;float:right;}
#menu_addonline a{color:#fff;vertical-align:middle;text-align:left;}
#menu_addonline a.versaddonline {padding-right:10px;}
#menu_addonline a img{vertical-align:middle;}