body {
	font-family: Trebuchet MS;
	font-size:12pt;
	background-color:#EAEAEA;
	min-width:770px;
}

#conteneurinstall {
	width:750px;
	padding:50px;
	background-image: url("../images/fond-install.jpg");
	background-repeat: no-repeat;
	border:1px solid #D0D0D0;
	background-color:#FFFFFF;
	border-radius:10px;
	margin: 0 auto;
}

#conteneur {
	width:750px;
	padding:50px;
	border:1px solid #D0D0D0;
	background-color:#FFFFFF;
	border-radius:10px;
	margin: 0 auto;
}

#menuinstallfixe {
	position:fixed;
	top:0px;
	left:0px;
	height:50px;
	width:100%;
	background-color:#3B5998;
	border-bottom:1px solid #FFFFFF;
	text-align:center;
	padding-top:7px;
	min-width:770px;
}

#menuinstallfixe a span {
  display:none;
}

#menuinstallfixe a:hover span {
  display:inline;
  position:absolute;
  top:60px;
  margin-left:-105px;
  width:150px;
  border:1px solid #DDDDDD;
  background:#4B4B4B;
  border-radius:2px;
  padding:4px 8px 4px 8px;
  text-shadow:1px 0px 2px #111,0px 1px 2px #111,-1px 0px 2px #111,0px -1px 2px #111;
  color:#FFFFFF;
  font:16px Trebuchet MS;
}


#lavideo {
	text-align:center;
}

h1 {
	font-family: Trebuchet MS;
	font-size:20pt;
	font-weight:bold;
	color:#CC0000;
	text-align:center;
}

h2 {
	font-family: Trebuchet MS;
	font-size:16pt;
	font-weight:bold;
	color:#000000;
	text-align:center;
}

h3 {
	font-family: Trebuchet MS;
	font-size:14pt;
	font-weight:normal;
	color:#000000;
	text-align:center;
}

input[type=text] {
	border:solid 1px #E0E0E0;
	border-radius:5px;
	padding:5px;
	font-family:Verdana;
}

input[type=button] {
	border:solid 1px #A0A0A0;
	border-radius:5px;
	padding:4px;
	
}

textarea  {
	border:solid 1px #E0E0E0;
	border-radius:5px;
	padding:5px;
	font-family:Verdana;
}


#desquestions {
	width:600px;
	padding-right:25px;
	padding-left:25px;
	border:solid 1px #F0F0F0;
	border-radius:10px;
	color:#404040;
	background-color:#FAFAFA;
	margin-left:50px;
	text-align:left;
	font-size:12pt;
}

#bdc {
	width:600px;
	padding:25px;
	border:solid 1px #F0F0F0;
	border-radius:20px;
	background-color:#FAFAFA;
	text-align:center;
	font-size:12pt;
	margin-left:50px;
}


#legal {
	text-align:center;
	font-size:12pt;
	width:750px;
	margin: 0 auto;
	margin-top:20px;
}

#legal a:hover{ 
	color:#00187D;
}

#legal a:link{ 
	color:#00187D;
}

#legal a:visited{ 
	color:#00187D;
}

#tabcolr {
    /*border-collapse: separate;
    border-spacing: 10px 10px;*/
	border: 1px solid #F0F0F0;
	border-radius:10px;
	font-family: Trebuchet MS;
	font-size: 11pt;
	background: #FAFAFA;
	width:700px;
}

#tabcolr td {
	/*border: 1px solid #fff;
	border-radius:10px;*/
}


#tabr {
    border-collapse: separate;
    border-spacing: 10px 10px;
	border: 1px solid #F0F0F0;
	border-radius:10px;
	font-family: Trebuchet MS;
	font-size: 11pt;
	background: #FAFAFA;
	width:700px;
}

#tabr td {
	/*border: 1px solid #fff;
	border-radius:10px;*/
}

.dte { 
	text-align: left;
}

.gch { 
	text-align: right;
}

#tabr tr {
	/*background: #F5F5F5;*/
}

/******************************
 * Le tableau des comms intégrés
 ******************************/

#tabrcomm {
    border-collapse: separate;
    border-spacing: 10px 10px;
	border: 1px solid #F0F0F0;
	border-radius:10px;
	font-family: Trebuchet MS;
	font-size: 11pt;
	background: #FAFAFA;
	width:700px;
}

#tabrcomm td {
	/*border: 1px solid #fff;
	border-radius:10px;*/
}

.dte { 
	text-align: left;
}

.gch { 
	text-align: right;
}

#tabrcomm tr {
	/*background: #F5F5F5;*/
}


/******************************
 * Countdown
 ******************************/

.countdown
{
	margin:0 0 20px 0;
	font-family:Trebuchet MS;
}

#countdown
{
	display:none;
}

.countdown-box
{
	width:304px;
	border-top:1px solid #efefef;
	border-bottom:1px solid #c6c6c6;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	position:relative;
	margin-left:29px;
}

.countdown-box.no-seconds
{
	width:228px;
}

.countdown-box::before
{
	content:'';
	position:absolute;
	top:-1px;
	bottom:-1px;
	left:-26px;
	width:26px;
	/*background:url('img/timeleft.png') no-repeat center center;*/
	background:rgba(255,255,255,0.15);
	
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
}

.countdown-box::after {
	content:attr(data-label);
	position:absolute;
	top:27px;
	bottom:-1px;
	left:-53px;
	color:#fff;
	height:26px;
	line-height:26px;
	width:80px;
	text-align:center;
	opacity:0.3;
	letter-spacing:0.5px;
	
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

.countdown-box .field
{
	float:left;
	width:76px;
	height:78px;
	background:#f8f8f8 url('countdown-bg.jpg') no-repeat right bottom;
	position:relative;
	overflow:hidden;
}


.countdown-box .field.last
{
	background-position:left bottom;
}

.countdown-box .field.dropshade:before {
    content:"";
    position:absolute;
    z-index:1;
    top:0px;
    bottom:8px;
    left:-41px;
    width:40px;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
       -moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
            box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
    -webkit-border-radius:20px / 100px;
       -moz-border-radius:20px / 100px;
            border-radius:20px / 100px;
}

.webkit .countdown-box .field.dropshade:before {
    -webkit-box-shadow:0 0 7px 1px rgba(0,0,0,0.4);
       -moz-box-shadow:0 0 7px 1px rgba(0,0,0,0.4);
            box-shadow:0 0 7px 1px rgba(0,0,0,0.4);
}

.countdown-box .field .name
{
	text-align:center;
	color:#949494;
	font-size:12px;
	line-height:16px;
	-webkit-text-shadow:0 1px 0 rgba(255,255,255,0.4);
	-moz-text-shadow:0 1px 0 rgba(255,255,255,0.4);
	text-shadow:0 1px 0 rgba(255,255,255,0.4);
}

.countdown-box .field .value
{
	position:relative;
	margin:0 0 0 1px;
	height:60px;
	text-align:center;
	font-size:40px;
	line-height:60px;
	overflow:hidden;
	
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);
}

.countdown-box .field .value .current
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

.countdown-box .field .value .next
{
	position:absolute;
	top:-54px;
	left:0px;
	width:100%;
}

.countdown-box .field .value .narrow
{
	letter-spacing:-6px;
	margin-left:-3px;
}

.countdown-box .field .value .shade
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url('countdown-shade.png') repeat-x 0 3px;
}

#centrer {
	margin-left:180px;
}

/****************************
*     Les commentaires      *
*****************************/	 

#cavou {
	margin-top:-45px;
	margin-left:115px;
	font-size:20px;
	margin-bottom:30px;
}

#espace-commentaires {
	background: #E9EBEE;
	padding:40px;
	border: 1px dotted #CCCCCC;
}

.commentaires {
	border: 1px dotted #CCCCCC;
	background: #FFFFFF;
	padding-left:20px;
	padding-top:10px;
	padding-right:20px;
	margin-top:15px;
	font-family: Trebuchet MS;
	font-size: 14px;
	min-height:135px;
	border-radius: 0px;
}

.commentairesauteur {
	border: 1px dotted #CCCCCC;
	background: #F6F7F9;
	padding-left:20px;
	padding-top:10px;
	padding-right:20px;
	margin-top:15px;
	font-family: Trebuchet MS;
	font-size: 14px;
	min-height:135px;
	border-radius: 0px;
}

.prenimg {
	float: left;
	width: 100px;
}

.lecomm {
	margin-left :100px;
	border-left: 1px dotted #F0F0F0;
	padding-left: 20px;
	min-height:135px;
}

.reponse {
	background: #F6F7F9;
	/*background-image: url("gravyvon.jpg");
    background-position: left top;
    background-repeat: no-repeat, repeat;*/
	margin-left :30px;
	border: 1px dotted #CCCCCC;
	border-radius: 0px;
	/*border-left: 1px dotted #F0F0F0;*/
	padding-left:80px;
	/*padding-top:px;*/
	padding-bottom:5px;
	padding-right:20px;
	font-family: Trebuchet MS;
	font-size: 14px;
	
}

.reponselq {
	background: #F6F7F9;
	margin-left :30px;
	border: 1px dotted #CCCCCC;
	border-radius: 0px;
	/*border-left: 1px dotted #F0F0F0;*/
	padding-left:20px;
	/*padding-top:px;*/
	padding-bottom:5px;
	padding-right:20px;
	font-family: Trebuchet MS;
	font-size: 14px;
	
}

.entete {
	background:#F6F7F9;
	margin-left:0px;
	margin-top:13px;
	border: 1px dotted #CCCCCC;
	border-radius: 0px;
	/*border-left: 1px dotted #F0F0F0;*/
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	/*padding-right:20px;
	font-family: Trebuchet MS;
	font-size: 14px;*/
	
}


#blocmoderation {
	border-top: 1px dotted #CCCCCC;
	font-size:13px;
	color:#365899;
}

#blocmoderation a{
	font-weight:normal;
	text-decoration:none;
	color:#365899;
}

#blocmoderation a:hover{
	font-weight:normal;
	text-decoration:underline;
	color:#CC0000;
}
	

#blocaffichage {
	font-size:13px;
	color:#365899;
}

#blocaffichage a{
	font-weight:normal;
	text-decoration:none;
	color:#365899;
}

#blocaffichage a:hover{
	font-weight:normal;
	text-decoration:underline;
	color:#CC0000;
}