﻿body {
	margin:0;
	padding:0;
	background: url(../images/design/bg/bg-filet.jpg) scroll repeat 0 0;
	font-family: Arial;
	font-size:12px;
}

.clearboth {
	clear:both;
}

#Wrap {
	background: url(../images/design/bg/bg4.png) scroll repeat center top;
	margin:16px 0 0 0;
}

#Website {
	width:950px;
	margin:auto;
}

#Header {
	height:186px;
	margin:0 0 5px 0;
}

#Logo {
	width:186px;
	height:186px;
	float:left;
	margin:0 5px 0 0;
}

#Logo h1 { margin:0; }

#Logo a {
	background:url(../images/design/bg/bg-logo.jpg) scroll no-repeat 0 0;
	width:186px;
	height:186px;
	text-indent:-9999px;
	display:block;
}

#Menu {
	width:377px;
	height:186px;
	float:left;
	margin:0 5px 0 0;
	position:relative;
}

#Menu ul { width:190px; }

#Menu li {
    padding:0;
    margin:0;
    width:190px;
    height:29px;
    padding:0 0 0 10px;
    background:none;
    border-top:1px solid transparent;
    border-left:1px solid transparent;
    border-bottom:1px solid transparent;
}

#Menu li:hover, #Menu .actif {
    background:url(../images/design/bg/bg-menu.png) scroll repeat 0 0;
    border-top:1px solid #cfd950;
    border-left:1px solid #cfd950;
    border-bottom:1px solid #cfd950;
}

#Menu a {
    text-decoration:none;
    color:#000000;
    font-size:16px;
    display:block;
    padding:8px 0 0 20px;
    height:21px;
    width:170px;
    background:url(../images/design/bg/puce-menu.gif) scroll no-repeat 0 11px;
    border-bottom:1px dotted #999999;
}

#Menu a:hover, #Menu .actif a {
    background:url(../images/design/bg/puce-menu-hover.gif) scroll no-repeat 0 11px;
    color:#FFFFFF;
}

#Menu .last a { border:none; }

#Menu ul ul {
    position:absolute;
    top:0;
    right:0;
    width:175px;
    height:174px;
    background:url(../images/design/bg/bg-menu.png) scroll repeat 0 0;
    border-top:1px solid #cfd950;
    border-right:1px solid #cfd950;
    border-bottom:1px solid #cfd950;
    display:none;
    margin:0;
    padding:10px 0 0 0;
}

#Menu li li:first-child, #Menu li li:first-child:hover {
    /*padding:10px 0 3px 15px;*/
    /*background:url(../images/design/bg/puce-sous-menu.gif) scroll no-repeat 5px 14px;*/
}

.puceSousMenu {
    background:url(../images/design/bg/puce-sous-menu.gif) scroll no-repeat 0 0;
    width:5px;
    height:5px;
    position:absolute;
    top:0;
    left:0;
    display:none;
}

#PuceSousMenu1 {
    top:15px;
    left:206px;
}

#PuceSousMenu2 {
    top:45px;
    left:206px;
}

#PuceSousMenu3 {
    top:75px;
    left:206px;
}

#PuceSousMenu4 {
    top:106px;
    left:206px;
}

#PuceSousMenu5 {
    top:137px;
    left:206px;
}

#PuceSousMenu6 {
    top:167px;
    left:206px;
}

#Menu li li {
    background:none;
    width:inherit;
    height:auto;
    border:none;
    padding:2px 0 2px 15px;
    line-height:15px;
    /*padding:3px 0 3px 15px;*/
}

#Menu li li:hover {
    background:none;
    border:none;
}

#Menu ul ul a {
    text-decoration:none;
    color:#FFFFFF;
    font-size:11px;
    padding:0;
    background:none;
    border:none;
    width:inherit;
    height:inherit;
}

#Menu ul ul a:hover, #Menu .actif ul a {
    background:none;
    color:#FFFFFF;
    border:none;
}

#Menu ul ul a:hover { color:#cccc00; }

.barre {
    background:url(../images/design/bg/bg-sous-menu.png) scroll no-repeat 0 0;
    width:1px;
    height:185px;
    position:absolute;
    left:200px;
    top:1px;
    display:none;
}

#BarreMenu2 { background-position:-1px 0; }
#BarreMenu3 { background-position:-2px 0; }
#BarreMenu4 { background-position:-3px 0; }
#BarreMenu5 { background-position:-4px 0; }
#BarreMenu6 { background-position:-5px 0; }

#Accroche {
	width:186px;
	height:186px;
	margin:0 5px 0 0;
	background:url(../images/design/titres/metiers-biotechnologie-diplome-homologue-cncp.jpg) scroll no-repeat 0 0;
	float:left;
}

#Accroche p { text-indent:-9999px; }

#Boutons {
	width:186px;
	height:186px;
	float:left;
}

#Docs {
    margin:0;
    padding:0;
    list-style-type:none;
}

#Docs li {
    background:none;
    padding:0 0 3px 0;
}

#Docs a {
    background:url(../images/design/bg/bg-docs.png) scroll no-repeat 0 0;
    width:188px;
    height:30px;
    text-indent:-9999px;
    display:block;
}

#Docs .candidature a { background-position:0 -33px; }

#Docs .entretien a { background-position:0 -66px; }

#Docs .contacts a { background-position:0 -99px; }

#Docs .documentation a:hover { background-position:0 -129px; }

#Docs .candidature a:hover { background-position:0 -162px; }

#Docs .entretien a:hover { background-position:0 -195px; }

#Docs .contacts a:hover { background-position:0 -228px; }

#English, #French {
    border-top:1px dotted #999999;
    border-bottom:1px dotted #999999;
    height:21px;
    padding:0 0 0 30px;
    margin:2px 0 5px 0;
}

#English a, #French a {
    color:#009ee0;
    text-decoration:none;
    text-transform:uppercase;
    background:url(../images/design/bg/bg-uk.jpg) scroll no-repeat 0 1px;
    padding:0 0 0 25px;
    line-height:21px;
    font-size:10px;
}

#French a 
{
    background:url(../images/design/bg/bg-fr.jpg) scroll no-repeat 0 1px;
}

#English a:hover,, #French a:hover { color:#000000; }

#Search { position:relative; }

#Search input[type=text] {
    width:171px;
    background-color:#FFFFFF;
    border:1px solid #dfdfdf;
    padding:0;
    color:#b0afaf;
    font-size:10px;
    height:22px;
    line-height:24px;
    padding:0 0 0 13px;
}

#Search input[type=submit] {
    background:none;
    border:none;
    background:url(../images/design/bg/recherche.jpg) scroll no-repeat 0 0;
    width:18px;
    height:18px;
    text-indent:-9999px;
    cursor:pointer;
    position:absolute;
    top:4px;
    right:4px;
}

#Search .gsc-branding, #Search .gsc-clear-button { display:none; }

/* Affichage des résultats de recherche */

#Content .gsc-control {
    width:553px;
}

#Content .gs-result .gs-title, #Content .gs-result .gs-title * {
    color:#009EE0;
}

#Content .gs-result a.gs-visibleUrl, #Content .gs-result .gs-visibleUrl, #Content .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    color:#A1AD09;
    font-weight:bold;
}

#Content .gsc-tabHeader.gsc-tabhActive {
    border:none;
    background: none;
    color: #000000;
    font-size:16px;
    margin: 0 0 10px;
    padding: 0 0 5px;
    text-transform: uppercase;
}

#Content td.gsc-twiddleRegionCell {
    border:none;
}

#Content .gsc-resultsHeader {
    border:none;
    width:0px;
}

#Content .gsc-resultsbox-visible {
    margin-top:10px;
}

#Content {
	width:950px;
	font-size:12px;
}

#ColLeft {
	width:550px;
	min-height:541px;
	float:left;
	margin:0 5px 5px 0;
	background-color:#FFFFFF;
	padding:16px 9px;
	position:relative;
}

#ColRight {
	width:377px;
	float:left;
}

.widget {
	width:186px;
	height:186px;
	margin:0 5px 5px 0;
	float:left;
}

.widget + .widget {
    margin:0 0 5px 0;
}

.widget.grand {
    width:377px;
    height:377px;
    margin:0 0 5px 0;
    float:left;
}

.widget.moyen {
    width:377px;
    height:186px;
    margin:0 0 5px 0;
    float:left;
}

#Footer {
	height:200px;
	background-color:#38393b;
}

#ContentFooter {
	width:950px;
	margin:auto;
	padding:25px 0;
}

#APropos {
	width:533px;
	height:150px;
	border-right:1px solid #6c6d6e;
	float:left;
	color:#FFFFFF;
	padding:0 40px 0 0;
}

#APropos .supbiotech {
    color:#c3d019;
    font-size:18px;
}

#APropos .cufon {
    margin-top:-4px;
}

#APropos .supbiotech .cufon {
    margin-top:inherit;
}

#APropos h2 {
    font-size:20px;
    margin:0 0 10px 0;
    font-weight:bold;
}

#APropos p {
    line-height:18px;
    text-align:justify;
    font-size:11px;
}

#APropos p strong {
	font-weight:normal;
}

#APropos p a {
	color:#C3D019;
	text-decoration:none;
}

#APropos p a:hover {
	text-decoration:underline;
}

#SupBiotech20 {
	width:176px;
	height:150px;
	border-left:1px solid #191919;
	border-right:1px solid #6c6d6e;
	float:left;
	padding:0 0 0 11px;
}

#SupBiotech20 h2 {
    font-size:18px;
    margin:0 0 10px 0;
    color:#c3d019;
}

#SupBiotech20 ul { position:relative; }

#SupBiotech20 li {
    background:none;
    padding:0;
}

#SupBiotech20 li a {
    background:url(../images/design/bg/bg-supbiotech20.jpg) scroll no-repeat 0 0;
    width:27px;
    height:35px;
    display:block;
    text-indent:-9999px;
}

#SupBiotech20 li a:hover { background-position:-80px 0; }

#SupBiotech20 li + li a {
    background-position:0 -35px;
    height:38px;
}

#SupBiotech20 li + li a:hover { background-position:-80px -35px; }

#SupBiotech20 li + li + li a {
    background-position:0 -73px;
    height:31px;
}

#SupBiotech20 li + li + li a:hover { background-position:-80px -73px; }

#SupBiotech20 li + li + li + li a {
    background-position:-46px 0;
    height:35px;
    width:34px;
    position:absolute;
    top:0;
    left:47px;
}

#SupBiotech20 li + li + li + li a:hover { background-position:-126px 0; }

#SupBiotech20 li + li + li + li + li a {
    background-position:-46px -35px;
    height:38px;
    width:34px;
    position:absolute;
    top:35px;
    left:47px;
}

#SupBiotech20 li + li + li + li + li a:hover { background-position:-126px -35px; }

#SupBiotech20 li + li + li + li + li + li a {
    background-position:-46px -73px;
    height:31px;
    width:34px;
    position:absolute;
    top:73px;
    left:47px;
}

#SupBiotech20 li + li + li + li + li + li a:hover { background-position:-126px -73px; }

#InfosPratiques {
	width:175px;
	height:150px;
	border-left:1px solid #191919;
	padding:0 0 0 11px;
	float:left;
}

#InfosPratiques h2 {
    font-size:18px;
    margin:0 0 10px 0;
    color:#c3d019;
}

#InfosPratiques li {
    background:none;
    padding:0 0 10px 0;
}

#InfosPratiques a:before {
    content: '> ';
    color:#FFFFFF;
}

#InfosPratiques a {
    color:#FFFFFF;
    text-decoration:none;
}

#InfosPratiques a:hover, #InfosPratiques a:hover:before {
    color:#c3d019;
}

#Ecoles {
	height:86px;
	padding:5px 0;
	background-color:#000000;
	color:#bdbdbf;
}

#Ecoles a {
    color:#bdbdbf;
    text-decoration:none;
}

#Ecoles a:hover {
    text-decoration:underline;
}

#Ecoles p {
    font-size:11px;
    text-align:center;
    padding:0;
    margin:0 0 5px 0;
}

#Ecoles ul { text-align:center; }

#Ecoles li {
    background:url(../images/design/bg/bg-barre-footer.jpg) scroll no-repeat 0 50%;
    display:inline;
    font-size:11px;
    padding:0 0 0 7px;
	margin:0;
}

#Ecoles li:first-child {
    padding-left:0;
	background:none;
}

/******* H1, em, strong .... **********/

#Content h1 {
	text-transform:uppercase;
	font-size:34px;
	color:#000000;
	margin:0 0 10px 0;
	padding:0;
	background:url(../images/design/bg/bg-h1.jpg) scroll repeat-x 0 10px;
}

#Content h1 span {
	background-color:#FFFFFF;
	padding: 0 5px 0 0;
}

#Content h2, #content h2 {
	color:#009ee0;
	font-size:18px;
	font-weight:normal;
	background:url(../images/design/bg/bg-h2.jpg) scroll repeat-x 0 15px;
}

#Content h2 span {
	background-color:#FFFFFF;
	padding: 0 5px 0 0;
}

h3 {
	font-size:16px;
	font-weight:normal;
	background: url(../images/design/bg/bg-h3.gif) scroll no-repeat 0 4px;
	padding:0 0 0 20px;
	margin:10px 0;
	color:#a1ad09;
}
#Content h5, #content h5 {
	color:#a1ad09;
	font-size:18px;
	font-weight:normal;
	background:url(../images/design/bg/bg-h4.jpg) scroll repeat-x 0 15px;
}

#Content h5 span {
	background-color:#FFFFFF;
	padding: 0 5px 0 0;
}

/*Pages évènements - titre de l'évènement*/
#Content h6 {
	color:#009ee0;
	font-size:18px;
	font-weight:normal;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
/*fin pages évènements*/

#Content em {
	color:#a1ad09;
	font-style:normal;
}

#Content p {
	line-height:20px;
	text-align:justify;
}

#Content a {
    color:#009ee0;
}

img { border:none; }

ol {
    margin:3px 0 3px 15px;
    padding:0;
}

ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#ColLeft ul { margin:3px 0; }

ul ul {
    margin:5px 0 5px 10px;
}

ol li {
    background:none;
    padding:0;
}

li, .bleu li {
	padding:0 0 5px 10px;
	background:url(../images/design/bg/puce-bleu.gif) scroll no-repeat 0 4px;
}

.vert li {
	padding:0 0 5px 10px;
	background:url(../images/design/bg/puce-vert.gif) scroll no-repeat 0 4px;
}

 blockquote {
	background:url(../images/design/bg/quote-left.jpg) scroll no-repeat 0 0;
	margin:0;
}

 blockquote p {
	background:url(../images/design/bg/quote-right.jpg) scroll no-repeat bottom right;
	padding:14px 44px;
}

.accroche {
    font-weight:bold;
    color:#009ee0;
}

sup {
    vertical-align:top;
    font-size:8px;
}

/*
h1:after {
	content: '';
	background:url(../images/design/bg/bg-h1.jpg) scroll repeat-x 0 0;
	height:24px;
	width:100%;
	display:block;
	float:left;
	position:absolute;
	top:33px;
	left:0;
}*/

/*********** Widgets ****************/

#PourquoiChoisir a {
    display:block;
    width:186px;
    height:186px;
    text-indent:-9999px;
    background:url(../images/design/bg/pourquoi-choisir.jpg) scroll no-repeat 0 0;
}

#PourquoiChoisir p {
    line-height:normal;
    margin:0;
    padding:0;
}

#PourquoiChoisir a:hover {
    background-position:0 -186px;
}

#WebTV a {
    display:block;
    width:186px;
    height:186px;
    text-indent:-9999px;
    background:url(../images/design/bg/web-tv.jpg) scroll no-repeat 0 0;
}

#WebTV.moyen a {
    width:377px;
    background:url(../images/design/bg/web-tv-moyen.jpg) scroll no-repeat 0 0;
}

#WebTV p {
    line-height:normal;
    margin:0;
    padding:0;
}

#WebTV a:hover {
    background-position:0 -186px;
}

#VousEtes {
    background:#009ee0 url(../images/design/bg/vous-etes.jpg) scroll no-repeat 71px 67px;
}

#VousEtes h2 {
    background:url(../images/design/titres/vous-etes.jpg) scroll no-repeat 0 1px;
    text-indent:-9999px;
    width:170px;
    height:32px;
    margin:0 0 10px 8px;
}

#VousEtes ul {
    margin:16px 0 0 8px;
}

#VousEtes li {
    background:url(../images/design/bg/puce-carre-blanc.gif) scroll no-repeat 0 5px;
    padding:0 0 8px 12px
}

#VousEtes a {
    color:#012b52;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
}

#VousEtes a:hover {
    color:#FFFFFF;
}

#Video {
    background-color:#009ee0;
    position:relative;
}

#Video h2 {
    background:url(../images/design/titres/supbiotech-video.jpg) scroll no-repeat 0 0;
    text-indent:-9999px;
    width:360px;
    height:47px;
    margin:7px 0 10px 8px;
}

#Video img {
    display:block;
    width:334px;
    margin:auto;
}

#Video h3, #Video h3 a {
    color:#b1e6fc;
    background:none;
    font-size:11px;
    font-weight:bold;
    padding:0 0 0 12px;
    text-decoration:none;
}

.player a {
    display:block;
    position:relative;
}

.player a:after {
    content:'';
    display:block;
    width:64px;
    height:64px;
    background:url(../images/design/bg/bg-play.png) scroll no-repeat 0 0;
    position:absolute;
    left:139px;
    top:73px;
}
.player a:hover:after {
    background-position:0 -64px;
}

#Video p {
    padding:0 12px;
    font-size:11px;
    line-height:normal;
}

#Video .suite {
    position:absolute;
    bottom:10px;
    right:8px;
    margin:0;
    padding:0;
}

#Video .suite a {
    display:block;
    width:107px;
    height:18px;
    background-color:#000000;
    color:#FFFFFF;
    text-decoration:none;
    text-align:center;
    line-height:18px;
}

#Video .suite a:hover { color:#009EE0; }

#Pasteur a {
    display:block;
    width:186px;
    height:186px;
    text-indent:-9999px;
    background:url(../images/design/bg/pasteur.jpg) scroll no-repeat 0 0;
}

#Pasteur.moyen a {
    width:377px;
    background:url(../images/design/bg/pasteur-moyen.jpg) scroll no-repeat 0 0;
}

#Pasteur p {
    line-height:normal;
    margin:0;
    padding:0;
}

#Pasteur a:hover {
    background-position:0 -186px;
}

#MSN a {
    display:block;
    width:186px;
    height:186px;
    text-indent:-9999px;
    background:url(../images/design/bg/msn.jpg) scroll no-repeat 0 0;
}

#MSN p {
    line-height:normal;
    margin:0;
    padding:0;
}

#MSN a:hover {
    background-position:0 -186px;
}

#Temoignage {
    background-color:#c4d11a;
    position:relative;
}

#Temoignage h2 {
    background:url(../images/design/titres/temoignage.jpg) scroll no-repeat 0 0;
    text-indent:-9999px;
    width:361px;
    height:33px;
    margin:0 0 10px 8px;
}

#Temoignage p {
    line-height:normal;
}

#Temoignage .personne {
    position:absolute;
    width:170px;
    top:46px;
    left:70px;
    text-align:left;
}

#Temoignage .image {
    position:absolute;
    top:27px;
    right:8px;
}

#Temoignage blockquote {
    position:absolute;
    background:url(../images/design/bg/quote-temoignage.jpg) scroll no-repeat 0 0;
    padding:43px 0 0 0;
    top:58px;
    left:12px;
}

#Temoignage blockquote p {
    margin:0;
    padding:0;
    background:none;
    background-color:#d4e02c;
    font-size:14px;
    width:226px;
    max-height:44px;
    padding:4px 6px;
}

#Temoignage .temoignage {
    position:absolute;
    left:12px;
    top:150px;
    font-size:11px;
    padding:0 12px 0 0;
    line-height:16px;
}

#Temoignage .suite {
    position:absolute;
    bottom:10px;
    right:8px;
    margin:0;
    padding:0;
}

#Temoignage .suite a {
    display:block;
    width:165px;
    height:18px;
    background-color:#000000;
    color:#FFFFFF;
    text-decoration:none;
    text-align:center;
    line-height:18px;
}

#Temoignage .suite a:hover { color:#c4d11a; }

#Actus, #BiotechpressWidget {
    background-color:#d3d3d3;
    position:relative;
}

#Actus h2, #BiotechpressWidget h2 {
    background:url(../images/design/titres/actualites.jpg) scroll no-repeat 0 0;
    text-indent:-9999px;
    width:357px;
    height:32px;
    margin:0 0 10px 8px;
}

#BiotechpressWidget h2 { background:url(../images/design/titres/biotechpress.jpg) scroll no-repeat 0 0; margin:8px 0 10px 8px; }

#Actus .social, #BiotechpressWidget .social {
    position:absolute;
    top:20px;
    right:9px;
}

#BiotechpressWidget .social {
    top:20px;
    right:65px;
}

#Actus .social li, #BiotechpressWidget .social li {
    display:inline-block;
    background:none;
    padding:0;
}

#Actus .social a, #BiotechpressWidget .social a {
    display:block;
    width:21px;
    height:20px;
    text-indent:-9999px;
}

#Actus .social li a {
    background:url(../images/design/icones/facebook.png) scroll no-repeat 0 0;
}

#Actus .social li + li a {
    background:url(../images/design/icones/rss.png) scroll no-repeat 0 0;
}

#Actus .social li + li + li a {
    background:url(../images/design/icones/twitter.png) scroll no-repeat 0 0;
}

#BiotechpressWidget .social a {
    background:url(../images/design/icones/rss.png) scroll no-repeat 0 0;
}

#Actus h3, #BiotechpressWidget h3, #Actus h3 a, #BiotechpressWidget h3 a {
    background:none;
    font-size:11px;
    padding:0;
    color:#000000;
    font-weight:bold;
    margin:6px 0;
}

#Actus p, #BiotechpressWidget p, #Actus p a, #BiotechpressWidget p a {
    color:#404040;
    line-height:normal;
    font-size:11px;
    margin:6px 0;
}

#Actus h3 a, #BiotechpressWidget h3 a, #Actus p a, #BiotechpressWidget p a { text-decoration:none; }

.actu {
    height:78px;
    margin:0 12px;
    background:url(../images/design/bg/bg-news.jpg) scroll repeat-x bottom center;
    position:relative;
}

.actu:last-child 
{
    background:none;
}

#Actus .suite, #BiotechpressWidget .suite {
    position:absolute;
    bottom:0;
    right:0;
    margin:0;
    padding:0;
}

#Actus .suite a, #BiotechpressWidget .suite a {
    display:block;
    width:75px;
    height:20px;
    background-color:#c4d11a;
    color:#000000;
    text-decoration:none;
    text-align:center;
    line-height:20px;
}

#Actus .suite a:hover, #BiotechpressWidget .suite a:hover {
    color:#FFFFFF;
}

#Stats {
    background-color:#d3d3d3;
    position:relative;
}

#Stats h2 {
    background:url(../images/design/titres/statistiques.jpg) scroll no-repeat 0 0;
    text-indent:-9999px;
    width:356px;
    height:47px;
    margin:8px 0 10px 8px;
}

#WrapperStats {
    width:100%;
    height:306px;
    overflow:hidden;
    position:relative;
}
        
.stats {
    position:absolute;
    top:0;
    width:2000px;
}
        
#Stats img {
    display:block;
    margin:auto;
}

#Stats .prev {
    background:url(../images/design/bg/bg-stats-prev.png) scroll no-repeat 0 0;
    width:39px;
    height:38px;
    position:absolute;
    left:0;
    bottom:0;
    text-indent:-9999px;
}

#Stats .next {
    background:url(../images/design/bg/bg-stats-next.png) scroll no-repeat 0 0;
    width:39px;
    height:38px;
    position:absolute;
    right:0;
    bottom:0;
    text-indent:-9999px;
}

#Metiers a {
    display:block;
    width:186px;
    height:186px;
    text-indent:-9999px;
    background:url(../images/design/bg/quels-metiers.jpg) scroll no-repeat 0 0;
}

#Metiers p {
    line-height:normal;
    margin:0;
    padding:0;
}

#Metiers a:hover {
    background-position:0 -186px;
}

#AbonnezVous a {
    display:block;
    width:186px;
    height:186px;
    text-indent:-9999px;
    background:url(../images/design/bg/abonnez-vous.jpg) scroll no-repeat 0 0;
}

#AbonnezVous p {
    line-height:normal;
    margin:0;
    padding:0;
}

#AbonnezVous a:hover {
    background-position:0 -186px;
}

#Evenements {
    background-color:#d3d3d3;
    position:relative;
}

#Evenements h2 {
    background:url(../images/design/titres/prochain-evenement.jpg) scroll no-repeat 0 0;
    text-indent:-9999px;
    width:355px;
    height:31px;
    margin:3px 0 10px 8px;
}

#Evenements .agenda {
    padding:0 14px 0 8px;
}

#Evenements .agenda .colGauche {
    width:65px;
    float:left;
}

#Evenements .agenda .colDroite {
    width:290px;
    float:right;
}

#Evenements .agenda .titreBlason {
    font-weight: bold;
    float: left;
}

#Evenements .agenda .dateAgenda {
    text-align:right;
}

#Evenements .agenda .titreAgenda {
    width: 280px;
    height: 25px;
    line-height: 25px;
    color: white;
    font-weight: bold;
    margin-top: 6px;
    padding: 0 0 0 10px;
}

#Evenements .agenda ul {
    margin:10px 0 0 0;
}

#Evenements .agenda li {
    background:none;
    color:#404040;
    font-size:11px;
}

#Evenements .pedagogie .titreBlason { color:#007db3; }
#Evenements .pedagogie .titreAgenda  { background-color:#00618b; }
#Evenements .vie-etudiante .titreBlason { color:#a3ad12; }
#Evenements .vie-etudiante .titreAgenda { background-color:#c6cf1a; }
#Evenements .entreprise .titreBlason { color:#8ecbff; }
#Evenements .entreprise .titreAgenda { background-color:#8ecbff; }
#Evenements .journee-portes-ouvertes .titreBlason { color:#969d15; }
#Evenements .journee-portes-ouvertes .titreAgenda { background-color:#969d15; }
#Evenements .salon .titreBlason { color:#ccd155; }
#Evenements .salon .titreAgenda { background-color:#e2e860; }
#Evenements .conference .titreBlason { color:#009edf; }
#Evenements .conference .titreAgenda { background-color:#009edf; }

#Evenements .suite a {
    display:block;
    width:75px;
    height:20px;
    background-color:#c4d11a;
    color:#000000;
    text-decoration:none;
    text-align:center;
    line-height:20px;
}

#Evenements .suite a {
    color:#FFFFFF;
}

#Evenements .suite {
    position:absolute;
    bottom:0;
    right:0;
    margin:0;
    padding:0;
}

#WidgetAgenda a {
    display:block;
    width:186px;
    height:186px;
    text-indent:-9999px;
    background:url(../images/design/bg/agenda.jpg) scroll no-repeat 0 0;
}

#WidgetAgenda p {
    line-height:normal;
    margin:0;
    padding:0;
}

#WidgetAgenda a:hover {
    background-position:0 -186px;
}

/*********** Onglets *****************/

#ColLeft #Onglets {
	height:25px;
	border-top:1px dotted #009ee0;
	border-bottom:1px dotted #009ee0;
	margin:3px 0 5px 0;
	padding:0;
	background-color:#ebebeb;
}

#Onglets li {
	display:inline-block;
	list-style-type:none;
	height:25px;
	background:none;
	padding:0;
}

#Onglets a {
	display:block;
	width:100%;
	height:25px;
	line-height:25px;
	text-align:center;
	color:#009ee0;
	text-decoration:none;
	font-weight:bold;
	/*padding:0 4px;*/
}

#Onglets a:hover {
	color:#FFFFFF;
	background: #009EE0 url(../images/design/bg/bg-onglet-actif2.jpg) scroll no-repeat 50% 26px;
	height:31px;
}

#Onglets li .actif {
	background-color:#009EE0;
}

#Onglets a.actif {
	background: #009EE0 url(../images/design/bg/bg-onglet-actif2.jpg) scroll no-repeat 50% 26px;
	height:31px;
	color:#FFFFFF;
}

/***** Colonnage *******/
.colonne {
	width:263px;
	display:inline-block;
	margin:10px 20px 10px 0;
	vertical-align:top;
}

.colonne + .colonne {
	margin:10px 0;
}

.colonneTrois {
	width:165px;
	display:inline-block;
	margin:10px 16px 10px 00;
	vertical-align:top;
}

/************ Blocs (par défaut en bleu) ************/
.blocGris {
	background-color:#e8e9e8;
	border:1px solid #f2f2f2;
	padding:10px;
	color:#000000;
	margin:5px 0;
}
.blocGris .colonne, .blocCouleur .colonne { width:251px; }
.blocGris .colonneTrois, .blocCouleur .colonneTrois { width:158px; }
.blocGris p, .blocCouleur p { padding-left:10px; }
.colonneTrois.blocGris { width:159px; }

.blocGris h4 {
	background:#009ee0;
	text-transform:none;
	color:#FFFFFF;
	font-size:12px;
	margin:0 0 10px 0;
	padding:5px;
	display:inline-block;
}

.blocGris ul {
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
}

.blocGris li {
	background: url(../images/design/bg/puce-bleu.gif) scroll no-repeat 0 5px;
	padding:0 0 0 8px;
}

.blocCouleur {
	background-color:#009ee0;
	border:1px solid #e9e9e9;
	padding:10px;
	color:#000000;
	margin:5px 0;
}

.blocCouleur h4 {
	background:#009ee0;
	text-transform:none;
	color:#FFFFFF;
	font-size:12px;
	margin:0 0 10px 0;
	font-weight:normal;
}

.blocCouleur ul {
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
}

.blocCouleur li {
	background: url(../images/design/bg/puce-blanc.gif) scroll no-repeat 0 5px;
	padding:0 0 0 8px;
}

/***** Blocs bleus *******/
.blocGris.bleu h4 {
	background:#009ee0;
}

.blocGris.bleu li {
	background: url(../images/design/bg/puce-bleu.gif) scroll no-repeat 0 5px;
}

.blocCouleur.bleu {
	background-color:#009ee0;
}

.blocCouleur.bleu h4 {
	background:#009ee0;
}

/***** Blocs vert *******/
.blocGris.vert h4 {
	background:#a1ad09;
}

.blocGris.vert li {
	background: url(../images/design/bg/puce-vert.gif) scroll no-repeat 0 5px;
}

.blocCouleur.vert {
	background-color:#c4d11a;
}

.blocCouleur.vert h4 {
	background:#c4d11a;
}

/***** BOUTONS DOSSIER DE CANDIDATURE *************/

input[type=submit]#bouton_creer_compte {
    background:none;
    background:url(../images/design/bg/bg-creer-dossier.jpg) scroll no-repeat 0 0;
    border:none;
    width:239px;
    height:28px;
    color:#FFFFFF;
    font-size:0px;
    cursor:pointer;
}

input[type=submit]#bouton_creer_compte:hover {
    background-position: 0 -28px;

}

#bouton_modifier_dossier {
    background:url(../images/design/bg/bg-modifier-dossier.jpg) scroll no-repeat 0 0;
    width:355px;
    height:28px;
    display:block;
    text-indent:-9999px;
}

#bouton_modifier_dossier:hover {
    background-position:0 -28px;
}

/****slide page campus-universitaire*******/
#Slider {
	width:270px;
	height:195px;
	background:url(../images/tmp/campus1.jpg) scroll no-repeat 0 0;
	margin:5px 0;
}

/* Mosaique pages Vie Etudiante*/
#Mosaic .widget { position:relative; }
#Mosaic .widget img { position:absolute; }

.jaime{margin:0 0;}
div#btntwitter, div#btnfacebook, div#btngoogleplus {float: left; padding-right:20px;}
