/* INSTALL OTYS 4 WEB STYLE SHEET */
/* W3C VERIFIED CSS 2.1 */
/* COPYRIGHT OTYS CORP 2003-2007 */
/* AUTHOR:MRFAHRENHEIT */
/* RHYTHM: 4 */
/* TEMPLATE: CMSBUSJAB<NUM>.HTML */
/* SITE SPECIFIC */



/* FIRST BASE,BLOCKLEVELS */
body{
margin:0;
text-align:center;
background:transparent url(../_images/backgroundBody.jpg) repeat-x scroll 0 0;
}
.text{

}
input,textarea{
background:#ffffff none repeat scroll 0 0;
border:1px solid #434343;
color:#000000;
margin-bottom:3px;
font-size:11px;
font-family:Helvetica, Arial, Verdana, sans-serif;
}

textarea{
overflow:auto;
}

select{
font-family:Helvetica,Arial,Verdana,sans-serif;
}

td,th,div{
color:#434343;
font-size:11px;
font-family:Helvetica,Verdana,Arial,sans-serif;
text-align:left;
}

h1{
color:#906482;
font-size:20px;
}
h2{
color:#ffffff;
font-size:14px;
}
#canvas {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	background:transparent url(../_images/backgroundHome.png) no-repeat scroll center 75px;
	height:630px;
	padding:0 10px;
}
#Header {
	margin-top:30px;
	height:190px;
}

/*MENU*/
#menu{
clear:both;
width:250px;
}

/*FOOTER*/
#footer {
font-size:10px;
padding:4px 10px 4px 0;
text-align:right;
}
#footer a{
text-decoration:none;
color:#000000; 
}
#footer a:hover{
text-decoration:underline;
}
#footer span{
}


/*Content left*/

#contentLeft {
width: 280px;
float: left;
padding-left: 100px;
}
#contentLeft #menu a {
background:transparent url(../_images/BackgroudMenu.png) no-repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:14px;
font-weight:bold;
height:45px;
margin-bottom:20px;
padding-left:35px;
padding-top:30px;
text-decoration:none;
width:147px;
}
#contentLeft #menu a:hover, #contentLeft #menu .sactive a {
color:#000000;
text-decoration:none;
}
/*Content Middle*/

#contentMiddle{
width:210px;
float:right;
float:left;
margin-top:30px;
}
/*Content Right*/

#contentRight{
width: 190px;
float: right;
margin-right: 90px;
}

#contentRight #menu2 a {
background:transparent url(../_images/BackgroudMenu.png) no-repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:14px;
font-weight:bold;
height:45px;
margin-bottom:20px;
padding-left:35px;
padding-top:30px;
text-decoration:none;
width:147px;
}
#contentRight #menu2 a:hover, #contentRight #menu2 .sactive a {
color:#000000;
text-decoration:none;
}

.contentOuter{

}
.contentText{
color:#ffffff;
height:320px;
margin-bottom:30px;
overflow:auto;
text-align:justify;
}
.contentTitle{
color:#906482;
text-align:center;
margin-bottom:50px;
}
#Content{
margin-bottom:70px;
}

/*Dans une offre*/


.cpEmail a{
color:#990000;
text-decoration:none;
}
.cpEmail a:hover{
text-decoration:underline;
}

/*bouton*/
.buttonContainer input {
}

.explain{
display:none;
}

.hookItemContainer {
margin-bottom: 15px;
}

/* HOME CHANGES  -  30/05/2012  -  Florian Boulestreau */
.jslTitle { color: white; margin-bottom: 20px; text-align: left; font-size: 20px; margin-top: 0; }
.jslFunctionName { color: #CCC; }
.jslFunctionName a { text-decoration: none; color: white; }
.jslFunctionName a:hover { text-decoration: underline; }
.jslLocation { margin-bottom: 10px; }
.jslLocation, .jslFunctionName a { width: 200px; display: block; }
.hookItemTitle { font-size: 12px; }
.twtr-hd { display: none; }

.blocks { margin-top: 95px;}
.block { background-color: white; float: left; margin: 0 10px; width: 300px; min-height: 300px; /*border: 1px solid #CCC;*/ border-radius: 6px;}
.contentTitle, .nwsSlTitle { margin: 20px 0; color: #906482; text-align: center; font-size: 20px; text-transform: uppercase; font-weight: bold; }
.contentText { color: #434343; height: auto; }
.contentSubHeader, .contentText, .nwsSlItemContainer { margin: 0 20px; }
#logo { float: left; }
#menuTop { float: right; }
#menuTop  a { color: #906482; text-decoration: none; }
#menuTop  a:hover { color: #434343; }
#menuTop  li { border-right: 1px solid #CCCCCC; display: inline-block; list-style: none outside none; padding: 0 10px; }
#menuTop  li:last-child { border-right: none; }

#contentLeft { width: 256px; }
#contentMiddle { width: 200px; margin-left:28px;}

#contentColumn { }
#contentColumn column { float:left; }

#SEO						{ margin: 20px 0 40px; padding: 10px 0; border-top: 1px solid #DDD; }
#SEO li					{ list-style: none; display: inline-block; border-right: 1px solid #BBB; padding: 2px 10px; }
#SEO li:last-child		{ border: none; }
#SEO a					{ color: #666; text-decoration: none; }
#SEO a:hover			{ color: #906482; }

.allNews{
color: #906482;
text-decoration:none;
float:right;
}
.allNews:hover {
	text-decoration:underline
}
a {
	color: #906482;
	text-decoration:none
}
a {
	text-decoration:underline
}
.blogHookArticleListHeader {
	margin: 20px 0;
	color: #906482;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold
}
.blogHookItemContainer {
	border-bottom: 1px solid #DDD;
	padding: 6px 0
}
.blogHookItemLink a {
	text-decoration: none
}
.blogHookFooter {
	display: none
}

#hlb7{
list-style:none;
padding:0;
margin: 0 0 0 28px;
position: absolute;
z-index: 99;
top: 25px;
/*margin:0;
margin-top: 170px;*/
}
#hlb7 a{
background-color: #A39A8F;
border-radius: 5px;
box-shadow: 0 0 3px -1px #000000;
color: #FFFFFF;
display: block;
font-size: 14px;
font-weight: bold;
padding: 20px 10px;
text-decoration: none;
text-align:center;
}
#hlb7 a:hover{
color:#000;
}
.jsmultiscroll-v{
height:145px !important;
}
.webUserHookOuter{
float:right;
width: 180px;
}
.webUserHookText{
display:none;
}
.webUserHookOuter .webUserHookInput input{
width:100%;
}
.webUserHookOuter .button{
background-color: #906482;
border: 1px solid #674A5E;
border-radius: 3px;
color: #FFFFFF;
padding: 2px 5px;
text-shadow: 1px 1px 1px #000000;
}
.webUserHookHeader{
font-size:13px;
margin-bottom:5px;
}