#modele2 {
	width:637px ;
	padding:30px 58px ;
}

#modele2 #content {
	float:left ;
	border-right:2px solid #FF0 ;
	width:335px ;
	font-size:11px ;
	margin:0 ;
	padding:0 30px 0 0 ;
	margin-bottom:30px ;
}

#modele2 #content p {
	margin:5px 0 ;
}

#modele2 #content h2 {
	padding-left:35px ;
	background:url('../images/puce.gif') no-repeat ;
	text-transform:uppercase ;
	font-size:14px ;
	margin-bottom:25px ;
}

#modele2 #content h2.exemples {
	background:url('../images/modele2/h2_exemples.jpg') no-repeat ;
	height:26px ;
	margin-top:25px ;
	display:block ;
}

#modele2 #content h2 span {
	display:none ;
}

#modele2 #content div.exemple {
	float:left ;
	width:90px ;
	padding-left:18px ;	
}

#modele2 #content div.exemple a {
	color:#FFF ;	
}

#modele2 #content div.exemple a:hover {
	color:#FF0 ;
}

#modele2 #content div.exemple img {
	border:1px solid #FFF ;
}

#modele2 #content div.exemple img:hover {
	border:1px solid #FF0 ;
}

#modele2 #content div.realisation {
	width:300px ;
}

#modele2 #content div.realisation h2 {
	margin-bottom:0 ;
}

#modele2 #content div.realisation div.nav {
	margin:10px 0 ;
}

#modele2 #content div.realisation img {
	width:300px ;
	border:1px solid #FF0 ;
}

#modele2 #content div.realisation .voirplus {
	text-align:right ;
	display:block ;
	margin-top:15px ;
}

#modele2 a {
	color:#FF0 ;
	font-weight:bold ;
	text-decoration:none ;
}

#modele2 a:hover {
	color:#FFF ;
	text-decoration:underline ;
}

#modele2 #content ul {
	margin:10px 0 20px 15px ;
	list-style-type:disc ;
}

#modele2 #content ul li {
	margin-left:10px ;
	margin-bottom:10px ;
}

#modele2 #content ul li ul {
	margin-left:0 ;
}

#modele2 #content ul li ul li {
	margin-left:10px ;
	margin-bottom:0 ;
}

#modele2 #content ul.inconvenients, #modele2 #content ul.avantages {
	list-style-type:none ;
	margin-left:0 ;
}

#modele2 #content ul.avantages li {
	padding-left:15px ;
	list-style-type:none ;
	background:url('../images/plus.jpg') 0 2px no-repeat ;
}

#modele2 #content ul.inconvenients li {
	padding-left:15px ;
	list-style-type:none ;
	background:url('../images/moins.jpg') 0 2px no-repeat ;
}

#modele2 #colonne {
	float:left ;
	width:234px ;
	border-left:2px solid #FF0 ;
	margin-left:-2px ;
	padding-left:30px ;
	margin-bottom:30px ;
	font-size:12px ;
}

#modele2 #colonne p {
	margin:15px 0 ;
}

#modele2 #colonne a {
	font-weight:bold ;
	color:#FF0 ;
	text-decoration: none ;
}

#modele2 #colonne a:hover {
	color:#FFF ;
}

#modele2 #colonne ul {
	list-style-type:none ;
	margin-left:-30px ;
}

#modele2 #colonne li {
	list-style-type:none ;
	text-transform:uppercase ;
	font-weight:bold ;
	background:url('../images/modele2/fond_lignes.gif') 60px 0 no-repeat ;
	margin-bottom:18px ;
	font-size:11px ;
	display:block ;
	height:30px ;
}

#modele2 #colonne ul li a {
	display:block ;
	padding-top:6px ;
	height:24px ;
	padding-left:70px ;
	color:#FFF ;
	text-decoration:none ;
	background:url('../images/modele2/li.gif') no-repeat 15px 0 ;
}

#modele2 #colonne ul li span {
	background: url('../images/modele2/li.gif') no-repeat ;
}

#modele2 #colonne ul li a:hover, #modele2 #colonne ul li span {
	background-position: 21px -27px ;
	display:block ;
	padding-top:6px ;
	padding-left:70px ;
	display:block ;
	height:24px ;
}

#modele2 #colonne ul li img.thumb {
	float:right ;
	border:1px solid #FFF ;
	height:27px ;
	width:27px ;
	margin-top:-20px ;
}

#modele2 #colonne div.liste_pages {
	font-weight:bold ;
	text-align:center ;
	margin:10px 40px 10px 10px ;
}