/**************************************************************
	Code		: Demand2Plan feuille de style
	Version	: 0.0
	Created on	: 23/01/2010 - Updated on 23/01/2011
	Authors	: Julie VIARD
	Desc		: Developed for www.demand2plan.com needs
	Licence	: Open Source D2P Licence
**************************************************************
/* Tous savoir sur les feuilles de style: http://actuel.fr.selfhtml.org/archives/docu/7.0/tdba.htm */

/* Pour utiliser css dans une page HTML, indiquer 
<link href="Demand2Plan.css" rel="stylesheet" type="text/css" /> dans head */

/* Start: Style du layout COMS */

/*Style des divisions de la page  */

*
{
	padding: 0;
	margin: 0;
	font-family: Arial;
}

html, body { 

   height: 720px;
   margin-left:-30px;

}

div#bandeau {
    text-align: center;
	width:100%;
	height:145px;
	background-color:#000000;
	}
	
    div#entete {
    margin-left: auto;
    margin-right: auto;
	width:1000px;
	height:120px;
	background-color:#000000;
	}
	
	div#logo{
    float:left;
	width:370px;
	height:120px;
	background-color:#000000;
	border:0;
	}
	
	div#menu{
	list-style:none;
	display:block;
    float:left;
	width:620px;
	height:145px;
	position: relative;
	bottom:0px;
	background-color:#000;
	}

	div#menu li
	{	
		padding: 0 8px 0 8px;
		width:80px;
		height:90px;
		padding-top:55px;
		border-left:3px solid rgba(255,255,255,0.5);
		float:left;
		display:inline;
		font-weight:bold;
		text-shadow: -1px 0px 1px #000000;
	}

	div#menu ul li:last-child
	{ 
		border-right:2px solid rgba(255,255,255,0.5);
	}

	div#menu li:hover, div#menu li:hover a
	{	
		background-color: rgba(170,215,220,1);
		background-repeat: no-repeat;
		color:white;
		cursor: pointer;
		border-radius: 7px;
	}

	div#menu li:hover
	{
		box-shadow: 0 2px 1px rgba(255, 255, 255, 0.4) inset, 1px 1px 3px rgba(0, 0, 0, 0.7);
	}

	div#menu li a
	{	
		color:rgba(170,215,220,1);
		display:block;		
		width:80px;
		height:90px;
	}

	div#menu li a:hover, div#menu li:hover a
	{
		background:none;
	}
	
	div#langue
	{
		height:120px;
		float:right;
		font-size:11px;
		padding-top:45px;
		margin-right: -60px;
	}
	
	div#langue a
	{
		color:#FFF;
	}
	
	div#langue a:hover
	{
		color:#604D97;
	}

div#date{
	width:100%;
	background-color: rgba(170,215,220,1);
	height:25px;
	font-weight:bold;
	color:black;
	padding-top:5px;
	padding-left: 13px;
	/*text-shadow: -1px 0px 1px #000000;*/
	}

	div#afficher_date
	{
	position:relative;
	margin-left: auto;
    margin-right: auto;
    width:900px;
	height:25px;
	}
	                 
div#fond{
	text-align: center;
	width:100%;
	height:680px;
	background-image: url(img/image_fond.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}

    div#contenu {
    margin-left: auto;
    margin-right: auto;
	width:1000px;
	height:600px;
	/*background-color:#FFFFFF;*/	
	}
	
	div#colonegauche {
	float:left;
	width:195px;
	height:600px;
	background-color:#FFFFFF;
	padding-left:55px;
	}
	
	/*div#date {
	width:250px;
	height:30px;
	background-color:red;
	padding-top:5px;
	font-size:14px;
	}*/
	
	div#contact {
	margin-top:5px;
	width:250px;
	height:160px;
	background-color:#000000;
	padding-top:0px;
	}

	div#contact h2
	{
		background-color: rgba(170,215,220,1);
		font-size:15px;
		text-shadow: -1px 0px 1px #000000;
		color:white;
		text-align:center;
		border:3px solid black;
		margin-bottom:10px;
	}
	
	div#actualite {
	width:250px;
	height:360px;
	background-color:#FFF;
	}
	
	div#actualitetexte {
	width:230px;
	height:350px;
	float:right;
	padding-right:5px;
	}

	div#liens {
	float:right;
	width:625px;
	background-color:#FFFFFF;
	padding-top:5px;
	font-size:15px;
	}
	
	
	div#bloctextea{
	float:right;
	width:625px;
	background-color:#FFFFFF repeat-y;
	}
	
	div#bloctexteb{
	float:right;
	width:605px;
	background-color:#FFFFFF repeat-y;
	text-align:justify;
	font-size:14px;
	color:#494842;
	padding-bottom: 80px;
	}
	
	.tableau_strategy
	{
		vertical-align:top;
		text-align:justify;
	}
	
	.titre_vision
	{
		font-size:18px;
		color:#604D97;
	}
	
	.reponse
	{
		width:550px;
		background-color:#FFFFFF repeat-y;
		padding-left:40px;
		font-style:normal;
		text-align:justify;
	}

div#piedpage {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:50px;
	background-color:#000000;
	color:#FF9900;
	}

	#liens_footer a {
		color:#FF9900;
		font-size:12px;
	}
	#liens_footer a:hover {
		color:white;
		font-size:12px;
	}
	
	div #copyright {
		color:white;
		font-size:13px;
	}
	
	#social
	{
		position:absolute;
		right:0px;
		top:5px;
		/*
			margin-top:-35px;
			width:1000px;
			height:50px;
		*/
	}
	/*Style des textes de la page  */
	
	
	h1{
	/*font-family: Verdana; */
	font-size:17px;
	line-height: 1.5;
	text-align:left;
	color:#OOOOOO;
	}
	
	
	h2{
	font-family: Arial;
	font-size: 12px;
	text-align:justify;
	color:#494842;
	}
	
	
	
	h3{
	/*font-family: Verdana; */
	font-size:12px;
	line-height: 1.8;
	text-align:center;
	color:#FFFFFF;
	}
	
	h4{
	/*font-family: Verdana; */
	font-size:12px;
	line-height: 2;
	text-align:center;
	color:#FF9900;
	}
	
	h5{
	/*font-family: Verdana; */
	font-size:12px;/*
	line-height: 3;*/
	text-align:justify;
	color:#005FA7;
	}
	
	h6{
	/*font-family:Verdana; */
	font-size:11px;/*
	line-height: 1.5;*/
	text-align:justify;
	color:#494842;
	}
	
	a:link { color:#FF9900 ; text-decoration:none ;}

    a:visited { color:#FF9900 ; text-decoration:none ; }

    a:hover { color:#604D97 ; text-decoration: none ; }
	
/********Menu********/
/*
.sm {list-style:none; width:500px; height:145px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}

*/

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
/*border: 1px solid #000;*/
/*background: #fff; */
position:absolute;
width: 590px; 
height: 25px;
line-height: 25px;
top:0px;
left:313px;
overflow: hidden;

}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
margin-right: 0px;
width: 718px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
/*background: #fff;*/
font-size: 15px;
}

ul.newsticker a {
text-decoration: underline;
white-space: nowrap;
padding: 0;
color: #735073;
margin: 0 50px 0 0;
font-size: 15px;
font-style:italic;
} 

ul.newsticker span {
margin: 0 10px 0 0;
color: #005FA7;
} 
	
/******POP-UP page d'accueil ********/
.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-dialog-buttonpane
{
	font-size:12px;
}

.ui-widget-overlay
{
	opacity: .9;
	filter:Alpha(Opacity=90);
}