body {
	font-size: 12px;
	font-family: sans-serif;
	background: #e3dedb;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../images/fond_haut.png);
	background-repeat: repeat-x;
	background-position: top;
}

.img_png, .image_typo, .spip_logo, .format_png {
	behavior: url("../win_png.htc");
}

a, a:visited, a.spip_out, a.spip_in, a.spip_url, a.spip_glossaire {
	color: #367cdb;
	text-decoration: none;
}

a:hover {
	color: #ff6600;
}

.clear {
	clear: both;
}

img {
	border: 0px;
}

#haut {
	display: block;
	height: 29px;
	z-index: -1;
	margin-top: -6em;
	margin-bottom: 6em;
	background-image: url(../images/fond_haut.png);
	background-repeat: repeat-x;
	background-position: top;
}

#logo2 {
	float: left;
	width: 238px;
	height: 300px;
	margin: 0;
	margin-left: 3em;
	margin-top: -101px;
	text-align: left;
	background-image: url(../images/fond_menu_gauche_logo.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#logo {
	position: absolute;
	width: 238px;
	height: 400px;
	left: 50%;
	top: 29px;
	margin: 0;
	margin-left: -455px;
	margin-top: -29px;
	text-align: left;
	background-image: url(../images/fond_menu_gauche_logo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 11;
}

#menu_haut2 {
	display: inline;
	float: right;
	width: 650px;
	margin-top: -72px;
}

#menu_haut {
	display: inline;
	position: absolute;
	top: 29px;
	z-index: 10;
	width: 650px;
	left: 50%;
	margin-left: -180px;
	margin-top: 0px;
}

#menu_haut a {
	display: block;
	margin-top: 5px;
	color: #666666;
	font-weight: bold;
}

#menu_haut a:hover {
	color: #357cdb;
}

#menu_haut a.rub_on {
	color: #357cdb;
}

.bouton_haut {
	float: left;
	width: 122px;
	height: 40px;
	text-align: center;
	background-image: url(../images/fond_bouton.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.bouton_haut:hover {
	background-image: url(../images/fond_bouton_on.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.bouton_haut_on {
	float: left;
	width: 122px;
	height: 40px;
	text-align: center;
	background-image: url(../images/fond_bouton_on.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.bouton_haut_gauche {
	float: left;
	width: 122px;
	height: 37px;
	text-align: center;
	background-image: url(../images/fond_bouton_gauche.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.bouton_haut_droite {
	float: left;
	width: 122px;
	height: 37px;
	text-align: center;
	background-image: url(../images/fond_bouton_droite.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.rub {
	color: #555555;
}

#zone {
	text-align: left;
	width: 990px;
	padding: 0;
	padding-top: 6em;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/fond_zone2.png);
	background-repeat: repeat-y;
	background-position: center;
}

#principale {
	padding: 22px;
	padding-top: 0px;
	margin: 15px;
	margin-top: 0;
}

#bas {
	font-size: 11px;
	font-family: sans;
	text-align: center;
	color: #666666;
	padding: 0;
	padding-bottom: 5px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	height: 55px;
	background-image: url(../images/fond_bas2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#bas hr {
	clear: both;
	background: #999;
	color: #999;
	height: 1px;
	border: 0px solid;
	width: 50%;
}

#legende {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	background: #e3dedb;
}

#bytecode {
	float: right;
	margin-right: 35px;
	color: #777777;
	font-size: 10px;
}

#bytecode a {
	color: #777777;
	font-size: 10px;
}

#ll {
	float: left;
	margin-left: 30px;
	width: 181px;
	height: 22px;
	color: #777777;
	font-size: 10px;
	background-image: url(../images/realise_logiciels_libres_light.png);
	background-repeat: no-repeat;
	background-position: left;
}

#ll img {
	width: 181px;
	height: 25px;
}

#ll:hover {
	background-image: url(../images/realise_logiciels_libres.png);
	background-repeat: no-repeat;
	background-position: left;
}

.surtitre {
	color: #367cdb;
	margin-bottom: 0;
}

.soustitre {
	color: #367cdb;
	margin-top: -1em;
}

.chapo {
	font-weight: bold;
}

.texte {
	
}

#centrale {
	float: left;
	width: 400px;
	margin-left: 3.5em;
	margin-bottom: 2em;
}

#centrale h1 {
	margin-top: 0;
	color: #367cdb;
}

#gauche {
	float: left;
	width: 238px;
	padding: 0;
	padding-top: 24em;
	margin: 0;
	margin-left: -1px;
	margin-top: 1em;
	z-index: 30;
}

#gauche a {
	color: #666;
	text-decoration: none;
	margin-left: 0px;
	padding-left: 2em;
}

#sous_menu {
	padding-left: 3em;
	padding-top: 2em;
	height: 200px;
	color: #367cdb;
	font-weight: bold;
}

#sous_menu a.sous_rub_on {
	color: #ff6600;
	text-decoration: none;
	margin-left: 0px;
	padding-left: 2em;
}

#sous_menu a.sous_menu {
	color: #367cdb;
	text-decoration: none;
	margin-left: 0px;
	padding-left: 1em;
}

#sous_menu a.sous_menu:hover {
	color: #ff6600;
	text-decoration: none;
	margin-left: 0px;
}

#sous_menu a.sous_menu_on {
	color: #ff6600;
	text-decoration: none;
	margin-left: 0px;
	padding-left: 1em;
}

.inputsTooltip
{
	border: 1px solid #000;
	background-color: #444;
	padding: 4px;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 250px;
}

#imprime {
	position: absolute;
	left: 50%; 
	top: 50%;
	margin-top: 180px;
	margin-left: -350px;
	z-index: 10;
}

.form_rech{
	padding-left: 0em;
	margin-top: 2em;
	margin-bottom: 2em;
}

#input_recherche {
	font-size: 11px;
	border: 1px solid #666666;
	background-image: url(../images/input_background.gif);
}

input[type=text] {
	font-size: 11px;
	border: 1px solid #666666;
	background-image: url(../images/input_background.gif);
}

input[type=submit] {
	border: 0;
}

textarea {
	border: 1px solid #666666;
	background-image: url(../images/input_background.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.guillemet-gauche{
	background-image: url(../images/guillemet_gauche.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: 2em;
	margin-right: 2em;
	padding-top: 0em;
	padding-left: 1em;
}

.guillemet-droit {
	background-image: url(../images/guillemet_droit.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 1em;
	padding-top: 0;
	padding-bottom: 0;
}

.citation_auteur {
	text-align: right;
	padding-right: 4em;
	margin-bottom: 3em;
}

.techno-haut {
	background-image: url(../images/techno-haut.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 1em;
}

.techno-bas {
	background-image: url(../images/techno-bas.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 1em;
	padding-left: 1.5em;
	padding-top: 0;
}

.techno-centre {
	float: left;
	width: 240px;
	background-image: url(../images/techno-centre.png);
	background-repeat: repeat-y;
	background-position: center;
}

.techno {
	float: left;
	width: 60px;
	text-align: center;
/*	margin-top: 5px;*/
	margin-left: 4px;

}

.techno img {
	align: center;
}

.techno span {
	text-align: center;
}

#annonces {
	margin: 0;
	padding: 0;
	border: 1px solid #FFFFFF;
}

#annonces-align {
#	float: left;
	width: 240px;
	height: 100px;
	padding: 0;
	margin: 0;
}

#portfolio {
	float: left;
	width: 653px;
	height: 170px;
	overflow: hidden;
}

#portfolio img {
	width: 653px;
}

#portfolio p {
	margin: 28px;
	margin-left: 35px;
	margin-right: 50px;
	height: 100px;
/*	overflow: hidden;*/
}

#portfolio a {
	text-decoration: none;
	color: black;
}

#portfolio h4 {
	display: inline;
	text-decoration: none;
	color: #367cdb;
	font-size: 18px;
	margin: 0;
}

#portfolio .spip_logos {
	margin-right: 8px;
}

.elt_portfolio {
	width: 653px;
	height: 170px;
	background-image: url(../images/fond_produit_2.jpg);
}

.solution {
	float: left;
	margin-left: 2em;
	margin-bottom: 2em;
	width: 630px;
	height: 170px;
}

#droite {
	float: left;
	margin: 0;
	margin-left: 2em;
	padding: 3px;
	width: 170px;
}

#droite img{
/*	width: 170px;*/
}

#droite .spip_logos{
	opacity: 0;
}

#scrollup {
        position: relative;
        overflow: hidden;
				margin-top: 2em;
				margin-bottom: 2em;
				font-size: 10px;
}

.headline {
/*				position: absolute;
        height: 190px;*/
				font-size: 10px;
				background-color: #FFFFFF;
}

.logo_haut {
	background-image: url(../images/arrondis_haut.gif);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 30;
}

.logo_bas {
	background-image: url(../images/arrondis_bas.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	z-index: 30;
}

#actu a {
	font-size: 13px;
	font-weight: bold;
}

h3.spip {
	font-size: 16px;
	text-align: left;
	color: #367cdb;
}

table {
	cell-spacing: 1em;
}

table, tr, td {
	vertical-align: top;
	padding: 5px;
}

td h3 {
	margin-top: 0;
}

tr.row_odd td {
/*	background-color: #CCCCCC;*/
	border-top: 1px solid #AAAAAA;
}

fieldset {
	border: 0;
}

fieldset p {
	padding-left: 3em;
}

fieldset legend {
	font-weight: bold;
	font-size: 13px;
}

fieldset p label {
	width: 150px;
	display: block;
}

.spip_bouton input[type=submit] {
	background-color: #367cdb;
	color: #FFFFFF;
	border: 1px solid #666666;
}

.notes {
	margin-top: 4em;
	border-top: 1px solid;
}

.envoyerami {
	text-align: right;
	border-top: 1px solid;
	font-weight: bold;
	padding-top: 5px;
	margin-top: 2em;
}

.solutions {
	margin-top: 2em;
	padding: 5px;
	padding-left: 10px;
	border: 1px solid #ff6600;
}

hr {
	clear: both;
	background: #999;
	color: #999;
	height: 1px;
	border: 0px solid;
	width: 100%;
}

#topleft {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 125px;
	width: 125px;
	background: url(../images/img_cal_avent/banner.png) no-repeat;
	text-indent: -999em;
	text-decoration: none;
	z-index: 100;
}

#topright {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 125px;
	width: 125px;
	background: url(../images/img_cal_avent/banner.png) no-repeat;
	text-indent: -999em;
	text-decoration: none;
	z-index: 100;
}

.plan {
	float: left;
	font-size: 11px;
	margin-left: 250px;
	margin-right: 150px;
}