/**
 *		css/screen
 *		------------------------------------------------------------------------
 *		This file is part of the www.idea-recherche.com's design.
 *		Last Modif.: 2006-12-13
 *		------------------------------------------------------------------------
 *		(c) Copyright 2006 Fanny Charrier, Fabrice Luraine / Sofa Design. 
 *		All rights reserved.
 *		------------------------------------------------------------------------  
 */


/*<group=LAYOUT>*/
/*@import "layout.css";*/
/*
YAHOO RESET
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

body {
	text-align: center;
	background-color: #666;
	padding: 30px 0;
}
#page {
	position: relative;
	width: 665px;
	margin: 0 auto;
	text-align: left;
	background-color: white;
}
#accessnav {
	position: absolute;
	margin-left: -9999px;
}
#top {
	display: inline-block; /* (instead of 'block') 
						   fix bug in IE 6 et < with a:hover child with bg color 
						   see: http://www.positioniseverything.net/explorer/percentages.html
						   */
	position: relative;
	top: 0;
}
#banner {
	width: 665px;
}
#banner h1 {
	margin: 0;
	padding: 0;
	visibility: hidden;
	height: 20px;
	border: 0;
}
#banner #flash {
	display: block;
	width: 665px;
	height: 141px;
	margin: 0;
}
#banner .print {display:none;}

#tools {
	position: absolute;
	top: 0;
	height: 15px;
	width: 665px;
	z-index: 10;
}

#menu {
	width: 665px;
	min-height: 26px;
}
#menu li {
	width: 20%;
	float: left;
	min-height: 26px;
}
#menu li a, #menu li a:hover, #menu li a.select {
	height: auto;
	min-height: 16px;
	display: block;
}

#main {
	height: auto !important;
	height: 400px;
	min-height: 400px;
	position: relative;
	background-color: white;
	border-bottom: 1px solid white;
	margin-bottom: -1px;
}

#menu2 {
	position: absolute;
	top: 0;
	width: 114px;
	margin-top:26px;
	margin-left: 14px;
	float:left;
}

#wrapper {
	display: inline-block;
	position: relative;
	margin-left: 149px;
	min-height: 400px;
	padding-bottom: 1em;
}
#content {
	position: relative;	/* IE6 fix - avoid this float element ti disapear */
	padding-top:26px;
	width: 351px;
	margin-right: 165px;
}

#complements {
	position: absolute;
	top: 0;
	right: 0;
	padding-top:26px;
	width: 135px;
}

#footer {
	position:relative;
	height: 20px;
	background-color: #BFBEAC;
	text-align: right;
}

/*</group>*/

/*<group=SCREEN>*/

/*<group=base>*/
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body {
	background: #666 url(trame.png) repeat;
	color: #555;
}

#page {
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	line-height:0; /*avoid a space between menu and main in Safari*/
}
h1 {font-size: 2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

p, a, ul, ol, li, dl, dt, dd, address, blockquote, ins, del, pre, code, th, td, caption {font-size: 1em;}

a, a:hover, a:visited, a:link {color: #555;}
a {
	text-decoration: underline;
}
a:hover {
	color: #555;
	text-decoration: none;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}
strong em, em strong {
	font-weight: bold;
	font-style: italic;
}

img {border: 0 none;}

/*</group>*/

/*<group=Récurrents>*/

.hidden {display: none;}

.clear {
	clear:both;
	visibility:hidden;
}

/*</group>*/

/*<group=elts>*/
#top {
	background-color: #383838;
}
#tools {
	background-color: #383838;
	color: #fca532;
	text-align: right;
	font-size: 95%;
	padding-top: 5px;
}
#tools li {
	display: inline;
	margin-left: 3em;
	margin-right: 1em;
}
#tools li a {
	text-decoration: none;
	color: #999;
}
#tools li a:hover {
	color: #fca532;
}
#menu li {
	background-color: #aaa994;
}
#menu li a, #menu li a:hover, #menu li a.select {
	font-size: 95%;
	font-weight: bold;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: white;
}
#menu li a:hover, #menu li.select a {
	background-color: #accfd1;
	color: #383838;
	
}
#main {
	background: #fca532 url(bg_main.png) repeat-y top right;
}
#menu2 {
	background: #aaa994 url(menu2_top.png) no-repeat top left ;
}
#menu2 ul {
	background: transparent url(menu2_bottom.png) no-repeat bottom left ;
	color: white;
	padding: 19px 0;
}
#menu2 li {
	border-bottom: 1px solid white;
}
#menu2 a {
	display: block;
	padding: 8px 8px;
	color: white;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
}
#menu2 a:hover, #menu2 li.select a {
	background-color: #accfd1;
	color: #383838;
}
#complements {
	background: transparent url(complements_top.png) no-repeat top right;
}
#footer {
	font-size: 95%;
	color: #383838;
}
#footer p {
	line-height: 1.8em;
		margin-right: 10px;
}
#footer a {
	color: #383838;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 1.2em;
	color: #555;
	background: white url(slashes_titre1.png) no-repeat 0px 2px;
	line-height: 1.4em;
	padding-left: 28px;
	padding-bottom: 1ex;
	margin-bottom: 2.5em;
	text-transform: uppercase;
	border-bottom: 2px dotted #fca532;
}

h2 {
	font-size: 1.2em;
	color: #fca532;
	margin-top: 2em;
	margin-bottom: 1em;
}


div.back, div.top {
	font-size: 90%;
	text-align: right;
	color: #8ba7aa;
	font-weight: bold;
}
div.back {
	margin-top: -2.8em;
	padding-bottom: 1ex;
}
div.top {
	margin-top: 3em;
}
div.back a, div.top a, div.back a:visited, div.top a:visited {
	color: #8ba7aa;
	text-decoration: none;
}
div.back a:hover, div.top a:hover {
	text-decoration: underline;
}
#content p {
	margin: 1em 0;
}

blockquote {
	font-size: 1em;
	font-weight: bold;
	color:  #555;
	border-left: 7px solid #fca532;
	width: 92%;
	padding: 0;
	padding-left: 4%;
	margin: 1.5em 0;
	
}
blockquote p {
	padding: 0.2ex 50px 0.4ex 0;
}

blockquote.citation {
	background: transparent url(ico_guillemet.png) no-repeat top left;
	border-left: 0;
	width: 98%;
	padding: 1.1em 0 0 0;
	font-weight: normal;
	font-style: italic;
}
blockquote.citation p {
	padding-right: 5px;
}
blockquote.citation p.auteur {
	font-size: 0.95em;
	font-weight: bold;
	font-style: normal;
	padding-top: 1em;
}

#content ul {
	margin-left: 5ex;
}
#content ul li {
	padding-left: -1ex;
	list-style: outside disc;
	margin: 1ex 0;
}

#content ul.fiches {
	color: #fca532;
	margin: 2em 0 2.5em 16px;
}
#content ul.fiches li {
	list-style: square outside url(puce_carre.png);
	margin: 0.5ex 0;
}
#content ul.fiches a {
	/*text-decoration: none;*/
}
#content hr {
	height: 2px;
	border: 0;
	border-top: 2px dotted #ccc;
}


#complements div.content {
	color: white;
	margin: 5em 5px 5em 10px;
}

#complements div.download a {
	display: block;
	text-align: center;
	font-weight: bold;
	color: white;
	text-decoration: none;
	border-top: 2px dotted white;
	border-bottom: 2px dotted white;
	padding: 1ex 0;
	margin-bottom: 1em;
}
#complements div.download a:hover {
	text-decoration: underline;	
}

a.maillink {
	line-height: 4em;
	background: transparent url(ico_arobace.png) no-repeat top left;
	padding: 3px 0 10px 25px;
	text-decoration: none;
	font-weight: bold;
}
a.maillink:hover {
	color: #fca532;
}

div.list-ref {
	/* la liste */
	width: 98%; /* IE fix - avoid extra pixel width */
	margin-top: 3em;
}
div.list-ref h2 {
	margin: 2em 0;
	padding-bottom: 1ex;
	color:  #555;
	border-bottom: 5px solid #ccc;
}
div.list-ref .reference {
	/* une entrée dans la liste */
	margin-bottom: 2em;
	border-bottom: 2px dotted #ccc;
}
div.list-ref .etude {
	/* dans l'entrée de liste */
	color: #fca532;
	font-weight: bold;

}
div.list-ref .client {
	/* dans l'entrée de liste */
	font-weight: bold;
	font-style: italic;
	color:  #777;
}
div.list-ref .conduite {
	/* dans l'entrée de liste */
	font-style: italic;
}
div.list-ref hr {
	/* dans l'entrée de liste */
	display: none;
}

#complements p.thb {
	text-align: center;
	margin: 12px 0;
}
#content img.thb-left {
	float: left;
	margin-right: 15px;
}
#content p.thb-center {
	width: 350px;
	margin: 2em 0;
	overflow: hidden;
	text-align: center;
}
/*</group>*/

/*<group=accueil>*/
#main.accueil #content {
	font-size: 1.1em;
}
#main.accueil h1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.6em;
	padding-left: 0;
	border-bottom: 0;
	background-image: none;
	text-transform: none;
	color: #fca532;
	margin-bottom: 1em;
}
#main.accueil blockquote {
	border-left-width: 8px;
	padding-left: 10px;
	padding-right: 5px;
	font-size: 1em;
}
#main.accueil p {
	line-height: 1.4em;
}
#main.accueil #menu2{
	height: 200px;
	background: transparent url(persos_accueil.png) no-repeat 20px 80px;
}
/*</group>*/
	
/*</group>*/