/* CSS Document */
/* --------------------------------------------------------------------------------------------- Main */
/* ------------------------------------------------------------------------- Left */
/* ----------------------------------------------------- Mon Atrébatie */
	#main #left #mon_atrebatie {
		float:left;
		width:205px;
		background:url(../../images/structure/background/opacite_blanc.png);
		padding:8px 10px
	}
	* html #main #left #mon_atrebatie {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/cc_atrebatie/design/cc_atrebatie/images/structure/background/opacite_blanc.png',sizingMethod='scale');
		background-image:none
	}
/* --------------------------------- Outils */
	#main #left #mon_atrebatie #outils {
		float:left;
		width:95px;
		background:url(../../images/structure/background/outils.gif) no-repeat left 8px;
		padding:0 0 0 110px;
		margin:0 0 10px 0
	}
	#main #left #mon_atrebatie #outils li {
		display:inline;
		margin:0 5px 0 0
	}
	#main #left #mon_atrebatie #outils #reduire_police {margin:0 2px 0 0}
/* --------------------------------- Réactions */
	#main #left #reactions {
		float:left;
		width:190px;
		padding:0 0 0 15px;
		margin:0 0 12px 0
	}
	#main #left #reactions li {padding:2px 0 2px 22px}
	#main #left #reactions #commentaire {background:url(../../images/structure/background/commentaire.gif) no-repeat}
	#main #left #reactions #reagir {background:url(../../images/structure/background/reagir.gif) no-repeat}
	#main #left #reactions li a {color:#026d9b}
	#main #left #reactions li a:hover {text-decoration:underline}
/* --------------------------------- Boutons */
	#main #left #boutons {
		float:left;
		width:167px;
		font-size:1.2em;
		font-weight:bold;
		padding:0 0 0 38px
	}
	#main #left #boutons li {
		width:120px;
		text-align:center;
		background:url(../../images/structure/background/bouton_orange.gif) no-repeat;
		padding:1px 0;
		margin:0 0 3px 0
	}
	#main #left #boutons li a {color:#fff}
	#main #left #boutons li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Right */
/* ----------------------------------------------------- Top */
	#main #right div.top {
		float:left;
		width:700px;
		border-bottom:1px solid #5b9400;
		background:#79B90C url(../../images/structure/background/titre_vert.gif) no-repeat;
		padding:11px 10px 0 12px
	}
/* --------------------------------- Compass */
	#main #right div.top #compass {
		float:left;
		width:100%;
		color:#474747;
		margin:0 0 7px 0
	}
	#main #right div.top #compass li a {
		color:#474747;
		background:url(../../images/boutons/home.gif) no-repeat;
		padding:0 0 0 16px
	}
	#main #right div.top #compass li a:hover {text-decoration:underline}
	#main #right div.top #compass li ul {display:inline}
	#main #right div.top #compass li ul li {
		display:inline;
		background:url(../../images/elements/fleche_gris.gif) no-repeat left;
		padding:0 0 0 9px
	}
	#main #right div.top #compass li ul li a {
		background:none;
		padding:0
	}
/* --------------------------------- H1 */
	#main #right div.top h1 {
		float:left;
		width:100%;
		color:#fff;
		font-size:1.8em;
		padding:0 0 3px 0
	}
/* ----------------------------------------------------- Contenu */
	#main #right #contenu {
		float:left;
		width:662px;
		min-height:300px;
		background:url(../../images/structure/background/opacite_vert.png);
		padding:10px 30px 5px 30px
	}
	* html #main #right #contenu {
		height:300px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/cc_atrebatie/design/cc_atrebatie/images/structure/background/opacite_vert.png',sizingMethod='scale');
		background-image:none
	}
/* --------------------------------- Contenu 2 */
	#main #right #contenu #contenu_2 {
		float:left;
		width:514px;
		padding:0 15px 0 0
	}
	* html #main #right #contenu #contenu_2 {overflow:hidden}
	#main #right #contenu #contenu_2.large {
		width:662px;
		padding:0
	}
/* ------------- Titres */
	h2 {
		clear:both;
		font-size:1.4em;
		color:#000;
		margin-bottom:6px
	}
	h3 {
		clear:both;
		font-size:1.2em;
		color:#333;
		margin-bottom:4px
	}
	h4 {
		clear:both;
		font-size:1.1em;
		color:#666;
		margin-bottom:2px
	}
	h5, h6 {
		clear:both;
		font-size:1em
	}
/* ------------- Aucun */
	#main #right #contenu #contenu_2 #aucun {
		display:block;
		float:left;
		font-size:1.1em;
		color:#ea5607;
		margin:15px 0
	}
/* ------------- Navigation */
	#main #right #contenu #contenu_2 div.navigation {
		float:left;
		width:100%;
		font-size:.8em;
		background:url(../../images/elements/fleche_haut.gif) no-repeat right;
		margin:10px 0 0 0
	}
	#main #right #contenu #contenu_2 div.navigation a {
		color:#6f726a;
		text-decoration:none
	}
	#main #right #contenu #contenu_2 div.navigation a:hover {text-decoration:underline}
	#main #right #contenu #contenu_2 div.navigation a.retour {
		float:left;
		background:url(../../images/structure/background/retour.gif) no-repeat 0 3px;
		padding:0 0 0 9px
	}
	#main #right #contenu #contenu_2 div.navigation a.haut_page {
		float:right;
		background:url(../../images/elements/fleche_haut.gif) no-repeat 0 4px;
		padding:0 12px
	}
/* ------------- Pagination */
	#main #right #contenu #contenu_2 ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		border-top:1px solid #7dbe0c;
		padding:5px 0 0 0;
		margin:0 0 10px 0
	}
	#main #right #contenu #contenu_2 ul.pagination li {
		display:inline;
		margin:0 6px
	}
	#main #right #contenu #contenu_2 ul.pagination li a {color:#6f726a}
	#main #right #contenu #contenu_2 ul.pagination li a:hover, ul.pagination li a.on {text-decoration:underline}
	#main #right #contenu #contenu_2 ul.pagination li a.on {
		color:#7dbe0c;
		cursor:text
	}
/* --------------------------------- Right */
	#main #right #contenu #contenu_right {
		float:left;
		width:133px
	}
/* ------------- Illustrations */
	#main #right #contenu #contenu_right #illustrations {
		float:left;
		width:114px;
		padding:0 14px 0 5px
	}
	#main #right #contenu #contenu_right #illustrations li {
		float:left;
		width:100%;
		line-height:1.1;
		font-size:.9em;
		color:#383838;
		padding:0 0 10px 0
	}
	#main #right #contenu #contenu_right #illustrations li img {
		vertical-align:middle;
		border:1px solid #a3ac95;
		background:#fff;
		padding:4px;
		margin:0 0 3px 0
	}
/* ------------- En savoir plus */
	#main #right #contenu #contenu_right #savoir_plus {
		float:left;
		width:100%;
		color:#404040;
		border-bottom:1px solid #404040;
		padding:0 0 3px 0
	}
	#main #right #contenu #contenu_right #savoir_plus span.titre {
		display:block;
		text-transform:uppercase;
		font-weight:bold;
		border-bottom:1px solid #404040;
		margin:0 0 3px 0
	}
	#main #right #contenu #contenu_right #savoir_plus p {
		line-height:1.3;
		text-align:justify
	}
	#main #right #contenu #contenu_right #savoir_plus a.lire_suite {
		float:right;
		font-size:.9em;
		color:#4e7609;
		text-decoration:none;
		background:url(../../images/elements/fleche_vert.gif) no-repeat right 5px;
		padding:0 7px 0 0
	}
	#main #right #contenu #contenu_right #savoir_plus a.lire_suite:hover {text-decoration:underline}