/* ===================================================================================================================================================== */
/* CSS OLG HOME PAGE */
/* ===================================================================================================================================================== */


body { 
	background-image:url(../img/bkgnd.jpg); 
	background-color:#FFFFFF;
	font-family: Verdana, Geneva, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; letter-spacing: normal;
	line-height: normal; text-transform: none; text-decoration: none; text-align: left; color:#ffffff;
	padding:0px; margin:0px;
}

a:focus { outline: none; }
a img {border:none;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* HEADER (titre et teaser) ---------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

#header
	{
	position: relative; 
	width: 100%; 
	margin-top:18px;
	background:url(../img/panelteaserbkgnd.jpg) no-repeat top right ;
	}

#headerwrap
	{
	position: relative; visibility:visible; display:block;
	width: 980px; height:111px;
	margin : 0 auto;
/*	background:url(../img/panelteaser.png) no-repeat top right ;*/
	background:url(../img/panelteaser.jpg) no-repeat top right ;
	}

#headerwrap h1 {
	display:block; width:602px;
	font-family: 'Cabin', serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.069em;
	word-spacing: 0em;
	line-height: 0.83;
	text-align:right;
	margin:0; padding:0;
	padding-top:8px;
	color:#404040;
}

#headerwrap h2 {
	display:block; width:344px; position:absolute; top:0px; left:632px;
	font-family: 'Cabin', serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 100;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.069em;
	word-spacing: 0em;
	margin: 15px 0px 0px 0px;
	line-height: 1.20;
	text-align:left;
	color:#FFFFFF;
}

/*
#headerwrapright
	{

	position: absolute; 
	width: 100%; left:0px; height:111px; top:0px; right:0px;
	background:url(../img/panelteaserbkgnd.png) repeat top right ;

	}
*/

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WRAP (menu général) --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrap
	{
	position: relative; 
	width: 935px; height:68px;
	margin : 0 auto;
	padding-top:146px; padding-left:45px;
	}

#wrapolgmenu
	{
	position: absolute; 
	top:100px; left:0px; width: 48px; height:51px;
	background:url(../img/olgmenu.png) no-repeat top left ;
	}

#wrap ul {
	width:574px; text-align:right;
	font-family: 'Raleway', serif;
	font-weight: 400;
	font-size: 44px;
	color:#777777;
	font-style: normal;
	list-style:none;
	padding:0; margin:0;
  }

#wrap li {
	display:inline;
	margin-left:15px; 
}

#wrap li:first-child {
	display:inline;
	margin-left:0px;  
}

#wrap li.space {  
	display:inline;
	background:url(../img/pucemenu.png) no-repeat center center ;
}

#wrap li a {  
	text-decoration:none;
	color:#777777;
}
#wrap li a:hover {  
	text-decoration:none;
	border-bottom: solid 1px #777777;
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WRAPCONTENT (home page content) --------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrapcontent
	{
	position: relative; 
	width: 100%; height:218px;
	background:url(../img/belledonne.png) no-repeat right bottom ;
	}

#wrapcontentcenter
	{
	position: relative; 
	width: 980px; height:218px;
	margin : 0 auto; padding:0;
	}

#wrapcontentlisttask
	{
	position: relative; float:left;
	width: 152px; height:215px;
	margin-left:44px;
	padding-bottom:3px;
/*	background-color:#666666;*/
	}

#wrapcontentlisttask ul {
	display:block; bottom:0px; position: absolute; 
	font-family: Verdana, Arial, serif;
	font-size: 12px;
	color:#777777;
	font-style: normal;
	list-style:none;
	padding:0; margin:0px 0px 5px 0px;
  }

#wrapcontentlisttask li {
	margin-bottom:2px;
}

#wrapcontentlisttask li a {  
	text-decoration:none;
	color:#777777;
}
#wrapcontentlisttask li a:hover {  
	color: #156291;
}

#wrapcontenttask
	{
	position: relative; float:left; visibility:hidden;
	width: 370px; height:188px;
	padding: 10px 20px 20px 30px;
	background:url(../img/listtaskbkgnd.png) no-repeat left bottom ;

	}

#wrapcontenttask p { 
	font-size:15px;
	line-height:18px;
	}

#wrapcontenttask a { 
	color:#40ffff;
	text-decoration:none;
	}

#wrapcontenttask a:hover { 

	}

#wrapcontentright
	{
	position: relative; float:left;
	width:353px; height:218px;
	overflow:hidden;
	}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WRAPCONTENTFOOTER (footer homepage content) --------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrapcontentfooter
	{
	position: relative; 
	width: 100%; height:74px;
	background:url(../img/footerhp.jpg) repeat ;
	}

#wrapcontentfooterinside
	{
	position: relative; 
	width: 980px; height:74px;
	margin : 0 auto;
	text-align:right;
	}
#wrapcontentfooterright
	{
	position: absolute; top:5px; left:600px;
	color:#777777;
	}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* CONTENT (tout le reste de la page) ------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

#content
	{
	position: relative; display:block;
	width: 980px; 
	margin : 0 auto;
	margin-top:40px;
	font-family: Verdana, Arial, serif;
	color: #404040; 
	}

#content a
	{
	color: #404040; 
	text-decoration:none;
	}
		
#content a:hover
	{
	text-decoration:underline;
	}
		
#content .ontop {
	font-family: 'Dawning of a New Day', serif;
	font-size: 25px;
	font-style: italic;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: -0.021em;
	word-spacing: -0.129em;
	line-height: 0.7;
	clear:both;
	}

#content .ontop a {
	color: #777777; 
	text-decoration:none;
	}
		
#content .ontop a:hover {
	text-decoration:none;
	}
		
#content h1
	{
	font-family: 'Raleway', serif;
	font-weight: 400;
	font-size: 26px;
	color:black;/*#777777;*/
	font-style: normal;
	}

#content .refwhat a {
	text-decoration:none;
	color:#934949;
}

#content .refwhat a:hover {
	text-decoration:none;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* SECTION REFERENCES ---------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

#references
	{
	position: relative; 
	width: 970px; 
	padding-left:10px;
	}

#references .item
	{
	position: relative; float:left;
	width: 980px; 
	font-size:12px;
	margin-bottom:20px;
	}

#references .refimage {
	position:relative; float:left;
	width: 220px; 
	padding:5px; margin-right:20px;
	border: solid 1px #666666;
}

#references img.work {
	width: 220px;
}

#references .refwhat {
	position:relative; float:left;
	width: 380px;
	border-right: Dashed 1px #777777;
	margin-right:10px; padding-right:5px;
}

#references h2 {
	margin-top:0; padding-top:0;
	margin-bottom:10px;
	color:#156291;
	font-size:14px;
}


#references .refhow {
	position:relative; float:left;
	width: 310px;
	font-family: 'Dawning of a New Day', serif;
	font-size: 26px;
	font-style: italic;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: -0.001em;
	word-spacing: -0.129em;
	line-height: 0.8;
	padding-top:2px;
}


#je
	{
	position: relative; float:left;
	width: 970px; 
	margin-top: 20px;
	padding: 20px 0px 0px 10px;
	border-top: Solid 1px #777777;
	font-family: 'Dawning of a New Day', serif;
	font-size: 29px;
	font-style: italic;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: -0.001em;
	word-spacing: -0.129em;
	line-height: 0.7;
  }

#je .jeimage {
	position:relative; float:left;
	width: 220px; height:335px;
	background:url(../img/je.png) no-repeat left top;
	margin-right:20px;
}

#je .jetexte {
	position:relative; float:left;
	padding-top:20px;
	width: 700px; 
}

#je h2 {
	font-weight: bold;
	margin:0px 0px 20px 0px; padding:0;
	letter-spacing: -0.011em;
	font-size:32px; 	
	color:#156291;
}

#je p {
	margin:0px 0px 20px 0px; padding:0;
	line-height: 0.7;
}

#contact
	{
	position: relative; float:left;
	width: 970px; 
	margin-top: 20px;
	padding: 20px 0px 0px 10px;
	border-top: Solid 1px #777777;
	}

#contactform
	{
	position: relative; float:left;
	width: 400px; 
	border-right: Dashed 1px #777777;
	}

input[type=text], textarea 
	{
	font-family: Verdana, Arial, sans-serif;  font-size:12px; line-height:14px; 
	background-image: url(../img/bgfield_n.png);
	color:#A0A0A0; 
	padding:5px;
	width:355px; 
	border:none;
	}

input[type=text].tel {
	width:190px; 
	}

input[type=text] {
	height:20px;
	}

#contactform .contactlib { font-size:10px; }

#contactsocial
	{
	position: relative; float:left;
	padding-left:20px;
	}

#contactsocial .tel {
	font-family: 'Cabin', serif;
	font-size:48px;
	color:#156291;
	margin-top:30px;
	margin-bottom:30px;
	}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */



#footer {
	position: relative; float:left;
	width: 100%; 
	font-size:12px;
	margin:0; padding:0;
	margin-bottom:20px;
	clear:both;
}

#footercontent {
	position: relative; 
	width: 980px; 
	margin : 0 auto;
	font-size:12px;
	text-align:right;
	background:url(../img/kite.png) no-repeat 603px 85px;
}

#footercontent p {
	margin:0; padding:0;
	}

#footercontent a {
	text-decoration:none;
	color:#404040;
	}

#footercontent a:hover {
	text-decoration:none;
	color:inherit;
	}

#footercontent .olg {
	font-family: 'Cabin', serif;
	font-size: 200px;
	font-style: normal;
	font-weight: 400;
	text-shadow: 3px 3px 3px #777777;
	text-transform: none;
	letter-spacing: 0.032em;
	word-spacing: -0.2em;
	color:#404040;
	margin:0; padding:0;
}