/*** Règle de Style Globale ***/
body{ 
background-color: hsl(0, 0%, 0%);
background-image: url('images/background_cadre.jpg');
background-position: center 0;
background-repeat: no-repeat;
} 

iframe body{ 
	background-color:white;
	backgroun-image:none; 
} 
/* Bloc qui contient tout les autres bloc
il va nous permettre de mettre une taille fixe */
#visual-portal-wrapper {
	/* On régle la taille fixe de la page à 760px */ 
	width: 760px; 
	/* On centre le boc au milieu des X */
	margin: 0 auto;
} 

input[type="submit"], input[type="button"] {
margin:5px;
padding:5px 20px 5px 20px;
border-radius: 2px;
border: 1px solid #CCC;
height: 25px;
color: white;
background-color:#2F9ACC;
background:-webkit-linear-gradient(top, #3BC1FF, #2F9ACC);
background:-moz-linear-gradient(top, #3BC1FF, #2F9ACC);
font-weight: bold;
text-shadow: 1px 1px 1px #666;
font-size: 11px;
}

input[type="submit"]:hover, input[type="button"]:hover {
margin:5px;
padding:5px 20px 5px 20px;
border-radius: 2px;
border: 1px solid #CCC;
height: 25px;
color: white;
background-color:#77CC55;
background:-webkit-linear-gradient(top, #87E861, #77CC55);
background:-moz-linear-gradient(top, #87E861, #77CC55);
font-weight: bold;
text-shadow: 1px 1px 1px #666;
font-size: 11px;
}

#tableauPerso table {
	margin-top:10px;
	}
	#tableauPerso tr:nth-child(odd) {
	background-color: #4798D1;
margin: 0px;
color: white;
	}
	
	#tableauPerso tr:nth-child(even) {
	background-color: white;
	margin: 0px;
	}
	
	#tableauPerso thead tr:nth-child(odd){
	 background-color:#2E6287;
	 color:white;
	}
	#tableauPerso td, #tableauPerso th {
	padding: 5px;
	}
/* Rendre le bouton login plus épais */	
#login-form input.context {
height:35px;
}
/*** Fin Règle de Style Globale ***/

/**** Début Règle qui permettent au thème d'être indépendant *****/
div.visualPadding {
margin-left: -23.875%;
width: 22.75%;
position: relative;
float: left;
left: 100%;
margin-top: 30px;
}
/**** Fin Règle qui permettent au thème d'être indépendant *****/

/***** Début de la partie central *****/

/* Elle contient à gauche le contenu des différents articles et dossiers
Et a droite on a tous les portlets */

/* Ensemble de la partie central */
#portal-columns { 
	background-color:white; 
	box-shadow: 0px 0px 2px #222;
}
 
/* Permet à la page d'éviter de dépasser 760px */
div.width-full { 
	width:100%; 
} 

	/***** Début partie gauche qui affiche le contenu *****/
	#portal-column-content { 
		/* On met un espace d'1em a droite et a gauche du contenu de la page
		Pour éviter que le texte cole la bordure */
		padding:0 20px;
		max-width: 720px;
		
	}
	
	#portal-column-content-users { 
		/*Pour le tableau des utilisateur qui dépasse */
		overflow-x: auto;
	} 
	/* Permet de détacher le fil d'ariane */
	 #viewlet-above-content {
	 	background-color:#DDD;
	 	border-bottom-left-radius: 5px;
	 	border-bottom-right-radius: 5px;
	 }
	/* Permet de changer de couleur la barre d'édition et d'administration en noir */
	#edit-bar, #content-views, #contentActionMenus, #contentActionMenus dl.actionMenu a, #contentActionMenus dl.actionMenu.activated dd { 
		background-color: black; 
		border-color:black; 
	} 
	/* pour eviter que les pages d'edition deborde de la fenetre */ 
	.ploneSkin table, .ploneSkin tbody, .ploneSkin a, .ploneSkin img, .ploneSkin tr, .ploneSkin div, .ploneSkin td, .ploneSkin iframe, .ploneSkin span, .ploneSkin *, .ploneSkin .mceText { 
		max-width: 481px; 
	} 
	/* pour eviter que les pages d'edition deborde de la fenetre */ 
	#content fieldset { 
		max-width: 498px; 
	} 
	/* Pour que le menu des actions ne bouge pas */ 
	dl.actionMenu.activated dd { 
		position: absolute; 
	} 

	/* Barre d'action qui contient :
	Actions, Affichage, Ajout d'un élément
	Etat */
	
	#contentActionMenus { 
		/*On met la barre à gauche pour plus de cohérence
		avec la barre du dessus */
		float: left;
		/*on colle la barre à celle du dessus */
		top: -0.24em;
		/* On colle la barre à gauche
		Pour la mettre dans le même axe que celle
		du dessus */
		right: 0.24em; 
	} 
	
	
	#content {
	/* Taille du contenu affiché
	Permet d'aviter au texte de déborder */
		/*width :90%;*/
	
	}
	
	/***** Fin partie gauche qui affiche le contenu *****/

	/***** Début partie droite qui affiche les portlets *****/
	
	#portal-column-two { 
	margin-top: 30px;
	}
	
	/* Champ connexion */
	#__ac_password, #__ac_name { 
		border-radius:2px;
		border:1px solid #555;
		width: 130px; 

	} 
	
	/* Champ recherche */
	input.searchField { 
		/* Permet de rendre le champ de recherche
		Plus jolie avec les navigateurs Webkit		*/ 
		-webkit-appearance: searchfield; 
		width: 130px; 

	} 
	
	/* Bouton recherche */
	#searchGadget, .LSBox input.searchButton { 
		/* On augmente légérement la taille du bouton recherche */
		width: 150px; 
		margin-top: 5px; 
	} 

	/* Pour la recherche */ 
	fieldset, .editionComment { 
		background-color: white; 
	} 
	
	dl.portlet dt {
		box-shadow: 0px 0px 5px #222;
		margin: 0;
		background-color:#28547D;
		background:-webkit-linear-gradient(top, #3977B2,#28547D,#3977B2);
		background:-moz-linear-gradient(top, #3977B2,#28547D,#3977B2);
		border: 1px solid #444;
	}
	
	dl.portlet dt a:link, dl.portlet dt a:visited {
		color:white;
	}
	
	/***** Fin partie gauche qui affiche les portlets *****/

/***** Fin de la partie central *****/

/***** Début de la partie basse *****/

/* Partie qui affiche le copyright */
#portal-footer { 
	background-color:#3977B2;
	/* Permet de le coller au bloc central */
	margin : 0; 
	/* Permet de centrer le texte */
	text-align: center;
	margin-bottom: 1em;
	color:white;
	font-size:12px;
} 

/* Partie qui est en dessous du footer et qui affiche :
le plan du site, l'accessibilité et Contact */
#portal-colophon, #portal-siteactions { 
	background-color:#28547D; 
} 

#portal-colophon li a{
color:white;
font-size:12px;
}

#portal-siteactions li a:link{
color:white;
border-bottom:1px dotted white;
font-size:12px;
}

#portal-siteactions li a:visited{
color:#DDD;
border-bottom:1px dotted #DDD;
font-size:12px;
}

/* Pour centrer le footer */
div.position-0 { 
	margin-left:-100%; 
} 

#portal-colophon {  
	margin-bottom:0em; 
	padding-bottom:1em; 
} 

/***** Fin de la partie basse *****/





#portal-column-content.width-1\3a 2 { max-width:    320px; } /* .width-1:2 */
#portal-column-content.width-3\3a 4 { max-width:    520px; } /* .width-3:4 */
#portal-column-content.width-full   { max-width:    720px;  } 
/*#portal-column-content.position-0  { margin-left: -969px; }
/*#portal-column-content.position-1\3a 4 {margin-left:    -758px;} /* .position-1:4 */
/*#portal-column-content.position-3\3a 4 {margin-left:    -210px;} /* .position-3:4 */