body {
	background:  #e8e8df;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial;
}

h1{
	padding-top: 5px;
	font-size: 14px;
	text-align: left;
	color: #f08518;
	font-weight: bold;
}
h2{
	padding-top: 5px;
	font-size: 13px;
	text-align: left;
	color: #0053a0;
	font-weight: bold;
}
h3{
	padding-top: 5px;
	font-size: 11px;
	text-align: left;
	color: #acc533;
	font-weight: bold;
}
titre{
	padding-top: 5px;
	font-size: 14px;
	text-align: left;
	color: #f08518;
	font-weight: bold;
}
titre1{
	padding-top: 5px;
	font-size: 13px;
	text-align: left;
	color: #0053a0;
	font-weight: bold;
}
titre2{
	padding-top: 5px;
	font-size: 11px;
	text-align: left;
	color: #acc533;
	font-weight: bold;
}

a.lien, a.lien:link, a.lien:active, a.lien:active {
	font-size: 11px;
	color: #0053a0;
	text-decoration: none;
}

a.lien:hover {
	text-decoration: underline;
}

p, ul, li{
	font-size: 11px;
	text-align: justify;
	color: #595959;
	line-height: 14px;
}
a, a:link, a:active, a:active {
	font-size: 11px;
	color: #0053a0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


#conteneur{
	width: 780px;
	margin-left: 150px;
	background: url(../images/interface/bg_conteneur.gif) repeat-y;
	/*margin: auto;*/
}
/******************************************************* HEADER *****************************************************/

#header{
	height: 169px;
	background: url(../images/interface/bandeau-college.jpg) no-repeat;
}
table#header_menu{
	float:left;
	padding: 0;
	margin-top: 50px;
	margin-left: 15px;
	width: 225px;
}
table#header_menu tr, table#header_menu td{
	margin: 0;
	padding: 0;
}
a.header_rose{
	padding: 0;
	margin: 0;
	height: 18px;
	display: block;
	background: url(../images/interface/picto-fleche-rose.gif) no-repeat #fbe5f2;
	border: 1px solid #fff;
	font-size: 11px;
	color: #5c0138;
	padding-left: 25px;
}
a.header_rose:hover{
	background: url(../images/interface/picto-fleche-rose2.gif) no-repeat #ffcdeb;
	color: #841758;
}
a.header_gris{
	height: 18px;
	display: block;
	background: url(../images/interface/picto-fleche-gris.gif) no-repeat #e8e8e4;
	border: 1px solid #fff;
	font-size: 11px;
	color: #404141;
	padding-left: 25px;
}
a.header_gris:hover{
	background: url(../images/interface/picto-fleche-gris2.gif) no-repeat #c6c6c3;
	color: #161616;
	height: 18px;
}

p#header_date{
	font-size: 11px;
	color: #fff;
	padding-top: 0;
	clear: both;
	padding-top: 5px;
	text-align: right;
	width: 98%;
}

/******************************************************* FOOTER *****************************************************/

#pied_page{
	clear:both;
	background: url(../images/interface/pied-page.gif) no-repeat;
	height: 70px;
}
#pied_page .p1{
	font-size: 11px;
	padding-top: 5px;
	width: 570px;
	float: left;
	margin-left: 5px;
	color: #595959;
}
#pied_page .p2{
	font-size: 11px;
	padding-top: 5px;
	float: right;
	margin-right: 5px;
	color: #fff;
}

#pied_page a, #pied_page  a:link, #pied_page  a:active, #pied_page  a:visited{
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#pied_page a:hover{
	text-decoration: underline;
}
ul.liens_pied_page{
	font-size: 11px;
	text-align:center;
	margin: 0;
	padding: 0;
	margin-left: 90px;
}

ul.liens_pied_page li{
	list-style: none;
	float:left;
	padding: 5px;
	color: #fff;
}


/******************************************************* MENU GAUCHE *****************************************************/

#menu_gauche{
	margin-top: 5px;
	float: left;
	width: 170px;
	margin-bottom: 15px;
}
.menu_gauche_titre_bloc h1{
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	height: 26;
	width: 169;
	display:block;
	margin-left: 10px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 0;
	margin-bottom: 5px;
}
.menu_gauche_titre_bloc h1.titre1,
.menu_gauche_titre_bloc h1.titre6,
.menu_gauche_titre_bloc h1.titre11{
	background: url(../images/interface/menu-gauche-bleu.gif) no-repeat;
}
.menu_gauche_titre_bloc h1.titre2,
.menu_gauche_titre_bloc h1.titre7,
.menu_gauche_titre_bloc h1.titre12{
	background: url(../images/interface/menu-gauche-orange.gif) no-repeat;
}
.menu_gauche_titre_bloc h1.titre3,
.menu_gauche_titre_bloc h1.titre8,
.menu_gauche_titre_bloc h1.titre13{
	background: url(../images/interface/menu-gauche-orange-clair.gif) no-repeat;
}
.menu_gauche_titre_bloc h1.titre4,
.menu_gauche_titre_bloc h1.titre9,
.menu_gauche_titre_bloc h1.titre14{
	background: url(../images/interface/menu-gauche-rose.gif) no-repeat;
}
.menu_gauche_titre_bloc h1.titre5,
.menu_gauche_titre_bloc h1.titre10,
.menu_gauche_titre_bloc h1.titre15{
	background: url(../images/interface/menu-gauche-vert.gif) no-repeat;
}
.menu_gauche_titre_bloc h1.titreinfo{
	background: url(../images/interface/menu-gauche-bleu-clair.gif) no-repeat;}

.blocniveau1{
	padding-left: 10px;
	padding-bottom: 5px;
}
.blocniveau1 p{
	text-align: justify;
	font-size: 11px;
	color: #18556d;
}
a.annexe, a.annexe:link, a.annexe:active, a.annexe:visited{
	color: #18556d;
	text-decoration:none;
	font-size: 11px;
	background: url(../images/interface/puce_triangle.gif) no-repeat center left;
	padding-left: 8px;
	margin-left: 5px;
}

annexe_actif a.a1, .annexe_actif a.a1:link, .annexe_actif a.a1:active, .annexe_actif a.a1:visited{
	color: #083242;
	text-decoration: underline;
	font-size: 11px;
	padding-left: 8px;
	margin-left: 5px;
	background: url(../images/interface/puce_triangle_bleu.gif) no-repeat center left;
}
annexe_actif a.a2, .annexe_actif a.a2:link, .annexe_actif a.a2:active, .annexe_actif a.a2:visited{
	color: #083242;
	text-decoration: underline;
	font-size: 11px;
	padding-left: 8px;
	margin-left: 5px;
	background: url(../images/interface/puce_triangle_orange_fonce.gif) no-repeat center left;
}
annexe_actif a.a3, .annexe_actif a.a3:link, .annexe_actif a.a3:active, .annexe_actif a.a3:visited{
	color: #083242;
	text-decoration: underline;
	font-size: 11px;
	padding-left: 8px;
	margin-left: 5px;
	background: url(../images/interface/puce_triangle_orange_clair.gif) no-repeat center left;
}
annexe_actif a.a4, .annexe_actif a.a4:link, .annexe_actif a.a4:active, .annexe_actif a.a4:visited{
	color: #083242;
	text-decoration: underline;
	font-size: 11px;
	padding-left: 8px;
	margin-left: 5px;
	background: url(../images/interface/puce_triangle_rose.gif) no-repeat center left;
}
annexe_actif a.a5, .annexe_actif a.a5:link, .annexe_actif a.a5:active, .annexe_actif a.a5:visited{
	color: #083242;
	text-decoration: underline;
	font-size: 11px;
	padding-left: 8px;
	margin-left: 5px;
	background: url(../images/interface/puce_triangle_vert.gif) no-repeat center left;
}

a.annexe:hover, .annexe_actif a:hover {
	text-decoration: underline;
	color: #18556d;
	font-size: 11px;
}


.niveau2{
	color: #18556d;
	text-decoration:none;
	font-size: 12px;
}
.niveau2 a, .niveau2 a:link, .niveau2 a:visited, .niveau2 a:active{
	color: #18556d;
	text-decoration:none;
	font-size: 11px;
	padding-left: 8px;
	margin-left: 15px;
	background: url(../images/interface/puce_triangle.gif) no-repeat center left;
}

.niveau2_actif{
	color: #18556d;
	text-decoration:none;
	font-size: 11px;
	padding-left: 8px;
	margin-left: 15px;
	background: url(../images/interface/puce_triangle.gif) no-repeat center left;
	font-weight: bold;
}


/******************************************************* CONTENT *****************************************************/

#content{
	width: 560px;
	margin-left: 200px;
	text-align: justify;
	padding: 5px;

}
.titre_contenu{
	padding-top: 5px;
	font-size: 15px;
	text-align: left;
	color: #f08518;
	font-weight: bold;
}
.contenu_texte{
	width: 100%;
	background: url(../images/interface/centre-onglet-top.gif) no-repeat;
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
	padding-top: 20px;

}
.contenu_texte_droit{
    text-align: right;
    margin-right: 20px;
    margin-bottom: 20px;

}
.contenu_texte h1{
	padding-top: 5px;
	font-size: 15px;
	text-align: left;
	color: #f08518;
	font-weight: bold;
}
.contenu_texte img{

}

.vous_etes_ici{
	margin-top: 5px;
	font-size: 11px;
	color: #475fa4;
	margin-bottom: 15px;
}
.vous_etes_ici a, .vous_etes_ici a:hover {
	color: #475fa4;
	text-decoration: underline;
	font-size: 11px;
}
.liens_actions {
	width: 95%;
	text-align: right;
	margin-top: 35px;
	margin-bottom: 20px;
}
a.liens_actions_articles:link, a.liens_actions_articles:active, a.liens_actions_articles:visited {
	color: #b1cb34;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
a.liens_actions_articles:hover  {
	text-decoration: underline;
}

.article_agenda{
   margin-top: 55px;
}

.article_calendrier{
   width: 200px;
   float:left;
}
.article_evenement{
    border: 1px dashed #bbb;
    margin-left: 210px;
    padding: 10px;
    padding-top: 0;
}
.article_evenement img{
    float: left;
    margin: 10px;
}
.resume_article{
	background: url(../images/interface/centre-onglet-top.gif) no-repeat;
	width: 500px;
	margin: 10px;
	padding: 10px;
	margin-left: 0px;
	border-bottom: 1px dotted #c7c7c5;
	border-left: 1px dotted #c7c7c5;
}
.resume_article h1{
	padding-top: 5px;
	font-size: 15px;
	text-align: left;
	color: #f08518;
	font-weight: bold;
}

.resume_article img{
	float:left;
}

.liens_actions_resume{
	text-align: right;
}
a.liens_actions_resume, a.liens_actions_resume:link, a.liens_actions_articles:active, a.liens_actions_articles:visited {
	color: #b1cb34;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a.liens_actions_resume:hover  {
	text-decoration: underline;
}

div#plan{
}
div#plan a{

}
div#plan a:hover{

}
div#plan ul{

}

div#plan ul li{

}


div#plan li.bloc{

}

table.contenu_contact{
width: 98%;


padding: 0;
margin: 10;
}
table.contenu_contact td{
font-size: 11px;
}
table.contenu_contact input, table.contenu_contact textarea, table.contenu_contact select{

}
table.contenu_contact input, table.contenu_contact select{

}
span.red{

}

/*********************************************** Calendrier ***********************************************************/
#agenda{
	/*background: #fff;*/
	float: none;
}
#calendrier{
	text-align: center;
	width: 190px;
	font-size: 11px;
	/*background: #fff;*/
}
#calendrier ul{
	/*background: #fff;*/
	margin: 0;
	padding: 0;
}
#calendrier li{
	list-style: none;
	/*background: #fff;*/
}
#libelle {
	margin: 0 auto;
	padding: 0;
}
.ligne {
	margin: 0 auto;
	padding: 0;
}
#libelle li {
	float : left;
	width : 25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 1px;
	color: #444;
}
.ligne li {
	padding-top: 1px;
	padding-bottom: 1px;
	color: #bbb;
	float : left;
	width : 25px;
	line-height: 20px;
	list-style: none;
	display: block;
	text-align: center;
	border: 1px solid #85a9d9;
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
	color: #d9f0ff;
	background:#4794c5;
	width : 23px;
	line-height: 20px;
	list-style: none;
	display: block;
}

li.itemExistingItem a, li.itemCurrentExistingItem a{
	text-decoration: underline;
	color: #1076b6;
	background:#eef8ff;
	width : 23px;
	line-height: 20px;
	list-style: none;
	display: block;
}


/************************** Membre *******************************************/
#connexion_membre{
	width: 95%;
	text-align: center;
	margin-top: 50px;
	margin-left: 15px;
}
#connexion_membre #connexion{
	border: 1px solid #85a9d9;
	padding: 15px;
	text-align: center;
	background: url(../images/interface/bg_membre.gif) repeat-x #fff;
}





/*************************************** Pages spécifiques au collèges ****************************************************************/
.float{
	float:left;
	margin: 10px;
	margin-top: none;
	border-left: 10px solid #acc533;
}

.contenu_texte table#liste{
	padding: 0;
	margin: 10;
	color: #595959;
	font-size: 11px;
	background: #f2face;
	border: #acc533 1px solid;
}
.contenu_texte table#liste tr{
	height: 11px;
	margin:0;
}
.contenu_texte table#liste td{
	background: #fff;
	border: #acc533 1px solid;
	padding: 5px;
	margin:0;
}
.contenu_texte table#liste td.vide{
	background: #f2face;
	padding: 5px;
	margin:0;
}
.contenu_texte table#liste th{
	text-align: center;
	text-transform: capitalize;
	background: #acc533;
	color: #fff;
	font-weight: bold;
}
.contenu_texte table#liste2{
	padding: 0;
	margin: 10;
	color: #595959;
	font-size: 11px;
	background: #cce4fb;
	border: #0053a0 1px solid;
}
.contenu_texte table#liste2 tr{
	height: 11px;
	margin:0;
}
.contenu_texte table#liste2 td{
	background: #fff;
	border: #0053a0 1px solid;
	padding: 5px;
	margin:0;
}
.contenu_texte table#liste2 td.vide{
	background: #cce4fb;
	padding: 5px;
	margin:0;
}
.contenu_texte table#liste2 th{
	text-align: center;
	text-transform: capitalize;
	background: #6e99c0;
	color: #fff;
	font-weight: bold;
}
.contenu_texte table#liste3{
	padding: 0;
	margin: 10;
	color: #595959;
	font-size: 11px;
	background: #ffc8a4;
	border: #f97723 1px solid;
}
.contenu_texte table#liste3 tr{
	height: 11px;
	margin:0;
}
.contenu_texte table#liste3 td{
	background: #fff;
	border: #f97723 1px solid;
	padding: 5px;
	margin:0;
}
.contenu_texte table#liste3 td.vide{
	background: #ffc8a4;
	padding: 5px;
	margin:0;
}
.contenu_texte table#liste3 th{
	text-align: center;
	text-transform: capitalize;
	background: #f97723;
	color: #fff;
	font-weight: bold;
}

#article_p_top{

}
#article_p_top img{
	float:left;
	margin: 0;
	padding: 0;
}
#article_p_top p{
	font-size: 11px;
	text-align: justify;
	color: #595959;
	line-height: 14px;
}
#article_p_bas_edito{
	margin-top: 105px;
	border-top: #595959 1px dotted;
	margin-bottom: 15px;
}
#article_p_bas{
	border-top: #595959 1px dotted;
	margin-bottom: 15px;
}
.table_right{
	float: right;
	margin: 15px;
}
/************************************* 2 COLONNES *********************************************/
#article_p_gauche,  #article_p_droit{
	margin-top: 5px;
	width: 46%;
	float:left;
	padding: 1px;
	font-size: 11px;
	text-align: justify;
	color: #595959;
	line-height: 14px;
	margin-left: 5px;
	padding-right: 10px;
}
#article_p_droit{ border-left: #595959 1px dotted; padding-left: 15px; padding-right:0; margin-right:0;}
#article_p_top ul, #article_p_gauche ul,  #article_p_droit ul{
	margin: 0;
	padding: 0;
	margin-left: 25px;
	text-align: justify;
}
#article_p_top li, #article_p_gauche li, #article_p_droit li{
	list-style: square;

}
#article_p_droit img{
	margin-top: 15px;
	margin-bottom: 10px;
	border-left: 10px solid #acc533;
}
#article_p_gauche img{
	margin-top: 15px;
	margin-bottom: 10px;
	border-left: 10px solid #acc533;
}
 img.border{
 	margin-top: 15px;
	margin-bottom: 10px;
	border-left: 10px solid #acc533;
	text-align:center;
	padding-left: 2px;
 }
 img.right{
 	margin-top: 15px;
	margin-bottom: 10px;
	border-left: 10px solid #acc533;
	text-align:center;
	padding-left: 2px;
	float: right;
	margin-left: 25px;
 }

  img.left{
 	margin-top: 15px;
	margin-bottom: 10px;

	margin-right: 25px;
	border-left: 10px solid #acc533;
	text-align:center;
	padding-left: 2px;
	float: left;
 }
/**********************************************************************************************/
/************************************* 3 COLONNES *********************************************/

#article_p3_gauche,  #article_p3_droit, #article_p3_centre{
	margin-top: 5px;
	width: 28%;
	float:left;
	padding: 1px;
	font-size: 11px;
	text-align: justify;
	color: #595959;
	line-height: 14px;
	margin-left: 10px;
	padding-right: 10px;
}
#article_p3_droit, #article_p3_centre{ border-left: #595959 1px dotted; padding-left: 15px; padding-right:0; margin-right:0;}
#article_p3_top ul, #article_p3_gauche ul,  #article_p3_droit ul{
	margin: 0;
	padding: 0;
	margin-left: 25px;
	text-align: justify;
}
#article_p3_top li, #article_p3_gauche li, #article_p3_droit li{
	list-style: square;

}
#article_p3_droit img{
	margin-top: 15px;
	margin-bottom: 10px;
	border-left: 10px solid #acc533;
}
/**********************************************************************************************/
#membre_centre{
	width: 550px;
	margin-left: 210px;
	margin-top: 10px;
	padding-top:0;
	margin-bottom: 15px;
    padding-bottom: 15px;
}

.membre .espace, .membre .webmail{
	border: 1px dotted #aaa;
	width: 240px;
	height: 100px;
	padding: 10px;
	padding-top: 0;
	float: left;
	margin: 5px;
	background: url(../images/interface/bg_membre.gif) repeat-x #fff;
}

.membre .news, .membre .agenda{
	border: 1px dotted #aaa;
	width: 510px;
	float: left;
	margin: 5px;
	margin-bottom: 20px;
	background: url(../images/interface/bg_membre.gif) repeat-x #fff;
	padding: 10px;
}
.membre h1 span{
	font-size: 11px;
	font-weight: normal;
}
.membre .news h1{
	background: url(../images/pictos/news.gif) no-repeat;
	padding: 2px;
	padding-left: 0px;
	height: 32px;
	text-align: center;
	border-bottom: 1px dotted #aaa;
}
.membre .agenda h1{
	background: url(../images/pictos/calendar.gif) no-repeat;

	height: 32px;
	text-align: center;
	border-bottom: 1px dotted #aaa;
	padding: 2px;
}
.membre .webmail h1{
	background: url(../images/pictos/mail.gif) no-repeat;
	padding-left: 40px;
	height: 32px;
	text-align: center;
	border-bottom: 1px dotted #aaa;
	padding: 2px;
}
.membre .espace h1{
	background: url(../images/pictos/box.gif) no-repeat;
	padding-left: 40px;
	height: 32px;
	text-align: center;
	border-bottom: 1px dotted #aaa;
	padding: 2px;
	padding-top: 0;
}

/**************************************************************************************************/


/**************************************Webmail************************************************/
.formulaire {
	width: 560px;
	margin-left: 200px;
	text-align: justify;
	padding: 5px;
}
h1.h1_webmail{
    height: 45px;
    padding-left: 52px;
    background: url(../images/pictos/mail2.gif) no-repeat;
    padding-top: 12px;
}
.formulaire_gauche a.annexe, .formulaire_gauche a.annexe:link, .formulaire_gauche a.annexe:visited{
	color: #18556d;
	text-decoration:none;
	font-size: 11px;
	background: url(../images/interface/puce_triangle.gif) no-repeat center left;
	padding-left: 8px;
	margin-left: 5px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial;
}
.formulaire_gauche a.annexe:hover{
	text-decoration: underline;
}
.formulaire_centre {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.formulaire .menu_gauche_titre_bloc{
	float: left;
}
.formulaire_gauche{
	width: 180px;
	float:left;
}
.formulaire_gauche_top{
	width: 170px;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.formulaire_gauche_top_nouveau{
	padding-bottom: 10px;
}
.formulaire_gauche_top_recherche input.recherche{
	width: 100px;
}

.formulaire_droit{
	margin-left: 20px;
	margin-top: 0px;
	width: 550px;
	float:left;
	padding: 8px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.formulaire_droit .vous_etes_ici{
	margin-top: 5px;
	font-size: 11px;
	color: #475fa4;
	margin-bottom: 15px;
	font-weight: normal;
	font-style: tahoma;
}
.formulaire_droit .vous_etes_ici a, .formulaire_droit .vous_etes_ici a:hover, .formulaire_droit .vous_etes_ici a:link {
	color: #475fa4 !important;
	text-decoration: underline !important;
	font-size: 11px !important;
	font-weight: normal !important;
	font-family: Tahoma, Verdana, Arial !important;
}
.formulaire_droit_top{
	width: 530px;
}
.formulaire_droit_top2{
	margin-top: 5px;
	padding: 10px;
	width: 532px;
}
.formulaire_droit_top2 select{
	width: 100px;
	height: 23px;
	font-size: 11px;
	padding-top: 4px;
}

.formulaire_gauche_top input#nouveau{
	background: url(../images/icon/repondre.gif) no-repeat 2px center #eeeafe;
	width: 150px;
	height: 25px;
	text-align:right;
	background: url(../images/icon/repondre.gif) no-repeat 2px center #eeeafe;
	border: 1px solid;
	text-align:right;
    font-size: 11px;
}
.formulaire_gauche_top input#nouveau:hover{
	width: 150px;
	height: 25px;
	background: url(../images/icon/repondre.gif) no-repeat 2px center #d9cefe;
	border: 1px solid;
	font-size: 11px;
}

.formulaire_gauche_top input#ok{
	width: 50px;
	height: 22px;
	background: url(../images/icon/ok.gif) no-repeat 2px center #eeeafe;
	border: 1px solid;
	text-align:right;
	font-size: 11px;
}
.formulaire_gauche_top input#ok:hover{
	width: 50px;
	height: 22px;
	background: #eeeafe;
	border: 1px solid;
	background: url(../images/icon/ok.gif) no-repeat 2px center #d9cefe;
}

.formulaire_droit input{
	width: 90px;
	height: 25px;
	background: #eeeafe;
	border: 1px solid;
	text-align:right;
	font-size: 11px;
}
.formulaire_droit input#repondre2{
	background: url(../images/icon/repondre.gif) no-repeat 2px center #eeeafe;
	margin-left: 10px;
}
.formulaire_droit input#repMess{
	background: url(../images/icon/repondre.gif) no-repeat 2px center #eeeafe;
	margin-top: 10px;
	margin-bottom: 10px;
}
.formulaire_droit input#deplacer{
	background: url(../images/icon/deplacer.gif) no-repeat 2px center #eeeafe;
	margin-left: 2px;
}
.formulaire_droit input#supprimer{
	background: url(../images/icon/supprimer.gif) no-repeat 2px center #eeeafe;
	margin-left: 2px;
}
.formulaire_droit input#lu{
	margin-left: 10px;
	background: url(../images/icon/lu.gif) no-repeat 2px center #eeeafe;
	width: 80px;
}
.formulaire_droit input#nonlu{
	background: url(../images/icon/nonlu.gif) no-repeat 2px center #eeeafe;
	width: 80px;
	margin-left: 2px;
}
.formulaire_droit input#envoi_new{
	background: url(../images/icon/repondre.gif) no-repeat 2px center #eeeafe;
}


.formulaire_droit input:hover{
	width: 90px;
	height: 25px;
	background: #eeeafe;
	border: 1px solid;
}

.formulaire_droit input#repondre2:hover{
	width: 90px;
	margin-left: 10px;
	height: 25px;
	border: 1px solid;
	background: url(../images/icon/repondre.gif) no-repeat 2px center #d9cefe;
}
.formulaire_droit input#repMess:hover{
	width: 90px;
	margin-top: 10px;
	height: 25px;
	border: 1px solid;
	background: url(../images/icon/repondre.gif) no-repeat 2px center #d9cefe;
}
.formulaire_droit input#deplacer:hover{
	width: 90px;
	height: 25px;
	border: 1px solid;
	background: url(../images/icon/deplacer.gif) no-repeat 2px center #d9cefe;
	margin-left: 2px;
}
.formulaire_droit input#supprimer:hover{
	width: 90px;
	height: 25px;
	border: 1px solid;
	background: url(../images/icon/supprimer.gif) no-repeat 2px center #d9cefe;
	margin-left: 2px;
}
.formulaire_droit input#nonlu:hover{
	width: 80px;
	height: 25px;
	border: 1px solid;
	background: url(../images/icon/nonlu.gif) no-repeat 2px center #d9cefe;
	margin-left: 2px;
}
.formulaire_droit input#lu:hover{
	margin-left: 10px;
	width: 80px;
	height: 25px;
	border: 1px solid;
	background: url(../images/icon/lu.gif) no-repeat 2px center #d9cefe;
}
.formulaire_droit input#envoi_new:hover{
	width: 90px;
	height: 25px;
	border: 1px solid;
	background: url(../images/icon/repondre.gif) no-repeat 2px center #d9cefe;
}
.formulaire_droit_top_titre{
	padding-top: 5px;
	font-size: 14px;
	text-align: left;
	color: #f08518;
	font-weight: bold;
}
.formulaire_droit_top_titre h1{
    float: left;
}
.formulaire_droit_top_titre p{
    margin-left: 155px;
    border: 1px dotted;
    padding: 10px;
    font-weight: normal;
    text-align: justify;
}
.formulaire_droit .reponse_mail{
	margin-top: 20px;
}
.formulaire_droit .liste_mail{
	text-align:left;
}
.formulaire A:link, .formulaire_centre A:link { font-family: Verdana, Arial, sans-serif;  font-weight: bold; font-size: 10px; color: #000000;  text-decoration: none; }
.formulaire A:visited, .formulaire_centre A:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; text-decoration: none; }
.formulaire A:active, .formulaire_centre A:active  { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; text-decoration: none; }
.formulaire A:hover, .formulaire_centre A:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; text-decoration: underline; }
.formulaireEdit{ background-color: #EFEFF2; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.bouton { background-color: #DEDEE8; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #000000; }
.text_recherche{
	width: 105px;
}


.repertoire_webmail{
	width: 180px;
	border: 0;
	padding:0;
	margin-left: 10px;
	height: 500px;
}

.affiche_message, .reponse_message{
	width: 550px;
	height: 300px;
	border:1px solid #000;
	display: block;
}

/***************************************Disque***********************************************/

.espace_disque{
	width: 540px;
	margin-left: 210px;
	margin-top: 10px;
	padding-top:0;
	margin-bottom: 15px;
}
h1.h1_disque{
    height: 45px;
    padding-left: 52px;
    background: url(../images/pictos/box2.gif) no-repeat;
    padding-top: 12px;
}
.total_space{
	padding: 5px 0 0 0px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bar_total{
	border: 1px solid black;
	float:left;
	height: 15px;
	background-color:#EFEFEF;
}

.used_space{
	height: 11px;
	background-color:#66CC99;
	margin: 2px 2px 2px 2px;
	display:block;
}
.upload_text{
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#6699FF;
	width: 540px;
}

.upload{
	margin: 15px 20px 30px 0px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333366;
	width: 540px;
}

.form_upload{
	padding: 10px 5px 2px 5px;
	border: 1px solid black;
	background-color: #EEFFFF;
}

.select_upload{
	border: 1px solid black;
	height: 15px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.upload_input{
	margin-top: 15px;
}

.upload_select{
	margin-right: 20px;
}

.submit_upload{
	margin-top: 20px;
}

.button_submit_upload{
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid black;
	background-color:#00CCFF;
}

.list_doc{
	border: 1px solid black;
	margin-bottom: 20px;
}

.create_rubrique{
	border: 1px solid black;
	background-color: #EEFFFF;
	width: 540px;

	margin-bottom: 15px;
}

.form_rubrique{
	margin: 10px 5px 2px 5px;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.libelle{
	width: 130px;
	float: left;
	padding-top: 3px;
}

.rub_input{
	border: 1px solid black;
}

.input{
	float: left;
}

.resultat_upload{
	border: 1px solid black;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background-color:#EEFFFF;
	text-align:center;
}

.resultat_texte{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/**************************************News*******************************************/
#membre_news{
	width: 550px;
	float:left;
	margin-left: 40px;
	margin-bottom: 15px;
	margin-top: 5px;
}
h1.h1_news{
    height: 45px;
    padding-left: 52px;
    background: url(../images/pictos/news2.gif) no-repeat;
    padding-top: 12px;
    margin-bottom: -20px;
    padding-bottom:0;
}
.membre_news_article{
	border: 1px dotted;
	padding: 10px;
	padding-top: 0;
	background: url(../images/interface/bg_membre.gif) repeat-x;
	margin-bottom: 15px;
}
.membre_news_article p, .membre_news_article_resume p{
	text-align: justify;
}
.membre_news_article img{
    float:left;
    margin: 10px;
}

.membre_news_article_resume{
	padding: 10px;
	margin-top: 10px;
	padding-top: 0;
	width: 85%;
	margin: 0 auto;
}
.pagination_news{
    text-align: right;
    font-size: 11px;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/**************************************Agenda*******************************************/
/**** Idem article_agenda ****/
.membre_agenda{
    float:left;
}
h1.h1_agenda{
    height: 45px;
    padding-left: 52px;
    background: url(../images/pictos/calendar2.gif) no-repeat;
    padding-top: 12px;
    margin-bottom: 20px;
}


.gauche_info{
    width: 150px;
    /*border: 1px solid #cde3fa;*/
    margin-left: 20px;
    margin-top: 20px;
    text-align: center;
}

.gauche_tel{
    margin-left: 10px;
    margin-right: 10px;
    display: block;
    background: url(../images/interface/telephone.gif) no-repeat center left;
    padding-left: 20px;
    line-height: 24px;
}
.gauche_fax{
    margin-left: 10px;
    margin-right: 10px;
    display: block;
    background: url(../images/interface/fax.gif) no-repeat center left;
    padding-left: 20px;
    line-height: 24px;
}
.gauche_mail{
    margin-left: 10px;
    margin-right: 10px;
    display: block;
    background: url(../images/interface/mail.gif) no-repeat center left;
    padding-left: 20px;
    line-height: 24px;
}

#flash{
	text-align: center;
	width: 169px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}