@charset "utf-8";
body {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serifHelvetica, sans-serif,Arial;
	margin: 0;
	padding: 0;
	color: #6b6b6b;
	font-size:12px;
	letter-spacing:0.05em;
	line-height:16px;
}


#container {
	width: 1100px;
	min-height: 600px;
	margin: 0 auto;
}

.signup_details li{
	font-size:14px;
	font-weight:bold;
	color:#cd2a76;
	background-image:url(images/rond.png) no-repeat scroll 0 4px transparent;
    /*background: url("images/rond.png") no-repeat scroll 0 4px transparent;*/
 /*   padding: 0 0 15px 11px;*/
    vertical-align: top;
margin-left:-20px;
    width: auto;
}
h1 {
	font-size:16px;
	color:#cd2a76;
}

h2 {
	font-size:14px;
	color:#666;
}
h3 {
	font-size:12px;
}


a:link    {color:#000;
text-decoration:none;}
a:visited {color:2ba605;}
a:hover   {color:#2ba605;}
a:active  {color:2ba605;}
 
#gauche {
	width: 280px;
	float:left;
	left: 0px;
	top: 0;
}

#droite {
	width: 750px;
	height:auto;
	float:left;
	left: 0px;
	top: 0;
}

#menu {
	width: 750px;
	margin-top:20px;
	height:30px;
	float:left;
	overflow:hidden;
}

#nav{
	margin-top:10px;
	list-style: none outside none;
	color: #000000;
	font-size:14px;
	font-weight:bold;
}

#nav li {
    background: none repeat scroll 0 0 #FFF;
    display: inline;
    margin-right: 1px;
}
#nav li a {
    background: none repeat scroll 0 0 #FFF;
    border: 0px solid #FFF;
    color: #000000;
    padding: 4px 10px;
    text-align: left;
    text-decoration: none;
	cursor:pointer;
}

#nav li a:hover, #nav li a:focus, #nav li a:active {
    background: none repeat scroll 0 0 #FFF;
    text-decoration: none;
	cursor:pointer;
	color:#2ba605;
}
.txtmenuderoulant{
	color: #000;
	font-size: 12px;
	font-weight:bold;
}
#slide00 {
	width: 710px;
	height:360px;
	float:left;
	left: 0px;
	top: 0;
	margin-left:60px;
}
#contenutext{
	width: 560px;
	height:auto;
	float:left;
	left: 0px;
	margin-left:60px;
	margin-top:20px;
}
#carrousel{
    border: solid 0px #e7dbc5;
    width:750px;
    height:340px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
	top:20px;
}

.slide{
    position:absolute;
    top:0;
    left:0;
	width:750px;
    height:340px;
}
#actulecteur {
	width: 700px;
	height:120px;
	float:left;
	margin-top:20px;
	margin-left:60px;
}
#lecteur {
	width: 250px;
	height:120px;
	float:left;
	margin-left:20px;
	top: 0;
}
#actu {
	width: 355px;
	height:100px;
	float:left;
	left: 0px;
	overflow:auto;
}


#player {
	width: 240px;
	height:90px;
}
/* ~~ The footer ~~ */
.footer {
	margin: 10px;
	padding: 15px;
	text-align: center;
	font-size: 0.6em;
	background: #eee;
}
.navigation{
    position:absolute;
    bottom:10px;
	left:5px;
}

.navigation span{
    background:#000;
    color:#FFF;
    padding:2px 8px;
    cursor:pointer;
    margin:0 2px;
}

.navigation span:hover,.navigation span.active{
    background:#FFF;
    color:#000;
}