﻿@charset "utf-8";
/* CSS Document */
/* Conteneur principal du site, le margin:0 auto; permet de centrer horizontalement le conteneur */

/* RESET */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong, b { font-weight:bold;}


/*  Programmation générique  */

body
{

    font-family:Verdana, Arial, Helvetica, sans-serif;
    /*background: url(../../images/fond-body.jpg);*/
    background-color : #FAFAFA;
    color : #666666;
    line-height: 1;
}

/*********************/
/*  Charte Graphique */
/*********************/

p, li
{
    color:#666666;
    font-size:0.75em;
    margin-bottom : 5px;
    line-height : 1.2em;
}

h1
{
    margin-bottom : 10px;
    font-size:1.2em;
    font-weight:bold;
    margin-top : 5px;
}

.h1
{
    margin-bottom : 10px;
    font-size:1.2em;
    font-weight:bold;
}

h2
{
    font-size : 1.0em;
    margin-bottom : 10px;
    margin-top : 10px;
}

.h2
{
    font-size : 1.0em;
    margin-bottom : 10px;
}

a
{
    text-decoration : none;
    outline : 0;
}

/* classes for validator */
.tfvHighlight
        {color: #CEA639;}
.tfvNormal
        {color: #666666;}
.inputHighlighted
        {color: #CEA639;}
.inputNormal
        {color: #666666;}
        
/* Tooltips */
.tool-tip {
   float: left;
   background: #ffc;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 200px;
}
 
.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   background: url(../../images/selector-arrow.png) no-repeat;
}
 
.tool-text {
   font-size: 100%;
   margin: 0;
}

/* Grisage du site */

#grisage
{
    position:absolute;
    z-index:2000;
    top:0;
    left:0;
    height:290%;
    width:100%;
    display:none;
    background-color:#000000;
    -moz-opacity:0.5;
    opacity:0.5;
    -khtml-opacity:0.5;
}

/****************************************/
/*			              	            */
/*          Système Message 	        */
/*			              	            */
/****************************************/

dl#system-message
{
    float : left;
    padding-left : 20px;
    padding-right : 20px;
    margin-bottom : 15px;
}

dl#system-message dt.error
{
    color : red;
}

/****************************************/
/*			              	*/
/*                  entete 	        */
/*			              	*/
/****************************************/

#entete
{
    float : left;
    height : 45px;
    width : 100%;
    background: url(../../images/entete.png)repeat-x;
}

#chercher{

	float:right;
	width:190px;
	height:45px;
	margin-right:20px;
	background-image: url(../../images/recherche.png);
}

input#mod_search_searchword{

        position : relative;
	top:10px;
	width:100px;
	left:65px;
	border:none;
	color:#666666;

}

#connexion{

	float:right;
	width:190px;
	height:45px;
	margin-right:20px;
	background-image: url(../../images/connexion.png);
}

div.cd_login-logout-greeting {
    color: white;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 10px;
    width: 98px;
}

/****************************************/
/*			              	*/
/*          Conteneur   	        */
/*			              	*/
/****************************************/


#centrage{

    margin : 0 auto;
    width:1024px;
    /*border:1px solid red;*/
}

#conteneur{

    position : absolute;
    top : 60px;
    width:1024px;
    height:auto;
    background-color : white;
    border : 1px solid #F0F0F0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-left : 7px;

}



/****************************************/
/*			       		*/
/*          Présentation  	        */
/*			      		*/
/****************************************/


#presentation
{
	float:left;
	width:1024px;
	height:145px;
}


a#logo{
	float:left;
	width:311px;
	height:101px;
	margin-right:20px;
        margin-top : 35px;
	background-image: url(../../images/defiscalisation-eu.png);
}


#baseline{

	float:left;
	width:311px;
	height:50px;
	/*border:1px solid black;*/
	margin-right:20px;
	margin-top:78px;
	padding-left:10px;
	border-left:1px solid #999999;
}

#baseline h2{

	color:#52BBC1;
	font-weight:bold;
}

span.baseline {

	color:#666666;
	font-size:0.75em;
}

#contact{

	float:left;
	width:196px;
	height:82px;
	margin-left:20px;
	margin-top:60px;
	padding-top:25px;
        /*background-image: url(../../images/contact.png);*/
}
#contact a{

	color:#0F75A5;
	font-weight:bold;
	margin-left:0px;
        text-decoration:underline;
}

#contact a:hover { color:#52BBC1; }

#contact p{

	color:#666666;
	font-size:0.75em;
	margin-left:60px;
}

#photo{

	float:left;
	width:117px;
	height:140px;
	margin-top:15px;
	background-image: url(../../images/photo.jpg);


}

/****************************************/
/*			              	*/
/*          menu principal  	        */
/*			              	*/
/****************************************/


#bouton{

	float:left;
	width:1020px;
	height:59px;
	/*border:1px solid green;*/
	background-image: url(../../images/barre-menu.png);
}

#bouton ul#moomenuCK.menu{
    
    margin-top : 7px;
    margin-left : 1px;
}

#bouton ul#moomenuCK.menu li 
{
	margin: 0;
	padding: 0;
        float : left;       /* Liste horizontale */
	display : block;    /* On découpe les zones de passage de la souris */
	width : 142px;
	height : 39px;
        border-right : 2px outset #F0F0F0;
}

#bouton ul#moomenuCK.menu li a {
    
	display : block; 
	text-align : center; 	        /* texte centré horizontalement */
	line-height : 34px;		/* texte centré verticalement */
        text-decoration : none;
        outline : 0;
	color:white;
	font-size:1em;
	font-weight:bold;
}

#bouton ul#moomenuCK.menu li:hover    { background-color:#1174A5; }

#bouton ul#moomenuCK.menu li.active   { background-color:#52BBC1; }

#bouton ul#moomenuCK.menu li.item1:hover          { background-color : transparent; background-image: url(../../images/menu-accueil.png); }
#bouton ul#moomenuCK.menu li#current.active.item1 { background-color : transparent; background-image: url(../../images/menu-accueil-actif.png); }

#bouton ul#moomenuCK.menu li.item7    { border : none; width:145px;}

#bouton ul#moomenuCK.menu li.item7:hover    { background-color : transparent; background-image: url(../../images/menu-pro.png); }

#bouton ul#moomenuCK.menu li.active.item7  { background-color : transparent;  background-image: url(../../images/menu-pro-actif.png); }

/**************/
/* Sous-menus */
/**************/
#bouton ul#moomenuCK.menu li li
{
	margin: 0;
	padding: 0;
	display : block;    /* On découpe les zones de passage de la souris */
        border : none;
        background-color:#8A8989;
        height : 25px;
}

#bouton ul#moomenuCK.menu li li a { font-size : 1.2em; text-align:left; margin-left:5px; line-height : 25px;}

/* Traitement des sous-menus trop long */
#bouton ul#moomenuCK.menu li li.item85  { line-height : 1em; height : 40px;}
#bouton ul#moomenuCK.menu li li.item85 a  { line-height : 1em; height : 25px; margin-top : 10px;}


/****************************************/
/*			                */
/*          colonne gauche 	        */
/*			                */
/****************************************/

#colonne-gauche{

	float:left;
	width:675px;
	height:auto;
        margin-left : 5px;
}

/****************************************/
/*			                */
/*          colonne droite 	        */
/*			              	*/
/****************************************/

#colonne-droite{

	float : right;
	width:330px;
	height:auto;
	margin-right : 10px;

}

/****************************************/
/*			                */
/*          menu astuces  	        */
/*			              	*/
/****************************************/


#astuces ul.menu {
    color: white;
    font-weight: bold;
    list-style: none outside none;
    position: relative;
    text-decoration: none;
}

#astuces ul.menu li {

    position: absolute;
    top : 260px;
    left : 400px;
    z-index : 2;

}

/****************************************/
/*			              	*/
/*              modules  	        */
/*			              	*/
/****************************************/

#modules{

	float:left;
	width:682px;
	height:auto;
	/*border:1px solid red;*/
}

/*********/
/* Promo */
/*********/

#promo{
	float:left;
	width:318px;
	height:311px;
	margin-right:5px;
	background-image: url(../../images/bloc-promo.png);
}

#promo h2
{
        position : relative;
        top : 5px;
	left:30px;
	color:white;
	font-weight:bold;
}

#promo ul
{
        position : relative;
        top : 20px;
        left : 25px;
}

#promo li
{
    list-style-type: none;
    background-image: url(../../images/puce.png);
    background-repeat: no-repeat;
    background-position: 0% 65%;
    padding-left: 30px;
    line-height : 30px;
}

#promo p
{
        position : relative;
	left:30px;
	top:30px;
        width : 265px;
	font-weight:bold;
}


/*********/
/* Carte */
/*********/

#carte{

	float:left;
	width:304px;
	height:459px;
	margin-right:5px;
	background-image: url(../../images/bloc-milieu.png);
        padding-right : 25px;
        padding-left : 25px;
}

#carte h2{

        position : relative;
        top : 5px;
	color:white;
	font-weight:bold;
        font-size : 0.9em;  /* On diminue de 10% la taille car le texte est trop long */

}

#carte p{

	position : relative;
        top : 25px;
	text-align:center;
	font-weight:bold;
}

#carte object
{
        position : relative;
        width : 280px;
        height : 284px;
	top : 40px;
        left : 10px;

}

/***********************/
/* Formulaire à droite */
/***********************/

.chronoform { display : none; }

a.annulation
{
    font-size:0.75em;
    text-align:center;
    line-height:3em;
    position:absolute;
    top : 410px;
    left : 40px;
    font-weight : bold;
    background-image: url(../../images/envoyer.png);
    width:103px;
    height:37px;
    color : white;
}

#formulaire{

	float:left;
	width:317px;
	height:540px;
	background-image: url(../../images/bloc-droite.png);
    padding-left : 15px;
}


#formulaire h2{

        position : relative;
        top : 5px;
	color:white;
	font-weight:bold;
        font-size : 0.85em;  /* On diminue de 10% la taille car le texte est trop long */
}


form#chronoform_formulaire
{
    position: relative;
    left: 10px;
    top: 20px;
}

form#chronoform_formulaire label
{
    margin-top : -3px;
	width : 110px;
	font-weight:bold;
}

form#chronoform_formulaire input, form#chronoform_formulaire select
{
    width : 135px;
	background-color: #fff;
}

form#chronoform_formulaire input.chrono_captcha_input
{
	width: 55px;
}

form#chronoform_formulaire div.form_item div.cfclear
{
    height:4px;
}

form#chronoform_formulaire .ccms_form_element
{
    margin : 0;
    padding : 0;
    line-height:18px;
    width : 100%;
    font-size : 0.625em;
}


form#chronoform_formulaire input[type='submit']
{
	position: relative;
	left: -25px;
	background:none;
	border:none;
	color:white;
	background-image: url(../../images/envoyer.png);
	width:103px;
	height:37px;
	font-weight:bold;
	cursor:pointer;
}


/***********************/
/*   Formulaire Etude  */
/***********************/

form#chronoform_etudes
{
    background-color : #F0F0F0;
    border : 1px solid #2680AD;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding : 10px;
}

form#chronoform_etudes .form_element
{
    margin : 0px;
    width : 91%;
    font-size : 12px;
}

form#chronoform_etudes h1
{
    border-bottom : 1px solid #666666;
    font-size : 1.5em;
}

form#chronoform_etudes .cfdiv_header,form#chronoform_etudes .cfdiv_header p
{
    font-size : 0.75em;
	line-height: 1.3em;
}

form#chronoform_etudes .ccms_form_element select
{
    background-color: #fff;
}

form#chronoform_etudes label
{
    width : 240px;
    font-weight : bold;
	font-size: 0.75em;
}


form#chronoform_etudes input[type='submit']
{
	background:none;
	border:none;
	color:white;
	background-image: url(../../images/envoyer.png);
	width:103px;
	height:37px;
	font-weight:bold;
	cursor:pointer;
}


/*****************************************/
/*   Formulaire Inscription à un compte  */
/*****************************************/

form#chronoform_form_inscription  {
    float : left;
    background : url("../../images/enregistrement.png") no-repeat;
    height: 345px;
    padding-left : 290px;
    padding-top: 65px;
    width: 345px;
	padding-right: 10px;
}

form#chronoform_form_inscription input {


	margin-left:0px;
    width : 180px;
}

form#chronoform_form_inscription div.form_item
{
	width:445px;
    height : 10px;
}

form#chronoform_form_inscription label
{
        width : 100px;
		font-size: 0.75em;
}


form#chronoform_form_inscription input[type='submit']
{
	background:none;
	border:none;
	color:white;
	background-image: url(../../images/envoyer.png);
	width:103px;
	height:37px;
	font-weight:bold;
	cursor:pointer;
}

form#chronoform_form_inscription div.ccms_form_element.cfdiv_header h1{

    font-size : 1.2em;
	color:white;
	margin-top:-40px;
	margin-left:-275px;
	border:none;
    font-weight:bold;
	margin-bottom: 63px;
	
}

form#chronoform_form_inscription input.chrono_captcha_input
{
	width: 55px;
}


/****************************************/
/*			              	*/
/*              espace pro	        */
/*			              	*/
/****************************************/


#inscription {
    left: 40px;
    top: 710px;
    position : absolute;
    text-align: justify;
    width: 270px;
}

#inscription h1.texte {
    color : #666666;
    font-size : 1.2em;
    font-weight : bold;
    border : none;
}


span.cf_alert { display:none;   }

/****************************************/
/*			              	*/
/*          espace pro accueil	        */
/*			              	*/
/****************************************/

#espace-pro {
    background: url("../../images/enregistrement2.png") repeat scroll 0 0 transparent;
    height: 355px;
    margin-bottom: 10px;
    padding-left: 119px;
    padding-top: 54px;
    width: 530px;
    margin-left : -5px;
    margin-top : -18px;
}

#espace-pro p  { line-height:1em; margin-bottom : 5px; }

div.chap_1 { margin-top : 25px;}
div.chap_2 { margin-top : 20px;}
div.chap_3 { margin-top : 35px;}

#contenu-edito #espace-pro h1 {

    color : white;
    font-size:1.2em;
    margin-top: -30px;
    margin-left : -100px;
    margin-bottom : 5px;
}

#espace-pro h4 {

    font-size:1.0em;
    margin-bottom : 5px;

}
#espace-pro h5 {

    font-size:0.75em;
    margin-bottom : 10px;
    font-weight:bold;

}

#inscription-pro
{
    float:left;
    margin-top : -52px;
    margin-left : 865px;
    width : 142px;
    height : 39px;
}

#inscription-pro ul.menu li
{
    margin: 0;
    padding: 0;
    float : left;       /* Liste horizontale */
    display : block;    /* On découpe les zones de passage de la souris */
    width : 142px;
    height : 39px;
}

#inscription-pro ul.menu li a {
    
	display : block; 
	text-align : center; 	        /* texte centré horizontalement */
	line-height : 34px;		/* texte centré verticalement */
        text-decoration : none;
        outline : 0;
	color:white;
	font-size:1em;
	font-weight:bold;
}

#inscription-pro ul.menu li         { border : none; width:145px;}
#inscription-pro ul.menu li:hover   { background-color : transparent; background-image: url(../../images/menu-pro.png); }
#inscription-pro ul.menu li.active  { background-color : transparent;  background-image: url(../../images/menu-pro-actif.png); }

#mon-espace
{
    float:left;
    margin-top : -52px;
    margin-left : 865px;
    width : 142px;
    height : 39px;
}

#mon-espace ul.menu li
{
    margin: 0;
    padding: 0;
    float : left;       /* Liste horizontale */
    display : block;    /* On découpe les zones de passage de la souris */
    width : 142px;
    height : 39px;
}

#mon-espace ul.menu li a {
    
	display : block; 
	text-align : center; 	        /* texte centré horizontalement */
	line-height : 34px;		/* texte centré verticalement */
        text-decoration : none;
        outline : 0;
	color:white;
	font-size:1em;
	font-weight:bold;
}

#mon-espace ul.menu li         { border : none; width:145px;}
#mon-espace ul.menu li:hover   { background-color : transparent; background-image: url(../../images/menu-pro.png); }
#mon-espace ul.menu li.active  { background-color : transparent;  background-image: url(../../images/menu-pro-actif.png); }


/****************************************/
/*			              	*/
/*       espace pro gestion fiches	*/
/*			              	*/
/****************************************/

#ads_list .ads_hold       { color : orange; }
#ads_list .ads_current    { color : green; }
#ads_list .ads_sold       { color : grey; }
#ads_list .validate       { cursor : pointer; }

#dashboard .icon-32-edit
{
    background-image: url("/administrator/templates/khepri/images/toolbar/icon-32-edit.png");
}

#dashboard .icon-32-new
{
    background-image: url("/administrator/templates/khepri/images/toolbar/icon-32-new.png");
}

#dashboard .icon-32-delete
{
    background-image: url("/administrator/templates/khepri/images/toolbar/icon-32-delete.png");
}

#dashboard .icon-32-sold
{
    background-image: url("/administrator/images/apply_f2.png");
}

#dashboard .icon-32-refresh
{
    background-image: url("/administrator/components/com_chronoforms/images/transform.png");
}

#dashboard a
{
    font-size : 0.75em;
}

#dashboard table.toolbar td {
    color: #666666;
    height: 48px;
    padding: 1px 1px 1px 4px;
    text-align: center;
}

#dashboard table.toolbar a {
    border: 1px solid #FBFBFB;
    cursor: pointer;
    display: block;
    float: left;
    padding: 1px 5px;
    white-space: nowrap;
}

#dashboard table.toolbar span {
    display: block;
    float: none;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}

#ads_list
{
    margin-top : 20px;
    font-size : 0.75em;
}

#ads_list table
{
    border : 1px solid #666666;
    padding : 5px;
    margin : 0 auto;
}

#ads_list th
{
    border : 1px solid #666666;
    padding : 5px;
}

#ads_list table td
{
    border-right : 1px solid #666666;
    border-left : 1px solid #666666;
    padding : 5px;
}


/**************/
/* Recherche  */
/**************/

#recherche{

	position : absolute;
	width:293px;
	height:153px;
	margin-top:308px;
	margin-left:2px;
        padding-left : 20px;
	/*border:1px solid blue;*/
	background-image: url(../../images/bloc-recherche.png);
}
#recherche h2.search_ads{

	color:white;
	font-size:1.0em;
	font-weight:bold;
        margin-top : 10px;
}

form#search_ads select
{
    font-size : 0.6875em;
    width : 130px;
    margin-right : 20px;
}

form#search_ads .search_ads_submit input{

	float:right;
        margin-right : 20px;
	background:none;
	border:none;
	color:white;
	background-image: url(../../images/envoyer.png);
	width:103px;
	height:37px;
	margin-top:7px;
	font-weight:bold;
	cursor:pointer;
}

/****************************/
/*      Pagination          */
/****************************/

form#pagination
{
    font-size : 0.75em;
}

/* -- Pagination Style  -- */
.pagination {
	width:auto;
	height:20px;
	float : right;
        margin-top : 10px;
}
.pagination a {
	display:block;
	text-decoration:none;
	float:left;
	color:#51BAC0;
	margin:0 4px;
	padding:2px 3px;
	font-size:14px;
	font-weight:bold;
}
.pagination a:hover {
	color:#1174A5;
}
.pagination span {
	color:#1174A5;
	float:left;
	margin:0 4px;
	padding:2px 3px;
	font-size:14px;
	font-weight:bold;
        text-align : center;
}


/****************************/
/*          Contenu         */
/****************************/

#contenu-haut{

	float:left;
	width:673px;
	height:31px;
	background-image: url(../../images/content-haut.png);
}

#contenu-bas{

	float:left;
	width:673px;
	height:31px;
	background-image: url(../../images/content-bas.png);
}

#contenu-edito, #intro-actu
{
	float:left;
        padding-left : 15px;
        padding-right : 15px;
	width:643px;
	height:auto;
	background: url(../../images/content-milieu.png)repeat-y;
}

#intro-actu h2
{
	margin-top : 0px;
        text-align : center;
        margin-bottom : 15px;
        color : #1174A5;
        font-size : 1.2em;
}

#contenu-edito .contentpaneopen img {

    margin-right:10px;
    margin-bottom:0px;
    float:left;
    margin-top : 5px;

}

/***********************/
/* Articles Actualités */
/***********************/

#contenu-edito a.readon{

        font-size : 0.75em;
        margin-top : 10px;
	color:#1174A5;
	float:right;
	font-weight:bold;
}

#contenu-edito a {

	color:#1174A5;
        text-decoration : underline;
}

span.article_separator
{
     line-height : 40px;
}

#contenu-edito td.createdate
{
     color : #75C6CA;
     font-weight : bold;
     font-size : 0.75em;
}

#contenu-edito h1{ color:#1174A5; }
#contenu-edito h2{ color:#1174A5; }

#contenu-edito p
{
    line-height : 1.5em;
    margin-bottom : 5px;
    text-align : justify;
}

#contenu-edito h3.h1 { color:#1174A5; font-weight : normal; }

/**************************/
/*   Fiches Programmes    */
/**************************/

table#view_ads { font-size : 0.75em; }

h1.view_ads_titre
{
    text-align : left;
    margin-top : -10px;
    margin-bottom : 25px;
    
}

h2.view_ads_titre
{
    color :#49BBC1;
    margin-top : 15px;
    margin-bottom : 5px;
}

h2.nom_prog
{
    color :#49BBC1;
    margin-top : 0px;
    margin-bottom : 5px;
    font-weight : bold;
}

table#view_ads
{
    border-collapse : separate;
    border-spacing : 0;
    background-color : #F0F0F0;
    border : 1px solid #2680AD;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
}

table#view_ads td   { padding : 10px; }
td.view_ads_image   { width:100px; }
td.view_ads_resume  { vertical-align : top; width : 280px; }
td.view_ads_divers  { vertical-align : top; text-align : right; width:190px;}
td.view_ads_images  { vertical-align : top; }
td.view_ads_details
{
    border-left : 1px dotted #666666;  
    padding-left : 10px;
}


#view_ads img
{
    width : 110px;
    box-shadow : 2px 2px 5px #999999;
    -moz-box-shadow : 2px 2px 5px #999999;
    -webkit-box-shadow : 2px 2px 5px #999999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top : 5px;
}

#view_ads a
{
    color : #165A89;
    text-decoration:underline;
}

#view_ads a:hover
{
    color : #49BBC1;
}

span.view_ads_resume
{
    color:#666666;
    line-height : 1.2em;
    text-align:justify;
}

span.view_ads_divers
{
    color:#FFFFFF;
    line-height : 1.5em;
    background-color : #4B97BC;
    padding : 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow : 2px 2px 5px #999999;
    -moz-box-shadow : 2px 2px 5px #999999;
    -webkit-box-shadow : 2px 2px 5px #999999;
    
    margin-bottom : 10px;
    text-align : right;

}

span.view_ads_vendu
{
    color:#FFFFFF;
    line-height : 1.5em;
    background-color : #FCA207;
    padding : 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow : 2px 2px 5px #999999;
    -moz-box-shadow : 2px 2px 5px #999999;
    -webkit-box-shadow : 2px 2px 5px #999999;
    
    margin-bottom : 10px;
    text-align : right;

}

#article_generique
{
    margin-bottom : 10px;
}
#article_generique img
{
    float:left;
    width : 200px;
    margin-right : 10px;
    box-shadow : 2px 2px 5px #999999;
    -moz-box-shadow : 2px 2px 5px #999999;
    -webkit-box-shadow : 2px 2px 5px #999999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

table#view_ads_details      { width : 100%; margin-top : 20px; }
table#view_ads_details td   { padding : 10px; }

#bbc
{
    position : relative;
    z-index : 10;
    background-color : #66CC66;
    padding : 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow : 2px 2px 5px #999999;
    -moz-box-shadow : 2px 2px 5px #999999;
    -webkit-box-shadow : 2px 2px 5px #999999;
    color : white;
    text-align : center;
    width : 80px;
    top:85px;
    margin-top : -45px; /* On enlève le décalage au dessus du titre h1 du programme */
    left:0;
    
}

#vendu
{
    position : relative;
    z-index : 10;
    background-color : #FCA207;
    padding : 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow : 2px 2px 5px #999999;
    -moz-box-shadow : 2px 2px 5px #999999;
    -webkit-box-shadow : 2px 2px 5px #999999;
    color : white;
    text-align : center;
    width : 95px;
    top:85px;
    margin-top : -45px; /* On enlève le décalage au dessus du titre h1 du programme */
    left:0;
    
}

#view_ads_details img
{
    width : 300px;
    box-shadow : 2px 2px 5px #999999;
    -moz-box-shadow : 2px 2px 5px #999999;
    -webkit-box-shadow : 2px 2px 5px #999999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float : left;
    margin-right : 10px;
}

#contenu-edito a.retour { color : #49BBC1; float : right; font-size : 0.75em; }
#contenu-edito a.retour:hover { color : #165A89; }

table#view_ads_cartridge
{
    border-collapse : separate;
    border-spacing : 0;
    background-color : #F0F0F0;
    border : 1px solid #2680AD;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin : 0 auto;
    margin-top : 15px;
    font-size : 0.75em;
}

table#view_ads_cartridge td   { padding : 10px; }


/**************************/
/*   Liens Programmes     */
/**************************/

table#view_ads_links
{
    border-collapse : separate;
    border-spacing : 0;
    background-color : #F0F0F0;
    border : 1px solid #2680AD;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin : 0 auto;
    margin-top : 10px;
    font-size : 0.75em;
}

table#view_ads_links td   { padding : 10px; }

#view_ads_links a   { color : #165A89; }
#view_ads_links a:hover { color : #49BBC1; }


/**************************/
/*   Saisie Programmes    */
/**************************/

h1.new_ads   { text-align : center; }

td#t_departement { width : 180px; }     /* Fixe la largeur de la colonne de gauche */

table.form_tab
{
    width : 100%;
    border-collapse : separate;
    border-spacing : 10px;
    background-color : #F0F0F0;
    border : 1px solid #2680AD;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding : 20px;
    margin : 0 auto;
}

form#new_ads { font-size : 0.75em; }

form#new_ads input  { width : 160px; }
form#new_ads input.notice  { width : 10px; }
form#new_ads input.picture  { width : 240px; }
form#new_ads select { width : 165px; }

form#new_ads input#nb_logements { width : 50px; }
form#new_ads input.label { width : 15px; }
form#new_ads input.trimestre { width : 15px; }
form#new_ads select#annees { width : 85px; }
form#new_ads input.type { width : 15px; }

form#new_ads img.thumb
{
    width : 140px;
}

/* Editeur */
div.advcode_toggle { display : none; }
div.pagebreak a, div.readmore a { color : #2680AD; text-decoration : underline; }

/* Images */
form#new_ads div.rules
{
    margin-top : 20px;
    width : 355px;
}

form#new_ads span.rules
{
    font-size : 0.8em;
    text-align : justify;
    font-weight : bold;
}

form#new_ads input#submit {

	float:right;
	background:none;
	border:none;
	color:white;
	background-image: url(../../images/envoyer.png);
	width:103px;
	height:37px;
	font-weight:bold;
	cursor:pointer;
}

/***********************/
/*    Bloc Astuces     */
/***********************/

#astuces{

	float:left;
	width:674px;
	height:290px;
	/*border:1px solid blue;*/
	background-image: url(../../images/astuces.png);
}

#astuces a {
    color: white;
    font-size: 1.5em;
    margin-left: 37px;
}

#astuces h1{

	color:#1174A5;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:20px;
	width:650px;
}

#astuces p{

	color:#666666;
	float:left;
	font-size:0.75em;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:-3px;
	width:350px;
}

#astuces-photo{

	position : relative;
	width:260px;
	height:225px;
	top:65px;
	left:410px;
	/*border:1px solid blue;*/
	background-image: url(../../images/photo2.png);
}

#visionneuse{

	float:left;
	width:325px;
	height:270px;
	/*border:1px solid blue;*/
	margin-left:4px;
	background-image: url(../../images/visionneuse.jpg);
}

#questions
{
    background-image: url("../../images/droite2.png");
    float: left;
    height: 400px;
    padding-left: 18px;
    padding-top: 65px;
    width: 313px;
    color:#666666;
    font-size:0.75em;
}

a.question_forum
{
 	float:right;
        margin-right : 15px;
        line-height : 1.2em;
        margin-top : 5px;
        padding-top : 3px;
	background:none;
	border:none;
	color:white;
	background-image: url(../../images/envoyer.png);
	width:103px;
	height:34px;
	font-weight:bold;
	text-align : center;
	cursor:pointer;   
}

#sites{

	float:left;
	width:330px;
	height:465px;
	/*border:1px solid blue;*/
	background-image: url(../../images/sites.png);
}

/****************************************/
/*			              	*/
/*         module autres programmes 	*/
/*			              	*/
/****************************************/




/****************************************/
/*			              	*/
/*          module de connexion 	*/
/*			              	*/
/****************************************/

#program_list
{
    margin-top : 110px;
    margin-left : 20px;
}

#program_list a {
    background-image: url("../../images/puce2.png");
    color: #999999;
    display: block;
    font-size: 0.75em;
    font-weight: bold;
    height: 14px;
    padding-left: 30px;
}
#program_list a:hover { color : #49BBC1; }


div.componentheading{


	color:#1174A5;
	font-weight:bold;

}

label.hasTip{

	color:#1174A5;
	font-weight:bold;

}


table.contentpane{


	color:#1174A5;
	font-weight:normal;

}

button.button.validate{

	background:none;
	background-color:#1174A5;
	color:white;
	font-weight:bold;
	font-size:1em;
	height:40px;
	cursor:pointer;


}
button.validate{

	background:none;
	background-color:#1174A5;
	color:white;
	font-weight:bold;
	font-size:1em;
	height:40px;
	cursor:pointer;
	border:none;


}

/****************************************/
/*			                */
/*  forum	                        */
/*			                */
/****************************************/

#ag_main_menu {

    float: right;
    height: 27px;
    line-height: 27px;
    margin-top : 10px;
    margin-bottom : -8px;
    padding: 0 0 0px;
    width: 100%;
}

#ag_menu li a
{
    background-color : #8EB8D9;
    color : #FFFFFF;
}

#ag_agorawrap { width: 635px; }

#contenu-edito #ag_agorawrap #ag_agoraindex.ag_agora .ag_forumName a          { color : #3465A4; }
#contenu-edito #ag_agorawrap #ag_agoraindex.ag_agora span.ag_byuser span a    { color : #3465A4; }
#contenu-edito #ag_agorawrap #ag_agoratopic.ag_agora .ag_headerbar            { background-color:#589EC9; }
#contenu-edito #ag_agorawrap #ag_agoratopic.ag_agora .ag_headerbar span a     { color : #FFFFFF; }
    
#ag_menu { z-index : 1; }


#contenu-edito #ag_agorawrap h3.ag_posttitle
{
    text-align : left;
    text-decoration : none;
}

#contenu-edito #ag_agorawrap h1.h3
{
    color:#49BBC1;
    font-size:1.2em;
    margin-top:10px;
    margin-bottom:10px;
    text-align : left;
    text-decoration : none;
}



.agoralatestB   /* Module affichage des dernier posts */
{
    margin-left:20px;
    color:#666666;
    margin-top:37px;
    height : 300px;
}

div.agora_latest_subjectB a { color:#666666; }


/*** announcement ***/

#ag_announcement {
	background: #fff;
	border-bottom: 5px solid #468FB9;
}

#ag_announcement h1
{
    border : none;
    margin-bottom : 15px;
}

ul.ag_topic_icons   {display : none;}
.ag_icon_attach     {display : none;}
th.ag_leftend, th.ag_spacer       {display : none;}
.ag_forumButtons_wrap {display : none;}
.ag_forumTools      {display : none;}
.ag_postnum         {display : none;}
.ag_bcrumbs         {display : none;}       /* On masque le fil d'ariane du forum */ 
.ag_btn_preview     {display : none;}
div.ag_avatararea dd.ag_userinfo        {display : none;}
.ag_profil_box      {}       /* On masque la zone "Personnalisation" du profil */

div.ag_captcha
{
    background-color: #FFFFF6;
    border : 1px solid #666666;
    margin-top:10px;
    width : 575px;
    padding : 10px;
    
}

div.ag_tablewrap, .ag_blockpostroweven.firstpost
{
    margin-top : 7px;
}

#ag_fullreply
{
    margin-top : 10px;
    text-align : center;
    font-size : 1.2em;
    font-weight : bold;
}

/****************************************/
/*             Diaporama	        */
/****************************************/

.jDiaporama.default{
    width:300px; /* Largeur d'une photo */
    float : left;
    margin-right : 10px;
}
 
.jDiaporama_wrapper{
	position: relative;
	clear: both;
}

.jDiaporama_slider{
	position:relative;
	overflow: hidden;
}

.jDiaporama ul{
	-moz-box-shadow:1px 1px 0.5em #222;
	overflow:hidden;
	position:absolute;
	left:0;
}

.jDiaporama li{
	list-style-type:none;
	overflow:hidden;
	float:left;
	position:relative;
	background: #FFF
}

.jDiaporama li img{
	display:block;
	margin: 0 auto
}

.jDiaporama .fade-tmp{
	position:absolute;
	z-index:1;
	text-align: center;
	background: #FFF
}

.jDiaporama .fade-tmp img{
	margin:0 auto;
	display:block
}

.jDiaporama-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}

.jDiaporama .desc{
	position:absolute;
	bottom: 0; left: 0; right:0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
	background:url(img/back_desc.png) repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/back_desc.png',sizingMethod='scale');  _background-image:none;
	width:inherit;
	padding-bottom:20px;
	text-align:left
}

.jDiaporama .title{
	position:absolute;
	top: 0; left: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}

.jDiaporama .count{
	position:absolute;
	top: 0; right: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}



/**** Status ****/

.jDiaporama_status{
	text-align:center;
	margin: 10px auto;
	display:none;
	overflow:hidden
}

.jDiaporama_status a{
	background:url(img/bullets.png) no-repeat left;
	_background:url(img/bullets.gif) no-repeat left;
	float:left;
	width:10px;
	height:10px;
	text-indent:-9999px;
	margin-right:5px;
}

.jDiaporama_status .imgBack{
	width:50px;
	height:50px;
	margin-right:10px;
	margin-bottom: 10px
}

.jDiaporama_status a:hover, .jDiaporama_status a.active{
	background:url(img/bullets.png) no-repeat right;
	_background:url(img/bullets.gif) no-repeat right;
}

/********** themes ***********/

/** DESIGN **/

.design .jDiaporama_slider{ -moz-box-shadow:0 0 0.7em #333; }
.design .jDiaporama_status .imgBack{ -moz-border-radius:0.5em; -moz-box-shadow:0 0 0.3em #444; -webkit-border-radius:0.5em; -webkit-box-shadow:0 0 0.3em #444; border-radius:0.5em; box-shadow:0 0 0.3em #444; border:1px solid #555; opacity:0.4; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.design .jDiaporama_status .imgBack:hover{ opacity:1;  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in }
.design .jDiaporama_status .imgBack.active{ -moz-box-shadow:inset 0 0 0.5em #333; opacity:1 }

/** BORDER **/

.border .jDiaporama_slider{ border:10px solid #fff }
.border .jDiaporama_status .imgBack{ border:2px solid #fff; opacity:0.5 }
.border .jDiaporama_status .imgBack:hover{ opacity:1 }
.border .jDiaporama_status .imgBack.active{ opacity:1; border:2px solid #333 }
.border .jDiaporama_controls .next{ right:10px; }
.border .jDiaporama_controls .prev{ left:10px; }
 


/****************************************/
/*			              	*/
/*              footer	                */
/*			              	*/
/****************************************/


#footer {
    background: url("../../images/footer.png") repeat scroll 0 0 transparent;
    color: #666666;
    float: left;
    height: 35px;
    margin-bottom: 22px;
    margin-left: 13px;
    margin-top: 30px;
    padding : 10px;
    width: 980px;
    font-size : 1.4em;
}

#footer ul {
    
    margin-left : 190px;          /* centrage */
    
}

#footer ul.menu li {
    
	margin: 0;
	float: left;
	padding: 0;
        margin-right : 20px;    /* espacement */
    }

#footer li{ color:#444444; }

#footer li a{

	color:#666666;
	text-decoration:none;
        text-align : center;
        line-height : 2.0em;
        padding-right : 20px;
        
}

#footer ul.menu li a    { border-right:1px solid #666666; }
#footer ul.menu li.item107 a { border : none; }

#copyright
{
    width : 1024px;
    height : 20px;
    text-align : center;
}











