/*****************       STYLES DYNAMIQUES         ****************/


/** {
	font-family: \'Trebuchet MS\';
	font-size: 12px;
	color: #000000;
}*/
body {
	font-family: \'Trebuchet MS\';
	font-size: 12px;	
	background: #4d7cbf repeat-x;	
}
select,input, textarea { font-size: 12px; } 


/*fieldset { 	border:1px solid #CCC;  }*/



/*** CADRE PRINCIPAL ***/
#main {
	margin:0 auto 20px auto;
	text-align:left;
	width:950px;
	position:relative;
}



/*** Entete ***/

.header-fr {
	background: url('IMG/interface/bandeau-all.jpg')   no-repeat;
	width:950px;
	height:175px;
	position:relative;
}



#header-menu form, #header-menu a, #header-lang a {
	font-family: \'Trebuchet MS\';
	font-size: 12px;	
	color: #4d7cbf;	
}
#header, #header-menu, #header-lang {
	font-family: \'Trebuchet MS\';
	font-size: 12px;	
	color: #4d7cbf;	
}

#header h1 {
	display:inline;
	margin:0;
}
#header-menu {
	position:absolute;
	top:5px;	
	right:5px;
}
#header-lang {
	position:absolute;
	top:5px;
	left:5px;
	text-transform: uppercase ;
}


/*** Fil d'arianne ***/
h2#chemin {
	float:left;
	width:;
	margin:5px 10px;
	padding:6px 0;	
	font-weight:normal;
	
	color:#323232;
	font-family: \'Trebuchet MS\';
	font-size: 11px;	
}
h2#chemin a {
	color:#323232;
	font-family: \'Trebuchet MS\';
	font-size: 11px;	
}
h2#chemin strong {
	margin:0 5px;
	color:#323232;
	font-family: \'Trebuchet MS\';
	font-size: 11px;	
}



/*** Menu des rubriques ***/
#menu-rubriques {
	float:left;
	text-align:left;
	width:250px;
	margin-top:10px;
}
#menu-rubriques-liste {
	margin:0 0 0 11px;
	padding:0;
}
.menu-rubriques-liste-titre {
	margin:5px 10px;	
	font-size:13px;
	font-weight:bold;	
}



.menu-rubriques-liste-separateur {
	margin:0 5px;
	
}
.menu-rubriques-liste-contenu {
	margin:0 15px;
}
.menu-rubriques-liste-titre a, .menu-rubriques-liste-contenu, .menu-rubriques-liste-contenu a, .menu-rubriques-liste-contenu ul, .menu-rubriques-liste-contenu li {
	font-family: \'Trebuchet MS\';
	font-size: 12px;	
	color:#ffffff;
}
.menu-rubriques-liste-contenu ul {
	margin:5px;
	padding:0 0 0 5px;
}



/*** Menu outils ***/
#outils {
	float:right;
	width:0px;
}
#outils a {
	color:;
}
.menu-outils-titre {
	
	background:;
	padding:1px 10px;
	margin:10px 11px 5px 0;
	
	
}
ul.menu-outils-archives {
	margin:2px 0;
	padding:0 11px 0 10px;
	list-style-type:none;
}
ul.menu-outils-archives ul {
	margin:3px 0;	
	padding:0 15px;
	color:;
	list-style-type:disc;
}
.menu-outils-txt {
	padding:0 13px 0 10px;
}
a.voir-tout {
	display:block;
	padding:3px 13px 0 10px;
}
.menu-outils-txt {
	color:;
	font-weight:normal;
}



/*** Pieds de page ***/

.bottom-fr {
	clear:both;
	margin:0 auto;
	background: url('IMG/interface/pied-all.jpg')   no-repeat;
	width:950px;
	height:75px;
	position:relative;
}

#bottom a {
	color:#4D7CBF;
}
#bottom-links {
	position:absolute;
	right:200px;
	top:10px;		
	color:#4D7CBF;
}
#rss {
	position:absolute;
	right:16px;
	top:5px;	
	display:block;
	width:21px;
	height:21px;
}




/**** STYLES CONTENUS : RUBRIQUES, ARTICLES, ... ****/

/*** Contenu ***/
#submain {
	position:relative;
	background: url('IMG/interface/contenu-all.jpg')   repeat-y;
	width:950px;
}
#content {
	float:left;	
	width:700px;	
	color:#323232;
	font-family: \'Trebuchet MS\';
	font-size: 14px;	
}

/*** Titres ***/
#content h1 {	
	padding:0 0 0 10px; 
	color:#ffa800;
}
#content a {
	color:#ffa800;
}
#content h2, #content h2 a {
	color:#ffa800;
}

/*** Encadrés page d'accueil ***/
.cadre-accueil {	
	margin:0 10px;
}
.cadre-accueil-texte {	
	color:#323232;
}
.cadre-accueil-image {
	float:left;
	padding:10px 10px 0 10px;
	text-align:center;	
}
.cadre-accueil-image img {
	/*border:2px solid #ffa800;*/
}
.cadre-accueil-liens {
	height:20px;
	clear:both;
	position:relative;
}
a.savoir-plus {
	position:absolute;
	left:170px;
	bottom:4px;
}
a.savoir-tout {
	position:absolute;
	right:10px;
	bottom:4px;
}


/*** En cadrés rubriques **/
.cadre-rubrique {
	margin:0 10px;
}
.cadre-rubrique h2 a {
	color:#ffa800;
}


/*** Encadrés Articles etc. ***/
.cadre-texte {
	margin:10px 15px;
	color:#323232;
	font-family: \'Trebuchet MS\';
	font-size: 14px;	
}
.cadre-chapo {
	margin:0 15px;
	font-weight:bold;
	color:#323232;
	font-family: \'Trebuchet MS\';
	font-size: 14px;	
}
.cadre-texte a {
	color:#ffa800;
}
.cadre-chapo a {	
	color:#ffa800;
}

.menu-trans {
	
}
.cadre-rubrique-art {
	display:none;
	margin:10px 0pt;
}


/*** Documents joints ***/
#portfolio {
	padding-left:8px;
}
h3.documents-joints {
	margin:0 10px;
	color:#ffa800;
}
.documents-images {
	float:left;	
	padding:5px 8px;
	width:203px;
	height:203px;
	text-align:center;	
}
html>body .documents-images {
	height:auto !important;
	min-height:203px;
}
.documents-images img {
	border:2px solid #ffa800;
}
/*** Forum ***/
.cadre-com {
	border-bottom:1px dashed #ffa800;
	margin-bottom:10px;
}


/*** Eléments de formulaires ***/
input.text, textarea, select {
	border:1px solid #ffa800;
	color:#323232;
}
input.submit, button.submit {
	border:1px solid #ffa800;	
	font-weight:bold;
	color:#323232;
}
input.submit {
	height:22px;
}
dl dd input.text, dl dd textarea, dl dd select {
	width:250px;
}





/*
A styler en cas de besoin
#header h1 a {
	position:absolute;
	top:15px;
	left:15px;
	display:block;
	width:400px;
	height:90px;
}*/


/********************        STYLES STATIQUES     *******************/
img {
	vertical-align:middle;
	border:none;	
}
body, form, div {
	margin:0;
	padding:0;	
}
p { 
	padding:4px 0;
	margin:0;
}
a, a:link, a:visited {
	text-decoration:none;
}
a:hover, a:active {	
	text-decoration:underline;
}
a span {
	display:none;
}

h1 { font-size:18px;margin:6px 0;padding:0; }
h2 { font-size:15px;margin:5px 0;padding:0; }
h3 { font-size:13px;margin:3px 0;padding:0; }
h4 { font-size:13px;margin:2px 0;padding:0; }
h5 { font-size:12px;margin:2px 0;padding:0;font-weight:normal; }

label { display:block; }

fieldset {
	margin:5px;
	padding:10px;
}
fieldset legend { 
	padding:0 7px;
	font-weight:bold;
}

small {	font-size:10px; }

hr { }


/************************************************/
/*						UTILS					*/
/************************************************/
.spacer {
	clear:both;	
	padding:7px 0; 
}

.hidden, .tabs-hide	{ display:none; }

.bold 		{ font-weight:bold;  }
.italic 	{ font-style:italic; }
.center 	{ text-align:center; }
.right	 	{ text-align:right;  }
.left	 	{ text-align:left ;  }
.justify 	{ text-align:justify;}

.f-right 	{ float:right; }
.f-left 	{ float:left;  }
.clear	 	{ clear:both;  }

.block 		{ display:block; }
.inline		{ display:inline; }



/* plans inclus centrés */
.plan {
	margin:0 auto !important;
}
/* pour afficher une barre entre les langues */

#fr span {
	display:inline;
}



/************************************************/
/*						SPIP					*/
/************************************************/

a.spip_out { }
a.spip_in { }

.spip_logos { }
.spip_documents { margin:0 5px; }
.spip_documents_center { display:block;text-align:center; }
.spip_documents_right {}
.spip_documents_left { }

p.spip, p.spip_note  { }

h3.spip { font-size:14px;color:#ffa800; }
hr.spip { clear:both; }
ul.spip { margin-left:15px; padding:0;}
li.spip { }
i.spip { }

ul.forum { list-style-type:none;margin:0 10px;padding:0; }

table.spip {
	border-collapse:collapse;
	border:1px solid #CCC;
	margin:10px;
	font-size:12px;
}
table.spip tr.row_first { 
	font-size:12px;
	text-align:center;	
}
table.spip tr.row_even { }
table.spip tr.row_odd { }
table.spip th {	font-weight:bold; }
table.spip td, table.spip th {
	padding:5px;
	border:1px solid #CCC;
}
.spip_surligne {
        display:inline !important;
}



/************************************************/
/*					imageBox					*/
/************************************************
/* CSS plugin jQuery imageBox */

#imageBoxOverlay { background-color: #000; }
#imageBoxCaption { background-color: #F4F4EC; }
#imageBoxCaptionImages { margin: 0; }

#imageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#imageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
/*#imageBoxNextImage
{
	background-image: url(spacer.gif);
}
#imageBoxPrevImage
{
	background-image: url(/spacer.gif);
}*/
#imageBoxNextImage, #imageBoxNextImage:hover
{
	background-image: url(plugins/artego-interface/img_pack/next.gif);
	background-repeat:	no-repeat;
	background-position: right top;
}
#imageBoxPrevImage, #imageBoxPrevImage:hover
{
	background-image: url(plugins/artego-interface/img_pack/prev.gif);
	background-repeat:	no-repeat;
	background-position: left bottom;
}