/*Definition des comportements du texte et des liens par defaut,*/
/*quand aucune classe ou id ne leur est attribue*/
/*--------------------------------------*/

body { 
	height : 100%;
	color: #444; 
	background-color: #edf6e3;
	font-size: 12px; 
	line-height: 14px;
	font-family: verdana, helvetica, arial, sans-serif; 
	text-align: justify;
  	margin: 0px; 
	padding: 0px;
}

a:link,
a:visited,
a:active {
	text-decoration : none;
	color : #0000FF;
}

a:hover {
	text-decoration : none;
	color : #274BB3;
}




/*Definition des principaux blocs*/
/*--------------------------------------*/

/*le bloc global, qui contient tout le contenu*/

#container {
	background-color : #ffffff;
	padding : 0;
	width : 100%;
}


/* Les trois principaux blocs, haut, milieu et bas*/

#pageHeader {
	text-align: center;
	/*background-image : url(images/logo-eurobot.png);*/
	background-image : url(images/fondHead.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin : 0;
	padding : 140px 0px 0px 0px;
	background-color : #b1cdff;
}

#pageContent {
	width : 100%;
	height : 100%;
	margin-top : 10px;
	padding : 0;
}

#pageFooter {
	width : 100%;
	background-color : #7478a1;
	margin-top : 30px;
	padding-bottom : 30px;
}


/*Blocs contenus dans le bloc #pageContent (celui du milieu)*/
/*--------------------------------------*/

/* accueil container n'a pas de margin, parce qu'il est a gauche,*/
/* le menu est a droite contrairement aux autres pages.*/

/* accueilContainer ou horsaccueilContainer, c'est lui qui contient*/
/*tout les textes, images, news...*/

#accueilContainer  {
	height : 100%;
	width : 70%;
	margin : 0px;
	padding-left : 10px;
	padding-right : 10px;
	border-right : 1px dashed #cecece;
}

#horsaccueilContainer  {
	width : 70.5%;
	margin-left: 27.5%;
	margin-right : 10px;
	padding-left : 5px;
	border-left : 1px dashed #cecece;
}

#rightContainer  {
	width : 27%;
	height : 80%;
	position : absolute;
	/*top : 144px;*/
	margin: 0px 0px 0px 73%;
	padding-bottom : 80px;
	background-color : #ffffff;
	/*background-image: url(images/logo_planete_sciences.gif);*/
	/*background-position:bottom center;*/
	/*background-repeat : no-repeat;*/
}

#leftContainer  {
	position : absolute;
	left : 0px;
	width : 27%;
	margin: 0px 5px 0px 10px;
	padding : 0px;
}

/*Les blocs contenus par accueilContainer*/
/*--------------------------------------*/

#accueilWelcome {
	width : 100%;
	margin-bottom : 30px;
	padding : 0px 0px 25px 0px;
	border : 1px solid #cccccc;
	background-image : url(images/newsbottombg.png);
	background-position : bottom;
	background-repeat : repeat-x;
}

#accueilWelcome h1 {
	font-size : 13px;
	color : #ffffff;
	text-transform : uppercase;
	font-weight : bold;
	background-color : #7458ff;
	padding : 2px 2px 2px 5px;
	margin : 0px;
}

#accueilWelcome h2 {	/* modif soudi 12/05/2005 */
	text-align : center;
	font-size : 17px;
	color : #000099;
	font-weight : bold;
}

#accueilWelcome h3 { 	/* ajout soudi 12/05/2005 */
	font-size : 15px;
	font-weight : bold;
	text-align : left;
	color : #991900;
	display : block;
	padding : 1px;
	margin-bottom : 5px;
}

#accueilWelcome p {
	font-size : 13px;
	padding : 15px 5px 2px 5px;
	margin : 0;
}

#accueilWelcome p.image {
	text-align : center;
	padding : 2px 5px 2px 5px;
	margin : 0;
}

/*.resize et .noresize s'appliquent aux images*/
/*de la page d'accueil, en fonction de leur largeur*/
#accueilWelcome img.noresize{
	padding : 1px;
	margin : 0;
	border : 1px solid #cccccc;
}

#accueilWelcome img.resize{
	padding : 1px;
	margin : 0;
	border : 1px solid #cccccc;
	width : 450px;
}

#accueilWelcome .soustitrep{
	/*font-size : 11px;  mis en commentaire le 17/4/05*/
	font-weight : bold;
	text-align : left;
	color : #991900;
	display : block;
	padding : 1px;
	margin-bottom : 5px;
}

#accueilWelcome table.lien a:link, 
#accueilWelcome table.lien a:visited,
#accueilWelcome table.lien a:active {
	font-weight : bold;
	text-decoration : none;
	color : #511B89;
}

#accueilWelcome table.lien a:hover {
	text-decoration : underline;
	color : #274BB3;
}

#accueilWelcome h2 {
	text-align : center;
}

#accueilWelcome table.lien{
	text-align : right;
	background-color : #dae7ff;
	text-align:right;
	margin-left : auto;
	margin-right : 15px;
}

#accueilWelcome table.lien td{
	background-color : #dae7ff;
}

#accueilWelcome table.lien td:hover{
	background-color : #ffffdd;
}



/*Blocs avec des classes, contenus dans accueilContainer.*/
/*Ou ailleurs si besoin est*/
/*--------------------------------------*/

div.news {
	width : 100%;
	margin-bottom : 10px;
	padding : 0px 0px 25px 0px;
	border : 1px solid #cccccc;
	background-image : url(images/newsbottombg.png);
	background-position : bottom;
	background-repeat : repeat-x;
	
}

/*blocTitre : contient le titre de la news dans l'encart du haut du div news*/
div.news .blocTitre {
	background-color : #58aeef;
	padding : 0;
	margin : 0;
	background-image : url(images/bgNewsTitre.png);
	background-position : bottom;
	background-repeat : repeat-x;
	/*height : 20px;*/
}

/*newsTitre : le titre en lui-meme.*/
div.news .newsTitre{
	font-size : 13px;
	color : #ffffff;
	text-transform : uppercase;
	font-weight : bold;
	text-align : left;
	padding : 2px 2px 4px 10px;
	margin-bottom : 10px;
	/*border : 1px solid black;*/
	
}

div.news .newsDate{
	width : 27%;
	font-size : 9px;
	font-weight : bold;
	color : #ffffff;
	text-transform : lowercase;
	text-align : right;
	/*padding : 2px 2px 4px 0px;*/
	margin-top : -23px;
	margin-bottom : 10px;
	margin-left : 70%;
	/*border : 1px solid black;*/
}

/* si il y a une image, elle va dans un tableau */
div.news table {
	width : 100%;
}

div.news td.texte {
	vertical-align : top;
	text-align : justify;
	padding : 0px 8px 0px 8px;
}

div.news td.image {
	width : 30%;
	vertical-align : top;
	text-align : center;
}

div.news img.noresize{
	padding : 1px;
	margin : 0;
	border : 1px solid #cccccc;
}

div.news img.resize{
	width : 350px;
	border : 1px solid #cccccc;
}

div.news h2 {
	vertical-align : top;
	text-align : center;
	font-weight : bold;
	font-size : 12px;
	margin : 0px 0px 0px 0px;
}

div.newsChapo {
	padding : 10px 10px 60px 10px;
	margin : 0;
	/*background-color : #fafbfe;*/
	background-image : url(images/chapobottombg.png);
	background-position : bottom;
	background-repeat : no-repeat;
}

div.news .newsCorps {
	vertical-align : top;
	padding : 5px;
}

div.news p.lien {
	text-align : right;
	font-weight : bold;
}

div.news a:link, 
div.news a:visited,
div.news a:active {
	text-decoration : none;
	color : #511B89;
}

div.news a:hover {
	text-decoration : none;
	color : #274BB3;
}

div.texte {
	margin : 10px 10px 0px 10px;
}

img.newsicone {
	border:0px;
}


/* divs avec des class, dans rightContainer (bloc present sur la page d'accueil) */
/*--------------------------------------*/

#rightContainer a:link, 
#rightContainer a:visited,
#rightContainer a:active {
	text-decoration : none;
	color : #556DB4;
}

#rightContainer a:hover {
	text-decoration : none;
	color : #A694C5;
}

/* lInfos is used more than once on the main page, therefore it is converted as class and not id */
.lInfos {
	border : 1px solid #cccccc;
	padding : 0px 0px 25px 0px;
	margin-right : 10px;
	margin-bottom : 10px;
	background-color : #ffffff;   
	background-image : url(images/bg_bas_bloc.png);
	background-position : bottom;
	background-repeat : repeat-x;
}

.lInfos h1 {
	font-size : 11px;
	color : #ffffff;
	text-transform : uppercase;
	font-weight : bold;
	background-color : #7458ff;
	padding : 2px;
	margin : 0;
}

.lInfos img {
	border:0;
}

.lInfos ul {
	border-top : 1px solid #eeeeee;
	margin: 5px 5px 0px 5px; 
	padding: 0px 0px 0px 0px;
}

.lInfos li {
	list-style-type : none;
	display : block;
	border-bottom : 1px solid #eeeeee;
	margin: 0px 0px 0px 0px; 
	padding: 1px 3px 1px 3px;
}

#lNews {
	border : 1px solid #cccccc;
	padding : 0px 0px 25px 0px;
	margin-right : 10px;
	margin-bottom : 10px;
	background-image : url(images/bg_bas_bloc.png);
	background-position : bottom;
	background-repeat : repeat-x;
}

#lNews h1 {
	font-size : 11px;
	color : #ffffff;
	text-transform : uppercase;
	font-weight : bold;
	background-color : #7458ff;
	padding : 2px;
	margin : 0;
}

#lNews .date {
	font-size : 9px;
	font-weight : normal;
}

#lNews div.sousmenu {
	
	border-top : 1px solid #eeeeee;
	margin: 5px 5px 0px 5px; 
	padding: 0px 0px 0px 0px;
}

#lNews p {
	text-align : left;
	font-weight : bold;
	list-style-type : none;
	display : block;
	border-bottom : 1px solid #eeeeee;
	margin: 0px 0px 0px 0px; 
	padding: 1px 3px 1px 3px;
}



/* divs avec des class, dans leftContainer (bloc present sur toutes les autres pages) */
/*--------------------------------------*/

#leftMenu {
	text-align : left;
	border : 1px solid #cccccc;
	padding : 0px 0px 25px 0px;
	margin-right : 10px;
	margin-bottom : 10px;
	background-color : #ffffff;  /*ajout soudi 12/05/2005 */
	background-image : url(images/bg_bas_bloc.png);
	background-position : bottom;
	background-repeat : repeat-x;
}

#leftMenu h1 {
	font-size : 11px;
	color : #ffffff;
	text-transform : uppercase;
	font-weight : bold;
	background-color : #7458ff;
	padding : 2px;
	margin : 0;
}

/*ajout soudi 20/12/2004*/
#leftMenu h2 {
	font-size : 11px;
	font-weight : bold;
	background-color : #C6B9FF;
	padding : 2px;
	margin : 0;
}
/*fin ajout*/

#leftMenu ul {
	border-top : 1px solid #eeeeee;
	margin: 5px 5px 0px 5px; 
	padding: 0px 0px 0px 0px;
}

#leftMenu li {
	list-style-type : none;
	border-bottom : 1px solid #eeeeee;
	margin: 0px 0px 0px 0px; 
	padding: 3px 3px 3px 2px;
}

#leftMenu li:hover {
	background-color : #e7e5ef;
}

#leftMenu a:link, a:visited, a:active {
	text-decoration : none;
	color : #804301;
}

#leftMenu a:hover {
	text-decoration : none;
	color : #c26603;
}



/* Blocs et comportement de pageHeader */
/*--------------------------------------*/
#topLogo {
	position : absolute;
	left : 0px;
	top : 0px;
}

#topLogo img {
	border:0;
}

#topFlagsCountries {
	position : absolute;
	right : 10px;
	top : 30px;
	margin : 5px;
}

#topFlagsCountries img {
	border:0;
}

#topTitleNationalCup {
	position : absolute;
	top : 0px;
	right : 0px;
	font-size : 11px;
	margin : 5px;
}

#topMenuContainer {
	text-align : center;
	background-color : #dae7ff;
	padding: 5px;
	margin:0;
	border-top : 1px solid #6da1ff;
	border-bottom : 1px solid #b7d1ff;
}
	


#topMenu {
	width : 680px; 	/* 10-01-2005 ancienne valeur 530. modif pour ajout menu*/
					/* 15-01-2005 passe de 570 a 580 pour ajout junior en francais*/
					/* 11-12-2005 passe de 580 a 680 pour ajout 2008*/
	display : block;
	text-align : center;
	margin : 0px auto 0px auto;
	padding : 0;
	}


#topMenu ul {
	display : inline;
	text-align : center;
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	list-style-type : none;
}

#topMenu li {
	text-align : center;
	font-size : 11px;
	display : inline;
	margin: 0px 0px 0px 0px;
	padding : 0;
}

#topMenu li a {
	padding: 5px 5px 5px 5px;
	border-right : 2px solid #ffffff;
	margin-left : -4px;
	margin-right : 0px;
}

#topMenu li.premier a {
	border-left : 2px solid #ffffff;
}

#topMenu li a:hover {
	background-color : #e7effe;
	text-decoration : underline;
}

#topMenu a:link, 
#topMenu a:visited,
#topMenu a:active {
	text-decoration : none;
	color : #000000;
}

#topMenu a:hover {
	text-decoration : none;
	color : #630028;
}


/*mise en page des pages d'admin*/
/*-----------------------------------*/

/*tableau du listing des news (newslisting.php)*/

table.newslisting{
	
}

tr.newslistingtitre {
font-weight : bold;
text-align : center;
background-color : #feefff;
}

tr.newslisting {
border-bottom: dashed 1px #000000;
}

td.newslisting {
text-align : center;
border-bottom: dashed 1px #727272;
}

td.noactive {
background-color : #c2c6c6;
border-bottom: dashed 1px #727272;
}

td.notraduction {
background-color : #3fd7d9;
border-bottom: dashed 1px #727272;
}

td.nopublication {
background-color : #dd9b1d;
border-bottom: dashed 1px #727272;
}

td.online {
background-color : #65dc89;
border-bottom: dashed 1px #727272;
}

td.newscolorid {
width:5px;
background-color : #ffffff;
}







/* classes solitaires pour mise en forme de texte */
/*-----------------------------------*/


/*texte en rouge (pour les verifs de formulaire*/
.warning{
color:#ff0000;
font-size:10px;
}

/*alignement du texte pour les news et autres, a inserer dans les textarea du backoffice*/
.alignleft{
text-align:left;
}

.alignright{
text-align:right;
}

.aligncenter{
text-align:center;
}

.alignjustify{
text-align:justify;
}

.gras{
	font-weight:bold;
}

.souligne{
	text-decoration:underline;
}

.italique{
	font-style:italic;
}