/*CSS de la page content.php*/
body
{
	margin:0px 0px 0px 0px;
	/*
	background-image: url(../images/bg_dropshadow.gif);
	background-attachment: fixed;
	background-repeat: repeat-x;
	*/
}

.splash
{
margin:100px 0px 0px 0px;
height:auto;
}

.nouvelle_splash
{
	width:640px;
	border:1px;
	border-color:#CCCCCC;
	border-style:solid;
	padding:5px 5px 5px 5px;
	margin:15px auto 5px auto;
	
	text-align:left;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	
}

.infolettre
{
	width:450px;
	border:1px;
	border-color:#CCCCCC;
	border-style:solid;
	padding:5px 5px 5px 15px;
	margin:0px 0px 0px 15px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
}
#connection_infolettre
{
	text-align:left;
	width:900px;
	height:400px;
 	
	
	
	border:1px;
	border-color:#CCCCCC;
	border-style:solid;
	
	
	margin: 0px auto 0px auto;
	padding: 10px 10px 10px 10px;
	display:block;
	
}

#optimiser
{
	width:640px;
	margin:0px auto 0px auto;
	
	text-align:center;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:400;
}

.erreur
{
	font-size:11px;
	font-weight:bold;
	color:#FF0000;
}

.titre 
{
	display:none;
}

.legende
{
font-size:9px;
font-style:italic;
}


.titre_bienvenue 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:500;
	color:#4e7ba5;
	text-decoration:none;
	
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

.shadow 
{
	z-index:auto;
	background: #e9e9e9;
	position: fixed; 
	top: 0px;
	width: 100%; 
	height: 7px;
	
	background-image: url(../images/bg_dropshadow.gif);
	background-repeat: repeat-x;

}


.commentaire
{
	font-style:italic;
	margin:0px 25px 0px 25px;
	text-align:justify;
}

.q
{
	vertical-align:middle;

}

.plus
{
	font-weight:bold;
	color:#4e7ba5;
	display:inline;
}

.capsules 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:400;
	text-align:left;
	
	width:500px;
	
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	float:left;

}

.contenant 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:400;
	
	margin: 0px auto 0px auto;
	text-align:center;
	width:100%;
	float:left;
	z-index:10;

}
.union 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:400;

	margin: 0px auto 0px auto;
	width:900px;
	display:block;
	
	text-align:left;

}

.content 
{
	width:590px;
	min-height:500px;
	
	padding:0px 0px 0px 10px;
	
	float:right;
	
	text-align:left;
	text-align:justify;
	z-index:20;	
}
.content_index
{
	min-height:380px;
	
	width:591px;
	
	padding:0px 0px 0px 10px;
	
	text-align:justify;
	z-index:20;
	
	float:right;
	
}
.content_index_img
{
	width:276px;
	
	padding:0px 0px 0px 10px;
	
	text-align:center;
	z-index:20;
	
	float:left;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	color:#000000;
	text-decoration:none;

	
	
}

.content_index img
{
	text-align:left;
	float:left;
}

.img_content
{
	border:0px;
	margin:20px 0px 0px 0px;
	border-style:none;
	
	display:inline;
	
	width:300px;
	float:left;

}



.content a
{
	border:0px;
	border-style:none;
}



.content .video_img
{
	margin:-10px 0px 0px 0px;
	border:0px;
	border-style:none;
}

.video_img img
{
	vertical-align:middle;
	border:0px;
	border-style:none;

}


.content .video
{
	margin: 0px auto 0px auto;
	text-align:center;
	width:100%;
}

h1
{
	margin: 15px 0px 25px 0px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
	color:#4e7ba5;
	text-decoration:none;
}

h2
{
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
	
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:500;
	color:#4e7ba5;
	text-decoration:none;
}

.content p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:400;
	color:#000000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:justify;
	
	
}

.wave {
	text-align:center;
	width:57px;
	margin:25px auto 25px auto;
	top:10px;
	height:17px;
	background-image: url(../images/hr_conferencier.gif);
	
}

.wave_print {
	display:none;
}

.teasing2
{

	background-image: url(../images/ligne_teasing.jpg);
	background-repeat: repeat-y;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
	line-height:18px;
	
	position:relative;
	float:none;
	width:550px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 20px;
	
	z-index:5;
}

.teasing_index
{

	background-image: url(../images/ligne_teasing.jpg);
	background-repeat: repeat-y;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
	line-height:18px;
	
	width:550px;
	
	position:relative;
	float:left;
	margin:20px 0px 0px 0px;
	padding:10px 0px 10px 20px;
	
	z-index:5;
}

.teasing_caps
{

	background-image: url(../images/ligne_teasing.jpg);
	background-repeat: repeat-y;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
	line-height:18px;
	
	position:relative;
	float:none;
	width:550px;
	height:410px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 20px;
}

/*///////////////////////////////////////////////////*/

.footer
{
	/*
	border:1px;
	border-color:#000000;
	border-style:solid;
	*/
	
	float:left;
	
	margin:20px auto 0px auto;
	height: 150px;
	width:100%;
	background-image: url(../images/bottom_conferencier.gif);
	text-align: center;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:400;
	color:#000000;
	text-decoration:none;
}

hr {
	border-style:solid;
	border:none;
	background-color:#CCCCCC;
	height:1px;
	color:#CCCCCC;
}

a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b35b7b;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a img
{
	border:0;
}



//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

.clear {clear:both}   
/* remove the list style */  

.navigation
{
	margin:0px auto 0px auto;
	text-align:center;
	width:950px;
}

.nav {  
    margin:0px auto 0px auto;   
    padding:0px auto 0px auto;   
    list-style:none; 
}     
      
    /* make the LI display inline */  
    /* it's position relative so that position absolute */  
    /* can be used in submenu */  
    .nav li {  
        float:left;   
        display:block;   
        background:#FFF;   
        position:relative;  
        z-index:500;   
        margin:0px;
		padding:0px;
    }  
          
    /* this is the parent menu */  
    .nav li a {  
        display:block;   
        padding:6px 10px 6px 10px;
		margin:0px 0px -1px 0px;
        font-weight:bold;    
        text-decoration:none;   
        color:#fff;   
        text-align:left;   
        color:#333;  
    }                                          
  
    .nav li a:hover {  
		color:#000;
        background:#e8eef3;  
    }  
      
    /* you can make a different style for default selected value */  
    .nav a.selected {  
        color:#f00;  
    }  
      
        /* submenu, it's hidden by default */  
        .nav ul {  
            position:absolute;   
            left:0;   
            display:none;   
            margin:0px 0px 0px 0px;   
            padding:0;   
            list-style:none;  
        }  		  
		  
        .nav ul li 
		{
			display:block;
			width:170px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			list-style:none;
			color:#000000;
		}
          
        /* display block will make the link fill the whole area of LI */  
        .nav ul a {  
            display:block;
            padding: 3px 6px;   
            color:#666;
            font-weight:normal;
            border:solid 1px black;
            
        }  
          
        .nav ul a:hover {  
            text-decoration:none; 
			background:#e8eef3;
        }  
  
/* fix ie6 small issue */  
/* we should always avoid using hack like this */  
/* should put it into separate file : ) */  
*html .nav ul {  
    margin:0px 0px 0px 0px;  
}  

#video_accueil {
	text-align:center;
	width:100%;
}