/* @override 
	http://localhost:8888/Ligos/css/style.css
	http://localhost:8888/Ligos/css/style.css
	http://www.ligos.fr/css/style.css
	http://www.ligos.fr/css/style-vert.css
	http://localhost:8888/1110_jb0002_ligos/@ROOT_ligos/css/style.css
*/
@charset "UTF-8";

/* CSS Document */

/* reset all elements */

@import url("reset.css");


.wrapper { width: 960px; margin: 0 auto; position: relative;overflow: ; }

/* Tools */
blockquote {
	
	display: block;
	padding: 10px 10px 10px 30px;
	border-left: 4px solid #cccccc;
	margin: 1em 0 2em 0;
	font-size: 14px;
	line-height: 16px;
	width: 500px;  }

.one-half, .one-third, .two-thirds,
.one-fourth, .three-fourths, .one-fifth,
.two-fifths, .three-fifths, .four-fifths,
.one-sixth, .five-sixths { float: left; margin: 0 30px 0 0; }
.one { width: 960px; float: left; }
.one-half { width: 465px; }
.one-third { width: 300px; }
.two-thirds { width: 630px; }
.one-fourth { width: 217px; }
.three-fourths { width: 711px; }
.one-fifth { width: 168px; }
.two-fifths { width: 366px }
.three-fifths { width: 564px; }
.four-fifths { width: 762px; }
.one-sixth { width: 135px; }
.five-sixths { width: 795px; }
.group { float: left; width: 100%; }
.block { float: left; width: 100%; margin-bottom: 30px; }
.last { margin-right: 0 !important; }
.clear { clear: both; }

.p13 { font-size: 13px;}
.p14 { font-size: 14px;}
.p15 { font-size: 15px;}
.p16 { font-size: 16px;}

.MT20 { margin-top: 20px; }
.NoMB { margin-bottom: 0; }

p { line-height: 1.2em; margin: 0 0 20px 0; padding: 0; font-weight: normal; }

.top10 { border-top: 10px solid #e4e4e4; margin-top: 60px;padding-top: 20px; }

.alignleft, .left { float: left; }
img.alignleft { margin: 0 20px 10px 0; }
.alignright, .right { float: right; }
img.alignright { margin: 0 0 10px 20px; }

input, textarea, select { display: block; width: 92%; margin:0 0 1em 0; }
label { display: block; margin: 1em 0 0 0; font: normal 13px/19px Arial, Helvetica, sans-serif; }
label span { color: #f00; }
label em { font-size: 11px; }
.medium { width: 70%; }
.short { width: 40%; }
.button { display: block; width: 200px; text-align: center; cursor: pointer; text-transform: uppercase; }

a { text-decoration: none; }
ul { list-style: none; }

dd { padding-left: 10px; list-style-position: outside; }
/* JS Fleche top */

a#top { display: block;height: 56px; background: url(../images/fleche_top.png) no-repeat; width: 56px; position: absolute; top:-58px; right: 0; } 
a:hover#top { background-position: 0 bottom; }

/* FontFace */

@font-face {
	font-family: 'GeosansLightRegular';
	src: url('../FONTS/geosanslight-webfont.eot');
	src: local('☺'), url('../FONTS/geosanslight-webfont.woff') format('woff'), url('../FONTS/geosanslight-webfont.ttf') format('truetype'), url('../FONTS/geosanslight-webfont.svg#webfontGeKoc9Cj') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'CartoGothicStdBold';
	src: local('☺'), url('../FONTS/CartoGothicStd-Bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdBoldItalic';
	src: local('☺'), url('../FONTS/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'lubalingraphstdBbook';
	src: local('☺'), url('../FONTS/lubalingraphstd-book-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'lubalingraphstdDemioblique';
	src: local('☺'), url('../FONTS/lubalingraphstd-demioblique-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


/*
p.style1 {font: 18px/27px 'CartoGothicStdBook', Arial, sans-serif;}
p.style2 {font: 18px/27px 'CartoGothicStdItalic', Arial, sans-serif;}
p.style3 {font: 18px/27px 'CartoGothicStdBold', Arial, sans-serif;}
p.style4 {font: 18px/27px 'CartoGothicStdBoldItalic', Arial, sans-serif;}

p.style5 {font: 18px/27px 'lubalingraphstdBbook', Arial, sans-serif;}
p.style6 {font: 18px/27px 'lubalingraphstdDemioblique', Arial, sans-serif;}

*/


/* Layout */


body {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #777;
	background: #f1f1f1;
}

h1, h2 {
	
	margin-bottom: 20px;
}
h1 { font: normal 28px/30px 'GeosansLightRegular', Arial, sans-serif; 

}
h2 { font: 22px 'GeosansLightRegular', Arial, sans-serif; }


h6 {
	font-size: 10px;
	text-transform: uppercase;
}






input, textarea, select {
	background: #ffffff;
	border: 1px solid #e2e3ea;
	border-top: 1px solid #abadb3;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	padding: 12px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



.read-more {
	background: #dcdada;
	color: #fff !important;
	font: 10px/10px Arial, Helvetica, sans-serif;
	padding: 7px ;
}

.read-more:hover {
	
}

.grey {
	color: #999999;
}

/* HEADER */

#header {
	background: #000000 url(../images/bg-1.jpg) no-repeat center -100px;
	color: #ffffff;
	float: left;
	margin-bottom: 80px;
	width: 100%;
	height: 250px;
}
body#Home #header {
	background: #000000 url(../images/bg-1.jpg) no-repeat center -100px;
	color: #ffffff;
	float: left;
	margin-bottom: 110px;
	width: 100%;
	height: 580px;
}
#header a {
	color: #ffffff;
}

#header a:hover {
	color: #424242;
}

#header-border {
	float: left;
	height: 3px;
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 2;
}

#header .wrapper {
	padding-top: 40px;
	position: relative;
	z-index: 2;
}

#logo {
	position: absolute;
	top: 30px;
	left: 0;
}

#logo a {
	color: #424242;
	font-size: 24px;
}

/* HEADER SLIDER */

#header h6 {
	color: #424242;
}

#header-slider-content {
	position: absolute;
	top: 340px;
	
}

#header-slider-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#header-slider-content ul li {
	display: none;
}

#header-slider-content ul li.current {
	display: block;
}
p.IntroHome {  
	font: normal 30px/36px 'GeosansLightRegular', Arial, sans-serif; 
	color: #fff; 
	margin: 0;
	xletter-spacing: 1px;
}
p.IntroHome span { 
	font:30px/36px 'GeosansLightRegular', Arial, sans-serif;
	xletter-spacing: 1px; 

}
#header-slider-content ul li .header-bg {
	display: none;
	
}

#header-slider-bg {
	width: 100%;
	position: absolute;
	z-index: 1;
	text-align: center;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
}

/* MENU */

body#Home #menu {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top : 480px ;
}
#menu { 
	position: absolute;
	left: 0;
	top: 150px;	
 }
#menu li {
	float: left;
	position: relative;
	width: 192px;
}

#menu li span {
	background: #424242;
	height: 100px;
	left: 0;
	position: absolute;
	top: 0;
	width: 192px;
	z-index: 5;
}

#menu li span.hover {
	display: none;
	height: 100px;
	left: 0;
	position: absolute;
	top: 0;
	width: 192px;
	z-index: 5;
}

#menu li.current span.hover {
	display: block;
}

#menu li a {
	display: block;
	font-size: 17px;
	padding: 46px 0 37px 20px;
	position: relative;
	text-transform: uppercase;
	z-index: 10;
}

#menu li a:hover {
	color: #ffffff;
	text-decoration: none;
}

#menu li ul {
	display: none;
	position: absolute;
	list-style: none;
	padding: 0;
	top: 100px;
	margin: 0;
}

#menu li ul li {
	height: 70px;
	overflow: hidden;
	position: relative;
}

#menu li ul li span {
	display: none;
}

#menu li ul li a {
	font-size: 14px;
	padding: 31px 0 25px 20px;
}

/* MENU SMALL */

.menu-small {
	padding-top: 20px !important;
}

.menu-small li {
	width: 120px !important;
}

.menu-small li span {
	height: 80px !important;
	width: 120px !important;
}

.menu-small li a {
	font-size: 12px !important;
	padding: 38px 0 30px 20px !important;
}

.menu-small li ul {
	top: 80px !important;
	font-size: 10px !important;
}

.menu-small li ul li {
	height: 40px !important;
}

.menu-small li ul li a {
	font-size: 10px !important;
	padding: 15px 0 15px 20px !important;
}

/* SUBMENU */

#submenu {
	float: left;
	list-style: none;
	margin: -50px 0 30px 0;
	padding: 0;
	position: relative;
	width: 100%;
}

#submenu li {
	float: left;
}

#submenu li a {
	color: #ffffff;
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	padding: 10px 17px 8px 17px;
}

#show-hide-submenu {
	background: url(../images/hide-submenu.png) no-repeat top left;
	cursor: pointer;
	height: 7px;
	width: 11px;
	position: absolute;
	top: -35px;
	right: 15px;
}

/* CONTENT */

#content {
	float: left;
	width: 100%;
}

.content-block {
	float: left;
	width: 100%;
	margin-bottom: 50px;
	position: relative;
}

h2.ligne {
	background: url(../images/border.gif) repeat-x left center;
	color: #999999;
	margin: 0 0 1em 0;
}
h2.ligne80 {
	background: url(../images/border.gif) repeat-x left center;
	color: #999999;
	margin: 60px 0 1em 0; 
}

h2.ligne span, h2.ligne80 span {
	background: #f1f1f1;
	padding-right: 15px;
	letter-spacing: 1px;
}

.anchor-title {
	display: block;
	font: normal 18px/24px Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
}

.testimonial {
	background: #ffffff;
	border: 1px solid #dcdada;
	padding: 20px;
	position: relative;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.testimonial span {
	background: url(../images/testimonial-arrow.gif) no-repeat top left;
	bottom: -13px;
	left: 20px;
	height: 13px;
	position: absolute;
	width: 24px; font-weight: normal; font-style: normal; }
blockquote span { 
	display: inline-block;
	font-size: 11px;
	line-height: 11px; font-style: italic; }

/* TWITTER FEED */

.twitter-feed {
	padding: 0;
	list-style: none;
}

.twitter-feed li {
	border: 1px solid #f1f1f1;
	float: left;
	margin: 0 30px 0 0;
	padding: 15px 15px 5px 15px;
	width: 268px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.twitter-feed li:hover {
	background: #e8e8e8;
	border: 1px solid #dcdada;
}

.twitter-feed img {
	box-shadow: 2px 2px 0px #dcdada;
	-moz-box-shadow: 2px 2px 0px #dcdada;
	-webkit-box-shadow: 2px 2px 0px #dcdada;
}

/* PORTFOLIO */

.portfolio-arrow {
	cursor: pointer;
	height: 17px;
	position: absolute;
	top: 37px;
	width: 16px;
}

.more {
	right: 0;
}

.minus {
	right: 16px;
	padding-left: 15px;
}

.portfolio-slide {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.portfolio-slide ul {
	list-style: none;
	padding: 0;
	position: absolute;
	width: 9000px !important;
}

.portfolio-slide ul li {
	float: left;
	margin: 0 30px 30px 0;
	position: relative;
	overflow: hidden;
}

.portfolio-slide ul li img {
	position: absolute;
	left: 0;
	top: 0;
}

.portfolio-slide ul li img.first {
	position: relative !important;
}

.portfolio-slide ul li ul {
	padding: 0;
	list-style: none;
	position: absolute;
	margin: 0;
	top: 10px;
	left: 10px;
	width: auto !important;
	z-index: 10;
}

.portfolio-slide ul li ul li {
	cursor: pointer;
	height: 10px;
	width: 10px;
	float: none;
	margin: 0 0 2px 0;
}

/* BLOG */

.blog-post {
	float: left;
	width: 100%;
	padding-bottom: 50px;
	background: url(../images/border.gif) repeat-x bottom left;
	margin-bottom: 50px;
}

.blog-content {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.blog-image {
	float: left;
	margin-right: 30px;
	position: relative;
}

.blog-image .comments {
	bottom: 10px;
	hegiht: 70px;
	overflow: hidden;
	position: absolute;
	left: 10px;
	width: 70px;
}

.blog-image .comments a {
	color: #f1f1f1;
	display: block;
	text-align: center;
	padding: 14px 0;
	font-size: 10px;
}

.blog-image .comments a .num {
	font: bold 28px/24px Arial, Helvetica, sans-serif;
	display: block;
}

.blog-image .comments a:hover {
	text-decoration: none;
	background-position: bottom;
}

.blog-title {
	margin-top: .2em;
}

.blog-post .date {
	background: #e6e5e5;
	color: #b1b1b1;
	padding: 5px 25px 5px 10px
}

.blog-post .read-more {
	float: right;
	line-height: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: -3px;
}

.categories a {
	font-size: 14px;
	font-style: italic;
	color: #999999;
}

.sidebar-item {
	float: left;
	width: 100%;
	margin-bottom: 60px;
}

.subscribe {
	color: #dcdada;
	text-transform: uppercase;
}

.subscribe .alignleft {
	margin-right: 10px;
}

.subscribe span {
	font-size: 34px;
	font-weight: bold;
	display: block;
	line-height: 34px;
}

/* PAGINATION */

ul#pagination {
	background: #f1f1f1;
	list-style: none;
	margin: -64px 0 60px 0;
	float: left;
	padding: 0 15px 0 0;
}

ul#pagination li {
	float: left;
}

ul#pagination li a {
	display: block;
	padding: 5px 9px;
	border-right: 1px solid #dcdada;
}

ul#pagination li a:hover {
	background: #dcdada;
}

ul#pagination li.current a {
	background: #ffffff;
}

/* COMMENTS */

#comments {
	float: left;
	width: 100%;
}

#comments ol {
	list-style: none;
	padding: 0;
}

#comments ol li {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

#comments .comment-info {
	text-align: right;
	float: left;
	margin-right: 30px;
	width: 121px;
}

#comments .comment-info img {
	background: url(../images/gravatar-bg.gif) no-repeat top left;
	margin-bottom: 5px;
	padding: 46px 15px 15px 46px;
}

.comment-author, .comment-date, .comment-time, .comment-url, .comment-reply {
	display: block;
	margin-right: 15px;
}

.comment-author, .comment-author a {
	font: bold 13px/19px Arial, Helvetica, sans-serif;
	color: #555555;
}

.comment-date, .comment-time, .comment-url {
	font: normal 9px/15px Arial, Helvetica, sans-serif;
}

.comment-content {
	float: right;
	margin: 22px 0;
}

#comments ol li .comment-content {
	width: 479px;
}

#comments ol p {
	font-size: 11px;
	display: block;
	width: auto !important;
	border-bottom: 1px solid #dcdada;
	border-top: 1px solid #dcdada;
	padding: 20px;
}

/* COMMENTS */

#NewsPortail {
	float: left;
	width: 630px;
	margin-bottom: 25px;
}

#NewsPortail ol {
	list-style: none;
	padding: 0;
}

#NewsPortail ol li {
	float: left;
	width: 100%;
	margin-bottom: 20px;

}

#NewsPortail .comment-info {
	text-align: right;
	float: left;
	margin-right: 30px;
	width: 121px;
}
.news-info {  
width: 100px;
float: left;
}
#NewsPortail .comment-info img {
	background: url(../images/gravatar-bg.gif) no-repeat top left;
	margin-bottom: 5px;
	padding: 46px 15px 15px 46px;
}

.news-author, .news-date, .news-time, .news-url, .news-reply {
	display: block;
	margin-right: 15px;
}

.news-theme,.news-date, .news-theme a {
	font: 10px/12px Arial, Helvetica, sans-serif;
	color: #555555;
	text-transform: uppercase; letter-spacing: 0.2em; 
	display: inline-block;
	background-color: #e4e4e4;
	padding: 5px;
	xmargin-bottom: 4px;
	width: 60px; text-align: center; }



.news-date, .news-time, .news-url {
	font: normal 9px/9px Arial, Helvetica, sans-serif;
}

.news-content {
	float: right;
	
}
.news-content a { color: #777; }
.news-content a:hover { color: #779d1e; }
#NewsPortail ol li .news-content {
	width: 525px;
}

#NewsPortail ol p {
	font-size: 12px;
	line-height: 18px;
	display: block;
	width: auto !important;
	xborder-bottom: 1px solid #dcdada;
	xborder-top: 1px solid #dcdada;
	xpadding: 20px;
	margin: 0;
}

/* RESPOND */

#respond {
	float: left;
	margin-bottom: 50px;
	width: 100%;
}

/* FOOTER */

#footer {
	background: #ffffff;
	float: left;
	padding:30px 0;
	width: 100%;
}
#footer #NewsPortail,
#footer .sidebar-item { margin-top: 20px; }



#SignFooter {  
	clear: both;
	xborder-top: 1px solid #e4e4e4;
	padding-top: 20px;
}
#SignFooter p { line-height: 34px; }
#footer h2.ligne {
	background: url(../images/border.gif) repeat-x left center;
	color: #999999;
	margin: 0 0 20px 0;
}

#footer h2.ligne span {
	background: #fff;
	padding-right: 15px;
}
#footer hr { clear: both; margin-top: 40px; }




/*  evenement  */

body.evenement h3 {
	font-size: 16px;
	margin-bottom: 1em;
}

body.evenement form {
	width: 400px;
	background-color: #e5e4e4;
	padding: 16px 16px 5px 16px;
}


body.evenement input#submit.button {
background: #6d6d6d;
border: 1px solid #e2e3ea;
border-top: 1px solid #abadb3;
font: normal 11px/15px Arial, Helvetica, sans-serif;
padding: 12px 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #fff;
}


body.evenement span.avec {
	display: inline-block;
	xtext-decoration: underline;
	padding-bottom: 5px;
}

.separation {
	border-bottom: 10px solid #E4E4E4;
	margin-bottom: 40px;
	padding-bottom: 20px;
}

.EvenementRight {
	float: right;
	widows: 470px;
}
.EvenementLeft {
	float: left;
	width: 480px;
}

ul#LogosSD {
	background: url(../images/soiree21112011-logos.png) no-repeat 0;
	width: 960px;
	height: 140px;
	margin: 0;
	padding: 0;
}

ul#LogosSD a#LogoSevalpro,
ul#LogosSD a#LogoOkofren,
ul#LogosSD a#LogoCie,
ul#LogosSD a#LogoJoies,
ul#LogosSD a#LogoAgenceA,
ul#LogosSD a#LogoUBS {display: block; height: 140px; float: left;
}


ul#LogosSD a#LogoSevalpro { width: 130px;margin-right: 30px;  }
ul#LogosSD a#LogoOkofren { width: 170px;margin-right: 30px; }
ul#LogosSD a#LogoCie {  width: 100px;margin-right: 30px;}
ul#LogosSD a#LogoJoies { width: 110px;margin-right: 40px;  }
ul#LogosSD a#LogoAgenceA { width: 210px;margin-right: 30px; }
ul#LogosSD a#LogoUBS { width: 80px; }