/* 1024px - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer.

Version: 2.0 (Jan 29, 2007)

Screen layout: */

/*** General tags ***/

body {
background:url(../../img/background.gif) repeat-y top center #fff;
color:#404040;
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.2em;
margin:0 auto;
padding:0;
}

a {
color:#336c92 ;
font-weight:700;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a img {
border:0;
}

p {
margin:0 10px 18px 10px;
}

ul,ol,dl {
font-size:0.9em;
margin:2px 0 16px 35px;
}

ul ul,ol ol {
margin:4px 0 4px 35px;
}

blockquote {
border:1px solid #dadada;
font-size:0.9em;
margin:20px 10px;
padding:8px;
}

h1 {
color:#336c92 ;
font-size:4.0em;
letter-spacing:-5px;
margin:0 0 30px 25px;
}

h1 a {
color:#336c92 ;
text-transform:none;
}

h2 {
border-bottom:4px solid #dadada;
color:#336c92 ;
font-size:1.4em;
letter-spacing:-1px;
margin:0 0 10px;
padding:0 2px 2px 5px;
}

h3 {
border-bottom:1px solid #dadada;
color:#336c92 ;
font-size:1.2em;
font-weight:700;
margin:10px 0 8px;
padding:1px 2px 2px 3px;
}

/*** Main wrap and header ***/

#wrap {
color:#404040;
margin:10px auto;
padding:0;
width:970px;
}

#header {
margin:0;
}

#toplinks {
font-size:0.9em;
padding:5px 2px 2px 3px;
text-align:right;
}

#toplinks a {
color:gray;
}

#slogan {
color:gray;
font-size:1.5em;
font-weight:700;
letter-spacing:-1px;
line-height:1.2em;
margin:15px 0 20px 35px;
}

/*** Sidebar and menu ***/

#sidebar {
display : none;
}

/*** Main content ***/

#content {
float:left;
line-height:1.5em;
margin:0 0 30px 25px;
padding:0;
text-align:left;
width:92%;
}

#contentalt {
float:left;
line-height:1.5em;
margin-right:20px;
padding:0;
text-align:left;
width:750px;
}

#content h3,#contentalt h3 {
margin:10px 0 8px;
}

/*** Footer ***/

#footer {
	border-top:4px solid #dadada;
	clear:both;
	color:gray;
	font-size:0.9em;
	line-height:1.6em;
	margin:0 auto;
	padding:8px 0;
	text-align:left;
	clear:both;
	height: 122px;
}

#footer img#vs, #footer img#fr {
	float:left;
	margin-right: 50px;
}

#footer img#vd {
	float:left;
	margin-left: 25px;
	margin-right: 50px;
}
#footer span#libelle {
	width: 137px;
	float:right;
}
#footer img#ch {
	float:right;
	margin-top: 10px;
}

#footer p {
	margin:4px;
	padding: 0;
	margin-top: 73px;					
}

#footer a {
	color:#808080;
}

#footer small {
	color:#999;
}

#footer small span {
	display: block;
    margin-bottom: -5px;						 
}
/* Blocs particulier de la class d'index*/
div.index_bloc {
	margin:0;
	float:left;
	width:650px;
}

/*** Various classes ***/
/* Bloc de connection */
div#connection {
	width: 210px;
	padding : 0 5px;
	float: right;
	background-color:#eee;
}
div#connection p.remarque{
	line-height:120%;
	font-size:0.8em;
}

p#link_newuser {
	margin-bottom:0px;
}

div#connection h3 {
	width:205px;
}

/*Bloc d'image de presentation */
div#presImg {
}

div#presImg img{
	display : block;
	border : 2px solid #FFFFFF;
}

div#presImg img:hover{
	border-color : #336c92 ;
}
/*Bloc bleu pour les mise en �vidence*/
.box {
background:#336c92 ;
border:1px solid #c8c8c8;
color:#fff;
font-size:0.9em;
line-height:1.4em;
padding:10px 10px 10px 13px;
}

.box a {
color:#f0f0f0;
}

.left {
float:left;
margin:0 15px 4px 0;
}

.right {
float:right;
margin:0 0 4px 15px;
}

/* Lien bleu sur la droite pour "Lire la suite..."*/
.readmore {
margin:-10px 10px 12px 0;
text-align:right;
}

.timestamp {
font-size:1.2em;
margin:-5px 0 15px 10px;
}

.timestamp a {
font-weight:normal;
}

.blue {
color:#336c92 ;
}

.clear {
clear:both;
}

/*Couleur des barre de s�parations*/
.fade {
color:#c8c8c8;
}

.gray {
color:gray;
}

.photo {
background:#fff;
border:1px solid #bababa;
margin:6px 18px 2px 5px;
padding:2px;
}
/* Couleurs des �valuations */
table.echelle {
	margin:0 0 18px 10px;
	border-spacing : 0px;
	border-collapse : collapse;
}
table.echelle td {
	padding : 2px 10px;
	border : 1px #AAAAAA solid;
}
table.echelle td.note {
	padding : 0px;
	text-align: center;
	font-weight: bold;
	width:20px;
}
.td_TFAV {
	background-color: #156715;
	color: #FFFFFF;
}
.td_FAV {
	background-color: #1FAC20;
	color: #000000;
}
.td_FAVR {
	background-color: #8DE72F;
	color: #000000;
}
.td_NEUTRE {
	background-color: #D9DA50;
	color: #000000;
}
.td_DEFR {
	background-color: #E1D329;
	color: #000000;
}
.td_DEF {
	background-color: #E78230;
	color: #000000;
}
.td_TDEF {
	background-color: #E02828;
	color: #FFFFFF;
}
.td_VETO {
	background-color: #C0C0C0;
	color: #000000;
}
/* Boutons navigation pr�sentation*/
p#img {
	text-align : center;
}
#navPresentation {
	clear : both;
	width : 75%;
}
#navPresentation .precedent {
	float : left;
}
#navPresentation .suivant {
	float : right;
}
span.legende {
	text-align:left;
	font-style : italic;
}

/*****/
#msgSuppPrj, #justification, #confirmChange, #risques, #potentiels, #levier, #suivi, #referentiel, #perimetres {
	display : none;
}

/* ========== Pr�sentation JALONS ========== */

div#publi_jalons img{
	float : left;
	margin-right : 10px;
	margin-bottom : 20px;
}
div#pres{
	clear:both;
}

div#title img#compass {
	float : right;
	margin-right : 50px;
	margin-bottom : 10px;
}