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

.handcursor{
cursor:hand;
cursor:pointer;
}

.imgActu {
	float:left;
	padding-right:10px;
}

#surContainer {
	width:1040px;
	height:auto;
	background-image:url(../Elements/shadow.png);
/*	background-repeat:no-repeat;*/
	margin:0 auto;
	 /* Coins arrondis*/
   -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(css/border-radius.htc);
}
#container{
	width:1024px;
	margin:0 auto; 
	background-color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;	
	background:#8a8a8a url(../Elements/bgBorder.png) repeat-y 50% 1px;
	background-repeat: repeat-y;
	color: #000000;
}

.pictoActu {
	padding: 3px 3px 3px 3px;
}

.titre {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, bold;
	font-size:16px;
	font-weight:bold;
/*	color:#20a0d6;*/
	color:#ff5800;
}

.titrePrincipal {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, bold;
	font-size:32px;
	color:#20a0d6;
	font-weight:bold;
	text-align: center;
}

.date {
	font-style:italic;
	color:#333;
}

.sousTitre {
	font-weight:bold;
	font-size:14px;
}

.important {
	color:#20a0d6;
	font-weight:bold;
}

.surImportant {
	color:#20a0d6;
	font-weight:bolder;
	font-size:14px;
}

#header{
	width:auto; 	
	display:block; 
	height:220px; 
	background-image:url(../Elements/header.jpg);
	background-repeat:no-repeat;
}

#tv {
	width:92px;
	height:75;
	background-image:url(../Elements/MobilifeTV.png);
	background-repeat:no-repeat;
}

#logo {    /* la zone de lien */
float: left;
width : 190px;
height: 160px;
margin-left: 20px;
margin-top: 0px;
} 

#facebook {
	float: left;
	width : 40px;
	height: 40px;
	margin-left: 700px;
	margin-top: 0px;
}

#webtv {
	float:left;
	width:120px;
	height:120px;
	margin-left:650px;
	margin-top:50px;
}

#menu
{
		width:auto; 
        border-bottom : 1px solid #20a0d6;
        padding-bottom : 23px;
		background-color:#FFF;
		display:block;
}

#onglets
{
        border : 1px solid transparent;
        padding-left:40px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        font : bold 18px;
		color:#FFF;
        list-style-type : none;
        margin-top : 0;
		padding-top:0px;
		/*      width : 430px;
        position : absolute;
        left : 50%;*/
        
	
        
}


#onglets li
{
    float : left;
    height : 23px;/* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #FFF;
    margin : 6px 5px 1px 5px!important; /* Pour les navigateurs autre que IE */
    margin : 10px 7px 6px 7px;  /* Pour IE  */
	padding: 2px 2px 1px 2px!important; /* Pour les navigateurs autre que IE */
	padding: 8px 4px 6px 4px;  /* Pour IE  */
    border : 2px solid #FFF;
}

#onglets li.active
{
    border-bottom: 2px solid #20a0d6;
    background-color: #20a0d6;
    /* Coins arrondis*/
   -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(css/border-radius.htc);
}

#onglets a
{
    display : block;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
    color : #000;
    text-decoration : none;
    padding : 2px;
    /* Coins arrondis*/
    -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}


#onglets a:hover
{
    background : #20a0d6;
}



#main{
	width:1024px; 
	display:block; 
	height:485px; 
	background-image:url(../Elements/fondMain.jpg);
	background-repeat:repeat-x;
	background-color:#96d9f3;
}

.retour {
	float:right;
}

#cadre{
	width:968px;
	height:466px;
	display:block;
	background-image:url(../Elements/cadre.png);
	background-repeat:no-repeat;
	background-position:center center;
	margin-left: 30px;
	padding-top:20px;
	display:block;

	}
	

#column_left{
	width:646px;
	height:426px;
	margin-right:20px;
	margin-left:20px;
	margin-top:10px;
/*	margin-bottom:40px;*/
	padding-right:15px;
	float:left;
	overflow:auto;

}

#column_left a {
	text-decoration: none;
	/*color:#000;*/
	font-weight:bold;
}
	
#column_right{
	width:250px;
/*	margin-right:20px;*/
	margin-top:10px;
	float:left; 
	background-color:#FFF;
}
#column_right a {
		margin-top: -5px;
}


/*
div.spacer, permet de faire deux colonne dans #container
*/

div.spacer{
	clear:both; 
	height:10px; 
	display:block;
}

#footer{
/*	width:auto; 
	display:inline; 
*/	height:20px; 
	background-color:#96d9f3;
	text-align:center;
}

#footer a {
	text-decoration:none;
	color:#000;

}

fieldset {
  padding: 1em;
  border:1px solid;
  border-color: #ff5800;
  }

legend {
  padding: 0.2em 0.5em;
  border:1px solid #ff5800;
  text-align:right;
  color:#ff5800;
  }
input {
	border:1px solid;
	border-color: #20a0d6;
	background-color:#FFF;
}
label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }

.info {
	color:#000;
	text-align:center;
}

#resultat {
	border-collapse: collapse;
	margin: auto;
	
	}
	
#resultat td {
	
	border:1px ridge;
	border-color: #20a0d6;
	
	}
	
#resultat th {
	
	border:1px ridge;
	border-color: #20a0d6;
	
	text-align: center;
	
}
#resultat p {
	padding:10px;
}
/*
ul {
padding: 10px 0 15px 20px;
margin:0;
}

li {
margin-bottom:5px;
list-style-image: url(../Elements/Mr.IdeaPuce.jpg);
color: #3B6EBF;
}

*/