@charset "utf-8";
/* CSS Document */
img{ 
	margin:0;
	padding:0; 
	behavior: url(win_png.htc); 
}

a {color:#002C6B;}
a:visited {color:#002C6B;}

body {
	background:white url(img/bodyback.jpg) repeat-x;
	margin:0; padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#00337A; font-size:10px;
	font-size:62.5%;
	line-height:120%
}
p { text-align:justify; }
#center{
	width:876px;
	margin: 0 auto;
	background:white url(img/centerback.jpg) no-repeat;
  	min-height:547px;
	height:auto !important;
	height:547px;
	padding:28px 28px 23px 28px;
}


#header{
	width:876px; height:104px;
	position:relative;
	background:url(img/header.jpg) no-repeat;
}
#langues{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;
margin:0; padding:0; float:right;
}
#langues ul{
margin:0; padding:0;
}
#langues li{
float:left;
}
#langues li a{
display:block; color:#808CBB; text-decoration:none; padding:5px;
}
#langues li a:hover{
color:white; text-decoration:underline;
}

#annexe{
	background:#eee;
	border:1px solid #B1BDD1;
	padding: 2px 10px 10px 10px;
	margin:10px 0 10px 0;

}
#annexe a{
	text-decoration:none;
}

#annexe li{

}
#annexe li a{
	background:#5FACFA;
	padding: 4px 4px 4px 12px;
	margin-bottom:1px;
	color:white;
display:block;
background:#0066CC;
	color:white;
	font-weight:bold;
}
#annexe li a:hover{
	background:#5FACFA;
}



/*3 colonnes*/
#troiscol{
width:876px;
clear:both;
margin:5px 0 0 0;
padding:0;
}



#troiscol .bleu, #troiscol .vert, #troiscol .orange{
width:284px;

}
.bleu h3, .orangeshort h3 {
	margin:0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #FFF;
	_border:0;
	_background:url(img/pointille.gif) repeat-x bottom left;
}

.troiscolcontent{
	color:white;
	clear:both;
	height:161px;	
	margin-left:14px; margin-right:14px;
	overflow:auto;
	overflow-x: hidden;

}
.troiscolcontentshort{
	color:white;	
	margin-left:14px; margin-right:14px;
	clear:both;

}

.troiscolcontent a{
	color:white; text-decoration:none;
}
.troiscolcontent a:hover{
	color:white; text-decoration:underline;
}
.troiscolcontent a:visited{
	color:white;
}

#troiscol .orange {
background:url(img/blocorangeback.jpg) repeat-y;
}
#troiscol .orangeshort {
background:url(img/blocorangebackshort.jpg) repeat-y;
}
#troiscol .orangetop {
background:url(img/blocorangetop.jpg) no-repeat; height:13px;
}
#troiscol .orangebottom{
background:url(img/blocorangebottom.jpg) no-repeat; height:13px;
}
#troiscol .orangebottomshort{
background:url(img/blocorangebottomshort.jpg) no-repeat; height:13px;
margin-bottom:10px;
}
#troiscol .bleu {
background:url(img/blocbleuback.jpg) repeat-y;
}
#troiscol .bleutop {
background:url(img/blocbleutop.jpg) no-repeat; height:13px;
}
#troiscol .bleubottom {
background:url(img/blocbleubottom.jpg) no-repeat; height:13px;
}
#troiscol .vert {
background:url(img/blocvertback.jpg) repeat-y;
}
#troiscol .verttop {
background:url(img/blocverttop.jpg) no-repeat; height:13px;
}
#troiscol .vertbottom {
background:url(img/blocvertbottom.jpg) no-repeat; height:13px;
}
.troiscol_link a{
	color:white;
	text-decoration:underline;
	margin:1px 14px 0 14px;
	height:12px;
	padding:0;
	border-top:1px dotted #FFF;
	_border:0;
	_background:url(img/pointille.gif) repeat-x top left;
	display:block;
	padding:5px 0 0 0;
	font-size:1.1em;
}

.nounderline a{
text-decoration: none;
}
.nounderline a:hover{
text-decoration: underline;
}
.nounderline a:visited {
color:white;
}

#competences ul li a{
color:white;
display: block;
padding-top: 5px;
padding-right: 28px;
padding-bottom: 5px;
padding-left: 14px;

}

#competences li a:link{
background-color: transparent;
background-image:url(img/arrow.gif);
background-repeat: no-repeat;
background-position:220px 35px;

}

#competences ul li a:hover{

background-color: #364545;

}


/*pied de page */
#piedpage{
	clear:both;
	background:white url(img/backpiedpage.jpg) repeat-x;
  	min-height:71px;
	height:auto !important;
	height:71px;
	margin-top:10px;
	padding:0;
}
#envoyeraunami{
width:251px;
padding-top:14px;
margin:0 auto;
}

#envoyeraunami .input{
	width:231px; height:14px; font-size:10px;

}
/*SPIP*/
span.spip_documents_center {
	display:block;
	text-align:center;
	margin:0.5em 0;
}
.spip_documents_left  {
margin:0; padding:0;
	float:left;
	margin:0 10px 3px 0;
}
.spip_documents_right {
	float:right;
	margin:0px 0 5px 10px
}
h1, h1.spip {
font-size:16px;
}
h2, h2.spip {
font-size:14px;
}
h3, h3.spip {
font-size:12px;
}
h4, h4.spip {
font-size:10px;
}

ul.galerie li {
	display:inline;
	float:left;
	margin:3px;
	padding:0;
}
ul.galerie li img { border:none; }

ul.spip {
	margin-left:20px;
}
ul.spip li {
	list-style-type:disc;
}