/***************************************************************************************************************
** Géniecube Caméléon
** Css spécifique
** Add-Online, www.addonline.fr
***************************************************************************************************************/

body {
	background-color: #fff;
	font: 12px Arial;
	margin-top:50px;
}

/* cadre rose, on décide du mode de répétition */
#cadre {
	/*background-color:#ededec;*/
	background-repeat: repeat-y;
	background-position: center;
}

#cadre1 {
	background-color:#FFFFFF;
}

/* cadre violet, l'image centrée */
#cadre_2 {
	background-repeat: no-repeat;
}

/* cadre violet, image répétée en x */
#cadre_2b {
	background-repeat: repeat-x;
}

/* hauteur du bandeau (navigation comprise) */
#header {
	height:142px;
}

/* taille et emplacement du lien de retour à l'accueil */
#header a.tohome {
	width:420px;
	height:85px;
	top:0px;
	left:0px;
}

/* position de la barre de langue */
#langues {
	top:5px;
	right:0px;
}

#chemin, a{
	color:#7b7b7b;
}

#formRecherche {
	width: 301px;
	height: 21px;
	border: 1px solid #b0a398;
	position: absolute;
	right: 0;
	top: 14px;
}

#formRecherche #txt_keywords {
	float: left;
	border: 0 none;
	background: none;
	font-family: Arial;
	font-size: 12px;
	color: #7e746b;
	margin: 2px 0 0 5px;
	width: 270px;
}

#formRecherche .btt_recherche {
	float: right;
	margin: 3px 3px 0 0;
}

#ephemeride {
	position: absolute;
	right: 0;
	top: 61px;
	color: #7e746b;	
}

#ephemeride span {
	font-weight: bold;	
}

/**********************************************************************************************/
/* Bloc de menu vertical / horizontal
** Apparence et alignement du texte
** ATTENTION : définir la couleur sur le 'a'
*/


/* menu h > niveau 1 > apparence du texte */
#navh ul li a.hnormale,
#navh ul li a.hhover,
#navh ul li a.hhoverl {
	font-size:12px;
	
	/*text-transform:uppercase;*/
}

/* alignement horizontal des libellés de niveau 3 et plus */
.smenuv span {
	padding-left:32px;
}
/* menu h > niveau 1 > out */
#navh a.hnormale {
	border-left:solid #ffffff 1px;
	color:#fff;
}

/* menu h > niveau 1 > hover */
#navh a.hhover, #navh a.hhoverl {
	border-left:solid #ffffff 1px;
	color:#ffffff;
}
/* menu h > niveau 2 et plus > out */
/* menu v > niveau 3 et plus > out */
.smenuv a.snormale {
	color:#fff;
}

/* menu h > niveau 2 et plus > hover */
/* menu v > niveau 3 et plus > hover */
.smenuv a.shover, .smenuv a.shoverl {
	color:#fff;
}

#navh .smenuv .smenuv {
	left:175px;
}
.modeleTitre {
	background: url(../images/base/titre.gif) no-repeat 0 4px;
	padding-left: 0px;
	font-family: Arial;
	/*font-weight: bold;*/
	font-size: 16px;
	color: #f96611;
}
.modeleTitre h1 {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.modeleTitre a {
	color: #f96611;
	text-decoration: underline;
}

/* Modele de puce */
.modelePuce {
	font-size: 12px;
	color: #f96611;
	padding-left: 10px;
}
.modelePuce h2 {
	background: url(../images/puce_0.gif) no-repeat 0 5px;
	margin: 0;
	padding: 0 0 0 10px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
}
.modelePuce a {
	color: #f96611;
	text-decoration: underline;
}

/**********************************************************************************************/
/* Boutons spécifiques
** Hauteur
** Alignement du lien
** image d'arrière plan
*/

#colonnecentre {
	width:774px;
	min-height:385px;
	/*background-color:#00FF66;*/
}

.extranet #colonnecentre {
	width: 100%;	
}

.extranet #header {
	background-image: url(../images/base/header_extranet.gif);	
}

.extranet #totop {
	width: 945px;
	padding-right: 0;	
}

#contenu{
width:714px;
/*background-color:#CC0033;*/
}
#colonnedroite {
    border-left: 1px solid #b6a9a0;
	float:right;
	margin-top:50px;
}


.actualite {
	background-image: url(../images/btn_questions.gif);
	overflow: auto;
}
.actualite img {
	float: right;
	margin-right: 9px;
	margin-top: 9px;
}

.actualite > div {
	float: right;
	margin: 11px 0 0 0;
	padding-left: 3px;
	border-left: 2px solid #d3ccc4;	
}

.actualite > div > div {
	border: 4px solid #d3ccc4;
	width: 137px;
	height: 65px;	
}

.titreColonneDroite {
	position: absolute;
	top:0px;
	left:38px;
	right:0;
	font-size:14px;
	color:#ffffff;
	width:134px;
	padding: 6px 0 0px 5px;
	line-height:17px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.questions {
	background: url(../images/bkg_gris.gif) repeat-y right;
	height:45px;
	margin-top:10px;
}
.questions img {
float:right;
margin-right:9px;
margin-top:9px;
}
.questions a:hover{
text-decoration:underline;
}
.questions a {
	top:0px;
	left:38px;
	right:0;
	font-size:14px;
	color:#ffffff;
	width:134px;
	padding: 6px 0 0px 5px;
	line-height:17px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
}







.espaceDocumentaire {
	background: url(../images/btn_espace.gif) no-repeat;
	height:45px;
	margin-top:10px;
}
.espaceDocumentaire img {
float:right;
margin-right:9px;
margin-top:9px;
}
.espaceDocumentaire a:hover{
text-decoration:underline;
}
.espaceDocumentaire a {
	top:0px;
	left:38px;
	right:0;
	font-size:14px;
	color:#ffffff;
	width:134px;
	padding: 6px 0 0px 5px;
	line-height:17px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
}








.espace {
	background-image: url(../images/btn_questions.gif);
	height:45px;
	margin-top:10px;
}
.espace a:hover{
text-decoration:underline;
}
.espace img {
float:right;
margin-right:9px;
margin-top:9px;
}
.espace a {
	top:0px;
	left:38px;
	right:0;
	font-size:14px;
	color:#ffffff;
	width:134px;
	padding: 6px 0 0px 5px;
	line-height:17px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
}


.conseiller {
	background-image: url(../images/btn_espace.gif);
	overflow: auto;
	margin-top:10px;
}

.conseiller img {
	float: right;
	margin-right: 9px;
	margin-top: 9px;
}

.conseiller > div {
	float: right;
	margin: 11px 0 0 0;
	padding-left: 3px;
	border-left: 2px solid #d3ccc4;
}

.conseiller > div > div {
	border: 4px solid #d3ccc4;
	width: 137px;
}

.conseiller input[type="text"] {
	border: 0 none;
	background: none;
	background-color: #fff;
	width: 130px;
	margin-bottom: 6px;
	font-family: Arial;
	font-size: 11px;
	color: #7e746b;
	padding-left: 3px;
	padding: 3px 3px;
}

.conseiller form {
	margin: 0;
	padding: 0;
	background-color: #d3ccc4;
}

.conseiller button {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	border: 1px solid #b0a398; 
	background: none;
	background-color: #b0a398;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;	
}

.conseiller div img {
	float: left;
	margin: 5px 0 15px 0;
}

.conseiller #captcha {
	float: right;
	width: 60px;
	margin-top: 5px;
}

.conseiller #captchaContainer {
	overflow: auto;
	color: #7e746b;
}

#totop{
border-left: 1px solid #b6a9a0;
width:774px;
}
#totop a {
	color:#7b7b7b;
}

#navf {
	left:245px;
}
#navf li {
	
	margin-right:12px;
}
#navf li a {
	margin-right:12px;
}
#esecure{

width:65px;
height:60px;
margin-right:245px;
float:right;
}

#footer li {
	border-color:#f96611;
}

#footer a {
	font-size:11px;
	color:#7b7b7b;
}

/* alignement horizontale du logo client de retour à l'accueil */
#footer .tohome {
	/*left: 25px;*/
}

#addonline a#toaddonline {
	color:#b9b9b9;
	border-left: 1px solid #f86611;
	padding-left:12px;
}

#frameactualite {
	width: 100%;	
}