/* Modèle v1.24 24/02/2009 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}

li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}
.maj {text-transform:uppercase;}
.grand {font-size:16px;}
.moyen {font-size:14px;}

/*********** A PERSONNALISER **************/
body {font: normal 11px 'Verdana'; color:#000; background-color:/*fond de spaw et de la zone contenu*/}
#body{background:#686c75 url(images/fonds/fond.jpg) no-repeat;}

table{font-size: 11px;}
a{text-decoration:none;color:#eb8213;}
a:hover {text-decoration:underline;}

h1{font: normal 30px Arial; text-transform:uppercase; margin-bottom:10px;}
h2{font: bold 18px Arial; color:#eb8213; padding-top:10px; margin-bottom:10px;}
h3{font:bold 14px Arial; margin-bottom:10px;}
h4{font:normal 12px Arial; margin-bottom:10px;}
h5{font: bold 15px Arial; margin-bottom:20px;color:#414141; text-transform:uppercase;line-height:1em;}
h6{font:bold 13px Arial;text-transform:uppercase;}

p {margin-bottom:10px; text-align: justify;}
strong{font-weight: bold;}
em{font-style: italic;}

.color {color:#eb8213;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #fff; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:9px;}
.bleu {color:#112a86;}
.bold {font-weight:bold;}

/* Formulaires */
.bouton{
  display:block; color:#fff; background-color:#AAC5E2;
  font:bold 11px 'Verdana'; line-height:20px; width:152px; height:20px; border-width:0;
  text-align:center; cursor:pointer;
}

/*input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}*/
input, select, textarea{font: normal 10px 'Verdana'; color:#666; border:1px solid #AAC5E2;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}
input[type="text"]{height:15px;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;}
.row label span{color:#f00;}
.row textarea, .row input {width: 150px;}
.row select {width: 152px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block;}
.row_are textarea{width:300px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {margin-left:150px; clear:both; margin-bottom:5px;}


/******************************************/
/******************  ENTETE  **************/
/******************************************/
#conteneur {margin:0 auto; width:974px; background:#fff url(images/fonds/contenu.gif) 0 0 no-repeat; }

#entete {width:889px; height:88px; padding:15px 30px 0 55px;background:url(images/fonds/entete.gif) 0 0 no-repeat;}
#entete #logo {float:left;}
#entete #slogan {float:left; padding:20px 0 0 0;}
#entete #menu_head {float:right; display:inline;padding:28px 0 0 0;}
#entete #menu_head a{display:inline-block; background:url(images/icones/puce_espace.gif) no-repeat; padding-left:32px; color:#eb8213; font:normal 12px Arial; line-height:22px; margin-left:15px;}


/******************  MENUS  **************/
/*#menus {width:907px; height:54px;background:url(images/menu/cadre.gif) no-repeat;}*/
ul#menu {width:948px; padding:0 0 0 26px; height:39px; background:url(images/menu/fond.gif) repeat-x;list-style-type:none;}
ul#menu li{float:left; display:inline; margin:0}
ul#menu li a {float:left; display:inline; width:131px; height:39px;margin-right:1px;}
ul#menu li a.m01{background: url(images/menu/accueil.gif) no-repeat top left;}
ul#menu li a.m02{background: url(images/menu/ecole.gif) no-repeat top left;}
ul#menu li a.m03{background: url(images/menu/cursus.gif) no-repeat top left;}
ul#menu li a.m04{background: url(images/menu/formation.gif) no-repeat top left; width:130px;}
ul#menu li a.m05{background: url(images/menu/telechargement.gif) no-repeat top left;}
ul#menu li a.m06{background: url(images/menu/bureau.gif) no-repeat top left;}
ul#menu li a.m07{background: url(images/menu/contact.gif) no-repeat top left;}
ul#menu li a:hover ,
ul#menu li a.active{background-position: bottom left;}

ul#sous_menu {clear:both; width:959px; padding:0 0 0 15px;background:url(images/menu/ssmenu.gif) repeat-x; height:22px; margin:0 auto; text-align:center; list-style-type:none; display:block;}
ul#sous_menu li{margin:0; height:22px; float:left;display:inline-block;text-transform:uppercase; font:bold 11px Arial;}
ul#sous_menu li a {display:inline-block; color:#fff; line-height:22px; text-decoration:none;border-right:1px solid #3e434a; padding:0 15px;}
ul#sous_menu li a:hover {color:#eb8213;}
ul#sous_menu li a:active {color:#eb8213}
ul#sous_menu li a.a_niveau_2_der {border-right:0;}

/******************  ANIMATION  **************/
#flash {width:974px; height:102px;}

/*#content {width:907px; margin:0 8px; padding:0 35px 32px 32px;background:url(images/fonds/motif.gif) repeat;}*/
#contenu {width:922px; padding:6px 26px 30px;}

/******************************************/
/**************  COLONNEG  ****************/
/******************************************/
#colonneG {width:209px; float:left; display:inline;margin-right:30px; padding-top:20px;}
#colonneG p {text-align:left; font-size:12px;color:#fff;}
#colonneG a {color:#eb8213; font-weight:bold;}
#colonneG strong {text-transform:uppercase; font-size:9px;}
#colonneG .hr {height:1px;}

#colonneG #boite_contact {width:187px; height:209px; padding:20px 10px 20px 12px; margin-bottom:4px;background: url(images/fonds/boite1.gif) no-repeat top left;}
#colonneG #boite_contact .contenu_boite h6{color:#eb8213; font-weight:bold;}
#colonneG #boite_contact .contenu_boite p{font-size:11px;}
#colonneG #boite_contact .contenu_boite p a {font:bold 12px arial;}

#colonneG #boite_inscription {width:181px; height:122px; padding:20px 14px; background:url(images/fonds/boite2.gif); margin-bottom:4px; cursor:pointer}
#colonneG #boite_inscription .contenu_boite {}

#colonneG #boite_temoignage {width:181px; padding:20px 14px; background:url(images/fonds/boite3.jpg); font-size:10px; position:relative;height:332px; cursor:pointer}
#colonneG #boite_temoignage .contenu_boite {}

/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/
#animation {float:right; display:inline; }
#bandeau {width:922px;}
#bandeau .slider-boite {position:relative; float:left; display:inline; width:303px; height:193px; margin-right:5px;}
#bandeau .slider-boite a{display:block;line-height:21px;text-align:center; color:#fff; text-transform:uppercase;}
#bandeau  a.initiale{background:url(images/fonds/lien_initial.gif) no-repeat;}
#bandeau  a.alternance{background:url(images/fonds/orange.gif);}
#bandeau  a.continue{background:url(images/fonds/lien_continue.gif) no-repeat;}
#bandeau .dernier {margin-right:0;}

#colonneD {width:662px; float:right; display:inline; padding-top:20px;}
#colonneD #sup_tertiaire {width:310px; margin-bottom:25px; float:left; display:inline; }
#colonneD #sup_tertiaire blockquote {margin:0 0 10px 60px;} 
#colonneD #sup_tertiaire p {font:normal 12px Arial;}
#colonneD #sup_tertiaire p.grand {font-size:16px;}
#colonneD #sup_tertiaire p.moyen {font-size:14px;}
#colonneD #sup_tertiaire p.bold {font-weight:bold;}

#colonneD #sup_actualites {width:310px; margin-bottom:25px; float:right; display:inline; }
#colonneD #sup_actualites p {font:normal 12px Arial;}
#colonneD #sup_actualites p.grand {font-size:16px;}
#colonneD #sup_actualites p.moyen {font-size:14px;}
#colonneD #sup_actualites p.bold {font-weight:bold;}

#colonneD #opportunites {clear:both; width:657px;background:url(images/fonds/boite_top.png) 0 0 no-repeat; padding-top:16px;}
#colonneD #opportunites #bas{width:657px;background:url(images/fonds/boite_bottom.png) left bottom no-repeat; padding-bottom:16px;}
#colonneD #opportunites #spaw{padding:15px;background:url(images/fonds/opportunite.gif) repeat-y;}
#colonneD #opportunites h3 {font:bold 16px Arial;text-transform:uppercase; color:#4f4f4f; }
#colonneD #opportunites #spaw p{font:normal 14px Arial; color:#000;}
#colonneD #opportunites #spaw p a{font:bold 14px Arial; color:#fff;}


#boutons {width:190px; float:right}
#boutons #btn1 {margin-right:10px}

/******************************************/
/**********  LISTE FORMATIONS ***********/
/******************************************/
#contain {width:672px; /*margin:35px 0 0 26px;*/background:url(images/fonds/liste-top.gif) no-repeat 0 40px;padding-top:55px; }
#contain-txt {width:672px; background:url(images/fonds/liste-fond.gif) repeat-y 0 0; }
#cadre_initiale {width:672px;min-height:500px; background:url(images/fonds/liste-bs-2.gif) no-repeat left bottom;}
#cadre_alternance {width:672px;min-height:500px; background:url(images/fonds/liste-bs-2.gif) no-repeat left bottom;}
#cadre_continue {width:672px;min-height:500px; background:url(images/fonds/liste-bs.gif) no-repeat left bottom;}

#div-famille {width:206px;margin:0 0 0 15px; float:left; display:inline;position:relative; top:-55px; }
#div-famille .block{display:block; }
ul#famille {width:150px; list-style-type:none; background:url(images/ssmenu/fond-menu.gif) repeat-y; padding:0 28px;}
ul#famille li {margin:0;}
ul#famille li a {display:block; text-transform:uppercase; font: normal 13px Verdana; color:#717f92; padding:5px 0; background:url(images/menu/points.gif) repeat-x bottom left;text-decoration:none;outline: none;}
ul#famille li a:hover {color:#f66900;}
ul#famille li a.current{color:#f66900;}
.liste {width:415px; float:left; display:inline;}
.liste p.hauteur{height:43px;}
.liste p a{font-size:12px; line-height:18px;color:#000}
.liste .initiale {width:395px; height:72px; background:url(images/fonds/initiale-fond.png) no-repeat 0 0; padding:10px 10px 25px; margin-bottom:15px;}
.liste .initiale h3 a{color:#6d569c;}
.liste .continue {width:395px; height:72px; background:url(images/fonds/continue-fond.png) no-repeat 0 0; padding:10px 10px 25px; margin-bottom:15px;}
.liste .continue h3 a{color:#5d6b04;}
.liste .alternance {width:395px; height:72px; background:url(images/fonds/alternance-fond.png) no-repeat 0 0;padding:10px 10px 25px; margin-bottom:15px;}
.liste .alternance h3 a{color:#1185c2;}
.liste .sinscrire { margin:0; margin-right:55px; text-align:right;}
.liste .sinscrire a{text-transform:uppercase; color:#e25600;font-size:11px;}

/******************************************/
/**********  FICHE FORMATIONS ***********/
/******************************************/
#fiche_initiale, #fiche_alternance {width:672px;min-height:500px; background:url(images/fonds/liste-bs-2.gif) no-repeat left bottom;}
#fiche_continue{width:672px;min-height:500px; background:url(images/fonds/liste-bs.gif) no-repeat left bottom;}
#ficheG {width:206px; float:left; display:inline;margin-left:20px;position:relative; top:-55px; }
#ficheG #photos {width:150px; height:139px;margin:0 0 15px 0; background:url(images/fonds/photoFiche.png) no-repeat; padding:23px 28px 28px;} /* vérifier que les paddings sont ok */
#ficheG #bt_inscrire {float:right; display:inline; margin-right:5px; width:96px; background:url(images/boutons/sinscrire.gif) no-repeat 0 0; text-align:center;}
#ficheG #bt_inscrire a{width:96px; line-height:18px;text-transform:uppercase; color:#fff;}
#ficheG #spaw {padding:5px;clear:both;}
#f_initiale, #f_continue, #f_alternance {width:415px; float:right; display:inline; margin-right: 28px;position:relative; top:-60px; }
#f_initiale p, #f_continue p, #f_alternance p {font-size:12px; line-height:18px; text-align:justify;}
#f_initiale .descriptif, #f_continue .descriptif, #f_alternance .descriptif {display:inline;}
#f_initiale h3{font-size:16px; padding-top:8px; margin-bottom:15px;color:#6d569c;}
#f_continue h3{font-size:16px; padding-top:8px; color:#5d6b04;}
#f_alternance h3{font-size:16px; padding-top:8px; color:#1185c2;}
#f_initiale h4{color:#a28ad5;padding-top:15px;}
#f_continue h4{color:#adb865;padding-top:15px;}
#f_alternance h4{color:#78b8cd;padding-top:15px;}





/***************** SLIDER ******************/
#slider {width:662px; float:right; display:inline; padding-top:20px;}
.stripViewer .panelContainer .panel ul {
    text-align: left;
    margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
    /*margin: 20px 0;*/
    position: relative;
    /*width: 100%;*/
    float:left;
}

#stripNav0{
    display:none;       
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
    position: relative;
    overflow: hidden; 
    /*border: 5px solid #000; /* this is the border. should have the same value for the links */
    margin: auto;
    width: 415px; /* Also specified in  .stripViewer .panelContainer .panel  below */
    /*height: 460px;*/
    /*clear: both;*/
    margin-left:15px;
    /*background: #fff;*/
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
    position: relative;
    left: 0; top: 0;
    /*width: 100%;*/
    width:10000px !important;
    list-style-type: none;
    /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
    float:left;
    height: 100%;
    position: relative;
    padding-top: 30px;
    /*width: 600px;*/ /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
    /*padding: 10px 10px 50px;*/
}

.stripViewer .panelContainer .panel .wrapper h3, .stripViewer .panelContainer .panel .wrapper p{ 
    overflow:hidden;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
    margin: auto;
}

.stripNav ul { /* The auto-generated set of links */
    list-style: none;
}

.stripNav ul li {
    float: left;
    margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    background: #c6e3ff;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0 15px;
}

.stripNav li.tab1 a { background: #60f }
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }

.stripNav li a:hover {
    background: #333;
}

.stripNav li a.current {
    background: #000;
    color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
    position: absolute;
    top: 230px;
    text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
    display: block;
    height: 40px;
    width: 40px;
}

.stripNavL {
    left: 0;
}

.stripNavR {
    right: 0;
}

.stripNavL {
    background: url("images/arrow-left.gif") no-repeat center;
}

.stripNavR {
    background: url("images/arrow-right.gif") no-repeat center;
}

/****************************************************************************/
/**************  CONTACT - INSCRIPTION - ESPACE PUBLIC  *********************/
/****************************************************************************/
#colonneD #cadre {width:672px;background:url(images/fonds/cadre-top.gif) no-repeat 0 0; padding-top:15px;}
#colonneD #cadre #cadre-bas{width:672px;background:url(images/fonds/cadre-bs.gif) no-repeat 0 bottom; padding-bottom:15px;}
#colonneD #cadre #cadre-bas #cadre-txt {width:638px;padding:0 17px 1px; background:url(images/fonds/cadre-bd.gif) repeat-y;}

/*  CONTACT  */
#colonneD #cadre-txt h3 {font: bold 16px Arial;text-transform:uppercase; color:#4f4f4f; letter-spacing:-0.1px;}
#colonneD #cadre-txt .FiltreLibelleObligatoire {color:#F66900}
#colonneD #cadre-txt #contact_form {width:500px;margin:0 auto;}
#colonneD #cadre-txt #contact_form label{font-size:14px;}
#colonneD #cadre-txt #contact_form input{font-size:14px;}

/*  INSCRIPTION  */
#colonneD #inscription .divNN {margin-top:15px;}
#colonneD #inscription .divNN input{border-width: 0;}
#colonneD #inscription .FiltreLibelleObligatoire {color:#F66900}
#colonneD #inscription #inscription_form {margin:0 auto; width:600px;}
#colonneD #inscription #valid {height:20px;}


/*tableau cursus etudiant*/
table#cursus_etudiant{margin-top:10px;border:1px solid #AAC5E2;width:100%;padding-left:5px;}
table#cursus_etudiant tr{height:20px;}
table#cursus_etudiant td{text-align:left;width:400px;}
table#cursus_etudiant td.check{text-align:center;width:80px;}
table#cursus_etudiant input{border:0;}

/*tableau pro*/
#tableau_pro{border:1px solid #AAC5E2;}
table#formation_pro_gauche{float:left;display:inline;margin:5px;padding-right:5px;border-right: 1px solid #AAC5E2;}
table#formation_pro_gauche tr{height:20px;}
table#formation_pro_gauche td.text{width:270px;overflow:hidden;}
table#formation_pro_gauche input{border:0;}
table#formation_pro_droite{float:left;display:inline;}
table#formation_pro_droite tr{height:20px;}
table#formation_pro_droite td.text{width:270px;overflow:hidden;}
table#formation_pro_droite input{border:0;}

#bouton{margin-left:250px;}

/*  ESPACE PUBLIC  */

/******************************************/
/**********  PAGES DYNAMIQUES *************/
/******************************************/
#zon_centre{width:662px; float:right; display:inline; padding-top:20px;}
#zon_centre p {font:normal 14px Arial;}
#zon_centre p.grand {font-size:16px;}
#zon_centre ul, #zon_centre ol{margin-bottom:15px; font-size:14px;}
#zon_centre ul li a {color:#000;}
#zon_centre ul li a:hover {color:#eb8213;}

/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#piedpage{background:#49535e; text-align:right;clear:both; padding-top:10px; color:#fff;}
#piedpage a{color:#fff; }