/* SQLI Agency - SLM - 07/08 */


/*
+-------------------------------+
|	=>	Structure				|
+-------------------------------+
*/
body {
	background:#f8f6f3;
	color:#000;
	font:normal .8em/1.2 Verdana, Arial, Helvetica, sans-serif;
}


#entete,
#content {
	width:995px;
	margin:0 auto;
/*	overflow:hidden;*/
	padding-left: 4px;
}

#entete {
	width:987px;
}

#content {
	background:url(content-fond-middle.gif) left top repeat-y;
}

#content-bottom {
	background:url(content-fond-bottom.gif) left bottom no-repeat;
}

#content-top {
	background:url(content-fond-top.gif) left top no-repeat;
}

#content-inner {
	padding:4px;
}


#content-corps {
	padding:9px 18px;
}


/*
+-------------------------------+
|	=>	tailles de texte          |
+-------------------------------+
*/

.taille_8 #content {
	font-size:90%
}

.taille_9 #content {
	font-size:95%
}

.taille_10 #content {
	font-size:100%
}

.taille_11 #content {
	font-size:105%
}

.taille_12 #content {
	font-size:110%
}


#outils {
	float:right;
	font-size:0.8em
}

#outils li {
	margin-left:10px;
	float:left
}

#outils a {
	padding:4px 0 4px 20px;
	color:#818181;
	background-color:inherit;
	background-image:url(/outils.png);
	background-repeat:no-repeat;
	display:block;
}

#outils #imprimer a {
	background-position:0 0
}

#outils #envoyer a {
	background-position:0 -100px
}

#outils #telecharger a {
	background-position:0 -50px
}

#outils #newsletter a {
	background-position:0 -150px
}

#outils #augmenter,
#outils #diminuer,
#outils #augmenter a,
#outils #diminuer a {
	background-image:none;
	padding:0;
	margin:0
}


/*
+-------------------------------+
|	=>	Colonnages				|
+-------------------------------+
*/
#conteneur-3col #colonne-1,
#conteneur-3col #colonne-3 {
	float:left;
	width:220px;
	overflow:hidden;
}

#conteneur-3col #colonne-2 {
	float:left;
	overflow:hidden;
	width:460px;
	margin:0 25px 0 25px;
}

#conteneur-2col {
	width:100%
}

#conteneur-2col #colonne-1 {
	float:left;
	width:220px;
	overflow:hidden;
}

#conteneur-2col #colonne-2 {
	float:left;
	overflow:hidden;
	width:705px;
	margin:0 0 0 25px;
}

#conteneur-2col #colonne-2 .sous-colonne {
	float:left;
	margin-left:25px;
	display:inline;
	width:340px;
}

#conteneur-2col #colonne-2 .premier {
	margin-left:0
}

#colonne-1 div.actif {
	margin-top:-16px;
	padding-top:16px;
	background-image:url(menu.png);
	background-repeat:no-repeat;
	background-position:0 0
}

#colonne-1 div.actif .menu-fleche {
	background-image:url(menu.png);
	background-repeat:no-repeat;
	background-position:0 100%;
}


#conteneur-2col #colonne-2 .sous-colonne form select {
	margin-left:20px;
	width:200px
}

#recherche_offre select {
	margin-left:0!important;
	width:233px!important
}

.msie6 #recherche_offre legend span {
	position:relative;
	display:block;
	left:-7px;
}


/*
+-------------------------------+
|	=>	Prelude					|
+-------------------------------+
*/

#prelude {
	text-align:center;
}

#prelude li {

	display:inline;
}

#prelude li a {
	font-size:.7em;
	color:#F8F6F3;
}

#prelude li a:focus,
#prelude li a:hover {
	color:#E6601D;
}




/*
+-------------------------------+
|	=>	Accès					|
+-------------------------------+
*/
#entete-acces {
	/*float:right;*/
	width:250px;
	margin-right: 2px;
	padding-left: 5px;
}

#entete-acces .menu-chevrons {
	padding-top:0
}

#entete-acces ul#entete-acces-liste {
	position:relative;
}

#entete-acces.js ul li.entete-acces-item {
	position:absolute;
	top:0;
	left:0;
	width:250px;
}

#entete-acces-in {
	min-height:90px;
	height:auto !important;
	height:90px;
	overflow:hidden;
}

#entete-acces-hm {background:url(acces-off-fond-hm.gif) left top repeat-x;}

#entete-acces-hd {background:url(acces-off-fond-hd.gif) right top no-repeat;}

#entete-acces-hg {background:url(acces-off-fond-hg.gif) left top no-repeat;}

.entete-acces-onglet {
	position:relative;
	z-index:200;
	float:left;
	color:#87736c;
	font-weight:bold;
	font-size:.8em;
	text-transform:uppercase;
	cursor:pointer;
}

.entete-acces-onglet a {
	color:#87736c;
	text-decoration:none;
}

.on .entete-acces-onglet a {color:#aa9990;}

#entete-acces-membre .entete-acces-onglet {
	float:right;
}

.entete-acces-onglet span {
	position:relative;
	display:block;
	padding:0 0 0 5px;
}

.entete-acces-onglet a:hover span span span {
	text-decoration:underline
}

.on .entete-acces-onglet span {background:url(acces-on-fond-hg.gif) left top no-repeat;}

.entete-acces-onglet span span {
	padding:0 5px 0 0;
}

.on .entete-acces-onglet span span {background:url(acces-on-fond-hd.gif) right top no-repeat;}

.entete-acces-onglet span span span {
	padding:4px 9px;
}

.on .entete-acces-onglet span span span {background:url(acces-on-fond-hm.gif) left top repeat-x;}

.entete-acces-content {
	clear:both;
	position:relative;
	top:-1px;
	z-index:100;
}

.entete-acces-content-hg {
	height:6px;
	padding:0 0 0 5px;
	overflow:hidden;
	background:url(acces-on-content-hg.gif) left top no-repeat;
}

#entete-acces-outils .entete-acces-content-hg {
	border-left:1px solid #e0dad2;
	background-image:url(acces-on-content-hm.gif);
}

.entete-acces-content-hd {
	padding:0 5px 0 0;
	background:url(acces-on-content-hd.gif) right top no-repeat;
}

#entete-acces-membre .entete-acces-content-hd {
	border-right:1px solid #e0dad2;
	background-image:url(acces-on-content-hm.gif);
}

.entete-acces-content-hm {
	height:6px;
	overflow:hidden;
	background:url(acces-on-content-hm.gif) left top repeat-x;
}

.entete-acces-content-bg {
	height:6px;
	padding:0 0 0 6px;
	overflow:hidden;
	background:url(acces-on-content-bg.gif) left bottom no-repeat;
}

.entete-acces-content-bd {
	padding:0 6px 0 0;
	background:url(acces-on-content-bd.gif) right bottom no-repeat;
}

.entete-acces-content-bm {
	height:6px;
	overflow:hidden;
	background:url(acces-on-content-bm.gif) left top repeat-x;
	
}

.entete-acces-content-in {
	min-height:58px;
	height:auto!important;
	height:58px;
	overflow:hidden;
	padding:0 10px;
	font-size:.8em;
	border:1px solid #e0dad2;
	border-top:0;
	border-bottom:0;
	background:#EBE4D9 url(acces-on-content-hm.gif) left -6px repeat-x;
}

.entete-acces-content-in .menu-chevrons {
	padding-left:0;
	font-size:1em;
}

.entete-acces-content-in .menu-chevrons li {
	margin-bottom:0;
}

.ligne li,
.ligne li a {
	display:inline!important;
}

.ligne {
	padding-left:0!important;
	margin-bottom:1em!important
}

.ligne li {
	margin-right:20px!important;
}

#entete-acces-outils .entete-acces-content-in form {
	margin:0 0 3px 0;
}

#entete-acces-outils .entete-acces-content-in a {
	color:#808080;
	text-decoration:none;
}

#entete-acces-outils-rss {
	float:right;
}

#entete-acces-outils-rss img {
	vertical-align:middle;
}

#recherche-acces-select {
	width:228px;
	text-transform:uppercase;
	margin-bottom: -2px;
}

#recherche-acces {
	height:20px;	
	width:119px;
}

#recherche-transverse {
	min-height: 20px;
}

#entete-acces-membre .entete-acces-content-in form {
	padding:5px 0;
}

#entete-acces-membre .entete-acces-content-in a {
	color:#87736C;
	text-decoration:none;
}

/*#membre-identifiant,
#membre-password {
	width:90px;
}*/

#username,
#password {
	width:90px;
}



/*
+-------------------------------+
|	=>	Content					|
+-------------------------------+
*/

/* Content En-tête */
#content-entete {
	background:#eae3d7 url(menu-thematique-fond.gif) left top repeat-x;
	color: #87736C;
	margin-top : 6px;
}

/* Content En-tête Logo  */
#content-entete-logo {
	float:left;
	position:relative;
	width:426px;
	margin-top : 6px;
}

#content-entete-logo img {
	display:block;
}

#content-entete-logo h1 a span {
	position:absolute;
	top:47px;
	right:10px;
	width:15px;
	height:15px;
	text-decoration:none;
	background:url(logo-home.gif) 0 0 no-repeat;
	opacity:0;
	filter:alpha(opacity=0);
}

#content-entete-logo-baseline {
	position:absolute;
	top:0;
	left:0;
}

#content-entete-logo-url {
	position:absolute;
	top:67px;
	left:17px;
}

/* Content En-tête Menu  */


#content-entete-menu {
	float:left;
	width:561px;
	padding:18px 0 0 0;
	text-align:center;
}

#content-entete-menu li {
	position:relative;
	float:left;
	/*padding:0 14px 0 15px;*/
	padding:0;
	background:url(menuSep.gif) left center no-repeat;
}

#content-entete-menu li#menu_1 {
	background:none;
	padding-left: 0px;
}

#content-entete-menu li#menu_1{
	width:140px;
}

#content-entete-menu li#menu_2{
	width:250px;
}

#content-entete-menu li#menu_3{
	width:160px;
}

#content-entete-menu li#menu_4{
	width:150px;
}

#content-entete-menu li#menu_5{
	width:110px;
}

#content-entete-menu li#menu_6{
	width:150px;
}

#content-entete-menu li a,
#content-entete-menu li span {
	float:left;
	color:#808080;
	padding:0px;
	font:bold 1.5em/1.5 Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	white-space:nowrap;
	width: 100%;
	text-align: center;
	
}

#content-entete-menu li div a {
	padding:0 10px!important;
}

#content-entete-menu li li a,
#content-entete-menu li li span {
	padding:0 10px!important;
}

.opera #content-entete-menu li li a,
.opera #content-entete-menu li li span {
		font-size:1.2em!important
}

/*	#content-entete-menu li span {
	background-color:#FFF;
	color:inherit;
}
*/

#content-entete-menu li a:hover {
	text-decoration:underline;
}

.js #content-entete-menu div {
	display:none
}

.msie6 #content-entete-menu div {
	width:100px
}

.js #content-entete-menu div {
	z-index:200;
	position:absolute;
	top:-1px;
	left:0px;
}

#content-entete-menu div {
	background-color:#FFF;
	border:1px solid #bbaea5;
	padding-bottom:0;
	padding-right:1em;
	z-index:200;
}

#content-entete-menu div ul {
		padding-top:0.5em
}

#content-entete-menu div ul span,
#content-entete-menu div ul a {
	font-weight:normal;
	font-family:Verdana,sans-serif!important;		
	font-size:1.4em;
}

#content-entete-menu div ul li {
	padding-bottom:1em
}

/*
#content-entete-menu #menu_2 div,
#content-entete-menu #menu_5 div {
	padding-left:12px;
	left:0
}

.js #content-entete-menu #menu_3 div,
.js #content-entete-menu #menu_6 div {
	padding-left:12px;
	overflow:hidden;
	width:130px;
	left:0
}
*/
#content-entete-menu div li {
	float:none;
	text-align:left;
	padding:0;
	background-image:none;
	font-size:0.6em
}

#content-entete-menu div ul {
	float:none;
	display:block;
}

#content-entete-menu div a{
	white-space:normal;
	width:auto;
	display:block;
	float:none;
	text-align: left;
}

#content-entete-menu div li a {
	text-transform:none;
	color:#E76E29!important;
	background-color:inherit;
}

#content-entete-menu div a{
	color:#7CAF22;
	background-color:#FFF;	
}

/*
#content-entete-menu #menu_1 div a {
	color:#7CAF22;
	background-color:inherit;
}

#content-entete-menu #menu_1 a.on span {
	color:#7CAF22;
	background-color:#FFF;
}

#content-entete-menu #menu_2 div a {
	color:#7CAF22;
	background-color:inherit;
}

#content-entete-menu #menu_2 a.on span {
	position:relative;
	left:-5px;
	color:#7CAF22;
	background-color:#FFF;
}

#content-entete-menu #menu_3 div a {
	color:#7CAF22;
	background-color:inherit;
}

#content-entete-menu #menu_3 a.on span {
	position:relative;
	left:-5px;
	color:#7CAF22;
	background-color:#FFF;
}

#content-entete-menu #menu_4 div a {
	color:#7CAF22;
	background-color:inherit;
}

#content-entete-menu #menu_4 a.on span {
	position:relative;
	left:-1px;
	color:#7CAF22;
	background-color:#FFF;
}

#content-entete-menu #menu_5 div a {
	color:#7CAF22;
	background-color:inherit;
}

#content-entete-menu #menu_5 a.on span {
	color:#7CAF22;
	background-color:#FFF;
}

#content-entete-menu #menu_6 div a {
	color:#7CAF22;
	background-color:inherit;
}

#content-entete-menu #menu_6 a.on span {
	position:relative;
	left:-3px;
	color:#7CAF22;
	background-color:#FFF;
}
*/
#content-entete-menu a span {
	padding:0;
	float:none;
	font-size: 18px;
}

#content-entete-menu a.on span {
	padding:0;
}

#content-entete-menu  div ul a {
	padding:0.4em inherit;
	color:#867271!important;
	background-color:inherit;
}

#content-entete-menu div ul a:hover {
	color:#ff3d00!important;
	background-color:#ffedcd!important
}

#content .tpl-column .bloc {
	margin-bottom : 5px;
}

#content .tpl-column .bloc h2 {
	background-color: #7caf22;
}


/*
+-------------------------------+
|	=>	Fil d'Ariane			|
+-------------------------------+
*/

#filariane {
	color:#b3b3b3;
	font-size:.8em;
	padding:0 0 9px 0;
}

#filariane p,
#filariane ul,
#filariane ul li {
	display:inline;
}

#filariane ul li a {
	color:#b3b3b3;
	text-decoration:none;
}

#filariane ul li a:hover {
	text-decoration:underline;
}

#filariane ul li span {
	color:#87736c;
}



/*
+-------------------------------+
|	=>	Pied					|
+-------------------------------+
*/
#content-pied {
	clear:both;
}

/* Fil d'Ariane */
#content-pied-filariane {
	color:#87736c;
	font-size:.8em;
	margin:0 1px 1px 1px;
	padding:0 15px;
	background:#e9e2d6;
}

#content-pied-filariane p,
#content-pied-filariane ul,
#content-pied-filariane ul li {
	float:left;
}

#content-pied-filariane p,
#content-pied-filariane ul li {
	padding:0 25px 0 15px;
	line-height:2.1;
	background:url(content-pied-filariane-sep.gif) right center no-repeat;
}

#content-pied-filariane ul li a {
	color:#87736c;
	text-decoration:none;
}

#content-pied-filariane ul li a:hover {
	text-decoration:underline;
}

#content-pied-filariane ul li span {
	font-weight:bold;
}


/* Plan */
#content-pied-plan {
	color:#87736c;
	font-size:.8em;
	margin:0 1px 1px 1px;
	padding:15px 30px;
	background:#e9e2d6;
}

#content-pied-plan a {
	text-decoration:none;
}

#content-pied-plan a:hover {
	text-decoration:underline;
}

#content-pied-plan li {
	clear:both;
	color:#000;
	font-weight:bold;
	padding:4px 0;
}

#content-pied-plan dl {
	clear:both;
	padding:0 0 0 150px;
}

#content-pied-plan dt {
	float:left;
	width:150px;
	margin:0 0 0 -150px;
}

#content-pied-plan dt {
	_display:inline;
}

#content-pied-plan dd {
	*margin-top:-12px;
}

#content-pied-plan dt a {
	color:#000;
	font-weight:bold;
}

#content-pied-plan dd ul li {
	display:inline;
	padding:0 10px;
	font-weight:normal;
	border-left:1px solid #FFF;
}

#content-pied-plan dd ul li.first {
	padding-left:0;
	border-left:0;
}

#content-pied-plan dd ul li a {
	color:#e86d28;
}



/* Transverses */
#content-pied-transverses {
	color:#87736c;
	font-size:.8em;
	margin:0 1px 1px 1px;
	padding:15px 30px;
	background:#c6bdb0;
}

#content-pied-transverses-content {
	padding:0 0 0 150px;
}

#content-pied-transverses-logo {
	float:left;
}

#content-pied-transverses-form {
	padding:0 0 5px 0;
}

#content-pied-transverses-form input {
	padding:3px;
	height:12px;
	_height:13px;
	width:180px;
	margin-right:1px;
	color:#4d4d4d;
	font:1em/1.2 Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	border:1px solid #808080;
}


#content-pied-transverses-pages,
#content-pied-transverses-sites {
	padding:3px 0;
}

#content-pied-transverses-sites p,
#content-pied-transverses-sites ul {
	display:inline;
	color:#FFF;
}

#content-pied-transverses-sites p {
	*margin-right:10px;
}

#content-pied-transverses-pages li,
#content-pied-transverses-sites li {
	display:inline;
	padding:0 10px;
	font-weight:normal;
	border-left:1px solid #FFF;
}

#content-pied-transverses-pages li.first,
#content-pied-transverses-sites li.first {
	padding-left:0;
	border-left:0;
}

#content-pied-transverses-pages li a,
#content-pied-transverses-sites li a {
	color:#87736c;
	text-decoration:none;
	_white-space:nowrap;
}

#content-pied-transverses-pages li a:hover,
#content-pied-transverses-sites li a:hover {
	text-decoration:underline;
}



