@charset "utf-8";

		/*********************************
		*                                *
		*     CSS Carre Rennais 1.0      *
		*        R-numerique 2008        *
		*     Contact@r-numerique.fr     *
		*                                *
		*********************************/


/*=============================================================
=========================>>> General <<<=======================
=============================================================*/

body
{
	margin:0;
	padding:0;
	background:#d2d1d1;
	font-family:Arial, Arial, Verdana, Helvetica, sans-serif;
}
#global
{
	width:956px;
	min-height:500px;
	position:relative;
	margin:0px auto 25px auto;
	padding:0 0 30px 0;
	background:#fff;
}
.clearBoth {clear:both;}

/*=============================================================
===================>>> zones contenu <<<=======================
=============================================================*/
#content
{
	width:inherit;
	margin:5px 0 0 0;
}

/*=============================================================
========================>>> Entete <<<=========================
=============================================================*/
#head
{
	width:956px;
	height:128px;
	background:url(../pict/BG-head.jpg) top no-repeat;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

/* -=-=-=-=-=-=-=-=- Espace adherent -=-=-=-=-=-=-=-=-*/
#zoneAd
{
	width:inherit;
	height:50px;
	background:url(../pict/BG-espace-adherents.gif) top no-repeat;
}
#zoneAd h1
{
	color:#e2007a;
	font-size:9pt;
	width:460px;
	padding:0;
	margin:0 0 0 10px;
	/*font-weight:normal;*/
	float:left;
}
.Adpass
{
	float:right;
	width:470px;
}
.Adpass span
{
	font-size:8pt;
	color:#000;
}
.Adpass input
{
	margin:2px 8px 0 8px;
	padding:1px 0 1px 0;
	border:1px solid #373737;
	width:100px;
	height:13px;
}
.Adpass a
{
	display:block;
	padding:0 2px 0 2px;
	width:20px;
	height:15px;
	color:#000;
	font-size:8pt;
	text-decoration:none;
	border:1px solid #000;
}
.Adpass a:hover
{
	color:#666;
	border-color:#666;
}
#zoneAd .joinUs
{
	display:block;
	margin:5px 0px 0 300px;
	width:500px;
	text-align:right;
	background:url(../pict/pict-flech-1.gif) right no-repeat;
	padding:0 20px 0 0;
	clear:both;
	color:#fff;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
}
#zoneAd .joinUs:hover
{
	text-decoration:underline;
}

/* -=-=-=-=-=-=-=-=-=-=-=- Logo =-=-=-=-=-=-=-=-=-=-=-*/
.logoCR
{
	position:absolute;
	top:20px;
	left:10px;
}
.logoCR a img
{
	border:none;
}

/* -=-=-=-=-=-=-=-=-=-=-=- Titres =-=-=-=-=-=-=-=-=-=-=-*/
#head h2
{
	color:#fff;
	margin:0 0 0 120px;
	padding:0;
	font-weight:normal;
	font-size:25pt;
}

/* -=-=-=-=-=-=-=-=-=-= Menu onglet -=-=-=-=-=-=-=-=-=-*/
.menuOnglet
{
	list-style:none;
	padding:0;
	margin:0 0 0 100px;
	height:22px;
	position:absolute;
	top:106px;
}

.menuOnglet li
{
	float:left;
	background:url(../pict/BG-onglet.gif) left no-repeat;
	margin:0 0 0 2px;
	padding:0px 0 0 0;
	height:22px;
	border-right:1px solid #9c9d9f;
}
.menuOnglet li a
{
	margin:3px 0 0 0;
}
.menuOff, .menuOn
{
	color:#e2007a;
	font-size:8pt;
	text-decoration:none;
	padding: 0 6px 0 6px;
}
.menuOn, .menuOff:hover
{
	color:#676767;
}

/*=============================================================
====================>>> Zone recherche <<<=====================
=============================================================*/
#search
{
	width:inherit;
	height:30px;
	background:url(../pict/BG-recherche.gif) top no-repeat;
}
#search form
{
	float:left;
	margin:0 0 0 5px;
}
#search form table span
{
	font-size:8pt;
	color:#000;
}
#search form table input
{
	margin:3px 8px 0 8px;
	padding:1px 0 1px 0;
	border:1px solid #373737;
	width:120px;
	height:15px;
}

#search form table .validRechercheCommercant
{
	display:block;
	width:29px;
	margin:3px 0 0 0;
}
#search form table .validRechercheCommercant img
{
	border:none;
}
/*#search form table a
{
	display:block;
	width:29px;
	margin:3px 0 0 0;
}
#search form table a img
{
	border:none;
}
*/
#search h3
{
	padding:0;
	margin:13px 0 0 22px;
	float:left;
	font-size:8pt;
	color:#000;
}
#search h3 a
{
	color:#000;
	text-decoration:none;
	font-size:8pt;
}
#search h3 a:hover
{
	color:#e2007a;
}

/*=============================================================
====================>>> Colonne 1 <<<==========================
=============================================================*/
.col-1a
{
	float:left;
	margin:0 0 0 8px !important;
	margin:0 0 0 4px;
	width:162px;
}
/*=-=-=-= Cheques KDO =-=-=-=-=*/
.chequeKDO h3
{
	background:#E30D81 url(../pict/BG-titreCol1a.gif) top left repeat-x;
	width:154px;
	font-size:10pt;
	border:1px solid #626364;
	margin:0;
	padding:2px 0 2px 6px;
}
.chequeKDO h3 span
{
	background:url(../pict/pict-flech-1.gif) left no-repeat;
	padding:0 0 0 20px;	
}
/*=-=-=-= texte Cheques KDO =-=-=-=-=*/
.textKDO
{
	background:url(../pict/BG-col1a.jpg) bottom no-repeat;
	min-height:155px;
	padding:5px 0 230px 0;
}
.textKDO p
{
	margin:0 0 5px 0;
	padding:0 8px 0 8px;
	color:#e2007a;
	font-size:9pt;
}
.textKDO p a
{
	color:inherit;
	text-decoration:none;
}
.textKDO p a:hover
{
	color:#000;
}

/*=-=-=-= City guide =-=-=-=-=*/
.city h3
{
	background:#e40d80 url(../pict/BG-titreCol1b.gif) top left repeat-x;
	width:154px;
	font-size:10pt;
	border:1px solid #626364;
	margin:0;
	padding:2px 0 2px 6px;
	color:#fff;
}
.city h3 span
{
	background:url(../pict/pict-flech-1.gif) left no-repeat;
	padding:0 0 0 20px;	
}
/*=-=-=-= texte City =-=-=-=-=*/
.textCity
{
	background:url(../pict/BG-col1b.jpg) bottom no-repeat;
	min-height:145px;
	padding:5px 0 240px 0;
}
.textCity p
{
	margin:0 0 5px 0;
	padding:0 8px 0 8px;
	color:#000;
	font-size:9pt;
}
.textCity p a
{
	color:inherit;
	text-decoration:none;
}
.textCity p a:hover
{
	color:#e2007a;
}

/*=============================================================
====================>>> Colonne 2 <<<==========================
=============================================================*/


.col-2a
{
	float:left;
	margin:0 0 0 8px;
	/*margin:0 0 0 12px;*/
	width:571px;
}
.col-2a h3
{
	padding:2px 0 2px 6px;
	margin:0;
	font-size:10pt;
	color:#000;
	border:1px solid #414243;
	background:#C6C7C8 url(../pict/BG-barregris-1.gif) top left repeat-x;
}
.col-2a h3 span
{
	background:url(../pict/pict-flech-3.gif) left no-repeat;
	padding:0 0 0 20px;	
}
.colContent
{
	width:545px;
	padding:10px 12px 10px 12px;
	border:1px solid #414243;
	min-height:370px;
	font-size:9pt;
}

/*=-=-=-=-=-=-=- Les cheques cadeaux page accueil -=-=-=-=-=-=-=-=-=*/
.KDO
{
	width:569px;
	height:390px;
	background:#4f7cb6 url(../pict/BG-mauve-femme.jpg) bottom no-repeat;
	border:1px solid #414243;
	border-top:none;
	position:relative;
}
.KDO p
{
	padding:0;
	margin:0;
	color:#fff;
	width:290px;
	position:absolute;
	top:70px;
	left:25px;
	font-weight:bold;
	font-size:10pt;
}
.KDO p strong
{
	font-size:18pt;
	line-height:1em;
	padding-bottom:10px;
}
.KDO p span
{
	display:block;
}
.KDO a
{
	color: #fff;
	font-size:9pt;
	text-decoration:none;
	display:block;
	width:84px;
	padding:0 0 0 17px;
	height:14px;
	background:url(../pict/BG-mauve-savoir+.gif) no-repeat;
	position:absolute;
	top:376px;
	left:468px;
}
.KDO a:hover
{
	color:#666;
}
.KDO h4
{
	color:#fff;
	position:absolute;
	padding:0;
	margin:0;
	top:20px;
	left:25px;
	font-size:15pt;
}

/*=-=-=-=-=-=-=- Page Les cheques cadeaux =-=--=-=-=-=-=-=-=-=-=*/
.chequeKDO
{
	width:549px;
	height:370px;
	padding:10px;
	background:#fff url(../pict/BG-blanc-femme-KDO.jpg) bottom no-repeat;
	border:1px solid #414243;
	border-top:none;
	position:relative;
}
.chequeKDO p
{
	padding:0;
	margin:0 0 10px 0;
	color:#000;
	width:310px;
	font-size:9pt;
}
.chequeKDO ul
{
	padding:0;
	margin:0 0 10px 10px;
	font-weight:bold;
	font-size:9pt;
}
.colKDO h3
{
	padding:2px 0 2px 6px;
	margin:0;
	font-size:10pt;
	color:#1579ba;
	border:1px solid #414243;
	background:#C6C7C8 url(../pict/BG-barregris-1.gif) top left repeat-x;
}
.colKDO h3 span
{
	background:url(../pict/pict-flech-5.gif) left no-repeat;
	padding:0 0 0 20px;	
}
.titreBleu, span .titreBleu, .titrebleu
{
	color:#e2007a;
	font-weight:bold;
	font-size:11pt;
}


/*=-=-=-=-=-=-=-=-= Les commerces a Rennes -=-=-=-=-=-=-=-=-=-=-=*/
#mentionphoto
{
	font-size:10px;
	color:#999;
	margin-left:10px;
	margin-right:10px;
	padding-top:20px;
}

.adher
{
	font-size:9pt;
}
.adher h3
{
	padding:2px 0 2px 6px;
	margin:0;
	font-size:10pt;
	color:#e2007a;
	border:1px solid #414243;
	background:#C6C7C8 url(../pict/BG-barregris-1.gif) top left repeat-x;
}
.adher h3 span
{
	background:url(../pict/pict-flech-4.gif) left no-repeat;
	padding:0 0 0 20px;	
}
.zoneListe
{
	width:545px;
	padding:10px 12px 10px 12px;
	border:1px solid #414243;
	min-height:370px;
}
.zoneListe h4
{
	color:#e2007a;
	font-size:11pt;
	padding:0;
	margin:0;
}

/*=== zone texte colonne commerces ===*/
/*** recherche ***/
#searchCom
{
	padding:0 0 0 0px;
}
#searchCom h4
{
	color:#e2007a;
	font-size:11pt;
	padding:0;
	margin:0;
}
#searchCom table
{
	margin:10px 0 0 20px;
}
#searchCom table td
{
	padding:0 15px 8px 0;
}
#searchCom table td select
{
	min-width:120px;
}
#searchCom table td a
{
	color:#000;
	text-decoration:none;
	display:block;
	text-align:center;
	width:50px;
	border:1px solid #414243;
	padding:2px 0 2px 0;
	background:#C6C7C8 url(../pict/BG-barregris-1.gif) top left repeat-x;
}
#searchCom table td a:hover
{
	color:#666;
	border:1px solid #666;
}

/*** liste adherents ***/

/* ancien a virer après test ci dessous
.searchAlpha
{
	margin:0 0 0 10px;
}
.searchAlpha a
{
	color:#e2007a;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:10px;
	margin:0 0 0 10px;
	text-align:center;
	float:left;
}
.searchAlpha a:hover
{
	color:#666;
}
*/
.searchAlpha
{
	margin:0px;
}
.searchAlpha a
{
	color:#e2007a;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 0 3px;
	padding:0 2px 0 2px;
	text-align:center;
	font-size:9pt;
}
.searchAlpha a:hover
{
	color:#666;
}
.searchAlpha .alphaOn
{
	color:#fff;
	padding:0 2px 0 2px;
	background:#e2007a;
}

/*** nombre de resultat ***/
.nb_result
{
	margin:15px 0 5px 20px;
	text-align:right;
	color:#e2007a;
	font-weight:bold;
}

.listeAd
{
	width:545px;
	text-align:left;
	margin:10px 0 0 0;
	border:1px solid #cfcfcf;
	padding:10px;
}
.listeAd th
{
	color:#9c98a0;
	font-weight:bold;
	padding:0 0 6px 0;
}
.listeAd td
{
	border-bottom:1px solid #e2007a;
	padding:3px 7px 3px 0;
}
.listeAd td:first-child 
{
	border-bottom:none;
	width:16px;
}
.listeAd td a
{
	color:#000;
	text-decoration:none;
}
.listeAd td a:hover
{
	color:#e2007a;
}

.navListe
{
	width:545px;
	margin:10px 0 0 0;
}
.navListe td
{
	vertical-align:top;
}
.navListe td:first-child 
{
	width:23px;
}
.navListe td p
{
	width:250px;
	color:#e2007a;
	margin:0;
	padding:0;
}
.navListe a
{
	color:#e2007a;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 0 15px;
}
.navListe a:hover
{
	color:#666;
}
.navListe .lien_kdo
{
	color:#e2007a;
	font-weight:normal;
	text-decoration:none;
	margin:0;
}

/*** nouvelle recherche ***/
.newSearch
{
	text-align:center;
	margin:25px 0 10px 0;
}
.newSearch a
{
	color:#e2007a;
	font-weight:bold;
	text-decoration:none;
}
.newSearch a:hover
{
	color:#666;
}


/*=============================================================
====================>>> Colonne 3 <<<==========================
=============================================================*/
.col-3a
{
	float:left;
	margin:0 0 0 8px;
	width:192px;
}
/*=-=-=-=-=-=-=-=-=-=-=- Les bloc infos -=-=-=-=-=-=-=-=-=-=-=*/
.blocInfos
{
	margin:0 0 8px 0;
}
.blocInfos h3
{
	padding:2px 0 2px 6px;
	margin:0;
	font-size:10pt;
	color:#e2007a;
	border:1px solid #D0D0D1;
	background:#D6D90C url(../pict/BG-titreCol3.gif) top left repeat-x;
}
.blocInfos h3 span
{
	background:url(../pict/pict-flech-3.gif) left no-repeat;
	padding:0 0 0 20px;	
}
.zoneInfos
{
	width:140px;
	padding:5px 25px 3px 25px;
	background:#f3f2f2;
	border-right:1px solid #D0D0D1;
	border-left:1px solid #D0D0D1;
}
.zoneInfos h4
{
	color:#e2007a;
	width:140px;
	padding:0;
	margin:0;
	font-size:10pt;
}
.zoneInfos img
{
	border:none;
}
.zoneInfos p
{
	width:140px;
	font-size:9pt;
	padding:0 0 0 0;
	margin:0;
}
.infoPlus
{
	height:16px;
	width:inherit;
	background:url(../pict/BG-col3-savoir+.gif) bottom no-repeat;
}
.infoPlus a
{
	text-decoration:none;
	color:#666;
	margin:0px 0 0 120px;
	font-size:9pt;
	display:block;
	width:70px;
	height:12px;
}
.infoPlus a:hover
{
	color:#333;
}


/*=============================================================
==================>>> Colonne large <<<========================
=============================================================*/

/*=-=-=-=-=-= details d'un commerces =-=-=-=-=-=-=-=*/
.col-large
{
	float:left;
	margin:0 0 0 8px;
	width:771px;
	font-size:9pt;
}
.zoneLarge
 {
	 border:1px solid #414243;
	 border-top:none;
	 min-height:388px;
 }

/*===== zone titre =====*/
.titreLarge
{
	min-height:21px;
	border:1px solid #414243;
	background:#C6C7C8 url(../pict/BG-barregris-1.gif) top left repeat-x;
}
.titreLarge h3
{
	padding:2px 0 2px 15px;
	margin:0;
	font-size:10pt;
	color:#e2007a;
	width:550px;
}
.titreLarge h3 span
{
	font-weight:normal;
	font-size:9pt;
}
.titreLarge p
{
	float:right;
	padding:0;
	margin:3px 10px 0 0;
	color:#7d7878;
}

/*===== sous colonne large 1 =====*/
.sousCol-1
{
	float:left;
	width:350px;
	padding:0 10px 0 10px;
	margin:10px 0 10px 0;
	border-right:1px solid #e1e2e2;
}
.sousCol-1 p
{
	color:#000;
	padding:0;
	margin:0 0 10px 0;
}

/*===== sous colonne large 2 =====*/
.sousCol-2
{
	float:left;
	width:125px;
	margin:10px 0 10px 0;
	padding:0 10px 0 10px;
	border-right:1px solid #e1e2e2;
}
.sousCol-2 img
{
	margin:0 0 15px 0;
}

/*===== sous colonne large 3 =====*/
.sousCol-3
{
	float:left;
	width:230px;
	padding:0 10px 0 10px;
	margin:10px 0 10px 0;
}
.sousCol-3 .accept
{
	padding:0 0 0 13px;
	margin:0 0 10px -4px;
	background:url(/global/pict/picto-euro.gif) left no-repeat;
}
.sousCol-3 .accept a
{
	color:#e2007a;
	text-decoration:none;
}
.sousCol-3 .accept a:hover
{
	color:#666;
}
.AdressCom
{
	font-weight:bold;
	padding:0;
	margin:0 0 10px 10px;
}
.mailCom
{
	padding:0;
	margin:0 0 15px 10px;
	color:#000;
}
.mailCom a
{
	text-decoration:none;
	color:#000;
}
.mailCom a:hover
{
	color:#e2007a;
}
.zoneMap
{
	width:230px;
}
.zoneMap span
{
	width:230px;
	display:block;
	font-size:7pt;
}


/*=-=-=-=-=-= navigation fiches commerces =-=-=-=-=-=-=-=*/
.navSP
{
	float:left;
	margin:10px 0 0 178px !important;
	margin:10px 0 0 89px;
	width:771px;
	font-size:9pt;
}
.navSP a
{
	text-decoration:none;
	color:#e2007a;
	font-weight:bold;

}
.navSP a:hover
{
	color:#666;
}

.comPS
{
	float:right;
	margin:0 0 0 20px;
}
.return
{
	float:left;
}





/*======================================================>>> EXTRANET <<<========================================================*/
.col-1extranet
{
	float:left;
	margin:0 0 0 8px !important;
	margin:0 0 0 4px;
	width:220px;
	font-size:11px;
}

.col-2extranet
{
	float:left;
	margin:0 0 0 8px;
	width:700px;
	padding-left:5px;
	border-left:#666 solid 1px;
	padding-bottom:50px;
}

.col-1extranet ul
{
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
	line-height:1.5em;
}

.col-1extranet ul li
{
	padding:0 0 0 10px;
}

.col-1extranet ul li a
{
	text-decoration:none;
	font-size:10pt;
}

.col-1extranet h2
{
	font-size:18pt;
	margin:0 0 15px 0;
	padding:0 0 0 5px;
	color:#e2007a;
}





.col-2extranet h4
{
	margin:0;
	padding:0 0 0 10px;
	font-size:16pt;
	color:#e2007a;
	font-variant:small-caps;
	background:url(/global/pict/puce-flch.gif) left no-repeat;
}
.col-2extranet h5
{
	margin:0;
	padding:0;
	color:#e2007a;
	font-size:10pt;
}
.col-2extranet table
{
	margin:5px 0 25px 0;
	border:1px solid #999;
	padding:10px;
	background:#fff;
	width:100%;
}
.col-2extranet table td:first-child
{
	width:600px;
}
.col-2extranet table td
{
	padding:10px 10px 0 0px;
}
.col-2extranet table td p
{
	width:492px;
}
.col-2extranet table img
{
	float:none;
	margin:0 10px 0 10px;
}
.col-2extranet table a
{
	color:#e2007a;
}
.col-2extranet table a:hover
{
	text-decoration:none;
}






.adherent-on
{
	background:url(/global/pict/puce-flch.gif) left no-repeat;
}
.adherent-on a
{
	color:#000;
	text-decoration:none;
}
.adherent-off a
{
	color:#8c8c8c;
}

.identifiant-log
{
	float:right;
	width:470px;
	font-size:8pt;
	color:#000;
	text-align:right;
	margin-top:3px;
	margin-right:5px;
}

.identifiant-log a
{
	text-decoration:none;
	color:#000;
}








/*======================================================>>> PROVISOIRE <<<========================================================*/
/*** la page contact ***/
.provisoire p strong
{
	font-size:12pt;
}
.provisoire p a
{
	color:#000;
}
.provisoire p a:hover
{
	color:#e2007a;
}
.provisoire p
{
	width:350px;
}
.provisoire .toto
{
	float:right;
	width:180px;
}