/* CSS Document --------------------------------------------------------------------------------*/
/* Mise en forme du site Pagès -----------------------------------------------------------------*/
/* www.iris-interactive.fr ---------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}
body {
	background:#BFDF21 url(../images/body.gif) repeat-x left top scroll;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:12px;
	height:100%;
	text-align:center;
}

#page {
	width:770px;
	margin:0 auto;
	text-align:justify;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la barre d'outils */
/* -------------------------------------------------------------------------------------------- */

#tools {
	margin:0;
	padding:4px 0 0 5px;
	float:right;
}
#tools li {
	padding:0;
	margin:0;
	display:inline;
	list-style:none;
	text-align:right;
}
#tools li span {
	position:absolute;
	left:-999em;
	display:block;
	padding:2px 5px;
	margin:23px 0 0 -20px;
	background-color:#DB5C27;
	color:#FFFFFF;
}
html>body #tools li span {
	margin:0;
}
#tools li:hover span, 
#tools li.sfhover span {
	left:auto;
}
#tools a {
	text-decoration:none;
}
#tools a img {
	border:none;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à l'entête */
/* -------------------------------------------------------------------------------------------- */

#header {
	padding:0;
	text-align:left;
}
#header h1 {
	position:absolute;
	left:-999em;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au chemin de navigation */
/* -------------------------------------------------------------------------------------------- */

#wire ul {
	background:transparent url(../images/bg-wire.gif) no-repeat right top;
	margin:0;
	padding:5px 1px;
	color:#6C6C6C;
	text-align:left;
	font-size:10px;
}
#wire ul li {
	background:transparent url(../images/bg-li-chemin.gif) no-repeat 4px 5px;
	padding:0 0 0 14px;
	display:inline;
}
#wire ul li a {
	color:#6C6C6C;
	text-decoration:none;
}
#wire ul li a:hover {
	text-decoration:underline;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au contenu */
/* -------------------------------------------------------------------------------------------- */

#global {
	background:#FFFFFF url(../images/bg-global.gif) no-repeat left top;
	padding:11px 0 0;
}
*html #global {
	height:150px;
}

/* BOX MODELS */

#left-col {
	float:left;
	width:180px;
}
#content {
	float:right;
	float:left;
	width:590px;
}
.col1 {
	width:375px;
}
.col2 {
	width:215px;
}
.cel2 {
	width:187px;
	text-align:center;
}
.col1, .col2, .cel2 {
	float:left;
}

/* Gestion de la navigation */

#left-col ul.navigation {
	margin:0 5px 10px;
	padding:0;
	border-top:1px solid #E9E4E2;
	text-align:left;
}
#left-col ul.navigation li {
	margin:0;
	padding:0;
	border-bottom:1px solid #E9E4E2;
	list-style:none;
}
#left-col ul.navigation li a {
	margin:0;
	padding:5px;
	display:block;
	font-weight:bold;
	color:#D54800;
	text-decoration:none;
}
#left-col ul.navigation li a:hover {
	background-color:#2A3E3F;
	color:#FFFFFF;
}

/* Gestion de la sous-navigation */

#left-col ul.navigation li ul {
	position:absolute;
	left:-999em;
	margin:-29px 0 0 170px;
	padding:0;
	background-color:#486C6F;
	border-color:#E9E4E2;
	border-style:solid;
	border-width:1px 1px 0;
	width:190px;
}
#left-col ul.navigation li:hover ul, 
#left-col ul.navigation li.sfhover ul {
	left:auto;
}
#left-col ul.navigation li:hover a, 
#left-col ul.navigation li.sfhover a {
	background-color:#2A3E3F;
	color:#FFFFFF;
}
#left-col ul.navigation li ul a {
	color:#FFFFFF !important;
}
#left-col ul.navigation li ul a:hover {
	background-color:#D54800;
}
#left-col ul.navigation ul ul, 
#left-col ul.navigation ul ul {
	position:absolute !important;
	left:-999em !important;
}
#left-col p {
	text-align:center;
}
#left-col p a img {
	text-align:center;
	border:none;
}


#content h2, 
#content h3, 
#content h4, 
#content h5, 
#content p, 
#content ul, 
#content table, 
#content form {
	margin:0 10px 10px;
}
	#content ul.navigation ul {
		margin:0 10px;
	}
#content table, 
#content th, 
#content td, 
#content form, 
#content input, 
#content select, 
#content textarea, 
#content fieldset, 
#content legend {
	font-family:'Trebuchet MS', Verdana, sans-serif;
	text-align:justify;
	font-size:12px;
}
#content h2 {
	background:transparent url(../images/bg-h2.jpg) no-repeat right top;
	font-family:'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	font-size:17px;
	font-weight:normal;
	text-align:left;
	padding:3px 5px;
	color:#FFFFFF;
}
#content h3 {
	font-family:'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	font-size:13px;
	color:#D54800;
	font-weight:bold;
	text-align:left;
}
#content p.light {
	font-size:10px;
	line-height:100%;
	color:#666666;
}
#content p.bottom {
	background:transparent url(../images/bg-p-bottom.gif) no-repeat center bottom;
	padding-bottom:25px;
}
#content p.iris {
	background:transparent url(../images/bg-p-iris.gif) no-repeat left top;
	padding-left:50px;
}
#content p.red {
	text-align:center;
	color:#CC0000;
	font-weight:bold;
}
#content li {
	background:transparent url(../images/bg-li.gif) no-repeat 0 9px;
	padding:2px 0 2px 16px;
	list-style:none;
}
#content legend {
	color:#465253;
}
#content fieldset {
	border:1px solid #E9E4E2;
	padding:5px;
	margin-bottom:5px;
}
#content fieldset.small {
	width:175px;
}
html>body #content fieldset {
	clear:both;
}
html>body #content fieldset.small {
	width:134px;
	float:left;
	clear:none;
}
#content input.submit {
	padding:5px;
	text-align:center;
}

#content table.historique {
	width:355px;
}
#content table td {
	vertical-align:top;
	padding:5px;
}
#content table.historique big {
	font-family:'Georgia', 'Trebuchet MS', Verdana, sans-serif;
	font-size:13px;
	font-style:italic;
	color:#F5841F;
	font-weight:normal;
	text-align:left;
}

#content a {
	color:#6E899C;
	text-decoration:none;
}
	#content a.pdf {
		background:transparent url(../images/bg-a-pdf.gif) no-repeat left top;
		padding-left:21px;
	}
	#content a.more {
		background:transparent url(../images/bg-a-more.gif) no-repeat left top;
		padding-left:21px;
	}
#content a:hover {
	color:#5172A9;
	text-decoration:underline;
}
#content a img {
	border:none;
}

/* Gestion du chemin de navigation et de la barre d'outils */

#content #wire {
	border-bottom:1px solid #FFEBC5;
	margin:0 10px;
	padding-top:3px;
	background-color:#FFFFFF;
}
#content #wire a img  {
	border:none;
}
#content #wire ul.chemin {
	margin:0;
	padding:5px;
	text-align:left;
	font-size:10px;
	color:#FFFFFF;
}
#content #wire ul.chemin li {
	background:transparent url(../images/bg-li-chemin.gif) no-repeat 4px 5px;
	padding:0 0 0 14px;
	display:inline;
}
#content #wire ul.chemin li a {
	text-decoration:none;
	color:#999999;
}
#content #wire ul.chemin li a:hover {
	text-decoration:underline;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#foot {
	background:transparent url(../images/bg-foot.gif) no-repeat left top;
	padding:35px 0 10px;
	font-size:10px;
}
#foot p {
	text-align:center;
	padding:0;
	margin:0;
}
#foot p.baseline {
	color:#666666;
}
#foot a {
	color:#0066CC;
}
#foot p.baseline a {
	color:#666666;
	text-decoration:none;
}
#foot p.baseline a:hover {
	color:#333333;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
}
.img-right {
	float:right;
	margin:0 0 5px 10px;
}
.img-left {
	float:left;
	margin:0 10px 5px 0;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}