/* 
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################


*/
 
/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */

#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */

.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */
li {list-style: none;}

/*
# Layout ################### 
*/

body{font:75%/1.5  "Helvetica Neue", Helvetica, Arial, sans-serif;color:#000;background:#fff;}
br.trick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
#maincontainer {
	width: 940px;
	margin: 0 auto;
}
#header {
	border-top: #ccc solid 10px;
}
.content {
	margin: 20px 0 30px 0;	
	min-height: 325px;
}
.section {
	clear: both;
	border-bottom: #ccc solid 10px;
	border-top: #ccc solid 10px;
}
.section.first {border-top: none;}

.vlog {
	width: 425px;
	height: 344px;
	margin: 0 0px 30px 0;
}
.vlog #lectureVideo embed{
	display: block;
	margin-left: -1px;
}
.vloginfos {
	width: 490px;
}
.vloginfos p.desc{
	height: 80px;
}
.vloginfos #videoThumbs {
	width: 475px;
	float:left;
}
.vloginfos #videoThumbs a img{
float:left;
	margin: 50px 5px 0 0px;
	cursor: pointer;
	border: 1px solid #000;
	padding: 2px;
	width: 114px;
}
.vloginfos #videoThumbs a.selected img{border: 1px solid #cc0000;}
.vloginfos #videoThumbs a img:hover{border: 1px solid #bbb;}
.vloginfos a.btVid{
float:left;	clear: both;
	width: 485px;
	margin: 20px 0 0 0;
	color: #999;
	text-decoration: none;
	text-align: right;
	font-family: Georgia,Times,serif;
	font-size: 1.125em;
	background: transparent url('../images/vlog_btPlus.gif') no-repeat 0 1px;
}
.vloginfos a.btVid:hover{background: transparent url('../images/vlog_btPlus_over.gif') no-repeat 0 1px;}
.widecol {
	width: 100%;
}
.col {
	width: 455px;
	float: left;
}
.col2 {
	width: 455px;
	float: left;

}
.col.margin-30 {
	margin-left:30px;
}
.col.margin-15 {
	margin-left:15px;
}
.col2.margin-30 {
	margin-left:30px;
}
.col2.margin-15 {
	margin-left:15px;
}

#menu .col {
	margin-bottom: 30px;
	width: 220px;
}
#menu .col.carte {
	width: 245px;
	float: left;
}
#menu .col.carte .post {
	padding-right: 15px;
}
#menu .col.autres {
	width: 210px;
	float: left;
}
#menu .post {margin: 10px 0 0 0;}
#menu .post h5 {font-size: 1.1em; font-weight: normal;}
#menu .post p {margin: 5px 0 0 0;}
#menu .post .prix {
	color: #ff0000;
	display: block;
}
#menu p.pres, p.pres {
	border-top: 1px solid #aaa;
	text-align: right;
	padding: 5px 0 0 0;
}
#rsvp .content {
	margin-bottom: 100px;
}
/*
# Nav ################### 
*/
.menu {text-align: right;}
.menu li{
	line-height: 1em;
	margin: 1px 0 4px 0;
}
.menu li a{
	color: #fff;
	background: #000;
	padding: 0 2px 0 4px;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 0.1em;
}
.menu li a:hover{
	background: #999;
}
.menu ul {
	float:right;

}

/*
# Headings ################### 
*/

h1, h2.commeH1 {
	float: right;
	clear: right;
	margin: 15px 0 0 0;
}
h2, h3 {margin: 15px 0 0 0;}
h3.bas {
	margin-bottom: 20px;
	clear: both;
}
h4 {
	background: #cc0000;
	color: #fff;
	font-weight: normal;
	font-size: 1.1em;
	font-family: Georgia, Times, serif;
	line-height: 1em;
	padding: 2px;
	text-transform: uppercase;
}
h5{
	font-size: 1em; margin: 15px 0 0 0;
}
p + h5 {
	margin: 15px 0 0 0;
}
#logo{width:;height:;background:url(images/logo.gif) no-repeat;}
#logo a{display:block;height:100%;width:100%;}
#logo a span{position:absolute;left:-9999px;top:-9999px;}

/*
# coordonnées ################### 
*/
.coord {
/*	position: absolute;
	top: 0px; right: 0;*/
	text-align: right;
}
.coord h4 {
	text-align: right;
	clear: both;
	padding-left: 3px;
	margin-bottom: 0.5em;
}
.coord h4.margin-top{margin-top: 0.5em;}
.coord p{
	clear: right;
	text-align: right;
}
.coord h5 + p{
	margin: 0 !important;
}
.coord #googleMap {
	position: relative;
}

/*
# Images ################### 
*/

img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

/*
# Links ################### 
*/

.content a {
color: #cc0000; 
text-decoration: underline;
}
.content a:hover {
color: #ee0000; 
text-decoration: none;
}

/*
# Forms ################### 
*/
#form_status {
	display: block;
	margin: 15px 0 0 10px;
	color: #cc0000;
	font-style: italic;
}
form {margin: 5px 0 0 0;}
form p {margin: 0;}
form input.text {
	border: 1px solid #999;
	padding: 8px 10px;
	margin: 10px 0 0 0;
	width: 433px;
	font-size: 1.2em;
	color: #999;
}
form input.text.error {
	border-color: #cc0000;
}
form div.form_item {
	margin: 10px 0 0 0;
	overflow: hidden;
	width: 100%;
	color: #999;
	line-height: 1.2em;
	font-size: 1.2em;
}
form #emailusbtn {
	margin: 10px 0 20px 0;
	float: right;
	background: #cc0000;
	border: none;
	color: #fff;
	font-size: 1.0875em;
	font-family:Georgia,Times,serif;
	text-transform: uppercase;
	cursor: pointer;cursor: hand;
}
form #emailusbtn:hover {background-color: #aa0000;}
form #emailusbtn:active {margin-top: 11px;}


/*
# Tables ################### 
*/
/* the overlayed element */ 
.overlay { 
     
    display:none; 
    z-index:10000; 
     
    /* styling */ 
    background-color:#999; 
    
    width:640px;  
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.overlay .close { 
	background: transparent url(../images/close.png) no-repeat top left;
    float:  right;
    cursor:pointer; 
    width: 29; height: 29px;
}


/*
# Typography ################### 
*/

p{margin:1em 0 1.5em;}

/*
# Other ################### 
*/

.b {font-weight: bold;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}
#news-sub {
	text-align:right;
		margin:0 0 10px 0;

}
#news-sub p {
margin:0;
	padding:0;
	color:#031136;
	font-size: 1.1em;
	font-family: Georgia, Times, serif;
	
}
#wp_email_capture input
{
margin:2px 5px;
width:175px;
color:#666;
}

#wp_email_capture div.form_item
{
margin:2px 5px;
width:175px;
color:#666;
display: inline;
}
#wp_email_capture input.radio
{
width: auto;
color: #666;
}
#wp_email_capture label.radio
{
width: 75px;
color: #666;
}


#wp_email_capture input.wp-email-capture-submit
{
background:#cc0000;
cursor:pointer;
border:none;
margin:2px 5px;
width:100px;
text-transform:uppercase;
color:#fff;
	font-size: 1.1em;
	font-family: Georgia, Times, serif;
 float:none;
margin-bottom: 10px;

}
#wp_email_capture input.wp-email-capture-submit:hover {background-color: #aa0000;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}




#sendmail_messages_holder {
	padding: 2px;
	border: #999999 solid 1px;
	display: none;
	overflow: hidden;
	width: 100%;
}
#sendmail_messages_holder p {
	margin: 0 5px;
	color: #CC0000;
}
#sendmail_messages_holder p.header {
	margin: 0;
	font-weight: bold;
}
#sendmail_messages_holder p.success {
	margin: 0;
	color: #00CC00;
	font-weight: bold;
}
#sendmail_messages_holder_close {
	margin: 1px;
	width: 50px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border: #999999 solid 1px;
	float: right;
}