@import url(global.css);
 
/**
 * titres + text d'intro
 */
.page h1{
	color:#cd071e;
	font-weight:500;
	margin:0 0 0 10px;
	padding:0;
	font-size:260%;}
.page h2.subH1{
	margin:-6px 0 0 10px;
	color:#333;
	font-size:140%;
	padding:0 0 2px;}
.page .intro{
	margin:5px 5px 5px 10px;
	padding:0;
	color:#888;
	/*font-weight:600;*/}
	.page .intro strong{
		font-weight: bold;
		color:#222;
	}
		
.page .introAd {
	margin-left:10px;
}

/*
 *  mise en forme des carres
 */

.page .mainContent {
	width:436px;
	margin: 0;
	padding: 0;
}

.page .mainContent td {
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0;
	vertical-align : top;
}
 
.page .workspace {
	display: block;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
 
.page .boxLargeRouge {
	display:block;
	width:226px;
	margin:0 0 7px 0;
	padding-bottom:5px;
	background:#e6e6e6 url(../images/layout/bloc-gris-bas.jpg) bottom right no-repeat;
}

.page .boxLargeRouge h2{
	margin:0;
	padding:3px 10px;
	font-weight:normal;
	font-size:130%;
	background:#cd071e;
	color:#fff;
}

.page .boxLargeRouge .boxContent {
	float:left;
	
}

.page .boxLargeRouge .boxContent p,  .page .boxLargeRouge TD.boxContent{
	margin:5px 2px 2px;
	padding:0;
	color:#555;
}

.page .boxLargeRouge .boxContent .titre {
	color:#cd071e;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}

.page .boxLargeRouge .boxContent .titre:hover {
	color:#000;
}

.page .boxLargeRouge .boxContent .date {
	color: #000;
	font-size: 90%;
}

.page .boxLargeRouge .boxRedImg {
	float:left;
	margin:5px 2px 10px 5px;
	width: 88px;
}

.page .boxLargeRouge TD.boxRed2Img {
	padding-left:0px;
	width: 95px;
}

.page .boxRouge {
	display:block;
	width:200px;
	margin:0 0 7px 0;
	padding-bottom:5px;
	background:#e6e6e6 url(../images/layout/bloc-gris-bas.jpg) bottom right no-repeat;
}

.page .boxRouge h2{
	margin:0;
	padding:3px 10px;
	font-weight:normal;
	font-size:130%;
	background:#cd071e;
	color:#fff;
}

.page .boxRouge .boxContent {
	float:left;
	width:200px;
}

.page .boxRouge .boxContent p {
	margin:5px 2px 2px;
	padding:0 5px 5px 5px;
	color:#555;
}

.page .boxRouge .boxContent p.borderBottom {
	border-bottom:2px solid #ccc;
}

.page .boxRouge .boxContent .titre {
	font-size: 110%;
	font-weight: bold;
	color:#555;
	text-decoration: none;
}

.page .boxRouge .boxContent .titre:hover {
	color:#000;
}

.page .boxContent .date {
	font-size: 90%;
}

.page .boxLargeRouge .boxContent p,  .page .boxLargeRouge TD.boxContent{
	margin:5px 3px 2px 2px;
	padding-left:5px;
	padding-top:0px;
	color:#555;
}

.page .boxLargeRouge td.boxRedImg {
	float:left;
	margin:5px 2px 10px 5px;
	padding-left:0px;
}

.page .boxLargeRouge .boxLink {
	padding-top:5px;
}

.page .boxContent .date sup {
	font-size: 90%;
	vertical-align: 20%;
}


.page .boxLargeGris {
	display:block;
	margin:0 0 7px 0;
	width:226px;
	height:120px;
	background:#e6e6e6 url(../images/layout/bloc-gris-bas.jpg) bottom right no-repeat;
}

.page .boxLargeGris h2{
	margin:0;
	padding:3px 10px;
	font-weight:normal;
	font-size:130%;
	background:#8c8c8c;
	color:#fff;
}

.page .boxLargeGris .boxImg {
	float:left;
	margin:5px 2px 10px 5px;
}

.page .boxLargeGris .boxContent {
	float:left;
	width: 131px;
}

.page .boxLargeGris .boxContent p {
	margin:5px 2px 2px;
	padding:0;
	color:#555;
}

.page .boxLargeGris .boxContent strong.gris {
	font-size: 110%;
	font-weight: bold;
	color:#555;
}

.page .boxLargeGris .boxContent strong.rouge {
	font-size: 110%;
	font-weight: bold;
	color:#cd071e;
}

.page .boxBlanc {
	display:block;
	position: relative;
	margin:0 0 7px 0;
	width:200px;
	height: 120px;
	border-top: solid 1px #e3e3e3;
	background:#fff url(../images/layout/bloc-contour-gris.gif) top left repeat-y;
}

html>body .page .boxBlanc {
	height: auto;
	min-height: 120px;
}
	
.page .boxBlanc form {
	margin:0;
	padding:30px 5px 5px;
	color:#aaa;
}

.page .boxBlanc fieldset {
	border:0;
	margin:0;
	padding:0;
}

.page .boxBlanc legend {
	margin:0;
	padding:0;
	font-size:140%;
}

.page .boxBlanc label {
}

.page .boxBlanc input {
	padding:1px;
	border:1px solid #ccc;
}

.page .boxBlanc .email {
	width:110px;
}

.page .boxBlanc .newsletterSubmit{
	padding:2px 2px 1px;
	background:#cd071e;
	font-weight:bold;
	font-size:90%;
	color:#fff;
	border-color:#cd071e;
}

.page .boxBlanc .bottomBorder {
	background: #fff url(../images/layout/bloc-contour-gris-bas.gif) top right no-repeat;
	position: absolute;
	bottom: 0px;
	width: 200px;
	height: 10px;
	border-top: none;
}

.page .boxLink {
	text-align:right;
	margin:0;
	padding:0;
	padding-right:5px;
}

/*
 * visuel de droite
 */
.visuel {
	margin:5px 4px 4px 0px;
	width: 336px;
	height: 537px;
	zbackground: #fff url(../images/home/img-accueil.jpg) top left no-repeat;
}

.visuel .desc {
	position:absolute;
	width:130px;
	top:50px;
	right:50px;}
	.visuel .desc h3{
		background:#cd071e;
		margin:0 0 3px 0;
		font-size:110%;
		padding:2px 5px;
		color:#fff;}
	.visuel .desc p{
		margin:0;
		padding:3px;
		font-size:90%;
		background: url(../_i/coin-blanc.gif) bottom right no-repeat;}

.portletWrap {
	margin:0px;
}

.genericItemPropertyPortlet
{
	padding-bottom: 10px;
	padding-left: 10px;
}

/* ok pour griffe lyonnaise */
.page .portletWrap .genericItemPropertyPortlet
{
	padding-bottom: 10px;
	padding-left: 10px;
}


/* pavé newsletter */
.page .mainContent .portletWrap .genericItemPropertyPortlet
{
	padding-bottom: 0px;
	padding-left: 0px;
}

.flash
{

	padding-left: 5px;
}

#logo3{
display:none
}