@charset "utf-8";
/* CSS Document */

/* CSS Document */

/**************************************************************************************************************/
/*			NOM DU SITE - Spécification des pages où cette css est active
			
			Date : 25/11/09
			Auteur : Lucie
			URL : 
			
			Sommaire :	= RESET
						= CONTENEUR GLOBAL
						= HEADER
							Recherche
							Site Actions
							Barre d'administration
							Chemin de fer
						= MAIN
							== CENTRE
								Elements génériques
								Page d'actualités
								Page de connexion
							== GAUCHE
							== DROITE
						= FOOTER
						
			Couleurs :	

*/
/**************************************************************************************************************/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{
	border: none;
    font-weight:normal;
}
ul{
	margin:0;
    padding:0;
	list-style-image:none;
	list-style-type:none;
    line-height:1.3em;
}
.visualClear{
	clear:both;
	display:block;
	line-height:0;
}
body {
font-family:Arial, Helvetica, sans-serif;
	/*font-family:"Myriad Pro", Arial, Helvetica;*/
	font-size:62.5%; /*ensuite 1em=10px en taille normale*/
	color:#000;
}
a{
	text-decoration:none;
	color:#000;
}
a:visited{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:underline;
	color:#000;
}
img{
	border:none;
}

.invisible{
position:absolute;
top:-5000px;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------conteneur-----------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#conteneur{
position:relative;
width:990px;
height:auto;
min-height:600px;
_height:800px;
margin:auto;
/*border: solid 1px red;*/
padding:160px 0 0 0;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------header-------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#header{
/*margin:28px 0 0 0;*/
width:985px;
height:140px;
background:url(../images/fond_header.png) no-repeat;
_background:url(../images/header_ie6.png) no-repeat;
position:absolute;
top:28px;
left:0;
z-index:2;
}

#header p{
margin:5px 0px 0px 35px;
}

#logo_bayard{
float:right;
margin:-25px 30px 0 0;
padding:0;
}

.alinea_logo{
margin:15px 0 0 35px;
}



/*---------------------------------------------------------------------------menu-------------------------------------------------------------------------------*/

#menu{
margin:23px 0 0 0;
/margin:16px 0 0 0;
padding:0;
width:600px;
float:left;
}

#menu ul{
position:relative;
margin:0;
/margin:0;
padding:0;
list-style:none;
}

#menu ul li{
display:inline;
}

#menu a{
text-decoration:none;
display:block;
background-color:#FF0000;
float:left;
border:none;
}

#menu a img{
text-decoration:none;
border:none;
}

#menu ul li span{
display:none;
}

#agence a{
position:absolute;
top:0;
left:0;
z-index:3;
height:60px;
width:108px;
background:url(../images/menu.png) 0px 0px no-repeat;
_background:url(../images/menu_ie6.png) 0px 0px no-repeat;
}

#services a{
position:absolute;
top:0;
left:100px;
z-index:2;
height:60px;
width:140px;
background:url(../images/menu.png) -109px 0px no-repeat;
_background:url(../images/menu_ie6.png) -109px 0px no-repeat;
}

#offres a{
position:absolute;
top:0;
left:228px;
z-index:1;
height:60px;
width:109px;
background:url(../images/menu.png) -249px 0px no-repeat;
_background:url(../images/menu_ie6.png) -249px 0px no-repeat;
}

#questions a{
position:absolute;
top:0;
left:320px;
z-index:2;
width:138px;
height:60px;
background:url(../images/menu.png) -354px 0px no-repeat;
_background:url(../images/menu_ie6.png) -354px 0px no-repeat;
}

/*-----menu hover-----*/

#agence a:hover{
position:absolute;
top:0;
left:0;
z-index:3;
height:60px;
width:108px;
background:url(../images/menu.png) -496px 0px no-repeat;
_background:url(../images/menu_ie6.png) -496px 0px no-repeat;
}

#services a:hover{
position:absolute;
top:0;
left:100px;
z-index:2;
height:60px;
width:140px;
background:url(../images/menu.png) -605px 0px no-repeat;
_background:url(../images/menu_ie6.png) -605px 0px no-repeat;
}

#offres a:hover{
position:absolute;
top:0;
left:228px;
z-index:1;
height:60px;
width:109px;
background:url(../images/menu.png) -747px 0px no-repeat;
_background:url(../images/menu_ie6.png) -747px 0px no-repeat;
}

#questions a:hover{
position:absolute;
top:0;
left:320px;
z-index:2;
width:134px;
height:60px;
background:url(../images/menu.png) -851px 0px no-repeat;
_background:url(../images/menu_ie6.png) -851px 0 no-repeat;
}

/*--------------------------------------------------------------------------------chemin de fer picto-----------------------------------------------------------------------------------*/

.chemin_de_fer{
position:relative;
top:85px;
z-index:5;
font-size:1.2em;
margin:60px 0 0 5px;
/margin:60px 0 0 -715px;
padding:0 0 0 10px;
display:inline;
/*background:#FF0000;*/
border-bottom:dotted 2px #ae3087;
}

.chemin_de_fer a{
text-decoration:none;
color:#ae3087;
}

.pictos{
position:relative;
top:85px;
left:700px;
width:80px;
/*margin:0px 0 0 720px;*/
}

#contenu_haut{
position:relative;
margin:90px 0 0 5px;
width:900px;
height:auto;
_min-height:410px;
background:url(../images/milieu_fond_rea.png) repeat-y;
}

#haut_bloc{
position:absolute;
top:0px;
left:0px;
width:900px;
height:83px;
background:url(../images/haut_fond_rea.png) no-repeat;
z-index:2;
}

#bas_bloc{
position:absolute;
bottom:0px;
left:0px;
width:900px;
height:45px;
background:url(../images/bas_fond_rea.png) no-repeat;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------main-----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#main{
/*border:solid 1px red;*/
width:995px;
height:auto;
/*min-height:3400px;*/
background:url(../images/fond_contenu_rea.png) repeat-y;
margin-left:-5px;
position:relative;
}



/*---------------------------------------------------------------------------------------realisations-------------------------------------------------------------------------------------*/

.titre_nos_rea{
display:inline;
border-bottom:2px dotted #ae3087;
margin:0 0 0px 160px;
font-size:2em;
font-variant:small-caps;
}

#texte-ref{
/*top:70px;
position:relative;
z-index:4;*/
margin:0px 0 70px 0;
padding:80px 0 0 0;
}

#texte-ref p{
text-align:justify;
height:auto;
width:550px;
font-size:1.3em;
}

#texte-ref ul li{
padding:0 30px 0 100px;
height:auto;
/*min-height:160px;*/
margin-top:20px;
overflow:hidden;
height:1%;
}

.references{
padding:0 0 0 15px;
margin:0 0 0 0;
font-variant:small-caps;
font-size:1.3em;
display:inline;
border-bottom:dotted 2px #ae3087;
background:url(../images/puces_roses.png) 0 4px no-repeat;
}

.ville{
font-style:italic;
display:block;
margin:12px 0 0 0;
}

#fck_dom_range_temp_1234275468024_914{
display:block;
margin:5px 0 5px 0;
}

.encourscreation a{
padding:2px 0 3px 3px;
margin:15px 0 40px 0;
display:block;
background:#ae3087;
color:#FFFFFF;
}

.img{
float:right;
border:none;
padding-bottom:5px;
margin-bottom:8px;
}
/*-----------------------------------------------------------------------------------page présentation-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#page_accueil{
position:relative;
z-index:1;
left:95px;
top:20px;
height:650px;
width:772px;
padding:0 0 80px 0;
background:url(../images/page_accueil.jpg) 0 0 no-repeat;
}

.presentation{
margin:20px 0 0 160px;
width:500px;
}

.liste_contenu{
background:url(../images/puce.png) 0 6px no-repeat;
margin:3px 0 2px 160px!important;
padding:0 0 0 10px !important;
/padding:0 0 0 10px;
font-size:1.2em;
}

/*------------------------------------------------------------------------------------page méthode------------------------------------------------------------------------------------*/

#methode{
position:relative;
z-index:1;
left:95px;
top:20px;
height:884px;
width:772px;
padding:0 0 80px 0;
background:url(../images/methode.jpg) 0 0 no-repeat;

}

/*-------------------------------------------------------------------------------------contact----------------------------------------------------------------------------------------------*/

#contact{
width:190px;
height:60px;
/*position:absolute;
bottom:-7.2em;
right:36px;*/
margin:0 0 0 750px;
z-index:3;
}

#contact span{
display:none;
}

#contact a{
display:block;
width:190px;
height:60px;
background:url(../images/contact.png) 0 0 no-repeat;
}

#contact a:hover{
background:url(../images/contact.png) -192px 0 no-repeat;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------footer---------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
background:#cbd542;
width:985px;
height:auto;
}

#footer p{
margin:0px 0 0 15px;
font-size:1.2em;
}

ul.nav_footer li{
display:none;
margin:0 35px 0 0;
height:47px
}

ul.nav_footer{
margin:0 0 0 340px;
}

.adresse_footer{
font-size:0.9em;
margin:0 0 0 168px;
color:#232323;
}