@charset "utf-8";

/* -------------->>> SOMMAIRE <<<--------------*/
/* Styles Mines Paristech V9.7 - Okó Septembtre 2009
/* Toutes les classes sont triées par ordres alphabétiques

0. GLOBAL
1.TYPO
2.LAYOUT
	2.1 Header
	2.2 Leftside
	2.3 Middle
	2.4 Rightside	
	2.5 Footer
3. HACKS

/* ---------------------------------------------*/
/* --------------->>> GLOBAL <<<----------------*/
/* ---------------------------------------------*/

html, body { /* Propriétés générales de la page */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #797a7d;
	line-height: 12px;
	margin: 0px;
	padding: 0px;
	background: url(../img/background.jpg);
	//text-align: center; /* pour centrer le conteneur sur IE6 */
	}
	
img { /* Propriétés générales des images */
	border: 0;
	}
	
a { /* Propriétés générales des liens */
	outline: none;
	}
	
p { /* Propriétés générales des paragraphes */
	margin: 0;
	}
	
input { /* Propriétés générales des balises Input */
	height: 14px;
	width: 130px;
	font-size: 9px;
	}

/* ---------------------------------------------*/
/* ----------------->>> TYPO <<<----------------*/
/* ---------------------------------------------*/ 

a.goldmines_access {color: #e8a828; font-weight: bold;} /* Lien orange page d'accueil */

a.lien_oko { /* Lien logo oko page d'accueil */
	color: #879176;
	text-decoration: none;
	font-weight: bold;
}

a.lire_la_suite { /* Lien bleu lire la suite page d'accueil */
	color: #056fb2;
	font-weight: bold;
	float: left;
}

/* Liens des articles de la page d'accueil */
.article_acceuil a {color: #056fb2; text-decoration: none;}
.article_acceuil a:hover {text-decoration: underline;}
.article_acceuil p a {color: #9c9e9f; text-decoration: none;}
.article_acceuil p a:hover {text-decoration: underline;}

#articles_accueil h1 { /* Balise h1 des articles de la page d'accueil */
	color: #056fb2;
	font-size: 12px;
	margin: 0 0 6px 0;
	font-weight: bold;
}

/* Liens de l'encart citations centre page */
.blockquote_citations a { color: #333; font-weight: bold;}

.contact_noir { color: #000; font-size: 16px;} /* Label noir du formulaire de contact */
.contact_bleu { color: #056fb2;} /* Label bleu du formulaire de contact */

/* CONTENUS: 
Ensemble conteneurs centre page */

#contenu p {
	margin-bottom: 14px;
	font-size: 12px;
	line-height: normal;
}
	
#contenu p a, #contenu_liste_actus p a {color: #333; font-weight: bold;}

#contenu h1 a, #contenu h2 a, #contenu h3 a, #contenu h4 a, #contenu h5 a {color: #000; text-decoration:underline;font-weight: bold;} /* MODIFIE 24-11-2009 */

#contenu h1, #contenu_liste_actus h1 {
	font-size: 24px;
	color: #086eb2;
	margin-bottom: 12px;
}

#contenu h1.isige_h1 { color: #8bb237;} /* Couleur texte verte H1 pour la rubrique ISIGE */
	
#contenu h2, #contenu_liste_actus h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-bottom: 8px;
}

#contenu h3, #contenu_liste_actus h3 {
	font-size: 13px;
	font-weight: bold;
	color: #7b7c7e;
}
	
#contenu h4, #contenu_liste_actus h4 {
	font-size: 13px;
	font-weight: bold;
	color: #003882;
}

#contenu h4.isige_h4 { color: #389c3f;} /* Couleur texte verte H4 pour la rubrique ISIGE */
	
#contenu_liste_actus h4 a { text-decoration: none; color: #003882;}
#contenu_liste_actus h4 a:hover { text-decoration: underline;}

#contenu h5, #contenu_liste_actus h5 {
	font-size: 12px;
	color: #003882;
}

#contenu h3 {margin-bottom: 20px;}
#contenu h4 {margin-bottom: 10px;}
#contenu h5 {margin-bottom: 2px;}
#contenu_liste_actus h3 {font-weight: normal; font-size: 11px;}
#contenu_liste_actus h5 {margin-bottom: 10px;}

.contenu_table {border-spacing: 4px;}

#contenu_home h1, #pepite_accueil h1 {
	margin: 0 0 6px 0;
	color: #000;
	font-weight: normal;
	font-size: 22px;
}

#contenu_home h2, #pepite_accueil h2 {
	margin: 0 0 4px 0;
	color: #056fb2;
	font-weight: bold;
	font-size: 16px;
}

#contenu_home h3, #pepite_accueil h3 {
	margin: 8px 0 6px 0;
	color: #003971;
	font-weight: bold;
}

#contenu_home p a, #pepite_accueil p a {
	color: #333;
	font-weight: bold;
}

/* FIL D'ARIANCE */

#fil_ariane li.premier a {color: #9c9e9f;}
#fil_ariane li.premier a:hover {text-decoration: underline;}

#fil_ariane li a {text-decoration: none; color: #9c9e9f;}
#fil_ariane li a:hover {text-decoration: underline;}

#footer li a {
	color: #9c9e9f;
	text-decoration: none;
}

#footer li a:hover {
	text-decoration: underline;
}
	
#head_box { /* Titre du module meet us de la page d'accueil */
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
}

#icono_cont a { color: #000; text-decoration: none;} /* Liens icônes de raccourcis colonne droite */
#icono_cont a:hover {text-decoration: underline; color: #056fb2;} /* Liens survolés icônes de raccourcis colonne droite */

#last_li_menu_profils a {
	color: #000;
	text-decoration: none;
	font-size: 9px;
}
	
#last_li_menu_profils a:hover {color: #056fb2;}
	
#liens_accueil a {color: #000; text-decoration: none;}
#liens_accueil a:hover {text-decoration: underline;}	

/* LISTES CONTENU :
Les deux types de listes possibles centre page */

/*
#contenu li {color: #9c9e9f;} /* MODIFIE 24-11-2009 */
//#contenu li a {color: #000; text-decoration: underline} /* MODIFIE 24-11-2009 */

#contenu li.liste_elem1 {color: #9c9e9f;} /* MODIFIE 24-11-2009 */
#contenu li.liste_elem1 a {color: #000; text-decoration: underline} /* MODIFIE 24-11-2009 */
#contenu li.liste_elem1_bleu a { color: #056fb2; text-decoration: underline; } /* MODIFIE 24-11-2009 */

#contenu li.liste_elem2 {color: #9c9e9f;} /* MODIFIE 24-11-2009 */
#contenu li.liste_elem2 a {color: #000; text-decoration: underline} /* MODIFIE 24-11-2009 */
#contenu li li.liste_elem2 a {color: #000; text-decoration: underline;} /* MODIFIE 24-11-2009 */
*/

/* version ccsi */
/* VERSION MODIFIEE CCSI */

ul.liste_elem1 {padding-left: 13px; padding-bottom: 16px;}
.liste_elem1 li a {font-weight: bold; text-decoration: underline; color: #333;}
.liste_elem1 li a:hover {text-decoration: underline;}

ul.liste_elem2 {list-style-type: none; margin-top: 16px;}
ul ul.liste_elem2 {padding: 0 0 16px 40px; margin:0;}
.liste_elem2 li {color: #003882; font-size: 11px; font-weight: bold;}
.liste_elem2 li a {color: #333; text-decoration: underline; font-weight: bold;}
.liste_elem2 li a:hover {text-decoration: underline;}





#contenu ul {padding-left: 13px;} /* MODIFIE 24-11-2009 */

/* Module meet us de la page d'accueil */
#meet_us_accueil_text a {color: #797a7d; text-decoration: none;}
#meet_us_accueil_text a:hover {text-decoration: underline;}

#meet_us_accueil p {padding: 8px 0 8px 10px;}

#menu_rubriques {font-weight: bold;} /* Type texte des boutons du menu principal */

#menu_profils ul li.youare { /* Bloc You are du menu par profils */
	color: #086eb2;
	font-weight: bold;
	font-size: 9px;
}

#menu_profils a { /* Liens du menu par profils */
	display: block;	
	color: #000;
	text-decoration: none;
	font-size: 9px;
}
	
#menu_profils a:hover {color: #056fb2;} /* Liens survolés du menu par profils */

/* NUMEROS DE PAGES :
Sur la page liste des actus */

#page_num {width: 100%; height:30px;}
#page_num ul {list-style-type: none;}



#page_num .page_num_li {
	float: left;
	width: 20px; 
	height: 20px; 
	padding-left: 4px; 
	margin-left: 30px; 
	text-align: center;
}

#page_num .page_num_li a {
	color:#000;
	text-decoration:none;
	background:#FFF;
	display:block;
}

#page_num .page_num_li a:hover {color:#FFF; background: #000;}


/* ccsi */
#page_num .page_num_li_actif {
        float: left;
        width: 20px;
        height: 20px;
        padding-left: 4px;
        text-align: center;
        padding-left: 4px;
        margin-left: 30px;
}


#page_num .page_num_li_actif a {
	color:#FFF;
	background:#000;
	text-decoration:none;
	display:block;
}

/* Encart profil de la page Teaching staff */
#profil_encart h1 { color: #000; font-size: 13px; font-weight: bold; margin:0;}
#profil_encart h2 { color: #000; font-size: 11px; margin-bottom: 10px;}
#profil_encart h3 { color: #056fb2; margin:0;}
#profil_encart h4 { color: #9c9e9f; margin:0;}
#profil_encart h5 { color: #9c9e9f; margin:0; font-style:italic;}
#profil_encart h6 a { color: #056fb2;}

/* Conteneur des news de la page d'accueil */

/* version ccsi */
#scrollup h1 {padding: 4px 04px 8px 2px;margin-right:10px;}

#scrollup h1 a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
	
#scrollup h1 a:hover { text-decoration: underline;}
 
#scrollup p {padding: 0 28px 4px 2px; color: #FFF;}
#scrollup p a {color: #FFF; font-size: 9px; font-weight: bold; text-decoration: none;}
#scrollup p a:hover {text-decoration: underline;}

/* ---------------------------------------------*/
/* ---------------->>> LAYOUT <<<---------------*/
/* ---------------------------------------------*/ 

#container { /* Conteneur du site, placé au centre de la page */
	width: 992px;
	margin: auto;
	background: #FFF;
	border: 6px solid #FFF;
	text-align: left; /* pour réinitialiser le texte à gauche après correction affichage conteneur sur IE6 */
}

/* ----------------------------- */
/*            Header             */
/* ----------------------------- */

#addthis, #addthis_home { /* MODIFIE 17-11-2009 */
	width: 200px;
	height: 16px;
	float: left;
	margin: 20px 0 20px 0;
	}
	
#addthis ul, #addthis_home ul { list-style-type: none; margin-left: 1px} /* MODIFIE 17-11-2009 */
#addthis li, #addthis_home li { float: left; margin-right:6px} /* MODIFIE 17-11-2009 */
#addthis li img.social_hovers, #addthis_home li img.social_hovers { opacity:0.4; filter : alpha(opacity=40);} /* MODIFIE 17-11-2009 */
#addthis li img.social_hovers:hover, #addthis_home li img.social_hovers:hover { opacity:1; filter : alpha(opacity=100);} /* MODIFIE 17-11-2009 */

#addthis_home {padding-left: 10px;} /* MODIFIE 17-11-2009 */

#bandeau { /* Bandeau contenant le logo et le Flash sur la page d'accueil */
	width: 992px;
	height: 212px;
	float: left;
	margin-left: 2px;
}

#bord_droit_menu { /* Bord droit menu principal */
	width: 11px;
	height: 30px;
	background: url(../img/bord_droit_menu.jpg) no-repeat;
	float: left;
}

#bord_droit_bandeau { /* Bord droit bandeau Flash */
	width: 10px;
	height: 207px;
	background: url(../img/bord_droit_bandeau.jpg) no-repeat;
	float: left;
}

#bord_gauche_menu { /* Bord gauche menu principal */
	width: 11px;
	height: 30px;
	background: url(../img/bord_gauche_menu.jpg) no-repeat;
	float: left;
}

/* FIL D'ARIANE */

#fil_ariane {
	width: 754px;
	height: 30px;
	background: url(../img/trait_fil_ariane.jpg) repeat-x;
	float: left;
	margin-left: 6px;
}

#fil_ariane ul {
	font-size: 9px;
	padding: 8px 0 0 238px;
	list-style-type: none;	
}

#fil_ariane li {
	float: left;
	background: url(../img/puce_fil_ariane.jpg) left center no-repeat;
	padding-left: 4px;
	margin-right: 10px;
	text-indent: 4px;
}
	
#fil_ariane li.premier {
	list-style-image: none;
	text-decoration: none;
}

#flag_accueil { /* Conteneur du drapeau Français de la page d'accueil */
	width: 238px;
	height: 26px;
	float: left;
	padding-top: 6px;
}

#flashcontent { /* Conteneur global du bandeau Flash */
	width: 854px;
	height: 207px;
	float: left;
	background: #000;
}

.last_li_menu_profils { /* Dernier élément du menu principal, en l'occurence : Journalist */
	float: left;
	width: 40px;
	height: 26px;
	padding: 1px 0 0 4px;
}

.li_menu_profils { /* Liste des boutons du menu par profils */
	float: left;
	width: 96px;
	height: 26px;
	padding: 1px 0 0 4px;
}	
	
.li_puce_profils { /* Bloc contenant la puce noire situé à côté des noms de profils */
	float: left;
	width: 9px;
	height: 26px;
	background: url(../img/puce_menu_profils.jpg) no-repeat;
}

#logo_bandeau { /* Logo Mines Paristech bandeau page accueil */
	width: 125px;
	height: 207px;
	background: url(../img/logo_mines_paristech_bandeau.jpg) no-repeat;
	float: left;
}

#menu_rubriques { /* Contient tous les boutons du menu principal */
	width: 776px;
	height: 32px;
	background:url(../img/sprite.png) repeat-x 0 0;	
	float: left;
	padding: 0;
}

#menu_profils { /* Conteneur du menu par profils */	
	width: 750px;
	float: left;
	margin-left: 2px;
	padding-top: 7px;
	height: 24px;
}

#menu_profils ul { /* Liste globale du menu par profils */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
#menu_profils ul li.youare { /* Bloc you are du menu par rubriques */
	float: left;
	width: 29px;
	text-align: center;
	margin-top: -5px;
	background: none;
}

#mini_bandeau { /* Bandeau contenant le mini-flash de navigation dans les pages de contenu */
	width: 230px;
	height: 56px;
	float: right;
	padding: 5px 2px 0 0;
	background: url(../img/menu_alt_flash.jpg) no-repeat left 5px;
}

/* ----------------------------- */
/*           Leftside            */
/* ----------------------------- */

#head_box { /* En tête du module meet us de la page d'accueil */
	width: 170px;
	height: 14px;
	background: url(../img/head_box.jpg) repeat-x;
	padding: 1px 0 0 10px;
}
	
.headline { /* Texte des bandeau défilant news */
    position: absolute;
    top: 150px;
    left: 5px;
    height: 195px;
    width:190px;
	margin-left: 4px;
}

#left_sidebar { /* Colonne gauche du site */
	width: 228px;
	float: left;
}
	
#left_sidebar_accueil { /* Colonne gauche de la page d'accueil */ 
	width: 128px;
	min-height: 421px;
	float: left;
}

#logo { /* Logo Mines Paristch */
	width: 160px;
	height: 153px;
	float: left;
	background: url(../img/logo_mines_paristech.gif) no-repeat 44px 0;/* MODIFIE 24-11-2009 */
	margin: 20px 0 0 0;
}

#logo_print.contenu {
	float: right;
	margin-right: 30px;
	display: none;
}

#logo_print.home {
	margin: 0 0 20px 120px;
	display: none;	
}


/* SOUS-MENU */

/* modif ccsi */
#sous_menu { /* Sous-menu simple, sans les 3 blocs gris */
        width: 210px;
        //height: 200px;
        float: left;
        padding-left: 20px;
}


#sous_menu_blocs { /* Sous-menu avec les 3 blocs gris */
	width: 140px;
	height: 200px;
	float: left;
	padding: 0 70px 0 20px;
	background: url(../img/img_home_suite_bloc.jpg) no-repeat right top;
}

#sous_menu ul, #sous_menu_blocs ul {
	margin-left: 13px;
	list-style-type: none;
}

#sous_menu h1, #sous_menu_blocs h1 {
	color: #056fb2;
	font-size: 14px;
	margin-bottom: 10px;
}

/* niveau 1 */

.sous_menu_n1 { list-style-image: url(../img/puce_sous_menu.jpg);}
.sous_menu_n1 a { color: #9c9e9f; text-decoration: none;}
.sous_menu_n1 a:hover {  text-decoration: underline;}

.sous_menu_n1_actif { list-style-image: url(../img/puce_sous_menu_active.jpg);}
.sous_menu_n1_actif a { color: #056fb2; text-decoration: none;}
.sous_menu_n1_actif a:hover { text-decoration: underline;}

.sous_menu_ul_n1 {margin-bottom: 10px;}

/* niveau 2 */ 

.sous_menu_n2 { list-style-image: url(../img/puce_noire.jpg);}
.sous_menu_n2 a { color: #9c9e9f; text-decoration: none;}
.sous_menu_n2 a:hover {  text-decoration: underline;}

.sous_menu_n2_actif { list-style-image: url(../img/puce_noire.jpg);}
.sous_menu_n2_actif a { color: #000; text-decoration: none;}
.sous_menu_n2_actif a:hover {  text-decoration: underline;}

.sous_menu_ul_n2 {margin-top: 10px; margin-bottom: 10px;}

/* niveau 3 */ 

.sous_menu_n3 { list-style-image: url(../img/puce_bleue.jpg);}
.sous_menu_n3 a { color: #056fb2; text-decoration: none;}
.sous_menu_n3 a:hover {  text-decoration: underline;}

.sous_menu_n3_actif { list-style-image: url(../img/puce_bleue.jpg);}
.sous_menu_n3_actif a { color: #056fb2; text-decoration: underline;}

.sous_menu_ul_n3 {margin-top: 5px; margin-bottom: 10px;}

/* niveau 4 */ 

.sous_menu_n4 { list-style-image: url(../img/puce_grise.jpg);}
.sous_menu_n4 a { color: #9c9e9f; text-decoration: none;}
.sous_menu_n4 a:hover {  text-decoration: underline;}

.sous_menu_n4_actif { list-style-image: url(../img/puce_grise.jpg);}
.sous_menu_n4_actif a { color: #9c9e9f; text-decoration: underline;}

/* ----------------------------- */
/*            Middle             */
/* ----------------------------- */

#articles_accueil {
	width: 250px;
	min-height: 421px;
	float: left;
	position: relative; 
}

.article_acceuil {
	padding: 0 30px 0 110px;
	float: left;
	height: 100px;
}

/* Conteneur des bandeaux d'images centre page */
.bandeau_images {margin: 16px 0 16px 0; width: 100%;}
.bandeau_images img {margin-right: 10px;}
.bandeau_images_right_sidebar {width: 100%;}

#bandeau_carnot, #bandeau_isige {
	width: 567px;
	height: 185px;
	margin: 10px 0 14px 20px;
	float: left;
}

#bandeau_carnot {
	background: url(../img/bandeau_instituts_carnot.jpg) no-repeat;
}

#bandeau_isige {
	background: url(../img/bandeau_isige.jpg) no-repeat;	 
}

/* BLOCKQUOTES */

.blockquote_zone_important {
	background: url(../img/puce_zone_important.jpg) no-repeat top left;
	margin: 0 0 20px 0;
	padding: 6px 0 0 40px;
	color: #056fb2;
}

.blockquote_citations {
	background: url(../img/guillemets_interview.jpg) no-repeat top left;
	margin: 0 0 20px 0;
	padding: 2px 0 0 40px;
}

/* FORMULAIRE DE CONTACT */

#contact {width: 100%;font-weight: bold;}

.contact_input { 
	width: 402px;
	margin-bottom: 4px;
	border: none;
	background: #ededed;
	padding-left: 4px;
	font-size: 11px;
}

.contact_envoyer { 
	background: none;
	width: 50px;
	border: none;
	color: #9c9e9f;
	font-weight: bold;
	margin-right: 16px;
}

#contenu, #contenu_home, #contenu_liste_actus { /* Conteneur du contenu des pages de centre */
	width: 528px;
	float: left;
	padding: 20px 20px 8px 20px;
	font-size: 12px;
	line-height: normal;
}

/* ENCARTS PAGE CENTRE */

#contenu h1.encart_bon_a_savoir { /* MODIFIE- 30-10-2009 */
	background: #ececec url(../img/bord_top_bon_a_savoirl.jpg) top left no-repeat;
	margin: 0;
	font-size: 13px;
	color: #056fb2;
	font-weight: bold;
	padding: 27px 20px 20px 60px;
	width: 425px;	
}

#contenu p.encart_bon_a_savoir { /* MODIFIE- 30-10-2009 */
	background: #ececec url(../img/bord_bas_bon_a_savoir.jpg) left bottom no-repeat;
	padding: 0 20px 20px 60px;
	width: 425px;	
	margin-bottom: 20px;	
}

#contenu h1.encart_commentaires { /* MODIFIE- 30-10-2009 */
	background: #9c9d9f url(../img/bord_top_commentaires.jpg) left top no-repeat;
	margin: 0;
	padding: 10px 18px 16px 14px;
	color: #FFF;
	font-size: 12px;
	width: 472px;
}

#contenu p.encart_commentaires { /* MODIFIE- 30-10-2009 */
	padding: 0 18px 16px 14px;
	background: #9c9d9f url(../img/bord_bas_commentaires.jpg) left bottom no-repeat;
	color: #FFF;
	width: 473px;
	margin-bottom: 20px;	
}

#encart_titre_techneo { 
	width: 534px;
	background: #ededed  url(../img/encart_titre_techneo_bottom.jpg) bottom left no-repeat;	
	margin-bottom: 20px;
}

#encart_titre_techneo h1 { 
	color:#056fb2; 
	font-size:14px; 
	font-weight: bold;
	background: url(../img/encart_titre_techneo_top.jpg) top left no-repeat;
	padding: 10px 0 10px 6px;
	padding: 10px 0 0 6px\9;	
	line-height: 20px;
}

#encart_techneo_left {
	width: 240px;
	height: 170px;
	float: left;
	padding: 8px 0 0 0;	
}

#encart_techneo_right { 
	width: 260px;
	float: right;
	background: #ededed url(../img/encart_techneo_right_bottom.jpg) bottom left no-repeat;
	margin-bottom: 20px;
}

#encart_techneo_right h1 {  
	font-size: 12px;
	font-weight: bold;
	color: #003971;
	background: transparent url(../img/encart_techneo_right_top.jpg) top left no-repeat;
	padding: 10px 0 0 24px;
}

#encart_techneo_right ul { 
	list-style-type: none;
	padding: 0 0 10px 24px;
}

#encart_techneo_left h1 {  
	font-size: 12px;
	font-weight: bold;
	color: #003971;
}

#encart_techneo_left ul { 
	list-style-type: none;
}

#encart_techneo_left li, #encart_techneo_right li { 
	margin-bottom:6px;
	color: #666;
}

#encart_techneo_left strong { 
	font-weight: bold;
	color: #003971;	
}

/* IMAGES */

.img_article_accueil {
	position: absolute;
	left: 5px;
}

.img_top_left {
	float: left;
	margin: 0 30px 10px 0;
}
	
.img_interview {margin: -8px 30px 10px 0;}
.img_intro {margin: 30px 30px 10px 0;}	
	
.img_mid_left {
	float: left;
	margin: 0 10px 10px 0;
}
	
.img_top_right {float: left;}
	
.img_right_sidebar {margin: 40px 0 0 0;}

#liens_accueil { /* Liens de la page d'accueil */
	width: 182px;
	float: left;
	color: #000;
	padding: 0 0 0 10px;
}
	

/* correction ccsi */
.location_text{ /* Texte qui apparait et disparait dans la rubrique location */
        //position:absolute;
        width: 500px;
        height:600px;
}


#pepite_accueil { /* Conteneur du bloc central de la page d'accueil MODIFIE 17-11-2009 */
	width: 410px;
	min-height: 470px;
  	height:auto !important; /* Correction bug min-height IE6 */
  	height: 470px;
	float: left;
	font-size: 12px;
	line-height: normal;
	padding-bottom: 8px;
}

/* Bloc profil de la page Teaching staff */
#profil {margin: 20px 0 30px 0;}
#profil_encart { 
	float: left; 
	width: 360px; 
	height: 129px; 
	background: url(../img/fond_encart_profil.jpg) no-repeat;
	padding: 10px 0 0 10px;
}

.search { 
	padding: 10px;
	background: #ededed;
} 

#search_centre { 
	width: 520px;
	float: left;
	margin-bottom: 20px;
}

#search_centre a.lien { 
	color: #056fb2;
	font-size: 10px;	
}

#search_centre select.selection { 
	width: 360px;
}

#search_competences { 
	width: 520px;
	float: left;
}

#search_competences a.lien { 
	color: #056fb2;
	font-size: 10px;	
}

#search_competences input.ok { 
	background: none;
	float: left;
	width: 26px;
	height: 18px;
	font-size: 10px;
	margin-left: 10px;
}

#search_competences input.text { 
	float: left;
	width: 320px;
	height: 18px;
	border: 1px solid #999;
	background: #FFF;	
}

/* Propriété des tableaux centre page */
.tableau_td_blanc { background: #FFF; color: #000; padding: 6px;}
.tableau_td_bleu { background: #dae0f0; color: #056fb2; padding: 6px; text-align:center; font-weight:bold; font-size:12px}
.tableau_td_beige { background: #ededee; color: #666; padding: 6px;}
.tableau_td_beige_uni { background: #ededee; color: #9c9e9f; padding: 6px;}

ul.liste_elem1 {padding-left: 13px;}

ul.liste_elem2 {list-style-type: none; margin-top: 16px;}
ul ul.liste_elem2 {padding: 0 0 16px 40px; margin:0;}

/* ----------------------------- */
/*           Rightside           */
/* ----------------------------- */

#acces_rapide {
	width: 120px;
	float: left;
}

#acces_rapide ul {list-style-type: none;}
	
#acces_rapide li {display: inline;}

#icono_cont { /* Icônes de raccourcis colonne de droite */
	width: 100%;
	float: left;
	padding: 14px 0 16px 0;
	color: #000;
}

#logo_carnot, #logo_isige { /* Contient le logo de l'Institut Carnot */
	width: 168px;
	height: 164px;
	float: left;
	padding-bottom: 10px;
	margin-top: 10px;
}

#logo_carnot {background: url(../img/logo_instituts_carnot.jpg) no-repeat;}
#logo_isige {background: url(../img/logo_isige.jpg) no-repeat;}

#meet_us_accueil { /* Module Meet us de la page d'accueil */
	width: 180px;
	float: right;
	border: #d0d8ec solid 1px;
	margin: 10px 0 20px 5px;
}

#meet_us_accueil_text { /* Texte du module Meet us de la page d'accueil */
	float: right;
	width: 144px;
	padding-right: 4px;
}

#right_sidebar { /* Colonne droite du site */
	width: 174px;
	min-height: 421px;
	float: right;
}

#right_sidebar_accueil { /* Colonne droite du site sur la page d'accueil */
	width: 192px;
	min-height: 421px;
	float: right;
}

#titre_acces_rapide { /* Bloc affichant l'intitulé des boutons survolés dans le module d'accès rapide */
	height: 10px;
	color: #056fb2;
	font-size: 9px;
	margin: 4px 0 0 1px;
}

/* BANDEAU DEFILANT NEWS */

#scrollup { /* Contient et délimite la zone d'affichage des news page d'accueil */
	float: left;
    position: relative;
    overflow: hidden;
    height: 140px;
    width: 184px;
	margin: 0 0 16px 10px;
	background: url(../img/fond_news.jpg) no-repeat;
}

/* ENCARTS COLONNE DROITE */

#zone_mines {
	width: 100%;
	float: left;
	background: white url(../img/bord_bas_icono.jpg) no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	margin-top: 10px;
}

#zone_mines h1 {
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	background: transparent url(../img/bord_haut_icono.jpg) no-repeat;
	background-position: left top;
	padding: 10px;
}
	
#zone_mines p {color: #FFF;padding: 0 14px 0 10px;}

#zone_infos {
	width: 100%;
	float: left;
	background: white url(../img/bord_bas_icono_news.jpg) no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	margin-top: 10px;
}

#zone_infos h1 {
	font-size: 12px;
	color: #003882;
	font-weight: bold;
	background: transparent url(../img/bord_haut_icono_news.jpg) no-repeat;
	background-position: left top;
	padding: 10px;
}
	
#zone_infos p {color: #000; font-weight: bold;padding: 0 14px 0 10px;}	

#zone_lifestyle {
	width: 100%;
	float: left;
	background: white url(../img/bord_bas_location.jpg) no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	margin-top: 10px;
}

#zone_lifestyle h1 {
	background: transparent url(../img/bord_haut_location.jpg) no-repeat;
	background-position: left top;
	padding-top: 10px;
	}
	
#zone_lifestyle h2 {
	font-size: 12px;
	color: #003882;
	font-weight: bold;
	padding: 0 10px 0 10px;	
}	
	
#zone_lifestyle p {color: #000; font-weight: bold;padding: 6px 14px 10px 10px;}
#zone_lifestyle p a { color: #000; font-weight: bold; text-decoration: underline;}

#zone_carnot, #zone_isige {
	width: 100%;
	float: left;
	padding-bottom: 10px;
	margin-top: 10px;
}

#zone_carnot {background: white url(../img/bord_bas_carnot.jpg) no-repeat left bottom;}
#zone_isige {background: white url(../img/bord_bas_isige.jpg) no-repeat left bottom;}

#zone_carnot h1, #zone_isige h1 {
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	padding: 10px;
}

#zone_carnot h1 {background: transparent url(../img/bord_haut_carnot.jpg) no-repeat left top;}
#zone_isige h1 {background: transparent url(../img/bord_haut_isige.jpg) no-repeat left top;}
	
#zone_carnot p, #zone_isige p {color: #FFF;padding: 0 14px 0 10px;}

/* ----------------------------- */
/*            Footer             */
/* ----------------------------- */
	
#bord_droit_footer{
	width: 4px;
	height: 15px;
	background: url(../img/bord_droit_footer.jpg) no-repeat;
	float: right;
	margin: 0 2px 0 0;
}

#bord_gauche_footer{
	width: 4px;
	height: 15px;
	background: url(../img/bord_gauche_footer.jpg) no-repeat;
	float: left;
	margin: 0 0 0 2px;
}

#copyright {
	width: 980px;
	height: 20px;
	text-align: center;
	letter-spacing: 1px;
	font-size: 9px;
	color: #9c9e9f;
	float: left;
}

#footer { /* Conteneur global du pied de page */
	float: left;
	margin-top: 16px;
}

#footer_rubriques {
	width: 980px;
	height: 15px;
	background: url(../img/fond_footer.jpg) repeat-x;
	float: left;
	text-align: center;
	padding-top: 1px;	
}

#footer ul { /* Bloc contenant tous les liens du site */
	list-style-type: none;
	font-size: 9px;
	color: #9c9e9f;
	margin: 0;
	padding: 0;
}

#footer li { /* Liens page du site pied de page */
	display: inline;
	padding-right: 4px;
	letter-spacing: 1px;
}
	
#footer_logos { /* Logos affichés dans le pied de page */
	width: 994px;
	height: 30px;
	float: left;
	margin: 10px 0 10px 0;
	text-align: center;
}

#footer_logos ul {list-style-type: none;}

#footer_logos li {
	display: inline;
	padding-right: 2px;
}

/* ---------------------------------------------*/
/* ---------------->>> HACKS <<<----------------*/
/* ---------------------------------------------*/ 

/* Correction léger décalage bandeausur IE6 */
* html #bandeau {margin-left: 1px;}	

* html #container { /* Correction bug alignement container Pour IE 6 */
	margin: 0;
	padding: 4px 0 0 4px;
}	

*+html #container { /* Correction bug alignement container Pour IE 7 */
	margin: 0;
	padding: 4px 0 0 4px;
}
	
/* Correction leger décalage fil d'ariane sous IE6 */
* html #fil_ariane {margin-left: 3px;}
*+html #fil_ariane {margin-left: 6px;}

* html #footer_rubriques {width: 978px;}

* html .last_li_menu_profils {height: 23px;}
* html .li_menu_profils {height: 23px;}

* html .location_text {margin-top: 20px;}
*+html .location_text {margin-top: 20px;}

* html #menu_profils ul li.youare {
	width: 26px;
	margin-right: 1px;
	margin-top: -5px;
}
	
* html #menu_profils {padding-top: 5px;}

object:active, div:active {outline: none;}
object:focus, div:focus {-moz-outline-style: none;}

.spacer { /* Fonction permettant d'effacer les propriétés du Float précédent */
  clear: both;
}






// styles ajoutes par le ccsi


.img384 {
width:384px;
height:138px;
}

.img274 {
width:274px;
height:274px;
}

.img121 {
width:121px;
height:121px;
}


.img55 {
width:55px;
height:55px;
}

.img197 {
width:197px;
height:197px;
}

.img115 {
width:115px;
height:115px;
}

.img59 {
width:59px;
height:59px;
}

.img132 {
width:132px;
height:132px;
}




.imglogocentre {
width:168px;
}

.imgbandeaucentre {
width:568px;
height:185px;
}

// le style a sur les div et les td ajoutes par le ccsi
#contenu div a, #contenu_liste_actus p a {color: #333; font-weight: bold;}
#contenu td a, #contenu_liste_actus p a {color: #333; font-weight: bold;}


#logo_centre { /* Logo du centre dans la partie droite */
        width: 168px;
        height: 164px;
        float: left;
        padding-bottom: 10px;
        margin-top: 22px;
}

.imagecontenu_1-2images {
width:313px;
height:118px;
}

.imagecontenu_2-2images {
width:116px;
height:118px;
}

.imagecontenu_3images {
width:116px;
height:118px;
}

/* page d'accueil */

.pepite1 {
width:211px;
height:138px;
}

.pepite2 {
width:99px;
height:138px;
}

.accueil_article {
width:59px;
height:59px;
}

.page_centre {
width:468px;
height:185px;
}







/* cms */
.bandeau_images_ajoutstylecms {
	margin: 30px 0 16px 0;
	width: 100%;
	border:#501000 1px dotted;
}

.bandeau_images_ajoutstylecms img {margin-right: 10px;}
.bandeau_requetes_ajoutstylecms {margin: 16px 0 16px 0; height:20px; width: 80%; border:#0000FF 2px dotted;}


.blockquote_citations_ajoutstylecms {
        background: url(../img/guillemets_interview.jpg) no-repeat top left;
        margin: 0 0 20px 0;
        padding: 2px 0 0 40px;
        border:#501000 1px dotted;
}

.blockquote_zone_important_ajoutstylecms {
        background: url(../img/puce_zone_important.jpg) no-repeat top left;
        margin: 0 0 20px 0;
        padding: 6px 0 0 40px;
        color: #056fb2;
	border:#501000 1px dotted;
}



.h1-encart_bon_a_savoir_ajoutstylecms { /* MODIFIE- 30-10-2009 */
        background: #ececec url(../img/bord_top_bon_a_savoirl.jpg) top left no-repeat;
        margin: 0;
        font-size: 9px;
        color: #056fb2;
        font-weight: bold;
        padding: 27px 20px 20px 45px;
        width: 425px;
}

.h1-encart_bon_a_savoir { /* MODIFIE- 30-10-2009 */
        background: #ececec url(../img/bord_top_bon_a_savoirl.jpg) top left no-repeat;
        margin: 0;
        font-size: 13px;
        color: #056fb2;
        font-weight: bold;
        padding: 27px 20px 20px 60px;
        width: 425px;
}



.p-encart_bon_a_savoir { /* MODIFIE- 30-10-2009 */
        background: #ececec url(../img/bord_bas_bon_a_savoir.jpg) left bottom no-repeat;
        padding: 0 20px 20px 60px;
        width: 425px;
        margin-bottom: 20px;
}


.p-encart_bon_a_savoir_ajoutstylecms { /* MODIFIE- 30-10-2009 */
        background: #ececec url(../img/bord_bas_bon_a_savoir.jpg) left bottom no-repeat;
        padding: 0 20px 20px 45px;
        width: 425px;
        margin-bottom: 20px;
}



.h1-encart_commentaires_ajoutstylecms { /* MODIFIE- 30-10-2009 */
        background: #9c9d9f url(../img/bord_top_commentaires.jpg) left top no-repeat;
        margin-bottom: 10px;
        padding: 10px 18px 16px 14px;
        color: #FFF;
        font-size: 10px;
        width: 472px;
}

.h1-encart_commentaires { /* MODIFIE- 30-10-2009 */
        background: #9c9d9f url(../img/bord_top_commentaires.jpg) left top no-repeat;
        margin-bottom: 0px;
        padding: 10px 18px 16px 14px;
        color: #FFF;
        font-size: 10px;
        width: 472px;
}



.p-encart_commentaires_ajoutstylecms { /* MODIFIE- 30-10-2009 */
        padding: 0 18px 16px 14px;
        background: #9c9d9f url(../img/bord_bas_commentaires.jpg) left bottom no-repeat;
        color: #FFF;
        width: 473px;
        margin-bottom: 20px;
}

.p-encart_commentaires { /* MODIFIE- 30-10-2009 */
        padding: 0 18px 16px 14px;
        background: #9c9d9f url(../img/bord_bas_commentaires.jpg) left bottom no-repeat;
        color: #FFF;
        width: 473px;
        margin-bottom: 20px;
}







.img_top_left_news {
        float: left;
        margin: 0 10px 10px 0;
}

.img_top_left {
        float: left;
        margin: 0 30px 10px 0;
        width:146px;
        height:225px;
}






#contenu h6, #contenu_liste_actus h6 {
        font-size: 18px;
        font-weight: bold;
        color: #000;
        margin-bottom: 8px;
}