body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: #fff;
}

.cont {	
	margin : 0 auto 0 auto ;
	width : 790px ; 
	height : 100% ; 
	background-color: transparent;
	text-align : left ;
}

.ContenaireInfo{
	padding-top:5px;
	padding-bottom: 5px;
	font-size:11px;
	border-top:1px solid #990000;
	border-bottom:1px solid #990000;
	border-right:1px solid #990000;
	border-left:1px solid #990000;
	padding-left:5px;
	padding-right:5px;
	font-family: Arial;
	position: relative;	

}

.contmenu{
	position: relative;
	height : 100% ; 
	text-align : left ;
}

html>body .cont {
	height: auto;
	min-height: 100%;
}

.haut {
	width: 775px;
	height: 176px;
	background-color: transparent;
	background: #fff url(../images/expos/expo_pascal_2.jpg) no-repeat
}

.centre {
	height: 400px;
	width: 750px;
	text-align: left;
	background: #fff url(../images/bg_centre9.gif) no-repeat
}

html>body .centre {
	background: #fff url(../images/bg_centre9.gif) no-repeat;
	height: auto;
        min-height: 400px;
}

.bas {
	width: 775px;
	height: 74px;
	background-color: transparent;
}

/* CONFIGURATION ul, li */
ul,li {
	margin: 0;
	padding: 0;
	list-style: none
}

/* MENU IMAGES */
.menu {	
	float: left;
	width: 447px;
	height: 75px;
}

html>body .menu {
	width: 444px;
}

.menu li {
	float: left;
}

.menu li a {
	color: red;
	text-decoration: none;
	background: url(../images/btn_cafe_on.gif) 0 0;
	float: left;
}

.menu li a:hover {
	color: #E3BC30;
	text-decoration: none;
	background: url(../images/btn_cafe_on.gif) 0 75px;
}

li.cafe a {
	color: red;
	text-decoration: none;
	background: url(../images2/btn_cafe_on.gif) 0 0;
	float: left;
	width: 80px;
	height: 75px;
	display: block
}

li.cafe a:hover {
	text-decoration: none;
	background: url(../images2/btn_cafe_on.gif) 0 75px;
}

li.cafe_in a {
	color: red;
	text-decoration: none;
	background: url(../images2/btn_cafe_on.gif) 0 75px;
	float: left;
	width: 80px;
	height: 75px;
	display: block
}

li.cafe_in a:hover {
	text-decoration: none;
	background: url(../images2/btn_cafe_on.gif) 0 75px;
}

li.escalator a {
	color: #fff;
	text-decoration: none;
	background: url(../images2/btn_escalator_on.gif) 0 0;
	margin-left: 0;
	width: 79px;
	height: 75px;
	display: block
}

li.escalator a:hover {
	color: #E3BC30;
	text-decoration: none;
	background: url(../images2/btn_escalator_on.gif) 0 75px;
}

li.escalator_in a {
	color: #fff;
	text-decoration: none;
	background: url(../images2/btn_escalator_on.gif) 0 75px;
	margin-left: 0;
	width: 79px;
	height: 75px;
	display: block
}

li.escalator_in a:hover {
	color: #E3BC30;
	text-decoration: none;
	background: url(../images2/btn_escalator_on.gif) 0 75px;
}

html>body li.corbeille a {
	margin-left: 0;
}

li.corbeille a {
	color: #fff;
	text-decoration: none;
	background: url(../images2/btn_corbeille_on.gif);
	margin-left: 0;
	width: 71px;
	height: 75px;
	display: block
}

li.corbeille a:hover {
	color: #E3BC30;
	text-decoration: none;
	background: url(../images2/btn_corbeille_on.gif) 0 75px;
}

html>body li.corbeille a {
	margin-left: 0;
}

li.corbeille_in a {
	color: #fff;
	text-decoration: none;
	background: url(../images2/btn_corbeille_on.gif) 0 75px;
	margin-left: 0;
	width: 71px;
	height: 75px;
	display: block
}

li.corbeille_in a:hover {
	color: #E3BC30;
	text-decoration: none;
	background: url(../images2/btn_corbeille_on.gif) 0 75px;
}

html>body li.corbeille a {
	margin-left: 0;
}

li.coiffeur a {
	color: #fff;
	text-decoration: none;
	background: url(../images2/btn_coiffeur_on.gif) 0 0;
	margin-left: 0;
	width: 73px;
	height: 75px;
	display: block
}

li.coiffeur a:hover {
	color: #E3BC30;
	text-decoration: none;
	background: url(../images2/btn_coiffeur_on.gif) 0 75px;
}

html>body li.coiffeur a {
	margin-left: 0;
}

li.coiffeur_in a {
	color: #fff;
	text-decoration: none;
	background: url(../images2/btn_coiffeur_on.gif) 0 75px;;
	margin-left: 0;
	width: 73px;
	height: 75px;
	display: block
}

li.coiffeur_in a:hover {
	color: #E3BC30;
	text-decoration: none;
	background: url(../images2/btn_coiffeur_on.gif) 0 75px;
}

html>body li.coiffeur a {
	margin-left: 0;
}

li.fleche a {
	color: #fff;
	text-decoration: none;
	background: url(../images2/btn_fleche_on.gif);
	margin-left: 0;
	width: 77px;
	height: 75px;
	display: block
}

li.fleche a:hover {
	color: #E3BC30;
	text-decoration: none;
	background: url(../images2/btn_fleche_on.gif) 0 75px;
}

html>body li.fleche  a {
	margin-left: 0;
}

li.fleche_in a {
	color: #fff;
	text-decoration: none;
	background: url(../images2/btn_fleche_on.gif) 0 75px;
	margin-left: 0;
	width: 77px;
	height: 75px;
	display: block
}

li.fleche_in a:hover {
	color: #E3BC30;
	text-decoration: none;
	background: url(../images2/btn_fleche_on.gif) 0 75px;
}

html>body li.fleche  a {
	margin-left: 0;
}

li.phone a {
	color: #fff;
	text-decoration: none;
	background: url(../images2/btn_phone_on.gif) 0 0;
	margin-left: 0;
	width: 64px;
	height: 75px;
	display: block
}

li.phone a:hover {
	color: #E3BC30;
	text-decoration: none;
	background: url(../images2/btn_phone_on.gif) 0 75px;
}

li.phone_in a {
	color: #fff;
	text-decoration: none;
	background: url(../images2/btn_phone_on.gif) 0 75px;;
	margin-left: 0;
	width: 64px;
	height: 75px;
	display: block
}

li.phone_in a:hover {
	color: #E3BC30;
	text-decoration: none;
	background: url(../images2/btn_phone_on.gif) 0 75px;
}

/* MENU TEXTE */
.texte_menu {
	float: left;
	width: 331px;
	height: 75px;
	background: #D74A15 url(../images/bg_txt_menu.jpg) right;
}

html>body .texte_menu {
	width: 331px;
}

a {
	text-decoration: none;
	/* d�finition du lien qui affichera le "calque" */
}

a:hover {
	background: none; /* correction d'un bug IE */
}

a span { /* d�finition de la balise <span> inclue dans <a> */
	display: none;
}

a:hover .accueil /*span*/ { /* d�finition de la balise <span> au survol */
	display: inline;
	position: absolute; 
	top: 210px;
	/* positions et dimensions du calque, que vous pouvez changer � loisir */
	left: 70px;
	width: 181px;
	height: 18px;
	font-size: 14px;
        font-family: arial, helvetica, sans-serif;
        text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: white;
}

a. accueil{
}

a:hover .accueil{
}

a .parteanires {
	/* d�finition de la balise <span .escalator > inclue dans <a> */
	display: none;
}

a:hover .partenaires {
	/* d�finition de la balise <span .escalator > au survol */
	display: inline;
	position: absolute;
	top: 210px;
	/* positions et dimensions du calque, que vous pouvez changer � loisir */
	left: 70px;
	width: 184px;
	height: 18px;
	font-size: 14px;
        font-family: arial, helvetica, sans-serif;
        text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: white;
}

a .services {
	/* d�finition de la balise <span .escalator > inclue dans <a> */
	display: none;
}

a:hover .services {
	/* d�finition de la balise <span .escalator > au survol */
	display: inline;
	position: absolute;
	top: 210px;
	/* positions et dimensions du calque, que vous pouvez changer � loisir */
	left: 70px;
	width: 184px;
	height: 18px;
	font-size: 14px;
        font-family: arial, helvetica, sans-serif;
        text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: white;
}

a .downloads {
	/* d�finition de la balise <span .escalator > inclue dans <a> */
	display: none;
}

a:hover .downloads {
	/* d�finition de la balise <span .escalator > au survol */
	display: inline;
	position: absolute;
	top: 210px;
	/* positions et dimensions du calque, que vous pouvez changer � loisir */
	left: 70px;
	width: 184px;
	height: 18px;
	text-align: center;
	color: white;
	font-size: 14px;
        font-family: arial, helvetica, sans-serif;
        text-transform: uppercase;
	font-weight: bold;
}

a .references {
	/* d�finition de la balise <span .escalator > inclue dans <a> */
	display: none;
}

a:hover .references {
	/* d�finition de la balise <span .escalator > au survol */
	display: inline;
	position: absolute;
	top: 210px;
	/* positions et dimensions du calque, que vous pouvez changer � loisir */
	left: 70px;
	width: 184px;
	height: 18px;
	text-align: center;
	color: white;
	font-size: 14px;
        font-family: arial, helvetica, sans-serif;
        text-transform: uppercase;
	font-weight: bold;
}

a .technologies {
	/* d�finition de la balise <span .escalator > inclue dans <a> */
	display: none;
}

a:hover .technologies {
	/* d�finition de la balise <span .escalator > au survol */
	display: inline;
	position: absolute;
	top: 210px;
	/* positions et dimensions du calque, que vous pouvez changer � loisir */
	left: 70px;
	width: 180px;
	height: 18px;	
        font-size: 14px;
        font-family: arial, helvetica, sans-serif;
        text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: white;

}

a .contact {
	/* d�finition de la balise <span .escalator > inclue dans <a> */
	display: none;
}

a:hover .contact {
	/* d�finition de la balise <span .escalator > au survol */
	display: inline;
	position: absolute;
	top: 210px;
	/* positions et dimensions du calque, que vous pouvez changer � loisir */
	left: 70px;
	width: 180px;
	height: 18px;
	font-size: 14px;
        font-family: arial, helvetica, sans-serif;
        text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: white;

}

/* IMAGES */
.sitelogo {
	padding-top: 10px;
	padding-left: 25px;
	border: 0
}

.logo {
	float: left;
	margin-top: 20px;
}

.puce {
	margin-top: 5px;
	margin-left: 5px
}

.copy {
	border: 0;
	margin: 0 3px 0 3px
}

.copy_ {
	border: 0;
	margin: 0 3px -6px 3px
}
.boot {
	margin-top: 5px;
	margin-left: 5px
}

.img_bas {
	float: right;
	margin: 20px;
	margin-left: 10px
}

.img_java {
	margin-top: 20px;
	margin-bottom: 10px
}

.logoYp5 {
	margin-left: 164px;
	border: 0
}

.banner {
	display: inline;
	position: absolute;
	margin-left: 30px;
	width: 400px;
	height: 85px;
	margin-top: 40px;
	border: 0
}
.img_noborder {
	border: 0;
	padding-top: 20px
}

/* PARAGRAPHES */
h1 {
	font-size: 12px;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
}

h2 {
	text-indent: 10px;
	margin: 10px 0 0 0;
	padding: 4px 0 4px 0;
	font-size: 12px;
	color: #fff;
	background: #19426E url(../images/bg_barre_titre_bleu.gif) repeat-x;
}

h3 {
	text-indent: 10px;
	margin: 10px 5px 5px 5px;
	padding: 4px 0 4px 0;
	font-size: 12px;
	color: #fff;
	background: #19426E url(../images/bg_barre_titre_bleu.gif) repeat-x;
}

h4 {
	text-indent: 10px;
	margin: 10px 0 0 0;
	padding: 4px 0 4px 0;
	font-size: 12px;
	color: #fff;
	background: #19426E url(../images/bg_barre_titre_bleu.gif) repeat-x;
	text-align: left
}

p {
	margin: 10px 0 0 0;
	padding: 0
}

.notop {
	margin: 0;
}

.top {
	margin: 10px 0 0 10px;
	border-bottom: 1px dotted #FE008F;
	padding-bottom: 5px
}

.top2 {
	margin: 30px 0 0 10px;;
	border-bottom: 1px dotted #FE008F;
	padding-bottom: 5px
}

.top_menu {
	margin-top: 13px;
	display: block
}

.signature {
	margin: 20px 25px 0 0;
	float: right
}

html>body .signature {
	margin: 20px 50px 0 0;
}

.para_intro {
	margin: 0;
	padding: 0
}

.para_bas_serre {
	margin: 20px 0 0 25px
}

.para_bas_serre_notop {
	margin: 10px 0 0 25px
}

.couleur {
	color: #D74A17;
	font-weight: bold;
	font-size: 11px
}

.gras {
	font-weight: bold;
	font-size: 11px
}

/* FORMULAIRES */
.login {
	background: #fff url(../images/bg_login_bar2.jpg);
	width: 775px;
	height: 20px;
	clear: both
}

input {
	margin-top: 10px;
	margin-left: 15px
}

html>body input {
	margin-top: 10px;
}

a.login_liens_001 {
	color: #063559;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	margin-left: 10px;
	font-weight: bold;
}

a.login_liens_001:hover {
	color: #063559;
	text-decoration: underline
}

a.login_liens {
	color: #063559;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold
}

a.login_liens:hover {
	color: #063559;
	text-decoration: underline
}

/* divers -  spacer - liens */
.spacer {
	clear: both;
	height: 13px;
}

a {
	color: #000;
	text-decoration: none
}

a.class1 {
	color: #D74A17;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px
}

a.class1:hover {
	color: #D74A17;
	text-decoration: underline
}

a.class2 {
	color: #000;
	text-decoration: underline;
}

a.class2:hover {
	color: #000;
	text-decoration: underline
}

a.class3 {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px
}

a.class3:hover {
	color: #000;
	text-decoration: none
}

.bloc_droit {
	float: left;
	margin-left: 0;
	margin-top: 0px;
	width: 268px;
	height: 100%; /*335px; */
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}

/* PAGE INDEX */
.bloc_haut_index {
	background: #fff url(../images/visu/visu_home_grand.jpg);
	width: 750px;
	height: 151px
}

.bloc_gauche_index {
	float: left;
	background-color: transparent;
	width: 482px;
	text-align: left;
	margin-left: 0;
	margin-top: 10px;
}

.bloc_droit_index {
	float: left;
	background: url(../images/post_it_60.jpg) no-repeat;
	margin-left: 0;
	margin-top: 10px;
	width: 268px;
	height: 110%;
	overflow: hidden;
	padding: 50px 0px 0px 0px;
}

/* POST It */
.para_postit {
	padding: 10px 10px 0 20px;
	color: maroon;
	margin: 0;
	font-size: 12px
}

.para_postit_breve {
	padding: 5px 35px 0 20px;
	margin: 0
}

.para_postit_breve_sanstop {
	padding: 0 35px 0 20px;
	margin: 0
}

.para_postit_signature {
	padding: 5px 10px 0 20px;
	margin: 0
}

/* TECHNOLOGIES */
div.hr {
	float: left;
	height: 6px;
	margin: 5px 0 5px 0;
	padding: 0;
	background: #fff url(../images/hr.gif) scroll left;
	width: 240px;
}

div.hr hr {
	display: none;
	padding: 0;
}

.gauche {
	float: left;
	background-color: transparent;
	width: 344px;
	text-align: left;
	margin-left: 10px;
	margin-top: 0;
}

html>body .gauche {
	margin-left: 20px;
}

.haut_gauche {
	float: left;
	width: 240px;
	background-color: transparent;
	margin-left: 10px;
}

.haut_gauche_reference {
	float: left;
	width: 550px;
	background-color: transparent;
	margin-left: 10px;
}


.haut_gauche_ {
	float: left;
	width: 240px;
	background-color: transparent;
	margin-left: 10px;
}

.droite {
	float: left;
	background-color: transparent;
	width: 344px;
	margin-left: 20px
}

html>body .droite {
	
}

/* DOWNLOAD */
.bloc_haut_download {
	background: #19426E url(../images/visu/visu_references.jpg);
	width: 750px;
	height: 150px
}

.bloc_download_001 {
	background: #F4F3F3;
	width: 750px;
	height: 150px
}

.bloc_download_002 {
	background: transparent;
	width: 750px;
	height: 150px
}

/* REFERENCES */
.haut_intro_ref {
	float: left;
	margin-left: 20px;
	width: 560px;
	background: transparent
}

.ref {
	font-size: 12px;
	margin: 20px 0 20px 0;
	text-indent: 35px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	background: url(../images/h5.jpg) no-repeat left;
}

.intro_ref {
	background-color: transparent;
	width: 750px;
	text-align: left;
	margin-top: 0;
}

div.hr_ref {
	float: left;
	height: 6px;
	margin: 5px 0 5px 0;
	padding: 0;
	background: #fff url(../images/hr.gif) scroll left;
	width: 586px;
}

div.hr_ref  hr {
	display: none;
	padding: 0;
}

.logo_ref {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}


.bloc_ref_total {
        background-color: #324323;
        margin : 0 0 0 0;
        position: relative;

}


.bloc_ref_byref {
        
      background-color: #D04356;
}

.bloc_ref_001offline {
        background-color: transparent;
	width: 204px;
	margin-left: 10px;
	margin-top: 10px;
	text-align: right;
	margin-right: 32px;
}


.bloc_ref_001online {
        float: left;
        background-color: transparent;
	width: 204px;
	margin-left: 10px;
	margin-top: 10px;
	text-align: right;
	margin-right: 32px;
}

html>body .bloc_ref_001 {
	margin-left: 20px;
	margin-right: 25px
}

.img_ref_niv2 {
	margin-top: 20px;
}

.para_contact_ref {
	height: 23px;
	background: #fff url(../images/dec_03.jpg);
}

.para_secteur_ref {
	height: 23px;
	background: #fff url(../images/dec_06.jpg);
}

.para_index {
	margin: 10px 5px 0 5px;
}

.para_index_mailto {
	margin: 0;
}

.para_index_mailto_bg {
	width: 100%;
	text-align: right;
	background: #fff url(../images/bg_phone.gif);
}
.para_index_mailto_bas {
	margin: 0px;
	padding-bottom: 15px;
	background: #fff url(../images/para_mail.jpg) no-repeat left bottom

}

/* PARTENAIRES */
h5 {
	font-size: 12px;
	margin: 20px 0 20px 0;
	text-indent: 15px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	background: url(../images/h5.jpg) no-repeat left;
}

.centre_partenaires {
	background-color: transparent;
	text-align: left;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
}

.img_floatright {
	border: 0;
        margin-left: 40px
}

.img_floatright_Noctis {
	border: 0;
	margin-left: 30px
}

.img_floatright_Inveo {
	border: 0;
	margin-left: 40px
}

.gauche_partenaires {
	float: left;
	width: 220px
}

.droite_partenaires {
	float: left;
}

.ul_ref {
	margin-right: 10px
}

.ul_ref_news {
	margin-right: 0px
        width:244px;
}


/* SERVICES */
.bloc_haut_services {
	background: #fff url(../images/visu/visu_contact.jpg);
	width: 750px;
	height: 151px
}

input {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

.pousse_input {
	margin-left: 26px
}

.bloc_input {
	float: left;
	margin-left: 20px;
	margin-top: 20px
}

.bloc_input p {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #063559
}

.bloc_para_services {
	float: left;
	width: 430px;
	margin-left: 20px;
	margin-top: 30px;
	color: #063559
}

.bloc_para_services img {
	border: none;	
}

.para_log_oublie {
	margin-left: 70px;
	margin-top: 18px
}

/* CONTACT */
.h3_contact {
	margin-top: 20px
}

.img_plan {
	float: left;
	margin-top: 20px;
	margin-left: 30px
}

.bloc_contact {
	float: left;
	margin: 20px 0 0 20px
}

.bloc_haut_contact {
	background: #fff url(../images/visu/visu_services.jpg);
	width: 750px;
	height: 151px
} 

.bloc_news {
	text-align: left;
        margin-left: 11px;
	width: 242px;
       
        
}

/*  LOGIN DANS SERVICES */

#titre_login{ 
background : #DEE6F2 url(../_images/bg_login.jpg) top left no-repeat ; 
height : 23px ; 
 }
 
 #titre_login p{ 
padding : 5px 0 0 10px ;
margin : 0;  
font-familly : arial ; 
font-weight : bold ; 
color : #fff; 
font-size : 11px ; 
 }

#login { 
position : relative ; 
border-top : 1px solid #545457 ;
background :#545457 ;
margin : 0 2px 5px 25px;
padding : 0 0 10px 0;
height : auto; 
width: 223px;
min-height : 105px;
color : #fff
}

.username {
position : absolute ; 
top : 15px ;
left : 15px ; 
padding : 0 ;
margin : 0; }

.input_user {
position : absolute ; 
top : 15px ;
left : 75px ; 
padding : 0 ;
margin : 0;
 border : 1px solid #A5ADB2;
 backgrond : #fff; 
}


.input_pass {
position : absolute ; 
top : 45px ;
left : 75px ; 
padding : 0 ;
margin : 0; 
 border : 1px solid #A5ADB2;
 backgrond : #fff;
}


.password  {
position : absolute ; 
top : 45px ;
left : 20px ; 
padding : 0 ;
margin : 0;
}


.input_envoyer 
{
width : 109px;
height : 24px ; 
position : absolute ; 
top : 75px ;
left : 53px ; 
padding : 0 ;
margin : 0;
background : url(../images/login.jpg) top left no-repeat ; 

}

.input_envoyer a 
{
display : block ; 
width : 109px;
height : 24px ; 
padding : 0 ;
margin : 0;
background : url(../_images/login.jpg) 0 0; 

}


.input_envoyer a:hover 
{
background : url(../_images/login.jpg) 0 -24PX ; 
}

.envoyer  {
position : absolute ; 
top : 80px ;
right: 15px ; 
padding : 0 ;
margin : 0;
color : #8C8C8E}


.envoyer a  {
color : #8C8C8E ; text-decoration : none ;}


.envoyer a:hover  {
color : #8C8C8E ; text-decoration : underline ;}