/* Menu sans Javascript */
#divMenuNoJava { float: right; padding-top: 180px; padding-right: 20px; }
#listMenu { color: White; }
#listMenu li { display: inline; }
#listMenu a { color: white; font-size: 13px; letter-spacing: 0.7px; }

/* Page Accueil */
#cadre-nouvelle { width: 220px; float: left; }
#cadre-blanc-carriere { margin-top: 5px; margin-bottom: 15px; }
#cadre-blanc-nouvelle { margin-top: 5px; }
#cadre-nouvelle ul { margin-left: 20px; margin-bottom: 1em; margin-top: 1em; }
#cadre-nouvelle ul li { list-style-type: disc; }
#cadre-nouvelle ul li a { font-weight: inherit; text-transform: inherit; }
#cadre-nouvelle .text { margin: 7px 0 7px 0; }
#cadre-nouvelle .lien-bas-pale { margin-bottom: 20px; text-align: right; }
#cadre-nouvelle .lien-bas-pale a { font-weight: inherit; text-transform: inherit; }
#cadre-nouvelle .text a { font-weight: inherit; text-transform: inherit; }
.bienvenue img { float: left; clear: none; margin-left: 22px; }
#cadre-bienvenue { width: 349px; float: left; clear: none; margin-left: 10px; margin-bottom: 20px; }
#cadre-bienvenue p { margin: 0 10px 0 15px;}
#cadre-bienvenue .text { margin: 10px 10px 10px 15px; }
#cadre-bienvenue .lien-bas { margin-bottom: 5px; }
#cadre-service { float: left; clear: none; margin-left: 22px; width: 200px; }
#cadre-service img { float: left; }
#cadre-service .text { float: right; width: 120px; }
#cadre-service .lien-haut-pale { }
#cadre-service .div-mid { clear: both; height: 10px; background-image: url(../images/commun/sepPale.gif); background-repeat: repeat-x; background-position:center; }
#cadre-projet { float: right; clear: none; width: 210px; }
#cadre-projet h2 { margin-bottom: 10px; }
#cadre-projet img { float: left; }
#cadre-projet .text { float: right; clear: none; width: 130px; }
#div-acomba { float: left; clear: left; }

/* Page Entreprise */
#cadre-profil ul, #cadre-nos-services ul { list-style: none; margin: 0; padding: 0 0 10px 0; }
#cadre-nous { width: 214px; float: left; }
#cadre-profil, #cadre-nos-services { width: 213px; float: left; margin-left: 10px; }
#cadre-nous-blanc { text-align: center; }
#cadre-nos-services img { float: left; margin: 0 5px 0 0; }
#cadre-zone { margin-top: 15px;}
#cadre-zone .text { margin-left: 15px; margin-right: 10px; }

/* Page Nous Joindre */
#cadre-bureau { float: left; width: 270px; }
#cadre-img { float: right; margin: 0 15px 0 15px; }
#cadre-information { float: right; width: 300px; }
#cadre-information .pAdresse, #cadre-information .pNumero { float: left; margin-left: 12px; margin-top: 10px; }
#cadre-formulaire { float: right; clear: right; width: 394px; margin-top: 20px; }
#cadre-formulaire .title { float: left; width: 100px;}
#cadre-formulaire h2 { margin-bottom: 10px; }
#cadre-formulaire .buttons { margin-left: 98px; }

/* Page Acomba */
#cadre-expertise, #cadre-support { width: 425px; float: right; clear: none; }
#cadre-expertise .text, #cadre-support .text { margin: 10px 10px 10px 10px; }
#cadre-certifie { width: 240px; float: left; }
#cadre-certifie-blanc { text-align: center; }
#cadre-certifie img { margin: 10px; }
#cadre-support { margin-top: 20px; }

/* Page Nouvelles */
#cadre-retour-accueil { width: 230px; float: left; }
#cadre-retour-blanc { text-align: center; }
#cadre-nouvelles { width: 430px; float: right; }
#cadre-nouvelles ul { list-style: none; }
#cadre-nouvelles .bloc-news { background-image: url(../images/commun/sepFonce.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 10px }
 
/* Page Nouvelles - détails */
#cadre-nouvelles-retour { width: 210px; float: left; }
#cadre-nouvelles-retour-blanc { text-align: center; }
#cadre-nouvelle-detail { float: right; margin-left: 15px; width: 455px; }
#cadre-nouvelle-detail h2 { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: -moz-use-text-color; background-image: none; padding: 0px; margin-top: 5px; }
#cadre-nouvelle-detail ul { list-style: none; }

/* Page Services */
#cadre-service-gauche { width: 270px; float: left; }
#cadre-nouveau-service { float: right; clear: none; width: 310px; }
#cadre-service-gauche ul, #cadre-nouveau-service ul { list-style: none; }
#cadre-service-gauche a, #cadre-nouveau-service a { font-weight: bold !important; }
#cadre-nouveau-service .contenu { margin: 15px 0 0 10px; }
#cadre-img-service { float: right; clear: none; width: 106px; }
#cadre-service-majeur { float: right; clear: right; width: 396px; margin-top: 5px; }
#cadre-service-majeur h2 { margin-bottom: 10px; }
#cadre-service-majeur .contenu { float: right; width: 260px; }
#cadre-service-majeur .contenu h3 { text-decoration: underline; }
#top-line { background-image: url(../images/commun/sepPale.gif); background-repeat: repeat-x; background-position: top; padding-top: 5px; margin-top: 5px; }

/* Page Produits */
#cadre-public { float: left; width: 210px; }
#cadre-offert { float: right; width: 460px; }
#cadre-blanc-public { text-align: center; }
#cadre-blanc-public img { margin: 7px 0 7px 0; }

#cadre-blanc-offert .image { width: 120px; float: left; text-align: center !important; }
#cadre-blanc-offert .image p { text-align: center !important; }
#cadre-blanc-offert .contenu { width: 315px; float: right; }
#cadre-blanc-offert .contenu h3, #cadre-blanc-offert .contenu h4 { text-decoration: underline; }
#cadre-blanc-offert .contenu h4 { font-weight: normal; margin-top: 15px; }
#cadre-blanc-offert .separateur { height: 40px; background-image: url(../images/commun/sepPale.gif); background-repeat: repeat-x; background-position: center; float: right; width: 350px; }
#cadre-blanc-offert .lien-haut-pale { margin-top: 30px; }
#cadre-blanc-offert .text { margin-bottom: 30px; }

/* Page Projet */
#cadre-expertise-projet { width: 210px; float: left; }
#cadre-site-internet .text, #cadre-logiciel-mesure .text, #cadre-expertise-projet .text { margin: 10px 0 10px 0; }
#cadre-expertise-project-blanc { text-align: center; }
#cadre-site-internet { margin-top: 15px; } 
#cadre-site-internet, #cadre-logiciel-mesure { width: 450px; float: right; }
#cadre-site-internet .text, #cadre-logiciel-mesure .text { margin-left: 15px; margin-right: 15px; }

/* Page Projet - Logiciels */
#cadre-possible { float: left; width: 210px; }
#cadre-possible-blanc { text-align: center; }
#cadre-possible-blanc img { margin-bottom: 10px; }
#cadre-resume-logiciel { float: right; width: 450px; }
#cadre-resume-logiciel .text { margin: 10px; }
#cadre-resume-logiciel li { list-style: none; display: inline; text-align: center; }
#cadre-exemple { float: right; width: 450px; margin-top: 10px; }
#cadre-exemple .bloc-exemple { margin: 5px 10px 10px 10px; }
#cadre-exemple .img { float: left; }
#cadre-exemple .bloc-exemple h3 { background-color: #99a447; padding: 3px; text-align: center; color: White; margin-bottom: 10px; }
#cadre-exemple .bloc-exemple .lien-haut-pale  { text-align: right; }
#cadre-exemple .bloc-exemple ul { list-style: none; }
#cadre-exemple .bloc-exemple li { margin-bottom: 4px; }
#cadre-exemple .bloc-exemple .sous-ul { margin-left: 20px; }
#cadre-exemple .bloc-exemple .div-image { width: 110px; float: left; } 
#cadre-exemple .bloc-exemple .contenu { float: right; width: 74%; }

/* Page Projet - Sites */
#cadre-votre-site { width: 200px; float: left; }
#cadre-votre-site-blanc { text-align: center; }
#cadre-votre-site-blanc .text { margin: 10px 0 10px 0; }
#cadre-resume-sites { width: 465px; float: right; }
#cadre-resume-sites .text  { margin: 10px; }
#cadre-exemple-site {  width: 485px; float: right; clear: right; margin-top: 20px; }
#cadre-exemple-site h2 { margin-bottom: 5px; }
#cadre-exemple-site .bloc-site { margin-left: 10px; margin-right: 10px; }
#cadre-exemple-site .bloc-site h3 { background-color: #99a447; color: White; padding: 2px 4px 2px 4px; }
#cadre-exemple-site .bloc-site .hNom { float: left; clear: none; }
#cadre-exemple-site .bloc-site .hDate { float: right; }
#cadre-exemple-site .bloc-site .linkDetails { text-align: right; }
#cadre-exemple-site .bloc-site .lien-haut-pale { padding: 7px 0 15px 0; }
#cadre-exemple-site .bloc-site img { float: left; margin-right: 10px; margin-bottom: 10px; } 

/* Page Projet - Sites Détails*/
#cadre-votre-site-detail { width: 200px; float: left; }
#cadre-votre-site-detail div { text-align: center; }
#cadre-votre-site-detail .text { margin: 10px 0 10px 0; }
#cadre-site-details { float: right; width: 460px; }
#cadre-site-details p { margin: 10px 0 10px 0; }
#lien-site-detail { text-align: right; margin-top: 20px; }
#cadre-site-details .box-img { text-align: center; float: left; }
#cadre-site-details .box-img p { text-align: center; }
#cadre-site-details .box-ul { float: left; margin-left: 15px; }
#cadre-site-details .box-ul ul { list-style: rounded; margin-top: 5px; }
#cadre-site-details .box-ul li { margin-left: 15px; }

/* Page service - Agents */
#cadre-agent-resume { float: left; width: 205px; }
#cadre-agent-resume .cadre-blanc { text-align: center; }
#cadre-forfait, #cadre-forfait-exemple { float: right; width: 460px; }
#cadre-forfait .text { margin: 10px; }
#cadre-forfait ul, #cadre-forfait h3 { margin-left: 10px; }
#cadre-forfait ul { list-style: none; margin-top: 5px; margin-bottom: 20px; }
#cadre-forfait-exemple { margin-top: 10px; }
#cadre-forfait-exemple ul { list-style: none; }

/* Page service - Consultation */
#cadre-consultation-service { width: 220px; float: left; }
#cadre-consultation-service-blanc { text-align: center; }
#cadre-consultation-aide { float: right; width: 445px; }

/* Page service - Tourisme */
#cadre-tourisme-hotel { width: 220px; float: left; }
#cadre-tourisme-hotel-blanc { text-align: center; }
#cadre-tourisme-hotel-blanc img { margin-bottom: 10px; }
#cadre-tourisme-obtenez { float: right; width: 445px; }
#cadre-tourisme-obtenez .contenu { margin: 0 10px 0 10px; }
#cadre-tourisme-obtenez h2 { margin-bottom: 5px; }
#cadre-tourisme-obtenez h3 { background-color: #9aa648; color: #ffffff; font-weight: bold; padding: 2px; font-size: 11px; width: 150px; float: left; }
#cadre-tourisme-obtenez .tarif { color: #9aa648; text-transform: uppercase; font-size: 11px; font-weight: bold; float: right; }
#cadre-tourisme-obtenez ul { list-style: none; }
#cadre-tourisme-obtenez-contenu { border: solid 1px gray; padding: 10px 10px 10px 10px; }
#cadre-tourisme-obtenez #pExemple { margin-left: 5px; text-align: left; }
#cadre-tourisme-obtenez ul .liste { margin: 10px 0 10px 0; }

/* Page service - Hébergement */
#cadre-hebergement-nouveau { width: 200px; float: left; }
#cadre-hebergement-nouveau .cadre-pale { text-align: center; }
#cadre-hebergement-nouveau img { border: solid 1px black; margin-bottom: 10px; }
#cadre-plan-hebergement { float: right; width: 460px; }
#cadre-plan-hebergement p { margin-left: 10px; }
#cadre-plan-hebergement .TableHeader { background-color: #9AA648; color: #ffffff; font-weight:bold; padding: 2px; }
#cadre-plan-hebergement td { padding: 5px; }
#cadre-plan-hebergement #table-herbegement { margin-top: 10px; }
#cadre-plan-hebergement .lien-haut-pale { margin-top: 30px; }

/* Page service - Conception site */
#cadre-conception-site { width: 210px; float: left; }
#cadre-pale-conception-site { text-align: center;  }
#cadre-pale-conception-site img { border: solid 1px black; margin-bottom: 10px; }
#cadre-caracteristique { float: right; width: 450px; }
#cadre-caracteristique .Header { background-color: #9aa648; color: #ffffff; font-weight: bold; padding: 2px; }
#cadre-caracteristique .contenu-carac { padding: 5px 10px 0 10px; }

/* Page service - Sur mesure */
#cadre-sur-mesure { width: 215px; float: left; }
#cadre-pale-sur-mesure { text-align: center; }
#cadre-pale-sur-mesure .imgSurMesure { margin-bottom: 20px; }
#cadre-pale-sur-mesure .imgAcomba { margin-top: 20px; }

#cadre-100-besoin { width: 445px; float: right; }
#cadre-100-besoin .contenu { margin: 0 10px 0 10px; }

#cadre-application { width: 445px; float: right; margin-top: 20px; }
#cadre-application .contenu { margin: 0 10px 0 10px; }

/* Page d'authentification */
#login-box { border: solid 1px black; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 300px; margin-right: auto; margin-left: auto; text-align: center !important; }
#login-box ul { margin:0; padding: 0; }
#login-header {border-bottom: solid 1px black; background-color: #9AA547; padding: 2px 0 2px 0; color: White; font-weight: bold; text-align: center; margin-bottom: 10px; }
#para-error { margin-top: 10px; }
#div-button { width: 130px; margin-left: auto; margin-right: auto; padding: 0; margin-bottom: 12px; margin-top: 10px; }

/* Menu d'administration */
#menu-admin { float: left; clear: none; width: 170px; margin-right: 10px;  }
#menu-admin ul { padding: 0px; margin: 0px; border:solid 1px black; }
#menu-admin li { list-style-type: none; }
#menu-admin ul li a { text-decoration: none; display: block; background: #cccccc ; padding:  4px 6px 4px 10px; border-bottom: solid 1px black; color: black; }
#menu-admin a:link, #mon-admin a:active, #menu-admin a:visited { color: black; }
#menu-admin a:hover { background: #9AA547; color: white; font-weight: bold; }
.page-admin {float: left; float: right; width: 540px; }
div .page-admin h2 { color: Red; background-image: none; border-bottom: solid 0px black; padding-left:0; color: Black; font-size: 15px; font-weight: bold; font-family: Verdana; letter-spacing:normal; text-transform: none; margin-top: 10px; }		

body.admin-home #menu-admin a.admin-home,
	body.admin-users #menu-admin a.admin-users,
	body.admin-news #menu-admin a.admin-news,
	body.admin-portfolio #menu-admin a.admin-portfolio
	{ color: white; font-weight: bold; background-color: #9AA547; }
