@import url(boite-rondes.css);
/* CSS g�n�rale ----------------------------------------------------------------------------------------------------------------------------------*/
*{margin:0; padding:0; outline:none}
body{font-family:Verdana, Arial, 'Helvetica', sans-serif; text-align:left ; background: url(images/header-bg.gif) repeat-x left top #fff;}

h1{color:#005782; font-size: 24px; font-family: Lucida Grande, Arial, Times, Helvetica, sans-serif; letter-spacing:1px; font-weight:lighter; margin:10px 0}
h2 { color:#990000; font-size:15px; font-weight:bold; width:540px; border-bottom:1px dotted #F1BABA; margin:10px 0}
h3{ font-size:12px; margin:10px 0 }
h4{font-size:11px;}

a > acronym{ border:none;}
img{ text-decoration:none; border:none; }
table{margin-top:1px; padding: 0 0 1px 15px; }
td { padding:0 10px 0 0; margin:0; font-size: 11px; text-align:center;}
/* FIN CSS g�n�rale */

/* HEADER ---------------------------------------------------------------------------------------------------------------------------------------*/
.header{height:180px; position:relative}

#logogauche { height: 103px ; width:304px; border:none; left: 50px; position: absolute; }

#login{height:80px ; width:335px; background:url(images/header_login_large.png) no-repeat; right:250px; border:none; top:20px ; position:absolute; }
#login fieldset{ border:none; padding:0; margin:0}
#login td{text-align:left}
#login form legend{padding: 0 0 0 15px; color:#CC0000; font-weight:bold; font-size:0.8em; }
#login input { width:110px; font-size:0.8em; border:1px solid #9FBEC1; }
#lien-forma:link { font-size: 0.7em; color:#000; text-decoration:underline;  padding:0 0 0 15px; }
#lien-forma:visited {font-size: 0.7em; color:#990000; padding:0 0 0 15px; }
#lien-forma:hover { color:#990000; text-decoration:none; }

#particuliers { height: 60px ; width: 144px; float:right; right: 20px; border: none; top: 42px; position: absolute; }

/*menu */
.menu{font-size: 0.7em; text-transform: uppercase;  position: absolute; left:50px; top:135px; float:left;}
.menu a { text-decoration : none; color:#FFF; }
.menu a:hover { text-decoration : none; color:#FFCC00; }
.menu li{ float:left; display:block; height:15px; padding: 0 15px; border-right:1px solid #FFF; margin-top:15px;}
.menu li.flag { padding: 0 10px 0 10px; margin-right:65px; border:none; }
.menu .selected { background-color:#CC0000  ; padding: 15px 10px 15px 10px  ;  display:block;  margin-top:-12px; position:relative; }
.drapeau{border:1px solid #E5EAEF }
/* FIN HEADER */

/* BREADCRUMBS ----------------------------------------------------------------------------------------------------------------------------------*/
#breadcrumbs { font-size: 0.7em;  float:left;  margin:10px 0; color:#005782; padding:3px; margin-left:50px;  }
#breadcrumbs a { color:#000; text-decoration:underline; }
#breadcrumbs a:hover { color:#000; text-decoration:none;}
/* FIN BREADCRUMBS */

/* MainContainer --------------------------------------------------------------------------------------------------------------------------------*/
.mainContainer { font-size: 11px; margin:0 auto; padding:0 20px; text-align:justify; width:960px; position:relative; clear:both}
.mainContainer a{ color:#000; text-decoration:underline; }
.mainContainer a:hover { color:#000; text-decoration:none; }
/* FIN MainContainer */

/* ACCUEIL --------------------------------------------------------------------------------------------------------------------------------------*/
#vertical-a { clear:both; }
#la-recette { width:45%; float:left; position:relative; margin: 0 10px 10px 0; }
#la-recette > div { margin:0 0 10px 0;}
#la-recette h1{ font-size:20px;  font-weight:normal; display: block; text-align:left}

#anim-intro { float:right; position: relative; width:504px; height:216px; margin-top:20px }
#secteurs {  border:1px dashed #bbb; float:left; position:relative; width:100%; margin:0 auto;  padding:20px 0; }
#secteurs li{ margin-left:40px}
.dialog { margin: 0 10px 0 19px; }

#cols{ background:url(../_css/images/bg-accueil.gif) repeat-y 380px top; float:left; margin:20px 0}
#cols h3{margin:0; padding:0}

#temoignages img { float : right; margin:8px; padding:2px; border: solid thin #ddd;}
#temoignages strong { display :block; }
#temoignages { position:relative; text-align:justify; width:33%; float:left; padding: 0 30px 0 20px; margin:0 0 20px 10px; }
#temoignages h3, #informations h3, #sondage h3 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:17px; color:#003333; text-align:left;}
#temoignages a { color:#005782; text-decoration:none;}
#temoignages a.lien_video { color:#000; text-decoration:underline}
#temoignages a.lien_video:hover { text-decoration:none; }
#temoignages a:hover{ color:#005782; text-decoration:underline; }

#informations { position:relative; background-color:#FFF; text-align:justify; width:20%; float:left; padding: 0 20px 0 20px; margin:0 0 20px 10px;}
#sondage { width:28%; float:left; padding: 0 0 0 30px; margin:0 0 20px 10px; float:left; position:relative; }
/* FIN ACCUEIL */

/* SECTEURS -------------------------------------------------------------------------------------------------------------------------------------*/
.secteurs h1 { text-align:center; display:block; }
.secteurs div ul p { color:#666; padding:1px; margin:0 0 0 8px; }
.secteurs li { padding-bottom:4px; margin-left:20px }

#entreprises-detail div{ width:100%}
#entreprises-detail h1 { background:url(images/entreprises-h1_bg.gif) no-repeat scroll 0px; background-color:#005782; color:#FFF; padding:2px; font-size:16px; margin-bottom:20px}
#entreprises-detail h2 { color:#000; border-bottom:#069 thin solid; width:100%; margin-bottom:20px}
#entreprises-detail h3 { color:#305363; border-left:#305363 32px solid; padding-left:4px; margin:20px 0}

#ecolesSuperieures div.temoin{ width:100%}
#ecolesSuperieures h1 { background:url(images/ecolesSuperieures-h1_bg.gif) no-repeat scroll 0px #E5840F; color:#FFF; padding:2px; font-size:16px; margin-bottom:20px}
#ecolesSuperieures h2 { color:#000; border-bottom:#FE9A10 thin solid;  width:100%; clear:both; margin:20px 0; }
#ecolesSuperieures h3 { color:#764507; border-left:#FE9A10 32px solid; padding-left:4px; margin:20px 0}

#centresFormation h1 { background:url(images/centresFormation-h1_bg.gif) no-repeat scroll 0px #7FAA1C; color:#FFF; padding:2px; font-size:16px; margin-bottom:20px}
#centresFormation div{ width:100%}
#centresFormation h2 { color:#000; border-bottom:#99cc00 thin solid; width:100%; margin:20px 0}
#centresFormation h3 { color:#475E0A; border-left:#475E0A 32px solid; padding-left:4px; margin:20px 0}

.secteurs .description { float:left; width:40%; clear:none; margin:0 8px 0 8px; padding:0 24px 0 8px; border-right:#ccc solid thin;}
.description span { color : #005782; font-weight:bold; }
.description li { list-style-position :inside;  margin-left:20px }

#priseEnCharge h3 { border:none; color:#990000}
#priseEnCharge,#liensFichiers { margin:32px;}
#priseEnCharge a,#liensFichiers a { border:#990000 thin solid; background:#990000; color:#FFF; padding:8px; margin:16px; font-weight:bold; font-size:1.1em; width:120px; letter-spacing:0.4em; text-decoration:underline; }
#priseEnCharge a:hover,#liensFichiers a:hover {text-decoration:none; }
/* FIN SECTEURS */

/* NOS COURS ------------------------------------------------------------------------------------------------------------------------------------*/
#cours > div { float:left; width:800px; text-align:justify;}
#cours > div.top{ float:none; width:700px; text-align:justify; }

#blocs dl{ width:700px; background:#eee; margin:10px 0 }
#blocs dt{ background:#ca0000; font-weight:bold; color:#fff; padding:2px 0 2px 10px; font-size:14px}
#blocs dt.blue{ background:#1b4f65; }
#blocs dd{ padding:10px; margin:0; }
#blocs dd strong{ display:block; margin:10px 0; color:#1b4f65}
#blocs dd.clear{ clear:both;  padding:0 0}
#blocs dd img{ float:right; margin-right:30px  }
#blocs .dispo_en_anglais img { float:none; margin-right:0px; margin-left:8px; }
#blocs li{ margin:0 0 5px 20px}

#bu_demo{float:right}

.formation H2, .Portraits H3 { font-family:Geneva, Arial, 'Helvetica', sans-serif; font-size:12px; color:#FFF; background: url(images/onglet-rouge_bg.gif) repeat-x left top; width:300px; padding: 5px 5px 0px 20px; border-bottom:none}
/* FIN NOS COURS */

/* NOS COURS DETAIL ------------------------------------------------------------------------------------------------------------------------------*/
.motAuteur{float:right; width:35%; margin:10px 5px 10px 20px; padding: 10px 20px 10px 20px; background-color:#fff;}
#fondamentaux div.motAuteur h3, #bases div.motAuteur h3, #analyseCouts div.motAuteur h3, #impactFiscal div.motAuteur h3, #prixValeurEntreprise div.motAuteur h3{ margin:0 0 5px 0}

#fondamentaux h1,#bases h1,#analyseCouts h1,#impactFiscal h1,#prixValeurEntreprise h1 { color:#fff; padding-left:10px;  }
#fondamentaux h1.blue.time5{ background:url(images/horloge1b.gif) no-repeat 900px center #1b4f65}

#fondamentaux h1.time5, #bases h1.time5, #analyseCouts h1.time5, #prixValeurEntreprise h1.time5{ background:url(images/horloge5.gif) no-repeat 900px center #ca0000;}
#impactFiscal h1.time1, #prixValeurEntreprise h1.time1{ background:url(images/horloge1.gif) no-repeat 900px center #ca0000;}

#fondamentaux > div , #bases > div , #analyseCouts > div, #impactFiscal > div ,#prixValeurEntreprise > div { background:#eee; margin:5px 0; padding:5px; float:right}
#fondamentaux h2,#bases h2,#analyseCouts h2,#impactFiscal h2,#prixValeurEntreprise h2{ background:#666; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; margin:0 0; width:945px; padding:0 0 0 5px }
#fondamentaux li,#bases li,#analyseCouts li,#impactFiscal li,#prixValeurEntreprise li{ margin-left:40px}
#fondamentaux h3, #bases h3,#analyseCouts h3,#impactFiscal h3,#prixValeurEntreprise h3{font-size:1em; color:#666; }
#fondamentaux  p, #bases  p,#analyseCouts  p,#impactFiscal  p,#prixValeurEntreprise  p { text-align:justify;}
#fondamentaux ol,#bases ol,#analyseCouts ol,#impactFiscal ol,#prixValeurEntreprise ol{font-size:1.2em; font-weight:bold; }

.catalogue { margin-top : 32px;	 }
.catalogue span > small { color :#999}
/* FIN NOS COURS DETAIL */

/* PRESENTATION ----------------------------------------------------------------------------------------------------------------------------------*/
.presentation > div, .secteurs > div { clear:left; width:800px; }

#txt_presentation{ margin-bottom:20px}
#txt_presentation, #txt_presentation dl{ float:left}
#txt_presentation dl{ width:380px; margin-top:20px}
#txt_presentation dl.space{ margin-right:40px}
#txt_presentation dt{color:#990000; font-weight:bold; font-size:15px; border-bottom:1px dotted #F1BABA; margin-bottom:10px}
#txt_presentation dd{ margin:0}

#Portraits dl{ background:#eee; padding:5px; margin:10px 0 }
#Portraits dt{background:#ca0000; font-weight:bold; color:#fff; padding:2px 0 2px 10px; font-size:14px; margin-bottom:5px }
#Portraits dd{ margin:0; padding-right:30px }
#Portraits dd.clear{ clear:both; height:0px}
#Portraits img{ float:left; margin-right:20px}
#Portraits dl dd ul li{ margin-left:100px}
/* FIN PRESENTATION */

/* REFERENCES ----------------------------------------------------------------------------------------------------------------------------------*/
#references div.top, #references h1, #references h2{ width:810px}
#references li a { font-size:12px; text-decoration:none; color:#000; font-weight:bold; }
#references li a:hover { text-decoration:underline; color:#990000; }
#references li { list-style:none; padding:3px; text-transform : uppercase; }

.interviews{ float:left; width:810px }
.interviews div { width :385px; float:left; margin:10px;  }
.interviews div img{ float:right; margin-left:10px}

#ref{ float:left; background:url(images/bg-ref.jpg) repeat-y 265px top; margin:20px 0}
#ref div{ float:left; margin-right:12px}
#ref div h3{ margin:0 0 10px 0; color:#FFF; width:250px; padding:3px 0 0 10px; height:20px; font-size:12px;}
#ref div#entreprises h3 { background-color:#005782; }
#ref div#ecoles h3 { background-color:#E5840F; }
#ref div#centres-formations h3 { background-color:#7FAA1C;  }

#referencement{ clear:both}
/* FIN REFERENCES */

/* ACTUALITES ----------------------------------------------------------------------------------------------------------------------------------*/
#content h2{ display:block; width:100%; border:none}
/* FIN ACTUALITES */

/* FAQ -----------------------------------------------------------------------------------------------------------------------------------------*/
#faq h3{ color:#000; font-weight:bold; font-size:13px; margin:5px 0 }
/* FIN FAQ */

/* DISPOSITIFS ----------------------------------------------------------------------------------------------------------------------------------*/
#liensFichiers{ border:1px solid #990000; margin:20px; padding: 0 20px 20px 20px;}
#opca div p { font-size:1.4em; margin-bottom : 4px; font-weight :bold; }
#opca ol  ul li { font-size: 1em; font-weight :normal; }
#opca img { margin:5px 0 0 150px; }
#opca h4{ margin:10px 0}
/* FIN DISPOSITIFS */

/* CONTACT --------------------------------------------------------------------------------------------------------------------------------------*/
#contact{ float:left}
#contact_right, #contact_left{ float:left}

#contact_left, #contact_left h2{ width:425px}
#contact_left{ margin-right:30px}
.vcard{color:#000; font-size:1.3em; }
.fn{ font-weight:bolder; font-size:14px; display:inline}
.adr{ font-size:11px; margin:0 0 10px 0}
.vcard strong{color:#c00; }
.vcard, #contact_left p{margin-left:20px }

#contact_left form{ margin-top:15px}
#contact_left fieldset{ border:none}
#contact_left legend{color:#c00; margin-bottom:10px; padding-left:20px}
#contact_left form div, #contact_left form label, #contact_left form input{ float:left; margin-bottom:2px}
#contact_left form label{ display:block; width:80px; height:16px; padding-left:20px}
#contact_left form input, #contact_left form textarea{ border:1px solid #000; width:318px; height:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px}
#contact_left form textarea{ height:100px}
#contact_left form input:focus, #contact_left form textarea:focus{ background: #f3f3f3}
#contact_left form div#check_me span{  position:relative; padding-left:20px; }
#contact_left form div#check_me input{ width:20px; float:none; position:absolute; left:0; border:none;  }
#contact_left form div#check_me{ width:308px; background:#ccc; padding:5px; border:1px solid #ccc}
#contact_left form input#BU{ background:url(images/bu-contact.jpg) no-repeat left top; border:none; cursor:pointer; width:320px; height:20px; margin-left:100px; outline:none}
#contact_left form input#BU:hover{ background-position:left center}

#ok, #not_ok, #pb{ display:none; margin-left:100px;}
#pb{background:url(images/erreur.jpg) no-repeat left top; height:26px; padding:6px 0 0 35px; color:#ff0000; font-weight:bold}
#ok{ background:url(images/thumb-up-icone-5182-32.png) no-repeat left top; height:26px; padding:6px 0 0 35px; color:#2d852f; font-weight:bold}
#not_ok{ background:url(images/erreur.jpg) no-repeat left top; height:26px; padding:6px 0 0 35px; color:#ff0000; font-weight:bold}

#contact_right, #contact_right h2{ width:505px}
#contact_right form{ margin-bottom:8px;}
#map{ border:medium solid #c00; width:500px; height: 400px; }
#warn{ background-color:#000; color :#fff; padding:3px; }
.org{font-weight: bold;}
#print_icon{ text-align:center; margin-bottom:20px }
/* FIN CONTACT */

/* COMMANDER -----------------------------------------------------------------------------------------------------------------------------------*/
#commander{  width:700px;}
#commander h1 { background:#F0F8B4; color:#083364; padding:3px 10px; width:670px; font-size:2em; text-transform:uppercase; font-weight:bold}
#commander div.left{ margin-bottom:10px}

#etapes { color:#000; background:#F0F4CC; padding:0px 16px; width:500px; border:4px dashed #849500; margin:0 auto  }
#etapes h2 { color:#000; font-weight:bold; font-size:1.5em; border-bottom:none; }
#etapes li{ font-size:1.2em; margin-left:30px }
#etapes li strong{ background:#F8FAE6; font-weight:normal; padding:2px; }
#etapes p{ margin:10px 0}

#commander h4{font-size:1.5em; background:#DCE8F4; color:#083364; width:670px; padding:4px 10px 5px 10px; text-transform:uppercase; margin:10px 0 }

#commander div#right div{ width:172px; float:left; margin-right:1px}
#commander div#right div small{ font-size:11px}
#commander div#right div input{ margin:0 5px}
#commander label{ font-weight:bold; color:#FFF; font-size:1.6em; padding:2px; }
#commander div.deuxmois1 { background:#990000; }
#commander div.troismois1 { background:#860000; }
#commander div.sixmois1 { background:#740000;}
#commander div.douzemois1 { background:#610000; }

.catalogue > div > h2 > span { position :absolute; left :500px; }
.module { margin-left: 32px; }
.module > p > span { position :absolute; left :500px; }
.module p { padding-left: 4px; }

#cdv { display:block; font-size:1em; line-height:1.5em; padding:4px; margin:0 10px 0 0; border:thick dashed #F1BABA; }
#commander span#cdv label{ font-weight:normal; color:#000; font-size:1em; padding:0; }
#cdv a{background-color:#F8DDDD; padding:2px; font-weight:bold; padding: 1px 2px 1px 2px;}
#cdv a:hover{ color:#F8DDDD; background-color:#000; text-decoration:underline;	}

.total{ float:right; margin-right:10px}
#total_paypal, #cdv{ float:right; width:325px}

#total_paypal {border:solid #EAF0BA 4px; color:#000; margin-bottom:10px}
#total_paypal table{ font-size :15px; font-weight :bold; width:100%; padding:0 0 0 0}
#total_paypal td{ text-align :left;}
#total_paypal th { background-color:#F8FCDA; text-align :left;}
#alert_achat{ color:#990000; text-align:center; background:#fbd9d9; display:none}
#raz, #sub{background-color:#F8FBFC; padding:5px; border:outset #069; cursor:pointer; font-size:1.2em; margin-left:90px; width:140px }


/* jq modal */
#modalOverlay {background-color:#000; cursor:wait;}
#modalContainer{ height:auto; width:auto; left:15%; right:15%; top:15%;font-size:.9em; height:auto; width:auto; background-color:#fff; border:3px solid #999; cursor:pointer; padding: 10px;}
#modalContainer a.modalCloseImg { background:url(img/close_cross.png) no-repeat; width:20px; height:20px; display:inline; z-index:4; position:absolute; top:-1px; right:-1px; cursor:pointer; }

.nomenclatureCours2 li{ margin-left:30px}
.module2 { font-weight:bold; color:#FFF; background: url(images/onglet-rouge_bg.gif) repeat-x; height:22px; width:95%; padding: 3px 0 0 10px;}
.nomenclatureCours2{ float: left; width:95%; margin: 2px; position:relative;}
.motAuteur2 { float:left; width:95%; height:95%; margin:1%; padding: 10px 10px 10px 10px; background-color:#000; text-align:justify; cursor:pointer; color:#FFF; top:50%; bottom:5%; }
#modalContainer2{height:0%; width:0%; left:5%; 	right:5%; top:1%; background-color:#fff; border:3px solid #999; cursor:pointer; padding: 8px;}
#modalContainer .modalClose2 { float:right; right:0; top:0}
#modalContainer .module2 p{ padding-top :1px; font-size: 1.1em; display:inline;}
.modalClose2{text-align:right; right: -5% ; top :-5%;}

#interview1{display:none; font-size:0.7em;	}

#cdu{display:none; font-size:0.7em;	}
#cdu li{ margin-left:32px; }
#cdu .special { color:#900; font-weight:bold; }
#cdu h3 { font-size:2em; text-transform: uppercase;	 }
#logo {margin-right:32px; border:thin solid #ddd; float:right;}
#closing { position:absolute; top:0; right:0; padding:4px 4px 3px 4px; background-color:#900;}
/* FIN COMMANDER */

/* 403 404 -------------------------------------------------------------------------------------------------------------------------------------*/
#p404 .footer{margin: 0 0 0 20px; padding: 0 0 20px 0; font-size:1em; clear:both; text-align: left; border-bottom:1px solid #999; border-top:none}
#p404 .footer a{color:#000}
#p403 .footer{margin: 0 0 0 20px; padding: 0 0 20px 0; font-size:1em; clear:both; text-align: left; border-bottom:1px solid #999; border-top:none;}
#p403 .footer a{ color:#000;}
/* FIN 403 404 */

/* FOOTER --------------------------------------------------------------------------------------------------------------------------------------*/
.footer { margin: 30px 0 0 20px; padding: 5px 0 0 0; clear:both; color:#666; border-top:1px solid #999; }
.footer .file {  margin-right: 32px;  font-size:.6em; }
.footer .folder0 {  font-size:1.1em; color:#000; margin-left : 10px;  width:250px; }
.footer .folder1 {  font-size:.9em;  margin-left: 32px;  width:250px; }
.footer .folder2 { width:250px;  font-size:.7em; }
.footer .folder {   font-weight:bold;  padding:0 2px;  margin-bottom: 16px; }
.footer .file { margin-right: 0; margin-bottom: 8px;  padding:2px; }
.footer a { color:#666; text-decoration:none; }
.footer a:hover { text-decoration:underline; }
.footer .vcard { visibility: hidden; }
a.lien-footer-special { color :#666; }
/* FIN FOOTER */

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  A RANGER ou ELIMINER ----------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
#commander_foot > .footer { visibility:hidden; }

#colonne1 { float:left; }
#colonne1 > div { background:#eee; margin: 20px 30px 40px 0; padding: 0 ;}
#partenaires { margin-top:20px; }

.euros { text-align: left; }

table#paypal{border : none; text-align: center; width:230px; }
table#paypal tr { height:3em; clear: both; }

.commande_catalogue { margin-bottom: 128px; margin-left:2em; }
.commande_catalogue #Subtotal { font-weight:bold; text-align:right; font-size :24px; width:3.2em; padding:4px;}

#Subtotal{ padding:2px;	 }
#alert_achat { display:inline; background-color:#900; color:#fff; visibility:hidden; padding:4px;}

.lien_stat { text-align: left;}
.lien_stat_stagiaire { 	text-align: right; display: inline;	}
.stat_button {cursor: pointer ;}
.icone_stat { display: inline; width: auto; height: auto;}