/* 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:800px;
_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:-8px 0 0 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) 0 0px no-repeat;
_background:url(../images/menu_ie6.png) 0 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 0 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 0 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 0 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 0 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 0 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 0 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;
}


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


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

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

#gauche{
float:left;
/*background:#00CCCC;*/
width:706px;
height:auto;
min-height:700px;
_height:822px;
padding:70px 0 0 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;
}

/*.pictos{
margin:20px 0 0 520px;
}

ul.pictos li{
display:inline;
}*/

/*-------------------------------------------------------------------------partie haute------*/

#contenu_haut{
position:relative;
margin:0 0 0 5px;
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;
_background:url(../images/bas_fond_offres.png) no-repeat;
}


/*-------sous navigation offres-------*/


#contenu_haut ul.offres{
position:absolute;
top:0;
left:10px;
list-style:none;
height:375px;
z-index:3;
}

#contenu_haut ul li{
position:relative;
}

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

.premium a{
width:185px;
height:88px;
background:url(../images/offres_pages_offres.png) 0 0 no-repeat;
_background:url(../images/offres_pages_offres_ie6.png) 0 0 no-repeat;
z-index:3;
}

	.actif_premium{
	width:225px;
	height:105px;
	background:url(../images/offres_clic.png) 0 0px no-repeat;
	_background:url(../images/offres_clic_ie6.png) 0 0px no-repeat;
	}

.graphisme a{
width:185px;
height:92px;
background:url(../images/offres_pages_offres.png) 0 -89px no-repeat;
_background:url(../images/offres_pages_offres_ie6.png) 0 -89px no-repeat;
z-index:3;
}

	.actif_graphisme{
	width:225px;
	height:102px;
	background:url(../images/offres_clic.png) 0 -106px no-repeat;
	_background:url(../images/offres_clic_ie6.png) 0 -106px no-repeat;
	}

.communautaire a{
width:185px;
height:85px;
background:url(../images/offres_pages_offres.png) 0 -183px no-repeat;
_background:url(../images/offres_pages_offres_ie6.png) 0 -183px no-repeat;
z-index:3;
}

	.actif_communautaire{
	width:225px;
	height:98px;
	background:url(../images/offres_clic.png) 0 -210px no-repeat;
	_background:url(../images/offres_clic_ie6.png) 0 -210px no-repeat;
	}

.ecoles_primaires a{
width:185px;
height:105px;
background:url(../images/offres_pages_offres.png) 0 -270px no-repeat;
_background:url(../images/offres_pages_offres_ie6.png) 0 -270px no-repeat;

z-index:3;
}

	.actif_ecoles_primaires{
	width:225px;
	height:120px;
	background:url(../images/offres_clic.png) 0 -308px no-repeat;
	_background:url(../images/offres_clic_ie6.png) 0 -308px no-repeat;
	}

.premium a:hover{
background:url(../images/offres_pages_offres.png) 0 -379px no-repeat;
_background:url(../images/offres_pages_offres_ie6.png) 0 -379px no-repeat;

}

.graphisme a:hover{
background:url(../images/offres_pages_offres.png) 0 -468px no-repeat;
_background:url(../images/offres_pages_offres_ie6.png) 0 -468px no-repeat;

}

.communautaire a:hover{
background:url(../images/offres_pages_offres.png) 0 -562px no-repeat;
_background:url(../images/offres_pages_offres_ie6.png) 0 -562px no-repeat;

}

.ecoles_primaires a:hover{
background:url(../images/offres_pages_offres.png) 0 -649px no-repeat;
_background:url(../images/offres_pages_offres_ie6.png) 0 -649px no-repeat;

}

/*--------------contenu relatif à l'offre sélectionnée-------------*/

.contenu_offre{
position:relative;
padding:70px 0 25px 15px;
left:240px;
width:340px;
height:auto;
z-index:4;
}

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

}

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

#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:8px 0 0 18px;
margin-top:5px;
color:#1a1a1a;
}

#accordion ul li a .mise_en_avant{
text-decoration:underline;
/*background-color:#cad541;*/
}

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

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

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

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

.info_offre{
padding:10px 0 0 0;
color:#666666;
}

.btn_essai a{
margin:40px 0 0 170px;
width:235px;
height:75px;
background:url(../images/btn_tester_offre.jpg) 0 0 no-repeat;
}

.btn_essai a:hover{
background:url(../images/btn_tester_offre.jpg) -235px 0 no-repeat;
}




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

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

.colonnes{
float:left;
width:206px;
/*background:#CCCCCC;*/
min-height:20px;
_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:1.1em;
}

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

h2{
margin-top:5px;
font-variant:small-caps;
font-size:1.5em;
}

.texte_formation{
color:#5d5d5d;
font-size:12px;
padding:0 0 0 9px;
margin-top:5px;

}


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

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

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

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

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

#realisations{
margin:60px 0 0 0;
_position:absolute;
_z-index:5;
}

#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:61px;
position:absolute;
bottom:6.1em;
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;
}


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

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

#footer p{
margin:2px 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;
}