@charset "utf-8";

/* <copyright>



Author:

   Rio Purnomo

   http://www.80tasks.com/

Role:

   Image Slice, xHTML and CSS Design, Cross Browser

Client:

   idaes



</copyright> */



/*reset*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }

/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse:collapse; border-spacing:0; }

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }

li { list-style:none; }

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }

q:before, q:after { content:''; }

abbr, acronym { border:0; font-variant:normal; }

sup { vertical-align:text-top; }

sub { vertical-align:text-bottom; }

input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }

legend { color:#111; }

/*font*/

body { font:9pt/1.231 "Trebuchet MS", Arial, Helvetica, sans-serif; }

table { font-size:inherit; }

pre, code, kbd, samp, tt { font-family:monospace; line-height:100%; }

/*base*/

h1 { font-size:138.5%; }

h2 { font-size:123.1%; }

h3 { font-size:108%; }

h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }

abbr, acronym { border-bottom:1px dotted #000; cursor:help; }

em { font-style:italic; }

blockquote, ul, ol, dl { margin:1em; }

ol, ul, dl { margin-left:2em; }

ol li { list-style:decimal outside; }

ul li { list-style:disc outside; }

dl dd { margin-left:1em; }

th, td { padding:.5em; /*text-align:center*/ }

th { font-weight:bold }

caption { margin-bottom:.5em; text-align:center; }

p, fieldset, table, pre { margin-bottom:1em;}

input[type=text], input[type=password], textarea { width:12.25em; }

/*form*/

select, input, button, textarea { font:9pt arial, helvetica, sans-serif; border:0; line-height:normal; }

/*more*/body { line-height:1; }

:focus { outline:0; }

ins { text-decoration:none; }

del { text-decoration:line-through; }

textarea { overflow:auto; }

/*specific*/

html { overflow:auto; }

.cb { clear:both; line-height:0; }

.fa { font-family:arial, helvetica, sans-serif; }

.po { position:relative; }

.ab { position:absolute; }

.bb { border-bottom:1px dotted #636f79; }

.grise { background:#EEEEEE; }

div.bb { padding: 10px 0; margin: 10px 0px; }

.bb .tarif{
	margin: 0 5px;
	width: 95%;
}
.tarif td{
	text-align: left;
	font: bold 11px/20px "trebuchet ms";
}
.tarif .r{
	text-align: right;
}
.bb h5{ font: normal 13px georgia; padding: 5px 10px 0px 10px ; }

.bb p{ font: normal 11px/13px "trebuchet ms"; padding: 0px 10px 5px 10px;}
.dn, .bb hr { display:none }

p.btn a, .login .btn, .forms .btn { background:#5C6A75; color:#fff; cursor:pointer; font:bold 10px/21pt Georgia, "Times New Roman", Times, serif; padding:3px 5px; text-decoration:none; }

p.btn a:hover, .cleft .box .btn a:hover { background:#fff; color:#5C6A75; text-decoration:none; }

.hsub { color:#fe9844; padding: 0px; margin: 0 0 -10px 0;}

.nom{
	margin: 0px;
}
/*layout*/

body { background:#0095a1 url(/images/bghead.jpg) center top repeat-x; color:#fff; }

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

a:hover, a:focus { text-decoration:underline; }

h4.left, .cright .box h4.left { text-align:left; }

p.left { text-align:left; }

p.right { text-align:right; }

p.center { text-align:center; }

img.left { float:left; padding:2px 10px 0 0; }

#base { background:#fff; border-bottom:1px solid #fff; padding-bottom:50px; }

/*header*/

#header { height:143px; width:826px; margin:0 auto; position:relative; }

#header h1, #header h1 a { background:url(/images/logo.gif) no-repeat; margin:0; padding:0; display:block; height:83px; text-indent:-9999px; width:177px; }

#header h1 { position:absolute; left:0; top:32px; }

/*login*/

.login { position:absolute; top:12px; right:0; width:220px; }

.login p { margin-bottom:5px; text-align:right; }

.login h2 { color:#5C6A75; font: bold 13px/normal Georgia, "Times New Roman", Times, serif; margin-bottom:8px; text-align:right; }

.login label, .login .txt { font: 10px/normal "Trebuchet MS", Arial, Helvetica, sans-serif; }

.login label { display:inline-block; float:left; padding:3px 0; text-align:right; width:116px; }

.login .txt { background:#fff; padding:1px 3px; width:86px; }

.login .btn { background:#676767; margin:0 0 0 5px; padding:2px 5px; line-height:normal; }

.login input.btn:hover, .forms .btn:hover, .cleft .btn a:hover { background:#fe9844; color:#fff; }

.login ul { font-size:10px; margin:0 0 0 127px; }

.login li a { color:#666; }

/*pop up login*/

.boxy-wrapper { position: absolute; }

.boxy-wrapper.fixed { position: fixed; }

/* Modal */

.boxy-modal-blackout { position: absolute; background-color: #333; left: 0; top: 0; }

/* Border */

.boxy-wrapper { empty-cells: show; }

.boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left { padding: 0; }

/* Title bar */

.boxy-wrapper .title-bar { background:#FE9844; position: relative; }

.boxy-wrapper .title-bar.dragging { cursor: move; }

.boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; width:230px;}

.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }

/* Question Boxes */

.boxy-wrapper .question { width: 350px; min-height: 80px; }

.boxy-wrapper .answers { text-align: right; }

/*---Customize*/

/* Content Region */

.boxy-wrapper .title-bar h2 { border-bottom:1px solid #fff; font:bold 13px/normal Georgia, "Times New Roman", Times, serif; padding:5px; text-align:left; }

.boxy-inner { background-color: white; padding: 0;width:230px; }

.boxy-content { background:#FE9844; padding: 5px; text-align:left; width:230px; }

.pop { position:relative; top:0; }

.pop p.left { margin:5px 0 20px; text-align:left; }

.pop label { padding-top:0; width:130px; }

.pop input.btn:hover,.pop .desc p.btn a:hover { background:#fff; color:#FE9844; }

.pop ul { color:#fff; margin:0 0 10px; text-align:right; }

.pop li a { color:#fff; }

.pop_desc { border-top:1px solid #fff; }

.pop_desc p { background:none; margin:5px 0 0; padding:0; }

.pop_desc p.btn {margin:0; }

/*navigation*/

#nav { background:#5c6a75; font: bold 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; z-index:3; }

#nav ul, #nav li { margin:0; padding:0; }

#nav ul { margin:0 auto; width:840px; height:39px; line-height:39px; }

#nav li { display:block; float:left; position:relative }

#nav li a { color:#fff; display:block; float:left; height:39px; line-height:39px; padding:0 10px; border-right:1px solid #fff; }

#nav li.pan a { background:url(/images/ico_pan.jpg) right no-repeat; border:0; width:54px; }

#nav li.pan a.on, #nav li.pan a:hover { background:#fff url(/images/ico_pan_on.jpg) right no-repeat; color:#5c6a75; }

#nav li a:hover, #nav li.on a { color:#5c6a75; text-decoration:none; }

#nav li a:hover { background:#0095a1; color:#fff; text-decoration:none; }

#nav li.on a, #nav .on .sub .on a { background:#fff; color:#5c6a75; text-decoration:none; }

.sub { border-top:1px solid #fff; display:none; position:absolute; top:39px; left:-1px; }

.sub li, #nav .sub a { background:none; clear:both; display:block; font:12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; width:auto; }

#nav .sub a, #nav .on .sub a { background:#dcdcdc; color:#636f79; padding:10px; border-left:1px solid #fff; height:auto; width:200px; }

#nav .sub a:hover { background:#fe9844; color:#fff; }

.sub li { border-bottom:1px solid #fff; padding:0; }

/*content*/

#content { background:#fff; color:#5c6a75; width:826px; margin:20px auto; overflow:hidden; position:relative; z-index:1; }

.cleft { float:left; font: 11px/normal "Trebuchet MS", Arial, Helvetica, sans-serif; width:601px; }

.cleft .box { overflow:hidden; padding:0 0 1px; }

.cleft h2 { color:#fe9844; font:bold 28px/normal Georgia, "Times New Roman", Times, serif; margin:0 0 35px; }

.cleft .box h2 { border-top:22px solid #0095A1; text-indent:-9999px; width:auto; margin:0; }

.cleft p,.cleft fieldset,.cleft table,.cleft pre { margin-bottom:0em; }

.cleft .box h2.accueil { background:url(/images/h2_accueil.jpg) no-repeat; height:274px; }
/*
.cleft .box h2.conseil { background:url(/images/h2_conseil.jpg) no-repeat; height:179px }

.cleft .box h2.contact { background:url(/images/h2_contact.jpg) no-repeat; height:158px }

.cleft .box h2.formation { background:url(/images/h2_formation.jpg) no-repeat; height:140px }

.cleft .box h2.quisommesnous_experts { background:url(/images/h2_quisommesnous_experts.jpg) no-repeat; height:140px }

.cleft .box h2.quisommesnous_missions_services { background:url(/images/h2_quisommesnous_missions_services.jpg) no-repeat; height:140px }

.cleft .box h2.quisommesnous_partenaires { background:url(/images/h2_quisommesnous_partenaires.jpg) no-repeat; height:140px }

.cleft .box h2.rencontres_matinales { background:url(/images/h2_rencontres_matinales.jpg) no-repeat; height:140px }

.cleft .box h2.rencontres_entretiens { background:url(/images/h2_rencontres_entretiens.jpg) no-repeat; height:140px }

.cleft .box h2.bibliotheque_virtuelle { background:url(/images/h2_bibliotheque_virtuelle.jpg) no-repeat; height:139px }

.cleft .box h2.publications_guidepratiques { background:url(/images/h2_publications_guidepratiques.jpg) no-repeat; height:140px }

.cleft .box h2.publications_conventions { background:url(/images/h2_publications_conventions.jpg) no-repeat; height:140px }
*/

.cleft .box h3 { background:none; font-size:17px; margin:0 0 17px; padding:0; }

.cleft .box .detail { padding:20px }

.cleft .box .options { display:inline; float:right; margin:20px; width:330px; }

.cleft .box .options p{
	margin: 0 0 5px 0;
}

.cleft .box select { width:330px; }

.cleft h3 { background:#FE9844; color:#fff; font: bold 13px/normal Georgia, "Times New Roman", Times, serif; padding:5px; margin:20px 0; }

.cleft h4 { font: 17px/normal Georgia, "Times New Roman", Times, serif; margin-bottom:10px; }

.cleft h5{
	font: normal 14px/13px georgia;
}
.cleft .nospace { margin:0; }

.cright { float:right; width:189px; }

.cright .orange { background:#FE9844; padding:0; }

.cleft p.half{
	float: left;
	width: 300px;
}
.cleft ul.half{
	float: right;
	width: 250px;
	margin: 0px;
}
.bleft li,
.cleft ul li,
.cleft ul.list li,
.cleft ul.half li{
	list-style: url(/images/list.gif);	
}
.orange h4 { padding:15px 10px; }

.orange p, .orange p strong { margin:0; padding:10px; }

.orange p strong { display:inline-block; font-size:11px; }

.orange .btn { text-align:right; margin:0; padding:0; }

.orange .btn a { display:inline-block; line-height:normal; }

.orange ul { margin:10px 0; padding-bottom:25px; }

.orange li { list-style:none; margin:0; padding-left:8px; }

.orange .bb { border-color:#fff; }

.cright .program h4 { margin:0; padding-bottom:0; }

.cright .program h4.bb { margin:0px; padding:10px ; font: bold 13px georgia; }

.cright .program .btn { text-align:left; padding:10px; }

.cright .program .date{
	font: italic 10px/14px "trebuchet ms";
}
.cright .banner h4 { font-size:13px; text-align:right; }

.cright .banner h4.h3 { font-size:13px; margin:0; }

.cright .box .h3{
	margin: 0 0 7px 0px;
	padding: 0px;
}
.banner p { padding:2px 0; }

.banner p strong { font-family:Georgia, "Times New Roman", Times, serif; }

.banner p strong, .banner p em, .cright .banner h4 { padding:0 7px; }

.box { background:#0095A1 url(/images/box.jpg) bottom right no-repeat; color:#fff; margin-bottom:30px; padding:15px 10px 20px; }

.box h4, .box h4.h3 { font: bold 15px/16pt Georgia, "Times New Roman", Times, serif; margin-bottom:23px; }

.box h4.h3 { font-size:21px; margin-bottom:23px; }
.box h4.bivir{
font: bold 21px/16pt Georgia;
margin: 5px;
}
.box p.bivir{
font: normal 10px/10pt "trebuchet ms";
margin: 5px 10px 10px 0;
width: 
}
.box input.bivir{
	margin: 0px 15px;
	width: 158px;
font: normal 11px "trebuchet ms";
padding: 1px 2px;
}
/*forms*/

.forms label, strong.label { cursor:pointer; display:inline-block; float:left; font-weight:bold; margin-right:10px; text-align:right; vertical-align:top; width:200px; }

label.non { color:#ccc; }

strong.label { padding:0 5px 5px; }

.forms label, .forms .txt, .forms .btn { padding:5px; }

.forms .txt { border:1px solid #e8e8e8; border-top-color:#aeaeae; margin-right:10px; width:177px; }

.forms .txt:focus { border:1px solid #aeaeae; }

.forms textarea.txt { margin-right:-300px; position:relative; width:369px; z-index:2; }

.forms .post { width:82px; }

.required { color:#fe9844; }

.forms p.label { margin: 0 0 15px 220px; }

p.plus { margin-left:90px; }

.forms .btn { width:auto; }

a.label { margin-left:320px; }

.forms .method { display:block; margin:0 0 15px 220px; padding-top:5px; }

.forms .method label { display:inline-block; float:none; padding:3px 0; text-align:left; width:160px; }

.forms .more label { width:auto; }

.tbl { border-top:25px solid #fe9844; }

.tbl tr:hover { background:#fe9844; color:#fff; }

.tbl.left { border:0; }

.tbl th { background:#636f79; color:#fff; }

.tbl th p, .tbl td p { margin:0; }

.tbl.left th, .tbl.left td { text-align:left; vertical-align:top; }

.tbl .br { border-right:1px solid #fff; }

.tbl td { padding:15px 5px; align:center; }

.total td { background:#636f79; border-bottom:1px solid #fff; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; text-align:right; padding:5px; }

.total .amount { background:#dcdcdc; color:#636f79; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding-left:22px; text-align:left; }

.tbl th.shortby { background:#636f79 url(/images/shortby.jpg) right no-repeat; cursor:pointer; }

.tbl th.shortby:hover { background:#636f79 url(/images/shortby_hover.jpg) right no-repeat; }

.page { background:#fe9844; color:#fff; padding:5px; width:591px; position:relative; z-index:1; }

.page strong { font-weight:normal; margin-left:120px; }

.page strong.h3 { font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:0; }

.page em { font-style:normal; position:absolute; right:5px; top:5px; }

.page a, .page em a, .page a:hover { background:#5c6a75; color:#fff; padding:1px 7px; margin: 0px; text-decoration:none; }

.page a { background:none; }

.page em a:hover, .page a.on { background:none; text-decoration:none; }

.page a.no{
	padding: 0px;
	margin: 0px;
}
.page a.on:hover{
	color: #999;
}
.cdetail { overflow:hidden; }

.cdetail h2 { font-size:28px; font-weight:normal; margin:0; }

.cdetail p { font-size:13px; }

.bleft, .bright { width:292px; }

.bleft { float:left; }

.bright { float:right; }

.bright li{
	list-style: url(/images/list.gif);
}
.bleft .left,
.bright .left{
	float: left;
}
.bleft .right,
.bright .right{
	float: right;
}
.bright h4{
	margin: 0px;
	font-weight: bold;
}
.date{
	margin: 0px 0 10px 0;
	font-style: italic;
}
/*footer*/

#bottom { background:#0095A1; }

.footer, .copy .right { font: 10px/normal "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto; text-align:center; color:#fff; font-weight:bold; padding:26px 0 0; text-align:left; overflow:hidden; width:826px; }

.footer a, .copy a { color:#fff; text-decoration:none; }

.footer a:hover, .copy a:hover { text-decoration:underline; }

.col { display:inline-block; float:left; margin:0 30px 0 0; width:200px; vertical-align:top; }

.second { margin-right:40px; width:500px; }

.third { width:195px; margin:0 0 0 -165px; }

.col h3 { font:bold 18px/10pt Georgia, "Times New Roman", Times, serif; margin:0 0 10px; }

.col p { margin-bottom:17px; }

.col p.btn a { font-size:11px; }

.col ul, .col li { margin:0; padding:0; }

.col ul{
	width: 185px;
	float: left;
	font-style:italic;
}
.col li{
	margin: 0 0 0 15px;
}
/*.col li { display:inline-block; float:left; font-style:italic; margin:0 15px 0 0; vertical-align:top; width:170px }
*/
.copy { border-top:1px solid #fff; clear:both; margin-top:20px; font-weight:bold; }

.copy .term { float:left; width:335px; }

.copy .address { background:url(/images/logo2.gif) center right no-repeat; display:inline-block; float:right; height:31px; padding-right:100px; text-align:right; width:320px; }

.space{
	padding: 10px;
}
.cright .space  .h3{
	letter-spacing: -1px;
	padding: 0 5px;
}
.cright .space li{
	list-style: url(/images/list2.gif);
	margin: 0 0 0 20px;
	padding: 0px;
}
.notop{
	margin-top: -11px;
}
.man,
.des{
	float: left;
	width: 100px;
	display: block;
}
.des{
	width: 500px;
}
.man img{
	border: 1px solid #333;
}
.des h4{
	color: #FE9844;
	font: bold 16px/13px georgia;
}
.des .ok{
	font: normal 13px "trebuchet ms";
}
.pro{
	color: #FE9844;
	font: normal 14px/16px georgia;
}
ul.bb{
	padding: 0 0 10px 0;
}
ul.bb li h5{
	font: normal 14px/21px georgia;
	padding: 0px;
}
ul.bb li{
	font: normal 11px/17px "trebuchet ms";
	padding: 0px 5px;
	list-style: url(/images/list3.gif);
	margin: 0 0 0 25px;
}
.forms p{
	padding: 2px 0;
	margin: 0px;
}


.input_invalid{background-color:red;}

/* Tarif */
.produit_tarif{
    color: orange;
    font-weight:bold;
    font-size: 1em;
}
.panier_suppr{
    cursor:pointer;
    text-align:center;
}
.panier_produit{
    text-align:center;
}
.produit_quantite{
    padding-top:10px;
    float:left;
    width:30px;
}
.produit_quantite_tools{
    float:left; 
    width:10px;
    font-size: 1.3em;
}
.produit_quantite_tools_plus{
    background-color:#636f79;
    color:white;
    cursor:pointer;
}
produit_quantite_tools_plus :hover{
    background-color:white;
    color:#636f79;
}

.produit_quantite_tools{
    background-color:#636f79;
    color:white;
    cursor:pointer;
}
produit_quantite_tools_moins :hover{
    background-color:white;
    color:#636f79;
}