/***************************************************************************************************************
** Css g�n�rique aux G�niecubes Cam�l�on
** Rien ne doit �tre modif�
** Add-Online, www.addonline.fr
*** 2 colonnes, menu à droite, v1.0
***************************************************************************************************************/

html, body {
	margin:0;
	padding:0;
	color:#000;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* rose */
#cadre {
	background-image: url(../images/base/cadre.gif);
}

/* derri�re le bloc rouge, image r�p�t�e en x */
#cadre_0 {
	background: url(../images/base/cadre_0.gif) repeat-x top;
}

/* rouge en haut, r�p�tition en x ou image centr�e */
#cadre_1 {
	background: url(../images/base/cadre_1.gif) no-repeat top center;
}

/* violet en pied de page, r�p�tition en x  ou image centr�e ATTENTION, aligner en bottom -> pas de background-color */
#cadre_2 {
	background-position:bottom;
	background-image: url(../images/base/cadre_2.gif);
}

#cadre_2b {
	background-position:bottom;
	background-image: url(../images/base/cadre_2b.gif);
}

/* cadre de largeur fixe (980px) centr� dans la fen�tre, peux contenir des ombres */
#cadre_3 {
	width:964px;
	padding: 0 18px 0 18px;
	margin:auto;
	background: url(../images/base/cadre_3.gif) repeat-y;
	/*background-color:#ff8501;*/
}

/* par d�duction 944px de large, le jaune du psd */
#cadre_4 {
	/*background-color:#fdff01;*/
	background: url(../images/base/cadre_4.gif) repeat-y left;
}

/****************************************************************************************************************/
/* EN-T�TE */
/****************************************************************************************************************/
/* hauteur variable */
#header {
	/*background-color:#01e5ff;*/
	position:relative;
	background: url(../images/base/header.gif) no-repeat;
	width:964px;
	z-index:2;
}

#header a.tohome {
	position:absolute;
	display:block;
	cursor:pointer;
}

#header a.tohome span {
	display:none;
}

/* utiliser un display:none si la barre de langue n'est pas pr�sente */
#langues {
	position:absolute;
	/*display:none;*/
}

#langues img {
	border:none;
}

#navh {
	/*background-color:#01ff07;*/
	position:absolute;
	left:0;
	bottom:0;
	height:38px;
}

/* 1er niveau */
#navh ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:1px;
}

#navh ul li {
	display:block;
	float:left;
	line-height:38px;
	position:relative;
	margin:0;
	padding:0;
	font-size:1px;
}

#navh ul li a.hnormale,
#navh ul li a.hhover,
#navh ul li a.hhoverl {
	display:block;
	float:left;
	height:38px;
	padding: 0 15px 0 15px;
	text-decoration:none;
}
#navh ul li a.hhover,
#navh ul li a.hhoverl {
	background: url(../images/base/navh_ahover_repeat.gif) repeat-x;
}

#navh .smenuv {
	z-index:99;
	position:absolute;
	top:38px;
	left:0;
	background-image: none;
	padding-top: 0;
}
#navh .smenuv ul {
	padding-top: 10px;
}

#navh .smenuv li {
	float:none;
	/*line-height:18px;*/
	line-height: 12px;
	display:block;
	/*min-height:18px;
	_height:18px;*/
}


/* 2nd niveau */
#navh .smenuv .smenuv {
	left:176px;
	top:-10px;
	background:url(../images/base/bkg_smenu_top.gif) no-repeat top;
	padding-top:10px;
}
#navh .smenuv .smenuv ul {
	padding-top: 0;
}

/****************************************************************************************************************/
/* COLONNE DE GAUCHE */
/****************************************************************************************************************/
#colonnegauche {
	float:left;
	width:180px;
	z-index:1;
	position:relative;
	/*background-color:#a5059f;*/
}

/* Bloc de recherche */
#recherche {
	background: url(../images/base/recherche.gif) no-repeat;
	height:78px;
	position:relative;
}

#recherche span {
	position:absolute;	
}

#recherche form {
	margin:0;
	padding:0;
	position:relative;
	height:78px;
	cursor:default;
}

#recherche #txt_keywords {
	position:absolute;
	background:none;
	border:none;
	top:48px;
	right:30px;
	font-size:11px;
}

#recherche #btn_search {
	position:absolute;
	top:46px;
	right:0;
	width:30px;
	height:21px;
	cursor:pointer;
}

/* Bloc de menu gauche */
.menuv ul {
	list-style-type:none;
	margin:0;
	padding:0;
	/*line-height:18px;*/
	background: url(../images/base/bkg_menuv_bottom.gif) no-repeat bottom;
	font-size:1px;
}

.menuv h1 {
	background: url(../images/base/menuv_h1_repeat.gif) repeat-y;
	margin:0;
	padding:0;
}
.menuv h1 span {
	background: url(../images/base/menuv_h1.gif) no-repeat;
	display:block;
	min-height:19px;
	_height:19px;
	padding-top:16px;
}

.menuv li {
	position:relative;
	display:block;
	width:100%;
	line-height:1%;
}

.menuv h2 {
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
}

.menuv h2 a,
.menuv h2 a.hnormale,
.menuv h2 a.hhover,
.menuv h2 a.hhoverl {
	display:block;
	background: url(../images/base/menuv_h2_repeat.gif) repeat-y top left;
	padding: 5px 0;
	line-height:13px;
}

* html .menuv h2 a,
* html .menuv h2 a.hnormale,
* html .menuv h2 a.hhover,
* html .menuv h2 a.hhoverl {
	float:left;
	width:180px;
}

.menuv h2 span {
	display:block;
	background: url(../images/base/menuv_h2.gif) no-repeat 0 -2px;
}

.menuv h2 a.hhover,
.menuv h2 a.hhoverl {
	text-decoration:none;
	background-image: url(../images/base/menuv_h2_repeat_hover.gif);
}
.menuv h2 a.hhover span,
.menuv h2 a.hhoverl span {
	background-image: url(../images/base/menuv_h2_hover.gif);
}

.smenuv {
	display:none;
	position:absolute;
	top:-10px;
	left:180px;
	width:176px;
	z-index:9999;
	padding-top:10px;
	background: url(../images/base/bkg_smenu_top.gif) no-repeat;
}

.smenuv span {
	display:block;
}

.smenuv .smenuv {
	left:176px;
}

.smenuv ul {
	background: url(../images/base/bkg_smenu_repeat.gif) repeat-y;
}

.smenuv div.bottom {
	position:relative;
	background:url(../images/base/bkg_smenu_bottom.gif) no-repeat bottom;
	padding-bottom: 10px;
}

.smenuv li {
}

.smenuv ul a,
.smenuv ul a.snormale,
.smenuv ul a.shover,
.smenuv ul a.shoverl {
	display:block;
	line-height:13px;
	text-decoration:none;
	font-size:12px;
	padding: 5px 0;
}
.smenuv ul a span,
.smenuv ul a.snormale span,
.smenuv ul a.shover span,
.smenuv ul a.shoverl span {
	background:url(../images/base/bkg_smenu_out.gif) no-repeat 0 -2px;
}

.smenuv ul a.shover,
.smenuv ul a.shoverl {
	background:url(../images/base/bkg_smenu_hover_repeat.gif) repeat-y;
}
.smenuv ul a.shover span,
.smenuv ul a.shoverl span {
	background:url(../images/base/bkg_smenu_hover.gif) no-repeat 0 -2px;
}

/* Bloc actualit�
** 
*/
#actualite {
	background: url(../images/base/actualite.gif) no-repeat;
	height:134px;
	padding:0;
}

#actualite h1 {
	margin:0;
	padding:0;
	display:block;
	height:35px;
	position:relative;
}

#actualite h1 span {
	position:absolute;
}

/* Boutons
**	Css de base (cf. client.css)
*/
.btn {
	background-repeat:no-repeat;
	position:relative;
}

.btn a, .btn a:hover {
	position:absolute;
	display:block;
	cursor:pointer;
	text-decoration:none;
}

/****************************************************************************************************************/
/* COLONNE CENTRALE */
/****************************************************************************************************************/
#colonnecentre {
	float:left;
	width:604px;
	/*background-color:#2b3c92;*/
	background: url(../images/base/colonnedroite.gif) repeat-y;
	margin-top:22px;
}

#chemin {
	/*background-color:#8a0303;*/
	line-height:11px;
	font-size:11px;
	margin-left:30px;
}

#contenu {
	margin: 18px 30px 0 30px;
	/*background-color:#000;*/
}

/****************************************************************************************************************/
/* COLONNE DROITE */
/****************************************************************************************************************/
#colonnedroite {
	float:left;
	width:180px;
}


/****************************************************************************************************************/
/* PIED DE PAGE */
/****************************************************************************************************************/
#totop {
	padding-right:210px;
	text-align:right;
	line-height:25px;
	font-size:11px;
	clear:both;
	height:25px;
}

#footer {
	height:60px;
	line-height:60px;
	width:964px;
	/*background-color:#1fd3ff;*/
	background: url(../images/base/footer.gif) no-repeat;
	position:relative;
}

#footer .tohome {
  position: absolute;
  top: 0;
  left: 0;
}

#footer img {
	border:none;
	vertical-align:middle;
}

#navf {
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
	top:0;
	left:209px;
}

#navf li {
	display:inline;
	border-right:1px solid;
	margin-right:8px;
}
#navf li.last {border:none;}

#navf li a {
	margin-right:6px;
}

#addonline {
	position:absolute;
	right:18px;
	top:0;
	line-height:18px;
}

#addonline img {
	vertical-align:middle;
}

#addonline a#toaddonline {
	font-size:10px;
	margin-right:10px;
}