body {
	background: #9c9c94;
	text-align: center;
	font-family: Arial;
	font-size: 11px;}

a { color: #bbb; text-decoration: none;}

a:hover { color: #fff; text-decoration: underline;}


h1, h2, h3, h4, h5 { 
	font-size: 1em; 
	margin: 0px; 
	padding:0px;}

.nettoyeur { clear: both;}

.page { 
	text-align: left; 
	margin-top: 40px;
	width: 800px; 
	margin-left: auto; 
	margin-right: auto;}

.tete {	
	text-align: center; height: 64px;
	background-image: url(images/cotefleuve.gif);
	background-repeat: no-repeat;
	background-position: bottom center;}

.slogan {
	text-transform: uppercase; 
	font-size: 1px; 
	text-align: right;
	color: #fff;
	float: right; 
	width: 275px; height: 61px;
	background-image: url(images/communication.gif);
	background-repeat: no-repeat;
	background-position: bottom right;}

.logo { 
	float: right;
	margin-right: 0px;}

.logo, .logo a { color: #c55; text-decoration: underline;}

.logo a:hover{color: #fff;}
	


/*  ------------------------------------------
/*  menu */
	
	
.menu {}

.menu .section {
	float: left; 
	text-align: left;
	color: #555;font-size: 11px; 
	line-height: 1.4em;
	display: block;}

.menu .section a{color: #c3c3b8;}

.menu .section a:hover{text-decoration: none; color: #fff;}

.menu .on, .menu a.on {color: #fff; font-weight: normal;}



.menu .section .titre{font-size: 1px;}


.menu .section .titre .accueil{width: 53px; height: 15px;}

.accueil .on, .accueil a{display: block;
width: 53px; height: 15px;  background-position: 0px 0px;
background-image: url(images/menu/menu_accueil-up_down.gif);}

.menu .section .titre .accueil .on{background-position: 0px -15px;}



.menu .section .titre .approche{width: 64px; height: 15px;}

.menu .section .titre .approche .on, .menu .section .titre .approche a{
width: 64px; height: 15px; display: block; background-position: 0px 0px;
background-image: url(images/menu/menu_approche-up_down.gif);}

.menu .section .titre .approche .on{background-position: 0px -15px;}


.menu .section .titre .realisations{width: 82px; height: 15px;}

.menu .section .titre .realisations .on, .menu .section .titre .realisations a{
width: 82px; height: 15px; display: block; background-position: 0px 0px;
background-image: url(images/menu/menu_realisations-up_down.gif);}

.menu .section .titre .realisations .on{background-position: 0px -15px;}


.menu .section .titre .nouveautes{width: 78px; height: 15px;}

.menu .section .titre .nouveautes .on, .menu .section .titre .nouveautes a{
width: 78px; height: 15px; display: block; background-position: 0px 0px;
background-image: url(images/menu/menu_nouveautes-up_down.gif);}

.menu .section .titre .nouveautes .on{background-position: 0px -15px;}


.menu .section .titre .contact{width: 57px; height: 15px;}

.menu .section .titre .contact .on, .menu .section .titre .contact a{
width: 57px; height: 15px; display: block; background-position: 0px 0px;
background-image: url(images/menu/menu_contact-up_down.gif);}

.menu .section .titre .contact .on{background-position: 0px -15px;}



.menu .section .titre a:hover{background-position: 0px -15px;}



/*  ------------------------------------------
/*  contenu */




.contenu { background: #fff; position: relative; height: 400px; overflow:hidden;}

.contenu .gauche {
	width:400px; 
	float: left; 
	height: 400px;
	background: #fff;
	overflow: hidden;}

.contenu .gauche a { color: #9c9c94; text-decoration: underline;}
.contenu .gauche a:hover { color: #686861; text-decoration: none;}


.contenu .gauche .liste { 
	padding-left: 25px;
	margin-top: 46px;
	text-align: left;}

.contenu .gauche .liste .item{ color: #cecec3;}


.contenu .gauche .liste .item a{font-size: 12px; text-decoration: none; color: #cecec3;}
.contenu .gauche .liste .item a:hover{text-decoration: none; color: #686861;}

.contenu .gauche .liste .item .on{text-decoration: none; color: #686861;}

.contenu .gauche .sousliste .item{margin-left: 30px;font-size: 14px; line-height: 1.6em;}


.contenu .gauche .marque .titre {
	margin-top: 326px;
	margin-left: 9px;
	margin-right: 10px;
	font-size: 13px; 
	text-align: left; 
	color: #9c9c94;}

.contenu .gauche .marque .titre a{text-decoration: none;}

.contenu .gauche .marque .descriptif {
	margin: 3px 20px 0px 9px;
	font-size: 11px; 
	text-align: left; 
	color: #9c9c94;}

.contenu .gauche .liste .categories .item a{
background-repeat: no-repeat; display: block;
margin:6px 0px; padding:0px; font-size: 1px;}

.contenu .gauche .liste .categories .item .on{
background-position: 0px -25px;}


.contenu .gauche .liste .item a{
background-repeat: no-repeat; display: block;
margin:6px 0px; padding:0px; font-size: 1px;}


.contenu .droite {
	width:400px; 
	float: right;
	background: #cecec3;
	height: 400px;color: #fff;
	position: relative;}
	
	
.contenu .droite .liste { font-size: 12px;
	margin: 50px 20px 5px 3px;}

.contenu .droite .item { 
	font-size: 17px;
	line-height: 21px;
	padding: 0px 0px;}	

.contenu .droite .item a { 
	display: block; 
	color: #fff; 
	text-decoration: none; 
	padding: 0px;}

.contenu .droite .item a:hover { 
	color: #686861;
	padding-left: 12px;
	background-image:  url(http://www.cotefleuve.ca/squelettes/images/puce_contenu_droite.gif); 
	background-repeat: no-repeat;
	background-position: 0px 1px;}

.contenu .droite .item_descriptif { 
	padding-bottom: 8px;}	

.chronologique{margin-bottom: 10px; font-size: 11px;}

.pagination {
	position: absolute; 
	left: 3px; 
	top: 365px;
	margin: 10px 3px; 
	font-size: 11px; 
	color: #cecec3; 
	font-weight: bold;}

.pagination a{color: #fff;}

.pagination .lien_pagination{padding-right: 6px;}

.pagination a:hover{color: #686861; text-decoration: none;}

.pagination .on{color: #686861;padding-right: 6px;}

.pied {	
	padding-top: 8px;
	height: 80px;}

.pied .gauche {
	float: left;
	width: 400px;padding-top: 0px; }
	
.pied .gauche .titre {
	font-size: 12px;
	font-weight: normal;
	float: left; 
	text-transform: none;}

.pied .gauche .titre a{font-size: 11px;
	color: #d9d9cf; padding: 5px; font-weight: normal;}


.pied .gauche .titre a:hover{
	color: #fff; 
	text-decoration: none; 
	font-weight: bold;}

.pied .gauche .descriptif {color: #999;float: left;width: 280px;}	

.pied .droite {
	float: left; 
	width: 400px;}

.spip_logos, img.spip_logos{margin:0; padding:0;}

.pied .droite .item{ 
	display: block; 
	float: left;
	margin: 1px;}

.pied .droite .item a {
	border: 2px solid #9c9c94;
	display: block; 
	color: #fff;}

.pied .droite .item .on, .pied .droite .item a:hover {
	border: 2px solid #deded3;}

.navigation { 
	float:right; 
	width: 44px;
	height: 34px; 
	text-align: center;
	margin-right: 10px;
	font-size: 10px;}

.navigation a { color: #ccc;}

.navigation a:hover { color: #fff; text-decoration: none; font-weight: bold;}

.navigation .precedent{float:left;}

.navigation .precedent a{
	width: 18px; height: 16px;
 	display: block;
	background-image: url(images/fleche_bas_gauche_up.gif);
	background-repeat: no-repeat;}

.navigation .precedent a:hover{
	display: block;
	background-image: url(images/fleche_bas_gauche_down.gif);
	background-repeat: no-repeat;}


.navigation .suivant{float:right;}

.navigation .suivant a{
	width: 18px; height: 16px;
 	display: block;
	background-image: url(images/fleche_bas_droite_up.gif);
	background-repeat: no-repeat;}

.navigation .suivant a:hover{
	display: block;
	background-image: url(images/fleche_bas_droite_down.gif);
	background-repeat: no-repeat;}



/*  ------------------------------------------
/*  ACCUEIL */


.contenu .accueil a{height: 400px; width: 400px; display: block;}

.contenu .gauche .accueil a {
	height: 400px; width: 400px; display: block;
	background-position: 0px 0px;
	background-image: url(images/accueil_gauche_up_down.gif);}

.contenu .gauche .accueil a:hover{
	background-position: 400px 0px;
	background-image: url(images/accueil_gauche_up_down.gif);}

.contenu .droite .accueil a{
	height: 400px; width: 400px; display: block;
	background-position: 0px 0px;
	background-image: url(images/accueil_droite_up_down.gif);}
	
.contenu .droite .accueil a:hover{
	background-position: 400px 0px;
	background-image: url(images/accueil_droite_up_down.gif);}



/*  ------------------------------------------
/*  approche */

.elements_approche{position: absolute; top: 240px; width: 400px;}




.contact .contenu .liste{
line-height: 1.3em;
margin-top: 120px; padding-top: 0px;}


.contact .contenu .gauche{
	background-image: url(images/contact_logo.gif);
	background-repeat: no-repeat;
	background-position: 12px 40px;}

.contact .contenu .gauche .liste{color: #9c9c94;margin-left: 40px;}

.contact .contenu .droite .liste{color: #fff;}

.contact .contenu .droite .liste a{text-decoration: underline; color: #fff;}

.contact .contenu .droite .liste a:hover{text-decoration: none; color: #686861;}



/*  ------------------------------------------
/*  realisation mandat conseil strategique */


.droite .texte1 {color: #fff; font-size: 14px;margin-right: 30px;}

.droite .texte1 p.spip {margin: 0px; padding-bottom: 8px;}

.droite .texte2 ul{line-height: 1.15em;
	list-style-position: outside;
list-style: none; padding-left: 0px;margin-left: 0px; font-size: 11px; padding-right: 30px;}

.droite .texte2 li{padding-left: 0px;margin-left: 0px;padding-bottom: 4px;}

.droite .texte2 li strong{font-size: 14px;font-weight: normal}

.conseil #texte{padding-right: 40px;}

.conseil {font-size: 14px;line-height: 1.2em;}

.conseil a{margin: 0px; padding: 0px; color: #fff; text-decoration: underline; font-size: 13px;}

.conseil a:hover{color: #888; text-decoration: underline;}

.conseil ul{line-height:1em;}