/*
 *	TEMPLATE ACCUEIL
 *
 *	Attributs en ordre alphabetique
 *	Element en ordre d'apparition
 *
 *	- STRUCTURE GENERALE
 *	- CONTENT
 *		- section
 *		- aside
**/


/*
 *	STRUCTURE GENERALE
 *	Disposition des elements
**/

#content{ margin: 0 0 2em 0; }
#content div.aside{
	background: url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/aside/div.aside.accueil.png) no-repeat;
	float: right;
	margin: -33px 0 0 0;
	padding: 20px;
	width: 368px;
}

#content div.section{ float: left; margin: -33px 0 0 0;  position: relative; width: 565px; }


/*
 *	STYLE
 *	Apparence des elements
**/

/* COLONNE DE DROITE - ACTUALITES */
#content div.aside{ }


/*
#content div.aside h1.ruban,#content div.aside h2.ruban{
	background:  url(/_assets/3e0249a37e7802c1c36db9f33f8055e6/Images/Opc/content/h1.347px.accueil.png) left bottom;
	line-height: 1em;
	margin-left: -26px;
	width: calc(100% + 47px);
}
*/




/*#content div.aside h1.ruban:hover,#content div.aside h2.ruban:hover{ background-position: -347px bottom;}
#content div.aside h1.ruban:hover span,#content div.aside h2.ruban:hover span{ background-position: -347px top;}*/
p.rss{ margin: 0; position: absolute; right: 25px; top: -2px; z-index: 555; }
h1.hors-ecran { background: #ccc; text-indent: -9999999em; margin: 0; padding:  0.25em 0.417em /* 3px 5px */; position: absolute; }

#content div.aside h2{ border-bottom: 1px solid #ccc; line-height: 28px ; margin: 0 0 8px 0; position: relative; }
#content div.aside h2 a{ color: #14374a; }
#content div.aside h2 a.rss{ position: absolute; right: 0; top: 0; z-index: 333; }
#content div.aside ul{ margin: 0; padding: 0; }
#content div.aside ul li{ color: #000; clear: left; height: auto !important; height: 50px; min-height: 50px; list-style: none; margin: 0 0 1.154em 0; padding: 0 0 0 0px; position: relative; }
#content div.aside ul li a{ white-space: nowrap; }
#content div.aside ul li img{ float:left; padding: 0 1em 0 0; }
#content div.aside p.plus{ clear: both; text-align: right; padding: 0 1em; }

#popup h1{ background: #284e61; }

/* COLONNE DE GAUCHE - ETIQUETTES */
#content div.section{}
#content div.section ul{ margin: 0; padding: 0; text-align: center; }
#content div.section ul li{ display: inline; list-style: none; margin: 0; padding: 0; }
#content div.section ul li a{  border-right: 1px solid #a0bce3; color: #515151; font-size: 1.385em; line-height: 1.444em; margin: 0 0.5em 0 0; padding: 0 0.5em 0 0; }
#content div.section ul li.section-consommateurs,#content div.section ul li.section-commercants {float:left;width:282px;}
#content div.section ul li.section-consommateurs img,#content div.section ul li.section-commercants img {width:282px!important; height:400px!important;}
#content div.section ul li.section-consommateurs a,
#content div.section ul li.section-commercants a{  border: 0; display: block; margin: 0; padding: 0;top: 0; width: 282px; }
#content div.section ul li.section-consommateurs a{ height: 400px; }
#content div.section ul li.section-commercants a { height: 400px; }
#content div.section ul li.education a{ border: 0; }
#content div.section ul li.enquete-et-surveillance a{ border: 0; }
#content div.section ul li.no-border a { border-right: 0; border-left: 0; margin:0; padding: 0;}
#content div.section ul li.last a { border-right: 0; border-left: 1px solid #a0bce3; margin: 0 0em 0 0.5em; padding: 0 0em 0em 0.5em;}
#content div.section ul li.relation a { border:0; margin: 0; padding: 0;}

#content div.section ul li.autres-clienteles {
	float: left;
	font-family: 'Glober', sans-serif;
    margin: 5px 0 0 23px !important;
    font-size: 1.2em;
    width: 100%;
    display: block !important;
    text-align: left;
    color: #505050;
}

#content div.section ul li.secondaire a {
	font-family: 'Glober', sans-serif;
	border-bottom: 4px solid #333333 !important;
	border-right: 0px;
	border-left: 0px;
	padding: 6px 22px 2px 0px !important;
	display: block;
	position: relative;
	float: left;
	margin: 0.25em 0.5em 0 0;
	text-align: left;
	font-size: 1.4em !important;
	color: #515151;
	font-weight: bold;
}

	#content div.section ul li.secondaire a span {
	    position: absolute;
	    right: 0px;
	    top: 4px;
	    font-size: 1.8em;
	    color: #008bce;
	    font-weight: normal !important;
	    font-family: Arial, sans-serif;
	}

#content div.section ul li.secondaire.first a {
  margin-left: 23px;
}

#content div.section ul li.secondaire.last a {
  margin-left: 20px;
}