/***********************/
/*** Core html setup ***/
/***********************/

html {
	height: 100%;
/*	margin-bottom: 10px;*/
	overflow-y : 				scroll; 
	overflow-x : 				auto; 
	scrollbar-base-color : 		#706b5e;
	Scrollbar-Arrow-Color : 	#706b5e;
	scrollbar-face-color:		#2f2f24;	/*fond carre flèche*/
	scrollbar-shadow-color:		#706b5e;
	scrollbar-highlight-color:	#2f2f24;	/*carré fleche*/
	scrollbar-3dlight-color:	#2f2f24;
	scrollbar-darkshadow-color:	#2f2f24;	/*ombre portée*/
	scrollbar-track-color:		#2f2f24;	/*fond du scroll*/  
}

body {
	background: url(../images/damier.gif) 0 0 repeat;
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	font-size: 80%;
	color: #d1c6b5;		/*beige*/
}

a:link {
	text-decoration: none;
	font-weight: normal;
	color: #706b5e;	/*orange*/
}

a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #ff7f00;		
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #706b5e;
}

input.button { cursor: pointer; }

p {
	margin-top: 0;
}

img { border: 0 none; }

a:focus { 
	outline:0; 
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#page_bg {
/*	background: url(../images/damier.gif) 0 0 repeat;*/
	padding: 0;
	height: 100%;
	margin-bottom: 1px;
}

#wrapper { 
/*	background: #959;*/		/* A VIRER !!!!!!! */
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	margin: 0 auto;
}

#header {
	background: url(../images/header.png) 0 0 no-repeat;
	color: #FFFFFF;
	height: 240px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	overflow: hidden;
	text-align: left;
}

div#logo {
/*	position: absolute;*/
	right: 0;
	top: 0;
	float: right;
	width: 220px;
	height: 60px;
	margin-right: 110px;
	margin-top: 20px;
}

div#newsflash-actu {
/*	border: #827566 1px dotted;*/
	float: right;
	width: 250px;
	height: 54px;
	margin: 6px 120px 0 0;
}
div#newsflash-actu h3{
	color: #dd4f05;		/*orange logo*/
	font-size: 18px;
	padding: 0px;	
	margin-top: 0px;
	vertical-align:middle;
/*	text-align:center;*/
}
div#newsflash-actu p{
	font-size: 12px;
	line-height: 10px;
	padding: 0 auto;	
	margin-top: -14px;
	vertical-align: middle;
}

#navigation {
	background: url(../images/menu.png) 0 0 no-repeat;
	float: left;
	width: 1100px;
	color: #fff;
	margin: 0;
	height: 45px;
}

#navmenu {
	height:45px;
	margin: -18px 0 0 0;
	position:relative;
/*	z-index:500;*/
	float:left;
}
#navmenu ul {
	list-style:none;
	line-height:40px;
	padding-top:10px;
}

#navmenu ul li {
	font-family: Helvetica,Arial,sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;	
	position:relative;
	margin: 0;
}

#navmenu a {
	float:left;
	text-decoration:none;
	font-weight: bold;	
	display:block;
	cursor:pointer;
	height:40px;
	padding:0px 2px 0px 0px;
	margin:-2px 0 0 0;
}
#navmenu li a:hover {
	height:40px;
	color:#d1c6b5;	
}
#navmenu li {
	float:left;
	padding:0;
}


#navmenu ul li a {
	background: none;
}

#navmenu ul li#studio a{
	width: 94px;
	height: 50px;
	background: url(../images/studio-b0.png) no-repeat left center;
}
#navmenu ul li#studio a:hover {
	width: 94px;
	height: 50px;
	background: url(../images/studio-b1.png) no-repeat left center;
}
/*#home #navmenu ul li#studio a {
	width: 94px;
	height: 50px;
	background: url(../images/studio-b1.png) no-repeat left center;
}*/
#navmenu ul li#internet a{
	margin: 0 0 0 -14px;
	width: 105px;
	height: 50px;
	background: url(../images/internet-b0.png) no-repeat left center;
}
#navmenu ul li#internet a:hover {
	margin: 0 0 0 -14px;
	width: 105px;
	height: 50px;
	background: url(../images/internet-b1.png) no-repeat left center;
}
/*#home #navmenu ul li#internet a {
	margin: 0 0 0 -14px;
	width: 105px;
	height: 50px;
	background: url(../images/internet-b1.png) no-repeat left center;
}*/
#navmenu ul li#multimedia a{
	margin: 0 0 0 -14px;
	width: 143px;
	height: 50px;
	background: url(../images/multimedia-b0.png) no-repeat left center;
}
#navmenu ul li#multimedia a:hover {
	margin: 0 0 0 -14px;
	width: 143px;
	height: 50px;
	background: url(../images/multimedia-b1.png) no-repeat left center;
}
#navmenu ul li#print a{
	margin: 0 0 0 -14px;
	width: 80px;
	height: 50px;
	background: url(../images/print-b0.png) no-repeat left center;
}
#navmenu ul li#print a:hover {
	margin: 0 0 0 -14px;
	width: 80px;
	height: 50px;
	background: url(../images/print-b1.png) no-repeat left center;
}
#navmenu ul li#creation a{
	margin: 0 0 0 -14px;
	width: 228px;
	height: 50px;
	background: url(../images/creation-b0.png) no-repeat left center;
}
#navmenu ul li#creation a:hover {
	margin: 0 0 0 -14px;
	width: 228px;
	height: 50px;
	background: url(../images/creation-b1.png) no-repeat left center;
}
#navmenu ul li#formation a{
	margin: 0 0 0 -14px;
	width: 126px;
	height: 50px;
	background: url(../images/formation-b0.png) no-repeat left center;
}
#navmenu ul li#formation a:hover {
	margin: 0 0 0 -14px;
	width: 126px;
	height: 50px;
	background: url(../images/formation-b1.png) no-repeat left center;
}
#navmenu ul li#contact a{
	margin: 0 0 0 -14px;
	width: 106px;
	height: 50px;
	background: url(../images/contact-b0.png) no-repeat left center;
}
#navmenu ul li#contact a:hover {
	margin: 0 0 0 -14px;
	width: 106px;
	height: 50px;
	background: url(../images/contact-b1.png) no-repeat left center;
}

/*-------------*/

/*---------------------------------------*/

#area { 
	overflow:hidden;
	background: url(../images/back-terre.png) 0 0 no-repeat;
	width: 1100px;
	padding: 20px 0 0 0;
	min-height: 320px;
	clear: both;	
}


/*----------------------------------------*/

#leftcolumn { 
	background: none; 			/*-----------couleur du fond à virer---------------*/
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;
}

#leftcolumn ul{ 
	margin: 100px 16px 0 -24px;
/*	text-transform: uppercase;*/
	list-style: none;
}
#leftcolumn li{ 
	width: 140px;
	background: none;
	padding: 4px 0 4px 6px;
}
#leftcolumn li:hover{ 
	background: #ff7f00;
	padding: 4px 0 4px 6px;
	margin: 0 40px 0 0;
}
#leftcolumn li a{ 
	display: block;
	font-weight: normal;
	padding: 0;		
	color: #d1c6b5;
	text-decoration: none		
}
#leftcolumn li a:hover{
	text-decoration: none;
	padding: 0;		
	font-weight: bold;
	color: #29241f;		/*brun foncé*/
}
#leftcolumn li#current, #leftcolumn li#current a, #leftcolumn li#current a:hover, #leftcolumn li#current:hover a, #leftcolumn li#current.iehover a {
	margin: 0 40px 0 0;
	color: #29241f;
	background: #ff7f00;	
	font-weight: bold;
}

/*-------------------------------------*/

#back_footer { 
	height: 30px;
	background: none;
	width: 100%;
	clear: both;
	margin: 0px 0px 2px 0px;
}
#footer { 
	width: 980px;
	color: #706b5e;
	font-size: 100%;
	margin: 0 auto;
}

#footer_gauche { 
	float:left;
	height: 30px;
	margin: 0;
	padding: 0 0 0 20px;
}
#footer_gauche p{ 
	margin: 0;
	padding: 5px 0 0 0;
}

#footer_droit {
	float: right; 
/*	width:20px;*/
	margin: 18px 0 0 0;
	padding: 0;	
}

.gras {
	font-weight: bold;
}


/****************************/
/*** contenu bloc central ***/
/****************************/

#main { 
	float: right;
	background: none;			/*-----------couleur du fond à virer---------------*/
	margin: 0 40px 0 0;
	padding: 0 0 0 20px;
	width: 820px;
/*	display: block;*/	
}


.lettrine {
	font-size: 180%;
	padding: 100px 0 0 0;
}


/*
#main p{ 
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1em;
	line-height: 1.4em;
}*/

h2 {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 2em;
/*	line-height: normal;*/
	font-weight: normal;
	padding: 0 0 20px 0;
	text-align: left;
	color: #d1c6b5;
}

h3, .componentheading, table.moduletable th, legend {
	margin: 0;
	font-weight: normal;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.8em;
	line-height: 1.2em;
	padding-left: 0px;
	margin-bottom: 20px;
	text-align: left;
	color: #d1c6b5;	
}

h4 {
	margin: 0;
	font-weight: normal;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.2em;
	padding-left: 0px;
	margin-bottom: 0px;
	text-align: left;
	color: #d1c6b5;	
}

.petit-titre {
	font-weight: normal;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.2em;
	text-align: left;
	color: #ed7921;
}

/*----------CSS google maps--------------*/

#saddr.inputbox {	
	margin: 4px 0 6px 4px;
	border: #6b5e4f 1px dotted;
	color: #6b5e4f !important;
	padding: 0 0 2px 3px;	
}

.gmnoprint div { 
	color: #6b5e4f;
	width: 230px;
	height: 100px;
	margin: 0px 0 0 -4px;
}
.gmnoprint div div div { 
/*	background: #330;*/
}
.mapdirform {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1em;
      color: #6b5e4f;
}

#trajet h4 {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.4em;
	line-height: 3em;
	color: #6b5e4f;
}
#trajet div {
	margin: -5px 5px 0 0;
	padding: 0 0 0px 0;
/*	float: left;*/
}
#trajet div {
	width: 760px;
	margin: -5px 5px 0 0;
	padding: 0 0 20px 0;
	float: left;
}
#trajet div img{
	margin: -5px 5px 0 0;
	padding: 0 0 0 0;
	float: left;
}

#visuel {
	width: 380px;
	margin: 0 10px 0 10px;
	float: left;
}

#description {
	margin-left: 390px;
	margin: 20px 10px 0 0;
}


/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

.clr {
	clear: both;
}

/**************/
/*** FOOTER ***/
/**************/


div.moduletable-flux{
	background: url(../images/rss.png) 0 0 no-repeat;
	width: 35px;
	height: 35px;
	margin: 70px 0 0 54px;
	padding: 0;
}

#power_by{
	font-size: 12px;
	float:right;
	padding-right: 25px;
}
#power_by a:link, #power_by a:hover{
	text-decoration: none;
	font-weight: normal;
	color: #e4ab23;		/*jaune*/
}
#power_by a:visited{
	text-decoration: none;
	font-weight: normal;
	color: #abb3b9;		/*blanc gris*/
}


/********************************/
/*** SPSECIFIQUE AUX MODULES  ***/
/********************************/

div.moduletable-news {
	background: none;
 	margin: 0px 0 0 0;
}
div.moduletable-news h3 {
	padding: 0 0 4px 0;
	border-bottom: #d1c6b5 1px dotted;
	font-weight: normal;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.2em;
	text-align: left;
	color: #d1c6b5;	
}

div.moduletable_carte h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	margin: -23px -4px 5px -5px;
	padding-left: 10px;
	padding-bottom: 2px;
}

div.moduletable_carte {
	background: #CCFF00;
	margin: 50px;
	padding: 0;
	margin-bottom: 15px;
}


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

/*
#ckform-formulaire libelle {
	font-size: 24px;
}
*/

/*******************************/
/*** THUMBNAILS et CAPTIONS  ***/
/*******************************/

.mosimage {
	background: transparent;
	float:left;
	margin:0 10px 0 0;
	padding:6px;
	border: none;
}

.mosimage_caption {
/*	float:left;*/
	background: transparent;	
	margin:0 10px 30px 0;			/*distance bas image accueil*/
	border: none;
	padding:6px;
	text-align: center;
	clear: left;	
}


/***************/
/*** TOOLTIP ***/
/***************/

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}


/****************************/
/*** SYSTEM MESSAGE ALERT ***/
/****************************/

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}


/****************************/
/*** RS MONIALS ***/
/****************************/

div.moduletable-rsmonial {
/*	background: #0C9;*/
	width: 314px;
 	margin: 0 0 0 0;
}

/* Success Message Text after submitting a testimonial */
.RSWS_success { color:#009900; font-weight:bold; }

/* Css class for "Submit a Testimonial" Link */
.RSWS_submit_link { text-align:right; }
.RSWS_submit_link a { }
.RSWS_submit_link a:hover { }

/* Testimonial Display Block */
.RSWS_testi_block { display:block; margin: 20px 0; border:1px solid #dedede; padding:10px; background: #ffffff; }

/* Testimonial Image border */
.RSWS_testi_img { border: 5px solid #CCCCCC; }

/* Manage the image and alignment of both quotation */
.RSWS_left_quote { padding-right:0px; margin-right:5px; }

.RSWS_right_quote { padding-left:0px; margin-left:5px; }

/* Manage Testimonial Text */
.RSWS_testimonial { font-size:12px; font-weight:normal; text-align:justify; }

/* Manage the Subtext of Testimonial, i.e. Date of Posting, Posted By etc. etc. */
.RSWS_testmonial_subtext { text-align:right; }

/* Manage Text and link of Pagination */
.RSWS_pagination_text { text-align:center; }
.RSWS_pagination_text a { }
.RSWS_pagination_text a:hover { }

/*********************************************************/
/*** Manage the display of Testimonial Submission Form ***/
/*********************************************************/

/* Text "Submit A Testimonial" */
.RSWS_form_heading { font-size:18px; font-weight:bold; border-bottom:1px solid #dedede; padding-bottom:5px; }

/* Manage the Style of main Table */
.RSWS_form_main { width:90%; }

/* Manage the error Text */
.RSWS_form_error { color:#ff0000; }
.RSWS_form_error p { }
.RSWS_form_error div ul li { }

/* Manage the row that is displaying " * fields are mandatory" */
.RSWS_form_mandatory { text-align:right; }

/* Color of the "*" (Star) */
.RSWS_form_star_color { color:#ff0000; }

/* Manage width of the First Column, i.e. the column that is showing text like "Your First Name", "Your Last Name" etc. */
.RSWS_form_first_col { width:25%; }

/* Manage the style of text in the form */
.RSWS_form_text {}

/* Manage Input fields of the form */
.RSWS_form_input { width:100%; }

/* Manage Textarea field of the form */
.RSWS_form_textarea { width:100%; height:150px; }

/* Manage Button field of the form */
.RSWS_form_button { width:auto; }