/**
 * Framework CSS
 */

body	
{
	background:url(../images/bg.png) repeat-x;
	background-color:#003e70;
	margin: 0px;
	color:#333333;
	font-size:12px;
	font-family:Arial;

}
img 	{border: 0px;}
form	{margin: 0px;}
strong{font-weight: bold;}
p			{margin: 0 0 10px 0;}

.center			{text-align: center;}
.strong			{font-weight: bold;}
.conteneur	{overflow: auto; height: 1%;}

a{color:#0080be;text-decoration:none;}
a:hover{text-decoration: underline;color:#0080be;}

a#addentry {display: block; margin: 0 0 20px 0; color: #ff4599; text-decoration: none; font-weight: bold; padding-left: 15px; background: url(../images/addentry.png) transparent no-repeat 5px 5px;}

a.orange:link,  a.orange:visited{text-decoration:none;}
a.orange:hover {color:#f28f00;}
 
a.texte:link, a.texte:visited{color:#333333;text-decoration:none;}
a.texte:hover {color:#f28f00;}
 
#header
{
	
	width:990px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/bg_header.png) repeat-y top center;
}

#logo
{
	float:left;
	width:171px;
	height:61px;
	margin:0px 0 0 25px;
	padding:5px 0 0 0;
	
}

#slogan
{
	width:330px;
	height:45px;
	float:left;
	padding:13px 0 0 0;
	margin:0 0 0 65px;
}

#menu_top
{
	background:url(../images/bg_menutop.png) no-repeat;
	width:990px;
	height:28px;
	margin-left:auto;
	margin-right:auto;
}

 
#contenu
{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/bg_header.png) repeat-y top center;
}



/******************/
/* TOP MENU */
/******************/

ul#menu {list-style:none;width:700px;margin:0 0 0 235px;padding:0}
ul#menu li.first {float:left;margin:0;position:relative;top:-4px;}
ul#menu li.first  a {display:block;height:28px;/*text-indent:-9999px;*/}


a#menu_logiciels {background:url(../images/menu_logiciel.png) top center no-repeat;width:123px;}
a#menu_logiciels:hover{background-position:bottom center;}

a#menu_contacts {background:url(../images/menu_contacts.png) top center no-repeat;width:102px;}
a#menu_contacts:hover{background-position:bottom center;}

a#menu_metiers {background:url(../images/menu_metiers.png) top center no-repeat;width:120px;}
a#menu_metiers:hover{background-position:bottom center;}

a#menu_solutions {background:url(../images/menu_solutions.png) top center no-repeat;width:127px;}
a#menu_solutions:hover{background-position:bottom center;}

a#menu_societe {background:url(../images/menu_societe.png) top center no-repeat;width:92px;}
a#menu_societe:hover{background-position:bottom center;}

a#menu_actualite {background:url(../images/menu_actualites.png) top center no-repeat;width:105px;}
a#menu_actualite:hover{background-position:bottom center;}




/******************/
/* MENU DEROULANT */
/******************/
ul.sousmenu {
	display:none;
	font-size:11px;
	font-weight:bold;
	position:absolute;
	z-index:50;
	top:28px;
	left:2px;
	margin:0 !important;
	padding:3px 0 0 0;
	list-style:none;
	
 }

ul.sousmenu li {
	width:130px !important;
	border-bottom:1px solid #EEEEEE;
	background-color:#ffffff;
	font-size:10px;
	text-align:left;
  }
ul#sousmenu_metiers li {width:160px !important;}
ul.sousmenu a {
	text-decoration:none;
	color:#0080be;
  	display:block;
  	width:120px;
  	font-size:10px !important;
  	padding-left:10px;
	height:16px !important;
  }
ul#sousmenu_metiers a{width:150px !important;}
ul.sousmenu a:hover {
  background-color:#cae5f4;
  color:#0080be !important;
}

ul.sousmenu a:visited
{
	color:#0080be;
}

/*********************/
/* Collones contenu */
/*********************/



#collone_gauche ul
{
	list-style:none;
	margin:0;
	padding:0;
	width:163px;
	margin-left:-9px;
	position:relative;
}
ul#menuleft li {height:23px;width:163px;margin-top:5px;}
ul#menuleft li a {display:block;color:#FFF;font-weight:bold;text-align:left;height:23px;width:153px;border-bottom:1px dashed #FFFFFF; text-decoration:none;padding:0 0 0 10px;}
#collone_gauche p {position:relative;}


#contenu_collone {
	margin-left:10px;
	overflow:hidden;
	width:970px;
	background:url(../images/bg_menuGauche2.jpg) top left repeat-y #ffffff;
	position:relative;
	}
	
#collone_milieu
{
	width:522px;
	padding:30px;
	float:left;
	text-align:justify;
}
#collone_milieu p.img
{
	text-align:center;
	margin:15px 0 15px 0;
}

#collone_gauche
{
	padding-left:10px;
	background:url(../images/bg_menuGauche.png) top left no-repeat #37b5e3;
	width:154px;
	height:261px;
	float:left;
}

#collone_gauche img
{
	margin-top:15px;	
}



#collone_droite
{
	vertical-align:top;
	width:221px;
	height:auto;
	float:left;
	
}

#menu_gauche
{
	height:261px;
	width:164px;
	
}

h1
{
	color:#0e82bc;
	font-size:28px;
}


#subHeader
{
	width:990px;
	
	height:72px;
	background:url(../images/subHeader.png) top center no-repeat transparent;
	/*background:#ff0000;*/
}

#footer
{
	margin-left:auto;
	margin-right:auto;
	background:url(../images/footer.png) no-repeat;
	height:41px;
	width:970px;
	clear:both;

}

/*
* Collone droite
*/

#rossace
{	
	position:absolute;
	z-index:10;
	top:0px;
	left:747px;
	margin-left:54px;
	width:170px;
	height:199px;
	background:url(../images/rossace.png) no-repeat;
	
}

#top_encadre_livre
{
	margin-top:185px;
	width:195px;
	height:34px;
	background:url(../images/top_encadre_livre.png) no-repeat;
}

#top_encadre_tem
{
	margin-top:20px;
	width:195px;
	height:33px;
	background:url(../images/top_encadre_tem.png) no-repeat;
}

.content_encadre
{
	width:196px;
	height:auto;
	background:url(../images/content_encadre.png) repeat-y;
}

.bottom_encadre
{
	width:195px;
	height:7px;
	background:url(../images/bottom_encadre.png) no-repeat;
}

.first_livre
{
	min-height:20px;
	padding:5px 0 5px 0;
	margin:0px 0 0px 10px;
	height:auto;
	overflow:auto;
	width:175px;
	border-bottom:1px  dotted #cccccc;
}

.last_livre
{
	margin:0px 0 0px 10px;
	height:auto;
	overflow:auto;
	width:185px;
}

.texte_livre
{
	float:left;
	width:140px;
}

/* TÉMOIGNAGES */
.bloc_tem
{
	padding-top:10px;
	height:280px;
}

.puce_tem
{
	
	background:url(../images/puce_orange.png) no-repeat;
	height:20px;
	width:23px;
	float:left;
	padding:3px;
	margin-top:0px;
    margin-left:2px;
	padding-left:3px;
}
.soustitre_tem
{
	color:#0080be;
	font-weight:bold;
}
.droite_tem
{
	float:left;
	height:auto;
	width:160px;
}
p.texte_tem 
{
	margin-left:3px;
	
}

.sous_texte
{
	color:#999999;
}

#divmenu_footer{margin-left:auto;margin-right:auto;width:970px;height:50px;position:relative }
ul#menu_footer {color:#0080be; list-style:none;padding:0 0 0 170px;text-align:left;}
ul#menu_footer li{color:#0080be;display:block;float:left;margin-left:5px; }
ul#menu_footer li a {color:#0080be; text-decoration:none; }
ul#menu_footer li a:hover{text-decoration:underline;}

ul#menu_footer li.last{color:#FFF;}
ul#menu_footer li.last a{color:#FFF;}
ul#menu_footer li.last a:hover{text-decoration:underline;}
#copyright {position:absolute;left:830px;color:#0080be;}
.img_genese
{
    position:relative;
    top:-6px;
}