@charset "UTF-8";

/* 
	CSS Document
	Developpement & Customisation : Andraini Bachrain, Web & Graphic Designer.
	Description: A three-columns layout for Wordpress with multiple functionalities inspired by the great themes of Brian Gardner, Darren Hoyt and Justin Tadlock.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


/************************************************************************************************
*	HTML Elements                                                                           * 
************************************************************************************************/

body {
	background: #D0CFC8 url(images_oc/bg_01.png) repeat-x;
	color: #2D2D2D;
	font-size: 12px;
	font-family: Myriad Pro, Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap {
	background: #D0CFC8;
	margin: 0px auto 0px;
	padding: 0px 8px 0px 8px;
	}
	
/************************************************************************************************
*	Hyperlinks                                                                              * 
************************************************************************************************/

a, a:visited {
	color: #990000;
	text-decoration: none;
	}
	
a:hover {
	color: #FF0000;
	text-decoration: underline;
	}
	
a img {
	border: none;
	}

.hautdepage, a.hautdepage, .sommmaire, a.sommaire {
	color: #2D2D2D;
	text-decoration: underline;
	float: right;
	display: block;
	}

.navigation a {
	width: 160px;
	display: block;
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
	text-decoration: none;
	padding: 4px;
	}

.navigation.alignleft {
	float: left;
	}
.navigation.alignright {
	float: right;
	}

.link_to_pdf a {
	background: url(images_oc/icon_download_pdf.png) no-repeat 0px center;
	padding: 26px 0px 26px 56px;
	color: #2D2D2D;
	}

.link_to_pdf a:hover, .link_to_pdf a:focus, .link_to_pdf a:active {
	background: url(images_oc/icon_download_pdf.png) no-repeat 0px -1px;
	color: #FF0000;
	}

/************************************************************************************************
*	Headlines                                                                               * 
************************************************************************************************/
	
.blogtitle, .blogtitle a {
	color: #FFFFFF;
	font-size: 36px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 24px 0px;
	}

h1 {
	color: #2D2D2D;
	font-size: 28px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 16px 0px;
	}

h2 {
	color: #990000;
	font-size: 24px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	}

h3 {
	color: #990000;
	font-size: 18px;
	font-family: Myriad Pro, Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	}
	
h4 {
	color: #2D2D2D;
	font-size: 15px;
	font-family: Myriad Pro, Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	}

h5 {
	color: #2D2D2D;
	font-size: 15px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: bolder;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	}

h2.title_dossier {
	background: url(images_oc/onglet57_dossier.png) no-repeat left center;
	color: #660000;
	line-height: 60px;
	font-weight: bolder;
	font-size: 28px;
	font-family: Myriad Pro, Arial, Tahoma, Verdana;
	font-weight: bolder;
	padding: 4px 0px 4px 60px;
	border-top: 1px solid #2D2D2D;
	border-bottom: 1px solid #2D2D2D;
	}

h2.title_images {
	background: url(images_oc/onglet57_images.png) no-repeat left center;
	color: #660000;
	line-height: 60px;
	font-weight: bolder;
	font-size: 28px;
	font-family: Myriad Pro, Arial, Tahoma, Verdana;
	font-weight: bolder;
	padding: 4px 0px 4px 60px;
	border-top: 1px solid #2D2D2D;
	border-bottom: 1px solid #2D2D2D;
	}

h2.title_nouveau {
	background: url(images_oc/onglet57_nouveau.png) no-repeat left center;
	color: #660000;
	line-height: 60px;
	font-weight: bolder;
	font-size: 28px;
	font-family: Myriad Pro, Arial, Tahoma, Verdana;
	font-weight: bolder;
	padding: 4px 0px 4px 60px;
	border-top: 1px solid #2D2D2D;
	border-bottom: 1px solid #2D2D2D;
	}


h3.nl_item {
	background: url(images_oc/icon_arrow24_single.png) no-repeat 0px 6px;
	color: #990000;
	font-size: 24px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin-bottom: 8px;
	padding: 4px 0px 4px 32px;
	}

h4.nl_item {
	margin-top: 8px;
	}
h4.nl_item a {
	background: url(images_oc/icon_arrow11_red.png) no-repeat 0px 1px;
	color: #2D2D2D;
	margin-top: 8px;
	padding: 0px 0px 0px 16px;
	}
h4.nl_item a:hover {
	background: url(images_oc/icon_arrow11_red.png) no-repeat 0px -31px;
	margin-top: 8px;
	padding: 0px 0px 0px 16px;
	}

dl.nl_item {
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
	}
dt.nl_item a {
	background: url(images_oc/puce_arrow10_red.png) no-repeat 0px 0px;
	font-weight: bolder;
	text-decoration: none;
	margin-left: 16px;
	padding: 0px 0px 4px 12px;
	}
dd.nl_item {
	margin: 4px 0px 8px 28px;
	}
dd.nl_item a {
	text-decoration: underline;
	}

h4.titre_accordeon a {
	background: url(images_oc/puce_arrowdown_grey.png) no-repeat right center;
	line-height: 20px;
	font-size: 14px;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 16px;
	cursor: pointer;
	}
h4.titre_accordeon a:hover, h4.titre_accordeon a:focus, h4.titre_accordeon a:active {
	background: url(images_oc/puce_arrowdown_red.png) no-repeat right center;
	color: #FF6600;
	text-decoration: none;
	padding-right: 16px;
	}

h5.titre_accordeon a {
	background: url(images_oc/puce_arrowdown_grey.png) no-repeat right center;
	line-height: 20px;
	font-size: 14px;
	text-decoration: none;
	border-bottom: 2px solid #990000;
	margin-bottom: 8px;
	padding: 4px 16px 2px 0px;
	cursor: pointer;
	}
h5.titre_accordeon a:hover, h5.titre_accordeon a:focus, h5.titre_accordeon a:active {
	background: url(images_oc/puce_arrowdown_red.png) no-repeat right center;
	color: #FF6600;
	text-decoration: none;
	}
.h5_subtitle {
	color: #330000;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-size: 1.1em;
	font-weight: bolder;
	}


p.titre_accordeon a {
	background: url(images_oc/puce_arrowdown_grey.png) no-repeat right center;
	line-height: 20px;
	color: #660000;
	font-size: 1.1em;
	font-weight: bolder;
	text-decoration: none;
	padding: 4px 16px 4px 0px;
	cursor: pointer;
	}
p.titre_accordeon a:hover, p.titre_accordeon a:focus, p.titre_accordeon a:active {
	background: url(images_oc/puce_arrowdown_red.png) no-repeat right center;
	color: #FF6600;
	text-decoration: none;
	}

/************************************************
*	Header 					     	    * 
************************************************/

#header {
	background: url(images_oc/header2009.jpg) no-repeat;
	width: 944px;
	height: 120px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 3px auto 0px;
	padding: 0px;
	overflow: hidden;
	}

.blogtitle, .blogtitle a, .description {
	text-indent: -5000px;
	text-decoration: none;
	}

.zone_logo, .zone_logo a {
	background-color: transparent;
	width: 386px;
	height: 74px;
	float: left;
	margin-top: 8px;
	padding: 4px;
	text-decoration: none;
	}

.zone_logo a:hover, .zone_logo a:active, .zone_logo a:visited {
	border-style: none;
	text-decoration: none;
	}

#header p {
	margin: 0px;
	padding: 8px 16px 0px;
 	line-height: 30px;
	}
	
.headerleft {
	width: 632px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
.headerright {
	width: 248px;
	float: right;
	margin: 0px;
	padding: 0px;
	}
	
.headerright a, .headerright a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 0px 0px 3px;
	}
	
.headerright a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
.headerright a img {
	border: none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	}
	
/************************************************
*	Navbar 					     	    * 
************************************************/

#navbar {
	background: #990000 url(images_oc/navbar2009.png) no-repeat;
	width: 944px;
	height: 33px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px;
	position: relative;
	}
	
#navbarleft {
	width: 680px;
	height: 33px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	}
	
#navbarright {
	width: 246px;
	height: 33px;
	float: right;
	text-align: right;
	vertical-align: middle;
	font-weight: bolder;
	margin: 0px;
	padding: 0px 8px 0px 0px;
	}
	
#navbarright a, #navbarright a:visited {
	color: #FF9900;
	text-decoration: none;
	}
	
#navbarright a:hover {
	color: #FF9900;
	text-decoration: underline;
	}

.current_page_parent a, .current_page_parent a:hover {
	background: #990000 !important;
	color: #FFFFFF !important;
	}
	
#nav, #nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#nav a, #nav a:hover {
	color: #FFFFFF;
	display: block;
	font-weight: bolder;
	vertical-align: middle;
	margin: 0px;
	padding: 12px 12px 6px;
	}
	
#nav a:hover {
	background: #CC0000;
	text-decoration: none;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#nav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 130px;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #CC0000;
	color: #FFFFFF;
	width: 130px;
	float: none;
	margin: 0px;
	padding: 8px 12px 5px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #990000;
	color: #FFFFFF;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}

a.main:hover {
	background: none;
	}

/************************************************
*	Content 					     	    * 
************************************************/

#content {
	width: 944px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#content p {
	font-size: 1.1em;
	text-align: justify;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	margin: 0px;
	padding: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#contentleft {
	width: 640px;
	float: left;
	margin: 16px 16px 16px 8px;
	padding: 0px;	
	}

#contentleft .bord_haut640 {
	background: url(images_oc/bg_640_white_top.png) no-repeat left top;
	text-align: left;
	vertical-align: middle;
	border: none;
	}

#contentleft .bord_bas640 {
	background: url(images_oc/bg_640_white_bottom.png) no-repeat left bottom;
	vertical-align: middle;
	border: none;
	}

#contentleft ol {
	font-size: 1.1em;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 8px 0px;
	}
	
#contentleft ol li {
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 4px 0px;
	}
	
#contentleft ul {
	font-size: 1.1em;
	list-style-type: square;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 8px 0px;
	}
	
#contentleft ul li {
	list-style-type: square;
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 4px 0px;
	}

#contentleft ul li ul {
	font-size: 1em;
	list-style-type: square;
	padding: 4px 0px 8px 0px;
	}

#contentleft ul li ul li {
	font-size: 1em;
	list-style-type: square;
	padding: 0px 0px 4px 0px;
	}

#leftcolumn {
	width: 306px;
	float: left;
	margin: 16px 0px 0px;
	padding-right: 8px;
	}
	
#rightcolumn {
	width: 317px;
	float: left;
	margin: 16px 0px 0px;
	padding-left: 8px;
	border-left: 1px dotted #9E9D96;
	}

#rightcolumn h2, #rightcolumn h2 a {
	font-size: 20px;
	}

.actu_excerpt {
	margin: 0px 0px 4px;
	padding: 0px 0px 16px;	
	}

a.wp_infobulle, a.wp_infobulle:hover {
	position: relative; 
	z-index: 24; 
	color: #990000;
	text-decoration: none;
	}

a.wp_infobulle span {display: none;}

a.wp_infobulle:hover span { 
	display: block; 
	position: absolute;
	top:2em; left:2em; width:20em;
	background-color: #EDECE5;
	color: #2D2D2D;
	text-align: left;
	border: 1px solid #660000;
	padding: 4px;
	}


/************* CSS TABLEAUX *************/
table {
	margin: 0px auto 0px;
	border-collapse: collapse;
	}
caption {
	margin: auto;
	font-weight: bolder;
	font-size: 1.2em;
	margin-bottom: 8px;
	}
th {
	font-size: 1.1em;
	}
thead.tabtitle1 {
	background: url(images_oc/bg_640_white_top.png) no-repeat left top;
	text-align: left;
	vertical-align: middle;
	line-height: 38px;
	border: none;
	}
thead.tabtitle1 h3 {
	padding: 0px 0px 0px 12px;
	}
thead.tabtitle2 {
	background-color: #F0EFED;
	vertical-align: middle;
	line-height: 20px;
	border: none;
	}
thead.tabtitle2 h4 {
	color: #990000;
	padding: 4px 0px 0px 12px;
	}
th.tabbottom {
	background: url(images_oc/bg_640_white_bottom.png) no-repeat left bottom;
	text-align: left;
	vertical-align: middle;
	line-height: 6px;
	border: none;
	}
#table_experts table {
	margin: 0px;
	}
#table_experts td {
	background-color: #FFFFFF;
	vertical-align: middle;
	}
#table_experts td p {
	font-weight: bolder;
	text-align: center;
	padding: 8px 4px 4px 12px;
	}
#table_experts tr {
	border-bottom: 1px dotted #9E9D96;
	}
#table_experts td ul {
	padding: 12px 4px 4px 4px;
	}
td img, td img a {
	display: block;
	vertical-align: middle;
	margin: 0px auto 0px;
	padding: 4px;
	border: 0px;
	}
/************* FIN CSS TABLEAUX *************/

.breadcrumb {
	float: left;
	width: 640px;
	font-size: 11px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: 2px solid #990000;
	}

.otherchild {
	background-color: #EDECE5;
	float: right;
	width: 180px;
	vertical-align: middle;
	margin: 8px 0px 16px 32px;
	padding: 8px 8px 0px 0px;
	border-top: 2px solid #990000;
	border-bottom: 2px solid #990000;
	}

.otherchild ul, .otherchild ul li {
	font-size: 12px;
	font-weight: bolder;
	color: #990000;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

.oc_style {
	font-size: 1.3em;
	font-family: Copperplate, Copperplate Gothic Bold;
	}

.date {
	font-size: 11px;
	font-weight: bolder;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	border-top: 1px dotted #9E9D96;
	}
	
.postmeta {
	font-size: 11px;
	font-weight: bolder;
	margin: 0px 0px 8px;
	padding: 4px 0px 8px;
	border-top: 1px dotted #9E9D96;
	}

#leftcolumn .postmeta, #rightcolumn .postmeta {
	border-top: 0px;
	border-bottom: 1px dotted #9E9D96;
	}

.archive {
	text-transform: capitalize;
	}

#contentleft span.flashvideo {
	vertical-align: text-top;
	}

#contentleft p.videoplayer.alignleft {
	background-color: #000000;
	border: 3px solid #000000;
	float: left;
	margin-right: 32px;
	}

#contentleft p.videoplayer.alignright {
	background-color: #000000;
	border: 3px solid #000000;
	float: right;
	margin-left: 32px;
	}

#contentleft p.videoplayer.single {
	background-color: #000000;
	border: 3px solid #000000;
	display: block;
	margin-right: 334px;
	}

span.ouvrir_guillemets {
	background: url(images_oc/quote_left.png) no-repeat left top;
	padding-top: 8px;
	padding-left: 32px;
	}

span.fermer_guillemets {
	background: url(images_oc/quote_right.png) no-repeat right bottom;
	padding-right: 32px;
	padding-bottom: 6px;
	}

p.text_citation {
	font: italic 1.1em Georgia, Times, "Times New Roman";
	line-height: 1.5em;
	}

.point_final {
	background: url(images_oc/dotsquare_grey.png) no-repeat right center;
	padding-right: 16px;
	}

blockquote {
	font-style: italic;
	margin: 0px 24px 16px 24px;
	padding: 0px 24px 0px 8px;
	border-left: 4px solid #999999;
	}
	
/************************************************
*	Homepage 					     	    * 
************************************************/

#homepage {
	width: 656px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
#caroussel_top {
	background: url(images_oc/bg_featured648_top.png) no-repeat left bottom;
	width: 608px;
	float: left;
	margin: 12px 16px 0px 8px;
	padding: 0px 20px;
	border: none;
	}

/******************************* DEBUT: essai sur page_homemaj.php *******************************/
#caroussel_try, #caroussel_try:hover {
	background: #ffffff url(images_oc/acoc_articleimg.png) no-repeat center center;
	width: 608px;
	height: 370px;
	float: left;
	margin: 0px 16px 0px 8px;
	padding: 0px 20px;
	border: none;
	}
img.bouton_goto_acoc a {
	background: url(images_oc/btn240_plusdinfo_ff6600.png) no-repeat center 0px;
	width: 240px;
	height: 40px;
	display: block;
	position: relative;
	border: none;
	cursor: pointer;
	}
img.bouton_goto_acoc a:hover, img.bouton_goto_acoc a:active {
	background: url(images_oc/btn240_plusdinfo_ff6600.png) no-repeat center -40px;
	width: 240px;
	height: 40px;
	display: block;
	position: relative;
	border: none;
	cursor: pointer;
	}
/******************************* FIN: essai sur page_homemaj.php *******************************/


#caroussel_box, #caroussel_box:hover {
	background: #ffffff url(images_oc/acoc_articleimg.png) no-repeat center center;
	width: 608px;
	height: 370px;
	float: left;
	margin: 0px 16px 0px 8px;
	padding: 0px 20px;
	border: none;
	cursor: pointer;
	}
#caroussel_box:active {
	background: #ffffff url(images_oc/acoc_articleimg.png) no-repeat center center;
	outline: none; /* hide dotted outline in Firefox */
	}
#caroussel_box .lien_goto_acoc {
	position: relative;
	top: 262px;
	left: 15px;
	}
#caroussel_foot {
	background: url(images_oc/bg_featured648_foot.png) no-repeat left top;
	width: 608px;
	float: left;
	margin: 0px 16px 8px 8px;
	padding: 0px 20px;
	border: none;
	}

/****************** BLOC COINS ARRONDIS ******************/
.boxfeature, boxfeature:hover {
	display: block;
	margin: 0px 0px 24px 0px;
	}
.ctop, .cbottom {
	display: block;
	font-size: 1px;
	}
.c1top, .c1bottom, .c2, .c3, .c4, .c_boxcontent {
	background-color: #edece5;
	display: block;
	overflow: hidden;	/*necessaire pour IE */
	border-left: 1px solid #9E9D96;
	border-right: 1px solid #9E9D96;
	}
.c1top {
	height: 1px;
	margin: 0px 5px;
	border-top: 1px solid #9E9D96;
	}
.c1bottom {
	height: 1px;
	margin: 0px 5px;
	border-bottom: 1px solid #9E9D96;
	}
.c2 {
	height: 1px;
	margin: 0px 3px;
	}
.c3 {
	height: 1px;
	margin: 0px 2px;
	}
.c4 {
	height: 2px;
	margin: 0px 1px;
	}
.c_boxcontent {
	height: auto !important;
	padding: 16px 16px 4px;
	}
/****************** FIN BLOC COINS ARRONDIS ******************/

.homepostmeta {
	width: 312px;
	font-size: 11px;
	font-weight: bolder;
	margin: 0px 0px 8px;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px dotted #9E9D96;
	}

#homepage img {
	float:left;
	margin: 0px;
	padding: 0px;
	border: none;
	}

#homepage img.globexpert {
	clear: both;
	display: block;
	width: 315px;
	height: 353px;
	padding: 4px 0px 8px 0px;
	}

#homepage .insertvideo {
	clear: both;
	display: block;
	width: 281px;
	height: 251px;
	padding: 0px auto 16px;
	border: 1px solid #000000;
	}

#homepage h2, #homepage h2 a {
	font-size: 20px;
	margin: 0px 0px 8px;
	padding: 0px 0px 4px;
	}

#homepage h3 {
	background-color: #EDECE5;
	line-height: 32px;
	vertical-align: middle;
	color: #666666;
	font-size: 15px;
	text-transform: uppercase;
	margin: 0px 0px 8px;
	padding: 8px 8px 4px;
	border-top: 1px solid #9E9D96;
	border-bottom: 1px solid #9E9D96;
	}

#homepage h4 a {
	padding: 8px auto 8px;
	}

#lead, lead:hover {
	background: url(images_oc/bg_featured_white.png) no-repeat left top;
	width: 648px;
	float: left;
	margin: 16px 16px 16px 8px;
	padding: 0px;
	border-bottom: 2px solid #999999;
	}
	
#lead_img {
	float: left;
	margin: 4px 16px 8px;
	padding: 0px;
	border: 1px solid #cccccc;
	}
	
#lead h1 {
	color: #990000;
	margin: 24px 0px 16px 16px;
	padding: 0px;
	}
	
#lead_txt, #lead ul, #lead ul li {
	color: #000000;
	font: normal 14px Georgia, Times New Roman, Trebuchet MS;
	line-height: 20px;
	text-align: justify;
	}

#lead_txt {
	margin: 0px 16px 16px;
	padding: 0px;	
	}

#lead ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#lead ul li {
	background: url(images_oc/arrow.gif) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 16px;
	}

#homepageleft {
	width: 315px;
	float: left;
	margin: 16px 0px 0px 8px;
	padding-right: 0px;	
	}
	
#homepageright {
	width: 315px;
	float: left;
	margin: 16px 0px 0px 8px;
	padding-left: 8px;
	border-left: 1px dotted #9E9D96;	
	}
		
/************************************************
*	Images 					     	    * 
************************************************/

img.centered  {
	display: block;
	margin: 0px auto 4px;
	padding: 0px;
	}
	
img.alignnone {
	margin: 0px 0px 4px;
	padding: 0px;
	display: inline;
	}

img.alignright {
	float: right;
	margin: 0px 0px 4px 12px;
	padding: 0px;
	display: inline;
	}

img.alignleft {
	float: left;
	margin: 0px 12px 4px 0px;
	padding: 0px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

img.pic_to_download a {
	float:left;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	border: 3px solid #FFFFFF;
	display: inline;
	}

img.pic_to_download a:hover, img.pic_to_download a:active {
	float:left;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	border: 3px solid #a8a7a0;
	display: inline;
	}

div.postthumb a {
	float:left;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	border: 3px solid #FFFFFF;
	}

div.postthumb a:hover, div.postthumb a:active {
	float:left;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	border: 3px solid #a8a7a0;
	}

.wp-caption {
	margin: 0px auto 0px;
	padding: 0px;
	}
	
.wp-caption img {
	margin: 0px auto 0px;
	padding: 0px;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	margin: 0px auto 0px;
	padding: 4px 0px 0px 0px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	line-height: 16px;
	}

/************************************************
*	Boutons 					     	    * 
************************************************/

.lien_goto_acoc, .lien_goto_acoc a {
	background: url(images_oc/btn240_plusdinfo_ff6600.png) no-repeat center 0px;
	width: 240px;
	height: 40px;
	display: block;
	position: relative;
	border: none;
	cursor: pointer;
	}
.lien_goto_acoc a:hover, .lien_goto_acoc a:focus, .lien_goto_acoc a:active {
	background-position: center -40px;
	cursor: pointer;
	}

.lien_mailto_acoc, .lien_mailto_acoc a {
	background: url(images_oc/btn208_mailto_acoc.png) no-repeat center 0px;
	width: 208px;
	height: 25px;
	display: block;
	position: relative;
	border: none;
	cursor: pointer;
	}
.lien_mailto_acoc a:hover, .lien_mailto_acoc a:focus, .lien_mailto_acoc a:active {
	background-position: center -25px;
	cursor: pointer;
	}

.btn_membre_acoc .simple {
	background: url(images_oc/btn240_devenezmembre.gif) no-repeat left top;
	width: 240px;
	height: 40px;
	float: right;
	display: block;
	cursor: pointer;
	border: none;
	}
.btn_membre_acoc, .btn_membre_acoc a {
	background: url(images_oc/btn240_devenezmembre.png) no-repeat left top;
	width: 240px;
	height: 40px;
	float: right;
	display: block;
	cursor: pointer;
	border: none;
	}
.btn_membre_acoc a:hover, .btn_membre_acoc a:active {
	background-position: left -40px;
	cursor: pointer;
	}

/************************************************
*	Sidebar 					     	    * 
************************************************/

/****** Sidebarbox Coins arrondis ******/
#sidebarbox {display: block; margin: 16px 0px 0px;}
.dtop, .dbottom {display: block; font-size: 1px;}
.d1top, .d1bottom, .d2, .d3, .d4, .d_boxcontent {
	background-color: #333333;
	display: block;
	overflow: hidden;	/*necessaire pour IE */
	}
.d1top {height: 1px; margin: 0px 5px;}
.d1bottom {height: 1px; margin: 0px 5px;}
.d2 {height: 1px; margin: 0px 3px;}
.d3 {height: 1px; margin: 0px 2px;}
.d4 {height: 2px; margin: 0px 1px;}
.d_boxcontent {width: 272px; height: auto !important; padding: 0px;}
/****** Fin de Sidebarbox coins arrondis ******/
	

#sidebar {
/*	background: #333333; */
	width: 272px;
	float: right;
	margin: 16px 0px 0px;
	padding: 0px;
	line-height: 20px;
	}

#sidebar .bord_haut254 {
	background: url(images_oc/bg_254_white_top.png) no-repeat left top;
	text-align: left;
	vertical-align: middle;
	border: none;
	}

#sidebar .bord_bas254 {
	background: url(images_oc/bg_254_white_bottom.png) no-repeat left top;
	vertical-align: middle;
	border: none;
	}

#sidebar h1 {
	color: #EDECE5;
	font-size: 24px;
	font-family: Myriad Pro, Arial, Tahoma, Verdana;
	font-weight: bolder;
	margin: 0px;
	padding: 16px 8px 8px 8px;
	}

#sidebar h2 {
	color: #FFFFFF;
	font-size: 16px;
	font-family: Myriad Pro, Arial, Tahoma, Verdana;
	font-weight: bolder;
	margin-bottom: 4px;
	padding: 16px 8px 4px 8px;
	border-bottom: 2px dotted #999999;
	}
	
#sidebar p {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Myriad Pro, Arial, Tahoma, Verdana;
	font-weight: bolder;
	text-align: left;
	line-height: 16px;
	margin: 0px;
	padding: 0px 8px 16px;
	}

#sidebar a {
	color: #ff6600;
	text-decoration: none;
	}
	
#sidebar a:hover {
	color: #ff9933;
	text-decoration: underline;
	}
	
#sidebar a img {
	margin: 8px;
	border: none;
	}
	
#sidebar ul {
	list-style-type: none;
	margin: 0px 8px 8px;
	padding: 0px;
	}
	
#sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	}

#sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li li {
	background: url(images_oc/icon_meta.png) no-repeat left top;	
	margin: 0px;
	padding: 0px 0px 0px 20px;
	}
	
#sidebar ul li ul li {
	background: url(images_oc/icon_meta.png) no-repeat left top;	
	margin: 0px;
	padding: 0px 0px 0px 20px;
	}

.newsletter {
	background: #330000 url(images_oc/bg_newsletter.png) no-repeat;
	width: 272px;
	float: right;
	margin: 0px;
	padding-bottom: 0px;
	}

.btn_news {
	background: url(images_oc/btn_newsletter.png) no-repeat left top;
	width: 94px;
	height: 31px;
	float: right;
	display: block;
	cursor: pointer;
	border: none;
	margin: 4px 8px 8px 0px;
	}

.text_anim {
	background-color: #000000;
	width: 272px;
	float: right;
	color: #999999;
	font-size: 16px;
	font-weight: bolder;
	margin-bottom: 16px;
	padding: 12px 0px;
	vertical-align: middle;
	text-transform: uppercase;
	}

.lien-bouton-infos {
	background: url(images_oc/btn110_infos.png) no-repeat center 0px;
	width: 109px;
	height: 25px;
	display: block;
	cursor: pointer;
	border: none;
	margin: 0px auto;
	}
.lien-bouton-infos:hover, .lien-bouton-infos:focus, .lien-bouton-infos:active {
	background-position: center -25px;
	}

.advertisement {
	width: 272px;
	float: right;
	font-size: 11px;
	margin: 8px 0px;
	padding: 8px;
	border-bottom: 1px solid  #660000;
	}
	
/************************************************
*	Footer 					     	    * 
************************************************/

#footer {
	background: #990000;
	width: 944px;	
	height: auto !important;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 16px 0px 72px;
	}

#footer h2 {
	color: #D0CFC8;
	padding: 0px 0px 8px 8px;
	}

#footer p {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;	
	padding: 8px 8px 0px;
	}

#footer a {
	color: #FF9900;
	text-decoration: none;
	}

#footer a:hover {
	color: #FF9900;
	text-decoration: underline;
	}
	
#footer a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

.videowall {
	background: #990000;
	width: 944px;
	height: 225px;
	margin: 0px auto 0px;
	padding: 0px;
	}

.footerleft {
	width: 664px;
	float: left;
	margin: 0px;
	text-align: center;
	}
	
.footerright {
	width: 240px;
	float: right;
	margin-right: 8px;
	text-align: center;
	}
	
/************************************************
*	Search Form 					     	    * 
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	}
	
#s {
	background: #FFFFFF;
	width: 225px;
	color: #333333;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 4px 2px 8px 4px;
	padding: 3px;
	border: 2px inset #999999;
	}
	
#sbutt {
	background: #990000 url(images_oc/btn_search2.png) no-repeat left top;
	width: 24px;
	height: 24px;
	color: #FFFFFF;
	font: 11px Arial, Tahoma, Verdana;
	margin: 0px;
	padding-bottom: 4px;
	border: none;
	}
#sbutt:hover, #sbutt:focus, #sbutt:active {
	background: #660000 url(images_oc/btn_search2.png) no-repeat right top;
	cursor: pointer;
	}
	
/************************************************
*	Comments 					     	    * 
************************************************/
	
#commentblock {
	width: 632px;
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	}
	
.commentleft {
	width: 192px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.commentright {
	width: 420px;
	float: right;
	margin: 0px;
	padding: 0px;
	}
	
#commentblock ol {
	margin: 0px 8px 0px 10px;
	padding: 0px 0px 8px 0px;
	}
	
#commentblock ol li {
	margin: 0px 8px 0px 10px;
	padding: 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p {
	margin-bottom: 8px;
	padding: 0px;
	line-height: 20px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo {
	clear: both;
	}
	
#name, #email, #url {
	background: #EAEAEA !important;
	color: #202020;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 4px;
	border-top: 1px solid #666666;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #ffffff;
	}
	
#words {
	background: #EAEAEA !important;
	width: 460px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 4px;
	border-top: 1px solid #666666;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #ffffff;
	}
	
#submit {
	background: #990000 url(images_oc/submit.png);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	text-transform: uppercase;
	margin: 0px;
	padding: 3px;
	border-top: 1px solid #660000;
	border-right: 1px solid #990000;
	border-left: 1px solid #660000;
	border-bottom: 1px solid #990000;
	}