/**************************************/
/*               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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

table, tr, th, td {
	vertical-align: middle;
}

img {
	border: 0;
	outline: 0;
	/*
	margin: 0;
	padding: 0;
	*/
}

strong {
	font-weight:bolder;
}

em {
    font-style:italic;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

form label {
    cursor: pointer;
}

form {
    display: inline;
}

fieldset {
    border: none;
}


/**************************************/
/*              TEXT                  */
/**************************************/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
html {
    margin-left: -1px;
}

body {
	color:#000;
	font: 75% arial, "trebuchet ms", verdana, tahoma, sans-serif;
}

/**************************************/
/*           POSITIONNEMENT           */
/**************************************/

/* `Classes de positionnement
----------------------------------------------------------------------------------------------------*/
/* print iframe */
#printer {
    width: 0px;
	height: 0px;
}

.layout {
    background-image: url(/download/site-principal/image/charte/);
    background-repeat: no-repeat;
}

.colA {
	width: 186px;
}

.colA img.logo {
	margin: 0 0 0 30px;
}

.colB {
	width: 445px;
	/*padding: 0 50px 0 34px;*/
	padding: 0 34px 0 5px;
}

.colC {
	margin-left: 680px;
	margin-right: 30px;
}

.border_radius {
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.border_black {
	border:1px solid #000000;
}
.border_gray {
	border:1px solid #DDDDDD;
}
.border_rouge {
	border:1px solid #B62C2C;
}
.border_orange {
	border:1px solid #FF9900;
}
.border_vert {
	border:1px solid #96C528;
}

.background_gray {
	background:#DDDDDD;
}

.no-border {
	border:none;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}

/* `Gabarit
----------------------------------------------------------------------------------------------------*/

#workspace {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background: url(/download/site-principal/image/charte/sprite_verti.png) repeat-y scroll 0 0;
	position:relative;
}

/* Slideshow */
#workspace .slideshow {
	height:412px;
	overflow:hidden;
	width:946px;
}

#slideshow {
	overflow: hidden;
	height: 412px;
}

#backgroundspace {
	width:946px;
	height:412px;
	position:absolute;
	z-index:0;
	top:140px;
	left:17px;
}

#backgroundspace .nav {
	z-index:50;
	position:absolute;
	top:30px;
	left:800px;
}

#backgroundspace .nav a, #backgroundspace .nav div {
	float:left;
	padding:2px 4px;
	color:#000;
}

#backgroundspace #prev, #backgroundspace #next {
	margin-top:3px;
}

#backgroundspace a.activeSlide {
	border:1px solid #000;
}

/* News */
#news {
	width:270px;
	height:156px;
	background: url(/download/site-principal/image/charte/sprite_verti.png) repeat-y -1774px 0;
	position:absolute;
	top:220px;
	left:673px;
	z-index:6;
	color:#fff;
	padding:10px;
}
#news h2 {
	color:#fff;
	line-height:1em;
}
#news a {
	color:#fff;
	background: url(/download/site-principal/image/charte/sprite_charte.png) no-repeat -970px -62px;
	padding-left:20px;
}
#news h2 a {
	font-size:1.5em;
}
#news h2 {
	background:none;
	padding-left:10px;
	margin-bottom:10px;
	border-left:3px solid #fff;
}

/* residences */
#residences {
	width:946px;
	height:160px;
	position:absolute;
	z-index:8;
	top:500px;
	left:20px;
}

#residences .anythingSlider                         { width: 910px; height: 120px; position: relative; margin: 0 auto 15px; }
#residences .anythingSlider .wrapper                { width: 830px; overflow: auto; height: 120px; margin: 0 40px; position: absolute; top: 0; left: 0; }
#residences .anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
#residences .anythingSlider ul#slide li             { display: block; float: left; padding: 0; height: 120px; width: 830px; margin: 0; }
ul#slide 											{ margin-left:5px;}
#residences .anythingSlider ul#slide li li          { display: block; float: left; padding: 0; height: 120px; width: 160px; margin-right: 5px; }
#residences .anythingSlider .forward                { background-position: 0 -186px; right: 20px; }
/*
  Prevents
*/
#residences .anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
#residences .anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }




.divcontenthome {
	padding-top:43px;
	margin:482px 0 0 36px;
}

#logo-aljt {
	position:absolute;
	top:55px;
	left:20px;
	z-index:15;
}

#top {
	background:#fff;
	height:50px;
}

/* En-tête */

#banner .hg {
	background:url(http://www.aljt.com//download/site-principal/image/charte/banner-g-3.png) no-repeat top left;
	height:100px;
}

#banner .hd {
	background:url(http://www.aljt.com//download/site-principal/image/charte/banner-d-3.png) no-repeat top right;
	height::100px;
}

.inner {
	background:url(http://www.aljt.com//download/site-principal/image/charte/sprite_hori-3.png) repeat-x;
	margin:0 27px;
	height:100px;
}


/* Blocs centraux */
#topspace, #bottomspace {
	width: 980px;
	overflow: hidden;
}

#middlespace {
	width: 980px;
}

#topspace {
	padding: 20px 0 10px 0;
}
#topspace .colA, #bottomspace .colA {
	height:60px;
}
#topspace .colC {
	margin-left:670px;
}

#bottomspace .colB {
	padding-top:10px;
}

/* Pied de page */
#footer {
	background:#fff url(/download/site-principal/image/charte/sprite_charte.png) no-repeat 0 0;
	padding:25px 23px 0 23px;
	height:25px;
	font-size:0.95em;
}

#footer li {border-right: 1px solid #000; padding:0 10px; margin-top:5px;}
#footer li.last {border:none; margin-top:0;}
#footer li a {color:#000;}

/*************************************/
/*           MENU PRINCIPAL          */
/*************************************/

.navspace {
	height:36px;
	position:relative;
	z-index:20;
}

.navspace .mainmenu {
	list-style:none;
	white-space:nowrap;
	margin:0;
	position:absolute;
	top:54px;
	left:-10px;
	padding-left:200px;
}

.navspace li {
	float:left;
	margin:0;
}

.navspace .mainmenu a {
	display:block;
	height:36px;
	float:left;
	background:none;
	text-decoration:none;
	line-height:25px;
	white-space:nowrap;
	color:#fff;
	font-size:1.6em;
}

.navspace .mainmenu a span {
	display:block;
	padding:0 15px 10px 15px;
	background:none;
	border-left:1px solid #ed2f27;
	height:20px;
}

* html .navspace .mainmenu a span {
	height:auto;
}

.navspace .mainmenu .last a span {
	border-right:none;
}

.navspace .mainmenu a:hover,
.navspace .mainmenu li:hover a {
	background: url(/download/site-principal/image/charte/sprite_hori-3.png) repeat-x 0 -129px;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
}

.navspace .mainmenu a:hover span,
.navspace .mainmenu li:hover a span {
	display:block;
	background:none;
	cursor:pointer;
}

.navspace .sub {
	display:none;
}

/* IE6 only */
.navspace table {
	border-collapse:collapse;
	margin:-1px;
	font-size:1em;
	width:0;
	height:0;
}

.navspace .sub {
	list-style:none;
}

.navspace .mainmenu :hover .sub {
	display:block;
	position:absolute;
	float:left;
	width:796px;
	top:36px;
	left:0;
	text-align:center;
	background: #B56161 url(/download/site-principal/image/charte/fond_menu_top-3.png) repeat-x;
	padding-left:150px;
	border-bottom: 1px solid #8C4444;
}

.navspace .mainmenu :hover .sub li a {
	display:block;
	height:18px;
	float:left;
	background:none;
	padding:0 16px;
	margin:0;
	white-space:nowrap;
	font-size:1.2em;
}

* html .navspace .mainmenu :hover .sub li a {
	font-size:12px;
}

.navspace .mainmenu :hover .sub li a:hover {
	color:#fff;
	border-color: #fff #333 #000 #fff;
}


/*!
 * jquery.ui.potato.menu
 *
 * Copyright (c) 2009-2010 makoto_kw, http://www.makotokw.com
 * Licensed under the MIT license.
 *
 * @author makoto_kw
 * @version 1.0
 */

ul#secondmenu {
	margin:0;
	padding:0;
	width:auto;
	list-style:none;
	position:absolute;
	top:35px;
	left:430px;
	z-index:30;
}
#secondmenu:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

ul#secondmenu li {
	margin:0;
	padding:0;
	position:relative;
	list-style:none;
	list-style-position:outside;
	display:inline;
	float:left;
}



ul#secondmenu li a {
    background: url(/download/site-principal/image/charte/onglet.png) no-repeat 0 0;
	display:block;
	text-decoration:none;
	white-space:nowrap;
	outline:0;
 	margin:0 5px;
	line-height:3em;
	text-transform:uppercase;
	font-size:1.1em;
	color:#333;
	width:113px;
	height:30px;
	text-align:center;
}

ul#secondmenu li li a, ul#secondmenu li li li a{
    background: none;
}

ul#secondmenu ul, ul#secondmenu ul ul{
	padding: 2px 10px 0 0 ;
	-webkit-padding-start:0;
	-webkit-padding-end:0;
	position:absolute;

	z-index:2;

	-webkit-box-shadow: 0 3px 3px #6F423E;
	-moz-box-shadow: 0 3px 3px #6F423E;
	box-shadow: 0 3px 3px #6F423E;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	background:#e3e3e3;
	amargin-left:-5px;
	width:180px;
}

ul#secondmenu .potato-menu-group {
    display:none;
}

#secondmenu li:hover a {
	background: url(/download/site-principal/image/charte/onglet.png) no-repeat 0 0;
	color:#333;
}

#secondmenu li:hover li a {
	background: none;
}

ul#secondmenu ul li a, ul#secondmenu ul ul li a {
	font-size:1em;
	text-transform:none;
	padding:3px 10px;
	text-align:left;
	height:auto;
	line-height:normal;
}

ul#secondmenu ul li a:hover, ul#secondmenu ul ul li a:hover {
	background:none;
	color:#333;
	text-decoration:underline;
}
/*
Produits
 */
#produits {
	position:absolute;
	width:306px;
	height:29px;
	top:65px;
	left:657px;
	background: url(/download/site-principal/image/charte/sprite_charte.png) no-repeat 0 -1078px;
}


/**************************************/
/*              GENERAL               */
/**************************************/

body {
	color:#000;
	font: 62.5% arial, "trebuchet ms", verdana, tahoma, sans-serif;
	background:#fff;
	height:100%;
	line-height: 1;
}

a {
	text-decoration: none; color: #f00;
}
a:hover {
	text-decoration: underline; color: #f00;
}

.link {
	cursor: pointer;
}

ul.sans-puce {
	list-style:none;
}
ul.horizontal li {
	float:left; margin:0;
}

.home #middlespace {
	background:none;
}

.charte-2 #middlespace {
	background: url(/download/site-principal/image/charte/sprite_verti.png) repeat-y -1960px 0;
}
.charte-3 #middlespace {
	background: url(/download/site-principal/image/charte/sprite_verti.png) repeat-y -2940px 0;
}

.faire-une-demande_btn {
	display:block;
	width:270px;
	height:51px;
	background: url(/download/site-principal/image/charte/sprite_charte.png) no-repeat 0 -64px;
	margin-bottom:10px;
}
.faire-une-demande_btn:hover {
	background: url(/download/site-principal/image/charte/sprite_charte.png) no-repeat 0 -125px;
}
.imprimer, .recommander, .synthese, .card {
	display:block;
	height:32px;
	color:#000;
	padding: 10px 10px 0 35px;
	background: url(/download/site-principal/image/charte/sprite_charte.png) no-repeat;
}

.imprimer {
	background-position: 0 -626px;
}

.imprimer:hover {
	color:#000;
	background-position:  0 -668px;
}

.recommander {
	background-position:  0 -710px;
}
.recommander:hover {
	color:#000;
	background-position:  0 -752px;
}

.synthese {
	background-position:  0 -794px;
}
.synthese:hover {
	color:#000;
	background-position:  0 -836px;
}

.card {
	background-position:  0 -542px;
}
.card:hover {
	color:#000;
	background-position:  0 -584px;
}


/*
    Slidebox 1
*/

.slide-panel {
	z-index: 60;
	width: 5px;
	position: absolute;
	margin-left:-360px;
}


.content {
	z-index: 10;
	overflow: hidden;
	text-align: left;
	background: url(/download/site-principal/image/charte/sprite_charte.png) no-repeat -270px -64px;
	height: 0;
	width: 490px;
}

.slide-button {
	position: relative;
	width: 215px;
	z-index: 50;
	cursor: pointer;
	height: 34px;
	padding:8px 0 0 65px;
	text-transform:uppercase;
	color:#333;
	font-size:1.2em;
	background: url(/download/site-principal/image/charte/sprite_charte.png) no-repeat 0 -1606px;
	margin-left:40px;
}

.slide-button:hover {
	color: #666;
}

#close-button {
	background: url(/download/site-principal/image/charte/sprite_charte.png) no-repeat 0 -1556px;
}

.form_auth_extranet {
	margin:2px 25px 0 35px;
}
.form_auth_extranet form {
	display:block;
	margin-top:15px;
}

.form_auth_extranet form input {
	font-size:1.3em;
	padding:2px;
	width:140px;
}

.form_auth_extranet .dossierbar {
	border:none;
	background:none;
	width:140px;
	margin-left:16px;
}
.form_auth_extranet .valid {
	margin:0;
	padding:0;
	height:22px;
	width:114px;
	border:none;
	background:none;
	cursor:pointer;
}
.form_auth_extranet .link a {
	margin-left:215px;
	color:#666;
	font-size:1em;
}



/*
    Search
*/

.bg-search {
	height:32px;
	width:172px;
	background: url(/download/site-principal/image/charte/sprite_charte.png) no-repeat 0 -1656px;
	position:absolute;
	top:13px;
	left:780px;
}

#query_form .searchbar,  #query_form input {
	border:0px solid #000000;
	margin:6px 0 0 4px;
	width:122px;
	font-size:1.3em;
}
#query_form .valid {
	margin:0;
	padding:0;
	height:32px;
	width:35px;
	border:none;
	background:none;
	cursor:pointer;
}


/*
    anythingSlider v1.0

    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

.anythingSlider                         { width: 250px; height: 120px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 170px; overflow: auto; height: 120px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul#slide li             { display: block; float: left; padding: 0; height: 120px; width: 170px; margin: 0; }
ul#slide 								{ margin-left:5px;}
.anythingSlider .arrow                  { display: block; height: 118px; width: 28px; background: url(/download/site-principal/image/charte/sprite_charte.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0; cursor: pointer; border:1px solid #000; }
.anythingSlider .forward                { background-position: 0 -186px; right: 12px; }
.anythingSlider .back                   { background-position: 0 -314px; left: 12px; }

#start-stop                             { position: absolute; top: -1000px; display:none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.anythingSlider li {
	position:relative;
}
.anythingSlider li h3 {
	position:absolute;
	top:90px;
	left:-20px;
	background: url(/download/site-principal/image/charte/bg-noir.png);
	width:160px;
	color:#fff;
	padding:5px 0;
	font-size:1.2em;
}
.home .anythingSlider li h3 {
	left:0px;
}

.divrightcol .anythingSlider li h3 {
	font-size:1em;
}
.anythingSlider li .label {
	position:absolute;
	top:0;
	right:8px;
}
.home .anythingSlider li .label {
	right:0px;
}
.anythingSlider li h3 span {
	margin-left:5px;
	padding-left:5px;
	border-left: 3px solid #fff;
}



.frise                         { width: 500px; height: 573px; position: relative; margin: 0 auto 15px; }
.frise .wrapper                { width: 432px; overflow: auto; height: 552px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.frise .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.frise ul li                   { display: block; float: left; padding: 0; height: 528px; width: 432px; margin: 0; }
.frise .arrow                  { display: block; height: 68px; width: 27px; background: url(/download/site-principal/image/historique-association/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 250px; cursor: pointer; }

.frise .forward                { background-position: 0 0; right: 28px; height:68px;}
.frise .forward:hover          { background-position: 0 -68px; }

.frise .back                   { background-position: -27px 0; left: 38px; height:68px; }
.frise .back:hover             { background-position: -27px -68px; }

.frise #thumbNav               { width: 432px; position: relative; top: 552px; text-align: center;margin:0 40px;background:#f0f0f0; }
.frise #thumbNav a             { display: inline-block; padding: 6px 10px; height: 18px; margin: 0; text-align: center; background:#f0f0f0;color:#bcbcbc;text-decoration:none;font-weight:bold;border-bottom: 6px solid #f0f0f0;}
.frise #thumbNav a:hover       { background-image: none;color:#222; }
.frise #thumbNav a.cur         { border-bottom: 6px solid #999; }

.frise .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.frise .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#frise_legende                 { width: 432px; height: 20px; margin: 0 40px; }

ul.social {
    margin: 6px 0 0 0;
	float:left
}
ul.social li{
	float:left;
	margin: 0 2px;
}

.div_popup_envoi {
    background-color:#FFFFFF;
    border:1px solid #A5A5A5;
    -moz-border-radius: 5px;
    border-radius: 10px;

    -webkit-box-shadow: 5px 5px 15px #444;
	-moz-box-shadow: 5px 5px 15px #444;
	box-shadow: 5px 5px 15px #444;

    display:none;
    position:absolute;
    left: 50%;
    margin: 0 0 0 -260px;
    width: 530px;
    padding: 10px;
    z-index:20000;
}

.div_popup_envoi .head{
	text-align:right;
	height: 15px;
}

.div_popup_envoi h2{
	color:#7D0000;
}

.div_popup_envoi .fieldrow label {
	width: 100%;
}

.div_popup_envoi .divcolonnemilieu {
    width: 215px;
	height: 260px;
}

.divcontent .plan_du_site {
	margin:0px 0px 25px 0px;
	padding:0px;
	font-weight:normal;
}

.divcontent .plan_du_site h3 {
	font-size: 1.2em;
	margin:0 20px 10px 60px;
}

.divcontent .plan_du_site h3 a {
	color: #7D0000;
}

.divcontent .plan_du_site a {
	text-decoration:none;
	color: #000;
}

.divcontent .plan_du_site a:hover, .divcontent .plan_du_site h3 a:hover {
	text-decoration:underline;
}

.divcontent .plan_du_site ul {
	margin: 0px 0px 5px 0px;
	padding:0px;
}

.divcontent .plan_du_site li {
	list-style-type:none;
	font-size: 1.1em;
}

.divcontent .plan_du_site ul li {
	margin:5px 0px 10px 0;
	padding:0px;
	list-style-type:none;
	text-decoration:none;
	font-weight:normal;
}

.divcontent .plan_du_site ul ul {
	margin: 2px 0px 3px 70px;
	padding: 0px;
}

.divcontent .plan_du_site ul ul li {
	list-style-type:none;
}

.divcontent .plan_du_site ul ul ul {
	margin:2px 0px 3px 15px;
	padding:0px;
}

a.definition {
	color: #000;
}

a.definition:hover {
	text-decoration: none;
}

.divcontent .decimal {
	list-style: decimal inside;
	margin-left: 80px;
	margin-bottom: 30px;
}

.divcontent .decimal a {
	color: #000;
}

.divcontent .decimal li {
	text-indent: -20px;
	padding: 2px 0;
}

.divcontent .decimal li p {
	margin:0;
	padding:0;
	display:inline;
	font-size: 1em;
}

.divcontent dt p {
	margin:0;
	padding:0;
	display:inline;
	font-size: 1em;
}

.divcontent dt a {
	color:#7D0000;
	font-weight:bold;
	font-size: 1.4em;
}

.divcontent dd p {
	margin:0;
	padding:0;
	font-size: 1em;
}

.divcontent dd {
	margin: 0 0 15px 20px !important;
}
.imgzoom_pannel {
	background-color:black;
	padding:8px 4px 4px 4px;
	margin:0px;
}
.imgzoom_legend {
	text-align:left;
	font-size:1em;
	font-family: Arial,Helvetica,sans-serif;
	margin:5px;
	padding:0px;
}
.imgzoom_legend h3 {
	color:#ffffff;
	font-size:1em;
	font-family: Arial,Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
.imgzoom_legend p {
	color:#6D7068;
	font-size:1em;
	font-family: Arial,Helvetica,sans-serif;
	margin:0px;
	padding:0px;
}
/*------------------------------------------------------------------------------
| Galeria plugin
------------------------------------------------------------------------------*/
/*.gal{position:relative;}*/
.galleria{list-style:none;width:100px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


/*------------------------------------------------------------------------------
| TipTip CSS - Version 1.2
------------------------------------------------------------------------------*/
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

*+html #tiptip_content,
* html #tiptip_content, {
	background-color: #000;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

*+html #tiptip_holder.tip_bottom #tiptip_arrow_inner,
* html #tiptip_holder.tip_bottom #tiptip_arrow_inner {
	background: url("/download/site-principal/image/charte/flechetips.png") no-repeat;
	width: 20px;
	height: 20px;
	margin: -6px 0 0 -12px;
}

* html #tiptip_holder.tip_bottom #tiptip_arrow_inner {
	background: url("/download/site-principal/image/charte/flechetips.gif") no-repeat;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* home slider */

#nextimg,#previousimg {
	display: block;
	height: 118px;
	width: 28px;
	background: url(/download/site-principal/image/charte/sprite_charte.png) no-repeat 0 0;
	text-indent: -9999px;
	float:left;
	cursor: pointer;
	border:1px solid #000;
}

#nextimg {
	background-position: 0 -186px;
	margin: 0 25px 0 5px;
}

#previousimg {
	background-position: 0 -314px;
	margin: 0 5px 0 25px;
}

#chained li {
	position:relative;
	margin-right: 5px;
}

#chained li h3{
	position:absolute;
	top:90px;
	background: url(/download/site-principal/image/charte/bg-noir.png);
	width:160px;
	color:#fff;
	padding:5px 0;
	left:0px;
	font-size:1em;
}

#chained li .label, .magnifier .label {
	position:absolute;
	top:0;
	right:0px;
}

#chained li h3 span, .magnifier h3 span{
	margin-left:5px;
	padding-left:5px;
	border-left: 3px solid #fff;
}

#chained {
        width: 820px;
        height: 120px;
        overflow:hidden;
        position: relative;
}

#chained ul{
        position: relative;
        height: 120px;
        padding: 0;
}

#chained li {
        width: 160px;
        height: 120px;
        float: left;
        list-style: none;
}

.magnifier {
	width: 200px;
	height: 190px;
	-webkit-box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	box-shadow: 0px 0px 15px #000;

	background-color: #000;
}

.magnifier p {
	color: #fff;
	padding: 10px;
	display:block;
	height:73px;
	margin:0;
	font-size: .9em;
}

.magnifier p a {
	color: #fff;
	display:block;
	text-align:right;
	font-size: 1.3em;
	line-height: 11px;
	padding: 8px 0 0 0;
}
.magnifier p a:hover {
	text-decoration:none;
}

.magnifier p a img {
	margin: 0 2px 0 0;
}

.magnifier h3{
	position:absolute;
	top:88px;
	background: url(/download/site-principal/image/charte/bg-noir.png);
	width:200px;
	color:#fff;
	padding:6px 0;
	left:0px;
	font-size:1.5em;
}





.search{
	text-align: center;
	margin: 30px 5px 5px 45px;
    height:18px;
    width:182px;
}


.search .searchbar{
    background:none;
    border:1px solid #000000;
    float:left;
    height:14px;
	width:148px;
	font-size:10px;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	background: #fff;
}

.search .loupe{
    background: transparent url('/download/site-principal/image/charte/graphisme/loupe.png') no-repeat top left;
    border:none;
    float:right;
    height:18px;
    width:18px;
	cursor:pointer;
	margin-right:4px;
}
.search .loupe:hover, .search .loupe:focus{
    background: transparent url('/download/site-principal/image/charte/graphisme/loupe.png') no-repeat -18px 0;
}


.divcontent .search_field .query {
	font-size:1.3em;
	padding:2px;
}
.divcontent .search_field {
	margin:0 0 0 60px;
}
.divcontent #result_report p {
	margin:15px 0 10px 60px;
}
.divcontent .result_head .title {
	font-weight:bold;
}

.divcontent .result_head p, .divcontent .description p {
	line-height:1em;
	padding:0;
	margin:0px 0 0 36px;
}
.divcontent .description p {
	line-height:1.4em;
	margin-top:5px;
}
.divcontent .description p .selected {
	background:#000000;
	color : #ffffff;
	padding:0px 2px;
}

.divcontent a.disabled.page_previous, .divcontent a.disabled.page_next {
	color: #989898;
	text-decoration:none;
}
.divcontent .search_workspace .other_pages {
	text-align:right;
}
.divcontent .search_workspace hr, .divcontent .other_pages hr {
	border:none;
	border-bottom:1px solid #000000;
	margin:22px 0 22px 36px;
}


.back_to_aljt_com {
	position:absolute;
	margin-left:640px;
	margin-top:23px;
}
.back_to_aljt_com a {
	color:#000000;
}
.tabs {
	float:none;
}



.liste-ordonnee li {text-decoration:none;list-style-type:decimal;}
.liste-ordonnee li a:link{font-weight:none;font-style:none;text-decoration:none;}
.liste-ordonnee li a:active{font-weight:none;font-style:none;text-decoration:none;}
.liste-ordonnee li a:visited{font-weight:none;font-style:none;text-decoration:none;}
.liste-ordonnee li a:hover{font-weight:none;font-style:none;text-decoration:none;}


blockquote {padding:0px; padding-left:30px; margin:0px}

form .explid_radio, form .explid_checkbox {
	clear:left;
}

.required {
	color:#ff0000;
}

.fieldrow{
	width:100%;
	display:block;
	float:left;
	margin-top:1px;
	margin-bottom:1px;
	padding-left:3px;
	padding-right:3px;
	clear:left;
	/*background-color:#EEEEEE;*/
}

.divcontent form p {
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.divcontent form.style1 p, .divcontent form.style1 h2, .divcontent form.style1 h3, .divcontent form.style1 h4 {
	clear:left;
	float:left;
	width:90%;
}

.fieldrow label{
	width:100%;
	display:block;
	float:left;
}
.divcontent .divleftcol .fieldrow label,
.divcontenthome .divleftcol .fieldrow label,
.divcontent .divline .fieldrow label,
.divcontenthome .divline .fieldrow label
{
	margin-left:60px;
	font-weight: bold;
	margin-top:10px;
	margin-bottom:3px;
}
.divcontent .divrightcol .fieldrow label,
.divcontenthome .divrightcol .fieldrow label
{
	margin-left:20px;
	margin-bottom:2px;
}

.fieldrow input, .fieldrow textarea, .fieldrow select{
	display:block;
	float:left;
	font-family:Arial;
}
.divcontent .divleftcol .fieldrow input, .divcontent .divleftcol .fieldrow textarea, .divcontent .divleftcol .fieldrow select,
.divcontenthome .divleftcol .fieldrow input, .divcontenthome .divleftcol .fieldrow textarea, .divcontenthome .divleftcol .fieldrow select,
.divcontent .divline .fieldrow input, .divcontent .divline .fieldrow textarea, .divcontent .divline .fieldrow select,
.divcontenthome .divline .fieldrow input, .divcontent .divline .fieldrow textarea, .divcontent .divline .fieldrow select
{
	margin-left:60px;
}
.divcontent .divrightcol .fieldrow input, .divcontent .divrightcol .fieldrow textarea, .divcontent .divrightcol .fieldrow select,
.divcontenthome .divrightcol .fieldrow input, .divcontenthome .divrightcol .fieldrow textarea, .divcontenthome .divrightcol .fieldrow select
{
	width:85%;
	margin-left:20px;
}

.fieldrow input[type="radio"]{
	margin-left:3px;
	margin-right:5px;
}
.fieldcell{
	width:auto;
	display:inline;
	float:left;
	margin-top:1px;
	margin-bottom:1px;
	padding-left:60px;
	padding-right:3px;
}
.fieldcell label{
	width:auto;
	display:inline;
	float:left;
	padding-top:4px;
}

.fieldcell input, .fieldcell textarea, .fieldcell select{
	width:auto;
	display:inline;
	float:left;
	font-family:Arial;
}

.formfooter {
	width:80%;
	clear:left;
	padding-top:30px;
}
.divcontent .divleftcol .formfooter,
.divcontenthome .divleftcol .formfooter,
.divcontent .divline .formfooter,
.divcontenthome .divline .formfooter
{
	width:85%;
	margin-left:60px;
}
.divcontent .divrightcol .formfooter,
.divcontenthome .divrightcol .formfooter
{
	width:85%;
	margin-left:20px;
}

.fieldtitle{
	width:40%;
	float:left;
}

.fieldcellhorizontale{
	width:40%;
	float:left;
}

.fieldcellverticale{
	width:40%;
	float:left;
}

.fieldrow .fieldcellhorizontale label{
	float:left;
}

.fieldrow .fieldcellhorizontale input{
	float:left;
	font-family:Arial;
}

.fieldrow .fieldcellverticale label{
	font-family:Arial;
	display:block;
}

.fieldrow .fieldcellverticale input{
	display:block;
	float:left;
	height:12px;
}

/*------------------------------------------------------------------------------
| Typo
------------------------------------------------------------------------------*/
/* `Basic HTML
------------------------------------------------------------------------------*/
hr {
	border: 0 #000 solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

h1 {
	font-size: 2.4em;
}

h1 span.subtitle {
	font-size: 0.5em;
	color: #7D0000;
	font-weight:bolder;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

/* `Spacing
------------------------------------------------------------------------------*/

.divcontent ol, .divcontenthome ol {
	list-style: decimal outside none;
    margin-left: 90px;
    line-height: 1.4em;
}

.divcontent ul, .divcontenthome ul {
	list-style: disc outside none;
	margin-left: 90px;
    line-height: 1.4em;
}

.divcontent .divrightcol ol {
	list-style: decimal outside none;
    margin-left: 40px;
    line-height: 1.4em;
}

.divcontent .divrightcol  ul {
	list-style: disc outside none;
	margin-left: 40px;
    line-height: 1.4em;
}

.divcontent dl, .divcontenthome dl {
    margin-left: 60px;
    line-height: 1.4em;
    font-size: 1.2em;
}

.divcontent dd, .divcontenthome dd {
    margin:0 0 15px 0;
}

.divcontent ul ul, .divcontenthome ul ul,
.divcontent ul ul ul, .divcontenthome ul ul ul {
    margin-left: 25px;
    margin-top: 1em;
    margin-bottom: 1em;
}
.divcontent ul ul li, .divcontenthome ul ul li,
.divcontent ul ul ul li, .divcontenthome ul ul ul li {
	list-style: circle outside none;
	line-height: 1.1em;
}


.divcontent h1,
.divcontent h2 {
	margin-top: 5px;
	margin-bottom: 15px;
}

.divcontent h3 {
	margin-bottom: 5px;
}

.divcontent dl,
.divcontent hr,
.divcontent h6,
.divcontent pre,
.divcontent table,
.divcontent address,
.divcontent fieldset {
	margin-bottom: 10px;
}

.divcontent hr {
	margin:20px 30px 20px 60px;
}

.divcontent ol,
.divcontent ul {
	margin-bottom: 5px;
}

p {
	line-height:1.3em;
	margin-bottom: 5px;
}
p, label, textarea, input {
	font-size:1.2em;
	font-family:Arial,Helvetica,sans-serif;
}

.divcontent li {
	font-size:1.2em;
	margin-bottom: 5px;
}
.divcontent li li {
	font-size:1em;
}

	.home h2 {
		padding-left:58px;
		background: url(/download/site-principal/image/charte/titre-1-3.png) repeat-y 0 0;
		color:#fff;
		line-height:1.5;
	}

	.divcontenthome .divleftcol h2 {
		background: url(/download/site-principal/image/charte/titre-1-3.png) repeat-y 0 0;
	}
	.divcontenthome .divline h2 {
		background: url(/download/site-principal/image/charte/titre-1-line-3.png) repeat-y 0 0;
	}
.divleftcol h2, .divline h2 {
	padding:3px 20px 3px 58px;
	background: url(/download/site-principal/image/charte/titre-2.png) repeat-y 0 0;
	color:#fff;
	line-height:1em;
	margin-top: 30px;
}
.divline h2 {
	background: url(/download/site-principal/image/charte/titre-2-line.png) repeat-y 0 0;
}



.divcontenthome h3, .divcontent h3, .divline h3, .divrightcol h2 {
	color:#7d0000;
	font-weight:bold;
	margin:0 20px 10px 60px; /* 36px */
	line-height:1em;
	margin-top: 30px;
	margin-bottom: 10px;
}
.divcontenthome p, .divcontent p, .divrightcol p, .divline p {
	margin:0 20px 10px 60px;
}
.divcontenthome .col p {
	margin-left:0;
}

.divrightcol h3 {
	color:#7d0000;
	font-weight:bold;
	margin:0 20px 20px 20px;
	line-height:1em;
	margin-bottom: 5px;
}

.divcontenthome h4, .divcontent h4, .divline h4  {
	color:#7d0000;
	font-weight:bold;
	margin:0 20px 20px 36px;
	line-height:1em;
	margin-bottom: 5px;
}

.divcontenthome h5, .divcontent h5, .divline h5, .divrightcol h5 {
	color:#7d0000;
	font-weight:bold;
	margin:0 20px 20px 60px;
	line-height:1em;
	margin-bottom: 5px;
}

.divcontenthome .divrightcol p,
.divcontenthome .divrightcol h2,
.divcontenthome .divrightcol h3,
.divcontenthome .divrightcol h4,
.divcontenthome .divrightcol h5,
.divcontent td p {
	margin:0;
}
.divcontent td p {
	font-size:1em;
}

.divrightcol h2 {
	border-left: 3px solid #880f0f;
	font-size:1.6em;
	padding-left:10px;
	margin-left:15px;
}

.divrightcol p {
	margin-left:20px;
}


.divcontenthome blockquote,  .divcontent blockquote {
	border-left:3px solid #880F0F;
	margin:30px 60px 30px 80px;
	padding:0 0 0 20px;
	color:#666666;
	font-size:1.8em;
	font-weight:bold;
}
.divcontenthome blockquote p,  .divcontent blockquote p {
	padding : 0;
	margin : 0;
	line-height:1em;

}

/*------------------------------------------------------------------------------
| Layout
------------------------------------------------------------------------------*/
/* `Classes de positionnement
------------------------------------------------------------------------------*/
.hide {
	display:none;
}

.left {
	float:left !important;
}

.right {
	float:right !important;
}

.bottom {
    vertical-align: bottom !important;
}

.top {
    vertical-align: top !important;
	top:0;
}

.middle {
    vertical-align: middle !important;
}

.upper {
	text-transform : uppercase;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.clear-l {
	clear: left !important;
}

.clear-r {
	clear: right !important;
}

.both {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


/* Template webeditor
------------------------------------------------------------------------------*/

.divcontenthome .col {
	width:191px;
	margin:0 0 0 25px;
	float:left;
}

	.divcontenthome .col h2 {
		background: url(/download/site-principal/image/charte/titre-1-col-3.png) repeat-y 0 0;
	}
.divcontent .col h2 {
	background: url(/download/site-principal/image/charte/titre-2-col.png) repeat-y 0 0;
}

.divcontenthome .col p, .divcontenthome .col h2, .divcontenthome .col h3, .divcontenthome .col h4, .divcontenthome .col h5  {
	margin-left:0;
}

.divcontent {
	width:794px;
	float:left;
	min-height: 650px;
}
.divcontent.popup {
	min-height:0;
}

.divleftcol {
	padding:43px 20px 36px 0px;
	float:left;
	width:462px;
}
.divcontenthome .divleftcol {
	width:650px;
	padding:0px 20px 36px 0px;
}

.divcontenthome .divrightcol, .divcontent .divrightcol {
	float:left;
	padding:15px 0 36px 0;
	width:291px;
}
.divcontenthome .divrightcol {
	width:240px;
	padding-top:35px;
}

.divline {
    width:729px;
	padding: 43px 36px 36px 0;
	background: #fff url(/download/site-principal/image/charte/fiche_fond-degrade.png) repeat-y top right;
	float:left;
	min-height:650px;
}
.divline.popup {
	min-height:0;
}

.divcontenthome .divline {
	background: none;
}
.divcontenthome .divline p {
	margin:8px 0 20px 25px;
}
.divcontent .divcols1 {
	background: url(/download/site-principal/image/charte/sprite_verti.png) repeat-y -980px 0;
	min-height: 650px;
}
.divcontent .popup .divcols1 {
	min-height:0;
}
.divcontent .divcols1, .divcontenthome .divcols1 {
	float: left;
}

.divcontent .cadre_gris {
	margin:0 16px 0 36px;
}
.divcontent .cadre_gris p, .divcontent .cadre_gris h3, .divcontent .cadre_gris h4 {
	margin-left:0;
}
.divcontent .cadre_gris h3, .divcontent .cadre_gris h4 {
	margin-top:8px;
}

.divcontent .cadre_rouge {
	margin:0 16px 0 36px;
}
.divcontent .cadre_rouge p, .divcontent .cadre_rouge h3, .divcontent .cadre_rouge h4 {
	margin-left:0;
}
.divcontent .cadre_rouge h3, .divcontent .cadre_rouge h4 {
	margin-top:8px;
}

.divcontent .cadre_rouge ul, .divcontenthome .cadre_rouge ul {
	margin-left:25px
}


.divcontent .cadre_orange {
	margin:0 16px 0 36px;
}
.divcontent .cadre_orange p, .divcontent .cadre_orange h3, .divcontent .cadre_orange h4 {
	margin-left:0;
}
.divcontent .cadre_orange h3, .divcontent .cadre_orange h4 {
	margin-top:8px;
}

.divcontent .cadre_orange ul, .divcontenthome .cadre_orange ul {
	margin-left:25px
}

.divcontent .cadre_vert {
	margin:0 16px 0 36px;
}
.divcontent .cadre_vert p, .divcontent .cadre_vert h3, .divcontent .cadre_vert h4 {
	margin-left:0;
}
.divcontent .cadre_vert h3, .divcontent .cadre_vert h4 {
	margin-top:8px;
}

.divcontent .cadre_vert ul, .divcontenthome .cadre_vert ul {
	margin-left:25px
}




.error {
	background: #EEEEEE;
}

.divrightcol .error {
	margin:10px 15px 10px 20px; 
}
.divleftcol .error, .divline .error {
	margin:10px 20px 10px 60px;
}

.divcontent .error p, .divcontenthome .error p {
	color:red;
	font-size:0.9em;
	margin:8px;
}

.not_underline:hover {
	text-decoration:none;
}



.popup {
	width:auto !important;
}
.popup p, .popup h3, .popup h4 {
	margin-left:8px;
	padding-left:0;
}
.popup h2, .popup h3 {
	margin-top: 4px;
}


.message_orange {
	color:#FF9900;
	font-size:14px;
}