/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #565656;
	margin-left: 1.5em;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	margin-top: 0;
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size:13px; }
	

	
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }




img, table { margin: 0; padding: 0; border: none; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	
	width: 1045px;
	padding: 0em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 0em;
	min-width: 840px;
	height: auto;

}

#conteneur { width: 100%; margin: 0; padding: 0;}


#haut {
	height: 125px;
	display: block;
	width: 100%;
	margin:auto;
	margin-bottom:0;
	margin-top:0;
}
#logo {
float:left;
width:389px;
height:125px;

}

#about {
	position: relative;
	top: 125px;
	left: 27px;
	z-index:2;
	font-size:13px;
	text-align: left;
	width:150px;
}

#about a{
	padding-right: 15px;
	color: #FFFFFF;
	text-decoration: none;

}
#about a:hover{
	color: #FD6c34;
	text-decoration: none;

}

#menu {
	margin-left:389px;
	height:125px;
}
#menu-img {
	text-align:center;
}

/*
Sous menu des articles
*/

#sous-menu {
	color: #FFFFFF;
	font-size: 12px;
	margin-bottom:0;
	margin-top:0;
	margin-right: 15px;
	margin-left: 75px;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #828285;
	text-align: left;
}

#sous-menu ul {
	margin:0;
	padding:0;
}

#sous-menu li {
	display:inline;
	line-height:16px;
	margin-right:15px;
}

#sous-menu a {
	color: #FFFFFF;
	text-decoration: none;
}

#sous-menu a:hover{
	color: #FD8337;
	text-decoration: none;

}

#sous-menu a:visited{

}

.actif {
	color: #FD6c34;

}


/* Pied de page */
#pied {
	clear: both;
	color: white;
	text-align: left;
	margin: 0em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
		font-size:12px;

}

#pied a {
	color: white;
	padding-right:15px;
}

#pied a:hover {
	text-decoration:none;
	color:#FD6C34;
}

#pied span {
	float:right;
}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }



/*  Portfolio
---------------------------------------------- */

#cadre{
	background-image: url(../images/fond2.gif);
	background-repeat: no-repeat;
	height: 310px;
	width: 1045px;
	padding-top: 19px;
	padding-left: 18px;
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#documents_portfolio {
	clear: both;
	width: 1000px;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;//#615637;//gray;//#9ce2ff;
	padding-left: 0px;
	padding-right: 0px; 
	text-align: center;
}

#documents_portfolio img{
	vertical-align: middle;
	
}

#portfolio-images{
	width: 100%;
	text-align: center;
}


#document_actif { 
	position: absolute;
	padding: 0.5em;
	bottom: 0px;
	width: 500px;
	margin-bottom: 150px;
	text-align: center;
	color: #666666;
	background: #9dd1f2;
	border: 0px solid #CCC;
	margin-left: auto;
	margin-right: auto;
}
#image_portfolio{
	float: left;
	
	text-align: center;
}
#toolbox_image_portfolio{
	float: right;
}
#description_image_portfolio{
	clear: both;
}
#portfolio{
	position: relative;
	clear: both;
	padding-top: 0em;
	

}


/* Gallery Styles */

#motioncontainer {
	margin:0 auto;
Uncomment this line if you wish to center the gallery on page */
width: 50%; /* Set to gallery width, in px or percentage */
	height: 280px; /* Set to gallery height */
	background-color: #000000;
}

#motioncontainer a img {
border: 0px; /* Set image border color */
}

#motioncontainer a:hover img {
border: 0px; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
display: none;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */



/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #FD6c34; }
a:hover { text-decoration: underline; }


/*  ------------------------------------------
/*  Texte
/*  ------------------------------------------ */
#texte {
	text-align: left;
	padding-top: 5px;
	padding-right: 60px;
	padding-bottom: 5px;
	padding-left: 20px;
	line-height: 18px;
	width:920px;
	height:270px;
	overflow:auto;
}

#texte h1 {
	font-size: 18px;
	color: #333333;
	line-height: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
}

#texte h2{
	font-size: 14px;
}

#texte p {
}
#texte a {
	color: #BBBBBB;
	text-decoration: underline;
}
#texte a:hover {
	text-decoration: none;
}

#texte table {
}

#texte td{
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align:top;
	exwidth:20%
}

#texte tr{
}

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	/*border: 1px solid;*/
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
/*table.spip tr.row_even { background: #EEE; }*/
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: top; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }