/*******************************
	FORMATAGE GENERAL
*******************************/

html {
	background: #bfc4c8;
}

body {
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 12px;
	background: #bfc4c8;
	color : #000;
	margin: 0;
	padding: 0;
}

p {
	padding: 0;
	margin: 0px 0px 20px 0px;
}

/*******************************
	FORMULAIRES
*******************************/

form {
 padding:0;
 margin:0;
}
 
select {
	background: #000;
	color:#FFF;
	width:115px;
	height:20px;
	border:2px solid #ffffff;
	font-size:11px;
	padding:0;
	margin:0;
}

textarea{
	resize: none;  /* pour chrome */
}

button {
	width:25px;
	height:22px;
	font-size:8px;
}



/*******************************
	LIENS
*******************************/

a {
	color:#000;
	outline:none;
	text-decoration: none;
	padding:0 !important;
	margin:0;
	border:none;
}

a:hover {
	color:#c66521; 
}

/*******************************
	IMAGES
*******************************/

img {
	border:none;
	padding:0;
	margin:0;
}

.shadow {float:left;}
.frame {position:relative; background:#fff; padding:5px; 
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}

/*******************************
	TITRES
*******************************/

h1 {
	font-size: 18px;
	padding: 0;
	margin: 0px 0px 20px 0px;
}

h2 {
	font-size: 14px;
	padding: 0;
	margin: 0px 0px 20px 0px;
}


/*******************************
	ZONES PRINCIPALES
*******************************/

#global {
	width: 1060px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

#center  {
	overflow: hidden;
}

#header {
	height: 122px;
	margin: 0;
	padding: 0;	
	position:absolute;
	left:0px;	
	top:0px;
}
	
#content {
	float: left;
	width: 975px;
	padding: 0px;
	position:absolute;
	left:70px;	
	top:170px;
}

#content_minHeight {
	min-height:510px;
}

#footer {
	bottom: 0;
	float: right;
	padding:6px;
	font-weight:bold;
	font-size: 11px;
}

.list_cat:hover{
	color:#c66521; 
}

/*******************************
	MENU
*******************************/

#menu {
	margin: 0;
	padding: 0;
	height:43px;
	width:1060px;
}

#menu_left {
	width:215px;
	position:absolute;
	left:0px;	
	top:122px;
}

#menu_center {
	position:absolute;
	left:215px;	
	top:122px;
}

#menu_right {
	width:24px;
	position:absolute;
	left:976px;	
	top:122px;
}

.dropDownMenu {
	position:relative;
	float:left;
    padding: 0;
    margin: 0;
} 

#dropDownMenu li {
	position:relative;
	cursor:pointer;
	float:left;
	list-style-type:none;
	padding: 0;
	margin: 0;
	border:none;	
}

#dropDownMenu li ul {
	width:167px !important;/* leaves room for padding */
	cursor:pointer;
	position:absolute;
	height:auto;
	display:none;
	padding:0;
	border:none;
	left:-30px;
}

#dropDownMenu li ul li {
	width:167px/*FF*/;
	cursor:pointer;
	margin:0px;
	padding:0px;
	max-width:100%;
	border:none;
	background: url(../img/bam_menuMiddle.png) center repeat-y;
}

.dropDownMenuHeader {
	background:none !important;		
	height:43px;
}

.dropDownMenuFooter {
	background:none !important;		
	height:27px;
}


#dropDownMenu li a {
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
	display:block;
	float:left;
	padding:0;
	border:none;	
}

#dropDownMenu li ul li a {
	width:167px/*FF*/;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:19px;
	height:19px;
	font-weight:normal;
	font-size: 11px;
	color:#DDD;
	background-position:0 50% !important;
	border:none;
	padding-top:2px;
}

#dropDownMenu li a:hover,
#dropDownMenu li a:focus,
#dropDownMenu li a:active {color:#000}
#dropDownMenu ul a:hover,
#dropDownMenu ul a:focus,
#dropDownMenu ul a:active {color:#fff !important;}
#dropDownMenu li:hover ul,
#dropDownMenu li.msieFix ul {display:block;z-index:10000000;top:0px !important;}
#dropDownMenu li.msieFix a {}


/*******************************
	FULL CONTENT
*******************************/

#full_title {
	width: 900px;
	padding:2px;
}

.full_subtitle {
	width: 900px;
	padding:0;
}

.full_subtitle_left {
	clear:left;
	float: left;
	width: 300px;
	padding:2px;	
}

.full_subtitle_center {
	float:left;
	width: 300px;
	padding:2px;
	text-align:center;
}

.full_subtitle_right{
	float: right;
	width: 300px;
	padding:2px;
	text-align: right;
}

#fulldetail {
	float: left;
	width: 900px;
	padding-left:5px;
	text-align:justify;
}


/*******************************
	CONTENT
*******************************/

#title {
	width: 670px;
	padding:2px;
}

.subtitle {
	font-size: 11px;
	width: 616px;
	padding:0;
	overflow: auto;
}

/* sous-titre en haut à gauche */
.subtitle_left {
	clear:left;
	float: left;
	width: 400px;
	padding:2px;
	text-align:left;
}

/* sous-titre en bas à gauche */
.subtitle_left2 {
	clear:left;
	float: left;
	width: 200px;
	padding:2px;
	text-align:left;
}

/* sous-titre en bas au centre */
.subtitle_center {
	color:#AAA;
	float:left;
	width: 200px;
	padding:2px;
	text-align:center;
}

/* sous-titre en haut et en bas à droite */
.subtitle_right{
	float: right;
	width: 200px;
	padding:2px;
	text-align:right;
}

#visuel {
	clear:left;
	background: #FFF;
	float: left;
	padding-left:5px;
	padding-right:10px;
}

.detail {
	background: #FFF;
	width: 600px;
	padding-left:5px;
	text-align:justify;
}

.detail2{
	background: #FFF;
	width: 600px;
	padding-left:5px;
}

.detail_newsletter
{
	width: 900px;
	padding-left:5px;
	text-align:center;
	float:left;
}

/*******************************
	CONTENT ELEMENTS
*******************************/

.title_h1
{
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 18px;
	font-weight:bold;
	vertical-align:1px; 
}

.title_h2
{
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 14px;
	font-weight:bold;
	vertical-align:1px; 
}

.subtitle_h2
{
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 14px;
	font-weight:bold;
	vertical-align:8px; 
}

.subtitle_h3
{
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 12px;
	font-weight:normal;
}

.subtitle_h4
{
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 11px;
	font-weight:normal;
}

.subtitle_h5
{
	text-align:justify;
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 10px;
	font-weight:normal;
}

/*******************************
	SIDEBAR
*******************************/

#sidebar{
	float: right;
	width: 346px;
	position:absolute;
	top:175px;
	left:730px;
}

/* sidebar en cas de présence de vidéo */
#sidebar2{
	float: right;
	width: 346px;
	position:absolute;
	top:495px;
	left:730px;
}

#sidebar_news{
	float: right;
	width: 346px;
	position:absolute;
	top:355px;
	left:730px;
}

#sidebar_newsletter{
	float: left;
	width: 346px;
	position:absolute;
	top:550px;
	left:660px;
}

#sidebar_content {

}

#sidebar_form{
	text-align:center
}

.sidebar_title{
	padding-left:32px;
	width:275px;
	line-height:20px;
}


/*******************************
	SIDEBAR ELEMENTS
*******************************/

.list {
	clear:left;
	min-height:78px;
	padding-left:30px;
	padding-right:35px;
	padding-top:0px;
	padding-bottom:0px;
}

.list_content:hover{
	color:#c66521; 
}

.list_visuel {
	cursor:pointer;
	float: left;
	width: 110px;
	padding:0;
}

.list_detail {
	line-height:12px;
}

.list_detail2 {
	padding-top:3px;
	line-height:10px;
}

#list_foliotage {
	color:#AAA;
	clear:left;
	padding:0;
}

.list_h1
{
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 11px;
	font-weight:bold;
}

.list_h2
{
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 9px;
	font-weight:normal;
}

/*******************************
	TEMOIGNAGES
*******************************/

.testimony {
	float: left;
	padding-left:30px;
	padding-right:30px;
	padding-top:0px;
	padding-bottom:0px;	
}

.testimony_quotes{
	float: left;
	width: 80px;
	height:60px;
	padding:0;
	text-align:justify;
	background: url(../img/quotes.png) top left no-repeat;
}

.testimony_signature {
	float: left;
	width: 195px;
	padding:0;
	text-align:right;
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 14px;
	font-weight:bold;
	
}

.testimony_text {
	float: left;
	width: 277px;
	padding:0;
	text-align:justify;
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 12px;
}


/*******************************
	TEMOIGNAGES
*******************************/
.contourSlideshow {
	z-index: 10008;
	position: absolute;
	margin: 0px;
	padding:0px;
	width:10px;
	height:10px;
}