/*
-------------------------
 Pseudo Class 
------------------------- 
 */

.body_popup{
	background:#FFFFFF;
	}
	
h2{
	font-size:15px;
	color:#000;
	font-family: verdana,geneva,arial,ms sans serif;
	text-align:left;
	}
h3{
	font-size:15px;
	color:#5E656B;
	font-family: verdana,geneva,arial,ms sans serif;
	text-align:left;
	}
h4{
	font-size:13px;
	color:#5E656B;
	font-family: verdana,geneva,arial,ms sans serif;
	text-decoration:underline;
}

h5{
	font-size:13px;
	color:#5E656B;
	font-family: verdana,geneva,arial,ms sans serif;
	text-decoration:underline;
}

hr{
	margin-top:5px;
	border: dotted 1px #5E656B;
	}
	
a img{
	border: none;
	}

li{

}

/*
-------------------------
 Architecture texte 
------------------------- 
 */
.taille10{
	font-size:10px;
	 }
.dessus_rubrique{
text-align:center;
color:#000;
}

.contenu_rubrique{
verdana,geneva,arial,ms sans serif;
font-size:12px;
color:#000;
}
.contenu_rubrique a:link {color:#000;  text-decoration:none; font-family: verdana,geneva,arial,ms sans serif;}
.contenu_rubrique a:visited{color:#000; text-decoration:none; font-family: verdana,geneva,arial,ms sans serif;}
.contenu_rubrique a:hover{ color:#000;text-decoration: underline; font-family: verdana,geneva,arial,ms sans serif;}
	  
  /*
-------------------------
 Architecture Graphique Users
------------------------- 
 */ 
.coordonnees{
	font-family: verdana,geneva,arial,ms sans serif;
	font-size:12px;
}

.coordonnees a:link { color: #112C44; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.coordonnees a:visited{color: #112C44;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.coordonnees a:hover{color: #112C44; text-decoration: underline; font-family: verdana,geneva,arial,ms sans serif;}

.contact{
	margin-top:-24px;
	margin-left:20px;
	font-family: verdana,geneva,arial,ms sans serif;
	font-size:11px;
}

.contact a:link { color: #112C44; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.contact a:visited{color: #112C44;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.contact a:hover{color: #112C44; text-decoration: underline; font-family: verdana,geneva,arial,ms sans serif;}

.coscienza{
	margin-top:7px;
	margin-left:690px;
	line-height: 1px;
	font-family: verdana,geneva,arial,ms sans serif;
	font-size:10px;
}

.menu_users{
	position:relative;
	z-index:5;
	margin-top:-12px;
	height:50px;
	}

.menu_users_td{
	text-align:center;
	padding-top:3px;
	height:26px;
	width:89px;
	background:url(../graphisme/architecture/menu_users.jpg);
	background-repeat:no-repeat;
	}
	
.menu_users a:link { color: #2F79B8; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.menu_users a:visited{color: #2F79B8;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.menu_users a:hover{color: #2F79B8; text-decoration: underline; font-family: verdana,geneva,arial,ms sans serif;}

.espace_membre{
	position:relative;
	z-index:11;
	width:125px;
	text-align:center;
	font-family: verdana,geneva,arial,ms sans serif;
	font-size:12px;
	margin-left:15px;
	margin-top:15px;
}
.espace_membre a:link { color: #2F79B8; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.espace_membre a:visited{color: #2F79B8;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.espace_membre a:hover{color: #2F79B8; text-decoration: underline; font-family: verdana,geneva,arial,ms sans serif;} 

 .invisible{
 visibility:hidden; 
 }
 
 .page1
{
 background-color: #D0DFEA;
 border: solid 1px #B5B9BD;
 }
 
.page2 
{
background-color: #EAF0F4;
border: solid 1px #B5B9BD;
 }
 
.page1 a:link { color: #2F79B8; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.page1 a:visited{color: #2F79B8;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.page1 a:hover{color: #2F79B8; text-decoration: underline; font-family: verdana,geneva,arial,ms sans serif;}

.page2 a:link { color: #2F79B8; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.page2 a:visited{color: #2F79B8;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.page2 a:hover{color: #2F79B8; text-decoration: underline; font-family: verdana,geneva,arial,ms sans serif;}

 .dessus_tb
{
 background-color: #BCD4EA;
 border: solid 1px #B5B9BD;
 }
 
.tb_users{
border-collapse:collapse;
border: solid 1px #B5B9BD;
text-align:center;
font-family: verdana,geneva,arial,ms sans serif;
font-size:10px;
}

.titre_tableau{
	text-align:left;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:20px;
	margin-top:0px;
	}
	
.tableau_imprime{
height:30px;
}	

 /*
-------------------------
--------------------------------------------------
------------------------- 
 */
/*
-------------------------
 Architecture Graphique 
------------------------- 
 */
 
 .class_img{
 text-align:center;
 
 }
 .gen{
	width:855px;
	height:100%;
	margin:auto;
	margin-top:10px;
	}
	
 .haut{
	position:relative;
	z-index:10;
	float:left;
	width:855px;
	margin-top:-583px;
}

.gauche{
	position:relative;
	z-index:5;
	float:left;
	width:160px;
	margin-top:-394px;
	margin-left:5px;
	}
	
.dessous_corps{
	float:left;
	width:855px;
	text-align:left;
	height:auto;
	background-image:url(../graphisme/architecture/fond_m.jpg);
	background-repeat:repeat-y;
	z-index:10;
	}
	
.bas{
	clear:both;
	width:855px;
	background-image:url(../graphisme/architecture/fond_b.jpg);
	height:34px;
	}

.corps_1{
	height:530px;
	background-image:url(../graphisme/architecture/fond_d_accueil.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.corps_2{
	height:530px;
	background-image:url(../graphisme/architecture/fond_d_fichier.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.corps_3{
	height:530px;
	background-image:url(../graphisme/architecture/fond_d_reprographie.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}

.corps_4{
	height:530px;
	background-image:url(../graphisme/architecture/fond_d_archives.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.corps_5{
	height:530px;
	background-image:url(../graphisme/architecture/fond_d_conversion.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.corps_6{
	height:530px;
	background-image:url(../graphisme/architecture/fond_d_numerisation.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.corps_7{
	height:530px;
	background-image:url(../graphisme/architecture/fond_d_promo.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.corps_8{
	height:530px;
	background-image:url(../graphisme/architecture/fond_d_vous_etes.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.gen_menu{
	width:163px;
	height:100%;
	margin:auto;
	margin-top:10px;
	}
	
.article{
	text-align:center;
	margin-top:-5px;
	font-family: verdana,geneva,arial,ms sans serif;
	font-size:11px;
	line-height:1.5em;
	}
	
.article_marque{
	text-align:center;
	margin-top:-5px;
	font-family: verdana,geneva,arial,ms sans serif;
	font-size:12px;
	line-height:1.5em;
	font-weight:bold;
	}
	
.article_marque a:link { color: #2F79B8; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.article_marque a:visited{color: #2F79B8;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.article_marque a:hover{color: #2F79B8; text-decoration: underline; font-family: verdana,geneva,arial,ms sans serif;}

.voir_modif{
	text-align:center;
	margin-top:10px;
	font-family: verdana,geneva,arial,ms sans serif;
	font-size:11px;
	line-height:1.5em;
}

.voir_modif a:link { color: #2F79B8; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.voir_modif a:visited{color: #2F79B8;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.voir_modif a:hover{color: #2F79B8; text-decoration: underline; font-family: verdana,geneva,arial,ms sans serif;}

.corps_menu{
	height:44px;
	background-image:url(../graphisme/architecture/panier_dessus.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.corps_menu_produits{
	height:53px;
	background-image:url(../graphisme/architecture/produits_dessus.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.corps_menu_rech{
	height:53px;
	background-image:url(../graphisme/architecture/rech_dessus.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}

.dessous_corps_menu{
	float:left;
	width:163px;
	text-align:left;
	height:auto;
	background-image:url(../graphisme/architecture/panier_millieux.jpg);
	background-repeat:repeat-y;
	z-index:0;
	}
	
.bas_menu{
	clear:both;
	width:163px;
	background-image:url(../graphisme/architecture/panier_bas.jpg);
	height:19px;
	}
	

.dispo_article{
	margin-left:0px;
	margin-top:0px;
	}
	
	
.zonetexte{
	float:right;
	width:650px;
	height:auto;
	margin-top:-370px !important;
	margin-top:-420px;
	margin-right:25px !important;
	margin-right:7px;
	font-size:12px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	z-index:2;
}

.texte_index{
	width: 380px;
	}
	
.formu{
	width:125px;
	text-align:right;
	font-family: verdana,geneva,arial,ms sans serif;
	font-size:11px;
	margin-left:10px;
	margin-top:-20px;
	}
	
.normal{
	font-family: verdana,geneva,arial,ms sans serif;
	font-size:8px;
	margin-left:10px;
	margin-top:10px;
	}

.formu_passe{
	margin-top:5px;
	}
.formu_inscrire{
	text-align:right;
	margin-top:-5px;
	}
	
	
.formu_inscrire a:link { color: #2F79B8; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.formu_inscrire a:visited{color: #2F79B8;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.formu_inscrire a:hover{color: #2F79B8; text-decoration: underline; font-family: verdana,geneva,arial,ms sans serif;}

.formu_envoi{
	text-align:right;
	margin-top:5px;
	
	}

input.bouton {
	background-color:#F1F6FB;
	border:1px solid #5C81A6;
	font-weight:bold;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}
input.bouton:hover {
	background-color:F1F6FB;
	border:1px solid #5C81A6;
	color:#7594A8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}

input.bouton:active {
	border:1px solid #5C81A6;
	background-color:A7CAE0;
	color:#8FB9D4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
input.style_fond_form{
	width:80px;
	border: 1px solid #5C81A6;
}

input.style_fond_imprime{
	border: 1px solid #ADBDCA;
	width:148px;
}

select.style_fond_imprime{

	border: 1px solid #ADBDCA;
	width:150px;
}



input.style_fond1{
	border: 1px solid #ADBDCA;
}

input.style_fond2{
	border: 1px solid #ADBDCA;
	background:#FDABB0;
}

textarea.style_fond1{
	border: 1px solid #ADBDCA;
	width:172px;
}

textarea.style_fond2{
	border: 1px solid #ADBDCA;
	width:172px;
	background:#FDABB0;
}


textarea.style_fond1_c{
	border: 1px solid #ADBDCA;
	width:322px;
}

textarea.style_fond2_c{
	border: 1px solid #ADBDCA;
	width:322px;
	background:#FDABB0;
}

textarea.style_fond3{
	border: 1px solid #ADBDCA;
	width:495px;
}

.box{
	font-family: verdana,geneva,arial,ms sans serif;
	font-size : 12px;
}

.normal{
	text-align: left;
	font-family: verdana,geneva,arial,ms sans serif;
	font-size : 12px;
}

.innerDiv {
    width: 400px;
    margin: 50px auto;
    padding:40px 0px 40px 5px;
    border : solid 3px #00FF00;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
    background-color: #EEEEEE;
}

.innerDivErr {
    width: 400;
    margin: 50px auto;
    padding:40px 0px 40px 5px;
    border : solid 5px #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
    background-color: #EEEEEE;
}

.header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
	color: #DCDCDC;
	background-image: url(../images/fond_header_line.gif);
	margin-left: 0;
	margin-top: 0;
}

.sidebar{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-image: url(../images/fond_menu_line.gif);
	margin-left: 10px;
	background-color: #cce6ff;
}

.menu_side {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	background-color: #cce6ff;
}

.box a:link { color: #2F79B8; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.box a:visited{color: #2F79B8;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.box a:hover{color: #2F79B8; text-decoration: underline; font-family: verdana,geneva,arial,ms sans serif;}