/**  1 STRUCTURE GENERALE  ******************
/********************************************

/*********** presse : accordeon ***************/
#accordeon { padding:0 10px 0 2px; }

#accordeon .jart a img { text-decoration:0; border:0; }

#accordeon .jart div.c {margin-bottom:25px;}

#accordeon .jart h2 { border-top: solid 3px #DADAC0;  background:url(images/presse/accor_off.jpg) right top no-repeat; }
#accordeon .jart h2 a img { margin:0 0 10px; }

#accordeon .jart h2 a {	padding-top:3px; font: bold 0.66em Verdana, Arial, Helvetica, sans-serif;
												color:#666; text-decoration:underline; display:block; margin-bottom:10px;}

#accordeon .jart h2:hover, 
#accordeon .jart h2.selected { background:url(images/presse/accor_on.jpg) right top no-repeat; }

#accordeon .jart h2.selected a {font-size:1em; color: #D29513; text-decoration:none;  }
#accordeon .jart .c .text { line-height:150% !important; }

#accordeon .jart .c .illustration {float:left; margin:10px  10px 5px 15px;}
#accordeon .jart .c .illustration img {padding:0;margin:0}
#accordeon .jart .c .legende {display:block; font-size:11px; font-style:italic; text-align:center;}

/************************ tags *******************************/


*{
color:#666666;
line-height:normal;
}

form {font-size:11px;
}

body, html {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color:white;
margin: 0;
padding: 0;
background: #e6eff7    ; 
height:100%;
}

#conteneur {
position: relative;
width: 910px;
margin: 0 auto;
padding-right:14px;
background :#dadac0 url("images/communs/ombre.png") repeat-y top right        ;
}

/********************************* bando haut **************************/
#header {
height: 198px;
background:url(images/communs/bando_haut02.jpg) no-repeat top;
}

#headeranim {
height: 198px;
overflow:hidden;
position:relative;
}
    #headeranim  #static a { position:absolute; vertical-align:50%; bottom:0;right:0; font-size:9px; color:#fff; }
    #headeranim  #static a img { border:0; text-align:right; vertical-align: baseline; }		

/**div rajoute en urgence et visible seulement sur la page d'accueil */
.ordi2{  
	position:absolute;
	background:url(images/accueil/logo_ordi2.jpg) no-repeat center right;
	color:#FFFFFF;
	height:17px;
	width:190px;
	margin:0;
	padding-top:10px;
	border:0;
	left: 695px;
	top: 195px;
}

/*
accueil/titre/fse */

img.fse {float:right; margin-top:-10px; vertical-align:middle	}

#gauche { /***************contient le menu gauche Le menu gauche est inserer avec un includ 
					et a sa propre feuille de style : menu_gauche.css ********************/
	position: absolute;
	left:0;
	width: 237px;
	top: 198px;
	background-color:#dadac0;
	padding-top:15px;
}


.espace{ /****** a caler dans le div centre si pas assez de contenu*************************/
height:340px;
}

/********************************** bas de page conteneur et menu horizontal ***************/
#pied {
height: 80px;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
color:#F4F4ED;
text-align:center;
background: url(images/communs/pied.png)  no-repeat    ;
margin-top:15px;
padding:0 5px 0 5px;
}

					#menu {
					list-style-type: none;
					}
					
					#menu li {
					display:inline;
					}
					
					#menu a {
					padding:0 15px 0 5px;
					text-decoration: none;
					font-weight:bold;
					color: white;
					}
					
					#menu a:hover {
					color:#CC9900;
					}


/**********************************************************************************************/
/******************************* TOUS LES STYLES POUR LE CENTRE  ******************************/
/**********************************************************************************************/
#centre {
background-color:#34365c;
margin-left: 237px;
height:auto;
}

.contenu{
background-color:#f4f4ed;
width:647px;
margin-left:25px;
margin-right:1px;
padding-top:20px;
}



				.basgauche{ /******* arrondi image en bas a gauche ****************/
				height:15px;
				width:19px;
				background:url(images/communs/bas-gauche.png) no-repeat;
				font-size:1px;
				}


.ariane {
margin-left:26px;
padding-top:6px;
padding-left: 15px;
height: 24px;
font:  bold 11px Verdana, Arial, Helvetica, sans-serif;
color: white;
}

			.ariane a{
			text-decoration:none;
			color:white;
			}
			.ariane a:hover{
			text-decoration:underline;
			color:#949ABE;
			}

.filet{
height:1px;
width:100%;
background-color:#dadac0;
margin:10px 0 5px 0;
line-height:1px;
}
			.filet1{/*************correction d'un bug sur IE6************/
			height:1px;
			width:63%;
			background-color:#dadac0;
			margin:10px 0 5px 0;
			line-height:1px;
			}
			.filetinvisible{
			height:1px;
			width:100%;
			background-color:#dadac0;
			margin:10px 0 5px 0;
			line-height:1px;
			visibility:hidden;
			}
			
/************* TITRE *****************************/
h1{
background:#FF9933 url(images/communs/titre_fond01.jpg) no-repeat;
margin: 10px 1px 0 25px;
padding:11px 0 0 65px;
height:41px;
font: 1.6em Verdana, Arial, Helvetica, sans-serif;
color:white;
}

h2 {
font: bold 14pt Verdana, Arial, Helvetica, sans-serif;
color:#D29513;
padding : 5px 0 5px 15px;
margin:0 ;
}

h3{
font:  bold 10pt Verdana, Arial, Helvetica, sans-serif;
color:#34365c;
padding : 5px 0 2px 15px;
margin:0 10px 0 0;
}
h3.color1 { color: #6c809b }

h4{
font:  bold 9pt Verdana, Arial, Helvetica, sans-serif;
color:#4576a2;
padding:0 10px 3px 15px;
margin:0;
}


/****************** ENCART A DROITE (sur certaines pages comme ei) *******************/		
.droite{
float:right;
width:215px;
background : transparent url(images/communs/arrondi-droite-haut.png) top left no-repeat;/*#f4f4ed*/
margin : 0 3px 0 3px;
padding-top:16px;
}		
.droitebas{
background: #fff url(images/communs/arrondi-droite-bas.png) bottom left no-repeat;
padding-bottom:10px;
margin:0 0 20px 0;
}
.droitebas h2  {border-top:1px dashed #D29513; padding: 5px;}
.droitebas h2 a:link, .droitebas h2 a,.droitebas h2 a:hover,.droitebas h2 a:active   { color:#D29513; text-decoration:none;}
.droitebas h2 a:hover,.droitebas h2 a:active { text-decoration:underline;}

.droitebas a img {
	border:0;
}
.droitebas a:link, a {
color:#009;
}
					#menudroit {    /*menu utiliser dans l'encart, comme sur la page EI*/
									list-style: none;
									padding-left:15px;
									text-indent:0;
									margin: 0px;
									list-style-position:outside ;
								}
								 
								 #menudroit li a {
									display:block;
									background-position: left;
									font: 9pt Verdana, Arial, Helvetica, sans-serif;
									text-decoration: none;
									color:#999933;
									padding:0 20px 20px 34px;
								 }
								 
								 #menudroit li a:hover {
								 text-decoration:underline;
								 color:#663300;
								  }
								/********************** images pour entreprise d'insertion ***********************/
								.sii{ background : url(images/ei/globe.jpg) no-repeat;}
								.siae {background:url(images/ei/web.jpg) no-repeat;}
								.cdrom{background:url(images/ei/cdrom.jpg) no-repeat;}
								.logiciel { background:url(images/ei/logiciel.jpg) no-repeat;}
								.pao{background:url(images/ei/livre.jpg) no-repeat;}
								.num { background:url(images/ei/parchemin.jpg) no-repeat;}
								.ujo {background:url(images/ei/ujo.jpg) no-repeat;}

								/*********************** images pour ujo ***********************/
								.maj{background: url(images/fse_ujo/maj.jpg) no-repeat;}
								.document{ background:url(images/fse_ujo/doc_ujo.jpg) no-repeat;}
								.description { background:url(images/fse_ujo/telecharger_doc.jpg) no-repeat;}
									
								/************************* encart ponctuel pour promo R2D2 *********************/
								.r2d2 {
								background:url(images/accueil/r2d2_small_encart.jpg) no-repeat;
								float:right;
								width:215px;
								height:44px;
								text-align:center;
								padding-top:203px;
								}
								.r2d2 a{
								color:white;
								text-decoration:none;
								}
								
								.r2d2 a:hover{
								color:#00CC66;
								}
								
							



.lien-int{
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#339933;
margin-right:10px;
margin-bottom:0;
padding-bottom:0;
padding-left:35px;
text-align: left;
border:0;
}




.text{
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #525a6c;
margin:0 10px 0 0;
padding:0 0 10px 15px;
text-align: left;
border:0;
}


.liste{
margin:0;
padding-left:45px;
color: #525a6c;
}

.small{
font-size: 0.8em;
color: #525a6c;
margin:0 ;
padding:0 0 0 15px;
text-align: left;
border:0;
}	
/**
nos real:
liste plusieurs li sur un meme ligne (215 de large float left)*/
.product-list {
	margin:0;padding:0;list-style:none none;
}
	.product-list li {
		display:block;
		width:215px;
		float:left;
		height:145px;
		overflow:hidden;
		text-align:center;
		margin-top:16px;
	}
	.product-list li img {
		padding:2px 0;
	}
	.product-list li a img {
		text-decoration:none; border:0; 
	}

	.product-list li a:hover {
		text-decoration:none; 
	}

							.separ{
							clear:both;
							visibility:hidden;
							}	
							
							
/***************************************************************************************/
/******************************************** FORMULAIRE *******************************/
/***************************************************************************************/
					.contact{
				width:522px;
				margin-left:35px;
				margin-right:35px;
				height:397px;
				background:url(images/contact/contact.png) top right no-repeat;
				clear:both;
				}
				.formu{
				margin-left:15px;
				padding-top:55px;
				}
				
				.ta{
				font: 1em Verdana, Arial, Helvetica, sans-serif;
				color:#003366;
				width: 450px;
				}

				.oblig { display:block; font-weight:bold; text-align:right; margin:1em auto; width:80%; }
				
				label{
				display:block;
				width:355px;
				margin:10px 0 2px 0;
				}
				#Submit {vertical-align:middle; margin-right:1em; }
				
				label.inl {display:inline;vertical-align:bottom;}	
				label.inl input {vertical-align:middle;}
					
				.mailvalid , .mailinvalid {
				background-repeat:no-repeat;
				background-position:top center;
				background-color:transparent;
				font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
				height:142px;
				margin:0 0 20px 35px;
				padding:0 177px 0 45px;
				vertical-align:middle;
				width:345px;
				}
				.mailvalid {
				background-image: url(images/contact/boite-lettre-valid.png);
				color:#009900;
				}
				.mailinvalid{
				background-image: url(images/contact/boite-lettre-invalid.png);
				color:#CC0000;
				}
					.mailvalid p , .mailinvalid p {
					line-height:1.5em;
					margin:0; padding:0;
					padding-top:1.8em;
					}
					.mailvalid p  , .mailvalid a   {color:#009900;}
					.mailinvalid p, .mailinvalid a {color:#CC0000;}
/*****************************************************************************/	


.important{/*************fond de couleur bleu sur le dic selectionne ***************/
background-color:#34565c;
margin-left:10px;
}

.imgauche{
float:left;
padding-right:10px;
padding-bottom:5px;
}

.imgdroite{
float:right;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
}

/* nous contacter : sidebar droite */
#googlemap { text-align:center; margin-bottom:10px; }
#googlemap p { text-align:left; } 
#googlemap a, #googlemap a:visited { color: #000099; text-align:center; margin:5px; font-size:0.8em;  text-decoration:none;}
#googlemap a:hover { text-decoration:underline;}
#googlemap a img { border:0; }
#googlemap a span { color: #000099; text-decoration:underline; }

/***** acheter du materiel presentation des produits 2 colonnes ****************************/

.occas{/***presentation du catalogue occasion***/
background:url(images/acheter_r2d2/occas_permanent.gif) no-repeat center;
height:161px;
}
.occas ul{
list-style-type:none;
}
.occas li {
padding-left:405px;
padding-top:104px;
}

.occas li a{
text-decoration:none;
font: bold 1.2em Arial, Helvetica, sans-serif;
color:#fbad18;
}

.occas li a:hover{
color:#FFFFFF;
}



.deuxcol{
margin-left:10px;
padding: 10px 0 10px 10px;
float:left;
width:295px;
border:solid #333333 1px;
}
.deuxcol h3{
padding:4px 0 0 0;
margin:0;
text-align:center;
color:#cc3300;
}

.detail{
font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
color: #000000;
padding:0;
margin:0;
text-align:center;
}

.photo{
font: italic 0.7em Arial, Helvetica, sans-serif;
color:#666666;
padding:5px 0 0 0;
margin:0;
text-align:center;
}

.deuxcol img{
margin-left:55px;
}


.neuf{
background:url(images/acheter_r2d2/neuf_noel.jpg) no-repeat center;
height:150px;
}
.neuf ul{
list-style-type:none;
}
.neuf li {
padding-left:205px;
padding-top:98px;
}

.neuf li a{
text-decoration:none;
font: bold 1.2em Arial, Helvetica, sans-serif;
color:#ffffff;
}

.neuf li a:hover{
color:#fbad18;
}
/*** formulaires **************************************************************************/	
	#captbloc { /*bloc contenant les elements de la captcha (texte, image et input) */
		display:block;
		color:#666;
	}
		#captbloc label {
			width:auto;
		}
		#captbloc img {
			vertical-align:middle;
			border:0;
		}
		#captbloc input {
			font-family:'Courier New', Courier, monospace; 
			font-size:11px; 
			line-height:11px; 
			padding:0;
			margin:0;
			text-transform:uppercase;
			color:#666;
		}
	
	span.infobulle {
	position: relative;
	text-decoration: none;
	color: #666;
	border-bottom: 1px gray dotted;
  font-weight:normal; 
	font-style:italic;
	cursor:help;
	}

	span.infobulle span {
	display: none;
	border:1px gray dotted;
	font-weight:normal;
	text-decoration:none;
	background: #777;
	color: #dadac0;
	text-align: center;
	padding: 2px;
	}
	
	span.infobulle:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
	}
	
	span.infobulle:hover span {
	display: inline;
	position: absolute;
	top: -3.5em;
	left: -350px;
	width:450px;
	}

/**
autres */
small { font-size: 0.8em; color: #525a6c; }
.text-white {color: #FFFFFF}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-middle {vertical-align:middle;}

.fltlft {float:left; margin:5px;}
.fltrt {float:right; margin:5px;}
.clear {clear:both; } 

.retour-haut a { 
background: transparent url(images/communs/arrow_top.jpg) right 50% no-repeat; padding-right:22px; 
line-height:22px; font-size: 0.8em; text-decoration:none; text-align:right; float:right; margin-right:1em; }


/* style pour partie logiciels IAE */
a.iae_orange_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	font-style: normal;
	color: #D29513;
	text-decoration: underline;
}
a.iae_orange_link:link {
	color: #D29513;
}

ul#iae_bouton { text-align: center; }
#iae_bouton li { display: inline;  }

#iae_bouton li img
{
text-decoration: none;
/*padding: .2em 1em;*/
margin-right:20px;
margin-bottom:20px;
}

/*a, a:link, a:hover, a:visited, a:active, :focus*/

.iae_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #C00;
	margin:20px;
	text-align:center;
}

.iae_valid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#063;
	margin:20px;
	text-align:center;
}

.iae_form {
	border:solid;
	border-color: #D29513;
	border-width: 1px;
	margin:10px;
}
.iae_form p{ 
	margin-left: 30px; 
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
.iae_champ_oblig{
	text-align:right;
	margin-right:5px;
	font-style:italic;
	font-size:9px;
}

.iae_compte {
margin-left:540px;
padding-top:16px;
height: 16px;
font:  11px Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: white;
}

			.iae_compte a{
			text-decoration:none;
			color:white;
			}
			.iae_compte a:hover{
			text-decoration:underline;
			color:#949ABE;
			}
			
#centre #mc_embed_signup {
border:1px dashed #ccc; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color:white;
display:block; 
margin:0 20px 20px 20px;
padding:.5em .5em 0 .5em;
text-align:center;
}
#centre #mc_embed_signup h2 {font-size:12px;font-weight:bold;text-align:left;color:#21466A;padding:5px 0;margin:0;}
#centre #mc_embed_signup form { margin:0;padding:0}
#centre #mc_embed_signup label {font-size:12px;text-align:left;margin:0;padding:0;line-height:150%; display:inline;}
#centre #mc_embed_signup label strong { line-height:200%; }