/*--------------------------------------GLOBAL-------------------------------*/
*{
	margin:0px;
	padding:0px;
}

* img {
	behavior:	url("../pngbehavior.htc");
	}


html{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:url(../interface/TrameFond.png) repeat fixed;
}


body {
	background:url(../interface/trameDegrade.jpg) repeat-x fixed;
	height : 950px;
}

div#trame {
background:transparent url(../interface/trame_citia.png) repeat scroll 0 0;
height:100%;
overflow:hidden;
position:absolute;
top:0;
width:100%;
}

#conteneur {
	position: absolute;
	width: 800px;
	min-height:400px;
	left:50%;
	background-color:#F6FAFF;
	margin-left: -400px;
	padding-bottom:30px;
	-moz-border-radius:0 0 10px 10px;	
}

/*--------------------------------------ENTETE------------------------------*/
#header {
	width:800px;
	height: 90px;
	background-image:url("../interface/headerCitia.jpg");
	background-repeat: no-repeat;
	/*border-bottom:1px solid #001A53;*/
}

#LienHaut{
	width:250px;
	height:67px;
	position: relative;
	top : 7px;
	float:right;
}

.lienPictoG {
	margin-left : 150px !important;
	margin-left : 145px ;
}

.LienHeadLog {
	float : right;
	margin-right : 10px !important;
	margin-right : 5px;
	border-top : 1px solid #828B98;
	color : #2A2A2A;
}

.deconnect {
	float : right;
	margin-right : 10px;
	margin-top : -1px !important;
	margin-top : -5px;
}

.picto{
	width:20px;
	height:15px;
	border:0px;
	vertical-align : middle;
	behavior:	url("../pngbehavior.htc");
}

/*------------------------------------MENU / SSMENU---------------------------*/

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#site {
	position: absolute;
	z-index: 1;
	top : 70px;
	left : 10px;
	color: #000;
	background-color: #ddd;
	padding: 5px;
	border: 1px solid gray;
}

.mentions {
	position: absolute;
	top : 300px;
	left : 10px;
	color: #000;
	background-color: #ddd;
}

#invi{
  margin : 0;
  padding : 0;
  width : 800px;
  height : 30px;
  visibility: hidden;
}


/*------------------------------CONTENU CENTRALE GENERIQUE----------------------*/

#global_c {
	margin-top:45px;
	margin-left:50px;
	margin-bottom:50px;
}

#global_c_mini {
	margin-top:10px;
	margin-left:50px;
	margin-bottom:0px;
}

#gauche {
	position:relative;
	float:left;
	margin-left:10px !important;
	margin-left:3px;
	margin-top: 20px;
	padding-bottom:30px;
}

#droite {
	position:relative;
	float:right;
	margin-right:15px !important;
	margin-right:10px;
	margin-top: 20px;
	padding-bottom:100px;
}

.cleaner{
	clear: both;
	width: 100%;
	height : 0px;
	visibility : hidden;
	margin:0px;
	padding:0px;
	line-height: 0px;
}

.cleaner2{
	clear: both;
	border : 1px solid blue;
	height : 2000px;
	visibility : hidden;
}
/*-------------------Rappel Arborescence----*/
#rapArbo{
	margin:10px 19px 0px 13px;
	border-left : 1px solid #EBF1FF;
	background: #FAFCFF;
	padding : 5px;
}

#rapArbo ul#ss_rub  {
	margin-left:54px;
}

#rapArbo ul#ss_rub li {
  margin-top : 2px;
  margin-bottom : 2px;
  padding-left : 10px;
  background: url(../interface/puce_ss_rub.gif) no-repeat 0 6px;
}

/*Obligé pour IE (hack png)*/
#rapArbo span img{
	width:15px;
	height:15px;
}


#BlocMedia{
	position:relative;
	float:left;
	width:200px;
	
	margin-left:15px !important;
	margin-left:10px;
	margin-top:20px;
	display:block;
}

.img_divers	{
	margin-bottom:10px;
	width:180px;
	height:auto;
	margin-left:10px;
	border:0;
	behavior:url("../pngbehavior.htc");
}

.img_100 {
	margin-bottom:10px;
	width:180px;
	height:100px;
	margin-left:10px;
	border:0;
	behavior:url("../pngbehavior.htc");
}

.img_200 {
	margin-bottom:10px;
	width:180px;
	height:200px;
	margin-left:10px;
	border:0;
	behavior:url("../pngbehavior.htc");
}

.img_400 {
	margin-bottom:10px;
	width:180px;
	height:400px;
	margin-left:10px;
	border:0;
	behavior:url("../pngbehavior.htc");
}

/*------------Pictogramme rajouté dans l'éditeur------*/
.picto_lien{
	border:0px;
	width:25px;
	height:25px;
	vertical-align : middle;
	margin-right : 5px;
	}
	
	
/*----------------------------------CONTENU DU PIED-----------------------------*/
#pied {
	position:relative;
	height: 45px;
	width:800px;
	margin : 0;
	padding : 0;
  margin-bottom : -38px;
  color : #fff;
	background-color:#0d86ba;
	border-top:2px solid #11abed;
	border-bottom:2px solid #0d86ba;
	text-align:center;
	-moz-border-radius:0 0 10px 10px;
}

#pied a {
	color:#fff;
}

#pied p{
	font-size:0.85em;
	text-align:center;
	color:#fff;
	margin-top:2px;
}
/*---------------------------------------TITRES---------------------------------*/
h1{
	font-family:Arial;
	letter-spacing:0.15em;
	color:#0e99d3;
}

h2{
	font-family:Arial;
	letter-spacing:0.1em;
	color:#0d86ba;
}

h3{	/*Titre (edito, news...)*/
	font-family:Arial;

	color:#0d86ba;
	font-weight:bold;
	font-size:1.2em;
}

h4{	/*Nom des news*/
	font-family:Arial;
	color:#0d86ba;
	font-weight:bold;
	font-size:1.10em;
}

h5{
	font-family:Arial;
	color:#0d86ba;
	font-weight:bold;
}

h6{
	font-family:Arial;
	color:#0d86ba;
	font-weight:bold;
}
p{
	font-size:0.9em;
	text-align: left;
	margin-left:5px;
	color:#464646;
}

address{
	font-size:0.9em;
	color:#141414;
}

pre{
	font-size:0.9em;
	color:#282828;
}
/*-------------------------------------PARAGRAPHES-----------------------------*/
p{
	font-size:0.9em;
	text-align: left;
	margin:5px;
	color:#464646;
}

.listenone{
	list-style-type:none;	
}

.listenone li{
	margin-left:-10px;
}
/*------------------------------------LIEN GENERIQUE----------------------------*/
a:link{
	font-size:11px;
	color:#09749e;
	text-decoration:underline;
}

a:hover{
	font-size:11px;
	color:#0b87b8;
	text-decoration:none;
}

a:visited{
	font-size:11px;
	color:#0d99d1;
	text-decoration:underline;
}

a:visited:hover{
	font-size:11px;
	color:#0b87b8;
	text-decoration:underline;
}

/*----------Lien des onglets menu-------*/
#lienMenu a:link{	
	font-weight:bold;
	text-decoration:none;
	color:#0d88bd;
}

#lienMenu a:hover{
	font-weight:bold;
	text-decoration:underline;
	color:#09749e;
}
#lienMenu a:visited{
	font-weight:bold;	
	text-decoration:none;
	color:#09749e;
}

#lienMenu a:visited:hover{
	font-weight:bold;
	text-decoration:underline;
	color:#0d88bd;
}

/*-------------GROS LIEN-----*/
.GrosLien:link{
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0.1em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.GrosLien:hover{
	text-decoration:underline;
}


.GrosLien:visited{
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

.GrosLien:visited:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#fff;
}

a img {
  border: 0;
}
/*--------------------------------------PAGE ACCUEIL----------------------------*/
/*Cadre conteneur normaux*/
.cadreH{
	position:relative;
	width:270px;
	height:20px;
	background: url(../interface/cadre_haut.png) !important;
	background: url(../interface/cadre_hautIE.gif);
	background-repeat:no-repeat;
	behavior:	url("../pngbehavior.htc");
	
}

.cadreC{
	position:relative;
	width:270px;
	min-height:200px;
	background: url(../interface/cadre_centre.png) !important;
	background: url(../interface/cadre_centreIE.gif);
	background-repeat:repeat-y;
	margin-top:0px;
	padding-top:17px !important;
	margin-bottom:5px ;
	behavior:url("../pngbehavior.htc");
}

.cadreB{
	position:relative;
	width:270px;
	height:17px;
	background: url(../interface/cadre_bas.png) !important;
	background: url(../interface/cadre_basIE.gif);
	background-repeat:no-repeat;
	margin-top:-5px;
	behavior:url("../pngbehavior.htc");
}
/*Petits Cadre conteneurs */
.cadreHp{
	position:relative;
	width:200px;
	height:15px;
	background: url(../interface/cadre_ph.png) !important;
	background: url(../interface/cadre_phIE.gif);
	background-repeat:no-repeat;
	behavior:	url("../pngbehavior.htc");
	
}

.cadreCp{
	position:relative;
	width:200px;
	min-height:50px;
	background: url(../interface/cadre_pc.png) !important;
	background: url(../interface/cadre_pcIE.gif);
	background-repeat:repeat-y;
	margin-top:0px;
	padding-top:17px !important;
	behavior:url("../pngbehavior.htc");
}

.cadreBp{
	position:relative;
	width:200px;
	height:15px;
	background: url(../interface/cadre_pb.png) !important;
	background: url(../interface/cadre_pbIE.gif);
	background-repeat:no-repeat;
	margin-top:-5px;
	behavior:url("../pngbehavior.htc");
}
/*Cadre conteneur 2 taille moyenne 377 px de large*/
.cadreH2{
	position:relative;
	width:377px;
	height:20px;
	background: url(../interface/cadre2_haut.png) !important;
	background: url(../interface/cadre2_hautIE.gif);
	background-repeat:no-repeat;
	behavior:	url("../pngbehavior.htc");
	
}

.cadreC2{
	position:relative;
	width:370px;
	min-height:250px;
	background: url(../interface/cadre2_centre.png) !important;
	background: url(../interface/cadre2_centreIE.gif);
	background-repeat:repeat-y;
	margin-top:0px;
	padding-top:17px !important;
	margin-bottom:5px ;
	padding-left:8px;
	behavior:url("../pngbehavior.htc");
}

.cadreC2 p{
/*	padding:2px;*/
}

.cadreB2{
	position:relative;
	width:377px;
	height:20px;
	background: url(../interface/cadre2_bas.png) !important;
	background: url(../interface/cadre2_basIE.gif);
	background-repeat:no-repeat;
	margin-top:-5px;
	/*margin-bottom:80px;*/
	behavior:url("../pngbehavior.htc");
}

/***/
.anim_acc{
	float:right;
	width:377px;
	min-height:240px;
	margin-right:10px;
	margin-top:22px;
}

#logo_marque {
	width:240px;
	height:180px;
	margin-left:20px;
	margin-bottom:10px;
	margin-top:-15px;
}


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

#logo_marque ul li  {
  margin-top: 15px;
}

#annecy2006{	
	float:left;
	width:468px;
	height:60px;
	margin-top:10px;
	margin-left:150px !important;
	margin-left:80px ;
}

div#annonce {
  margin-top : 10px;
  height: 150px;
}

div#annonce h3 {
  padding-bottom : 10px;
}

div#annonce h4 {
  padding-bottom : 10px;
}

div#annonce img {
  float: left;
  padding-right : 5px;
}

div#annonce a img {
 position: relative;
 top : -3px;
}
/*---------------DIV PUSH----------------*/
/*--PUSH1--*/
.push_acc{
	position:relative;
	width:340px;
	height:auto;
	border:1px solid #D9E0E9;
	background-color:#EFF3F7;
	padding:5px;
	cursor: pointer;
	-moz-border-radius:10px 10px 10px 10px;
	margin-bottom:6px;
}

.push_acc h4  {
  margin-bottom: 5px; 
}

div.media_push   {
  float:left;
  width : 130px;
  height : 100%;
  margin-bottom : 10px;
}

.txt_push{
  float:left;
  width : 210px;
}
/*-------------Cadre conteneur GRAND----------------------*/
.cadreglobH{
	position:relative;
	width:705px;
	height:20px;
	background: url(../interface/cadreglob_haut.png) !important;
	background: url(../interface/cadreglob_hautIE.gif);
	background-repeat:no-repeat;
	behavior:	url("../pngbehavior.htc");
	
}

.cadreglobC, .cadreglobCmini{
	position:relative;
	width:695px;
  min-height:20px;
	background: url(../interface/cadreglob_centre.png) !important;
	background: url(../interface/cadreglob_centreIE.gif);
	background-repeat:repeat-y;
	margin-top:0px;
	padding-top:0px !important;
	padding:5px;
	margin-bottom:5px ;
	behavior:url("../pngbehavior.htc");
}
.cadreglobC {
	min-height:200px;
}

.cadreglobCmini {
  text-align : center;
}

.cadreglobCmini h3{
  margin-bottom : 5px;
}

.cadreglobCmini p{
  text-align : center;
}

.cadreglobCmini div#swf_ban {
  cursor: pointer;
}

.cadreglobB{
	position:relative;
	width:705px;
	height:20px;
	background: url(../interface/cadreglob_bas.png) !important;
	background: url(../interface/cadreglob_basIE.gif);
	background-repeat:no-repeat;
	margin-top:-5px;
	behavior:url("../pngbehavior.htc");
}

.cadreglobC p{
	margin-bottom:10px;
	margin-right:20px;
}
/***/
#news{
	position:relative;
	width:350px;
	height:auto;
	margin-left:8px;
	margin-top:-17px;
}

#news p{
	font-size:0.9em;
	text-align: left;
	margin-left:10px;
	color:#464646;
}

#news img{
	float:left;
	margin:5px;
	padding-bottom : 45px;
}
#news h4{
	margin-top : 20px;
}
	
#news span{
	font-size:0.9em;
	text-align: justify;
	color:#767676;
}

#news a{
	text-decoration:underline;
	color:#5C5C5C;
}

#news a img {
  padding-bottom : 0px;
  position: relative;
  margin-top : -10px;

}

#news a:hover {
	color:#303030;
	text-decoration:none;
}

#news a:active {
	color:#001C55;
}
#news a:visited {
	color:#060C2F;
}

a#lien_pub_bas {

  position: relative;
  top : 15px
  left : 10px;
  }
  
a#lien_pub_bas img {
  border: 0px;
  width: 360px;
  height : 60px;
  }

/*-------------------------------PAGE ORGANISATION----------------------------*/

.BlocTxt{
	position:relative;
	width:250px;
	max-height:650px;
	margin-left:10px;
	margin-top:-17px;
	overflow:auto;
}

.BlocTxt p{
	font-size:12px;
	text-align: left;
	margin-left:5px;
	color:#464646;
}

.BlocTxt ul{
	font-size:12px;
	padding-bottom : 10px;
	border-bottom : 1px solid #ababab;
	color:#464646;
	list-style-type : disc;
}

.BlocTxt ul li  {
  padding : 2px 0;
}

.BlocTxt strong{
	font-weight : bold;
}

.txtDroiteH{
	display:none;
}

#BlocTxtp{
	position:relative;
	width:185px;
	height:auto;
	margin-left:5px;
	margin-top:-17px;
}

#BlocTxtp p{
	font-size:1em;
	text-align: left;
	margin-left:5px;
	color:#464646;	
}

#BlocTxtp a {
  text-decoration: underline;
}

#BlocTxtp p img {
	width:25px;
	height:25px;
	vertical-align:middle;
	
}

.BlocTxtp ul{
	font-size:12px;
	text-align: left;
	margin-left:20px;
	color:#464646;
	list-style-type : disc;
}

/*-------------MARCHE----------------------------*/
a.liste_marche  {
  margin-left : 20px;
 top : 20px;
 position: relative;
}

.tab_marche{
	width:98%;
}
.tab_marche th{
	background:#E6EAF7;
	color:#302F2F;
}
.tab_marche td{
	background:#F7F8FA;
	border-bottom:1px solid #E9EBEF;
	padding:2px;
	font-size:11px;
	text-align: justify;
	margin-left:5px;
	color:#464646;
}

.tab_marche td.alCentre{
	border-bottom:1px solid #E9EBEF;
	padding:2px;
	font-size:11px;
	text-align:center;
	margin-left:5px;
	color:#464646;
}

.tab_marche img{
	width:16px;
	height:16px;
	border : 0px;
	vertical-align : middle;
	margin-top : 2px;
	margin-bottom : 1px;
	margin-right : 5px;
	
}

/*Formatage des dates*/
.date{
	color:#2A2A2A;
	font-weight:bold;
}
.petite{
	width:75px;
}

.moyenne{
	width:125px;
}

.gras{
	font-weight:bold;
}

.italique{
	font-style:italic;
}

.italique2{
	font-style:italic;
	margin-left:60px;
}

.souligne{
	text-decoration: underline;
}

.centre{
	margin-left:12px;
	margin-top:50px;
}

.txtrouge	{
	color : #E40000;
}

/* Document log et inscription */
#act_btn	{
	width : 50%;
	text-align : center;

}

#act_btn img {
	width : 140px;
	height : 30px;
	margin-top : 20px;
	border : 0px;
}

#form_log	{
	display : none;
	visibility : hidden;
	width : 85%;
}

#form_log input {
	margin : 1px;
	padding : 0px;
}

#form_log label	{
  float: left;
  width:80px;
  margin : 1px;
  padding : 0px;
  color : #212121;
}

#form_inscr	{
	display : none;
	visibility : hidden;
	margin : 0;
	padding : 0;
}


/*------------------------------Style de superposition--------------------------*/
.z1{
	z-index:1;
}
.z2{
	z-index:2;
}
.z3{
	z-index:3;
}
.z4{
	z-index:4;
}
.z5{
	z-index:5;
}
.z6{
	z-index:6;
}
.z7{
	z-index:7;
}
.z8{
	z-index:8;
}

/*--------------------PAGE CONTACT-----------------------*/
.contact{
	width:50%;
	padding:5px;
	color:#001A53;
	font-size:1.1em;
	border-width : 0.1em;
	border-color :#879CBE;
	background-color:#EFF4FE;
	margin-top: 5px !important;
	margin-top: 20px;
}

.contact span{
	color : #E40000;
}

.contact2{
	width:200px;
	padding:5px;
	color:#001A53;
	font-size:1.1em;
	border-width : 0.1em;
	border-color :#879CBE;
	background-color:#EFF4FE;
}


.btn_form{
	border: 2px outset #879CBE;
	background-color:#C2D2E4;
	margin:5px;
	-moz-border-radius:5px 5px 5px 5px;
}

.btn_form:hover{
	border: 2px outset #879CBE;
	background-color:#AABED5;
	cursor:pointer;
}

input, textarea, select{
  border: 1px inset #879CBE;
}

div#blc_recherche{
  position: absolute;
  z-index: 100;
	width:269px;
	height:20px;
	right : 15px;
	margin-top:10px;
}

div#blc_recherche input {
  width:80px;
	border: 1px solid #898989;
	-moz-border-radius:5px 5px 5px 5px;
	color:#494949;
}

div#blc_recherche input:hover{
  background-color:#C8CED4;
	border: 1px outset #898989;
	color:#000000;
}

div#blc_recherche input.input_rech{
  width:180px;
  border: 1px inset #879CBE;
  font-size:1em;
}
/*-------------PAGE plan du site----------------------------*/
.plan1{
	list-style-type:square;
	margin-left:15px;
}

.plan2{
	list-style-type:disc;
	margin-left:15px;
}

.plan{
	float: right;
	margin-right: 75px !important;
	margin-right: 35px;
	text-align:left;
}

.plan img{
	border:0;
	margin-top:5px;		
}

.plan h4{
	margin-bottom : 15px;
}

/*******************PAGE RECHERHCE---------------------------*/
.color_mots{
	font-weight: bold;
	color:#0076FB;
}

.url_petit{
	font-size:0.9em;
	color:#818181;
}

div#rech_google {
  margin : 20px;
  margin-top : 50px;
}

div#rech_google iframe  {
  width: 760px;
}

/*---------page inscription hd--------------------*/
.ad_citia{
	float: right;
	width:150px;
	float:right;
	margin-top:-62px;
	margin-right:13px;
	border: 1px solid #AABED5;
	background-color:#EEF3FF;
	-moz-border-radius:0px 15px 0px 0px;
}

/*-------------------  Couleurs  --------------------*/
html body div p span.coul_annule {
  color: #e20050 !important;
}
/*-------------------  MasterClass  --------------------*/

.no_visisble  {
  display: none
}
div#cont_master {
  width : 800px;
  margin:0;
  position: relative; 
}

div#cont_master div#top {
  width: 700px;
  height: 83px;
  padding: 0 50px;
  background: #000000 url(../interface/master/title.jpg) no-repeat 0 0;
}

div#cont_master div#titre {
  position: relative;
  top : 0;
  width : 700px;
  height : 71px;
  padding: 0 50px;
  background : url(../interface/master/top.jpg) no-repeat 0 0;
}


div#cont_master div#contenu {
  width: 680px;
  height : 505px;
  padding : 0px 60px 0px 60px;
  background:  url(../interface/master/bg.jpg) no-repeat 0 0;
}

div#cont_master div#contenu h3 {
  background: url(../interface/master/picto_titre.gif) no-repeat 0 3px;
  padding-left : 15px;
  color : #1f1f25;
  font-size: 1em;
  font-stretch: 0.5em;
}

div#cont_master div#contenu a.lien_pdf  {
  background: url(../interface/picto/picto_pdf.gif) no-repeat 0 0;
  padding-left : 18px;
  height : 25px;
  display: block;
}

div#cont_master div#contenu p {
  text-align: justify;
  margin-left: 10px;
}


div#cont_master div#contenu ul {
  color:#464646;
  font-size:0.9em;
  margin:5px;
  margin-left: 10px;
}

div#cont_master div#contenu ul.liste_haute li {
  height : 25px;
}

div#cont_master div#contenu ul li {
  margin : 4px;
  margin-left : 0px;
}

div#cont_master div#contenu a {
  color : #869900;
}

div#cont_master div#contenu a.btn_retour  {
  float: right;
}

div#cont_master div#contenu a.btn_retour:hover  {
  text-decoration: none;
}

div#cont_master div#contenu img.img_cont{
  float: left;
  margin : 10px;
  vertical-align: top;
}

div#cont_master div#contenu div.blc_2 {
  float: left;
  width: 340px;
  background-color: #fff;
}


div#cont_master div#footer  {
  width: 800px;
  height : 154px;
  background: #b2d2f9 url(../interface/master/footer.jpg) no-repeat 0 0;

}

div#cont_master h1,  div#cont_master h2 {
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #312827;
}

div#cont_master h1 {
  color: #887eb5;
  letter-spacing: 0em;
  font-size: 26px;
  padding-top: 50px;
}

div#cont_master h2 {
  color: #3128887eb527;
  letter-spacing: 0em;
  font-size: 14px;
}

div#cont_master h2 span {
  background-color: #887eb5;
  height: 10px;
  width : 10px;
  font-size: 5em;
}

div#infos_master  {
  display : none;
  width: 660px; 
  border: 1px solid #887eb5;
  background-color: #F9FCFF;
  font-size: 12px;
  margin: 5px;
}

div#infos_master form {
  margin: 10px;
}

table#tab_log td.civ  {
  width : 80px;
  text-align: right;
  padding-right : 5px;
}
table#tab_log td.champ  {
  width : 200px;
  text-align: left;
}

html body table#tab_log input.input_master {
  width : 130px !important;
}

input.input_mail  {
  width : 185px;
}

.fl_droite  {
  float : right;
  margin-top: -30px;  
  margin-right: 10px;
}

div#doc_master  {
  width : 470px;
  border: 1px solid #A7D5FF;
  background-color: #F9FCFF;
  padding : 7px;
}

img#logos_master  {
  width : 612px;
  height : 44px;
  margin-left : 20px;
  margin-top: 50px;
}

#titre h2.master_titre1 {
	font-size: 20px;
	color:  #FFFFFF;
	letter-spacing: 0;
	padding-top: 15px;
}

#titre h2.master_titre1 span {
	font-size: 20px;
	color: #887eb5;
	background-color: transparent;
}

#titre h3.master_titre2 {
	font-size: 15px;
	margin-left: 5px;
	letter-spacing: 0;
	color:  #FFFFFF;
}

.mg10 {
  margin-left : 15px;
}

.lien_infos {
  margin-left : 20px;
}
h2.bio {
  font-size: 20px;
  margin: 10px 0;
}
/*------------MASTER ECHANGE---------*/

ul#liste_echange {
  list-style-type: circle;
  margin-left : 15px;
  width: 460px;
}

ul#liste_echange li {
  margin-top : 2px;
  margin-bottom : 2px;
  padding-left : 10px;
  height: 18px;
  background: url(../interface/puce_liste.gif) no-repeat 3px 6px;
}

ul#liste_echange li span {
  font-size: 10px;
}

ul#liste_echange li.coul_1, .coul_1 {
  background-color: #f2f0f6;
}

ul#liste_echange li.coul_2, .coul_2 {
  background-color: #faf9fc;
}

a#btn_ajout_doc,  a#btn_ajout_com {
  display: block;
  background-color: #dedede;
  border: 1px #cbcbcb solid;
  margin-left : 15px;
  margin-top : 10px;
  width: 460px;
  text-align: center;
  text-decoration: none;
}

a#btn_ajout_doc:hover, a#btn_ajout_com:hover  {
  background-color: #cbcbcb;
  border: 1px #dedede solid;
  color: #000;
}

div#ajout_doc {
  display: none;
  background-color: #f9f8fb;
  margin-left : 15px;
  margin-top : 20px;
  width: 460px;
}

div#ajout_doc textarea, #doc_url, #doc_auteur {
  width: 444px;
  padding : 2px;
  margin-left : 5px;
}
div#ajout_doc textarea {
  height : 80px;
}

div#ajout_doc #btn_ajouter  {
  margin-top: 5px;
  width: 460px;
  border:outset;
}

.msg_erreur {
    color: #C91010 !important;
}

.bordure_erreur {
  border : 1px solid #C91010 !important;
  color: #C91010;
}

div#master_contact  {
  float: right;
  width: 190px;
  border-left : 1px solid #1e1e1e;
}

div#master_contact ul {
  list-style-type: none;
  margin-left : 13px;
}
div#master_contact ul li {
  margin-top : 2px;
}

div#master_contact ul li.titre {
   margin-left : -5px;
   text-decoration: underline;
   margin-top : 4px;
   margin-bottom : 4px;
}

/**************** comentaires */

div.boite_comment {
    border : 1px solid #dadada;
    margin : 5px 0 5px 15px;
    width: 450px;
    padding : 5px;
}

div.boite_comment h5 {
  font-size: 14px;
}

div.boite_comment h5 span {
  font-size: 10px;
}

div#ajout_com {
  display: none;
  background-color: #f9f8fb;
  margin-left : 15px;
  margin-top : 20px;
  width: 460px;
}


div#ajout_com textarea, #com_titre, #com_auteur {
  width: 444px;
  padding : 2px;
  margin-left : 5px;
}
div#ajout_com textarea {
  height : 80px;
}

div#ajout_com #btn_ajouter  {
  margin-top: 5px;
  width: 460px;
  border-style:outset;
}
/*------------JT WORKFLOW VIDEO---------*/

div#cr_jt_workflow {
  padding : 10px;
  padding-top : 100px;
  padding-left : 154px;
  background: url(../interface/jt/fond_jt_workflow.jpg) no-repeat 0 0;
}

div#cr_jt_workflow p.txt1 {
  margin-left : 50px;
  margin-top : 50px;

}

div#cr_jt_workflow p#player1  {
  margin-left: 50px;
  margin-top : 20px;
}

div#cr_jt_workflow h3 {
color: #004a56;
}

div#cr_jt_workflow div.boite_comment h5 {
  color: #057683;
}

/*------------PCITOGRAMME langue---------*/
div#select_lang {
position: absolute;
z-index: 10;
width : 65px;
height : 25px;
right : 70px;
top: 30px;
}
div#select_lang ul {
  list-style-type: none;
}
div#select_lang ul li {
  float: left;
}

div#select_lang a.lang_fr {
  width : 24px;
  height : 19px;
  background: url(../interface/picto/lang_fr.png) no-repeat 0 0;
  display: block;
}

div#select_lang a.lang_fr:hover {
  background: url(../interface/picto/lang_fr_hover.png) no-repeat 0 0;
}

div#select_lang a.lang_en {  
  width : 24px;
  height : 19px;
  background: url(../interface/picto/lang_en.png) no-repeat 0 0;
   display: block;
}

div#select_lang a.lang_en:hover {
  background: url(../interface/picto/lang_en_hover.png) no-repeat 0 0;
}

/*------------------------------ELEMENTS affichage----------------------*/
.elmt_visible {
  display: block;
}

.elmt_invisible {
  display: none;
}