/************************************************************************************
* REDEFINITION DE BALISES HTML / PSEUDO-FORMATS / DEFINITIONS COMMUNES
*************************************************************************************/
/* <body> */
BODY{
	background-image:url(../medias/images/header-gradient.gif);
	background-repeat:repeat-x;	
}

/************************************************************************************
* CONTENEURS PRINCIPAUX
*************************************************************************************/
#main{
	width: 1005px;
}
/*
* Colonne droite
* Overriding de la classe d?finie dans elements/common/css/common.css
*/
#right{
	position:relative;
	float:right;
	width:755px;
	height:100%;
	/*background-color:#665544;*/
}

/************************************************************************************
* ENTETE PAGE INTERIEURE
*************************************************************************************/

#header{
	position:relative;
	width:100%;
	height:120px;
	/*background-color:#112233;*/
}

/* Partie droite de l'ent?te */
#header-right{
	position:relative;
	float:right;
	width:250px;
	/*background-color:#654321;*/
}

/* Signature de la section HI */
#section-signature{
	position:relative;
	margin-top:45px;
}

/* Bannière de la section HI */
#banner{
	position:relative;
	float:left;
	width:500px;
	margin-top:30px;
	/*background-color:#123456;*/
}

/************************************************************************************
* MENU DES CONTENUS
*************************************************************************************/

/* <a> du menu */
#content-menu A{
	color:#FFDD00;
}

/* Conteneur du menu */
#content-menu{
	position:relative;
	margin-left:25px;
	margin-top:20px;
}

/* Item du menu */
.content-menu-item{
	position:relative;
	margin-bottom:10px;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	background-image:url(../medias/images/content-menu-bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/************************************************************************************
* LECTEUR DE MEDIAS
*************************************************************************************/

/* Conteneur principal */
.tx-decflashmediaplayer-pi1{
	position:relative;
	width:100%;
	height:100%;
	/*background-color:#FFCC00;*/
}

/* Conteneur player */
.tx-decflashmediaplayer-pi1-player{
	position:relative;
	margin-right:10px;
	/*margin-left:10px;*/
}

/* Conteneur titre */
.tx-decflashmediaplayer-pi1-title{
	position:relative;
	margin-bottom:10px;
	font-size:11px;
	font-weight:bold;
	color:#FFDD00;
}

/* Conteneur description */
.tx-decflashmediaplayer-pi1-description{
	position:relative;
	padding-right:10px;
	font-size:11px;
	line-height:18px;
	/*background-color:#FFCC00;*/
}

/************************************************************************************
* CONTENU PAGE INTERIEURE
*************************************************************************************/

/* Zone de contenu d'une page int?rieure */
#page{
	position:relative;
	clear:both;
	/*width:90%;*/

	/*background-color:#FFCC00;*/
}

/* Titre de la rubrique parente de la page */
#rubric-title{
	position:relative;
	font-size:24px;
	font-weight:bold;
	color:#FFDD00;
	text-transform:uppercase;
	line-height:77px;
	margin-top:20px;
	overflow: hidden;
	width: 755px;
}

#rubric-title .bouton-jesigne{
	float: right;
	padding-top: 20px;
}

/* Titre de la page */
#page-title{
	position:relative;
	margin-top:40px;
	font-size:18px;
	font-weight:bold;
	color:#FFDD00;
	text-transform:uppercase;
	line-height:52px;
	overflow: auto;
	width: 755px;
}

/* Zone d'intro et de corps de la page */
#page-body, #page-introduction{
	position:relative;
	margin-top:35px;
	padding-left:25px;
	padding-right:5px;
	padding-bottom: 20px;
	line-height:18px;
}

/* Zone d'intro de la page */
#page-introduction{
	padding-bottom:0px;
}

/* Champs header (titre d'un contenu de page) rendu par CSC */
.csc-header, .csc-textpicHeader{
	font-size:12px;
	font-weight:bold;
	color:#FFDD00;
}


/* Liens légendes des images tt_content */
.csc-textpic-caption A{
	color:#FFDD00;
}
.csc-textpic-caption A:Hover{
	color:#FFFFFF;
}


/* Champs texte rendu par CSC */
.bodytext{
}

/************************************************************************************
* RETOUR HAUT DE PAGE
*************************************************************************************/

/* Bloc retour haut de page */
#page-body .csc-linkToTop{
	/*position:relative;*/
	clear:both;
	text-align:right;
	width:100%;
	height:20px;
	font-size:11px;
	color:#4E4E4E;
	border-top:1px solid #4E4E4E;
	
}

/* Lien */
#page-body .csc-linkToTop A{
	color:#4E4E4E;
	font-weight:normal;
}

#page-body .csc-linkToTop A:Hover{
	color:#FFDD00;
	font-weight:normal;
}

/************************************************************************************
* PETITION
*************************************************************************************/
/* Conteneur des sorties FE du plugin  sr_feuser_register */   
.tx-srfeuserregister-pi1{
	position:relative;
}

.tx-srfeuserregister-pi1 .cnil{
	font-size: 9px;
	lin-height: 9px;
	padding-top: 15px;
	color: #888888;
}

/* Formulaire de signature */   
#tx-srfeuserregister-pi1-fe_users_form{
	position:relative;
	margin-bottom:20px;
	overflow: hidden;
}

/* Input image et Textarea message*/
#tx-srfeuserregister-pi1-image-0,#tx-srfeuserregister-pi1-comments{
	margin-top:5px;
}


/* Champs de texte du formulaire*/  
#tx-srfeuserregister-pi1-fe_users_form .tx-srfeuserregister-pi1-text,
#tx-srfeuserregister-pi1-fe_users_form textarea,
#tx-srfeuserregister-pi1-fe_users_form select,
#tx-srfeuserregister-pi1-fe_users_form #tx-srfeuserregister-pi1-image-0
{
	height:18px;
	background-color:#323232;
	border:1px solid #9E9E9E;
	font-family:Verdana;
	font-size:11px;
	color:#FFFFFF;
}

/* Textareas du formulaire*/
#tx-srfeuserregister-pi1-fe_users_form textarea{
	height:100px;
}


/************************************************************************************
* GALERIE DES VIP
*************************************************************************************/
/* Conteneur des sorties FE du plugin  dec_contentgrid */   
.tx-deccontentgrid-pi1{
	position:relative;
}

/* Lien */
.tx-deccontentgrid-pi1-name A{
	color:#FFDD00;
}

/* Conteneur image */   
.tx-deccontentgrid-pi1-image{
	position:relative;
	width:100px;
	height:100px;
	border:1px solid #9E9E9E;
}

/* Conteneur nom */   
.tx-deccontentgrid-pi1-name{
	position:relative;
	margin-top:10px;
	font-size:11px;
	width:100px;
	text-align:center;
}

/* Conteneur fonction */   
.tx-deccontentgrid-pi1-function{
	position:relative;
	font-size:10px;
	width:100px;
	margin-top:3px;
	margin-bottom:10px;
	text-align:center;
}
/************************************************************************************
* CENTRE DOCUMENTAIRE
*************************************************************************************/
/* Conteneur des sorties FE du plugin  dec_contentlist */   
.tx-deccontentlist-pi1{
	position:relative;
	width:100%;
}

/* Conteneur Item document */   
.tx-deccontentlist-pi1-item{
	position:relative;
	width:90%;
	font-size:11px;
	/*clear:both;*/
	/*background-color:#112233;*/
	margin-bottom:10px;
}

/* Lien */
.tx-deccontentlist-pi1-links A{
	color:#FFDD00;
	font-weight:bold;
}
.tx-deccontentlist-pi1-links A:hover{
	color:#FFFFFF;
}


/* Conteneur textes titre + description*/   
.tx-deccontentlist-pi1-text{
	position:relative;
	width:60%;
	padding-left:24px;
	float:left;
	background-image:url(../medias/images/document-icon.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	
}

/* Conteneur liens fichiers */   
.tx-deccontentlist-pi1-links{
	position:relative;
	width:35%;
	float:right;
	color:#FFDD00;
	/*background-color:#FFCC00;*/
}

/* Classe titre document */   
.tx-deccontentlist-pi1-title{
	position:relative;
	font-weight:bold;
	
}

/* Classe description document */   
.tx-deccontentlist-pi1-description{
	position:relative;
	color:#BBBBBB;
}

/************************************************************************************
* FORMULAIRE DE RECHERCHE
*************************************************************************************/

#signers-search-form{
	width:550px; /* ??? */
	/* height:110px; ??? */
	border:1px #424542 solid;
	padding:15px;
}



.signers-search-error{
	color:#FF0000;
}

#signers-search-form h4{
	color:#ffdf00;
	margin:0;
	padding:0;
	padding-bottom:5px;
	display:inline;
}

#signers-search-form form{
	margin:0;
	padding:0;
}

#signers-search-form form ul{
	list-style-type:none;
	padding:0;
	margin:0;
}

#signers-search-form form ul li{
	clear:both;
	width:100%;
	padding:0;
	margin:0;
	margin-bottom:6px;
}

#signers-search-form form ul li label{
	float:left;
	width:40%;
	padding:0;
	padding-right:15px;
	margin:0;
	text-align:right;
}

#signers-search-form form input{
	width:280px;
	padding:2px;
	margin:0;
	color:#FFFFFF;
	background-color:#323232;
	border: 1px #9e9e9e solid;
	font-family:verdana;
	font-size:10px;
}

#signers-search-form .signers-search-submit{
	width:85px;
	padding:2px;
	font-family:verdana;
	font-size:10px;
}

/************************************************************************************
* LISTE PERSONNES TROUVEES
*************************************************************************************/

#signers-search-list {
	width:587px; /* ??? */
	border:1px #424542 solid;
	padding:0;
	margin-top:30px;
	background-image:url(../medias/images/fond_resultat.gif);
	background-repeat:repeat;
	position:relative;
}

#signers-search-list h4{
	color:#ffdf00;
	padding:15px;
	margin:0;
	
}

#signers-search-list ul{
	list-style-type:none;
	padding:20px;
	margin:0;
	padding-left:30px;
}

#signers-search-list ul li{
	clear:both;
	height:50px;
}

#signers-search-list .name, #signers-search-list .age, #signers-search-list .city{
	position:relative;
	top:5px;
	padding-right:5px;
	padding-bottom:10px;
}

#signers-search-list .image{
	position:relative;
	width:60px;
	float:left;
	padding-right:20px;
	text-align:right;
}

#signers-search-list .name{
	width:150px;
	float:left;
}

#signers-search-list .age{
	width:80px;
	float:left;
}

#signers-search-list .city{
	width:150px;
	float:left;
}

#signers-search-list #navbar{
	position:relative;
	width:100%;
	text-align:center;
	color:#ffdf00;
	margin-bottom:20px;
	/*background-color:#FFCC00;*/
}

#signers-search-list #caption{
	position:relative;
	width:100%;
	text-align:right;
	color:#ffdf00;
	margin-bottom:20px;
	/*background-color:#FFCC00;*/
}

#signers-single-view{
	width:535px;
}

#signers-single-view #leftblock{
	float:left;
	width:302px;
	height:303px;
	background-image:url(../medias/images/fond_popup_signataire.gif);
	background-repeat:no-repeat;
	border-right:1px #424542 solid;
}

#signers-single-view #leftblock #image{
	position:relative;
}

#signers-single-view #rightblock{
	float:right;
	width:200px;
	margin:10px;
}

#signers-single-view #rightblock p{
	margin:0px;
}

#signers-single-view #rightblock .date{
	color:#9E9E9E;
}

#signers-single-view #rightblock .name,
#signers-single-view #rightblock .age,
#signers-single-view #rightblock .city{
	color:#ffdf00;
}

#signers-single-view #rightblock .name{
	font-weight:bold;
}

#signers-single-view #rightblock .message{
	line-height:14px;
}




/*******************************************************************
			RECHERCHE ALPHA
*******************************************************************/

#search_alpha .selected a{
	color: #FFFFFF;
}
