/* CSS inspirer des tutoriels http://css.alsacreations.com */
/*
#site {
position:relative;
top: 5%;
width: 1300px;
margin:0 auto 0 auto;
}

img {
	border: 0px;
}

body {
width: 100%;
}*/

#site {
position:absolute;
left: 50%; 
top: 5%;
width: 998px;
height: 566px;
margin-left: -499px; /* moitié de la largeur */
border: 0px solid #000;
text-align: left;
}

img {
	border: 0px;
}

body {
/*margin: 0.1 em ; en 1024*/
margin: 0px 0px;
background-color: #FFFFFF;
line-height: 14px;
background-image:none;
background-repeat:repeat-x;
background-position: top left;
}

a.rollopaque img {
opacity: 1;
filter:  alpha(opacity=100);
}

a.rollopaque:hover img {
opacity: 0.2;
filter:  alpha(opacity=20);  
}

/*********  LIEN HYPERTEXTE**********/

a:link    { color: #1F5480; text-decoration: none ;}
a:visited { color : #1F5480; text-decoration: none ;}
a:hover   { color: #4F98D5; text-decoration: none ;}

a.declaration:hover   { color: #1F5480; text-decoration: none ;}

/*********** CLASSE ROLLOPAQUE ************/

/*Classe Rollopaque permettant d'agir sur l'opacité d'une image en CSS*/


/********* BLOC DEROULANT*********/

#copyright{
position: absolute;
top: 565px;
left: 27px;
font-family: verdana;
font-size: 9px;
color: #1D6AB8;
text-align: left;
}
#bloc{
position: absolute;
overflow: auto;
width: 550px;
height: 590px;
background-image : none;
background-repeat : no-repeat;
border: 0px solid #000;
top: 60px;
left: 225px;
}
#bloc2{
position: absolute;
overflow: auto;
width: 580px;
height: 700px;
background-image : none;
background-repeat : no-repeat;
border: 0px solid #000;
top: 58px;
left: 225px;
}
#bloc_actualite_comite_entreprise{
position: absolute;
overflow: auto;
width: 146px;
height: 115px;
background-image : none;
background-repeat : no-repeat;
border: 0px solid #000;
line-height: 12px;
top: 100px;
left: 830px;
font-family: verdana;
font-size: 9px;
color: #1D6AB8;
text-align: left;
}

#ssbloc1, #ssbloc11, #ssbloc111{
position: absolute;
overflow: auto;
background-image : none;
background-repeat : no-repeat;
border: 0px solid #000;
line-height: 13px;
top: 5px;
left: 5px;
font-family: verdana;
font-size: 11px;
color: #1D6AB8;
text-align: justify;
}
#ssbloc1{
width: 330px;
height: 300px;
}
#ssbloc11{
width: 370px;
height: 400px;
}
#ssbloc111{
top: 200px;
left: 5px;
width: 310px;
height: 400px;
}
#ssbloc2, #ssbloc22, #ssbloc222, #ssbloc2222{
position: absolute;
z-index: 100;
overflow: auto;
width: 180px;
height: 200px;
background-image : none;
background-repeat : no-repeat;
border: 0px solid #000;
line-height: 12px;
font-family: verdana;
font-size: 11px;
color: #1D6AB8;
text-align: left;
}
#ssbloc2{
width: 180px;
height: 200px;
top: 25px;
left: 360px;
}
#ssbloc22{
width: 235px;
height: 173px;
top: 385px;
left: 17px;
}
#ssbloc222{
width: 235px;
height: 173px;
top: 310px;
left: 17px;
}
#ssbloc2222{
width: 235px;
height: 173px;
top: 345px;
left: 17px;
}
#ssbloc3{
position: absolute;
overflow: auto;
width: 535px;
height: 230px;
background-image : none;
background-repeat : no-repeat;
border: 0px solid #000;
line-height: 12px;
top: 240px;
left: 5px;
font-family: verdana;
font-size: 11px;
color: #1D6AB8;
text-align: left;
}
#ssbloc4{
position: absolute;
z-index: 100;
width: 230px;
height: 325px;
background-image : none;
background-repeat : no-repeat;
border: 0px solid #000;
line-height: 12px;
top: 77px;
left: 541px;
font-family: verdana;
font-size: 11px;
color: #1D6AB8;
text-align: left;
}
#ssbloc5{
position: absolute;
z-index: 100;
width: 200px;
height: 180px;
background-image : none;
background-repeat : no-repeat;
border: 0px solid #000;
line-height: 12px;
top: 220px;
left: 350px;
font-family: verdana;
font-size: 11px;
color: #1D6AB8;
text-align: left;
}
#ssbloc6{
position: absolute;
z-index: 100;
width: 350px;
height: 510px;
background-image : none;
background-repeat : no-repeat;
border: 0px solid #000;
line-height: 12px;
top: 32px;
left: 110px;
font-family: verdana;
font-size: 11px;
color: #1D6AB8;
text-align: left;
}
#ssbloc7{
position: absolute;
overflow: auto;
width: 535px;
height: 230px;
background-image : none;
background-repeat : no-repeat;
border: 0px solid #000;
line-height: 12px;
top: 290px;
left: 5px;
font-family: verdana;
font-size: 11px;
color: #1D6AB8;
text-align: left;
}
#fond_bloc_comite_entreprise {
position: absolute;
z-index:0;
top: 10px;
left: 348px;
}
#fond_bloc_comite_entreprise11 {
position: absolute;
z-index:10;
top: 370px;
left: 10px;
}
#fond_bloc_comite_entreprise111 {
position: absolute;
z-index:10;
top: 295px;
left: 10px;
}
#fond_bloc_comite_entreprise1111 {
position: absolute;
z-index:10;
top: 207px;
left: 345px;
}
#fond_bloc_comite_entreprise11111 {
position: absolute;
z-index:10;
top: 330px;
left: 10px;
}
#input_newsletter{
width: 100px;
height: 11px;
}

/*Encart*/
#contact_couleurce {
position: absolute;
z-index:100;
top: 248px;
left: 18px;
}
#contact2_comite_entreprise {
position: absolute;
z-index:100;
top: 287px;
left: 30px;
}
#adherent_comite_entreprise {
position: absolute;
z-index:100;
top: 410px;
left: 19px;
}
#actualite_comite_entreprise {
position: absolute;
z-index:100;
top: 57px;
left: 819px;
}
#club_comite_entreprise {
position: absolute;
z-index:100;
top: 218px;
left: 820px;
}
#club2_comite_entreprise {
position: absolute;
z-index:100;
top: 273px;
left: 852px;
}
#reference_comite_entreprise {
position: absolute;
z-index:100;
top: 381px;
left: 820px;
}
#partenaires_comite_entreprise {
position: absolute;
z-index:100;
top: 453px;
left: 19px;
}
/*Menu*/
#accueil_comite_entreprise {
position: absolute;
z-index:100;
top: 6px;
left: 135px;
}
#site_internet_asc_comite_entreprise {
position: absolute;
z-index:100;
top: 6px;
left: 236px;
}
#comptabilite_comite_entreprise {
position: absolute;
z-index:100;
top: 24px;
left: 571px;
}
#concentrateur_offre_comite_entreprise {
position: absolute;
z-index:100;
top: 6px;
left: 363px;
}
#laboiteacomite_entreprise_site_internet {
position: absolute;
z-index:100;
top: 135px;
left: 31px;
}
#laboiteacomite_entreprise_fournisseurs_comite_entreprise {
position: absolute;
z-index:100;
top: 212px;
left: 16px;
}
#laboiteacomite_entreprise_reseau_inter_comite_entreprise {
position: absolute;
z-index:100;
top: 284px;
left: 0px;
}
#laboiteacomite_entreprise_billetterie_comite_entreprise {
position: absolute;
z-index:100;
top: 356px;
left: 6px;
}
#billetterie_comite_entreprise {
position: absolute;
z-index:100;
top: 6px;
left: 447px;
}
#la_boite_a_comite_entreprise {
position: absolute;
z-index:100;
top: 6px;
left: 491px;
}
#edition_comite_entreprise {
position: absolute;
z-index:100;
top: 6px;
left: 574px;
}
#borne_multimedia_comite_entreprise {
position: absolute;
z-index:100;
top: 6px;
left: 660px;
}
#les_valeurs_couleurce {
position: absolute;
z-index:100;
top: 6px;
left: 770px;
}
#demonstration_comite_entreprise {
position: absolute;
z-index:100;
top: 543px;
left: 822px;
}
#club_des_comite_entreprise {
position: absolute;
z-index:100;
top: 10px;
left: 50px;
}
#reseau_inter_comite_entreprise {
position: absolute;
z-index:100;
top: 370px;
left: 250px;
}
#nouveaute_2009_comite_entreprise {
position: absolute;
z-index:100;
top: 370px;
left: 60px;
}
#club_des_comite_entreprise3 {
position: absolute;
z-index:100;
top: 18px;
left: 48px;
}
/*Page d'accueil*/
#intro_site_internet_comite_entreprise {
position: absolute;
z-index:100;
top: 300px;
left: 0px;
}
#intro_concentrateur_offre_comite_entreprise {
position: absolute;
z-index:100;
top: 250px;
left: 215px;
}
#intro_borne_multimedia_comite_entreprise {
position: absolute;
z-index:100;
top: 320px;
left: 400px;
}
#intro_texte_site_internet_comite_entreprise {
position: absolute;
z-index:100;
top: 255px;
left: 55px;
}
#intro_texte_concentrateur_offre_comite_entreprise {
position: absolute;
z-index:150;
top: 443px;
left: 62px;
}
#intro_texte_borne_multimedia_comite_entreprise {
position: absolute;
z-index:100;
top: 270px;
left: 400px;
}
#illustration_site_internet_asc_comite_entreprise {
position: absolute;
z-index:0;
top: 460px;
left: 0px;
}
#illustration_concentrateur_offre_comite_entreprise {
position: absolute;
z-index:0;
top: -2px;
left: 224px;
}
#illustration_edition_comite_entreprise {
position: absolute;
z-index:0;
top: 240px;
left: 295px;
}
#illustration_edition_comite_entreprise2 {
position: absolute;
z-index:0;
top: 275px;
left: 0px;
}
#illustration_reseau_france_billet {
position: absolute;
z-index:0;
top: 20px;
left: 350px;
}
#illustration_carte_couleurce_comite_entreprise{
position: absolute;
z-index:0;
top: 170px;
left: 260px;
}

#connexion_reseau_interce {
position: absolute;
z-index:100;
top: 485px;
left: 100px;
font-family: verdana;
font-size: 11px;
color: #1F5480;
text-align: justify;
}

#inscription_reseau_interce {
position: absolute;
z-index:100;
top: 485px;
left: 280px;
font-family: verdana;
font-size: 11px;
color: #1F5480;
text-align: justify;
}

#informations_france_billet {
position: absolute;
z-index:10;
top: 405px;
left: 383px;
}
#illustration_borne_multimedia_comite_entreprise {
position: absolute;
z-index:0;
top: 200px;
left: 287px;
}
#illustration_comptabilite_comite_entreprise {
position: absolute;
z-index:0;
top: 290px;
left: 287px;
}
#reference_flash_comite_entreprise {
position: absolute;
z-index:100;
top: 415px;
left: 820px;
}
#partenaire_flash_comite_entreprise {
position: absolute;
z-index:100;
top: 495px;
left: 18px;
}
#autre_reference_comite_entreprise {
position: absolute;
z-index:150;
top: 380px;
left: 996px;
}

#contenu1 {
position: absolute;
z-index:100;
top: 1em;
left: 0em;
font-family: verdana;
font-size: 11px;
color: #1D6AB8;
text-align: justify;
}
#contenu2 {
position: absolute;
z-index:100;
top: 1em;
left: 0em;
font-family: verdana;
font-size: 11px;
color: #1D6AB8;
text-align: justify;
}
#contenu3 {
position: absolute;
z-index:100;
top: 0em;
left: 0.7em;
font-family: verdana;
font-size: 11px;
color: #1F5480;
text-align: justify;
}
#contenu4 {
position: absolute;
z-index:100;
top: 3em;
left: 0em;
font-family: verdana;
font-size: 10px;
color: #1F5480;
}
#signature {
position: absolute;
z-index:100;
top: 27em;
left: 34.5em;
font-family: verdana;
font-size: 11px;
color: #1F5480;
text-align: justify;
}
#infos {
position: absolute;
z-index:100;
top: 30em;
left: 1em;
font-family: verdana;
font-size: 9px;
color: #1F5480;
text-align: justify;
}
#pied_page {
position: absolute;
z-index:100;
top: 600px;
left: 540px;
font-family: verdana;
font-size: 9px;
color: #1F5480;
text-align: justify;
}
#alerte {
position: absolute;
z-index:100;
top: 1.5em;
left: 3.5em;
}
#confirmation {
position: absolute;
z-index:100;
top: 10em;
left: 4em;
font-family: verdana;
font-size: 11px;
color: #1F5480;
text-align: justify;
}

#mini_solution {
position: absolute;
z-index:100;
top: 190px;
left: 515px;
font-family: verdana;
font-size: 13px;
color: #1F5480;
}
#mini_concentrateur {
position: absolute;
z-index:100;
top: 161px;
left: 720px;
font-family: verdana;
font-size: 13px;
color: #1F5480;
}
#mini_borne {
position: absolute;
z-index:100;
top: 215px;
left: 920px;
font-family: verdana;
font-size: 13px;
color: #1F5480;
}

#opence {
position: absolute;
z-index:100;
top: 100px;
left: 912px;
}
#reseauce {
position: absolute;
z-index:100;
top: 215px;
left: 915px;
}
#comptace {
position: absolute;
z-index:100;
top: 312px;
left: 915px;
}
#concentrateur {
position: absolute;
top: 0px;
left: 778px;
}
#borne {
position: absolute;
top: 113px;
left: 914px;
}

#meyclub {
position: absolute;
top: 145px;
left: 540px;
}
#time_tours {
position: absolute;
top: 125px;
left: 745px;
}
#ultimedia {
position: absolute;
top: 155px;
left: 905px;
}
#partenaires {
position: absolute;
top: 243px;
left: 547px;
}

/********* LOGO W3C*********/

#w3c {
position: absolute;
z-index:100;
top: 40.3em;
left: 57em;
}