@charset "UTF-8";
/* CSS Document */

body{
	margin:0 auto; 
	background-color:#f9f9f9;
	font-family:Georgia, Helvetica, sans-serif;
}

/**********universal styles******************/
a img{
	border:none;
}
#video h1 { font-size:20px;color:#fff; font-style:italic; font-weight:bold; margin:0; padding:0}
h2 { font-size:20px; color:#464646; font-style:italic; padding:0 0 0 0; margin:0 0 10px 0}
#content p.tel { padding:0 0 35px 50px; font-size:24px; font-style:italic;background: url(../images/mobilephone.png) no-repeat;}
small {font-size:70%}
strong { color:#92131e; font-style:italic; font-weight:normal; font-size:15px;}
/**********header******************/

.logo { float:left; width:350px; margin:3px 0 0 10px}

#headerWrapper{
	width:100%;	
	background-color:#f9f9f9;
	padding:12px 0 0 0;	
}

#header{
	display:block;
	height:90px;	
	width:920px;
	background:#3d3d3d url(../images/bg-header.gif) repeat-x;
	margin:0 auto; 
	border:1px solid #fff;
	
}
#video{
	height:320px;
	position:relative;
	width:918px;
	background:#92131e;
	border:1px solid #000;
	margin:0 auto;

}
#video2{
	height:520px;
	position:relative;
	width:100%;
	padding:0;
	background-color:#1a1a1a;
	margin:10px auto 0px auto;
	
}
#media { margin:5px 0 15px 0}
.ssbloc-video{
height:180px;	
	border-bottom:3px dashed #fff;
	
}
.bloc-video {
	width:920px;
	margin:0 auto;
	}
.left-header { display:block; float:left; width:479px;height:320px; padding:0 0 0 0; background:url(../images/visu-video.gif) no-repeat}
.right-header { float:right; width:435px}
.boutons { margin:230px 0 0 200px }
.center-header { width:640px; margin:0 auto;padding:0;}

ul { margin:0; padding:0}
ul li{ padding:0 0 12px 22px; font-size:13px; color:#3b3b3b; list-style:none;} 
#content ul li:first-letter { font-size:140%; color:#92131e;}
ul li.intero{background:url(../images/ico-intero.png) no-repeat left 2px}
ul li.secu{background:url(../images/ico-secu.png) no-repeat left 2px}
ul li.internet{background:url(../images/ico-internet.png) no-repeat left 2px}
ul li.print{background:url(../images/ico-print.png) no-repeat left 2px}
ul li.mail{background:url(../images/ico-contact.png) no-repeat left 2px}
ul li.tel{background:url(../images/ico-tel.png) no-repeat left 2px}

/**********content************/

#content{
	width:920px;
	margin:0 auto;
	padding:10px 0 0 0;
}
.left-content{	
	background:#f1f1f1 url(../images/bg-bloc-content.gif) repeat-x;
	width:400px;
	border:1px solid #dfdfdf;
	display:block;
	float:left;
	margin:0 20px 0 0;
	padding:15px;
}
.right-content{
	width:400px;
	background:#f1f1f1 url(../images/bg-bloc-content.gif) repeat-x;
	border:1px solid #dfdfdf;	
	background-color:#464646;
	display:block;
	float:right;
	margin:0;
	padding:15px;
}
#content p{	
	color:#3b3b3b;
	font-size:13px;
	line-height:20px;
	margin:8px 0 0 0px;
	padding-bottom:9px;
	background:url(../images/sep-content.gif) repeat-x bottom;
}
.bloc { float:left; width:260px; margin:0 37px 10px 0; font-weight:normal; background:#f1f1f1 url(../images/bg-bloc-content.gif) repeat-x; padding:6px 10px; border:1px solid #dfdfdf}
.bloc2 { float:right; width:260px; margin:0 0 10px 0; font-weight:normal; background:#f1f1f1 url(../images/bg-bloc-content.gif) repeat-x; padding:10px; border:1px solid #dfdfdf}
.bloc a, .bloc2 a{ color:#92131e;}
.bloc a:hover, .bloc2 a:hover{ color:#fff; background-color:#92131e}

*html #content{
	overflow:hidden;    
}

/**********navigation************/

#nav{	
	float:right;	
	margin:61px 0 0 0;	
	font-size:13px;
}

#nav ul {
    margin:0;
    padding:0;
    list-style:none;
}

#nav li{
	float:left;
	margin:0 0 0 3px;
	padding:0 0 0 14px; 	
	border-right:1px solid #666666;	
}
#nav li.video{background: url(../images/ico-video.png) no-repeat;}
#nav li.accueil{background: url(../images/ico-accueil.png) no-repeat;}
#nav li.demo {background: url(../images/ico-demo.png) no-repeat;}
#nav li.contact {background: url(../images/ico-contact.png) no-repeat;}

#nav a{
padding:3px 8px 3px 8px;
color:#cccccc;
text-decoration:none;
}
#nav a:hover{
color:#fff;
}

#msgalert {color:#94141f; visibility:hidden}
.visible { visibility:visible; }
.cache  { visibility:hidden; }

#connexion { margin:0 0 0 0; background:#000; width:280px; font-weight:bold; color:#fff; font-size:12px; font-style:italic}
#connexion .bloc-input{padding:5px 30px 5px 70px;}
input {width:170px;}
input#valid {width:106px; height:37px; border:0; background:url(../images/bg-valid.gif) no-repeat; cursor:pointer}
/**********video************/

#noUpdate
			{
				margin: 0 auto;
				font-family:Georgia, Helvetica, sans-serif;
				font-size: x-small;
				color: #cccccc;			
				text-align: center;
				width: 210px; 
				height: 200px;	
				padding: 40px;
			}

/**********footer************/


#footer{
	display:block;
	clear:both;
	width:895px;
	border:1px solid #fff;
	margin:0 auto 30px auto;
	height:30px;
	color:#999999; 
	font-size:13px; 
	padding:13px 0 0 25px ;
	font-style:italic;
	background:#464646 url(../images/bg-footer.gif) repeat-x;
}
#footer span{color:#cccccc;}