@charset "utf-8";



html, body 
{
	height: 100%;}
html,body,div,p,ul,ol,li,h1,h2,h3,h4,h5,pre,form,p,button,img{
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background-image: url(../images/frostedglass.jpg);
	background-repeat: no-repeat;
	background-position:top;
	background-color: #D9DADE;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #000;
	line-height: 1.7em;
	font-size: 13px;
	text-align: center;
}
p {margin-bottom: 15px;}
a {
	color: #76A0D3;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}
a:hover {text-decoration: underline;}
ul,li {list-style-type: none;}
a span, button span, h2 span, h3 span {display: none;}

h1,h2,h3,h4,h5 {color: #83BE4D; margin-bottom: 5px; font-weight: normal; line-height: normal;}
h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 16px;;padding-bottom: 8px;border-bottom: 1px solid #CCC;color: #4075AA;}
h5 {
	font-size: 18px;
	padding-bottom: 8px;
	color: #4075AA;
}

/********************************************
*
*		Layout Features
*
********************************************/

#topindentbar {
	height: 5px;
	width: 100%; 
	background-color: #000000;	
	border-bottom: 1px solid #2B2929;
}
#container{width: 910px; margin: auto; text-align: left;} /* Centers the layout */
#header {
	height: 110px;
	width: 854px;
	float: left;
	margin-left: 28px;
	background: url(../images/menu/logo.png) no-repeat 5% 60%;
}
#indexbanner {
	height: 503px;
	width: 854px;
	float: left;
	margin: 0 28px 0 28px;
	border-top: 1px solid #FFFFFF;
}
#indexbanner2 {
	height: 293px;
	width: 854px;
	float: left;
	margin: 0 28px 0 28px;
	border-top: 1px solid #FFFFFF;
}
#banner_bg {
	width: 854px;
	height: 503px;
}
#indexservices {
	height: 139px; 
	width: 854px; 
	float: left; 
	border-top: 1px solid #000000; 
	margin-left: 28px; 
	font-family: Tahoma, Verdana, Arial; line-height: 1.2em;
}
#indexservices a {color: #000000; text-decoration: none;} 
#indexservices a:hover {
	color: #000;
}
#contentarea {
	width: 814px;	
	float: left; 
	border-top: 1px solid #FFFFFF;	
	margin-left: 28px; 
	padding: 20px;
}
#contentareawithmenu {
	width: 814px;	
	float: left; 
	border-top: 1px solid #FFFFFF;	
	margin-left: 28px; 
	padding: 20px; 
	background: url(../images/background_sub_menu.jpg) repeat-y right;
}

#links {
	height: 260px;
	width: 854px;
	float: left;
	text-align: center;
	font-size: 10px;
	margin: 0 28px 0 28px;
}


/********************************************
*
*		Elements du footer
*
*********************************************/

#footer {
	height: 243px;
	width: 854px;
	float: left;
	text-align: center;
	font-size: 10px;
	margin: 0 28px 0 28px;
}


#footer2 {
	height: 30px;
	width: 360px;
	float: left;
	margin-left: 28px;
	font-size: 10px;
	padding-top: 6px;
	padding-left: 17px;
	}
#footer2 a {
 color:#FFF;
 text-decoration:none;
}

#footer2 a:hover{
 color:#76A0D3;

}

#footer3 {
	height: 30px;
	width: 459px;
	float: left;
	text-align: right;
	font-size: 10px;
	vertical-align: middle;
	padding-top: 6px;
	padding-right: 17px;
}


#layoutfooter {
	height: 243px;
	width: 910px;
	float: left;
	background: url(../images/white_layout_bg2.png) repeat-y;
}

#layoutfooter2 {
	height: 50px;
	width: 910px;
	float: left;
	background: url(../images/footer_bg.png) top no-repeat;
}

/********************************************
*
*		Elements du footer
*
*********************************************/


.livredate {
	color: #999;
	font-size: 10px;
	font-style:italic;
}

#erreur {
	color: #333;
	font-style:italic;
	padding-left:15px;
	padding-bottom:10px;
}

#oeuvres-expo {
	height: 131px;
	width: 810px;
	font-size: 10px;
	text-align:left;
	margin: 10px 21px 0 21px;
}


#contentbreakspacer {
	width: 814px; 
	float: left; 
	border-top: 1px solid #FFFFFF;	
	margin-left: 28px; 
	height: 15px;
}
#contentheader {
	width: 804px;
	border-top: 1px solid #000000;
	margin-left: 28px;
	text-align: right;
	font-size: 20px;
	padding: 15px 50px 0px 0px;
	color: #89ACD3;
	float: left;
}
#notice {
	background: url(../images/safari_icon.png) no-repeat 4% #000; 
	position: absolute; 
	right: 0px; 
	top: 10px; 
	padding: 12px 18px 12px 50px; 
	border-bottom: 1px solid #333333;
}
#submenuarrow {
	width: 120px; 
	height: 60px; 
	background: url(../images/arrow_down_submenu.png) no-repeat; 
	margin-top: -21px; 
	margin-left: 75px;
}

/********************************************
*
*		Holds the layout images and dimensions
*
*********************************************/

#layoutheader {
	height: 110px;
	width: 910px;
	float: left;
}
#layoutindexbanner {
	height: 505px;
	width: 910px;
	float: left;
	background: url(../images/white_layout_bg2.png) repeat-y;
}
#layoutindexbanner2 {
	height: 293px;
	width: 910px;
	float: left;
	background: url(../images/white_layout_bg2.png) repeat-y;
}
#layoutindexservices {height: 139px; width: 910px; float: left;	background: url(../images/services_bg_index.png) no-repeat left;}
.layoutcontentarea {width: 910px; float: left; background: url(../images/white_layout_bg.png) repeat-y;} /* Define as a class for multiple use */

#layoutlinks {
	height: 260px;
	width: 910px;
	float: left;
	background: url(../images/white_layout_bg2.png) repeat-y;
}

#layoutcontenthead {
	height: 53px;
	width: 910px;
	float: left;
	background: url(../images/content_head_bg.png) no-repeat;
}


/********************************************
*
*		Menu Items
*
*********************************************/

ul#menu {    /*  MAIN NAVIGATION  */
	width: 790px;
	height: 30px;
	float: left;
	margin-top: 82px;
	display: inline;
} 
ul#menu li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	text-transform: uppercase; 
	display: inline;
}
ul#menu li a {
	text-decoration: none; 
	color: #FFFFFF; 
	float: right; 
	height: 24px; 
	width: 102px; 
	background-color: #5E7079; 
	display: block; 
	margin-left: 1px; 
	text-align: center; 
	padding-top: 5px; 
	background: url(../images/nav_notselected_bg.png) repeat-x;
}
ul#menu li a:hover {background: url(../images/nav_over_bg.png) repeat-x;}
ul#menu li a.selected {
	color: #253D49; 
	height: 24px; 
	background: url(../images/nav_bg.png) repeat-x; 
	/*border: 1px solid #FFF; */
	border-bottom: 0px;
}
ul#submenu {margin: 5px 0 10px 15px;}
ul#submenu li {font-size: 11px; padding: 5px 5px 5px 10px; border-bottom: 1px solid #F1ECEC; list-style-type: none;}
ul#submenu li:hover {background: #D0CFCF;}
ul#submenu li a {
	color: #618EBA;
	text-decoration: none;
}

/********************************************
*
*		Layout Attributes
*
********************************************/

#indexservice1 {
	width: 160px;
	height: 74px;
	float: left;
	border-right: 1px solid #2C2B2B;
	margin-top: 10px;
	background: url(../images/index/newsletter.png) no-repeat 6% 12%;
	padding: 40px 20px 0px 28px;
}
#indexservice2 {
	width: 160px;
	height: 74px;
	float: left;
	border-right: 1px solid #2C2B2B;
	margin-top: 10px;
	background: url(../images/index/livre.png) no-repeat 6% 12%;
	padding: 40px 20px 0px 28px;
}
#indexservice3 {
	width: 160px;
	height: 74px;
	float: left;
	margin-top: 10px;
	background: url(../images/index/contact.png) no-repeat 6% 12%;
	padding: 40px 20px 0px 28px;
	border-right: 1px solid #2C2B2B;
}
#indexservice4 {
	width: 160px;
	height: 74px;
	float: left;
	margin-top: 10px;
	background: url(../images/index/contact.png) no-repeat 6% 12%;
	padding: 40px 20px 0px 28px;
}


#contentleft510 {width: 500px; float: left; margin-right: 15px;}
#contentleft300 {width: 279px; float: left; border-left: 1px solid #CCC; padding-left: 10px;}
#contentleft257 {width: 257px; float: left; overflow: visible;}
#contentleft532 {width: 532px; float: left; margin-right: 20px;}

.index_img_portfolio {padding: 3px; background-color: #FFF; border: 1px solid #CCC; margin-bottom: 5px;}
.index_img_portfolio2 {}



#indexbox {width: 152px; height: 58px; padding-left: 79px; float: left; margin-bottom: 10px;}
#indexbox .portfolio {background: url(../images/index/index_img_color_line.jpg) no-repeat;}

.content_images {padding: 5px; background-color: #FFFFFF; border: 1px solid #CCC; margin-bottom: 10px;}

ul#list {margin-bottom: 15px;}
ul#list li {padding-left: 25px; background: url(../images/content/tick_bullet.png) no-repeat left; margin-bottom: 5px; list-style-type: none;}

.image_right {float: right; margin-left: 10px; border: 1px solid #CCC; background: #FFFFFF; padding: 5px;}

#portfolio_collum1 {width: 264px; float: left;  margin-right: 10px;}
#portfolio_collum2 {width: 264px; float: left;  margin-right: 10px;}
#portfolio_collum3 {width: 264px; float: left;}


/* FORM EFFECTS */

input {
	padding: 4px; 
	width: 200px; 
	border: 1px solid #CCC; 
	background: #eee9e9; 
	margin-bottom: 4px;
}
input:focus {background: #f5f5f5;}
input.submit {
	width: 215px;
	background: url(../images/button_bg.jpg) repeat-x;
}
input.submit:hover {
	width: 215px;
	background: url(../images/button_bg_hover.jpg) repeat-x;
	cursor: pointer;
}
label {
	display: block; 
	color: #57951E; 
	width: auto; 
	width: 200px;
}
textarea {
	padding: 6px; 
	border: 1px solid #CCC; 
	width: 200px; 
	background: #eee9e9;
}
fieldset {
	border: 0px; 
	margin-left: 15px;
}
textarea:focus { 
	background: #f5f5f5;
}


/********************************************
*
*		My touch
*
********************************************/
#container .layoutcontentarea #contentareawithmenu #contentleft532 #lipsum p {
	color: #333;
}
#container .layoutcontentarea #contentareawithmenu #contentleft532 #center {
	text-align: center;
}