body {
	 /* background-color:#D6ADEB;
	 background-image:url("images/fond.png"); 
	background-position:top left;
	background-repeat:repeat-x; */
	font-size: small;
	color:#fff;
	font-family: Arial,Verdana,"Trebuchet MS",Geneva,Arial,Helvetica,sans-serif;
	
	margin:0px;
	padding:0px;
	border: 0px;
	
	background: url("images/bgd.png");
}

#site {
width: 764px;
padding: 0px; margin: 0px;	
}

#tetiere {
width: 764px;
border: 0px; padding: 0px; margin: 0px;
}

#t1 {
height: 86px;
border: 0px; padding: 0px; margin: 0px;	
}

#t2 {
height: 59px;
border: 0px; padding: 0px; margin: 0px;	
}


#page{
	color:#000;
	/* permet de fixer une hauteur mini sur les navigateurs modernes
	min-height:55em; */
	/* pour obtenir le même effet sur IE, sachant que si le contenu dépasse, il
	"poussera" la hauteur en ne respectant pas la norme. On se joue de ses lacunes
	
	height:55em;*/
	margin-bottom: 20px;
}

#gauche {
	width: 200px;
}

#g01 {
	background: url("images/g01.png") no-repeat;
	padding: 50px 0 30px 0;
	
}

#g01 ul, #g01 li {
	list-style-type: none;
}

#g01 div {
	margin: 0px 0px 10px 16px;
}

#g01 a {
	color: #fff;
	padding: 4px 0px 4px 24px;
	text-decoration: none;
	}
	#g01 a:hover {
		color: #000;
		background: url("images/g_over.png") no-repeat 0 2px;
	}

.g011 { background: url("images/g011.png") no-repeat 0 2px; }
.g012 { background: url("images/g012.png") no-repeat 0 2px; }
.g013 { background: url("images/g013.png") no-repeat 0 2px; }
.g014 { background: url("images/g014.png") no-repeat 0 2px; }

#g02 {
	background: url("images/g2_bgd.png");
}

#contenu {
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 20px 0px;

}

#bas {
	margin: 0 0 0px 0;
	background: url("images/bas.png");
	color: #CC99E6;
	font-size: 7pt;
	padding: 46px 0 0 20px;
}

#bas span {
	margin: 0px 0 0 50px;
}

.bas1 {
	color: #CC99E6;
	font-size: 7pt;
	text-decoration: none;
	}
	a.bas1:hover {
		color: #fff;
	}

.bas2 {
	font-size: 8pt;
	color: #ffffff;
	text-decoration: none;
	margin: 30px 0 0 0px;
	}
	a.bas2:hover {
		text-decoration: underline;
	}
	


/* RECHERCHE */
#search {
	width: 132px;
	height: 19px;
	background: url("images/search_bgd.png") no-repeat 0px 0px;
	text-align: left;
	
	margin: 0px 0px 0px 8px; padding: 0; border: 0;
	
}

#search form {	margin: 0; padding: 0; border: 0; }

#search input.text {
	
	color: #9933CC;
	font-size: 10px;
	width: 93px;
	height: 15px;
	padding: 1px 0 0 7px;
	margin: 1px 1px 1px 1px;
	border: 0;
}

#search input.button {
	width: 19px;
	height: 18px;
	background: url("images/espace.png");
	margin: 0; padding: 0; border: 0;
}
/* RECHERCHE end */


/* ----------------------- */
/* ----- GWEN styles ----- */

acronym.premier{
cursor:help;
border-bottom:1px dotted #369;
}

code,pre{
color:#297700;
background-color:red;
font-family:"Courier New",Courier,monospace;
font-size:small;
}

pre{
border-left:5px solid #a2c2e1;
padding:0.5em 1em;
margin-left:2em;
}

blockquote,q{
font-style:italic;
color:#369;
background-color:transparent;
quotes:'\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

samp{
font-size:small;
color:#000;
background-color:#d6e1ec;
}

caption{
margin:1em 0;
color:#369;
background-color:#a1c2e1;
font-weight:700;
}

thead{
background-color:#d6e1ec;
color:#369;
}

/*
table{
margin-top:1em;
}

table,td{
border-collapse:collapse;
border:1px solid #a2c2e1;
padding:0.2em;
}*/

/*
:focus{
background-image: none !important;
background-color:#666 !important;
color:#fff !important;
}
*/
/**********************************************************************/
span.patronyme{
font-variant:small-caps;
font-size:1.1em;
}

/* pour rétablir le mauvais effet sur les nav. modernes */
html>body #page{
	height:auto;
}

/*
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	color: #fff;
	list-style-type: none;
}*/

#menu_transversal {
	position:absolute;
	top:86px;
	left:200px;
	z-index:100;
	width: 100%;
}

#menu_transversal dl {
	float: left;
	width: 12em;
	margin: 0 1px;
}

#menu_transversal dt {
	color: #fff;
	cursor: pointer;
	width: 10em;
	text-align: center;
}

#menu_transversal dt a {
	color: #fff;
	text-decoration: none;
	display: inline;
	/*height: 100%;*/
	border: 0 none;
}

#menu_transversal ul{
	margin: 10px;
}	

#menu_transversal li a {
	color: #fff;
	text-decoration: none;
}

#menu_transversal dd {
	width: 15em;
	border: 1px solid #fff;
	/*text-align: center;*/
}

#menu_transversal dt.menuH1 a:hover, #smenuH1 li a {
/*	background: #FFC30D;*/
}

#smenuH1 li a:hover{
/*	background: #FFD500;*/
}

#menu_transversal dt.menuH2 a:hover, #smenuH2 li a, #smenuH2 li {
	background: #FFC30D;
}

#smenuH2 li a:hover{
	background: #FFD500;
}

#menu_transversal dt.menuH3 a:hover, #smenuH3 li a, #smenuH3 li  {
	background: #66CC33;
}

#smenuH3 li a:hover{
	background: #88E25B;
}

#menu_transversal dt.menuH4 a:hover, #smenuH4 li a, #smenuH4 li  {
	background: #FA7DFA;
}

#smenuH4 li a:hover{ background: #FBA6FB; }

#menu_transversal dt.menuH5 a:hover, #smenuH5 li a, #smenuH5 li  {
	background: #FF9900;
}

#smenuH5 li a:hover{ background: #FAB246; }


#switcher{
margin:0;
padding:0;
}

#habillage label{
vertical-align:top;
margin-left:0.5em;
color:#fff;
background-color:transparent;
}

#habillage select{
background-color:#369;
color:#fff;
}

#habillage input{
border:1px solid #fff;
color:#fff;
/*background-color:#f90;*/
font-weight:700;
}

#habillage input:hover{
color:#036;
/*background-color:#d6e1ec;*/
cursor:pointer;
}

#date{
	color:#FFFFFF;
	background-color:transparent;
	margin:9px 0 0 2em;
}

#moteur{
	margin:4px 0 15px 2em;
}

/*
#moteurint label{
display:block;
text-align:left;
color:#c60;
background-color:#fff;
font-weight:700;
}
*/

#moteur input.champs {
	color:#9933CC;
	background-color:#fff;
	/*background-image:url("champs.png");
	background-position:top;
	background-repeat:repeat-x;*/
	border:1px solid #000000;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	width:10em;
}

#moteur input.valid {
	background-color:#fff;
	background-image:url("images/ok.png");
	background-position:bottom;
	background-repeat:repeat-x;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	color:#fff;
	cursor:pointer;
	font-weight:700;
	text-align:center;
}

/*#moteur input.valid:hover,#texte form input.valid:hover{
background-color:#000000;
background-image:url("images/ok.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #000000;
color:#fff;
}

#moteur input.valid:active,#texte form input.valid:active{
background-color:#000000;
background-image:url("images/ok.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #9cb4ce;
color:#fff;
}*/


#accueil{
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:#fff;
	margin:0;
}

#accueil img{
	border:0;
}

#accueil a{
	color:#000;
	background-color:transparent;
}

/*#menus{

}*/

#menu_g1{
	padding-top:14px;
	padding-bottom:14px;
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:#fff;
}

#menu_g1 ul{
	padding:0;
	margin:0;
}

#menu_g1 li{
	/*border-bottom:1px solid #d6e1ec;*/
	padding-top:5px;
	padding-bottom:5px;
	list-style:none;
	margin:0;
}

/* essayer de rendre çà dynamique en fonction de l'url translator.....*/
#menu_g1 li.mal_voyants a{
	background-image:url("images/mal_voyants.png");
}

#menu_g1 li.newsletter a{
	background-image:url("images/newsletter.png");
}

#menu_g1 li.contact a{
	background-image:url("images/contact.png");
}

#menu_g1 li.plan_du_site a{
	background-image:url("images/plan_du_site.png");
}

#menu_g1 a{
	display:block;
	text-decoration:none;
	color:#fff;
	background-color:#9832CC;
	padding-left:45px;
}

#menu_g1 a:hover{
	background-color:#9832CC;
	color:#036;
}

/*
#profil{
background-color:#fff;
color:#000;
position:absolute;
right:6%;
text-align:center;
top:9em;
width:20.5em;
}

#profil h2{
border-bottom:3px solid #78705c;
font-size:small;
font-weight:500;
margin:0;
}

#profil h2 em{
color:#69c;
background-color:transparent;
font-style:normal;
font-weight:700;
}

#profil ul{
background-image:url("profil.png");
background-position:top;
background-repeat:repeat-x;
margin:0;
padding:3px 0 0 0;
}

#profil li{
display:inline;
font-weight:700;
margin:0;
padding:0;
}

#profil a{
color:#686151;
background-color:transparent;
padding:0 0.5em;
text-decoration:none;
}

#profil a:hover{
background-color:#c60;
color:#fff;
}
*/

/* --------------- */
#sectionmenus{
	left:0px;
	position:absolute;
	border-width:0 1px 0 0;
	border-color:#ffffff;
	border-style:solid;
	top:106px;
	width:200px;
	/*overflow:hidden;*/
}

/*
#technologie,#theme{
color:#655f4b;
background-color:#fff;
}

#technologie h2,#theme h2{
border-color:#f90;
border-style:solid;
border-width:0 0 3px 0;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
text-transform:uppercase;
}

#technologie h2:first-letter,#theme h2:first-letter{
color:#f90;
background-color:transparent;
}

#technologie ul,#theme ul{
margin-bottom:1.5em;
margin-top:0.5em;
}

#technologie li,#theme li,#ressources li{
display:inline;
list-style:none;
}

#technologie a,#theme a{
color:#f60;
background-color:transparent;
display:block;
font-weight:700;
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

#technologie a:hover,#theme a:hover{
background-color:#ffecce;
color:#f60;
}

#ressources{
color:#655f4b;
background-color:#fff;
margin:0;
padding:0;
}

#ressources h2{
border-bottom:3px #690 solid;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
text-transform:uppercase;
}

#ressources h2:first-letter{
color:#690;
background-color:transparent;
}

#ressources a{
color:#690;
background-color:transparent;
display:block;
font-weight:700;
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

#ressources a:hover{
color:#690;
background-color:#eaf2db;
}
*/

#footer{
	border-top:1px solid #000;
	position: absolute;
	width:100%;
	left:0;
	bottom: 0;
	color:#fff;
	background-color:#9933CC;
	margin:0 3% 0 21%;
	padding:0 0 1em 0;
}

#footer ul{
	margin-left:0;
	padding-left:0;
}

#footer li{
	border-right:1px solid #036;
	display:inline;
	margin:0 0.5em 0 0;
	padding:0 0.5em 0 0;
}

#footer li.dernier{
	border:0;
}

#footer a{
	color:#fff;
}

#footer a:hover{
	color:#369;
	text-decoration:none;
}

/* Listes de documents */
/*
dl.listedocs{
color:#000;
background-color:#fff;
border:1px dotted #69c;
padding:1em;
}

dl.listedocs dt{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:85%;
margin:0.2em 0 0.4em 0;
background-color:transparent;
color:#69c;
}

dl.listedocs dt cite{
display:block;
font-style:normal;
font-size:small;
margin:0;
margin-bottom:0.2em;
color:#69c;
background-color:transparent;
border-bottom:1px dotted #69c;
}

dl.listedocs dd{
margin:0;
margin-bottom:1.4em;
font-weight:500;
}

dl.listedocs p{
margin:0.2em 0 0.2em 0;
}
*/

/* Page d'accueil */
/*
#texteaccueil{
margin:0 2% 2em 20%;
}

#texteaccueil h2{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:medium;
font-weight:700;
}

#texteaccueil h3{
color:#690;
background-color:transparent;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:small;
font-weight:700;
}

#intro{
float:right;
margin-left:1%;
width:30%;
}

#presentation{
color:#000;
background-color:#ffecce;
border:1px solid #666;
margin:0 0 1em 0;
padding:0.5em 1em;
}

#presentation h2{
background-color:transparent;
color:#c60;
margin:0;
}

#presentation p{
margin:0.5em 0;
}

#presentation a{
color:#c60;
background-color:transparent;
}

#presentation a:hover{
color:#369;
background-color:transparent;
}

#humeur{
border:1px solid #6699cc;
margin:0;
padding:0 1em 1em 1em;
}

#humeur h2{
background-color:#eff4fa;
border-color:#69c;
border-style:solid;
border-width:0 1px 1px 1px;
color:#369;
margin:0 0 0.5em 0;
padding:0.4em 0.2em 0.2em 0.2em;
width:55%;
}

#humeur p{
margin:0;
}

#humeur a{
color:#f60;
background-color:transparent;
}

#humeur a:hover{
color:#369;
background-color:transparent;
}

#humeur .listedocs,#articles .listedocs{
border:none;
margin:0;
margin-bottom: 0.2em;
padding:0;
}

#humeur .listedocs dt,#articles .listedocs dt{
margin-top:0;
}

#humeur .listedocs cite,#articles .listedocs cite{
border-bottom:none;
}

#humeur .listedocs dt cite a{
color:#690;
background: transparent;
}

#articles .listedocs{
background:transparent;
color:inherit;
}

#actualite{
margin-bottom:2em;
}

#actualite,#articles{
padding:0 2%;
width:100%;
voice-family:"\"}\"";
voice-family:inherit;
width:63%;
}

html>body #actualite,html>body #articles{
width:63%;
}

#actualite h2{
border-bottom:2px solid #369;
color:#369;
font-size:large;
background-color:transparent;
padding:0 0 0.2em 0;
}

#actualite h3{
margin:0;
color:#69c;
background-color:transparent;
}


#actualite h4{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:85%;
font-weight:500;
margin:0.2em 0 1em 0;
}

#actualite p,#articles p{
margin:0 0 2em 0;
}

#actualite a,#articles a, .listedocs a{
background-color:transparent;
color:#f60;
}

#actualite a:hover, #articles a:hover, .listedocs a:hover{
color:#369;
background-color:transparent;
text-decoration:none;
}

#articles{
color:#000;
background-color:#eff4fa;
border:1px solid #9cb4ce;
}

#articles h2{
border-bottom:2px solid #369;
color:#369;
background-color:transparent;
padding:0.8em 0 0.2em 0;
}

#texteaccueil p.tous {
text-align:right;
}

#texteaccueil p.tous a{
background-color:#ffecce;
border:1px solid #c60;
color:#000;
font-weight:500;
padding:0.2em;
text-decoration:none;
}

#texteaccueil p.tous a:hover{
background-color:#ffecce;
color:#c60;
}
*/