/**********************************************************************************************/
/*   GENERAL
/**********************************************************************************************/

* { padding: 0; margin: 0; }

body { font: 11px Verdana, Arial, Helvetica, "sans-serif"; color: #000;  background: #FFF; }

td { font: 11px Verdana, Arial, Helvetica, "sans-serif"; color: #000; }

a img { border: 0; }
/*a { text-decoration: none; outline: none; font-weight: 700; color: #007BAF; }
a:hover, a:focus, a:active { color: #00d3ff; }*/

a {
color: #E83E0F;
font-weight:700;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
}

a:hover, a:focus, a:active {
color:#E4A53B;
}

.left { float : left; }
.right { float : right; }

img.left {	margin-right: 10px; }
img.right {	margin-left: 10px; }
img.center { display : block; margin: 0 auto; text-align: center; padding-bottom: 8px; }

.newline { display: block; clear: both; line-height: 1px; font-size: 1px; }

.lien { text-align: right; padding-top: 3px; }

h1 { color: #004877; font-size: 18px; }
h2 { color: #000000; font-size: 14px; margin-bottom: 10px; }

.sep-bleu { clear: both; background: url(img/sep_rayures.gif) repeat 0 0; height: 5px; line-height: 1px; font-size: 1px; }


/********************************/
/*   GLOBAL
/********************************/

#global { margin: 0 auto; width: 1000px; background: url(img/footer_illus.gif) no-repeat 100% 100%; }


/********************************/
/*   LIEN REF
/********************************/

#lienref { font-size: 8px; padding: 2px 0 3px 0; }
#lienref a { font-size: 9px; font-weight: 400; }

/********************************/
/*   HEADER
/********************************/

#header { background: url(img/ciel.png) no-repeat 0 0;  height: 135px; position: relative; }

#baseline { position: absolute; left: 430px; top: 5px; font-weight: 700; color: #004877; }
#baseline img { position: relative; top: 1px; }

#logoSDL { float: left; padding: 10px 0 0 10px; }

#largeBanner { width: 728px; margin-top: 15px; float: right; }

#largeBanner .publicite { text-align: right; height: 10px; margin-right: 5px; line-height: 1px; }
 

/********************************/
/*  NAVIGATION
/********************************/

#navigation { background: url(img/nav_fond.gif) repeat-x 0 0 #004E7D; height: 30px; }

#navigation li { display: block; float: left; height: 30px; list-style: none; border-right: 1px solid #FFF;  }

#navigation li a { display: block; height: 30px; float: left; padding: 0 18px; text-transform: uppercase; color: #FFF; font-size: 12px; }

#navigation li a span { display:block; height: 24px; float: left; position: relative; top: 6px; cursor: pointer; }

#navigation li a.current { background: url(img/nav_fond.gif) repeat-x 0 100%; }

#navigation li a.current span { background: url(img/nav_fleche.gif) no-repeat 50% 100%; }

#navigation li a:hover { background: url(img/nav_fond.gif) repeat-x 0 100%; }

#accesdirect select { font: 11px Verdana, Arial, Helvetica, "sans-serif"; margin: 5px 0 0 20px; }


/********************************/
/*  MAIN
/********************************/

#main { width: 690px; float: left; margin-top: 5px; padding-bottom: 30px; }

#main.xlarge { width: 100%; float: none; margin-top: 10px; padding-bottom: 50px; }



/********************************/
/*  COLRIGHT
/********************************/

#colright { width: 300px; float: right; padding-bottom: 60px; }

#carrepub .publicite { text-align: right; line-height: 0; height: 10px; }
#carrepub { padding-bottom: 20px; }

#autopromo img { display:block; padding-bottom: 20px; }

/********************************/
/* FOOTER
/********************************/

#footer { clear: both;  height: 50px; background: url(img/footer_pointilles.gif) no-repeat 0 0; }
#footer img { padding-top: 8px; margin: 0 10px; vertical-align: middle; }
#footer ul { float: right; color: #7e8c92; padding: 22px 0 0 0; }
#footer li { list-style: none; display: inline; }
#footer a { color: #7e8c92; font-weight: 400;  }
#footer a:hover { color: #00D3FF;  }

/**********************************************************************************************/
/*   HOME
/**********************************************************************************************/


/********************************/
/*  VISUEL HOME
/********************************/

#visuelhome { margin: 0 0 1px 0; line-height: 1px; font-size: 1px; }


/********************************/
/* EDITORIAL
/********************************/

#editohome { float: left; width: 400px; border-right: 1px solid #d3d3d3; background: url(img/ombre.png) no-repeat 100% 0; padding: 20px 10px 10px 0;  margin: 0 0 10px 0; } 
#editohome h1 { margin: 0 0 10px 0; } 
#editohome p { line-height: 15px; padding-bottom: 10px; } 


/********************************/
/* NOUVEAUTES
/********************************/

#nouveautes { float: right; width: 260px; background: url(img/ombre.png) no-repeat 100% 0; padding: 20px 10px 0 0 }
#nouveautes h1 { font-size: 14px; border-bottom: 5px solid #d2d2d2; padding: 0 0 5px 0; margin: 0 0 15px 0; }
#nouveautes .article { margin: 0 0 10px 0; }


/********************************/
/* VIDEO
/********************************/

#videohome { width: 345px; float: left; border-right: 1px solid #d3d3d3; padding: 10px 0 0 0; margin: 10px 0 15px 0; }
#videohome .fond { background: #7E8C92; width: 310px; padding: 10px;  font-size: 10px; }
#videohome img { display: block; }
#videohome .allvideos { float: right; padding-right: 15px; position: relative; top: 4px; }
#videohome .allvideos a { font-size: 9px;  background: url(img/picto_video.gif) no-repeat 0 0; padding: 0 0 0 18px; }

/********************************/
/* ACCES ANIMATION
/********************************/

#accesanimation	{ width: 344px; float: left; padding: 19px 0 0 0; margin: 1px 0 0 0; background: url(img/ombre.png) no-repeat 100% 0; }
#accesanimation h1 { border-bottom: 5px solid #d2d2d2; padding: 0 0 5px 0; margin: 0 10px 20px 15px; }
#accesanimation ul { list-style: none; margin: 0 10px 0 35px; }
#accesanimation li { background: url(img/fleche_bleue.gif) no-repeat 0 4px; font-size: 14px; text-transform: uppercase; padding: 0 0 8px 15px; }

/********************************/
/* FOCUS ACTION
/********************************/

#focusaction { margin: 15px 0 0 0; }

#focusaction h1, 
#focusaction p { padding-bottom: 8px; }

#focusaction td.case { border: 1px solid #004877; width: 30%; padding: 10px; }
#focusaction td.sep {  width: 2%; }

#focusaction td.case.un { background: url(img/silhouette_etudiant.gif) no-repeat 100% 100%; }
#focusaction td.case.deux { background: url(img/silhouette_homme1.gif) no-repeat 100% 100%; }
#focusaction td.case.trois { background: url(img/silhouette_femme1.gif) no-repeat 100% 100%; }

#focusaction td.case.un p		{ padding-right: 80px; }
#focusaction td.case.deux p		{ padding-right: 30px; }


/********************************/
/* ACTUS - RSS
/********************************/

#actualites { margin: 5px 0 20px 0; border-bottom: 5px solid #d2d2d2; }
#actualites .allnews { float: right; position: relative; top: 8px; font-size: 9px; }
#actualites h1 { border-bottom: 5px solid #d2d2d2; padding: 0 0 3px 0; margin: 0 0 10px 0; }
#actualites h2 .date { font-size: 11px; font-weight: 400; color: #7E8C92;  }
#actualites .article { margin: 0 0 10px 0; }
#actualites .sep-pointilles { background: url(img/pointilles.gif) repeat-x 0 0; height: 1px; line-height: 1px; font-size: 1px; margin-top: 10px; }


/**********************************************************************************************/
/*   PAGES INTERIEURES
/**********************************************************************************************/


/********************************/
/* MENU A DROITE
/********************************/

#menuright { margin: 5px 0 20px 0; border-bottom: 5px solid #d2d2d2; }
#menuright.vide { margin: 5px 0 0 0; border-bottom: none; }
#menuright li { list-style: none; }


/*Niv2*/
#niv2 li { background: url(img/pointilles.gif) repeat-x 0 100%; padding: 3px 0 5px 0;  }
#niv2 li.last { background: none; }
#niv2 a { font-size: 14px; display: block;  background: url(img/puce_menuright.gif) no-repeat 0 5px; padding: 0 0 0 22px; }
/*#niv2 a:hover { background: url(img/puce_menuright.gif) no-repeat 0 -187px; color: #007baf; }*/
#niv2 a:hover { background:transparent url(img/puce_menuright.gif) no-repeat scroll 0 -187px; color: #E4A53B;}
#niv2 a.current { background: url(img/puce_menuright.gif) no-repeat 0 -187px; color: #007baf; }

/*Niv3*/
#niv3 { background: url(img/pointilles.gif) repeat-x 0 0; padding: 5px 0 1px 22px; margin: 4px 0 0 0;  }
#niv3 li { background: none; padding: 2px 0 2px 0;  }
#niv3 a { font-size: 11px; /*display: inline;*/ font-weight: 400;  background: none; padding: 0 10px 0 0; }
#niv3 a:hover { background: none; font-weight: 700;  /*background: url(img/puce_anim.gif) no-repeat 100% 5px;*/ }
#niv3 a.current { background: none; font-weight: 700; }
/*#niv3 a.current:hover { background: url(img/puce_anim.gif) no-repeat 100% 5px; }*/


/********************************/
/* CHEMIN DE FER
/********************************/

#cdf { font-size: 10px; margin: 5px 0 15px 10px; }
#cdf a { font-weight: 400; }


/********************************/
/* BLOC-CENTER
/********************************/

#bloc-center { width: 670px; margin-left: 10px; }

#main.xlarge #bloc-center { width: 980px; }

#bloc-center .sep-bleu { margin-bottom: 20px; }

#bloc-center li { list-style: inside; color: #004877; padding: 0 0 5px 0; }
#bloc-center ul { padding: 0 0 15px 20px; }

#bloc-center h1 { border-bottom: 5px solid #d2d2d2; padding: 0 0 5px 0;  margin: 0 0 20px 0; }
#bloc-center h2 { color: #004877; }

#bloc-center p { line-height: 14px; }

#bloc-center .contenu { margin-bottom: 20px; }
#bloc-center .contenu.style2 { border: 1px solid #004877; padding: 10px; }
#bloc-center .contenu.style3 { background: #bbdeed; padding: 10px; }

#bloc-center h2.puce { background: url(img/puce_points.gif) no-repeat 0 3px; padding-left: 20px; }
#bloc-center p.puce { padding-left: 20px; }

#bloc-center td.C2 { width: 49%; }
#bloc-center td.C3 { width: 32%; }

#bloc-center td.spacer-inter-col { width: 2%; }
#bloc-center td.spacer-sub-col { height: 20px; }

/* GESTION DES COLONNES */

.w50 {
  float : left;
  display : inline;
  clear : left;
  width : 49%;
}

.w50-newline {
  float : left;
  display : inline;
  clear : right;
  width : 49%;
  margin-left : 1%;
}

.w33-first {
  float : left;
  display : inline;
  width : 32%;
}

.w33-2 {
  float : left;
  display : inline;
  width : 32%;
  margin-left : 1%;
}

.w33-newline {
  float : left;
  display : inline;
  clear : right;
  width : 32%;
  margin-left : 1%;
}

/*******************************************************************************/
/* SITEMAP */
/*******************************************************************************/

#sitemap { width: 300px; }
#sitemap ul { margin: 0; padding: 0 0 0 30px; }
#sitemap li { margin: 0; padding: 0; }
#sitemap a { display: block;  margin: 5px 0; }

#sitemap .niv1 { padding: 0; }

#sitemap .niv1 li { list-style: none; }
#sitemap .niv2 li { list-style: square;  }
#sitemap .niv3 li { list-style: disc; }
#sitemap .niv4 li { list-style: circle; }

#sitemap .niv1 a { font-size: 14px; font-weight: 700;  background: url(img/pointilles.gif) repeat-x 0 100%; padding-bottom: 4px; }
#sitemap .niv2 a { font-size: 12px; font-weight: 400;  background: 0; padding: 0;}
#sitemap .niv3 a { font-size: 11px; }
#sitemap .niv4 a { font-size: 10px; }