body {font-family: arial, helvetica, sans serif; margin: 0; padding: 0; font-size: 12px;}
img {border: 0;}

h1 {font-size: 18px; font-weight:bold; margin: 0; padding:2px 0 5px 0; text-transform: uppercase;}
h2 {font-size: 14px; font-weight:bold; margin: 0; padding:7px 0 2px 12px; background: url('../img/Flech0.gif') no-repeat -4px 5px; }
h3 {font-size: 13px; font-weight:bold; margin: 0; padding: 3px 0 1px 0px; }

p {padding:0; margin: 0; } 
a:active, a:link, a:visited {color: #552B7E; font-weight: bold; text-decoration: none;}
a:hover { color: #E95D0E; font-weight: bold; text-decoration: none;}
p IMG { margin-left:10px;} 

.align_page {text-align: center;}
.align_page .width_page {width: 900px; text-align: left; margin: auto;}
.footer { clear:both;}

.header {height: 150px; background:url(../img/fd_top.jpg) #C0DEC2 right no-repeat;}
.header p {float: right; width: 211px; font-size:11px; font-weight:bold; color:#39345c; padding:50px 0 0 0;}

#menu a, .menu a, #menu a:active, #menu a:link, #menu a:visited, .menu a:visited, .menu a:active, .menu a:link {color: #E69C46; text-transform: uppercase; font-weight: bold; font-size:14px; text-decoration:none; display: block; padding: 7px 8px;}

#menu .submenu a, #menu .submenu a:visited, #menu .submenu a:active, #menu .submenu a:link {color: #E69C46; text-transform: lowercase; font-weight: bold; font-size:12px; text-decoration:none; display: block; padding: 7px 8px;}
#menu .submenu a:hover {color: #FFFFFF;}

.upmenu {height: 30px;}
#accueil .upmenu a{color: #4A2873;}
#menu a:hover, .menu a:hover, .submenu a:hover {color: #FFFFFF;}
#menu div, .menu div {float: left; z-index: 5;}
#menu #accueil, .menu .accueil {width: 180px; background: #c7e1db; text-align:right;}
#menu #accueil .upmenu {width: 180px; background: #c7e1db; text-align:right;}
#menu #institut, .menu .institut {width: 100px; background: #4f2a77; position: relative;}
#menu #cours, .menu .cours {width: 104px; background: #b3082c; position: relative;}
#menu #formations, .menu .formations {width: 110px; background: #e3001b; position: relative;}
#menu #actualites, .menu .actualites {width: 100px; background: #06a48b; position: relative;}
#menu #pratique, .menu .pratique {width: 100px; background: #007c54; position: relative;}
#menu #demarches, .menu .demarches {width: 108px; background: #b68401; position: relative;}
#menu #galerie, .menu .galerie {width: 98px; background: #e95d0e; position: relative;}

.submenu a.selected {color: #000000; cursor: default;}
.submenu {position: absolute; top: 30px;}

#menu_institut {background: #4F2A77; width: 204px; display: none;}
#menu_institut .selected {background: #9264C3;}
#menu_cours {background: #b3082c; width: 214px; display: none;}
#menu_cours .selected {background: #FA083D;}
#menu_formations {background: #e3001b; width: 310px; display: none;}
#menu_formations .selected {background: #A73543;}
#menu_actualites {background: #06a48b; width: 200px; display: none;}
#menu_actualites .selected {background: #0AECC7;}
#menu_pratique {background: #007c54; width: 208px; display: none;}
#menu_pratique .selected {background: #43B08C;}
#menu_demarches {background: #b68401; width: 206px; display: none;}
#menu_demarches .selected {background: #F5CC64;}
#menu_galerie {background: #e95d0e; width: 206px; display: none; left: -108px;}
#menu_galerie .selected {background: #CD7847;}
#menu_galerie a.selected {color: #000000;}

.content {clear: both; background: url('../img/MenuG.jpg') repeat-y 0 -60px; padding: 10px 0px 0px 190px; position: relative; text-align:justify; min-height:800px; border:1px;}
.content .topMenu {background: url('../img/MenuG.png'); width: 180px; height: 105px; position: absolute; top: -30px; left: 0;}
.content.galeries { background-color:#EBAE8A;}
.content a {color: #B8D335;}
.content a:hover {color: #6B7B1E;}
.content b.variant1 {color: #000000;}
.content .cadre {border: 1px solid #B32232; display:block; background: #E99245; padding:6px; margin:2px 0;} 
.content .cadre.no-padding-top {padding-top:0; margin-top:-2px;}

/* DEBUT - ajout des cadre de couleur en fonction de la rubrique - fafa */
.presentation .cadre {border-color:#AE173B; background:#F1DFD8; }
.cours .cadre {border-color:#AE173B;  background:#F1DFD8; }
.formations .cadre{border-color:#D90D31; background:#F9E5D8;} 
.actualites .cadre{border-color:#37B9A4; background:#D8F2EE;}
.pratique .cadre{border-color: #90B3A8; background:#C8E8DE;}
.demarches .cadre{border-color:#C4B794; background:#EFE4C6;}
/* FIN - ajout des cadre de couleur en fonction de la rubrique - fafa */

.home {background: url('../img/FDHome.png'); width: 900px; height: 630px; font-family: verdana; font-size: 12px;}
.home .mail {height: 240px;}
.home .mail p {padding: 60px 0 0 692px; margin: 0; font-weight:bold; font-size:11px; font-family:arial, helvetica, sans serif; }
.home .page { width:450px; position: absolute; z-index:4;}
.home .page ul {margin:0 0 0 -26px;  padding-top:10px;list-style:none; }
.home .page ul li {	margin: 0; padding: 0 0 6px 24px ; background:url('../img/puceOrange.jpg') no-repeat;}
.home .page ul li.large { padding-right:0px;}
.home_photo { z-index:-10; float:right; background: url('../img/hp_img_1.jpg') no-repeat; margin-left:450px; width:369px; height:389px; overflow:hidden; position: absolute; z-index:-4;	}

.presentation h1, .presentation h2, .presentation h3, .presentation b {color: #4F2A77;}
.cours h1, .cours h2, .cours h3, .cours b {color: #B3082C;}
.formations h1, .formations h2, .formations h3, .formations b {color: #e3001b;}
.actualites h1, .actualites h2, .actualites h3, .actualites b {color: #0AECC7;}
.pratique h1, .pratique h2, .pratique h3, .pratique b {color: #007c54;}
.demarches h1, .demarches h2, .demarches h3, .demarches b {color: #b68401;}

#formcontact input, #formcontact textarea, #formcontact select {border: 1px solid #000000; width: 400px;}
#formcontact input.error, #formcontact textarea.error, #formcontact select.error {border-color: #EE1D23;}
#formcontact span.error {font-weight: bold; color: #EE1D23; display: none;}
#sendDisabled {font-weight: bold; color: #EE1D23;}

/* DEBUT	 - ajouté pour la sous navigation - fafa */
#subnav_institut, #subnav_cours, #subnav_formations, #subnav_actualites, #subnav_pratique, #subnav_demarches , #subnav_galerie{ clear:both; height:30px; line-height:30px; font-weight:bold; padding:0 0 0 190px;  background: url('../img/MenuG.jpg')  no-repeat; background-position:0 -30px;}
#subnav_institut { background-color: #4F2A77;}
#subnav_institut .selected, #subnav_cours .selected, #subnav_formations .selected, #subnav_actualites .selected, #subnav_pratique .selected, #subnav_demarches .selected, #subnav_galerie .selected {color: #FFFFFF;}
#subnav_institut span, #subnav_cours span, #subnav_formations span, #subnav_actualites span, #subnav_pratique span, #subnav_demarches span, #subnav_galerie span {color: #FFFFFF; padding:0 12px 0 12px;}
#subnav_institut a, #subnav_cours a, #subnav_formations a, #subnav_actualites a, #subnav_pratique a, #subnav_demarches a, #subnav_galerie a { color: #F68D55;}
#subnav_institut a:hover, #subnav_cours a:hover, #subnav_formations a:hover, #subnav_actualites a:hover, #subnav_pratique a:hover, #subnav_demarches a:hover, #subnav_galerie a:hover {color: #FFFFFF;}
#subnav_cours { background-color: #b3082c;}
#subnav_formations { background-color: #e3001b;}
#subnav_actualites{ background-color: #06a48b;}
#subnav_pratique { background-color: #007c54;}
#subnav_demarches { background-color: #b68401;}
#subnav_galerie { background-color: #EF5D08;}
/* FIN - ajouté pour la sous navigation - fafa */

.presentation span.ColorCat {color: #4F2A77;}
.cours span.ColorCat {color: #B3082C;}
.formations span.ColorCat {color: #e3001b;}
.actualites span.ColorCat {color: #0AECC7;}
.pratique span.ColorCat {color: #007c54;}
.demarches span.ColorCat {color: #b68401;}
.galerie span.ColorCat {color: #e95d0e;}




/* page galerie */
.galerie_titre_album { float:right; width:600px; margin: 0 10px 10px 0;background-color:#F5AD84;border-left:solid 1px #B34504; border-bottom:solid 1px #B34504;}
.galerie_titre_album h3 { background-color:#EF5D08; height:26px; border-left:solid 1px #B34504; border-bottom:solid 1px #B34504; margin:2px; line-height:24px}

.galerie_block { float:left; width:300px; height:180px; padding:6px 0 0 6px; background-color:#F76521;}
.galerie_block h4 { background-color:#EF5D08; height:26px; border-left:solid 1px #B34504; border-bottom:solid 1px #B34504; margin:2px; line-height:24px}
.galerie_block a {display:block;}
.galerie_block a .gal_image { height:180px; overflow:hidden; background:#F76521 no-repeat center center;}
.galerie_block .gal_image a {height: 180px; background: center center no-repeat;}
.galerie_block .numalbum { float:left; display:block; width:30px; height:30px; background-color:#F76521; text-align:center; font-weight:bold; line-height:24px; color:#FFF;}

.galerie_block.admin { width:350px; height:460px; }
.galerie_block.admin input[type=text] {width:300px; border:solid 1px #000099;}

.contenu_page { float:left; background-color:#EF5D08;}
.center_colonne { float:left; width:612px;}

.center_colonne.galeries {border-bottom:6px solid #EF5D08;}

.center_colonne.admin { float:left; width:710px;}
.right_colonne { float:right; width:86px; background-color:#EF5D08; color:#FFFFFF; text-transform:uppercase; text-align:left; font-weight:bold; padding:6px; margin-top:-10px; overflow: hidden; font-size: 11px;}
.galerie_block .gal_desc { clear:both; width:184px; height:136px; overflow:auto; margin-left:4px; padding-right:10px; }
.galerie_image_block { margin: 5px 0 0 30px;}
.galerie_image_block h2 {height: 26px; }
.galerie_image_block .gal_big_image { padding-bottom: 20px;}
.galerie_block_album { float:left; width:224px; margin: 0 10px 10px 0;background-color:#F5AD84; border-left:solid 1px #B34504; border-bottom:solid 1px #B34504;}
.galerie_block_album h4 { background-color:#EF5D08; height:26px; border-left:solid 1px #B34504; border-bottom:solid 1px #B34504; margin:2px; line-height:24px}
.galerie_block_album .gal_image { float:left; width:222px; height:140px; overflow:hidden;}
.galerie_block_album .gal_image a { display:block; overflow:hidden;}
.galerie_block_album .gal_desc {height:136px; overflow:auto;  margin:10px; padding:5px; border: dotted 1px #000000;}

.galerie_detail_image { float:left; width:602px; min-height:450px; text-align:center; background:#EF8A42 no-repeat center center;}
.galerie_detail_image img {margin:auto auto;}
.galerie_detail_image h3 { margin:2px; height:26px; line-height:26px;}
.galerie_detail_image_titre { background-color:#EF5D08; height:26px; border-left:solid 1px #B34504; border-bottom:solid 1px #B34504; margin:2px; line-height:24px}
.galerie_detail_image .gal_desc { clear:both; padding:10px; color:#fff; text-align:left; background-color:#EF5D08;}
.galerie_detail_image .gal_desc span{text-transform:uppercase; color:#6600CC; font-weight:bold;}
.contenu_page_photozoom .gal_desc { clear:both; padding:10px; color:#fff; text-align:left; background-color:#EF5D08; width:592px; }
.contenu_page_photozoom .gal_desc span{text-transform:uppercase; color:#6600CC; font-weight:bold;}
#carousel_galerie{ display:none}

.right_colonne_photozoom { float:right; position:relative; width:98px; background-color:#EF5D08; color:#FFF; text-transform:uppercase; text-align:left; font-weight:bold; padding:0; margin-top:-10px; min-height:910px;}
.photozoom_entete {color:#000; width:602px;}
.photozoom_entete h3{color:#000; text-transform:uppercase; color:#EF5D08;}
.photozoom_entete span{color:#000;}

.content .contenu_page_photozoom { float:left; background-color:#FFDFA5; margin-left:-10px; margin-top:-10px; padding-top:10px; padding-left:10px; min-height:900px;}
.content .footer .contenu_page_photozoom { background-color:#FFDFA5;}

/* pagination page détail de la photo*/
.contenu_page_photozoom .galerie_detail_image .before { float:left; margin-top:34%; line-height:30px; font-size:24px;}
.contenu_page_photozoom .galerie_detail_image .before a, .pagination .before .not-link {display: block; width:30px; height:30px; margin-right:4px;}
.contenu_page_photozoom .galerie_detail_image .before a { background-color:#EF5D08;}
.contenu_page_photozoom .galerie_detail_image .before a:hover{ background-color:#EBAE8A; border:solid 1 px #EF5D08;}
.contenu_page_photozoom .galerie_detail_image .before .not-link {color:#EF8A42;}

.contenu_page_photozoom .galerie_detail_image .next { float:right; margin-top:34%; margin-right:-4px; line-height:30px;  font-size:24px;}
.contenu_page_photozoom .galerie_detail_image .next a, .pagination .next .not-link {display: block; width:30px; height:30px; margin-right:4px;}
.contenu_page_photozoom .galerie_detail_image .next a { background-color: #EF5D08;}
.contenu_page_photozoom .galerie_detail_image .next a:hover { background-color:#EBAE8A; border:solid 1 px #EF5D08;}
.contenu_page_photozoom .galerie_detail_image .next .not-link { text-align:left; margin:10px; color:#EF8A42;}




#menu a:active, #menu a:link, #menu a:visited,
 * styles inclus dans les zones de texte tinyMCE lepype
 */
.style1 {}
.style2 {}
.style3 {}
/*h1 {}
h2 {}
*/
.time { color: #303030;    font-size: 10px;   position: absolute;   right: 2px;    bottom: 2px;    margin: 0;}
.telecharger { display:block; color:#ffff99; height:26px; font-weight:bold; padding-left:10px; line-height:26px; background:url('../img/telecharger-maquette.png') no-repeat; background-position: bottom right; background-color:#E70021; text-transform:uppercase; margin-top:20px; margin-bottom:20px;}


/* les Tableau - fafa - 12 avril 2010 */
.module_ligne { float:left; clear:both; width:710px; text-align:left; padding:8px 0; border-bottom:solid 1px #000000; background-color:#FFCC66;}
.nomModuleCourt { float:left; clear:both; width:290px; font-weight:bold; padding-left:6px;}
.datesModuleCourt { float:left;width:90px; padding-left:6px;}
.caracteristiquesModuleCourt { float:left;width:100px;}
.prerequisModuleCourt { float:left;width:90px;}
.coutModuleCourt { float:left;width:60px;  font-weight:bold; text-align:center;}
.degreDiffModuleCourt { float:left;width:60px;}



/* pagination des galeries */
.pagination { height:32px; overflow:hidden; text-align:center; margin-top:10px; line-height:28px;}
.pagination a { color: #B8D335; font-weight:bold;}
.pagination .not-link { color: #171514;}

.pagination .before { float:left;}
.pagination .before a, .pagination .before .not-link {display: block; width:30px; height:30px; margin-right:4px;}
.pagination .before a { background-color:#EF5D08;}
.pagination .before a:hover{ background-color:#FBEBCD;}
.pagination .before .not-link {display:none;}

.pagination .links { float:left;}
.pagination .links .selected, .pagination .links .notselected, .pagination .links .selected a span, .pagination .links .notselected, .pagination .links a span {float:left; display:block; height:30px; margin-right:2px;}
.pagination .links .notselected a span.first {background-color:#EF5D08; width:30px;}
.pagination .links .selected a span {font-weight:bold; color:#000000; background-color:#FFFFFF; width:30px;}
.pagination .links .notselected a span {font-weight:bold; color:#000000;}

.pagination .next { float:left;}
.pagination .next a, .pagination .next .not-link {display: block; width:30px; height:30px; margin-right:4px;}
.pagination .next a { background-color: #EF5D08;}
.pagination .next a:hover { background-color:#FBEBCD;}
.pagination .next .not-link { display:none;}