/*** Creation par Virginie Fasano - www.2vcreation.com ***/

html{
	height:100%;
	margin:0;}
	
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	height:100%;
	background-color:#447608;
	background-image:url(../../images/bgfond.gif);
	background-repeat:repeat-x;
	
}

#imagefond{
	background-image:url(../../images/fond.gif);
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
	height:100%;
	}

#imagefondlogin{
	background-image:url(../../images/fond_login.gif);
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
	height:100%;
	}
	
img {
		border:none;}

/*****************************************************/
/*******      Principaux DIVS & colonnes    **********/
/*****************************************************/

#principal { 
	width: 681px; 
	margin: 0 auto;
	text-align: left;
	border:#9a0562 4px solid;
	background-color:#FFF;
	border-top:none;
	min-height:500px;
} 

#principallogin {
	width: 471px;
	margin: 0 auto;
	text-align: left;
	border:#9a0562 4px solid;
	background-color:#FFF;
	min-height:200px;
	padding-bottom:20px;
}

#colG {
	float: left;
	width: 199px;
	
}

#colD {
	float: right;
	width: 482px;
	position:relative;
	

}

#colDlogin {
	float: right;
	width: 471px;
	position:relative;
	
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/

#entete{
	padding-top:5px;
	margin-bottom:0px;
	}
	
#entetelogin{
	padding-top:42px;
    padding-bottom:43px;
	margin-bottom:0px;
	}
	
/* Zone de contenus*/
#contenus{
	background-color:#FFF;
	padding-left:15px;
	padding-right:20px;
}

#contenuslogin{
	background-color:#FFF;
	padding-left:10px;
	padding-right:10px;
}

#bandeauphoto{
		width:625px;
		height:130px;
		overflow:hidden;
		margin-bottom:20px;}

/*****************************************************/
/*******              SOUS- MENU            **********/
/*****************************************************/

#colG #sousmenu{
	width:176px;
	height:auto;
	margin:0;
	margin-left:3px;
	background-image:url(../../images/fondmenu.gif);
	background-repeat:repeat-y;
	padding:7px;
	text-align:center;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	}
	
#zonevoyage{
	width:160px;
	height:auto;
	margin:0;
	margin-left:3px;
	font-size:10px;
	padding:15px;
	line-height:11px;
	margin-bottom:10px;
	}
	
#zonevoyage img{
	margin-bottom:7px;
	}

#zoneinvit{
	width:160px;
	height:auto;
	margin:0;
	margin-left:3px;
	font-size:10px;
	padding:15px;
	line-height:11px;
	margin-bottom:10px;
	}
	
a:link, a:active, a:visited{
	color:#cc0066;
	font-weight:bold;
	}



	
#finssmenu{
	margin-left:3px;}
	
/*****************************************************/
/**********          Pied de page        *************/
/*****************************************************/

#piedpage{
	width:681px;
	height:25px;
	border-top:#72993d 1px solid;
	border-bottom:#72993d 1px solid;
	margin-top:6px;
	line-height:25px;
	color:#FFF;
	font-size:9px;
	margin-bottom:7px;
	margin-left:auto;
	margin-right:auto;

}

#piedpagelogin{
	width:471px;
	height:25px;
	border-top:#72993d 1px solid;
	border-bottom:#72993d 1px solid;
	margin-top:6px;
	line-height:25px;
	color:#FFF;
	font-size:9px;
	margin-bottom:7px;
	margin-left:auto;
	margin-right:auto;

}
	
#partenaires{
	margin-left:auto;
	margin-right:auto;
	width:681px;
	padding-bottom:15px;}

#partenaires img{
	border:none;
	vertical-align:middle;
	margin-right:8px;
	}
	

/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
	
	
/*****************************************************/
/**********       CONTENUS :: Titres     *************/
/*****************************************************/	

h1 {
	font-family:"Trebuchet MS", Arial, Geneva, sans-serif;
	font-size:26px;
	text-transform:uppercase;
	margin:0;
	padding-bottom:14px;
	padding-top:15px;
	border-bottom:1px solid #b4c810;
	margin-bottom:10px;
	color:#b4c810;
	}

.petith1{
    color:#cc0066;
    font-size:12px;
    font-weight:normal;
}

h3 {
	margin:0;
	margin-top:10px;
	font-size:12px;
	color:#cc0066;
}

h5 {
	font-family:"Trebuchet MS", Arial, Geneva, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	padding-bottom:14px;
	padding-top:15px;
	border-bottom:1px solid #b4c810;
	margin-bottom:10px;
	color:#b4c810;
	}

/*****************************************************/
/**********       CONTENUS :: Images     *************/
/*****************************************************/

#imgParticipez{
	margin-left:3px;}

#imgParticipezlogin{
	float:left;
    margin-right:10px;
    margin-top:7px;
    margin-bottom:7px;
	width:190px;
	height:182px;
	margin-left:-5px;
}


/*****************************************************/
/**********       CONTENUS :: Textes     *************/
/*****************************************************/


em{
	font-size:9px;
	color:#666;}

/*****************************************************/
/**********       CONTENUS :: Liens     *************/
/*****************************************************/

/**** MENU  ****/

#colG #sousmenu div{
	border-bottom:1px solid #a8066a;
	margin-bottom:2px;
	margin-left:14px;
	margin-right:14px;
	padding-bottom:2px;
	text-transform:uppercase;
	font-size:14px;
	text-align:left;
	}
	
#colG #sousmenu a:link, #colG #sousmenu a:active, #colG #sousmenu a:visited{
	line-height:25px;
	display:block;
	text-decoration:none;
	color:#FFF;
	padding-left:7px;
	padding-right:7px;
	font-weight:normal;
	}

#colG #sousmenu a:hover{
	background-color:#a8066a;
	color:#ebe10e;

	}

/* ADMIN ::: Sous menu */	
#colG #sousmenu  a.ssmenu:link, #colG #sousmenu a.ssmenu:active, #colG #sousmenu a.ssmenu:visited{
	line-height:15px;
	font-size:11px;
	display:block;
	text-decoration:none;
	color:#FFF;
	padding-left:10px;
	padding-right:7px;
	font-weight:normal;
	background-color:#a8066a;
	text-transform:capitalize;
	}
	
#colG #sousmenu a.ssmenu:hover{
	color:#ebe10e;
	}

/* Zone déconnexion */	
#colG #sousmenu #zonedeconnexion{
	border-bottom:1px solid #8c0f63;
	border-top:1px solid #8c0f63;
	height:16px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:14px;
	margin-right:14px;
	padding-bottom:2px;
	padding-top:2px;
	text-transform:uppercase;
	text-align:left;
	}

#colG #sousmenu #zonedeconnexion a:link, #colG #sousmenu #zonedeconnexion a:active, #colG #sousmenu #zonedeconnexion a:visited{
	line-height:16px;
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#5e1e58;
	padding-left:20px;
	padding-right:7px;
	background-image:url(../../images/icodecooff.gif);
	background-repeat:no-repeat;
	background-position:center left;
	}

#colG #sousmenu #zonedeconnexion a:hover{
	background-color:#a8066a;
	color:#660000;
background-image:url(../../images/icodecoon.gif);
	}

/* Pied page*/	
#piedpage a:link, #piedpage a:active, #piedpage a:visited{
	color:#FFF;
	text-decoration:none;
	}
	
#piedpage a:hover{
	color:#FFF;
	background-color:#72993d;
	}
	
/* Encart Voyage*/	
#zonevoyage a:hover, #contenus a:hover{
	color:#FFF;
	background-color:#cc0066;
	font-weight:bold;
	}
	
/* ADMIN ::: bloc sous rubrique*/	

.ssRub{
padding:10px;
text-align:center;
margin:2px;
border:1px solid #999;
width:195px;
float:left;
background-color:#9c0563;
}

#contenus .ssRub a:link, #contenus .ssRub a:active, #contenus .ssRub a:visited{
	height:21px;
	background-color:#9c0563;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	font-weight:bold;
	background-image:url(../../images/pucebouton.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	margin-top:15px;
	margin-bottom:10px;
	font-size:13px;
	text-decoration:none;
}

#contenus .ssRub a:hover{
	color:#ebe10e;
	background-image:url(../../images/puceboutonon.gif);
	cursor:pointer;
	background-color:inherit;
	}
	
/* ADMIN ::: Liste */
#contenus a.liste:link, #contenus a.liste:active, #contenus a.liste:visited {
	display:block;
	margin:0px;
	background-color:#f8edf4;
	text-decoration:none;
	height:20px;
	line-height:20px;
	margin-bottom:3px;
	text-transform:uppercase;
	font-size:14px;
	text-align:left;
	padding-left:10px;
}

#contenus a.liste:hover{
	color:#000;
	background-color:#dce587;
	
}

/* Tous liens dans un tableau */ 
#contenus table a:link, #contenus table a:visited, #contenus table a:active{
	text-decoration:none;
}

#contenus #liste a:hover{
	background-color:inherit;
	color:#000;
}
/*****************************************************/
/**********       CONTENUS :: Formulaire     *************/
/*****************************************************/

form{
	margin:0;}

input{
	font-size:11px;
	}
	
select{font-size:11px;}
	

/* Messages erreurs ou confirm */

.erreurMsg, .confirmMsg{
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	display:block;
}
.erreurMsg{
	color:#900;
	background-color:#f9cfd4;
	border:1px solid #900;	
	}
	
.confirmMsg{
	color:#447709;
	background-color:#dce587;
	border:1px solid #447709;
	}



input:focus, textarea:focus, select:focus{
border-color:#9c0563;
}


textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
width:100%;
}






/*****************************************************/
/**********      CONTENUS :: Tableaux    *************/
/*****************************************************/

#liste td{
	border-bottom:2px solid #FFF;
	}
	
#liste .col1TAB, .col1TAB{
background-color:#f0dae8;
font-weight:bold;
padding:3px;
padding-left:10px;
height:15px;
}

#liste .col2TAB, .col2TAB{
background-color:#ededed;
padding:3px;
}

#liste .col3TAB, .col3TAB{
/*background-color:#f8edf4;*/
background-color:#0F9;
padding:3px;
}

th{
text-transform:uppercase;
}


	
#liste tr:hover td, #liste td:hover td{
background-color:#dce587;
}

#liste tr:hover td a, #liste td:hover td a{
color:#000;
}



/*****************************************************/
/**********       CONTENUS :: Boutons    *************/
/*****************************************************/

/* Bouton avec style */
#contenus input.bouton, #principallogin input.bouton{
	height:21px;
	color:#9c0563;
	background-color:#FFF;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;	
	background-image:url(../../images/puceboutoff2.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	margin-top:15px;
	margin-bottom:10px;
	font-size:12px;
    
	}
	
#contenus input.bouton:hover, #principallogin input.bouton:hover{
	background-color:#9c0563;
	background-image:url(../../images/pucebouton.gif);
	cursor:pointer;
	color:#FFF;
	}
	

/* ADMIN ::: boutons Default */
#contenus .btsuppr, #contenus .btajout, #contenus .btrech{
	width:auto;
	height:21px;
	background-color:#FFF;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	color:#9c0563;
	text-align:left;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	font-size:10px;
   

}

/* ADMIN ::: bouton Supprimer */
#contenus .btsuppr{
	background-image:url(../../images/suppr.jpg);
	color:#900;
    *width:420px;
	}

#contenus .petit{
    *width:120px;
	}
	
#contenus .btsuppr:hover{
	background-image:url(../../images/suppron.jpg);
	background-color:#900;
	color:#FFF;
	}

/* ADMIN ::: bouton Ajouter */	
#contenus .btajout{
	background-image:url(../../images/ajout.jpg);
	color:#b4c810;
	}
#contenus .btajout:hover{
	background-image:url(../../images/ajouton.jpg);
	background-color:#b4c810;
	color:#FFF;
	}

/* ADMIN ::: bouton Rechercher */
#contenus .btrech{
	background-image:url(../../images/recherche.jpg);
	color:#06C;
	}
#contenus .btrech:hover{
	background-image:url(../../images/rechercheon.jpg);
	background-color:#06C;
	color:#FFF;
	}


#contenus.button, #contenus .button:active, #contenus .button:link, #contenus .button:visited{
	display:inline-block;
	height:17px;
	line-height:18px;
	background-color:#9c0563;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	font-weight:bold;
	background-image:url(../../images/pucebouton.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:12px;
	text-decoration:none;
	padding-right:10px;
	}

#contenus .petitbouton:link, #contenus .petitbouton:visited, #contenus .petitbouton:active{
    font-size:9px;
}

#contenus a.button:hover{
	color:#ebe10e;
	background-image:url(../../images/puceboutonon.gif);
	cursor:pointer;
	background-color:inherit;
	background-color:#9c0563;}


/*****************************************************/
/**********       CONTENUS :: Autres    *************/
/*****************************************************/

hr{
border:0px;
height:1px;
background-color:#CCC;
color:#9c0563;
margin-top:3px;
margin-bottom:3px;
}

legend{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
color:#9c0563;
font-weight:bold;
}

fieldset{
	border: 1px solid #DDD;
	padding:10px;
}