/** Trio Joubran main CSS
 *
 */

.hideScreen {
	display:none;
}
/* Standard */
body{
	background-color:#F9F5EC;
	background-color:#F7F1E4;
	background-image:url(bodyBg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	text-align:center;
	margin:0;padding:0;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;}
h1 {
	color:#3D474A;
	font-size:28px;
	font-weight:normal;	
	margin:0;
	padding:0 0 0px 0;
}
h2 {
	color:#A08664;
	font-size:20px;
	font-weight:normal;	
	margin:0;
	padding:0 0 20px 0;
}
h3 {
	color:#000;
	font-size:1.3em;
	font-weight:normal;
	margin:20px 0 0 0;
	padding:0;

}
/* titres dans corps de texte articles */
h4 {
	color:#000;
	font-size:18px;
	font-weight:normal;
	margin:20px 0 10px 0;
	padding:0 0 0px 0;
	border-bottom:1px solid #F2F2F2;
}
h5 {
	color:#8C0700;
	font-size:16px;
	margin:0;
	padding:0;
}
p {
	font-size:0.83em;
	line-height:1.6em;
	margin:0 0 1em 0;
	text-align:justify;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
}
/* Liens */
a {
	color:#9E794A;
	color:#00799B;
	text-decoration:underline;
	padding: 2px 1px;
}
a:visited {
	color:#666;
	text-decoration:underline;
}
a:hover {
	color:#24788F;
	color:#005B74;
	background-color:#EFF2F1;
	text-decoration:none;
}
.description {
	font-size: 0.9em;
	padding:10px 15px 10px 0px;
	margin:0;
	color:#666 !important;
	font-style:italic !important;
}
strong {
	color:#8C0700;
}

.exergue {
	font-weight: bold;
	color:#ab2c0f;
}

/** Structure */
#mainContainer {
	width:930px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#fff;
}
#header{
	height:196px;
	background:url(headerBg.jpg) no-repeat top left;
}
#logo {
	margin-left:46px;
	padding-top:29px;
}
#logo img{
	border:none;
}
#logo a:hover {
	background:none;
}

#ribbon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

/** Menu top langue : ul*/
#headerMenu{
	list-style:none;
	margin:14px 96px 0 0;
	padding:0;
	float:right;
}
#headerMenu li{ 
	display:inline;
	margin:0;
}
#headerMenu li a, #headerMenu li a:visited{
	font-size:0.65em;
	color:#A08664;
	padding: 2px 8px;
	float: left;
	display:block;
	text-decoration:none;
}
#headerMenu li a:hover{ 
	text-decoration:none;
	background:none;
	color:#24788F;
}

/** ContentContainer */
#contentContainer{
	background:url(contentContainerBg.gif) repeat-y top left;
}
#content{
	background:url(contentTopBg.jpg) no-repeat top left;
}

/** Menu */
#menu{
	width:139px;
	float:left;
	padding-top:105px;
}
#menu ul{
	list-style:none;
	text-align:right;
	margin:0;padding:0;
}
#menu ul li{
	white-space:nowrap;
	margin:0;
	padding: 0; 
}
#menu ul li a{
	width:113px;
	color:#9E794A;
	text-decoration:none;
	font-size:0.83em;
	display:block;
	padding:4px 26px 4px 0;
}
#menu ul li a:hover{
	background:none;
	background-color:#fff;
	color:#24788F;
}
#menu ul li a.current{
	color:#24788F;
	text-decoration:none;	
}

/** Page */
#page{
	width:625px;
	margin:0 0 0 139px;
	padding:45px 0 0 50px;
}

/* Article */
.article {
	padding:0 0 0 0;
}
.article .text {
	margin:0 255px 0 0;
}
.article .text img {
	padding:4px;
	background-color:#fff;
	border:solid 1px #F2F2F2;
	float:left;
	margin: 0 20px 10px 0; 
}
/*
.article .img {
	float:right;
	display:inline;
	margin: 0 0 25px 30px;
	padding:4px;
	background-color:#fff;
	border:solid 1px #F2F2F2;
}
*/
.article h5 {
	margin-bottom:5px;
}
.article .img {
	clear:right;
	float:right;
}
.article .img img{
	padding:4px;
	background-color:#fff;
	border:solid 1px #F2F2F2;
	margin: 0 0 20px 30px;
}

.article .videoContainer {
	float:right;
	margin: 0 0 25px 30px;
}
.article .video {
	/*
	padding:4px;
	background-color:#fff;
	border:solid 1px #F2F2F2;
	*/
}
.article .videoContainer p{
	margin: 3px 0 0 3px;
}
#contactArticle {
	float:left;
	width:260px;
}

.anchor {
	display:inline;
	font-size: 0px;
	line-height: 0;
	height: 0;
}

/* Formulaire
-------------------------------- */
input {
	border: solid 1px #e0dbd5;
	padding:3px;
	margin:0;
	width:220px;
}

#formContainer {
	float:left;
	margin:46px 0 0 40px;
	padding:10px 0 0 0;
	width:300px;
	background:url(formContainerBg.gif) top left;
}
#contactForm {
	margin: 0;
	padding:0 10px 20px 20px;
}
#contactForm label {
	display:block;
	clear:both;
	width:140px;
	font-size:12px;
	margin:10px 10px 0 0;
	padding:0;
}
#contactForm em {
	display:block;
	color:#8c8a88;
	font-size:12px;
}
#contactForm input{
	font-family: "Bitstream Vera Sans Mono","Courier New",courier,monospace;
	font-size:12px;
	margin:0;
}
#contactForm textarea {
	border: solid 1px #e0dbd5;
	width:270px;
	height:80px;
	padding:3px;
	font-family: "Bitstream Vera Sans Mono","Courier New",courier,monospace;
	font-size:12px;
}

#contactForm .submit {
	display:block;
	background-color: #f4f1eb;
	font-family: "Arial";
	font-size:12px;
	padding:2px;
	margin:20px 0 0 0;
	width:auto;
}
.required {
	color:#b00;
	font-size:12px;
	margin:0;
	padding:0;
}
.commentMessage {
	margin: 0 ;
	padding:10px 10px 10px 10px;
}
.commentMessage p{
	margin:0 0 3px 0;
	padding:0;
	text-align:left;
}
#as {
	display:none;
}


/* Sidebar : absolute à droite  */
/*
.sidebar {
	position:absolute;
	top:494px;
	margin:0 0 0 390px;
	width:210px;
}
*/
.sidebar {
	clear:right;
	float:right;
	width:200px;
	margin: 0 ;
	padding: 0 30px 0 0;
}
.sidebar p {
	padding: 0 0 0 24px;
	margin: 0 0 0 0;
}
.sidebar p.readmore {
	margin-bottom:20px;
}

.sidebar h3 {
	margin:15px 0 0 0;
	padding:0 0 0 24px;
	background:url(h2Bg.gif) no-repeat top left;
	color:#3D474A;
}
/* Titre des articles dans sidebar */
.sidebar h4 {
	color:#000;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 24px;
	border-bottom:none;
}
.sidebar h5 {
	color:#555;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 24px;
}






/* Liste des parutions presse : flotante a droite */
.presse {
	width:370px;
	float:left;
}
.presse .img, .contact .img {
	float:right;
	display:inline;
	margin: 0 0 10px 20px;
	padding:4px;
	background-color:#fff;
	border:solid 1px #F2F2F2;	
}
.sidepress {
	float:right;
	width:210px;
	padding:50px 0 0 0;
}
.sidepress p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/* Picture Gallery */
.gallery{
	padding:10px 0 0 0;
}
.picture {
	float: left;
	margin: 0 10px 10px 0;
	padding:4px;
	border: 1px solid #f2f2f2;
	background-color:#fff;
	cursor: pointer;
}
.picture:hover {
	border: 1px solid #9E794A;
}

/** Footer */
#footer{
	height:229px;
	background:url(footerBg.jpg) no-repeat top left;
}
#copyright {
	float:right;
	text-align:right !important;
	padding:136px 100px 0 0;
}
#footer p{
	font-size:10px;
	color:#A3ADAE;
	color:#fff;
}
#footer a, #footer a:visited{
	color:#fff;
	text-decoration:underline;
}
#footer a:hover{
	color:#24788F;
	text-decoration:none;
	background:none;
}


/* Clearfix
   http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */