/* 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:Verdana, Arial, Helvetica, sans-serif;*/
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;
}

.invisible2{
font-weight:normal;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------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;*/
position:absolute;
top:132px;
left:0;
}

#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 0px no-repeat;
}

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


#main{
/*border:solid 1px red;*/
width:990px;
height:auto;
min-height:600px;
_height:600px;
background:url(../images/fond_contenu.png) repeat-y;
margin-left:-5px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------gauche--------------------------------------------------------------------------------------------*/

#gauche{
float:left;
/*background:#00CCCC;*/
width:706px;
height:auto;
min-height:600px;
_height:600px;
padding:70px 0 0 0;
margin:0 0 30px 0;
}

.chemin_de_fer{
font-size:1.2em;
margin:0 0 0 5px;
padding:0 0 0 10px;
display:inline;
/*background:#FF0000;*/
border-bottom:dotted 2px #ae3087;
}

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

.pictos{
margin:25px 0 5px 525px;
}

/*-------------------------------------------------------------------------partie contenu------*/

#contenu_haut{
position:relative;
margin:0 0 0 5px;
padding:0 0 30px;
width:706px;
height:auto;
min-height:415px;
_height:410px;
background:url(../images/milieu_fond_offres.png) repeat-y;
}

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

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

/*---------------------------------------------------------illustrations---------------------------------------------------------------------------------*/
#illustration_contact{
position:absolute;
top:70px;
left:20px;
z-index:6;
width:200px;
height:400px;
background:url(../images/enveloppes.png) no-repeat 0 0;
_background:url(../images/enveloppes_ie6.png) no-repeat 0 0;
}

#illustration_agence{
position:absolute;
top:314px;
left:30px;
z-index:6;
width:200px;
height:280px;
background:url(../images/illustration_agence.png) no-repeat 0 0;
_background:url(../images/illustration_agence_ie6.png) no-repeat 0 0;
}

#illustration_questions{
position:absolute;
top:70px;
left:40px;
z-index:6;
width:120px;
height:300px;
background:url(../images/illustration_questions.png) no-repeat 0 0;
_background:url(../images/illustration_questions_ie6.png) no-repeat 0 0;
}

#illustration_demarche{
position:absolute;
top:60px;
left:35px;
z-index:6;
width:130px;
height:300px;
background:url(../images/illustr_demarche.png) no-repeat 0 0;
_background:url(../images/illustr_demarche_ie6.png) no-repeat 0 0;
}


/*--------------contenu relatif à la rubrique sélectionnée-------------*/

#contenu_haut ul li{
position:relative;
}

#contenu_haut a{
text-decoration:none;
display:block;
border:none;
}

.contenu{
position:relative;
padding:50px 0 25px 30px;
left:155px;
width:400px;
height:auto;
z-index:4;
}

.titre{
font-size:1.6em;
text-transform:uppercase;
border-bottom:dotted 2px #ae3087;
display:inline;
}

.sous-titre{
color:#ae3087;
padding-top:8px;
}

    /*titre de niveau2 déroulant*/
#accordion ul li a{
line-height:1.2em;
font-weight:bold;
/*font-variant:small-caps;*/
font-size:1.4em;
background:url(../images/puces_roses.png) 0 10px no-repeat;
padding:10px 0 0 18px;
margin-top:7px;
}

    /*titre de niveau2 non-déroulant*/
h2{
font-weight:bold;
/*font-variant:small-caps;*/
font-size:1.4em;
background:url(../images/puces_roses.png) 0 10px no-repeat;
padding:6px 0 0 18px;
margin-top:8px;
}

    /*second titre de niveau2 page "les plus"*/
.titre2{
font-size:1.6em;
text-transform:uppercase;
margin:30px 0 10px 0;
}

.titre2 span{
border-bottom:dotted 2px #ae3087;
}

.contenu p{
text-align:justify;
line-height:1.3em;
font-size:1.2em;
font-weight:200;
margin-top:8px;
margin-left:20px;
}

.gras{
font-weight:bold;
}

#accordion ul li ul li{
list-style:none;
/*margin:2px 0 5px 20px;*/
line-height:1.1em;
background:url(../images/puce.png) 0 6px no-repeat;
padding:0 0 0 10px;
/padding:0 0 0 10px;
}

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

.sous_liste_contenu{
/*background:url(../images/puce.png) 0 6px no-repeat;*/
margin:2px 0 5px 32px!important;
padding:0 0 0 10px;
/padding:0 0 0 10px;
font-size:12px;
}

.liste_demarche{
background:url(../images/puce.png) 0 6px no-repeat;
margin:2px 0 5px 20px;
padding:0 0 0 10px;
/padding:0 0 0 10px;
font-size:1.2em;
}

.liste_sous-titre{
padding:0 0 0 10px;
}

.liste_sous-titre li{
color:#ae3087;
margin-left:10px;
font-size:1.2em;
background:url(../images/puce_petite_rose.png) 0 6px no-repeat;
}

#accordion ul li a.demo{
color:#ae3087;
font-size:1em;
font-weight:normal;
background:none;
margin:-8px 0 0 -18px;
}

#accordion ul li a.demo:hover{
text-decoration:underline;
}

#accordion a.lien{
color:#ae3087;
font-size:1em;
font-weight:normal;
background:none;
margin:0;
display:inline;
text-decoration:underline;
}

#accordion a.lien:hover{
text-decoration:none;
}

.texte_test_offre{
margin:8px 0 0 0;
font-weight:bold!important;
}

.liste_test_offre{
line-height:1.1em;
background:url(../images/puce.png) 0 6px no-repeat;
padding:0 0 0 10px;
margin:3px 0 0 17px;
font-size:1.2em;
font-weight:bold;
}

/*---------------------------------------------------------------------------------------------------------*/
.les_plus{
position:relative;
top:35px;
left:8px;
background:url(../images/les_plus-ds-rubrique.png) no-repeat;
width:230px;
height:110px;
z-index:5;
}

.plan_site{
margin-top:10px;
font-size:1.4em;
}


/*-----------------------------------------------------------------------------------partie basse-------*/

/*#contenu_bas{
float:left;
width:703px;
height:auto;
min-height:295px;
background:url(../images/fond_contenu_bas.png) repeat-y;
margin-left:15px;
}

.colonnes{
float:left;
width:206px;
min-height:20px;
padding:0 12px;
}

.colonnes ul li{
padding:0 0 0 9px;
background:url(../images/puce.png) 0 6px no-repeat;
font-size:12px;
color:#5d5d5d;
margin-top:5px;
line-height:1em;
}

.colonnes ul li a{
color:#5d5d5d;
}



h2{
font-variant:small-caps;
font-size:1.5em;
}

.paragraphe{
margin-top:5px;
}*/

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------droite--------------------------------------------------------------------------------------*/

#droite_agence{
float:right;
width:282px;
height:600px;
background:url(../images/image_agence.jpg) no-repeat;
_position:absolute;
_right:5px;
_z-index:1;
}

#droite_services{
float:right;
width:282px;
height:700px;
background:url(../images/image_services.jpg) no-repeat;
_position:absolute;
_right:5px;
_z-index:1;
}

#droite_contact{
float:right;
width:282px;
height:700px;
background:url(../images/image_contact.jpg) no-repeat;
_position:absolute;
_right:5px;
_z-index:1;
}

#droite_questions{
float:right;
width:282px;
height:700px;
background:url(../images/image_questions.jpg) no-repeat;
_position:absolute;
_right:5px;
_z-index:1;
}

#droite_plus{
float:right;
width:282px;
height:800px;
background:url(../images/image_plus.jpg) no-repeat;
_position:absolute;
_right:5px;
_z-index:1;
}

#realisations{
margin:60px 0 0 0;
}

#realisations span{
display:none;
}

#realisations a{
display:block;
background:url(../images/nos_realisations_onglet.png) 0 0 no-repeat;
_background:url(../images/nos_realisations_onglet_ie6.png) 0 0 no-repeat;
width:181px;
height:67px;
}

#realisations a:hover{
background:url(../images/nos_realisations_onglet.png) -187px 0 no-repeat;
_background:url(../images/nos_realisations_onglet_ie6.png) -187px 0 no-repeat;
}

#contact{
width:190px;
height:62px;
position:absolute;
bottom:6.0em;
right:36px;
z-index:3;
}

#contact span{
display:none;
}

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

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

/*----------------------------------------------------------------------------------formulaire de contact----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contact_form{
width:auto;
height:auto;
position:relative;
right:10px;
z-index:3;
}

fieldset{
margin:20px 0 0 0;
border:solid 1px #999999;
}

.field{
margin:20px 10px 10px 10px;
}

label.field_name{
padding:0 0 0 16px;
background:url(../images/puces_roses.png) no-repeat 0 2px;
font-size:1.4em;
font-variant:small-caps;
}

p.field_legend{
font-size:1.1em;
color:#666666;
margin:3px 0 0 1px;
}

input{
border:solid 1px #c876ae;
}

.text_area{
width:310px;
height:150px;
border:solid 1px #c876ae;
}

.adresse{
font-size:0.8em;
line-height:11px;
}

#messageEnvoi{
margin:50px 0 250px 0;
}

.obligatoire{
color:#b23a8c;
font-size:1.4em;
font-weight:bold;
}

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

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

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

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

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

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

.num_vert{
margin:5px 0 10px 18px;
}