.ui-tabs .ui-tabs-hide {
	display: none;
}

/* le bloc onglets + contenu numero 1 - "tab1" a renommer si besoin :) */
div#tab1 {
	width : 280px;
}

/* mise en forme du bloc d'onglets */
div#tab1 .ui-tabs-nav {
	position : relative;
	z-index : 2; /* au-dessus de .ui-tabs-panel qui est à 1 */

	/* height: 20px; */

	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	/*background-color : white;*/
}

/* par defaut */
div#tab1 .ui-tabs-nav li {
	border-bottom-width : 0 !important;
	float               : left;
	margin              : 0;
	padding             : 0;
	position            : relative;
/* 	background-image    : url(); ICI l'IMAGE DE L'ONGLET */
	left                : -10px;
	z-index				: 1;
	text-align			: left;
}
div#tab1 .ui-tabs-nav li.first_tab {
	left : 0px;
}

div#tab1 .ui-tabs-nav li.second_tab {
	left : -7px;
}

div#tab1 .ui-tabs-nav li.third_tab {
	left : -14px;
}

div#tab1 .ui-tabs-nav li.four_tab {
	left : -21px;
}
div#tab1 .ui-tabs-nav li.first_tab a {
	width: 39px;
}

div#tab1 .ui-tabs-nav li.second_tab a {
	width: 37px;
}

div#tab1 .ui-tabs-nav li.third_tab a {
	width: 63px;;
}

div#tab1 .ui-tabs-nav li.four_tab a {
	width: 54px;
}
#tab1 .ui-tabs-nav .G {
	background-image: url(/media/site/gen/onglet_gauche_off-trans.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 5px;
	display: block;
	float: left;
}
#tab1 .ui-tabs-nav .C {
	background-image: url(/media/site/gen/onglet_centre_off-trans.png);
	background-repeat: repeat-x;
	height: 16px;
	display: block;
	float: left;
	padding-left: 2px;
}
#tab1 .ui-tabs-nav .D {
	background-image: url(/media/site/gen/onglet_droite_off-trans.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 11px;
	float: left;
}
#tab1 .ui-tabs-nav .ui-state-active .G {
	background-image: url(/media/site/gen/onglet_gauche_on-trans.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 5px;
	display: block;
	float: left;
}
#tab1 .ui-tabs-nav .ui-state-active .C {
	background-image: url(/media/site/gen/onglet_centre_on-trans.png);
	background-repeat: repeat-x;
	height: 16px;
	display: block;
	float: left;
	padding-left: 2px;
}
#tab1 .ui-tabs-nav .ui-state-active .D {
	background-image: url(/media/site/gen/onglet_droite_on-trans.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 11px;
	float: left;
}
div#tab1 .ui-tabs-nav a {
	color : #d1d1d1;
}

/* Etat par défaut des onglets */
div#tab1 .ui-state-default {
	z-index : 0;
}

/* Etat lorsqu'on passe la souris sur l'onglet */
div#tab1 .ui-tabs-nav li.ui-state-hover {

	z-index : 1;
}


/* Etat actif/selectionné de l'onglet */
div#tab1 .ui-tabs-nav li.ui-state-active {
	float: left;
	position: relative;
	z-index: 2;	
}

/** Style des éléments contenus dans l'onglet à l'état par défaut **/
/* le lien <a> */
div#tab1 .ui-tabs-nav li.ui-state-default a {
	color : #d1d1d1;
}

/** Style des éléments contenus dans l'onglet lorsque la souris passe dessus **/
/* le lien <a> */
div#tab1 .ui-tabs-nav li.ui-state-hover a {
	color : white;
}

/** Style des éléments contenus dans l'onglet actif/sélectionné (double clic) **/
/* le lien <a> */
div#tab1 .ui-tabs-nav li.ui-state-active a {
	color : white;
}


/* mise en forme générale des contenus <div> Portrait, projets, etc */
div#tab1 .ui-tabs-panel {
	position: relative;
	z-index : 1;
	top : 0px;
	width : 250px;
}

/* Mise en forme contenus onglets portrait, projets... */

div#portrait, div#projets, div#infos, div#avis {
	background-image: url(/media/site/gen/bas_actus-trans.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-top: 0px;
	padding-bottom: 11px;
	margin-bottom: 15px;
}
div#portrait a.liens {
	color: #7F7F7F;
	/*padding-right: 20px;*/
	display: block;
	margin-top: 3px;
	text-align: right;
}
div#portrait a.liens:hover {
	color: #ffffff;
}
/*div#portrait a.liens img {
	margin-left: 5px;
}*/
div#contenu_portrait h1 {
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 5px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}
div#contenu_portrait p {
	padding-bottom: 7px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}
div#contenu_portrait a {
	color: #FFFFFF;
}
div#contenu_projets, div#contenu_infos, div#contenu_avis {
	color: #FFFFFF;
	background-image: url(/media/site/gen/fond_menus_onglets-trans.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 25px;
	padding-right: 11px;
	padding-left: 0px;
}
div#contenu_portrait {
	color: #FFFFFF;
	background-image: url(/media/site/gen/fond_menus_onglets-trans.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 10px;
	padding-right: 11px;
	padding-left: 0px;
}
div#contenu_portrait #texte_portrait {
	z-index: 3;
	width: 237px;
	background-image: url(/media/site/gen/fond_menus-trans.png);
	background-repeat: repeat;
	padding-bottom: 0px;
	padding-top: 5px;
	position: relative;
	margin-top: -68px;
}
div#contenu_infos #texte_infos {
	z-index: 3;
	width: 240px;
	background-image: url(/media/site/gen/fond_menus-trans.png);
	background-repeat: repeat;
	padding-bottom: 0px;
	padding-top: 5px;
	position: relative;
	margin-top: 0px;/*-26px;*/
}
div#contenu_infos h1, div#contenu_avis h1 {
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
div#contenu_projets h1 {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
div#contenu_projets hr {
	height: 1px;
	padding: 0;
	color: #999;
	background-color: #999;
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 3;
	margin-left: 0;
}
div#contenu_projets p, div#contenu_infos p, div#contenu_avis p {
	padding-bottom: 7px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}
div#contenu_infos img.couverture {
	margin-left: 33px;
}
div#contenu_avis img.logo {
	float: left;
	margin-right:5px;
}
div#contenu_projets img.projets {
	float: left;
	margin-right:5px;
}
div#contenu_projets h1 a, div#contenu_infos h1 a, div#contenu_avis h1 a {
	color: #FFFFFF;
}
div#contenu_projets a, div#contenu_infos a, div#contenu_avis a {
	color: #CCCCCC;
}
div#navigation a.liens {
	color: #7F7F7F;
	display: block;
	margin-top: 0px;
	text-align: right;
	padding-right: 10px;
}
div#navigation a.liens:hover {
	color: #ffffff;
}
div#navigation a.liens img {
	margin-left: 5px;
	margin-top: 0px;
}






/* Mise en forme onglets recherche */

/* le bloc onglets + contenu numero 1 - "tab1" a renommer si besoin :) */
div#tab2 {
	position: relative;
	float: left;
	margin-top: 0px;
}

/* mise en forme du bloc d'onglets */
div#tab2 .ui-tabs-nav {
	position : relative;
	z-index : 2; /* au-dessus de .ui-tabs-panel qui est à 1 */

	/* height: 20px; */

	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	/*background-color : white;*/
}

/* par defaut */
div#tab2 .ui-tabs-nav li {
	border-bottom-width : 0 !important;
	float               : left;
	margin              : 0;
	padding             : 0;
	position            : relative;
	/* 	background-image    : url(); ICI l'IMAGE DE L'ONGLET */
	left                : 0px;
	z-index				: 1;
	text-align			: left;
}
div#tab2 .ui-tabs-nav li.first_tab_rech {
	left : 0px;
}

div#tab2 .ui-tabs-nav li.second_tab_rech {
	left : -7px;
}

div#tab2 .ui-tabs-nav li.third_tab_rech {
	left : -14px;
}
div#tab2 .ui-tabs-nav li.first_tab_rech a {
	width: 65px;
}

div#tab2 .ui-tabs-nav li.second_tab_rech a {
	width: 51px;
}

div#tab2 .ui-tabs-nav li.third_tab_rech a {
	width: 85px;
}
#tab2 .ui-tabs-nav .G {
	background-image: url(/media/site/gen/onglet_gauche_off-trans.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 5px;
	display: block;
	float: left;
}
#tab2 .ui-tabs-nav .C {
	background-image: url(/media/site/gen/onglet_centre_off-trans.png);
	background-repeat: repeat-x;
	height: 16px;
	display: block;
	float: left;
	padding-left: 2px;
}
#tab2 .ui-tabs-nav .D {
	background-image: url(/media/site/gen/onglet_droite_off-trans.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 11px;
	float: left;
}
#tab2 .ui-tabs-nav .ui-state-active .G {
	background-image: url(/media/site/gen/onglet_gauche_on-trans.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 5px;
	display: block;
	float: left;
}
#tab2 .ui-tabs-nav .ui-state-active .C {
	background-image: url(/media/site/gen/onglet_centre_on-trans.png);
	background-repeat: repeat-x;
	height: 16px;
	display: block;
	float: left;
	padding-left: 2px;
}
#tab2 .ui-tabs-nav .ui-state-active .D {
	background-image: url(/media/site/gen/onglet_droite_on-trans.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 11px;
	float: left;
	background-color: tranparent;
}
div#tab2 .ui-tabs-nav a {
	color : #d1d1d1;
}

/* Etat par défaut des onglets */
div#tab2 .ui-state-default {
	z-index : 0;
}

/* Etat lorsqu'on passe la souris sur l'onglet */
div#tab2 .ui-tabs-nav li.ui-state-hover {

	z-index : 1;
}


/* Etat actif/selectionné de l'onglet */
div#tab2 .ui-tabs-nav li.ui-state-active {
	float: left;
	position: relative;
	z-index: 2;	
}

/** Style des éléments contenus dans l'onglet à l'état par défaut **/
/* le lien <a> */
div#tab2 .ui-tabs-nav li.ui-state-default a {
	color : #d1d1d1;
}

/** Style des éléments contenus dans l'onglet lorsque la souris passe dessus **/
/* le lien <a> */
div#tab2 .ui-tabs-nav li.ui-state-hover a {
	color : white;
}

/** Style des éléments contenus dans l'onglet actif/sélectionné (double clic) **/
/* le lien <a> */
div#tab2 .ui-tabs-nav li.ui-state-active a {
	color : white;
}


/* mise en forme générale des contenus <div> recherche, e-lettre etc */
div#tab2 .ui-tabs-panel {
	position: relative;
	z-index : 1;
	top : 16px;
	width : 250px;
}
div#recherche, div#lettre, div#guide {
	background-image: url(/media/site/gen/bas_actus-trans.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-top: 0px;
	padding-bottom: 11px;
}
div#contenu_recherche, div#contenu_lettre, div#contenu_guide {
	color: #FFFFFF;
	background-image: url(/media/site/gen/fond_menus_onglets-trans.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 0px;
	padding-right: 11px;
	padding-left: 0px;
	padding-bottom: 10px;
}
div#contenu_recherche form, div#contenu_lettre form {
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-top:0px;
	margin-top:0px;
}
div#contenu_recherche input, div#contenu_lettre input {
	font-size: 10px;
	color: #ccc;
	background-color: #565656;
	width: 180px;
	float: left;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-left: 5px;
	margin-bottom: 5px;
	border: 1px solid #FFFFFF;
	margin-right: 10px;
}
div#contenu_recherche  p.form, div#contenu_lettre p.form, div#contenu_guide p.form {
	text-align: left;
	float: left;
	height: 13px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
}
div#contenu_recherche p.items, div#contenu_lettre p.items {
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
div#contenu_guide label {
	margin-left: 5px;
	padding-left: 10px;
}
div#contenu_guide select {
	font-size: 10px;
	color: #ccc;
	background-color: #565656;
	width: 190px;
	float: left;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-left: 0px;
	margin-bottom: 5px;
	border: 1px solid #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
}