/*
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx|xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                                          appli.css
																					
                            Feuille de styles CSS de l'application
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx|xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx|xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                                  Dernières modifications
 29/06/11 - Rodolphe Millet - Création de la feuille de styles CSS 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx|xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
*/

#body_portail {
	  background-image: url("Img_appli/fond_portail.jpg")  ;
		background-repeat:no-repeat;
		background-color:#ffffff;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

#wrapper_portail{
    width: 1225px;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
		margin-left:auto;
		margin-right:auto;
}

#bandeau_menu_portail {
		background-color:#515d77;
    height: 29px;
}

#bandeau_logo_portail {
    background: url("Img_appli/logo_ul_dsf_contact.png") no-repeat scroll 0 0 transparent;
	/*background-size:15%;*/
    height: 72px;
		margin-top:10px;
}

#header_portail {
    background: url("Img_appli/header_portail.png") no-repeat scroll 0 0 transparent;
    border-bottom: 1px solid #e8e8e8;
    height:336px;
}

#conteneur_portail {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

#conteneur {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid black;
    width: 750px;
		height:610px;
		margin-left:23%;
		margin-top:100px;
}


#conteneur_connexion, #conteneur_reconnexion, #conteneur_en_cours, #conteneur_creation, #conteneur_creation_ul, #conteneur_message, #conteneur_documentation {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid black;
    width: 850px;
		margin-left:23%;
		margin-top:100px;
		box-shadow: 3px 3px 6px #888888;
}

#conteneur_documentation {
		height:545px;
}

#conteneur_connexion {
		height:435px;
}

#conteneur_reconnexion, #conteneur_en_cours {
		height:270px;
}

#conteneur_creation {
		height:530px;
}

#conteneur_creation_ul {
		height:295px;
}

#conteneur_message {
		height:250px;
}

#intro {
	text-align:center;
	font-size:19px;
	text-shadow: 1px 1px 2px #bebebe;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

#message {
	text-align:center;
	font-size:19px;
	text-shadow: 2px 2px 2px #bebebe;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

.title {
	clear:left;
	text-align:center;
	font-size:22px;
	padding-top:15px;
	font-weight:bold;
}

#title_bouton_gauche {
	font-size:20px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	margin-left:212px;
	color: #5e5e5e;
	text-align:center;
}

#title_bouton_droit {
	font-size:20px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	margin-left:197px;
	color: #5e5e5e;
	text-align:center;
}

#stitle_bouton_gauche {
	font-size:16px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:20px;
	float:left;
	margin-left:175px;
	color: red;
	text-align:center;
}

#stitle_bouton_droit {
	font-size:16px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:20px;
	float:left;
	margin-left:97px;
	color: red;
	text-align:center;
}

.stitle {
	clear:left;
	text-align:center;
	font-size:22px;
	text-shadow: 2px 2px 2px #bebebe;
	padding-top:15px;
	font-weight:bold;
	border-top: 1px solid #000000;
}

.discret {
	clear:left;
	text-align:center;
	font-size:13px;
	text-shadow: 1px 1px 2px #bebebe;
	padding-top:15px;
	font-weight:bold;
}

.title_orange {
	color : #ff6c00;
}

.title_vert {
	color : #20a18f;
}

.title_gris {
	color : #515d77;
}

span.impact {
	font-weight:bold;
	font-size:22px;
}

span.info_impact_red {
	font-weight:bold;
	color: red;
}

span.info_impact {
	font-weight:bold;
	color:#ff6c00 ;
}

.bgd_ul_ajout
{
	background:transparent;
}

.bgd_ul_ajout:hover
{
	color: #f66f00;
}

.bgd_ul_ajout
{
	background-image: url("Img_appli/bouton_ul_ajout_01.png");	
}