@charset "UTF-8";
/* CSS Document */

html, body {margin: 0;padding: 0;text-align: center;height: 100%}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#000;background:#eaeaec;}
form {margin: 0px;padding: 0px;}
img {margin: 0px;padding: 0px;}
a, a:visited {color:#000;text-decoration:none}
a:hover {color:#000;text-decoration:underline}

h1#referencement  {font:normal 9px verdana,helvetica,arial,sans-serif;text-align:center;margin:0;padding:0;height:12px;color:#CCCCCC}


/* ----------------------------------- */
/* HEADER : bandeau horizontal du haut */
/* ----------------------------------- */
div#header_container {background:#eaeaec url(img/bg-deg-1.gif) repeat-x;}

div#header_container div#header {width:970px;margin:auto;padding:0}

div#header_container div#navig_h {width:930px;height:23px;margin:auto;padding:5px 20px;background:#0d404a url(img/bg-navigh.gif) repeat-x;font-size:12px;color:#fff;text-align:left}
div#header_container div#navig_h .tel {font-size:18px;font-weight:bold}
div#header_container div#navig_h .td00 {padding:0;}
div#header_container div#navig_h .td01 {padding:0 20px;}
div#header_container div#navig_h .td01 a:link, div#header_container div#navig_h .td01 a:visited {color:#fff;text-decoration:none}
div#header_container div#navig_h .td01 a:hover {text-decoration:underline}
div#header_container div#navig_h .td02 {padding:0 5px 0 20px;}
div#header_container div#navig_h .td03 {padding:0 20px 0 5px;}
div#header_container div#navig_h .border_left {border-left:1px solid #125d6b}
div#header_container div#navig_h .border_right {border-right:1px solid #011a1f}

/* ------------------------------------ */
/* MAINCONTAINER : container principal  */
/* ------------------------------------ */
div#absolutecontainer {display:inline;position:absolute;margin-left: -485px;left: 50%;width:970px;padding:0;text-align:left;}
div#maincontainer {display:inline;float:left;margin:auto;width:960px;padding:0 5px;text-align:left;background:#fff;}

/* ----------------------------------- */
/* LEFTCOLUMN : colonne de gauche      */
/* ----------------------------------- */
div#maincontainer div#leftcolumn {display:inline;float:left;width:205px;font-family: Arial, Helvetica, sans-serif;}

div#maincontainer div#leftcolumn div#bloc01 {margin:10px 0;background:url(img/bg-deg-4.gif) repeat-x;font-size:12px;color:#017995}
div#maincontainer div#leftcolumn div#bloc01 p {margin:0;padding:3px 5px 3px 15px}
div#maincontainer div#leftcolumn div#bloc01 p b {font-weight:bold;color:#333}

div#maincontainer div#leftcolumn div#bloc02 {background:url(img/bg-deg-3.gif) repeat-x;margin-bottom:10px;}
div#maincontainer div#leftcolumn div#bloc02 ul {margin: 0;padding: 0;list-style-type: none;}
div#maincontainer div#leftcolumn div#bloc02 a {display: block;padding:5px 0;margin:0 15px;width: 175px;border-bottom: 1px solid #067b9a;}
div#maincontainer div#leftcolumn div#bloc02 a:link, div#maincontainer div#leftcolumn div#bloc02 a:visited {color:#fff;font-size:13px;font-weight:bold;text-decoration:none}
div#maincontainer div#leftcolumn div#bloc02 a:hover {text-decoration:underline}

div#maincontainer div#leftcolumn div#bloc03 {margin-top:10px;}

div#maincontainer div#leftcolumn div#bloc04 {margin:10px 0;background:url(img/bg-deg-4.gif) repeat-x;}
div#maincontainer div#leftcolumn div#bloc04 ul {margin: 0;padding: 0;list-style-type: none;}
div#maincontainer div#leftcolumn div#bloc04 a {display: block;padding:5px 0;margin:0 15px;width: 175px;border-bottom: 1px solid #aec9d0;}
div#maincontainer div#leftcolumn div#bloc04 a:link, div#maincontainer div#leftcolumn div#bloc04 a:visited {color:#333;font-size:11px;font-weight:bold;text-decoration:none}
div#maincontainer div#leftcolumn div#bloc04 a:hover {text-decoration:underline}

div#maincontainer div#leftcolumn div#bloc07 {margin:10px 0;background:url(img/bg-deg-4.gif) repeat-x;font-size:12px;color:#017995}
div#maincontainer div#leftcolumn div#bloc07 p {margin:0;padding:3px 5px 3px 15px}
div#maincontainer div#leftcolumn div#bloc07 p b {font-weight:bold;color:#333}

/* ----------------------------------- */
/* FOOTER : bloc de bas de page        */
/* ----------------------------------- */
div#footer_container {display:inline;float:left;width:960px;padding:0 5px;text-align:left;background:#fff}
div#footer_container div#footer_navig {text-align:center;padding:10px 0;background:#e3e3e3;}
div#footer_container div#footer_navig p {margin:0 15px 5px 15px;padding:0;color:#007b98}
div#footer_container div#footer_navig table.footer_table {border-top:1px solid #fff}
div#footer_container div#footer_navig table.footer_table td {text-align:left}
div#footer_container div#footer_navig table.footer_table p {font-weight:bold;color:#000;margin:5px 0 5px 0;font-size:9px}
div#footer_container div#footer_navig table.footer_table a:link, div#footer_container div#footer_navig table.footer_table a:visited {color:#333;text-decoration:none}
div#footer_container div#footer_navig table.footer_table a:hover {text-decoration:underline}

/* ----------------------------------- */
/* RIGHTCOLUMN : colonne de droite     */
/* ----------------------------------- */
div#maincontainer div#rightcolumn {display:inline;float:left;width:740px;margin:10px 5px 0 10px;}

/* ----------------------------------- */
/* ARIANNE : fil d'arianne             */
/* ----------------------------------- */
div#maincontainer div#rightcolumn div#arianne {font-size:10px;margin:0 0 5px 0;padding:0 0 5px 0;border-bottom:1px solid #ccc;}
div#maincontainer div#rightcolumn div#arianne table {color:#999999}
div#maincontainer div#rightcolumn div#arianne table div.arianne_content {display:block;float:left;padding:0 0 0 5px;width:auto;color:#666;white-space:nowrap;}
div#maincontainer div#rightcolumn div#arianne table div.arianne_content a:link, div#maincontainer div#rightcolumn div#arianne table div.arianne_content a:visited {text-decoration:none}
div#maincontainer div#rightcolumn div#arianne table div.arianne_content a:hover {text-decoration:underline}

/* ------------------------------------------------- */
/* CATALOGUE : catalogue formation pour page accueil */
/* ------------------------------------------------- */
div#maincontainer div#rightcolumn div#catalog {margin:0 0 5px 0;padding:0 0 5px 0;}
div#maincontainer div#rightcolumn div#catalog h2 {display:block;font-size:24px;font-weight:normal;color:#ed750e;margin:0;padding:11px 0 10px 75px;background: url(img/souris.gif) 0 0 no-repeat}
div#maincontainer div#rightcolumn div#catalog table#tablecatalog td {background:#fff url(img/bg-deg-8.gif) repeat-y}
div#maincontainer div#rightcolumn div#catalog table#tablecatalog h3 {display:block;width:195px;height:55px;background:url(img/arrow-02.gif) no-repeat;padding:20px 5px 0 45px;margin:0;font-size:14px;color:#1a4959;}
div#maincontainer div#rightcolumn div#catalog table#tablecatalog h3 a:link, div#maincontainer div#rightcolumn div#catalog table#tablecatalog h3 a:visited {font-size:14px;color:#1a4959;text-decoration:none}
div#maincontainer div#rightcolumn div#catalog table#tablecatalog h3 a:hover {color:#1a4959;text-decoration:none}
div#maincontainer div#rightcolumn div#catalog table#tablecatalog ul {margin: 0;padding: 0;list-style-type: none;background:}
div#maincontainer div#rightcolumn div#catalog table#tablecatalog li {}
div#maincontainer div#rightcolumn div#catalog table#tablecatalog li a {display: block;padding:0 5px 5px 20px;margin:0 0 0 35px;width:175px;}
div#maincontainer div#rightcolumn div#catalog table#tablecatalog li a:link, div#maincontainer div#rightcolumn div#catalog table#tablecatalog li a:visited {background: url(img/puce-02.gif) no-repeat 5px 4px;color:#333;font-size:11px;text-decoration:none}
div#maincontainer div#rightcolumn div#catalog table#tablecatalog li a:hover {background: url(img/puce-01.gif) no-repeat 5px 4px;text-decoration:underline;color:#007b98}
div#maincontainer div#rightcolumn div#catalog table#tablecatalog div.dashedline {display:block;width:100%;height:10px;border-bottom:1px dashed #ccc}

/* ------------------------------------ */
/* FICHE : fiche de formation           */
/* ------------------------------------ */
div#maincontainer div#rightcolumn div#fiche {margin:0 0 5px 0;padding:0 0 5px 0;}
/*div#maincontainer div#rightcolumn div#fiche h1 {display:block;font-size:24px;font-weight:normal;color:#ed750e;margin:0;padding:10px 0 10px 75px;background: url(img/souris.gif) 0 0 no-repeat}*/
div#maincontainer div#rightcolumn div#fiche h1 {display:block;font-size:22px;font-weight:normal;color:#ed750e;margin:0;padding:10px 0 10px 5px;}
/*div#maincontainer div#rightcolumn div#fiche h2 {display:block;width:725px;font-size:16px;font-weight:normal;color:#fff;margin:0;padding:10px;background: url(img/bg-deg-5.gif) repeat-x 0 0;}   */
div#maincontainer div#rightcolumn div#fiche h2 {font-size:20px;font-weight:bold;color:#124c58;margin:0;padding:5px 0 10px 10px;}
div#maincontainer div#rightcolumn div#fiche h2.h2-title {display:block;font-size:22px;font-weight:normal;color:#ed750e;margin:0;padding:10px 0 10px 5px;}
div#maincontainer div#rightcolumn div#fiche h3 {font-size:20px;font-weight:bold;color:#124c58;margin:0;padding:5px 0 10px 10px;}

/*div#maincontainer div#rightcolumn div#fiche div#time {display:block;float:left;width:70px;background:url(img/bg-deg-6.gif) repeat-x 0 0;padding:3px 10px;font-size:14px;font-weight:bold;color:#FFFFFF;text-align:center}*/
div#maincontainer div#rightcolumn div#fiche div#time {display:block;float:left;padding:5px 10px;font-size:12px;color:#333;text-align:left}
div#maincontainer div#rightcolumn div#fiche div.time {display:block;float:left;padding:5px 10px;font-size:12px;color:#333;text-align:left}
div#maincontainer div#rightcolumn div#fiche div#prix {display:block;float:left;padding:5px 10px;font-size:12px;color:#333;text-align:left}
div#maincontainer div#rightcolumn div#fiche div#session {display:block;float:left;padding:5px 10px;font-size:12px;color:#ed750e;text-align:left}
div#maincontainer div#rightcolumn div#fiche div#dates {line-height:15px;display:block;float:left;padding:5px 10px;font-size:12px;color:#333;text-align:left}



div#maincontainer div#rightcolumn div#fiche div#calendrier {display:block;float:left;width:730px;margin:5px 0;padding:0}
div#maincontainer div#rightcolumn div#fiche div#calendrier table {color:#999999}
div#maincontainer div#rightcolumn div#fiche div#calendrier table em {font-size:10px;color:#FF6600;font-style:normal;}
div#maincontainer div#rightcolumn div#fiche div#calendrier table div.calendrier_content {display:block;float:left;padding:0 10px;width:auto;font-size:10px;color:#666;white-space:nowrap;}
div#maincontainer div#rightcolumn div#fiche div#calendrier table div.border_right {border-right:2px solid #FF6600;}

/* detail de formation */
div#maincontainer div#rightcolumn div#fiche div#details {display:block;float:left;width:735px;margin:5px 0 0 0;padding:0 5px;background:#f9f9f9 url(img/bg-deg-7.gif) repeat-x}
div#maincontainer div#rightcolumn div#fiche div#details table.details_navig {margin:5px 0;padding:5px 0;}
div#maincontainer div#rightcolumn div#fiche div#details table.details_navig a:link, div#maincontainer div#rightcolumn div#fiche div#details table.details_navig a:visited {font-weight:bold;text-decoration:none}
div#maincontainer div#rightcolumn div#fiche div#details table.details_navig a:hover {text-decoration:underline}
div#maincontainer div#rightcolumn div#fiche div#details table.details_navig img {vertical-align: middle;}
div#maincontainer div#rightcolumn div#fiche div#details h3 {background:url(img/puce-01.gif) 0 8px no-repeat;padding:2px 0 0 15px;margin:5px 10px;font-weight:bold;color:#047d98;font-size:14px;}
div#maincontainer div#rightcolumn div#fiche div#details h4 {background:url(img/puce-01.gif) 0 8px no-repeat;padding:2px 0 0 15px;margin:5px 10px;font-weight:bold;color:#047d98;font-size:14px;}
div#maincontainer div#rightcolumn div#fiche div#details h5 {margin:5px 10px 2px 10px;padding:0 0 0 15px;font-weight:bold;color:#FF6600;font-size:12px;}
div#maincontainer div#rightcolumn div#fiche div#details p {font-size:12px;margin:0 10px;padding:0 0 10px 15px;}
div#maincontainer div#rightcolumn div#fiche div#details div.solidline {display:block;width:100%;height:1px;margin:5px 0;border-bottom:1px solid #ccc}

/* liste des formations */
div#maincontainer div#rightcolumn div#fiche div#tableau_formation {}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation h3 {font-size:14px;color:#51804a}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation div#fond_tableau1 {display:block;width:740px;background:url(img/bg-deg-12.gif) 0 0 repeat-y;padding:0}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation div#fond_tableau2 {display:block;width:720px;min-height:550px;background:url(img/bg-deg-12.gif) 0 0 repeat-y;padding:0 10px}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation table.listing {font-size:11px;}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation table.listing td {padding:2px 2px 0 0;font-size:11px;}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation table.listing .tabtitle {font-weight:bold;color:#16465c;padding:8px 5px 8px 8px}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation table.listing .deg {background:url(img/bg-deg-13.gif) 0 0 repeat-x;padding:0;}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation table.listing .dotted {padding:0;background:url(img/dotted01.gif) 0 5px repeat-x;padding:0;}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation table.listing .temps {font-weight:bold;color:#FF6600;}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation table.listing .desc {font-size:12px;color:#333;text-align:left;}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation table.listing .desc a:link, div#maincontainer div#rightcolumn div#fiche div#tableau_formation table.listing .desc a:visited {font-weight:normal}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation table.listing .desc a:hover {text-decoration:underline;color:#06769b;font-weight:normal}
div#maincontainer div#rightcolumn div#fiche div#tableau_formation table.listing .ref {color:#333;padding:0 0 0 10px}


/* --------------------- */
/* TYPOS divers          */
/* --------------------------------------------------------------------- */
/* les styles suivants sont à utiliser dans la colonne droite uniquement */
/* --------------------------------------------------------------------- */
div#maincontainer div#rightcolumn .titre01 {font-size:24px;font-weight:normal;color:#ed750e;margin:0;padding:5px 0;}
div#maincontainer div#rightcolumn .titre02 {font-size:16px;font-weight:normal;color:#ed750e;margin:0;padding:5px 0;}
div#maincontainer div#rightcolumn .titre03 {background:url(img/puce-02.gif) 0 9px no-repeat;padding:5px 0 5px 15px;font-weight:normal;font-size:12px;color:#ed750e;margin:0;}
div#maincontainer div#rightcolumn .titre04 {background:url(img/puce-01.gif) 0 9px no-repeat;padding:5px 0 5px 15px;font-weight:normal;font-size:12px;color:#ed750e;margin:0;}
div#maincontainer div#rightcolumn .titre05 {font-weight:normal;font-size:12px;color:#ed750e;margin:0;padding:5px 0;}

div#maincontainer div#rightcolumn a.titreactu:link {font-weight:bold;font-size:14px;color:#ed750e;margin:10px 10px 0px 10px;}
div#maincontainer div#rightcolumn a.titreactu:hover {font-style:underline;}
div#maincontainer div#rightcolumn a.titreactu:visited {font-weight:bold;font-size:14px;color:#ed750e;margin:10px 10px 0px 10px;}

div#maincontainer div#rightcolumn a.lienactu:link {font-size:10px;color:#ed750e;margin:0px 10px 0px 10px;}
div#maincontainer div#rightcolumn a.lienactu:hover {font-style:underline;}
div#maincontainer div#rightcolumn a.lienactu:visited {font-size:10px;color:#ed750e;margin:0px 10px 0px 10px;}

div#maincontainer div#rightcolumn .resumesactu {text-align:justify;font-size:10px;color:#000;margin:2px 10px 5px 10px;}

div#maincontainer div#rightcolumn .titre06 {font-size:16px;color:#124c58;font-weight:normal;margin:0;padding:5px 0;}
div#maincontainer div#rightcolumn .titre07 {font-size:16px;color:#124c58;font-weight:normal;margin:0;padding:5px 0;}
div#maincontainer div#rightcolumn .titre08 {background:url(img/puce-01.gif) 0 9px no-repeat;padding:5px 0 5px 15px;font-weight:normal;font-size:12px;color:#124c58;margin:0;}
div#maincontainer div#rightcolumn .titre09 {background:url(img/puce-02.gif) 0 9px no-repeat;padding:5px 0 5px 15px;font-weight:normal;font-size:12px;color:#124c58;margin:0;}
div#maincontainer div#rightcolumn .titre10 {font-weight:bold;font-size:12px;color:#124c58;margin:0 0 0 0;padding:0 0 0 0;}

div#maincontainer div#rightcolumn .text01 {font-size:12px;color:#111;margin:15px 0 15px 5px;padding:0 0 0 0;}
div#maincontainer div#rightcolumn .text02 {font-size:11px;color:#111;margin:0 0 0 0;padding:0 0 0 0;}
div#maincontainer div#rightcolumn .text03 {font-size:12px;color:#000;margin:0 0 10px 10px;}
div#maincontainer div#rightcolumn .text04 {font-size:10px;color:#000;margin:5px 0 5px 15px;}


div#maincontainer div#rightcolumn a.href01:link, div#maincontainer div#rightcolumn a.href01:visited {font-weight:bold;text-decoration:underline}
div#maincontainer div#rightcolumn a.href01:hover {color:#ed750e}
div#maincontainer div#rightcolumn a.href02:link, div#maincontainer div#rightcolumn a.href02:visited {color:#ed750e;font-weight:bold;text-decoration:underline}
div#maincontainer div#rightcolumn a.href02:hover {color:#124c58}
div#maincontainer div#rightcolumn a.href03:link, div#maincontainer div#rightcolumn a.href03:visited {color:#124c58;font-weight:bold;text-decoration:underline}
div#maincontainer div#rightcolumn a.href03:hover {color:#ed750e}

div#maincontainer div#rightcolumn .mention01 {font-size:10px;color:#111;font-style:italic}
div#maincontainer div#rightcolumn .mention02 {font-size:10px;color:#ed750e;font-style:italic}
div#maincontainer div#rightcolumn .mention03 {font-size:10px;color:#111;font-style:italic;font-weight:bold}
div#maincontainer div#rightcolumn .mention04 {font-size:12px;color:#FF6600;text-align:center}
div#maincontainer div#rightcolumn .mention05 {font-size:12px;color:#FF6600;text-align:center;font-weight:bold}
div#maincontainer div#rightcolumn .mention06 {font-size:12px;color:#124c58;text-align:center;font-weight:bold}
div#maincontainer div#rightcolumn .mention07 {font-size:12px;color:#124c58;text-align:center;font-weight:bold;padding:10px;border:1px solid #124c58}
div#maincontainer div#rightcolumn .mention08 {font-size:12px;color:#ed750e;text-align:center;font-weight:bold;padding:10px;border:1px solid #ed750e}

div#maincontainer div#rightcolumn .deco01 {display:block;width:720px;font-size:11px;font-weight:bold;color:#333;margin:5px 0;padding:10px;background: #acd0e6 url(img/bg-deg-5.gif) repeat-x 0 0;}
div#maincontainer div#rightcolumn .deco02 {display:block;width:720px;font-size:12px;font-weight:bold;color:#fff;margin:5px 0;padding:10px;background: #acd0e6 url(img/bg-deg-5.gif) repeat-x 0 0;}
div#maincontainer div#rightcolumn .deco03 {display:block;width:720px;font-size:12px;font-weight:bold;color:#fff;margin:5px 0;padding:10px;background: #e54a0a url(img/bg-deg-6.gif) repeat-x 0 0;}
div#maincontainer div#rightcolumn .deco04 {display:block;width:720px;font-size:12px;font-weight:bold;color:#333;margin:5px 0;padding:10px;background: #f08b00 url(img/bg-deg-11.gif) repeat-x 0 0;}

div#maincontainer div#rightcolumn div.solidline {display:block;width:100%;height:10px;margin:5px 0;border-bottom:1px solid #ccc}
div#maincontainer div#rightcolumn div.dashedline {display:block;width:100%;height:10px;margin:5px 0;border-bottom:1px dashed #ccc}
div#maincontainer div#rightcolumn div.dottedline {display:block;width:100%;height:10px;margin:5px 0;border-bottom:1px dotted #ccc}

div#maincontainer div#rightcolumn ul.liste01 {margin:5px 0;padding: 0;list-style-type: none;font-size:11px;}
div#maincontainer div#rightcolumn ul.liste01 label {font-weight:bold}
div#maincontainer div#rightcolumn ul.liste01 li {background: url(img/puce-02.gif) no-repeat 15px 6px;padding:2px 0 2px 30px}

div#maincontainer div#rightcolumn ul.liste02 {margin:5px 0;padding: 0;list-style-type: none;font-size:11px;}
div#maincontainer div#rightcolumn ul.liste02 label {font-weight:bold}
div#maincontainer div#rightcolumn ul.liste02 li {line-height:18px}
div#maincontainer div#rightcolumn ul.liste02 li a:link, div#maincontainer div#rightcolumn ul.liste02 li a:visited {background: url(img/puce-02.gif) no-repeat 15px 7px;padding:2px 0 2px 30px;text-decoration:none}
div#maincontainer div#rightcolumn ul.liste02 li a:hover {background: url(img/puce-01.gif) no-repeat 15px 7px;padding:2px 0 2px 30px;font-weight:bold;color:#ed750e;text-decoration:underline}

div#maincontainer div#rightcolumn ul.liste03 {margin:5px 0;padding: 0;list-style-type: none;font-size:11px;}
div#maincontainer div#rightcolumn ul.liste03 label {font-weight:bold}
div#maincontainer div#rightcolumn ul.liste03 li {background: url(img/puce-02.gif) no-repeat 15px 6px;padding:2px 0 2px 30px;color:#124c58;font-weight:bold}

div#maincontainer div#rightcolumn ul.liste04 {margin:5px 0;padding: 0;list-style-type: none;font-size:13px;}
div#maincontainer div#rightcolumn ul.liste04 label {font-weight:bold}
div#maincontainer div#rightcolumn ul.liste04 li {line-height:25px}
div#maincontainer div#rightcolumn ul.liste04 li a:link, div#maincontainer div#rightcolumn ul.liste04 li a:visited {background: url(img/puce-02.gif) no-repeat 15px 7px;padding:2px 0 2px 30px;color:#124c58;font-weight:bold;text-decoration:none}
div#maincontainer div#rightcolumn ul.liste04 li a:hover {background: url(img/puce-01.gif) no-repeat 15px 7px;padding:2px 0 2px 30px;font-weight:bold;color:#ed750e;text-decoration:underline}