/*  ----------------------------------------------------------- */
/*  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
/*  ------------------------------------------ */
html{
	background: #8d8d8d;
}
body {
	background: #8d8d8d;
	margin: 0;
	text-align: left;
	font-size: 14px;
	color: #000;
	font-family:  Arial, Tahoma,Verdana, sans-serif;
}

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

p, h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
	font-weight: normal; 
}

ol,ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a { 
	text-decoration: none; 
	color:#EE8F35;
}
a:hover { 
	text-decoration: underline;
}
a:visited {
	color:#BA3D00;
}

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

/* Images typographiques (via image_typo), URL a revoir... */
img {behavior: url(/pngHack/pngHack.htc);}



/***********************************************/
/*************   Contenu ***********************/
/***********************************************/
#global_page {
	width: 1000px;
	height:auto;
	background: url(images/fond_page.jpg) top left repeat-y;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}
#page {
	width: 1000px;
	min-height:700px;
	height: auto !important;
	height:700px;
	background: url(images/fond.jpg) top left no-repeat;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}

#bandeau {
	width:778px;
	height:150px;
	float:right;
	background: url(images/bandeau.jpg) top left no-repeat;
}
#bandeau a {
	display:block;
	width:778px;
	height:150px;
}
/*************   Menu ***********************/
#menu_lang {
	float:left;
	width:203px;
	height:35px;
	text-align:right;
	padding-top:16px;
}

#menu {
	width:756px;
	height:69px;
	float:right;
	padding-top:9px;
	padding-left:22px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#menu .rub {
	color:black;
	padding-left:59px;
	padding-top:30px;
	width:66px;
	height:33px;
	display:block;
	float:left;
	text-decoration:none;
}
#menu .rub .selected{
	color:#EC7404;
	text-decoration:none;
}
#menu .rub:hover{
	color:#EC7404;
	text-decoration:none;
}
#menu .rub_actif {
	color:#EC7404;
}
/*************   col gauche ***********************/
#col_gauche_accueil {
	float:left;
	padding-top:150px;
	padding-left:25px;
	width:164px;
	height:auto;
	color:white;
	font-size:12px;	
}

#col_gauche {
	float:left;
	padding-top:150px;
	width:221px;
	height:auto;
	color:white;
	font-size:12px;
	text-align:center;
}
	#col_gauche h3{
		font-size:22px;
		font-weight:bold;
		margin-bottom:10px;
		font-family:Tahoma,Arial,Helvetica,sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#EC7404;
		text-align:center;
		background-color:#D8E0E3;
		padding:5px;
	}
	#col_gauche ul {
		text-align:left;
		
	}
	#col_gauche ul li{
		list-style:none;
		background:#D8E0E3;
		margin-top:2px;
		padding-left:15px;
	}
		#col_gauche ul li a{
			color:black;
			font-weight:bold;
		}
		#col_gauche ul li.actif a{
			color:#EC7404;
		}
		#col_gauche ul li ul li{
			list-style:disc;
			color:black;
			text-align:left;
			padding-left:30px;
			list-style-position:inside;
		}
		#col_gauche ul li ul li.inactif a {
			color:black;
		}
		
/*************   actu ***********************/
#actu {
	background: url(images/actu.jpg) top left no-repeat;
	float:left;
	width:135px;
	height:155px;
	margin-top:58px;
	padding-left:27px;
	padding-right:20px;
	padding-top:28px;
	padding-bottom:107px;
	
}
#rub_actu {
	display:block;
	width:95px;
	height:22px;
}
#actu .actu_art {
	padding-bottom:26px;
}
#actu .date {
	color:#585850;
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
	padding-bottom:7px;
}	
#actu #texte {
	float:left;
	height:155px;
	overflow:auto;
	width:135px;
	padding-right:3px;
}
/*************   article ***********************/
#article_accueil {
	float:right;
	color:white;
	font-size:12px;
	width:447px;
	min-height:230px;
	height: auto !important;
	height:230px;
	padding-right:110px;
	overflow:none;
}
#article_accueil h1 {
	text-align:right;
	color:#ec7407;
	font-size:27px;
	padding-bottom:15px;
	padding-top:20px;
}
#galerie {
	background: url(images/fond_galerie.jpg) top left no-repeat;
	width:456px;
	height:129px;
	float:right;
	margin-top:10px;
	
}
#article_contenu {
	float:right;
	color:white;
	font-size:12px;
	width:650px;
	min-height:390px;
	height: auto !important;
	height:390px;
	padding-right:50px;
	overflow:auto;
}
#article_contenu h1 {
	text-align:right;
	color:#ec7407;
	font-size:27px;
	padding-bottom:15px;
	padding-top:20px;
}



/***********************************************/
/*************   plan **************************/
/***********************************************/


#plan .rub, .rub a{
	font-weight:bold;
	font-size:14px;
	color:white;
}

#plan .art a{
	font-size:12px;
	margin-left:15px;
	color:#EC7407;
}

/***********************************************/
/*************   pied **************************/
/***********************************************/
#pied {
	text-align:left;
	padding-right:130px;
	height:80px;
	width:870px;
	padding-top:15px;
	background:url(../squelettes/images/pied.jpg) top left no-repeat;
}
#iso {
	float:left;
	width:48px;
	text-align:left;
	margin-left:25px;
	height:73px;
	background:url(../squelettes/images/certification_iso.jpg) top left no-repeat;
}
#iso a {
	display:block;
}
#pied ul {
	float:right;
	padding-top:28px;
}
#pied li {
	display:inline;
	padding-left:5px;
	padding-right:5px;
}
#pied .border-left {
	border-left:1px solid white;
}
#pied a{
	color:white;
	font-size:11px;
}

/***********************************************/
/**  formulaire de recherche dans le stock *****/
/***********************************************/

.form_stock{
	margin: 1em 0;
}

	.form_stock div.field {
		margin: 0.2em 0;
	}
		.form_stock div.field label {
			float:left;
			width: 100px;
		}
		.form_stock div.field select {
			width: 300px;
		}
		.form_stock div.field input {
			width: 295px;
		}	
	.form_stock div.button {
		padding-left: 100px;
	}					
		.form_stock div.button input {
			width: 100px;
		}