/* CSS Document */
body {
	background-color: #DBDBB7;
	margin: 0;	
}

#container 
{
	width: 760px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/background.png);
	background-repeat: repeat-y;
	color: #333;
}

#top 
{
	padding: 0em;
	border-bottom: 0px solid gray;
}

#top h1
{
	padding: 0;
	margin: 0;
}

#leftnav
{
	float: left;
	width: 190px;
	margin: 0;
	padding: 0em;
	border-right: 0px solid #CCCCCC;
}

#rightnav
{
	float: right;
	width: 180px;
	margin: 10px 0 0 0px;
	padding: 0em 0 0 10px;
	border-left: 0px solid #CCCCCC;
}

#content
{
	margin-top: 0px;
	margin-left: 190px;
	border-left: 0px dashed gray;
	margin-right: 190px;
	border-right: 0px dashed gray;
	padding: 0 0 0 0;
	max-width: 34em;
	background: #;
}

#content_rubrique
{
	margin-top: 0px;
	margin-left: 190px;
	border-left: 0px dashed gray;
	margin-right: 190px;
	border-right: 0px dashed gray;
	padding: 0 0 0 0;
	max-width: 34em;
	background: #;
}

#footer
{
	clear: both;
	margin: 0 3px 0 0;
	padding: .5em;
	color: #333;
	border-top: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	background-color: #E5E5C3;
}

#leftnav p, #rightnav p { margin: 0 0 0 0; }
#content h2 { margin: 0 0 .5em 0; }

/* HEADER */

/* IMAGES */

.thumbnail
{
float: left;
width: ;
height: 96px;
border-right: 1px solid #fff;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.clearboth { clear: both; }

/* FIN IMAGES */

/* MENU */

#assoc 
{
display: block;
position: absolute;
top: 96px;
left: 0;
width: 188px;
padding: 0px 0 0px 0px;
margin: 0 0 0 0;
z-index: 100;
color: #fff;
background: #FF9900;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#assoc a
{
float: left;
width: 188px;
color: #fff;
background-color: #;
padding: 0em 0em ;
text-decoration: none;
}

#assoc a:hover
{
background-color: #;
color: #;
}

#projets
{
display: block;
position: absolute;
top: 96px;
left: 190px;
width: 188px;
padding: 0px 0 0px 0px;
margin: 0 0 0 0;
z-index: 100;
color: #fff;
background: #FF9900;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#projets a
{
float: left;
width: 188px;
color: #fff;
background-color: #;
padding: 0em 0em ;
text-decoration: none;
}

#projets a:hover
{
background-color: #;
color: #;
}

#formation
{
display: block;
position: absolute;
top: 96px;
left: 379px;
width: 188px;
padding: 0px 0 0px 0px;
margin: 0 0 0 0;
z-index: 100;
color: #fff;
background: #FF9900;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#formation a
{
float: left;
width: 188px;
color: #fff;
background-color: #;
padding: 0em 0em ;
text-decoration: none;
}

#formation a:hover
{
background-color: #;
color: #;
}

#ressources
{
display: block;
position: absolute;
top: 96px;
left: 568px;
width: 188px;
padding: 0px 0 0px 0px;
margin: 0 0 0 0;
z-index: 100;
color: #fff;
background: #FF9900;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#ressources a
{
float: left;
width: 188px;
color: #fff;
background-color: #;
padding: 0em 0em ;
text-decoration: none;
}

#ressources a:hover
{
background-color: #;
color: #;
}


/* SUBMENU */
div#assoc a ul {display: none;}

div#assoc a:hover ul
{
display: block;
position: absolute;
top: 45px;
left: 0;
width: 188px;
padding: 0px 0 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 100;
color: #fff;
background: #FF9900;
font: 0.7em Arial, sans-serif;
font-weight: bold;
text-align: left;
border-right: 1px solid #fff;
}

div#assoc 
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
color: #fff;
background-color: #;
}

div#assoc li 
{ 
display: inline; 
}

div#assoc li a
{
float: left;
color: #fff;
background-color: #;
width: 138px;
padding: 0px 0 0px 50px;
text-decoration: none;
border-bottom: 1px solid #fff;
line-height: 20px;
}

div#assoc li a:hover
{
background-color: #FFCC66;
color: #;
}

/* FIN SUBMENU ASSOC */

/* SUBMENU PROJETS */

div#projets a ul {display: none;}

div#projets a:hover ul
{
display: block;
position: absolute;
top: 45px;
left: -1px;
width: 188px;
padding: 0px 0 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 100;
color: #fff;
background: #CC6600;
font: 0.7em Arial, sans-serif;
font-weight: bold;
text-align: left;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}

div#projets 
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
color: #fff;
background-color: #;
}

div#projets li 
{ 
display: inline; 
}

div#projets li a
{
float: left;
color: #fff;
background-color: #;
width: 138px;
padding: 0px 0 0px 50px;
text-decoration: none;
border-bottom: 1px solid #fff;
line-height: 20px;
}

div#projets li a:hover
{
background-color: #FFCC66;
color: #;
}

/* FIN SUBMENU PROJETS */

/* SUBMENU FORMATION */

div#formation a ul {display: none;}

div#formation a:hover ul
{
display: block;
position: absolute;
top: 45px;
left: -1px;
width: 188px;
padding: 0px 0 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 100;
color: #fff;
background: #993300;
font: 0.7em Arial, sans-serif;
font-weight: bold;
text-align: left;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}

div#formation
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
color: #fff;
background-color: #;
}

div#formation li 
{ 
display: inline; 
}

div#formation li a
{
float: left;
color: #fff;
background-color: #;
width: 138px;
padding: 0px 0 0px 50px;
text-decoration: none;
border-bottom: 1px solid #fff;
line-height: 20px;
}

div#formation li a:hover
{
background-color: #FFCC66;
color: #;
}

/* FIN SUBMENU FORMATION */

/* SUBMENU RESSOURCES */

div#ressources a ul {display: none;}

div#ressources a:hover ul
{
display: block;
position: absolute;
top: 45px;
left: -1px;
width: 188px;
padding: 0px 0 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 100;
color: #fff;
background: #663300;
font: 0.7em Arial, sans-serif;
font-weight: bold;
text-align: left;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}

div#ressources
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
color: #fff;
background-color: #;
}

div#ressources li 
{ 
display: inline; 
}

div#ressources li a
{
float: left;
color: #fff;
background-color: #;
width: 138px;
padding: 0px 0 0px 50px;
text-decoration: none;
border-bottom: 1px solid #fff;
line-height: 20px;
}

div#ressources li a:hover
{
background-color: #FFCC66;
color: #;
}

/* FIN SUBMENU RESSOURCES */


/* FIN SUBMENU */

/* FIN MENU */

/* HIERARCHIE : SEARCH */

#hierarchiebox
{
	float: left;
	width: 558px;
	height: 30px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	margin: 3px 0 0 0;
	padding: 0 0 0 0.5em;
	background-color: #006699;
	background-image: url(images/background_hierarchie.png);
	background-position: 3px;
}
#languebox select
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.6em;
float: right;
margin: 5px 5px 0 0;
padding: 0px 0 0 0em;
}

#searchbox
{
float: left;
width: 180px;
height: 27px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
margin: 3px 0 0 0;
padding: 3px 0 0 0.5em;
background-color: #330000;
}

#searchbox input
{
	border: 1px solid #CCCCCC;
	font-size: 0.75em;
}

.clearboth { clear: both; }

/* FIN MENU */

/* CONTENT */

.input1
{
	border: 1px solid #999966;
	font-size: 0.8em;
	width: 300px;
}
.input2
{
	border: 1px solid #999966;
	font-size: 0.8em;
	width: 80px;
}
.input3
{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999966;
	font-size: 1.15em;
	width: 300px;
}
.input4
{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999966;
	font-size: 1.15em;
	width: 150px;
}


#content_rubrique textarea
{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999966;
	font-size: 1em;
	width: 300px;
}

#slot_idsection
{
	float: left;
	height: 33px;
	margin: 0px 0 0 0;
	padding: 8px 0 0 0px;
}

.highlight
{
	float: left;
	width: 165px;
	border-top: 0px dashed #fff;
	border-right: 0px dashed #fff;
	margin: 5px 3px 10px 3px;
	padding: 0 3px 0 3px;
}
.highlight_top
{
	float: left;
	margin: 10px 3px 10px 3px;
	padding: 0 3px 10px 3px;
	border-bottom: 1px dashed #CCCC99;
}
.highlight_right
{
	float: right;
	width: 160px;
	border-top: 0px dashed #fff;
	border-left: 0px dashed #fff;
	margin: 10px 0px 0px 0px;
	padding: 0 5px 0 0px;
}

.articles_highlight
{
	width: 350px;
	float: center;
	border-bottom: 2px solid #fff;
	margin: 0 0px 0 2px;
	padding: 0px 10px 20px 10px;
	background-color: #fff;
}
.keywords_highlight
{
	width: 350px;
	float: center;
	border-bottom: 2px solid #fff;
	margin: 0 0px 0 2px;
	padding: 0px 10px 20px 10px;
	background-color: #fff;
}

.content_rubrique
{
	float: left;
	width: 320px;
	border-top: 0px dashed #fff;
	border-left: 0px dashed #fff;
	margin: 0 0px 0 0px;
	padding: 10px 0px 10px 10px;
}

/* FIN CONTENT */

/* RIGHT NAV */

#newsletter
{
	background-color: #E5E5C4;
	width: 158px;
	padding: 0px 0px 8px 10px;
	margin: 0px 0px 20px 0px;
}
#flashinfos 
{
	background-color: #E5E5C4;
	width: 158px;
	padding: 0px 0px 8px 10px;
	margin: 0px 0px 20px 0px;
}
#formations
{
	background-color: #E5E5C4;
	width: 158px;
	padding: 0px 0px 8px 10px;
	margin: 0px 0px 20px 0px;
}
#pictures 
{
	background-color: #E5E5C4;
	width: 168px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}
#hi
{
	background-color: #0099CC;
	width: 160px;
	height: 170px;
	padding: 0px 0px 13px 10px;
	margin: 0px 0px 20px 0px;
}
#hi img
{
	margin: 0px 5px 0px 0px;
}

#pem
{
	background-color: #fff;
	width: 155px;
	height: 190px;
	padding: 0px 3px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #FFCCFF;
	border-left: 1px solid #FFCCFF;
}
#besharp
{
	background-color: #669933;
	width: 162px;
	height: 100px;
	padding: 0px 3px 0px 5px;
	margin: 0px 0px 0px 0px;
}
#besharp img
{
	margin: 0px 0px 0px 0px;
}

#realises
{
	width: 160px;
	background-color: #CCCC99;
	padding: 0px 0px 8px 10px;
	margin: 0px 0px 20px 0px;
}
#projetsencours
{
	width: 157px;
	background-color: #E5E5C4;
	padding: 0px 0px 8px 10px;
	margin: 0px 0px 20px 0px;
}

/* SCRIPTS */

#dropcontentsubject{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	font-style: ;
	width: 140px;
	margin: 5px 0 0 0;
	color: #006699;
}

.dropcontent{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	width: 145px;
	height: 60px;
	border: 0px solid black;
	background-color: #;
	padding: 5px 0 0 0;
	display:block;
}
#pictures a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 18px;
	font-decoration: none;
	padding: 0 0 0 0px;
	color: #006699;
}
#pictures a:hover {
	font-decoration: underline;
	color: #0099CC;
}
#pictures a:visited {
	font-decoration: none;
	color: #0099CC;
}
 
#flashinfos a{
	font-decoration: none;
	color: #006699;
}
#flashinfos a:hover {
	font-decoration: underline;
	color: #0099CC;
}
#flashinfos a:visited {
	font-decoration: none;
	color: #0099CC;
}
#formations a{
	font-decoration: none;
	color: #006699;
}
#formations a:hover {
	font-decoration: underline;
	color: #0099CC;
}
#formations a:visited {
	font-decoration: none;
	color: #0099CC;
}
#newsletter a{
	font-decoration: none;
	color: #006699;
}
#newsletter a:hover {
	font-decoration: underline;
	color: #0099CC;
}
#newsletter a:visited {
	font-decoration: none;
	color: #0099CC;
}
#realises a{
	font-decoration: none;
	color: #006699;
}
#realises a:hover {
	font-decoration: underline;
	color: #0099CC;
}
#realises a:visited {
	font-decoration: none;
	color: #0099CC;
}
#website {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	padding: 5px 0 0 10px;
	margin: 15px 0 0 50px;
	display:block;
	border-top: 1px dashed #fff;
}
#download {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	padding: 5px 0 0 10px;
	margin: 15px 0 0 50px;
	display:block;
	border-top: 1px dashed #fff;
}
#actions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	padding: 5px 0 0 10px;
	margin: 15px 0 0 0;
	display:block;
	border-top: 1px dashed #fff;
}
#actions a{
	font-decoration: none;
	color: #CCCC99;
}
#actions a:hover {
	font-decoration: underline;
	color: #CCCC99;
}
#actions a:visited {
	font-decoration: none;
	color: #CCCC99;
}
#id_part {
	position: absolute;
	top: 182px;
	left:0;
}