/*#############################################################
Name: CSS du FORUM TIC 2007
Date: 23 Juillet 2007
Description:  CSS du FORUM TIC 2007 pour l'ARTIC
Author: NANECOU loise / THIAW THI Vincent / ROBERT Frédéric
#############################################################*/

/* elements standard*/

body {
    font-family: verdana, Arial, sans-serif;
    font-size: 0.8em;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

#corps{
  text-align:left;
  width:800px;
  height:600px;
  margin: 0;
  padding: 0;  
}

#contenu{
  width:800px;
  height:519px;
  background-image: url("images/tic2007/fondminisite.jpg");
  background-repeat: no-repeat;
}


/*Banniere*/

#bannierehaut{
  width:800px;
  height:81px;
  background-image: url("images/tic2007/800x81Bandeau_New.png");
}

#prof{
    font-family: verdana, Arial, sans-serif;
    font-size: 0.8em;
    padding-top : 12px;
    margin-left : 181px;
     }

/*Bandeau deroulant date*/

#bandeaudate{
    width:570px;
    height:40px;
    background-image: url("images/tic2007/bienvenue.gif");
    background-repeat: no-repeat;
    top:30px;
    left: 500px;
    background-position:right;
}

/* menu du haut */

#sinscrire{
  padding-top:6px;
  background-position:right top;
  text-align:right;
  float:left;
  width:300px;
  height:35px;
  background-image: url("images/tic2007/160x35_INSCRIPTION.png");
  background-repeat: no-repeat;
}

#sinscrire a{
cursor: pointer;
margin: 0px 0;
height: 35px;
line-height: 20px;
font-weight: bold;
border: 0px solid;
color: #FFF;
text-decoration: none;
font-size:0.85em; 
margin-right:15px; 
}
#sinscrire a:hover
{
	font-size:1em;
}
#contact{
  padding-top:6px;
  text-align:center;
  height:35px;
  background-image: url("images/tic2007/160x35_CONTACT.png");
  background-repeat: no-repeat;
  overflow-x:hidden;
  background-position:center top;
  
}

#contact a{

cursor: pointer;
margin: 0px 0;
height: 35px;
line-height: 20px;
text-align: right;
font-weight: bold;
border: 0px solid;
color: #FFF;
text-decoration: none;
margin-left: 30px;
font-size:0.85em;
}
#contact a:hover
{
	font-size:1em;
}
#demarchequalite{
  padding-top:6px;
  text-align:left;
  float:right;
  width:310px;
  height:35px;
  background-image: url("images/tic2007/160x35_QUALITE.png");
  background-repeat: no-repeat;
  background-position:left top;
	z-index:100;
}

#demarchequalite a{

cursor: pointer;
margin: 0px 0;
height: 35px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 0px solid;
color: #FFF;
text-decoration: none;
font-size:0.85em;
margin-left:40px;

}
#demarchequalite a:hover
{
	font-size:1em;
}
/*sous-menu*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#demarchequalite dl {
float: left;
width: 100%;
margin: 0 1px;
}
#demarchequalite dt {
cursor: pointer;
text-align: left;
}
#demarchequalite dd {
position:absolute;
}
#demarchequalite li {
text-align: left;
width:100px;
margin-left:0px;
}
#demarchequalite li a {
text-decoration: none;
display: block;
height: 100%;
width:100px;
border: 0 none;
text-align: center;
  background-image:url("images/tic2007/160x35_qualite_soumenu_01.png");
}
#demarchequalite dt a {
text-decoration: none;
display: block;
height: 100%;
width:100%;
border: 0 none;
text-align: left;
}
#demarchequalite li a:hover {
font-size:1em;
font-color:#324199;
	background-color:transparent;
	background-image:url("images/tic2007/160x35_qualite_soumenu_up1.jpg");
} 
#demarchequalite dt a:hover {
font-size:1em;
}
/*
#menuDeroulant
{
  text-align:left;
  float:right;
  width:310px;
  height:35px;
  
}
#menuDeroulant li
{
 float: left;
 margin: 0;
 width: 150px;
 padding: 0;
 border: 0;
 margin-left:40px;
}
#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position:absolute;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;

}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 
 height: 1%;
 color: #FFF;
 margin: 0;
 padding: 4px 8px;
 text-decoration: none;
}
#menuDeroulant li a:hover { }
#menuDeroulant li a:active {  }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0; onmouseover="javascript:montre('');" 
 text-decoration: none;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image:url("images/tic2007/160x35_qualite_sousmenu_up1.png");
}
#menuDeroulant li:hover > .sousMenu { display: block; }

#objectifs{
  background-image:url("images/tic2007/160x35_qualite_soumenu_01.png");
}
#enjeux{
  background-image:url("images/tic2007/160x35_qualite_soumenu_02.png");
}
#charte{
  background-image:url("images/tic2007/160x35_qualite_soumenu_03.png");
}

*/

/*Composition*/

#infosgenerales{
margin-top:5px;
  float: left;
  width:160px;
  height:380px; 
}

#texte{
  margin-top:6px;
  overflow:auto;
  height:380px;
}

#photodroite{
  margin-top:5px;
  width:155px;
  float:right;
  margin-left:5px;
  margin-right:5px;
}

/*menus infos generales*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
font-size:12px;
top: 0;
left: 0;

}
dl#menu {
width: 13em;
}
dl#menu dt #infos {
cursor: pointer;
margin: 4px 0;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: 0px solid;
background-image: url("images/tic2007/160x35_INFO_00.png");
}
dl#menu dt #salon {
cursor: pointer;
margin: 4px 0;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: 0px solid;
background-image: url("images/tic2007/160x35_INFO_01.png");
}
dl#menu dt #conferences {
cursor: pointer;
margin: 4px 0;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: 0px solid;
background-image: url("images/tic2007/160x35_INFO_02.png");
}
/*dl#menu dt #ateliers {
cursor: pointer;
margin: 4px 0;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: 0px solid;
background-image: url("images/tic2007/160x35_INFO_03.png");
}*/
dl#menu dt #exposants {
cursor: pointer;
margin: 4px 0;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: 0px solid;
background-image: url("images/tic2007/160x35_INFO_03.png");
}
dl#menu dt #dates {
cursor: pointer;
margin: 4px 0;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: 0px solid;
background-image: url("images/tic2007/160x35_INFO_04.png");
}
dl#menu dt #articles {
cursor: pointer;
margin: 4px 0;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: 0px solid;
background-image: url("images/tic2007/160x35_INFO_05.png");
}
dl#menu dt #derniere {
cursor: pointer;
margin: 4px 0;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: 0px solid;
background-image: url("images/tic2007/160x35_INFO_06.png");
}
dl#menu dt #photos {
cursor: pointer;
margin: 4px 0;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: 0px solid;
background-image: url("images/tic2007/160x35_INFO_06.png");
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: center;
background: #fff;
}
dl#menu li a, dl#menu dt a {
color: #FFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #3366FF;
}

/*bandeau du bas*/

#bandeaubas{
  width:800px;
  height:120px;
  background-image: url("images/tic2007/bandeaubas.png");
  background-repeat: no-repeat;
}


/* logo */
#logoregion{
  width:113px;
  height:60px;
  background-image: url("images/tic2007/Logo-Region70x37.png");
  position:absolute; 
  float:left;
  background-repeat: no-repeat;
  margin-top:25px;
  margin-left: 190px;
}

#logoetat{
  width:99px;
  height:60px;
  background-image: url("images/tic2007/Logo-Etat55x33.png");
  position:absolute; 
  background-repeat: no-repeat;
  margin-top:25px;
  margin-left: 390px;
}

#logoeurope{
  width:89px;
  height:60px;
  background-image: url("images/tic2007/Drapeau-Europe50x34.png");
  position:absolute;
   float:right;
  background-repeat: no-repeat;
  margin-top:25px;
  margin-left: 590px;
}

/* fin de page*/
#copyright{
   
    font-size: 0.8em;
    color: black;
    text-align: justify;
	text-align:center;
	margin-top:-100px;
}

h1 { 
	color: #324199; 
	font-size: 1.2em; 
	font-weight: bold; 
	margin: 0; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	
}


/* Liste des exposants */
.membreslogo{
	height: 176px;
	width: 164px;
	float:left;
	margin-left:4px;
	margin-top:4px;
	text-align:center;
	padding-top:20px;
	
}
.membreslogo:hover{
	color:#22B7D2;
}
.titremembre{
	margin-top:130px;
	width: 164px;
	text-align:center;
}
.membresliste{
	height: 115px;
	width: 164px;
	float:left;
	margin-left:4px;
	margin-top:4px;
	text-align:center;
}
.titremembre2{
	background-color:#F1F1F1;
}
.membresliste:hover{
	color:#22B7D2;
}
.description{
	text-align:left;
	font-size:10px;
	padding-left:5px;
	padding-top:5px;
	height: 93px;
	width: 164px;
}
#blockdroit{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	width:300px;
	height:300px;
	float:right;
	padding-left:25px;
}
#blockgauche{
	width:300px;
	height:300px;
	text-align:center;
}
#numero{
	margin-left:4px;
	height:15px;
	width:400px;
	position:absolute;
	text-align:center;
	margin-top:10px;
}

#membres{
	width: 490px;
	margin-top:20px;
}
#corps #contenu #texte #membre #blockdroit p{
	margin:0;
	padding:0;
}
#corps #contenu #texte #membre #blockdroit p.secteur {
	color:#E75112;
	font-weight:bold;
}
#corps #contenu #texte #membre #blockdroit p.contact {
	font-weight:bold;
	font-size:12px;
	margin-top:12px;
}
#corps #contenu #texte #membre #blockdroit h2 {
	color:#E75112;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-top:12px;
}
#corps #contenu #texte #membre #blockgauche p.titre {
	font-size:12px;
	font-weight:bold;
}
#corps #contenu #texte #membre #blockgauche p.stitre {
	font-style:italic;
}

.nom{
	padding-top:6px;
	float:left;
}
.nom input{
	width:150px;
}
.prenom{
	padding-top:6px;
	float:right;
}
.prenom input{
	width:150px;
}
.alone{
	padding-top:10px;
}
.alone input{
	width:170px;
}
/*.adresse{

	height:30px;
}*/