/* CSS Document */

/* propriétés de la page */
/*
	vert anis : #D2D026
	gris : #A59890
	gris texte : #797979
*/


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:/*url(../images/16_col.gif)*/ #FFFFFF top repeat-y;
	text-align:justify;
	line-height:14px;
}

table td {
	padding:5px 0;
}

a {
	text-decoration:none;
	color:#797979;
}

a:hover {
	color:#D2D026;
}

/* ---------------------------- */
/* Elements principaux */
/* ---------------------------- */

#bordure_haute {
	margin-top:50px;
	height:7px;
	background-color:#D2D026;
}

#bordure_grande {
	height:50px;
	background-color:#D2D026;
}

#bordure_basse {
	margin-top:30px;
	height:1px;
	background-color:#A59890;
}

#menu {
	height:32px;
	background-color:#A59890;
}

#menu li {
	float:left;
	width:100px;
	text-align:center;
	margin-right:15px;
}

#menu li ul {
	display:none;
	position:absolute;
	z-index:2;
	height:auto;
}

#menu li:hover ul {
	display:block;
}

#menu li li {
	display:block;
	float:none;
	width:200px;
	text-align:left;
	background-color:#A59890;
}

#menu a {
	display:block;
	padding:8px 6px;
	color:#FFFFFF;
	font-size:13px;
	letter-spacing:-1px;
}

#menu a:hover {
	color:#D2D026;
}

#menu li ul li a   {
	color:#000000;
	padding:0px 10px 0px 20px;
	line-height:25px;
}

#menu li ul li a:hover {
	color:#D2D026;
}

#banniere {
	height:127px;
	background-color:#D2D026;
}

#espace_abonnes {
	height:100%;
	background:url(../images/photo_bandeau.png) no-repeat;
}

#espace_abonnes p {
	margin-bottom:10px;
}

#espace_abonnes label {
	float:left;
	width:80px;
	padding-top:5px;
	line-height:15px;
} 

#espace_abonnes .input {
	width:120px;
}

#navigation {
	margin-top:45px;
	font-size:12px;
}

#navigation ul {
	margin-top:10px;
}

#navigation li {
	float:left;
}

#navigation a{
	display:block;
	text-align:center;
	min-width:120px;
	color:#797979;
	height:20px;
}

#navigation a.actif {
	color:#000000;
}	

#navigation a:hover {
	color:#000000;
}

#contenu_banniere a {
	color:#000000;
	font-size:10px;
	letter-spacing:-1px;
}

#bordure_verte {
	height:7px;
	background-color:#D2D026;
}

#tournees_formations {
	margin-top:5px;
	font-size:11px;
}

#tournees_formations marquee {
	word-spacing:40px;
	color:#797979;
}

#corps, #texte {
	min-height:500px;
	margin-top:30px;
}

#corps p {
	margin:10px;
}

#texte p {
	margin:20px 0;
}

#temoignages li {
	margin:10px 0;
	font-size:11px;
}

#temoignages label {
	display:block;
	width:150px;
	float:left;
}

#presentation {
	padding-top:1px;
	height:166px;
	background:url(../images/fond_presentation.jpg) no-repeat top;
}

#share {
	margin:10px 0;
}

#pied2page {
	margin:10px 0;
	color:#D2D026;
}

#pied2page a {
	color:#D2D026;
	line-height:15px;
}

#pied2page a:hover {
	color:#797979;
}

#form_contact label{
	display:block;
	width:150px;
}

#form_acces label, #form_acces select {
	display:block;
	width:150px;
}

#form_acces label, #form_contact label{
	margin-top:5px;
	color:#797979;
	font-weight:bold;
}

#form_acces textarea, #form_contact textarea {
	width: 400px;
}

/* ---------------------------- */
/* Titres */
/* ---------------------------- */

h1,h2,h3 {
	text-indent:-9999px;
}

h1 {
	width:220px;
	height:15px;
}

h2 {
	width:227px;
	height:20px;
}

h4 {
	font-size:14px;
	color:#D2D026;
}

h4.noir {
	color:#000000;
}

h5 {
	font-size:13px;
	color:#FFFFFF;
}

h5.vert {
	color:#D2D026;
}

#espace_abonnes h2 {
	width:203px;
	height:13px;
	background:url(../images/espaces_abonnes.gif) no-repeat;
	margin:15px 0;
}

h1#nous_connaitre {
	background:url(../images/titres/nous_connaitre.jpg) no-repeat;
}

h1#notre_offre {
	background:url(../images/titres/notre_offre.jpg) no-repeat;
}

h1#partenariats {
	background:url(../images/titres/partenariats.jpg) no-repeat;
}

h1#contact {
	background:url(../images/titres/contact.jpg) no-repeat;
}

h1#informations {
	background:url(../images/titres/informations.JPG) no-repeat;
}

h1#nos_videos {
	background:url(../images/titres/nos_videos.JPG) no-repeat;
}

h1#en_cours {
	background:url(../images/titres/en_construction.JPG) no-repeat;
}

h2#notre_metier {
	background:url(../images/titres/notre_metier.gif) no-repeat;
}

h2#notre_equipe {
	background:url(../images/titres/notre_equipe.gif) no-repeat;
}

h2#nos_publications {
	background:url(../images/titres/nos_publications.gif) no-repeat;
}

h2#logiciels {
	background:url(../images/titres/logiciels.gif) no-repeat;
}

h2#nouveautes {
	background:url(../images/titres/nouveautes.gif) no-repeat;
}

h2#form {
	background:url(../images/titres/formations.gif) no-repeat;
}

h2#missions {
	background:url(../images/titres/missions.gif) no-repeat;
}

h2#produits {
	background:url(../images/titres/produits.gif) no-repeat;
}

h2#nous_contacter {
	background:url(../images/titres/nous_contacter.gif) no-repeat;
}

h2#interlocuteurs {
	background:url(../images/titres/vos_interlocuteurs.gif) no-repeat;
}

h2#mentions {
	background:url(../images/titres/mentions_legales.gif) no-repeat;
}

h2#plan {
	background:url(../images/titres/plan_du_site.gif) no-repeat;
}

h2#lexique {
	background:url(../images/titres/lexique.gif) no-repeat;
}

#actualites h3 {
	background:url(../images/titres/a_la_une_actualite.gif) no-repeat left;
	width:100%;
	height:20px;
}

#actualites h4 {
	color:#797979;
}

#formations h3 {
	background:url(../images/titres/formations2010.gif) no-repeat left;
	width:100%;
	height:20px;
}

/* ---------------------------- */
/* Cadre gauche */
/* ---------------------------- */


#cadre {
	position:absolute;
	top:0px;
	z-index:10;
	background:url(../images/bordure_cadre.png) repeat-y;
}

#cadre_base {
	position:absolute;
	top:0px;
	z-index:10;
	background:url(../images/fond_cadre2.png) repeat-y left;
}

#fin_cadre {
	height:20px;
	z-index:10;
	background:url(../images/bordure_cadre_fin.png) #000000 repeat-y left;
}

#stop {
	background:url(../images/stop_cadre.png) no-repeat bottom left;
	min-height:500px;
}

#titre {
	background:url(../images/logo_arche.jpg) no-repeat left;
	height:46px;
	margin:60px 0 65px 8px;
}

#titre_vertical {
	background:url(../images/logo_arche_vertical.jpg) no-repeat right;
	width:150px;
	height:360px;
}

#actualites, #videos_publi, #formations {
	margin:0 8px;
	padding:0 10px;
	font-size:11px;
}

#actualites p {
	margin:20px 0;
}

#actualites a {
	color:#797979;
}

#actualites a:hover {
	text-decoration:underline;
}

#videos_publi {
	margin:25px 0px;
	padding-left:50px;
	text-align:center;
	color:#797979;
}	

#formations {
	width:295px;
	background-color:#A59890;
	text-align:center;
	padding:15px;
}

#formations img {
	margin-top:10px;
}

#formations p {
	text-align:justify;
	margin-top:20px;
	font-weight:bold;
	color:#FFFFFF;
}

#details_formations td {
	font-size:11px;
	padding:5px;
	border:5px solid #000000;
}

#details_formations thead td {
	background-color:#D2D026;
	text-align:center;
}


/* ---------------------------- */
/* Classes */
/* ---------------------------- */

.left {
	float:left;
}

.right {
	float:right;
}

.text-right {
	text-align:right;
}

.center {
	text-align:center;
}

.italic {
	font-style:italic;
}

.bold {
	font-weight:bold;
}

.small {
	font-size:10px;
}

.big {
	font-size:14px;
}

.gris {
	color:#797979;
}

.vert {
	color:#D2D026;
}

.fond_vert {
	background-color:#D2D026;
}

.fond_vert h5 {
	margin-left:10px;
}

.bordure_verte {
	border:1px solid #D2D026;
}

.fond_vert, .bordure_verte {
	padding:10px 0;
	margin:10px 0;
}

.logiciels tr td {
	padding-left:10px;
}


.equipe {
	height:100px;
	margin:10px 0;
}

.equipe a {
	display:block;
	margin-top:10px;
	color:#797979;
}

.hidden {
	visibility:hidden;
	display:none;
}

ul.classic {
	list-style-position:inside;
	list-style-type:circle;
}

ul.classic ul {
	margin-left:20px;
}