/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                   www.ctm-grenoble.org                    |
|---------------------------------------------------------------------------|
|                                                                           |
|                         Page qui.php		    		                    |
|                                                                           |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                              Sabine BOUBEL	- juin 2009 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/



#bandGauche h2 {
	color:#970F00;
	margin-top:2px;
	height:2em;
	width:184px;
	padding-left:10px;
	background-color:#FCC047;
	line-height:2em;
	font-weight:normal;
	}
#bandGauche h2 a {
	color:#970F00;
	display:block;
	}
#bandGauche h2 a:hover, #bandGauche h2 a.lienMort {
	color:white;
	}
#bandGauche p {
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:5px;
	width:180px;
	height:1.6em;
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#970F00;
	}
#contenu {
	position:relative;
	float:left;
	display:inline;
	width:525px;
	padding-bottom:20px;
	}
#contenu a {
	color:#FF6600;
	}
#contenu a:hover {
	color:#970F00;
	}
#contenu.large {
	width:670px;
	}
#contenu p {
	position:relative;
	float:left;
	margin-top:20px;
	padding-left:30px;
	text-align:justify;
	width:470px;
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#970F00;
	}
#contenu p.chapeau {
	color:#7685BC;
	}
#contenu h1 {
	position:relative;
	float:left;
	margin-top:20px;
	padding-left:30px;
	width:470px;
	font:bold 0.85em Verdana, Arial, Helvetica, sans-serif;
	color:#970F00;
	}
#contenu h2 {
	position:relative;
	float:left;
	margin-top:20px;
	padding-left:30px;
	width:470px;
	font:bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	color:#970F00;
	}
#contenu ul {
	position:relative;
	float:left;
	margin-top:20px;
	padding-left:30px;
	width:470px;
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
	list-style:inside;
	color:#970F00;
	}
#contenu ul li {
	margin-top:5px;
	}
#contenu ul li a {
	margin-left:12px;
	padding-left:12px;
	color:#FF6600;
	background:url(../images/flecheOr3.gif) left no-repeat;
	}
#contenu ul li a:hover {
	color:#970F00;
	}

#contenu #detail {
	position:relative;
	float:left;
	display:inline;
	width:150px;
	margin-left:30px;
	margin-right:20px;
	margin-top:20px;
	}
#contenu #detail p {
	position:relative;
	float:left;
	padding-left:0;
	margin-top:10px;
	color:#FF6600;
	font-size:0.65em;
	width:150px;
	text-align:left;
	color:#666666;
	}
#contenu #cv {
	position:relative;
	float:left;
	margin-top:20px;
	width:470px;
	}
#contenu #cv h1, #contenu #cv h2, #contenu #cv ul {
	padding-left:0;
	width:470px;
	}
#contenu #cv ul {
	list-style:none;
	font-weight:bold;
	list-style-position:outside;
	}
#contenu #cv ul li {
	font-weight:normal;
	}
#contenu #cv p {
	padding-left:0;
	margin-top:8px;
	width:470px;
	}
#contenu a.flecheG {
	position:relative;
	float:left;
	margin-left:0;
	color:#FF6600;
	background:url(../images/flecheOr3G.gif) left no-repeat;
	}
#contenu a.flecheG:hover {
	color:#970F00;
	}
#illustration {
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:30px;
	width:180px;
	}
#illustration .photoD {
	position:relative;
	float:left;
	width:160px;
	height:160px;
	margin-bottom:10px;
	}