/*
--------------------------------------------------
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
  CSS of the site 3rd IOTM, Cyprus, 2007
  Author:   Patricia Cardet, Spirales web design
  www.spirales-webdesign.net
  Copyright: Patricia Cardet
  
  Version:  February 1, 2007
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
----------------------------------------------- */	   



/* Couleurs utilisées ------------------------------------------------------------ 
marron clair = #BF9975  (fond)
beige        = #D7C0A8  (fond tableau)
marron foncé = #704F33	(texte, lignes)
marron moyen = #D4B9A2  (hover)
orange       = #FF9900	
white 		 = #FFFFFF
black 		 = #000000
*/



/* START  General ------------------------------------------------  */
html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 87%;
  	font-weight: normal;
	font-variant: normal;
	color: #704F33;
	background-color: #BF9975;
}

#conteneur {
   position: absolute;
   width: 100%;
}

#header {
    position:absolute;
    top:10px;
    height: 10px;
    background-color: #C4C4FF;
	color:  #704F33;
}

#haut {
    height: 10px;
    background-color:#C4C4FF;
	color:  #704F33;
}
#centre {
    background-color:#C4C4FF;
    color:  #704F33;
}
#pied {
    height: 3em;
    background-color: #BF9975;
	border: 2px;
	border-bottom-style:dotted; 
	border-right-style:dotted; 
	margin-top: 6em;
	padding-bottom:0.3em;
	text-align: left;
	vertical-align: bottom;
	color:#704F33;
	}

#container_photo
{
		position:absolute;
		top:6.5em;
		left: 5.5em;
		padding-top:0;
		padding-right:5em;
		width: 10%;
		margin-right:3.3em;
		margin-top: 1em;
		background-color: transparent;
		z-index: 2;
}	


#container_texte_image {
		
		position:absolute;
		top:2.5em;
		left: 10em;
		margin: 0 0 0 3em;
		width:70%;
		padding-left: 1em;
		padding-right:4em;
		padding-top:1.6em;
		padding-bottom:5.6em;
		background-color:#BF9975;
		line-height:1.5em;
		color: #704F33;
		overflow:visible;
		z-index:2;
}


#container_texte{
		
		position:absolute;
		top:2.5em;
		left: 10em;
		margin: 0 0 0 7em;
		width:70%;
		padding-left: 1em;
		padding-right:4em;
		padding-top:3em;
		padding-bottom:5.6em;
		background-color: #BF9975;
		line-height:1.5em;
		color: #704F33;
		overflow:visible;
		z-index:2;
		}


a img {
    border: none;
	}


p {margin: 0 0 10px 0;}

#container_pseudo_cadre {

    position:absolute;
	top: 2em;
	left: 12em;
	width: 15em;
	height: 260px;
	border: 2px;
	border-collapse:separate;
	border-style:dotted;
	border-color:#704F33;
	border-right-color: #BF9975;
	z-index:1;
	}


/* START  Navigation Gauche -------------------------------------*/
#navcontainer ul{
    position: absolute;
	left:-2em;
	top: 8em;
    list-style-type:none;
    text-align: left;
	line-height: 1.6em;
   	background-color: #BF9975;
	
}

#navcontainer ul li a{
    background: url(../images/list_off.gif) left center no-repeat;
    padding-left: 15px;
    text-align: left;
    font-size: 11px;
    text-decoration: none;
    color: #704F33;
	background-color: transparent;
}

#navcontainer ul li a:hover
{
    background: url(../images/list_hover.gif) left center no-repeat;
    color: #D4B9A2;
	background-color: transparent;
}

#navcontainer ul li a:inactive
{
    background: url(../images/list_hover.gif) left center no-repeat;
    color: #704F33;
	background-color: transparent;
}

#navcontainer ul li a#current
{
    background: url(../images/list_hover.gif) left center no-repeat;
    color: #D4B9A2;
	background-color: transparent;
}

.li_niveau2
{
    background-color: #BF9975;
	padding-left: 14px;
	display:block;
}

/* END  Navigation gauche ---------------------------------------------*/
		
		

.table{
    background-color: #BF9975;
	color: #704F33;
	width:100%
}

.table_bordered{

    background-color: #BF9975;
	border-style:none;
	border-color: #704F33;
	border-top-color:#BF9975;
	border-width: 2px;
	padding:0.2em;
	color: #704F33;
}

/* START Formulaires 
---------------------------------------*/

.table_admin {
    width:700px;
	color: #FFFFFF;
	font-weight:bold;
	}
	
.table_programme {
    width:700px;
	color: #704F33;
	border-color: #D7C0A8;
	background-color:#D7C0A8;
	}
	 
	

.td_admin_left{
    width:150px;
	}
	
.td_abstract_left{
    width: 70em;	
}

.td_abstract_right{
    width: 135em;	
}

.td_orange {
    background-color:#FF9900;
    color: #704F33;
}


.th_center_brun_clair{
    text-align:center;
	vertical-align:middle;
	border-width:thin;
	border-style:solid;
	background-color: #CDAF92;
	border-top-color:#BF9975;
	border-left-color:#CDAF92;
	border-right-color: #CDAF92;
	border-bottom-color: #CDAF92;
	
}	
	
.th_center_beige{
    text-align:center;
	vertical-align:middle;
	background-color:#D7C0A8;
    color: #704F33;
	border-color: #D7C0A8;
   }

.td_beige {
    background-color:#D7C0A8 ;
    color: #704F33;
	border-color: #D7C0A8 ;
}



.td_beige_moyen {
    background-color:#D6BCA3;
    color: #704F33;
	border-color: #D7C0A8;
}

.td_beige_programme {
    background-color:#D7C0A8 ;
    color: #704F33;
	border-color: #D7C0A8 ;
	text-align:left;
	vertical-align:top;
}

.td_beige_programme1 {
    background-color:#D7C0A8 ;
    border-width:thin;
	border-style:solid;
	border-left-color:#D7C0A8;
	border-right-color: #D7C0A8;
	border-top-color:#BF9975;
	border-bottom-color: #D7C0A8;
	text-align:left;
	vertical-align:top;
}

.td_beige_programme2 {
    background-color:#D7C0A8 ;
    border-width:thin;
	border-style:solid;
	border-left-color:#BF9975;
	border-right-color: #D7C0A8;
	border-top-color:#BF9975;
	border-bottom-color: #D7C0A8;
	text-align:left;
	vertical-align:top;
}

.td_beige_programme3 {
    background-color:#D7C0A8 ;
	border-width:thin;
	border-style:solid;
    border-left-color:#D7C0A8;
	border-right-color:#D7C0A8;
	border-top-color:#BF9975;
	border-bottom-color: #D7C0A8;
	text-align:left;
	vertical-align:top;
}


.input
{
   width: 600px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}


.textarea
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #FFFFFF;
	}

.textarea_bold
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	background: #FFFFFF;
	}



.gotop
{
padding: 0;
margin: 0;
text-align:right;
font-weight:bold;
text-decoration:overline underline;
color:#704F33;
background-color: #BF9975;
}

.top {

color: #BF9975;
background-color: #BF9975;

}

/* START  Class font-size ---------------------------------------*/
.xx-small {
  font-size:xx-small; 
  }
   
.x-small { 
  font-size:x-small;
  }
  
.small {
  font-size:small;
  }

.medium {
  font-size:medium;
  }

.large {
  font-size:large;
  } 
  
.x-large {
  font-size:x-large;
  }
  
.xx-large {
  font-size:xx-large;
  }    
 
/* END  Class font-size ------------------------------------*/


/*START Elements pour Pages --------------------------------*/

html >body {
  font-size: small;
}

p, blockquote {
    font-size: 1em;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
   text-decoration: none;
   color: #704F33;
   text-align: left;
   background-color: #BF9975;

}
h1 {
   font-size: 2.0em;
}

h2 {
   font-size: 1.8em;
   line-height:1.3em;
}

h3 {
   font-size:1.5em;
   line-height:1.1em;
}

h4 {
   font-size: 1.3em;
   line-height:1em;
}

h5 {
   font-size:1.1em;
   display:inline;
     
}

h6 {
   font-size:1em;
   display:inline;
}

.h3orange {
    color:#FF9900;
}

.h4orange {
    color:#FF9900;
}   
.h5orange {
    color:#FF9900;
	}

.orange {
    color:#FF9900;
	}

.orange_inline {
    color:#FF9900;
	display:inline;
	}


.h5_inline {
   	display:inline;
	}

	
li.orange:before {
    color:#FF9900;
}	
	
	
ol {
    line-height:1.2em;
}	

.clear_both{
   clear: both;
}

.button {
   background-color:#FF9900;
}
   
.abstract_content {
    font-size: 1em;
	text-align:justify;
}	
   
.indent_negative {
    text-indent: -2em;
}	

.indent_negative1 {
    text-indent: -1em;
}	

.cadre {
    border: solid 1px;
	padding: 4em;
}

	
	
/* END Elements pour pages -------------------------------------- */

/* START  Liens 2 -------------------------------------------*/

a.lien2 img {
	border: none;
	
}

a.lien2 {
   color: #704F33;	
   text-decoration: underline overline;
   background-color: #BF9975;
}

a:visited.lien2 {
   color:#704F33;
   background-color:#BF9975;
}

a:hover.lien2 {
   color:#D4B9A2;  
   background-color:#BF9975;
}

a.lien2orange {
   color: #704F33;	
   text-decoration: underline overline;
   background-color: transparent;
}

a:visited.lien2 {
   color:#704F33;
   background-color:transparent;
}

a:hover.lien2 {
   color:#D4B9A2;  
   background-color: transparent;
}


/* END  Liens 2 ---------------------------------------------*/

/* START  Liens 2 beige -------------------------------------------*/

a.lien2beige img {
	border: none;
	
}

a.lien2beige {
   color: #704F33;	
   text-decoration: underline overline;
   background-color: transparent;
}

a:visited.lien2beige {
   color:#704F33;
   background-color:transparent;
}

a:hover.lien2beige {
   color:#BF9975;  
   background-color: transparent;
}



/* END  Liens 2 beige---------------------------------------------*/

/* START  Liens 3 -------------------------------------------*/

a.lien3 img {
	border: none;
}

a.lien3 {
   color: #704F33;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   font-size:small;
   background-color: #BF9975;
}

a:visited.lien3 {
   color:#704F33;
   text-decoration: none;
   background-color:#BF9975;
}

a:hover.lien3 {
   color:#D4BFA2;
   text-decoration: none;
   background-color: #BF9975;
}

/* END  Liens 3 ---------------------------------------------*/



/* START  Liens 4 ---------------------------------------------*/


a.lien4 img {
	border: none;
}

a.lien4 {
   color: #704F33;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   font-size:x-small;
   background-color:#BF9975;
}

a:visited.lien4 {
   color:#704F33;
   text-decoration: none;
   background-color:#BF9975;
}

a:hover.lien4 {
   color:#D4BFA2;
   text-decoration: none;
   background-color: #BF9975;
}

/* END  Liens 4 ---------------------------------------------*/


.img_space{
   vertical-align:80px;
   margin-right:2em;
}

.float_left{
   float:left;
   padding-right: 0.3em;
   padding-bottom: 0.3em;
}

.float_right{
   float:right;
}

.align_left{
    text-align:left;
}	

.align_right{
    text-align:right;
}	

.align_centre{
    text-align:center;
}	

.align_justify{
    text-align:justify;
}	

.lettrine_gauche {
float: left;
background-color: #BF9975;
margin: 6px;
padding: 6px;
border: 10px solid #BF9975; 
}