/**** FEUILLE DE STYLE FORGET FORMATION ************************************************************************************/

/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#333; text-align:center; background:#fff url(../images/bg.png) repeat-x 0 0; }
td								{ font-size:12px; color:#333; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:0 20px 10px 0; text-align:justify; }
form							{ margin:0; padding:0; }
input[type=text],
select, textarea				{ font-size:11px; color:#333; vertical-align:middle; border:1px solid #aaa; }
input[type=text]:focus,
select:focus, textarea:focus	{ color:#dc0000; border:1px solid #dc0000; }

/* couleurs */
.bleu							{ color:#465573; }
.rouge							{ color:#dc0000; }
.gris							{ color:#4b5050; }
.orange							{ color:#e65a00; }
.jaune							{ color:#ff9600; }
.bleuciel						{ color:#7ab; }
.vert							{ color:#bc2; }
.color							{ color:#dc0000; }

/* liens */
a								{ color:#333; text-decoration:underline; }
a:hover							{ color:#dc0000; }

/* listes */
ul, ul li						{ margin:0; padding:0; }
ul								{ margin-bottom:15px; }
ul li							{ list-style-type:none; list-style-image:url(../images/fleche.gif); margin:0 0 3px 45px; padding:0; text-align:left; }

/* Alignements */
.align_right					{ text-align:right; }
.align_left						{ text-align:left; }
.align_center					{ text-align:center; }
.left							{ float:left; margin:0 30px 10px 0; }
.right							{ float:right; margin-left:30px; }
.clear							{ clear:both; height:1px; font-size:1px; }
 
.imgRight img					{ float:right; margin:0 20px 10px 30px; border:2px solid #ddd; }

.toppage						{ text-align:right; margin-right:10px; }
.toppage a						{ text-decoration:none; font-size:10px; padding:1px 15px; color:#999; background-color:#fff; border:1px solid #ccc; }
.toppage a:hover				{ background-color:#dc0000; color:#fff; }


/**** STRUCTURE ************************************************************************************/
#all							{ position:relative; margin:auto; width:960px; text-align:left; }
.inc							{ padding:0; margin:0 auto; width:960px; text-align:left; height:auto !important; position:relative; background-color:#fff; }
.page							{ padding:10px 0 20px 20px; }

#content						{ position:relative; margin-left:200px; width:auto !important; width:755px; background:#fff url(../images/bg_page.png) repeat-x 0 0; }
#sidebar						{ width:200px; float:left; background-color:#e1e1d7; }


/**** HEADER ************************************************************************************/
#header							{ height:92px; position:relative; border-bottom:2px solid #dc0000; }
h1								{ position:absolute; top:36px; left:288px; text-transform:uppercase; font:bold 28px "Trebuchet MS" Arial; color:#465573; }
h1 strong						{ font:normal 12px Arial; color:#dc0000; letter-spacing:8px; display:block; margin-top:-5px; }
#logo							{ position:absolute; top:17px; left:0; }
#logoPrint						{ display:none; }
#indigo							{ position:absolute; top:3px; right:0; }

#navTop							{ position:absolute; top:5px; left:390px; }
#navTop ul, #navTop ul li		{ margin:0; padding:0; list-style-type:none; }
#navTop ul li					{ margin:0; padding:0 0 0 2px; display:inline; }
#navTop ul li a					{ margin:0; padding:0; color:#dc0000; font-size:10px; text-decoration:underline; }


/**** BANDO ************************************************************************************/
.bando							{ position:relative; height:106px; background-position:0 0; background-repeat:no-repeat; }
#visu-accueil					{ background-image:url(../images/visuels/home.jpg); }
#visu-divers					{ background-image:url(../images/visuels/humain.jpg); }
#visu-transport					{ background-image:url(../images/visuels/transport.jpg); }
#visu-manutention				{ background-image:url(../images/visuels/manutention.jpg); }
#visu-travaux-publics			{ background-image:url(../images/visuels/travaux-publics.jpg); }
#visu-logistique				{ background-image:url(../images/visuels/logistique.jpg); }
#visu-securite					{ background-image:url(../images/visuels/securite.jpg); }
#visu-management				{ background-image:url(../images/visuels/management.jpg); }
#visu-developpement-durable		{ background-image:url(../images/visuels/developpement-durable.jpg); }

#diaporama						{ background-color:#fff; width:960px }
#diaporama img					{ position:absolute; width:960px }

#menu							{ position:absolute; top:0; right:0; text-align:right; padding-top:5px; height:23px; width:960px; background-image:url(../images/black-70.png); }
#menu ul, #menu ul li			{ margin:0; padding:0; display:inline; list-style-type:none; }
#menu ul li a					{ color:#fff; text-decoration:none; padding:5px 8px 0 8px; background:url(../images/li_menu.gif) no-repeat 100% 0; }
#menu ul li a:hover,
#menu ul li a.actif				{ color:#dc0000; }


/**** FOOTER ************************************************************************************/
#footer							{ position:relative; margin:0; padding:10px 0; background:url(../images/bg_footer.png) repeat-x 0 0; border-top:1px dotted #d2d2c8; }
#footer	.inc					{ background:none; }
#mentions ul, #mentions ul li	{ margin:0; padding:0; list-style-type:none; text-align:right; }
#mentions ul li					{ margin:0; padding:0 0 0 5px; display:inline; }
#mentions ul li a,
#footer #coord					{ margin:0; padding:0; color:#a0a0a0; font-size:10px; }
#footer #coord					{ float:left; text-align:left; }

#planSite div					{ float:left; /*height:150px;*/ width:115px; padding:0 10px 0 0; margin:40px 0 40px 10px; border-right:1px dotted #c8c8be; }
#planSite div.last				{ padding:0; border-right:none; }
#planSite,
#planSite ul, #planSite ul li	{ margin:0; padding:0; list-style-image:none; }
#planSite ul li					{ padding:0 0 0 5px; display:block; list-style-type:square; }
#planSite, #planSite ul li a	{ color:#a0a0a0; text-decoration:none; font-size:10px; }
#planSite ul li a:hover,
#mentions ul li a:hover			{ color:#777; text-decoration:underline; }


/**** SIDEBAR ************************************************************************************/
.cadre							{ padding:8px 0; position:relative; }
.bgBr, .bgTr					{ position:absolute; width:6px; height:6px; background-repeat:no-repeat; background-position:100% 0; }
.bgBr							{ bottom:0; right:0; }
.bgTr							{ top:0; right:0; }

.cadre ul,.cadre li				{ margin:0; padding:0; color:#fff; }
.cadre ul						{ margin:5px 0 0 30px; padding:0; }
.cadre li a						{ color:#fff; text-decoration:none; }
.cadre li a:hover				{ text-decoration:underline; }
.cadre li a.actif				{ font-weight:bold; padding-right:5px; }
.cadre li.liBleu				{ list-style-image:url(../images/li_bleu_sidebar.gif); }
.cadre li.liGris				{ list-style-image:url(../images/li_gris_sidebar.gif); }
.cadre li.liOrange				{ list-style-image:url(../images/li_orange_sidebar.gif); }
.cadre li.liJaune				{ list-style-image:url(../images/li_jaune_sidebar.gif); }
.cadre li.liRouge				{ list-style-image:url(../images/li_rouge_sidebar.gif); }
.cadre li.liBleuciel			{ list-style-image:url(../images/li_bleuciel_sidebar.gif); }
.cadre li.liVert				{ list-style-image:url(../images/li_vert_sidebar.gif); }

#sidebar .title					{ font:normal 18px "Trebuchet MS" Arial; color:#fff; text-transform:uppercase; padding-left:10px; background:url(../images/fl_blanc.gif) no-repeat 0 8px; }
#bgRouge						{ background:#dc1428 url(../images/bg_sidebar_r.gif) repeat-x 0 0; }
#bgRouge .bgBr					{ background-image:url(../images/angle_rouge_br.gif); }
#bgRouge li a.actif				{ color:#4b0000; }

#bgBleu							{ background:#a0a9b0 url(../images/bg_sidebar_b.gif) repeat-x 0 0; border-bottom:1px solid #fff; }
#bgBleu .bgBr					{ background-image:url(../images/angle_bleu_br.gif); }
#bgBleu .bgTr					{ background-image:url(../images/angle_bleu_tr.gif); }
#bgBleu li						{ list-style-image:url(../images/li_bleu_.gif); }
#bgBleu li a.actif				{ color:#141923; }

#bgGris							{ background:#828282 url(../images/bg_sidebar_g.gif) repeat-x 0 0; }
#bgGris .bgBr					{ background-image: url(../images/angle_gris_br.gif); }
#bgGris .bgTr					{ background-image: url(../images/angle_gris_tr.gif); }
#bgGris li						{ list-style-image:url(../images/li_gris_.gif); }
#bgGris li a.actif				{ color:#000; }

#search							{ margin:0; }
#search .title					{ font:normal 18px "Trebuchet MS" Arial; color:#4b5050; }
#search table					{ margin:0 0 10px 10px; }
#search label					{ color:#4b5050; }
#search select					{ width:110px; }

/**** CONTENT ************************************************************************************/
h2								{ font:normal 30px "Trebuchet MS" Arial; color:#465573; text-transform:uppercase; }
h3								{ font:normal 18px "Trebuchet MS" Arial; color:#dc0000; text-transform:uppercase; border-bottom:1px solid #ddd; margin:5px 0 5px 0; }
h3 span							{ font:normal 12px "Trebuchet MS" Arial; float:right; padding:0 10px; background-color:#dc0000; color:#fff; }
h5								{ font:normal 18px "Trebuchet MS" Arial; color:#4b5050; text-transform:uppercase; }
h6								{ font:bold 14px "Trebuchet MS" Arial; color:#333; }

.tab							{ margin:0; border-collapse:collapse; }
.tab td, .tab th				{ padding:1px; }
.tab th							{  }

em								{ color:#8c8c7d; }

#outils							{ padding:3px 10px; text-align:right; }
#outils ul, #outils ul li		{ margin:0; padding:0; list-style-type:none; text-align:right; }
#outils ul li					{ margin:0; padding:0 0 0 5px; display:inline; }
#outils ul li a					{ color:#808080; font-size:10px; }
#outils ul li a:hover			{ color:#333; font-size:10px; }
li.li_print a					{ background:url(../images/print.gif) no-repeat 100% 0; padding-right:15px; }


/**** HOMEPAGE ************************************************************************************/
#zoneGris						{ background:#e1e1d7 url(../images/bg_zone.gif) repeat-x 0 0; height:350px; }
#filieres						{ padding:20px 25px; }
.filiere						{ position:relative; float:left; width:140px; height:288px; margin-left:10px; }
.filiere h2 a					{ position:absolute; top:0; right:8px; padding-top:121px; width:130px; text-align:right; font:normal 16px "Trebuchet MS" Arial; color:#fff; text-decoration:none; text-transform:uppercase; }
.filiere h2 a:hover				{ color:#fff; background:url(../images/actif.png) no-repeat 94% 0 !important; background:url(../images/actif.gif) no-repeat 94% 0; }
.filiere ul						{ position:absolute; top:150px; left:0; margin:5px; width:130px; }
.filiere ul li ul				{ position:static; }
.filiere ul li ul li			{ color:#828282; }
.filiere ul, .filiere ul li		{ margin:0; padding:0; list-style-image:none; }
.filiere ul li					{ margin:0; padding:0 0 0 5px; display:block; }
.filiere, .filiere ul li a		{ margin:0; padding:0; color:#4b5050; text-decoration:none; font-size:10px; }
.filiere ul li a:hover			{ color:#333; text-decoration:underline; }

.smallCadre						{ float:left; width:197px; height:70px; padding:14px 135px 14px 16px; margin-right:10px; position:relative; background:url(../images/bg_smallcadre.png) no-repeat 0 0 !important; background:url(../images/bg_smallcadre.gif) no-repeat 0 0; }
.smallCadre img					{ position:absolute; top:6px; right:6px; }
.smallCadre a					{ font:normal 14px "Trebuchet MS" Arial; color:#4b5050; text-transform:uppercase; text-decoration:none; }
.smallCadre a:hover				{ text-decoration:underline; }
.smallCadre p					{ font:normal 10px Arial; color:#333; margin:0; }


/**** FORMATIONS ************************************************************************************/
.marge							{ margin-right:215px; }

.page .title					{ min-height:65px; padding:0 5px 0 34px; margin-bottom:10px; position:relative; background-repeat:no-repeat; background-position:0 0; }
.page .title h2					{ font:normal 30px "Trebuchet MS" Arial; color:#333; text-transform:uppercase; }
.page .title h2 strong			{ font:normal 30px "Trebuchet MS" Arial; color:#fff; }
.page .title h3					{ font:normal 20px "Trebuchet MS" Arial; color:#fff; margin:0; border:none; }
.page .title img				{ position:absolute; }
.page .title a.retour			{ width:34px; height:32px; position:absolute; top:-10px; left:-10px; background-repeat:no-repeat; background-position:0 0; }

.bg_fille						{ background:url(../images/bg_fille.gif) no-repeat 100% 10px; }

h4								{ font:normal 14px Arial; letter-spacing:5px; margin-top:15px; padding:0 0 0 15px; background-repeat:no-repeat; background-position:0 2px; }
ul.disc							{ margin-bottom:15px; }
ul.disc li						{ list-style-type:none; margin:0 0 5px 45px; padding:0; text-align:left; }

ul.liFormation					{ margin:5px 0; padding:0; }
ul.liFormation li				{ margin:0 0 1px 15px; list-style-image:none; }
ul.liFormation li a				{ float:left; width:500px; padding:2px 5px; margin-bottom:1px; text-decoration:none; }
ul.liFormation li a:hover		{ color:#fff; }

/* Pager */
.pager							{ text-align:center; }
.pager a						{ font-weight:bold; }

/* Colonne Droite */
.colRight						{ float:right; text-align:center; width:195px; }
.colRight .titre				{ width:185px; height:13px; text-align:right; margin-bottom:10px; padding:5px; font:normal 12px "Trebuchet MS" Arial; color:#fff; text-transform:uppercase; background-repeat:no-repeat; background-position:0 0; }
.colRight ul li					{ margin:0 0 0 25px; }
.colRight ul li strong			{ display:block; }

.colRight ul.liOutils			{  }
.colRight ul.liOutils li		{ margin:5px 0 5px 25px; padding-left:10px; }
.colRight ul.liOutils li a		{ text-decoration:none; font-weight:bold; color:#777; }
.colRight ul.liOutils li a:hover{ text-decoration:underline; color:#777; }
li.icoHome	 					{ list-style-image:url(../images/ico_home.gif); }
li.icoPrint 					{ list-style-image:url(../images/ico_print.gif); }
li.icoFavoris 					{ list-style-image:url(../images/ico_favoris.gif); }
li.icoPhone 					{ list-style-image:url(../images/ico_phone.gif); }
li.icoPhone						{ font:normal 20px "Trebuchet MS" Arial; }
li.icoPhone span				{ font:normal 24px "Trebuchet MS" Arial; }
li.icoMail 						{ list-style-image:url(../images/ico_mail.gif); }

.colRight label					{ color:#777; }
.colRight select				{ width:100px; }
.formRight						{ text-align:right; margin:0 0 10px 0;  }
.formRight label				{ margin-right:5px;  }
.formRight input[type=text]		{ width:120px; margin-bottom:1px; }

#imgRight						{ text-align:right; }
#imgRight .titre				{ margin-bottom:0; }
#imgRight img					{ margin:0 0 10px 0; }

/* Page Bleu */
#bleu .title					{ background-image:url(../images/bg_title_bleu.png); }
#bleu .title a.retour			{ background-image:url(../images/retour_bleu.png); }
#bleu h4						{ color:#6e82af; background-image:url(../images/li_bleu.gif); }
#bleu h3						{ color:#333; }
#bleu label						{ color:#6e82af; }
#bleu .colRight .titre			{ background-image:url(../images/title_bleu.gif); }
#bleu .colRight li.icoPhone		{ color:#465573; }
#bleu .colRight li.icoPhone span{ color:#dc0000; }
#bleu ul.disc li				{ list-style-image:url(../images/fl_bleu.gif); }
#bleu ul.liFormation li a		{ background-color:#e6e6f0; }
#bleu ul.liFormation li a:hover	{ background-color:#465573; }
#bleu .toppage a:hover			{ background-color:#6e82af; }

/* Page Gris */
#gris .title					{ background-image:url(../images/bg_title_gris.png); }
#gris .title a.retour			{ background-image:url(../images/retour_gris.png); }
#gris h4						{ color:#4b5050; background-image:url(../images/li_gris.gif); }
#gris h3						{ color:#333; }
#gris label						{ color:#4b5050; }
#gris .colRight .titre			{ background-image:url(../images/title_gris.gif); }
#gris .colRight li.icoPhone		{ color:#4b5050; }
#gris .colRight li.icoPhone span{ color:#dc0000; }
#gris ul.disc li				{ list-style-image:url(../images/fl_gris.gif); }
#gris ul.liFormation li a		{ background-color:#dcdcdc; }
#gris ul.liFormation li a:hover	{ background-color:#4b5050; }
#gris .toppage a:hover			{ background-color:#4b5050; }

/* Page Orange */
#orange .title					{ background-image:url(../images/bg_title_orange.png); }
#orange .title a.retour			{ background-image:url(../images/retour_orange.png); }
#orange h4						{ color:#e65a00; background-image:url(../images/li_orange.gif); }
#orange h3						{ color:#333; }
#orange label					{ color:#e65a00; }
#orange .colRight .titre		{ background-image:url(../images/title_orange.gif); }
#orange .colRight li.icoPhone	{ color:#e65a00; }
#orange .colRight li.icoPhone span{ color:#4b5050; }
#orange ul.disc li				{ list-style-image:url(../images/fl_orange.gif); }
#orange ul.liFormation li a		{ background-color:#ffdcaa; }
#orange ul.liFormation li a:hover { background-color:#e65a00; }
#orange .toppage a:hover		{ background-color:#e65a00; }

/* Page Jaune */
#jaune .title					{ background-image:url(../images/bg_title_jaune.png); }
#jaune .title a.retour			{ background-image:url(../images/retour_jaune.png); }
#jaune h4						{ color:#ff9600; background-image:url(../images/li_jaune.gif); }
#jaune h3						{ color:#333; }
#jaune label					{ color:#ff9600; }
#jaune .colRight .titre			{ background-image:url(../images/title_jaune.gif); }
#jaune .colRight li.icoPhone	{ color:#ff9600; }
#jaune .colRight li.icoPhone span{ color:#4b5050; }
#jaune ul.disc li				{ list-style-image:url(../images/fl_orange.gif); }
#jaune ul.liFormation li a		{ background-color:#ffe19b; }
#jaune ul.liFormation li a:hover{ background-color:#ff9600; }
#jaune .toppage a:hover			{ background-color:#ff9600; }

/* Page Rouge */
#rouge .title					{ background-image:url(../images/bg_title_rouge.png); }
#rouge .title a.retour			{ background-image:url(../images/retour_rouge.png); }
#rouge h4						{ color:#dc0000; background-image:url(../images/li_rouge.gif); }
#rouge h3						{ color:#333; }
#rouge label					{ color:#dc0000; }
#rouge .colRight .titre			{ background-image:url(../images/title_rouge.gif); }
#rouge .colRight li.icoPhone	{ color:#dc0000; }
#rouge .colRight li.icoPhone span{ color:#4b5050; }
#rouge ul.disc li				{ list-style-image:url(../images/fl_rouge.gif); }
ul.liFormation li a				{ background-color:#fae1e1; }
ul.liFormation li a:hover		{ background-color:#dc0000; }

/* Page Bleuciel */
#bleuciel .title					{ background-image:url(../images/bg_title_bleuciel.png); }
#bleuciel .title a.retour			{ background-image:url(../images/retour_bleuciel.png); }
#bleuciel h4						{ color:#7ab; background-image:url(../images/li_bleuciel.gif); }
#bleuciel h3						{ color:#333; }
#bleuciel label						{ color:#7ab; }
#bleuciel .colRight .titre			{ background-image:url(../images/title_bleuciel.gif); }
#bleuciel .colRight li.icoPhone		{ color:#7ab; }
#bleuciel .colRight li.icoPhone span{ color:#4b5050; }
#bleuciel ul.disc li				{ list-style-image:url(../images/fl_bleuciel.gif); }
#bleuciel ul.liFormation li a		{ background-color:#b4d2d2; }
#bleuciel ul.liFormation li a:hover	{ background-color:#7ab; }
#bleuciel .toppage a:hover			{ background-color:#7ab; }

/* Page Vert */
#vert .title					{ background-image:url(../images/bg_title_vert.png); }
#vert .title a.retour			{ background-image:url(../images/retour_vert.png); }
#vert h4						{ color:#bc2; background-image:url(../images/li_vert.gif); }
#vert h3						{ color:#333; }
#vert label						{ color:#bc2; }
#vert .colRight .titre			{ background-image:url(../images/title_vert.gif); }
#vert .colRight li.icoPhone		{ color:#bc2; }
#vert .colRight li.icoPhone span{ color:#4b5050; }
#vert ul.disc li				{ list-style-image:url(../images/fl_vert.gif); }
#vert ul.liFormation li a		{ background-color:#de9; }
#vert ul.liFormation li a:hover	{ background-color:#bc2; }
#vert .toppage a:hover			{ background-color:#bc2; }


/**** IMPLANTATIONS ************************************************************************************/
#detail							{ margin:20px 0 0 0; }
#detail h4						{ letter-spacing:0; color:#dc0000; }

/* Carte Centre */
div#cartejs						{ margin:0 10px 60px 0; float:right; width:400px; height:407px; display:block; position:relative; }
.puce_xy						{ cursor:pointer; position:absolute; width:12px; height:12px; background:url(../images/pucexy.png) no-repeat 0 50% !important; background:url(../images/pucexy.gif) no-repeat 0 50%; }


/**** CONTACT ************************************************************************************/
.chpsobli						{ text-align:right; margin-right:10px; font-size:10px; }
.inputReset						{ width:190px; }
label							{ font:bold 12px Arial; color:#465573; }

.submitCentre					{ margin:20px auto; text-align:center; }


/**** PRESSE ************************************************************************************/
.article						{ margin:20px 20px 20px 0; height:auto !important; height:150px; min-height:150px; }
.article img					{ float:left; width:150px; margin:0 15px 0 0; }
.article h3 em					{ font-size:14px; }
.pdf							{ text-align:right; margin:5px 0; }
.pdf a							{ padding:2px 0 2px 20px; background:url(../images/pdf.gif) no-repeat 0 0; }


/**** FAQ ************************************************************************************/
.annuaire						{ text-align:center; margin:10px 0; }
.question						{ font-weight:bold; margin-top:25px; border-width:0 0 0 3px; border-style:solid; padding-left:8px; }
#bleu .question					{ color:#465573; border-color:#465573; }
#gris .question					{ color:#4b5050; border-color:#4b5050; }
#orange .question				{ color:#e65a00; border-color:#e65a00; }
#jaune .question				{ color:#ff9600; border-color:#ff9600; }
#rouge .question				{ color:#dc0000; border-color:#dc0000; }

#faq  #bleu h2, #faq  #bleu h3	{ color:#465573; }
#faq #gris h2, #faq #gris h3	{ color:#4b5050; }
#faq #orange h2, #faq #orange h3{ color:#e65a00; }
#faq #jaune h2, #faq #jaune h3	{ color:#ff9600; }
#faq #rouge h2,#faq  #rouge h3	{ color:#dc0000; }
#faq #bleuciel h2,#faq  #bleuciel h3	{ color:#7ab; }
#faq #vert h2,#faq  #vert h3	{ color:#bc2; }

#faq table						{ width:100%; margin:10px auto; border-collapse:collapse; border:2px solid #ccc; }
#faq table td					{ border:1px solid #ddd; vertical-align:middle; text-align:center; padding:5px 15px; }

table.tabIncendie td,
table.tabIncendie th			{ border:1px solid #fff; background-color:#dc0000; color:#fff; }
table.tabIncendie th			{ font-size:24px; text-align:center; }