@charset "utf-8";

/* CSS Document */
.spip_documents img {
	border: 0px solid #FFF;

}

span.mcrypt {
    background:transparent 
    url(/imb/plugins/auto/couteau_suisse/v1.10.15/img/mailcrypt/leure.gif)
    no-repeat scroll 0.1em center;
    padding-left:12px;
    text-decoration:none;
    float:none;
    margin:0;
    display:inline;
}

/* surcharge de img document de spip pour éviter trop de marge autour de l'icone d'agenda */
.spip_document_232 img {
        border-color: #fff;
        border-style: solid;
        border-width: 0px 2px 2px;
}
/* CSS tableau page partenaires */
table.spip {
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: 12px;
	text-align: center;
}
table.spip caption {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 20px;
}
table.spip td {
	padding-right: 10px;
	padding-left: 10px;
	}
	
/*------------------------style PAGEPRO--------------------*/
#onglets
{
        position : absolute;
        border : 1px solid transparent;
        padding : 0;
        font : bold 11px Batang, arial, serif;
        list-style-type : none;
        /*left = 50 %;*/
        margin-top : 0px;
        width : 100%; /*width : 430px;*/
        /*margin-left : -215px;*/ /* la moitié de width */
}

#onglets li 
{
    float : left;
    /*width : 200px;*/ /*#B9121B*/
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #DADBDB;/*#F4F9FD;*/
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}

#onglets li.active 
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
#onglets a
{

    display : inline-block;
    color : #666;
    text-decoration : none;
    /*padding:9px 20px 9px 20px;*/
padding-left:20px;
padding-right:20px;
padding-top:1px;
padding-bottom:7px;
cursor:default;
}

#onglets a:hover
{
    background : #fff;
    text-decoration: none;
    color: #377EFD
}

#menupagepro
{
        border-bottom : 1px solid #9EA0A1;
        padding-bottom : 25px;
}
.delete
{
position:relative;
cursor:pointer;
border:none;
background:none;
width:1px;
margin-right : 2px;
margin-left : 20px;
color:red;
}
.ongl
{
cursor:help;
}

.textNewOnglet
{
border:none;
}

.navigationGauche
{
position:relative;
border:none;
background:none;
margin-right : 20px;
margin-left : 2px;
cursor:pointer;
width:1px;
}

.navigationDroite
{
border:none;
background:none;
margin-left : 20px;
margin-right : 5px;
cursor:pointer;
width:1px;
}
.newOnglet
{
cursor:pointer;
background:red;

}

/*------------------------FIN style PAGEPRO--------------------*/



/*------------------------Tuiles INTRANET CSS--------------------*/
.tile {
	color: white;
	width: 1000px;
	margin: 0;
}


.plans {
	list-style: none;
	margin: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	display: inline-block;
	float: left;
	width: 490px;
}
.plans_tech {
	list-style: none;
	margin: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	display: inline-block;
	float: right;
	width: 490px;
}

.plan {
	background-image: linear-gradient(#d3d3d3, #FFF);
	border: none;
	border-radius: 6px;
	height: 80px;
	width: 480px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	display: block;
	padding: 8px;
}

.plan_fixe {
	background-image: linear-gradient(#d3d3d3, #FFF);
	border: none;
	border-radius: 6px;
	height: 140px;
	width: 480px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	display: block;
	padding: 8px;
}
.plan-description a {
	color: #036;
	text-decoration: underline;
}



.details {
	color: #222;
	display: block;
	float: right;
	text-align: left;
	padding: 5px;
	height: inherit;
	width: 320px;
}
.plan-title {
	font-size: 15px;
	font-weight: normal;
	padding: 0;
	text-transform: uppercase;
	font-family: Tahoma, Geneva, sans-serif;
	color: #377EFD;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0px;
}
.plan-description {
	color: #333;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;

 	&:hover {
 		background-color: #459cde;
	}
}
.plan-info {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
#underline {
	color: #C00;
	text-decoration: underline;
	font-weight: bold;
}

.select {
	background-color: none;
	border: none;
	display: block;
	float: left;
	padding: 0px;
	margin-right: 10px;
	margin-top: 5px;
	margin-left: 5px;
}

/*------------------------Fin du CSS Tuiles ----------------------*/

body {
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
/* ~~ Sélecteurs d'éléments/balises ~~ */
dl, dt, dd { /* En raison des variations entre les navigateurs, il est conseillé d'attribuer une valeur de zéro aux marges intérieures et aux marges des listes. A des fins de cohérence, vous pouvez définir les valeurs désirées dans cette zone ou dans les éléments de liste (LI, DT, DD) qu'elle contient. N'oubliez pas que les paramètres que vous définissez ici se répercuteront sur la liste .nav, sauf si vous rédigez un sélecteur plus spécifique. */
	padding: 0;
	margin: 0;
}
a:link {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #377EFD;
}
a:active {
	text-decoration: none;
	color: #377EFD;
}
a img { /* ce sélecteur élimine la bordure bleue par défaut affichée dans certains navigateurs autour d'une image lorsque celle-ci est entourée d'un lien. */
	border: none;
}
/* ~~ ce conteneur à largeur fixe entoure tous les autres éléments ~~ */
.container {
	width: 1000px;
	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}
/* ~~ classes flottant/effacement diverses ~~ */
.fltrt {  /* cette classe peut servir à faire flotter un élément depuis la droite sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: right;
	margin-left: 8px;
}
.bold_blue {
	font-weight: bold;
	color: #3179FA;
}
.fltlft { /* cette classe peut servir à faire flotter un élément depuis la gauche sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe peut être placée sur une div <br /> ou vide, en tant qu'élément final suivant la dernière div flottante (dans le #container) si le paramètre overflow:hidden du .container est supprimé */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
#sousmenu {
	position: absolute;
	width: 1100px;
	text-decoration: none;
	list-style-type: none;
}
#sousmenu dl {
	display: block;
	float: left;
	height: 40px;
}
#sousmenu dl dt {
	text-align: center;
	display: block;
	height: 40px;
	color: #666;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #c8c8c8;
	cursor: pointer;
	min-width: 90px; /* à l'origine 140, modifié pour passer parité */
	line-height: 40px;
	padding-right: 4px;
	padding-left: 4px;
}
#sousmenu dl dt:hover {
	background-image: url(images/a_hover_blue.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
	line-height: 40px;
}
.content_menu {
	font-family: Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	background-image: url(images/menu_horizontal.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 40px;
	width: 998px;
	position: relative;
}
.content_menu a:link {
	color: #666;
	text-decoration: none;
}
.content_menu a:visited {
	color: #666;
	text-decoration: none;
}
.content_menu a:hover {
	color: #377efd;
	text-decoration: none;
}
#menu {
	position: absolute;
	width: 998px;
	text-decoration: none;
	list-style-type: none;
}
#menu dl {
	display: block;
	float: left;
	height: 40px;
}
#menu dl dt {
	text-align: center;
	height: 40px;
	color: #666;
	cursor: pointer;
	line-height: 40px;
	min-width: 115px;
	padding-left: 10px;
	padding-right: 10px;
}
.border_left {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #c8c8c8;
}
#menu dl dt:hover {
	background-image: url(images/a_hover_blue.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
	line-height: 40px;
}
#menu dl dt img {
	height: 29px;
	width: 30px;
	float: left;
	display: block;
	padding-left: 20px;
	line-height: 30px;
	padding-top: 3px;
}
.header {
	background-image: url(images/header_184px.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 184px;
	width: 1000px;
	margin-top: 0px;
}
.sameHeightCol {
	float: left;
	position: relative;
	overflow: hidden;
}
#content_container {
	width: 1000px;
}
#content {
	width: 1000px;
	margin-bottom: 15px;
	min-height: 780px;
	right: 300px; /* = la largeur de la colonne verte */
	overflow: visible;
}
#zoom {
	width: 620px;
	height: auto;
	background-image: url(images/zoom_bg.png);
	background-repeat: no-repeat;
	float: left;
	left: 320px;
	top: 10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 45px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d0002c;
	border-right-color: #d0002c;
	border-bottom-color: #d0002c;
	border-left-color: #d0002c;
}


#zoom p {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	text-align: justify;
}
/*---------CSS PAGE MANIFESTATIONS SCIENTIFIQUES-------------*/
div.conference {
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
}

dd.conference {
	color: #333;
	font-size: 85%;
}
p.conference{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	}
li.conference{
	list-style-position: inside;
	list-style-image: url(images/blue_list.png);
	line-height: 200%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	color: #069;
	text-decoration: underline;
	}

/*---------FIN CSS PAGE MANIFESTATIONS SCIENTIFIQUES-------------*/





/*---------CSS PAGE FORMATION CONTINUE-------------*/

h2.formation {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 105%;
	font-weight: bold;
	color: #377EFD;
	text-align: center;
}

p.formation {
	font-family: Arial, sans-serif;
	font-size: 90%;
	color: #343434;
	padding-top: 5px;
	padding-bottom: 10px;
    }
li.formation{
	list-style-position: inside;
	list-style-image: url(images/green_list.png);
	line-height: 200%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #343434;
	}
div.formation {
	display: block;
	width: 750px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: thin solid #CCC;
	margin-top: 10px;
	margin-bottom: 5px;
	background: -webkit-linear-gradient(#ccc, white, #E4E4E4); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#ccc, white, #E4E4E4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ccc, white, #E4E4E4); /* Standard syntax (must be last) */
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
	

/*---------FIN CSS PAGE FORMATION CONTINUE-------------*/

#content_page {
	min-height: 500px;
	width: 660px;
	margin-top: 15px;
	padding-top: 0px;
	left: 320px;
	overflow: visible;
}
#content_page p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	color: #343434;
	text-align: justify;
	list-style-type: square;
}
/* ~~ La définition du style des liens de votre site doit respecter cet ordre, y compris le groupe de sélecteurs qui créent l'effet de survol. ~~ */
#content_page a:link {
	color: #0066CC;
	text-decoration: none; /* à moins que vous ne définissiez un style particulièrement exclusif pour vos liens, mieux vaut prévoir un soulignement, qui garantit une identification visuelle rapide. */
}
#content_page a:visited {
	color: #006699;
	text-decoration: none;
}
#content_page a:active {
	text-decoration: none;
	color: #377EFD;
}
#content_page_article a:link {
	color: #0066CC;
	text-decoration: none; /* à moins que vous ne définissiez un style particulièrement exclusif pour vos liens, mieux vaut prévoir un soulignement, qui garantit une identification visuelle rapide. */
}
#content_page_article a:visited {
	color: #006699;
	text-decoration: none;
}
#content_page_article a:active {
	text-decoration: none;
	color: #377EFD;
}
#content_page h1 {
	font-family: Geneva, sans-serif;
	font-size: 115%;
	line-height: 15px;
	background-image: url(images/encart_titre_blue.png);
	background-repeat: no-repeat;
	height: 30px;
	padding-top: 10px;
	color: #FFF;
	width: 300px;
	background-position: right;
	padding-left: 20px;
}
#content_page_article {
	min-height: 500px;
	width: 1000px;
	margin-top: 15px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 25px;
	overflow: visible;
	text-align: justify;
}
#content_page_article h1 {
	font-family: Geneva, sans-serif;
	font-size: 115%;
	line-height: 15px;
	background-image: url(images/encart_titre_blue.png);
	background-repeat: no-repeat;
	height: 30px;
	padding-top: 10px;
	color: #FFF;
	min-width: 500px;
	background-position: left;
	padding-left: 20px;
}
#content_page_article p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	color: #343434;
	text-align: justify;
	list-style-type: square;
}
#agenda {
	font-family: Geneva, sans-serif;
	position: absolute;
	top: 8px;
	left: 998px;
	width: 300px;
	display: block;
	height: 100%;
	margin-bottom: 5px;
	overflow-y: auto;
	border: thin solid #1bc709;
}
#agenda::-webkit-scrollbar {
	width: 5px;
}

#agenda::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

#agenda::-webkit-scrollbar-thumb {
  background: #85ba80; 
  border-radius: 10px;
}

#agenda::-webkit-scrollbar-thumb:hover {
  background-color: #6fa56f;
}

#agenda_txt {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	
}
#agenda_txt h1 {
	color: #FFF;
	background-image: url(images/encart_titre_green.png);
	background-repeat: no-repeat;
	font-size: 115%;
	line-height: 30px;
	width: 255px;
	background-position: right;
	padding-left: 20px;
}
.encart_news a:visited {
	color: #006633;
	text-decoration: none;
}
.encart_news a:hover {
	color: #009900;
	text-decoration: none;
}
.encart_news {
	font-family: Geneva, sans-serif;
	height: auto;
	background-image: url(images/agenda_content_07.png);
	background-repeat: repeat-y;
	background-position: left;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 7px;
}
.encart_news h3 {
	font-size: 75%;
	font-weight: bold;
	color: #009900;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
}
.encart_news h2 {
    font-size: 85%;
	font-weight: bold;
	color: #3e3e3e;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #009900;
	margin:.5em 0;
	padding-left: 15px;
	
}

.encart_news p {
	font-size: 75%;
	text-align: justify;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 3px;
	padding-top: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #c8c8c8;
	line-height: normal;
	margin:.5em 0;
}
.footer {
	height: 190px;
	background-image: url(images/bg_footer_11.png);
	background-repeat: no-repeat;
	float: left;
	width: 1000px;
	margin-top: 10px;
}
#adress {
	font-family: Geneva, sans-serif;
	display: block;
	float: left;
	height: 186px;
	width: 390px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#adress p {
	font-size: 77%;
	color: #333;
	text-align: center;
}
#adress h5 {
	font-family: Geneva, sans-serif;
	font-size: 82%;
	color: #377EFD;
	line-height: normal;
	text-align: center;
	padding-top: 5px;
	font-weight: normal;
}
#logos {
	text-align: center;
	padding-top: 30px;
	height: 186px;
}
#logos p {
	font-size: 80%;
	color: #333;
	text-align: center;
	font-family: Geneva, sans-serif;
}
#logos img {
	margin-right: 10px;
	margin-left: 10px;
}
h3.equipe {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 95%;
	line-height: 80%;
	color: #069;
	text-decoration: underline;
	padding-top: 5px;
}
h3.titre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 95%;
	line-height: 105%;
	color: #333;
	text-decoration: underline;
	padding-top: 5px;
}
.green {
	color: #17A707;
}
.grey {
	color: #333;
}
.blue {
	color: #377EFD;
}
.red {
	color: #D0002C;
}