/******* DEFAULT DEFINITION *******/
html,body { width: 100%; margin:0 0 0 0; padding:0 0 0 0; font:12px Arial,sans-serif; }
body { background-color:#ffffff; }
img, table, thead, tr, fieldset, form, legend, h1, h2, h3, h4, h5, h6 { border:0; margin:0; padding:0;}
p { margin:0 0 0 0; padding : 0 0 0 0; font:1em Arial,sans-serif; text-align: justify;}
strong {font-weight:bold;}
em { font-style:italic;}
ul { padding:0; margin:0; list-style-type:none; }
table { border-collapse:collapse; }
div { z-index: 1; margin:0 0 0 0; padding:0 0 0 0;}
a, a:visited { color:#fcaf17; font-weight: bold;}
a:hover { text-decoration:none; color:#f15931; }
:focus { outline:0 none; }
a.linkclean { text-decoration:none; color: #000000;}
a:hover.linkclean { text-decoration:underline; color: #000000;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\ Hides from IE-mac \*/
* html .clearfix { height: 1%; }
h1,h2,h3,h4, h5, h6 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
h1 a { display:block; background:url(../pics/logo_perial.jpg) no-repeat top left; height:150px; width:275px;
text-indent:-9000px; margin-left: 0px; }
h2 { font-size:18px; color:#005697; font-weight: bold; text-transform: uppercase;
letter-spacing: 1px; text-align: left; text-decoration: none; margin-left: 12px;}
h2 img {text-decoration: none; float: left; margin: 0px 5px;}
h3 { font-size:17px; color:#0086b4; font-weight: bold; }
h4 { font-size:1.3em; color:#FCAF17; font-weight: normal; }
.indentedText {overflow:hidden; text-indent:-9000px; height:0; display:block; line-height:0; font-size:0; width:0px;}
.center { text-align:center; margin:0 auto; display:block; }
form ul li { float:left;}
.floatLeft { float:left; }
.floatRight { float:right; }
.icone{ text-align: top;}
/********************************************************************************************************************/
/********************************************************************************************************************/
/******* global *******/
#global { width: 989px; margin: 0 auto 0 auto; display: block ; overflow: hidden; position: relative;
background:white url(../pics/global_bg.jpg) right repeat-y; }
#global_top { width: 989px; height: 21px; margin: 0px; display: block ;
background:white url(../pics/global_top.jpg) right repeat-y; }
#global_bottom { width: 989px; height: 21px; margin: 0px; display: block ;
background:white url(../pics/global_bottom.jpg) right repeat-y; }
/********************************************************************************************************************/
/********************************************************************************************************************/
/******* HEADER *******/
#header { width: 956px; margin: 0 auto 0 auto; display: block ; overflow: hidden;
background: none; }
#logo { width: 275px; height: 150px; margin: 0px; display: block ; float: left; overflow: hidden; }
#header_right { width: 670px; height: 150px; margin: 0px 1px 0px 1px; display: block ; float: right;
background:white url(../pics/header_bg.jpg) no-repeat; }
#header_recherche { float: right; overflow: hidden; width: 225px; margin-top:5px; height: 25px; }
#recherche_keywords { display: block; float: left; width: 172px; height: 19px;
color: #aaaaaa; font-style: italic;
background: white url(../pics/recherche_bg.jpg ); border: none; }
#recherche_bouton { display: block; float: left; width: 40px; height: 21px; }
#header_links { float: right; overflow: hidden; width: 172px; margin-top:60px; margin-right: -200px;}
#header_links span{ display: block; float: left; width: 172px; }
#header_links a {text-decoration: none; font-weight: bold; font-size: 13px; color: white;}
#header_links a:hover{ text-decoration: underline; }
/********************************************************************************************************************/
/******* header footer links edition*******/
#header_links_edition, #footer_links_edition {display: block; margin: 20px; width: 600px; border: 1px solid #555555; overflow: hidden;}
#header_links_edition a, #footer_links_edition a{ display: block; width: 500px; overflow: hidden;}
/******* Content ******/
#content{ width: 955px; margin: 5px auto; display: block ; overflow: hidden; border: none;}
#content_left{ width: 585px; margin: 0px 0px 0px 5px; display: block ; overflow: hidden; float: left; border: none;
background: none; }
#content_right{ width: 355px; margin: 0px 5px 0px 0px; display: block ; overflow: hidden; float: left; border: none;
background: none; }
#content_center{ width: 940px; margin-bottom: 5px; margin-left: 5px; display: block ; overflow: hidden; border: none;
background-image: url(../pics/Tshad-bg.jpg); }
#content_center_inner{ float: left; width: 920px; margin-left: 5px; display: block ; overflow: hidden; padding: 5px;
border: 1px solid #ffffff; background-color: #ffffff; }
/******* Ariane inner ******/
#ariane{ width: 940px; margin-bottom: 5px; margin-left: 5px; display: block ; overflow: hidden;
background-image: url(../pics/Tshad-bg.jpg); }
#ariane_inner{ width: 920px; margin-left: 5px; display: block ; overflow: hidden; float: left;
border: 1px solid #ffffff; background-color: #dddddd; color: #008AB4; font: 12px Times, arial; padding: 5px ; }
#ariane a { font-weight: bold; color: #005697; text-transform: uppercase; text-decoration: none;}
#ariane a:hover { font-weight: bold; color: #005697; text-decoration: underline; }
#ariane .bloc_top, #content_center .bloc_top{ display: block ; overflow: hidden; width: 940px; float: left; height: 5px;
background-image: url(../pics/Tshad-top.jpg); }
#ariane .bloc_bot, #content_center .bloc_bot{ display: block ; overflow: hidden; width: 940px; float: left; height: 5px;
background-image: url(../pics/Tshad-bot.jpg); }
/******* FOOTER *******/
#footer { width: 956px; height: 40px; margin: 0 auto 0 auto; display: block ; overflow: hidden;
background:#005697 url(../pics/footer_bg.jpg) no-repeat; text-align: center; padding-top: 15px; }
#footer a{ color: white; text-decoration: none; font-weight: normal; font-size: 11px; margin-right: 5px;}
#footer a:hover{ text-decoration: underline; }
/********************************************************************************************************************
/********************************************************************************************************************
/******* Menu *******/
#menu { width: 956px; height: 47px; margin: 0 auto 0 auto; display: block ; overflow: hidden; border: none;
list-style-position: inside;}
.menu_up li{ width: 25%; margin: 0px; padding: 0px 0px;
display: block ; overflow: hidden; float: left;
border: none; }
ul.menu_up li:hover a { background:white url(../pics/menu_button_bg_hover.jpg); }
ul.menu_up li a { padding-top: 10px; width: 236px; height: 35px; margin: 0px; display: block ; overflow: hidden;
background:white url(../pics/menu_button_bg.jpg); text-align: center; text-transform: none;
color: white; font-size: 1.3em; text-decoration: none; font-weight: normal;
border-top: none; border-bottom: 1px solid 005697; border-left: 1px solid white; border-right: 1px solid #555555; }
ul#Nav li ul { width: 238px; display: none; background: #0086B4; color: #fff; z-index: 1000; }
ul#Nav li:hover ul{ display: block; position: absolute; list-style-type: square;}
ul#Nav li ul.menu_sub li { width: 238px; overflow: hidden;
padding: 0px; margin: 0px; display: block; float: left; }
ul#Nav li ul.menu_sub li a{ display: block; padding: 0px; margin: 0px; height: 2.7em;
color: #ffffff; text-transform: capitalize; letter-spacing: 1px;
font-size: 13px; text-decoration: none; }
ul#Nav li ul.menu_sub li a:hover{ text-decoration: underline;}
/*********---------------*/
/******* Menu edition*******/
#menu_edition { width: 956px; margin: 0 auto 0 auto; display: block ; overflow: hidden; border: none;}
.menu_edition_button li{ width: 230px; margin: 2px; display: block ; overflow: hidden;
float: left; border: 1px solid #555555; }
.menu_edition_button li a{ padding: 5px; width: 230px; margin: 0px; display: block ; overflow: hidden;
background:white url(../pics/menu_button_bg.jpg); text-align: center; text-transform: uppercase;
color: white; font-size: 1.3em; text-decoration: none;
border-top: none; border-bottom: 1px solid 005697; border-left: 1px solid white; border-right: 1px solid #555555; }
.menu_edition_button li a:hover{ color: #f68b1f; background: #005697;}
/*********---------------*/
#menu_edition .menu_sub{ width: 200px ; margin: 2px; display: block ; overflow: hidden; float: left; border: 1px solid #555555; }
#menu_edition .menu_sub li{ width: 200px; margin: 2px; display: block ; overflow: hidden;
float: left; border: 1px solid #555555; }
#menu_edition .menu_sub li a{ width: 200px ; padding: 10px; margin: 0px; display: block ; overflow: hidden;
background: #eeeeee; text-align: left; text-transform: uppercase;
color: #0086B4; font-size: 1.3em; text-decoration: none;
border: none; }
#menu_edition .menu_sub li a:hover{ color: #f68b1f; background: #0086B4;}
/********************************************************************************************************************
/********************************************************************************************************************
/********************************************************************************************************************
/****** LEFT BLOCS ******/
/********** ACTUALITE LIST ***/
.list_actu { display: block ; overflow: hidden; width: 585px; float: left;
margin-bottom: 0px; background-image: url(../pics/Lshad-bg.jpg); }
.list_actu_inner { display: block ; overflow: hidden; width: 565px; float: left;
padding: 5px; margin-left: 5px; margin-right: 5px; border: 1px solid white;
background: #fbfbfb ;}
.list_actu .actualite_article { width: 558px; margin-bottom: 0px; display: block ; overflow: hidden;
float: left; border: 1px solid #888888; }
.list_actu .actualite_article_inner { width: 546px; display: block ; float: left; padding: 5px; float: left;
background: #fafafa ;
border: none; }
.list_actu h2 a , .list_actu h2 a:hover { color:#005697; font-weight: bold; text-transform: uppercase;
letter-spacing: 1px; text-align: left; }
.link_actu h3 a { font-size: 12px; color: #0086b4; text-decoration: none; display: block; border: 0px solid red; text-transform: none; }
.link_actu h3 a:hover { color: #00afeb; text-decoration: none; }
.link_actu{ display: block; border: 0px solid red; background: #fafafa; padding: 5px; }
.link_actu_date { }
.link_actu_description { display: block; overflow: hidden; border: 0px solid orange; font-size: 12px; margin: 7px 0px; font-weight: normal; }
.link_actu_link_suite { float: left;margin-right: 12px; }
/********** SLIDESHOW ***/
.slideshow_paragraphe { display: block ; position: relative; overflow: hidden; width: 585px;
margin-bottom: 0px; background-image: url(../pics/Lshad-bg.jpg); }
.slideshow_inner { display: block ; overflow: hidden; width: 575px; float: left;
margin-left: 5px; margin-right: 5px; border: 1px solid white;
background: #fbfbfb ;}
#slide_show { display: block ; float: left; overflow: hidden; width: 576px; height: 272px;
background-color: #eeeeee; }
.slide { display: block ; float: left; overflow: hidden; width: 576px; height: 272px;
background-color: #eeeeee; }
.slide_image{ display: block; width: 576px; height: 272px; }
#previous{ position: absolute; z-index: 100; display: none; width: 50px; height: 50px; cursor: pointer;
background: white url(../pics/fleche1.png); top: 100px; left: 0px; opacity: 0.5;}
#previous:hover{opacity: 0.8; }
#next{ position: absolute; z-index: 100; display: none; width: 50px; height: 50px; cursor: pointer;
background: white url(../pics/fleche2.png); top: 100px; right: 0px; opacity: 0.5; }
#next:hover{opacity: 0.8; }
/********** MINI SLIDESHOW ***/
.mini-slideshow_paragraphe { display: block ; position: relative; overflow: hidden; width: 585px;
margin-bottom: 0px; background-image: url(../pics/Lshad-bg.jpg); }
.mini-slideshow_inner { display: block ; overflow: hidden; width: 575px; float: left;
margin-left: 5px; margin-right: 5px; border: 1px solid white;
background: #fbfbfb ;}
.jcarousel-skin-perial { display: block ; width: 575px; height: 100px; background-color: #222222; }
.mini-slide { display: block ; overflow: hidden; height: 100px; background-color: #eeeeee; margin: 0px 5px;}
.mini-slide_image{ display: block ; overflow: hidden; height: 100px;
background-color: #eeeeee; margin: 0px 5px;}
/********** ACTUALITE ARTICLE ***/
.actualite_article { width: 585px; margin-bottom: 0px; display: block ; overflow: hidden;
float: left; background-image: url(../pics/Lshad-bg.jpg); }
.actualite_article_inner { display: block ; overflow: hidden; width: 565px; float: left;
margin-left: 5px; margin-right: 5px; border: 1px solid white;
background: #fbfbfb ;}
.actualite_article_chapo { display: block; margin: 5px; color: black; font-size: 16px; font-weight: bold; }
}
.actualite_paragraphe{display: block; overflow: hidden; margin: 10px 5px 5px 5px; }
/********** TEST ***/
.test { width: 175px; margin-bottom: 0px; display: block ; overflow: hidden; float: left;
border: 1px solid #888888; }
.test_inner { width: 566px; display: block ; float: left; padding: 5px; float: left;
background: #eaeaea ; border: 1px solid #ffffff; }
/********** LIST_sousmenu ***/
.list_sousmenu { display: block ; float: left; overflow: hidden; width: 585px;
margin-bottom: 0px; background-image: url(../pics/Lshad-bg.jpg); }
.list_sousmenu_inner { display: block ; overflow: hidden; width: 565px; float: left;
margin-left: 5px; margin-right: 5px; border: 1px solid white; padding: 5px;
background: #fbfbfb ;}
/********** LINK_sousmenu ***/
.link_sousmenu { width: 550px; margin: 5px 0px 5px 10px; display: block; float: left;
border: none; }
a.link_sousmenu_a { width: 540px; padding: 5px; display: block; background: none; float: left;
border: none; text-decoration: none; }
a.link_sousmenu_a p { text-decoration: none; color: #000000; width: 530px; }
a:hover.link_sousmenu_a { background: #eaeaea; width: 540px; }
.img_link_sousmenu { border: 0px solid #aaaaaa;}
/********** offres_emplois_link ***/
.offres_emplois_list{ display: block ; float: left; overflow: hidden; width: 585px;
margin-bottom: 0px; background-image: url(../pics/Lshad-bg.jpg); }
.offres_emplois_inner { display: block ; overflow: hidden; width: 565px; float: left;
margin-left: 5px; margin-right: 5px; border: 1px solid white; padding: 5px;
background: #fbfbfb ;}
.offres_emplois_link { width: 500px; margin: 5px; display: block; background: #fafafa; float: left;
border: 1px solid #888888; padding: 10px; }
/********** fiches_list ***/
.fiches_list { display: block ; overflow: hidden; width: 585px; float: left;
margin-bottom: 0px; background-image: url(../pics/Lshad-bg.jpg); }
.fiches_list_inner { display: block ; overflow: hidden; width: 565px; float: left;
margin-left: 5px; margin-right: 5px; border: 1px solid white; padding: 5px;
background: #fbfbfb ; }
.fiches_list_inner a{ }
.fiches_list_left{ width: 270px; margin-bottom: 10px; margin-left: 0px; display: block ; overflow: hidden; float: left;
border: none; padding:0px;}
.fiches_list_right{ width: 270px; margin-bottom: 10px; margin-left: 10px; display: block ; overflow: hidden; float: left;
border: none; padding:0px;}
/********** fiches_fiche ***/
.fiches_fiche { background: url(../pics/fiche-border.jpg) bottom right no-repeat #efefef; }
.fiches_fiche img, .fiches_fiche h3{ margin-top: 5px; margin-bottom: 5px; border: none; text-decoration: none;}
/********** NEWSLETTER ***/
#content_left .newsletter { width: 585px; margin-bottom: 0px; display: block ; float: left;
background-image: url(../pics/Sshad-bg.jpg); }
#content_left .newsletter_inner { width: 565px; padding: 5px; display: block ; float: left; float: left;
background: #999999 ; margin-left: 5px; margin-right: 5px; border: 1px solid white; }
#content_left .newsletter h2 { color: #ffffff; text-align: left; }
/********** DOCUMENTATION DEMANDE BLOC ***/
#content_left .documentation_demande { width: 585px; margin-bottom: 0px; display: block ; float: left;
background-image: url(../pics/Sshad-bg.jpg); }
#content_left .documentation_demande_inner { width: 565px; padding: 5px; display: block ; float: left;
background: #999999 ; margin-left: 5px; margin-right: 5px; border: 1px solid white; }
#content_left .documentation_demande h2 { color: #ffffff; text-align: left; }
/********** BLOC TEXT ***/
.bloc_text { display: block ; overflow: hidden; width: 585px; float: left;
margin-bottom: 0px; background-image: url(../pics/Lshad-bg.jpg); }
.bloc_text_inner{ display: block ; overflow: hidden; width: 565px; float: left;
padding: 5px; margin-left: 5px; margin-right: 5px; border: 1px solid white; }
.bloc_text img{ margin: 5px 5px 5px 20px;}
.contenu_texte{ margin: 5px; display: block; padding: 0px 15px;}
.bloc_top{ display: block ; overflow: hidden; width: 585px; float: left; height: 5px;
background-image: url(../pics/Lshad-top.jpg); }
.bloc_bot{ display: block ; overflow: hidden; width: 585px; float: left; height: 5px;
background-image: url(../pics/Lshad-bot.jpg); }
/********* CHIFFRES CLEFS ****************/
.tablo { padding: 5px; border: 1px solid grey; margin: 0px; width: 95%; }
.tablo td{ padding: 2px; text-align:right; font-size:12px; }
.tablo .SupHeader td { border-bottom:1px solid black; font-weight:bold; text-align:left;
background:#005697 url(../pics/menu_button_bg.jpg); color: #ffffff; }
.tablo .SupHeader h3 { font-size: 12px; }
.tablo .Header td { background-color:#dddddd; border-bottom:1px solid silver; font-weight:bold; }
.tablo .Data td { background-color:#EBF2F8; border-bottom:1px dotted silver; text-align: left; }
.tablo .DataBis td { background-color:#ffffff; border-bottom:1px dotted silver; text-align: left; }
/********************************************************************************************************************
/********************************************************************************************************************
/********************************************************************************************************************url(../pics/Sshad-bg.jpg)
/****** Right BLOCS ******/
/********** NEWSLETTER INSCRIPTION BLOC ***/
.newsletter { width: 355px; margin-bottom: 0px; display: block ; float: left;
background-image: none; }
.newsletter_inner { width: 335px; padding: 5px; display: block ; float: left;
background: #999999 ; margin-left: 5px; margin-right: 5px; border: 1px solid white; }
.newsletter h2 { color: #ffffff; text-align: center; }
/********** DOCUMENTATION DEMANDE BLOC ***/
.documentation_demande { width: 355px; margin-bottom: 0px; display: block ; float: left;
background-image: none; }
.documentation_demande_inner { width: 335px; padding: 5px; display: block ; float: left;
background: #ffffff ; margin-left: 5px; margin-right: 5px; border: 1px solid white; }
.documentation_demande h2 { color: #ffffff; text-align: center; }
/********** IMG LINK ***/
.img_link { width: 355px; margin-bottom: 0px; display: block ; float: left;
background-image: none; }
.img_link_inner { width: 343px; padding: 0px; display: block ; float: left;
background: #999999 ; margin-left: 5px; margin-right: 5px; border: 1px solid white; }
.img_link img, .img_link a{ border: none; margin-top: 15px; margin-bottom:15px; border: 0px solid #ffffff; font-size:0px;}
.img_link p{ border: none; color: #000000;}
/********** AUTO PROMO ***/
.auto_promo { width: 355px; margin-bottom: 0px; display: block ; float: left;
background-image: none; }
.auto_promo_inner { width: 335px; padding: 5px; display: block ; float: left;
background: #999999 ; margin-left: 5px; margin-right: 5px; border: 1px solid white; }
.auto_promo img{ border: none; }
/********** BLOC TEXT RIGHT ***/
#content_right .bloc_text { width: 355px; margin-bottom: 0px; display: block ; float: left;
background-image: none; }
#content_right .bloc_text img{ margin: 5px;}
#content_right .bloc_text_inner{ width: 335px; padding: 5px; display: block ; float: left;
background: #999999 ; margin-left: 5px; margin-right: 5px; border: 1px solid white; }
#content_right .bloc_top{ display: block ; overflow: hidden; width: 355px; float: left; height: 5px;
background-image: none; }
#content_right .bloc_bot{ display: block ; overflow: hidden; width: 355px; float: left; height: 5px;
background-image: none; }
#content_right h2 { color: #ffffff; text-align: center; text-decoration: none; font-size: 16px; }
/**************************** *****/
.bourse_valeur{ background: #fafafa; }
.bourse_separateur td{ padding: 2px 12px; text-align: left; font-weight: bold; color: #003654; background: #dddddd; }
.tableauBourse_cours { font-size: 10px; }
.tableauBourse_var { font-size: 10px; }
/********************************************************************************************************************
/********************************************************************************************************************
/*****************************DOWNLOAD CENTER ****************************/
.telechargement_rubrique{ width: 450px; display: block ; float: left; padding: 1px;
margin-top: 5px; margin-bottom: 5px;
border: 1px solid #777777; }
.telechargement_rubrique_inner { width: 440px; padding: 5px; display: block ; float: left;
background: #dddddd ; }
.telechargement_rubrique a{ color: black; font-weight: normal; text-decoration: none;
font-family: serif; font-size: 14px;}
.telechargement_rubrique a:hover { color: #f15931; text-decoration: underline; }
.rubrique_telechargement_left { width: 455px; margin-bottom: 10px; margin-top: 20px; margin-left: 5px; display: block ; overflow: hidden; float: left;
border: none; padding:0px;}
.rubrique_telechargement_right { width: 455px; margin-bottom: 10px; margin-top: 20px; margin-left: 5px; display: block ; overflow: hidden; float: right;
border: none; padding:0px;}
/*****************************NEWSLETTER DESINSCRIPTION ****************************/
.newsletter_desinscription { width: 910px; margin: 5px; display: block ; overflow: hidden; float: left; }
/***************************** TABLE ****************************/
table.tablesorter {
font-family:arial;
background-color: #CDCDCD;
margin:10px 0pt 15px;
font-size: 8pt;
width: 100%;
text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color: #e6EEEE;
border: 1px solid #FFF;
font-size: 8pt;
padding: 4px;
}
table.tablesorter thead tr .header {
background-image: url(../pics/bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter tbody td {
color: #3D3D3D;
padding: 4px;
background-color: #FFF;
vertical-align: top;
}
table.tablesorter tbody tr.odd td {
background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(../pics/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(../pics/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}