*{
margin:0;
padding:0;
}

body {
background-color:#fff;
color:#000;
font-family:Verdana,Arial,Sans-Serif;
font-size:11px;
text-align:left;
background: transparent url(../images/bg_inandco3.png) repeat-x;
}

#header-top {
width:2400px;
height:25px;
overflow:hidden;
background:#fff url(../images/bandeau_arc_en_ciel_BW.jpg);
}
#header-top2 {
position:fixed;
left:0;
right:0;
width:2400px;
height:25px;
overflow:hidden;
background:#fff url(../images/bandeau_arc_en_ciel.jpg);
}
.center {
margin: 0 auto 30px; 
width:994px;
min-height:670px;
background:transparent url(../images/kalitou_bulle.png) no-repeat 100% 40px;
}

#platformBanner {
height:140px;
width:994px;
padding-top:30px;
}
#contenu{
float:left;
width:740px;
padding-bottom:30px;
}

.cadre_K{
margin-top:25px;
padding:0 0 10px 15px;
float:left;
border-bottom:1px dashed #999;
}

.cadre_Kperso{
margin-top:25px;
padding:10px;
float:left;
background-color:#f6f6f6;
}

.logo_connexion{
float:left;
width: 325px;
}

.connexion {
width: 150px;
height:13px;
font-weight:bold;
font-size:10px;
margin:18px 65px 0 0px;
padding:5px;
text-align:center;
float:right;
border:1px dotted #fff;
text-decoration:none;
}
.connex2 {
width: 146px;
height:21px;
font-weight:bold;
font-size:10px;
text-align:center;
border:1px dotted #fff;
text-decoration:none;
}
.med{background-color: #A93C72; color:#fff;}
.med:hover{color:#000;}
.haj{background-color: #7f9f3a; color:#fff;}
.haj:hover{color:#000;}
.trans{background-color: #486690; color:#fff;}
.trans:hover{color:#000;}

.tmed{color: #A93C72}
.thaj{color: #7f9f3a}
.ttrans{color: #486690}



.logo_kalitiss{
background:transparent url(../images/6_logo_kalitiss_horizontal_LD_web.png) no-repeat;
float:left;
height:105px;
margin:2px 5px 0 0;
width:330px;
display:block;
}

.p_med_bw{background-position:0 1px}
.p_med_bw:hover, .cadre_K:hover .p_med_bw{background-position:0 -109px}
.p_haj_bw{background-position:0 -214px}
.p_haj_bw:hover, .cadre_K:hover .p_haj_bw{background-position:0 -324px}
.p_trans_bw{background-position:0 -433px}
.p_trans_bw:hover, .cadre_K:hover .p_trans_bw{background-position:0 -538px}
.p_perso_bw{background-position:0 -647px}
.p_perso_bw:hover, .cadre_Kperso:hover .p_perso_bw{background-position:0 -757px}

.texte_K{
float:left;
width:385px;
margin-top:10px;
}

#cadre_droite{
float:left;
width:215px;
margin:23px 0 0 10px;
padding-left:10px;
border-left:1px dashed #999;
}

.textarea_feedback{
border:2px groove #ddd;
margin:4px 0 4px 0;
background:url(../images/esperluette.png) no-repeat 95% 98%;
}

.input_send {
font-size:12px;
border: 1px solid #000;
background-color : #fff;
color: #000;
cursor : pointer;
padding: 3px ;
margin : 0 10px;
width:180px;
}
.input_send:hover{
border: 1px solid #fff;
background-color : #000;
color:#fff;
}

.lb {
padding:3px;
font-weight:bold;
}

.lb_bas {
padding:3px;
}

.link_box{
color:#000;
font-size:12px;
text-decoration:underline;
}

.link_box:hover{
color:#fff;
background-color:#000;
text-decoration:none;
}

.link_box_footer{
color:#fff;
font-size:12px;
text-decoration:underline;
}

.link_box_footer:hover{
color:#000;
background-color:#fff;
text-decoration:none;
}

p{
text-align:justify;
margin-top:5px;
}

h1 {
width:780px;
padding : 15px 5px 2px 2px;
font-size:31px;
font-weight:bold;
color:#fff;
letter-spacing:-2px;
}

.baseline{
margin-top:10px;
font-size:13px;
font-weight:bold;
color:#444;
letter-spacing:0px;
}

h2 {
padding : 3px 0 0 0;
font-size:13px;
font-weight:bold;
}

#menubas {
margin-top:55px;
color:#fff;
clear:both;
padding:50px 0px 10px 0;
width:auto;
overflow:hidden;
background: #000 url(../images/bg_footer.png) repeat-x;
}

#center-menu{
margin: 0 auto;
width:994px;
}

#menu-gauche{
width:350px;
margin:15px 0px 10px 20px;
float:left;
}

#menu-centre{
margin:15px 30px 10px 30px;
width:245px;
float:left;
border-left:1px solid #333;
border-right:1px solid #333;
padding:15px 0 15px 30px;
}

#menu-droite{
padding:15px 0 15px 0;
margin:15px 30px 10px 0;
width:230px;
float:left;
}

.inandco {
padding:0 0 32px 0;
font-size:12px;
border-bottom:1px dashed #999999;
text-align:center;
}

.logo_inandco{
background:transparent url(../images/inandco_qualite.png) no-repeat;
height:105px;
margin:10px 0px 0 50px;
width:100px;
display:block;
}

.p_perso_corp{background-position:0 -115px}
.p_perso_corp:hover{background-position:0 -2px}

/* jquery */
div.overlay div.close,#overlay div.close,div.overlay_med div.close,#overlay_med div.close,div.overlay_haj div.close,#overlay_haj div.close,#overlay_trans div.close,div.overlay_trans div.close{background:transparent url(../images/close.png) no-repeat scroll 0 0;cursor:pointer;height:35px;position:absolute;right:5px;top:2px;width:35px}

#overlay{
background-image:url(../images/transparent.png);
color:#efefef;
display:none;
height:416px;
padding:75px;
width:546px;
}

#overlay_med{
background-image:url(../images/transparent_medK.png);
color:#efefef;
display:none;
height:276px;
padding:0px;
width:451px;
}

#overlay_haj{
background-image:url(../images/transparent_hajK.png);
color:#efefef;
display:none;
height:276px;
padding:0px;
width:451px;
}

#overlay_trans{
background-image:url(../images/transparent_transK.png);
color:#efefef;
display:none;
height:276px;
padding:0px;
width:451px;
}

.claroLoginForm{
padding-top:35px;
padding-left:45px;
}

div.wrap{height:256px;}