/* Chef de Projets Web 2008  */

/*Menu Principal index*/
.menupr { font-size:18px;height:30px;border-color:#604D3E;border-style:solid;border-width:0px 0px 4px 0px;}
.menupr li {display:inline; list-style: none;color:#604D3E;}
.menupr a {color:#604D3E;padding:0px 10px;}
.menupr a:hover {border-color:#604D3E;border-style:solid;border-width:2px 2px 0px 2px;padding:0px 20px;background-color:#F5F2EF;}

.menu-perso { font-size:12px;height:30px;border-color:#3B5998;border-style:solid;border-width:0px 0px 4px 0px;}
.menu-perso li {display:inline; list-style: none;color:#3B5998;}
.menu-perso a {color:#3B5998;padding:0px 10px;}
.menu-perso a:hover {border-color:#3B5998;border-style:solid;border-width:2px 2px 0px 2px;padding:0px 20px;background-color:#EAEEF7;}

#recherche {font-size:10px;}
#recherche table{margin:0 auto;}
 
/* - General -------------------------------------------------- */
body { float : none; vertical-align: middle; width: 800px; height : auto; margin: auto;text-align:center; font-family:arial,sans-serif;}
a img { border : none;}
img{border:0px;}
.right { float : right;}
.left { float : left;}
.gras { font-weight:bold;}
.legal {float:right;font-size:10px;margin-top:20px;border-top: double;width:200px;}
.legal a{color : #000000;}

.logo {padding-top:50px;}
.footer {padding-top:30px;font-size:9px;}
.footer li {list-style: none;}

/* - Titre site---------------------------------------------------- */
.titre-site {height:45px;width:325px;padding:10px 0px 10px 0px;}


/* - Article ---------------------------------------------------- */
.article100{ margin-left : 0,5 em; border-width: 1px; border-color:#5D5D5D; position: relative; text-align:justify;}
.article100 h1{ color : #000000; font-size:16px; font-weight:bold;font-variant:small-caps;}
.article100 h2{ color : #000000; font-size:12px;font-style:normal;}
.article100 h3{ color : #000000; font-size:12px;font-style:italic;}
.article100 ul{ margin-top:1px;}
.article100 li{ list-style:square;}
.article100 a{ color:#000000;}
.article100 a hover {color:#21AB48;}
.titre { font-size : 15px; font-weight: bold; color : #21AB48; line-height:22px;}
.definition { font-size : 14px; color : #000000; }
.source { font-size : 10px; font-variant :small-caps; font-style :italic; color : #5D5D5D; font-weight: normal; text-align: right;}
.update { font-size : 10px; color:#666666; }
.plus ul {background-image: url(../images/plus-outils.gif);	background-repeat: no-repeat; background-position: left center;}
.moins ul { background-image: url(../images/moins-outils.gif); 	background-repeat: no-repeat; background-position: left center;}
.prix ul { background-image: url(../images/euro-outils.gif); 	background-repeat: no-repeat; background-position: left center; }

/* - Univers ---------------------------------------------------- */
.univers {
	position: absolute;
	top: 50px;
	left:190px;
	height:40px;
	width: 87%;
	visibility: visible;	
	padding:0px;
	margin:0px;
	font-size : 18px;
	font-variant :normal;
	font-style :normal;
	font-weight: bold;
	text-align: left;
	text-transform: none;
	background-position: center;
	white-space: normal;
	border-style:solid;border-width:0px 0px 4px 0px;
}

.univers li { display : inline;margin-right:20px;padding:0px 10px;}
.univers a { color:#000000; font-weight: bold;text-transform: none;text-decoration:none;}
.univers a:hover {border-style:solid;border-width:2px 2px 0px 2px;padding:0px 20px;}
.selected-outils { color: #21AB48; text-transform: none;border-style:solid;border-width:2px 2px 0px 2px;padding:0px 20px;}
.selected-seo { color: #FF0084; text-transform: none;border-style:solid;border-width:2px 2px 0px 2px;padding:0px 20px;}
.selected-annuaire { color: #DC341C; text-transform: none;border-style:solid;border-width:2px 2px 0px 2px;padding:0px 20px;}
.selected-actualites { color: #010199; text-transform: none;border-style:solid;border-width:2px 2px 0px 2px;padding:0px 20px;}
.selected-referencement { color: #000094; text-transform: none;border-style:solid;border-width:2px 2px 0px 2px;padding:0px 20px;}
.selected-plus { color: #FF0034; text-transform: none;border-style:solid;border-width:2px 2px 0px 2px;padding:0px 20px;}

/* - Chemin de fer ---------------------------------------------------- */
.chemindefer {	
	width: 800px;
	position: absolute;
	top: 100px;
	left: 195px;
	visibility: visible;
	padding:0px;margin:0px;
	font-size : 15px;
	font-variant :normal;
	font-style :normal ;
	text-align:left;
}
.chemindefer ul { display : inline;}
.chemindefer li { display : inline;}
.chemindefer a { color:#000000; }

/* - Contenu ---------------------------------------------------- */
.contenu { position: absolute;top: 130px;left:14px;padding:0px 0px 0px 195px;margin:0px 75px 0px 0px; }
.contenu caption { border-bottom:dotted; border-bottom-width:thin;font-size:12px; font-weight:bold; font-stretch:expanded;}
.contenu td { vertical-align:top;}

/* Menu vertical */
.menu-vertical {
position: absolute;	
visibility: visible; 
top: 59px;	
left: 0px;
margin:0px;
list-style-type:none;
text-align:left;
width:190px;
font-size:0.7em;
}

.menu-vertical ul {
	padding:0px 0px 15px 0px;
	margin:0px;
	border-right-width:2px; 
	border-right-style:solid;
	border-bottom-width:2px; 
	border-bottom-style:inset;
	list-style-type:none;
}

.menu-vertical a{color:#000000;}
.menu-vertical a:hover, .sous-menu-vertical li:hover{color:#FFFFFF;font-weight:bold;}
.menu-vertical li {
	padding:0px;
	margin:0px;
	border:0px;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	border-bottom-style:inset;
	}
	
.menu-vertical h4{font-size:1.3em; font-weight:bold;margin:10px 0px 10px 3px;}
ul.sous-menu-vertical {padding:0px;	margin:0px;border:0px;	}
.sous-menu-vertical li{padding:0px 0px 0px 10px;margin:0px;	border-bottom-width:2px; border-bottom-style:inset;	}

/* Partenaire */
.xiti{ visibility:hidden;float:right;line-height:1px;}
.weborama{ visibility:hidden;float:right;line-height:1px;}

/* Home */
#Actualite {
	margin:40px 0px;
	width:100%;
	background-color:#FFFBF2;
	color:#FF8040;
	font-size:15px;
	font-stretch:expanded;
	font-weight:bold;
	}

#Actualite a {color:#FF8040;}