/* CES STYLES REDEFINISSENT DES STYLES DES AUTRES CSS, ET PLUS
	 Ce fichier permet de centraliser les modifs necessaires uniquement au module planette Gagnante
	 sans avoir a rechercher dans les autres fichiers.
	 Le repertoire d'images est différent pour les images des styles standard et de certains styles du
	 module, il est donc difficile de s'y retrouver avec plein de CSS.
	 
	 Ici, la modification de ce fichier unique permet de modifier la page d'accueil.

*/
/*  ------------------------------------------- ACCUEIL planette Gagnante  ------------------------------------------------- */
#entete-planete-gagnante {
	background:#fff url("../../../images/modules/CPG/animation.gif") no-repeat left top;
	height:85px;
	width:770px;	
}
#accueil {
	height: auto;
	min-height: 350px;
	_height: 350px;
	background-image: url("../../../images/modules/CPG/bg_accueil.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	/* border-top: 9px solid #FAC13C;  */   																/*  modifié par NRO     */
	position: relative;
}

#edito-planete-gagnante {
	float:left;
	margin:0;
	padding:0;
	padding-left : 30px;
	margin-right : 20px;
	padding-top : 50px;
	width:320px;
	voice-family: "\"}\""; 
  voice-family:inherit;
  width:285px;
}
#edito-planete-gagnante h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#113C90;
	margin:0;
	padding:0;
}
#edito-planete-gagnante h3 span{
	color:#EC0F22;
}
#edito-planete-gagnante p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#797D83;
	margin:0;
	padding-top : 15px;
}
.signature-edito {
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#5B5E62;
	margin:10px 0 0 0;
	padding:0;
}
#agenda {
	position : absolute;
	left : 305px;
	width:203px;
	background-image:url("../../../images/modules/CPG/bg_agenda.jpg");
	background-position:0px 0px;
	background-repeat: repeat-y;
	margin:135px 0 0 30px;
}
#titre-agenda {
	width:203px;
	height:46px;
	background-image:url("../../../images/modules/CPG/titre_agenda.gif");
	background-position:0px 0px;
	background-repeat: no-repeat;
	text-indent:-9999px;
}
#contenu-agenda {
	width:203px;
	background-image:url("../../../images/modules/CPG/bg_contenu_agenda.jpg");
	background-position:0px 0px;
	background-repeat: no-repeat;
}
#contenu-agenda ul {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	list-style-type:none;
	margin:0;
	padding:15px 18px 17px 13px;
	
}
#contenu-agenda ul li{
	line-height:14px;
	list-style-type:none;
	margin:0 0 7px 0;
	padding:0 0 0 17px;
	background-image:url("../../../images/modules/CPG/puce_agenda.gif");
	background-position:0px 2px;
	background-repeat: no-repeat;

}
#contenu-agenda ul li a{
	color:#FFFFFF;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
/* --------------------------------- IDENTIFICATION  -------------------------------- */
#identification-planete {
	float:left;
	width:586px;
	background-image: url("../../../images/modules/CPG/bg_espace_prive.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	margin:0;
	padding:0;

}
#identification-planete h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#113C90;
	margin:11px 0 0 66px;
	padding:32px 0 0 60px;
	background-image:url("../../../images/modules/CPG/puce_titre_identification.gif");
	background-position:0px 0px;
	background-repeat: no-repeat;
	line-height:18px;
}
#identification-planete h3 span{
	padding:0 0 0 32px;
	color:#EC0F22;
}
#identification-planete #acces-restreint-planete {
	margin:25px 0 50px 102px;
	width:278px;
	height:219px;
	background-image:url("../../../images/modules/CPG/bg_acces_restreint.jpg");
	background-position:0px 0px;
	background-repeat: no-repeat;
}
#identification-planete #acces-restreint-planete h4 {
	padding:11px 0 0 75px;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#E9001D;
	
}
#identification-planete #acces-restreint-planete form {
	padding:18px 0 0 75px;
	margin:0;
}
#identification-planete #acces-restreint-planete .intitule {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
}
#identification-planete #acces-restreint-planete .mot-de-passe-oublie {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding:5px 57px 0 0;
	margin:0;
	text-align:right;
}
#identification-planete #acces-restreint-planete .mot-de-passe-oublie a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0;
	margin:0;
}
#identification-planete #acces-restreint-planete .bouton-connexion {
	padding:7px 0 0 57px;
	margin:0;
}
.incorrect {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	padding:2px 57px 0 0;
	margin:0;
	text-align:right;
	color:red;
}
/* ------------------------- INFO CLUB  --------------------------------------------- */
#info-club {
	width:587px;
	height:71px;
	background-image:url("../../../images/modules/CPG/bg_info_club.jpg");
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 0 0 0;
}
#info-club #titre-info-club{
	width: 200px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:normal;
	color:#FFFFFF;
	padding:20px 0 0 0px;
	margin-left : 100px;
}
#info-club #titre-info-club span{
	font-weight: bold;
}
#numero-info-club {
	width:120px;
	padding:36px 0 0 0;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#113C90;
}
#mois-info-club {
	width:340px;
	padding:6px 0 0 0;
	padding-top : 73px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#113C90;
	text-align:right;
}
/* ----------------------------ADHESION  -------------------------------------------- */
/* -------------------- colone droite  --------------- */
#colone-droite {
	float:right;
	width:183px;
	padding:40px 0 0 0;
}
/* ---------------- BLOC LISTE vert --------- */
.bloc-liste-1 {
	clear:both;
	padding:0;
	margin:0 0 20px 0;
}
.contenu-bloc-liste-1 {
	height:93px;
	background-image:url("../../../images/modules/CPG/bg_j_adhere_au_club.jpg");
	background-position:0 0;
	background-repeat:no-repeat;
}
.contenu-bloc-liste-1 h4{
	margin:0;
	padding:28px 5px 0 72px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #FFFFFF;	
}
.contenu-bloc-liste-1 a {
	display:block;
	margin:8px 0 0 84px;
	padding:0;
	text-decoration:none;
}
.contenu-bloc-liste-1 span {
	display:none;
}
.bloc-liste {
	clear:both;
	padding:0;
	margin:0 0 20px 0;
	background-image:url("../../../images/modules/CPG/bg_c_bloc.gif");
	background-position:0 0;
	background-repeat: repeat-y;
}
.contenu-bloc-liste {
	background-image:url("../../../images/modules/CPG/bg_h_bloc.jpg");
	background-position:0 0;
	background-repeat:no-repeat;
}
.contenu-bloc-liste h4{
	margin:0;
	padding:10px 0px 5px 36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #FFFFFF;	
}
.contenu-bloc-liste p {
	text-align:right;
	margin:0;
	padding:8px 18px 0 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000;	
}
.contenu-bloc-liste a {
	display:block;
	text-align:right;
	margin:8px 10px 0 0px;
	padding:0;
	text-decoration:none;
}
.contenu-bloc-liste span {
	display:none;
}
.contenu-bloc-liste .intitule {
	padding:0 0 0 25px;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color:#113C90;	
}
.contenu-bloc-liste input {
	margin:0 0 5px 25px;
	padding:0;
	width:140px;
	height:13px;
}
.contenu-bloc-liste .txt1 {
	margin:0 0 0 25px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;	
}
.contenu-bloc-liste .mot-de-passe a {
	text-align:right;
	display:block;
	margin:0 0 0 0;
	padding:0 17px 0 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}

/* ------------------------- PIED de page  ------------------------------------------ */
.hautpagev4-h {
	float:left;
	width:586px;
	height:87px;
	background-image:url("../../../images/modules/CPG/bg_haut_page_h_anim.gif");
	background-position:0 0;
	background-repeat:no-repeat;	
	text-align:left;
}
.hautpagev4-b {
	float:left;
	width:586px;
	height:32px;
	background-image:url("../../../images/modules/CPG/bg_haut_page_b.gif");
	background-position:0 0;
	background-repeat:no-repeat;	
	text-align:right;
}

.hautpagev4-b a {
	display:block;
	padding:4px 20px 0 0;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
}
.hautpage {
	float:left;
	width:586px;
	height:32px;
	background-image:url("../../../images/modules/CPG/bg_haut_page.gif");
	background-position:0 0;
	background-repeat:no-repeat;	
	text-align:right;
}

.hautpage a {
	display:block;
	padding:4px 20px 0 0;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
}
.piedpagev4 {
	float:left;
	width:586px;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	height:15px;
	border-top:1px solid #fff;
	padding-top:12px;
	padding-bottom:12px;
}
.piedpagev4 a{
	color:#FFFFFF;	
	margin-left : 15px;
}

/* --------------------------- SPACER  --------------------------------------------- */
.spacer {
	clear: both;
	font-size: 1px;
	width:200px;
}
.spacer_5px {
	clear: both;
	height:5px;
	font-size: 1px;
	width:200px;
}
.spacer_10px {
	clear: both;
	height:10px;
	font-size: 1px;
	width:200px;
}
.spacer_15px {
	clear: both;
	height:15px;
	font-size: 1px;
	width:200px;
}
.spacer_20px {
	clear: both;
	height:20px;
	font-size: 1px;
	width:200px;
}
.spacer_25px {
	clear: both;
	height:25px;
	font-size: 1px;
	width:200px;
}
.spacer_30px {
	clear: both;
	height:30px;
	font-size: 1px;
	width:200px;
}
.spacer_40px {
	clear: both;
	height:40px;
	font-size: 1px;
	width:200px;
}
.spacer_50px {
	clear: both;
	height:50px;
	font-size: 1px;
	width:200px;
}
.spacer_width_1px {
	float:left;
	height:10px;
	margin:0 1px 0 0;
	font-size: 1px;
	width:200px;
}
.spacer_width_50px {
	float:left;
	height:10px;
	margin:0 50px 0 0;
	font-size: 1px;
	width:200px;
}

#entete-ctd {
	position : relative;
	top : 0px;
	left : 0px;
	padding : 0;
	margin : 0;
	background-color : #113C90;
}

/*---------- lettre planete gagnante ----*/
.tournepageCPG{
color:#999999;
font-family:Verdana,Arial,sans-serif;
font-size:70%;
margin:5px 0;
padding:0;
text-align:right;
width:100%;
}

.tournepageCPG a, .tournepageCPG a:visited, .tournepageCPG a:hover{
color:#999999 !important;
text-decoration:none !important;
}

.point2ModCPG{
list-style-image:url(/images/ademe-V2/css/lien_consulter_Mod.gif);
margin-bottom:0px;
}

.point2ModCPG a, .point2ModCPG a:visited{
color:#6699CC;
font-weight:bold;
}

.point2ModCPG a:hover{
color:#000000;
font-weight:bold;
text-decoration:underline;
}


#titre_lettre{
color:#6699cc;
text-decoration:none;
font-family:Verdana,Arial,sans-serif;
font-size:70%;
font-weight:bold;
margin-left:12px
}

#titre_lettre:hover{
color:#6699cc;
text-decoration:underline;
}


a.imageUl {
  background-image: url(/images/ademe-V2/css/lien_telecharger_Actu.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
  margin:5px;
}

.descfile_titre{
color:#888888;
font-family:Tahoma,Arial,sans-serif;
font-size:70%;
font-weight:lighter;
text-decoration:none;
}

#navi_article{
float : right; 
width: 240px; 
text-align: right; 
padding:10px 10px 0 0;
}

#navi_article a:hover{
text-decoration:underline;
}