
/* CSS Document */

/* ------------------------------------ */
/* -------------VARIABLES-------------- */
/* ------------------------------------ */
/*

Gris:			#b5b5b5
Gris foncé: 	#3e3e3e
Rouge: 			#cf0012

*/


/* ------------------------------------ */
/* ----------------CSS----------------- */
/* --------------GENERAL--------------- */
/* --------------DU SITE--------------- */
/* ------------------------------------ */
/* ------------------------------------ */



/* ------------------------------------ */
/* ------------STYLE GLOBAL------------ */
/* ------------------------------------ */
*
{
	margin: 0;
	padding: 0;/**/
	border: 0;
}
body {
	background-image:url(/common/img/template/les_roches_bluche/EN-EN/bg.jpg);
	background-repeat:repeat-x;
	background-color:#cacaca;
	font-family:"Arial Narrow", Arial, FagoCoRegular, Verdana;
	font-size:12px;
	color:#515151;
}
body, h1, h3, p {
	padding: 0;
	margin: 0;
}
/* ------------HEADINGS---------------- */
h3 {
	cursor:hand;
	cursor:pointer;
}
/* ----------MILIEU DE PAGE------------ */
#page {
	margin: 0 auto;
	width:968px;
	clear:both;
	background-image:url(/common/img/template/les_roches_bluche/EN-EN/bg_scroll.jpg);
	background-repeat:repeat-y;
}
/* -------------IMAGES----------------- */
img {
	border:0;
}
/* -------------LIENS------------------ */
a, a:hover, a:active{
	text-decoration:none;
}
#form{
	float:left;
}

/*-----------facebook find us-----------*/
*html #addthis_bottom_right_col img{
	width:140px;
}

#middle_content{
	width:733px !important;
}

/* add by hra  Call To action 10.11.2010*/

#meet:hover{
	background-image:url(/common/img/template/les_roches_bluche/V2/meet-on.jpg) ;
	display:block;
	width:120px; 
  	height:62px; 
}
#meet img {display: none;} 
#meet { 
  display: block; 
  width:120px; 
  height:62px; 
  float:left;
  background-image:url(/common/img/template/les_roches_bluche/V2/meet-off.jpg);
} 

#book:hover{
	background-image:url(/common/img/template/les_roches_bluche/V2/book-on.jpg) ;
	display:block;
	width:150px; 
  	height:62px; 
}
#book img {display: none;} 
#book { 
  display: block; 
  width:150px; 
  height:62px; 
  float:left;
  background-image:url(/common/img/template/les_roches_bluche/V2/book-off.jpg);
} 

#contact:hover{
	background-image:url(/common/img/template/les_roches_bluche/V2/contact-on.jpg) ;
	display:block;
	width:134px; 
  	height:62px; 
}
#contact img {display: none;} 
#contact { 
  display: block; 
  width:134px; 
  height:62px; 
  float:left;
  background-image:url(/common/img/template/les_roches_bluche/V2/contact-off.jpg);
} 


#request:hover{
	background-image:url(/common/img/template/les_roches_bluche/V2/request-on.jpg) ;
	display:block;
	width:160px; 
  	height:62px; 
}
#request img {display: none;} 
#request { 
  display: block; 
  width:160px; 
  height:62px; 
  float:left;
  background-image:url(/common/img/template/les_roches_bluche/V2/request-off.jpg);
} 
label.error{
	color:red;
	clear:both;
}


/* TOOLBAR */

#toolbar 								{ width:100%; height:34px; background: url(/common/img/toolbar/bg_tools.gif);background-repeat:repeat-x; clear:both;font-family: Arial, FagoCoRegular, Verdana; }
#toolbarContent 						{ width:953px; margin:0 auto }

#toolbarContent .social 				{ float:left; margin:0; padding:0 }
#toolbarContent .socialIco 				{ float:left; width:34px;height:34px; }
#toolbarContent .selectBox 				{ float:left; margin-left: 30px; padding-top: 7px }

#toolbarContent .links 					{ float:left; padding-top: 11px; margin:0px 20px 0px 140px ;font-family: Arial; font-size: 13px;}
#toolbarContent .links a 				{ margin-left: 10px; color:#c8c8c8 }
#toolbarContent .links a:hover 			{ margin-left: 10px; color:#6c6c6c }

#toolbarContent a.facebook 				{ background:url(/common/img/toolbar/facebook_off.gif);display:block;width:34px;height:34px }
#toolbarContent a.facebook:hover 		{ background:url(/common/img/toolbar/facebook_on.gif) }

#toolbarContent a.flickr 				{ background:url(/common/img/toolbar/flickr_off.gif);display:block;width:34px;height:34px }
#toolbarContent a.flickr:hover 			{ background:url(/common/img/toolbar/flickr_on.gif);  }

#toolbarContent .social a.twiter 		{ background:url(/common/img/toolbar/twiter_off.gif);display:block;width:34px;height:34px }
#toolbarContent .social a.twiter:hover 	{ background:url(/common/img/toolbar/twiter_on.gif) }

#toolbarContent .social a.gplus 		{ background:url(/common/img/toolbar/gplus_off.gif);display:block;width:34px;height:34px }
#toolbarContent .social a.gplus:hover 	{ background:url(/common/img/toolbar/gplus_on.gif) }

#toolbarContent .social a.blog 			{ background: url(/common/img/toolbar/blog_off.gif);display:block;width:34px;height:34px }
#toolbarContent .social a.blog:hover 	{ background:url(/common/img/toolbar/blog_on.gif) }

#toolbarContent .social a.youtube 		{ background:url(/common/img/toolbar/youtube_off.gif);display:block;width:34px;height:34px }
#toolbarContent .social a.youtube:hover { background:url(/common/img/toolbar/youtube_on.gif) }

#toolbarContent .search 				{ float:left; padding-top: 7px; width:177px;}
#toolbarContent .buttonSearch			{ float:right; }
#toolbarContent .buttonSearch 	{ top: -20px\9;}
#toolbar {height:42px\9;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#toolbar {height:42px;}
}

#toolbarContent .search input 			{ 
									background:url(/common/img/toolbar/bg_drop.gif); 
									border:0px; 
									margin:0px;
									padding:2px; 
									height:16px; 
									color:#c8c8c8;
									width:142px;
									float:left;
									}


#toolbarContent ul 						{ margin:0 }
#toolbarContent li 						{ display:inline }

.text_reload{float:left;margin-top:6px;widht:280px;}
.img_captcha #reloadMyCaptcha img{float:right;}


