/* CSS Document */

/**************************************************************************************************************/
/*			COM-MON-ECOLE.NET - Spécification des pages où cette css est active
			
			Date : 24/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:bold;
}
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;
	background:url(../images/fond.jpg) center top no-repeat;
}
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{
position:relative;
width:965px;
height:auto;
min-height:800px;
_height:800px;
margin:auto;
/*border: solid 1px red;*/
}

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



#header{
/*margin:28px 0 0 0;*/
width:965px;
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;
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 0 no-repeat;
_background:url(../images/menu_ie6.png) 0 0 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 0 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 0 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 0 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 0 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 0 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 0 no-repeat;
_background:url(../images/menu_ie6.png) -851px 0 no-repeat;
}


/*-----------------------------------------------------------------------édito-------------------------------------------------------------------------------*/

#edito{
float:left;
display:inline;
position:relative;
z-index:1;
width:265px;
height:auto;
margin:150px 0 180px 292px;
}

#edito p{
margin-top:10px;
font-size:1.3em;
}

#edito span{
color:#af3087;
}

#texte_edito{
padding:80px 10px 0 12px;
background-color:#FFFFFF;
width:241px;
height:auto;
}

#img_edito{
background:url(../images/bas_edito.png) no-repeat;
width:265px;
height:41px;
}

/*-----------------------------------------------------------------------offres-------------------------------------------------------------------------------------*/

#liste_offres{
width:190px;
height:auto;
position:absolute;
right:15px;
top:190px;
z-index:2;
}

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

#liste_offres span{
display:none;
}

#offre_premium a{
width:190px;
height:94px;
background:url(../images/offres.jpg) 0 0 no-repeat;
}

#offre_graphisme a{
width:190px;
height:127px;
background:url(../images/offres.jpg) 0 -98px no-repeat;
}

#offre_communautaire a{
width:190px;
height:112px;
background:url(../images/offres.jpg) 0 -226px no-repeat;
}

#offre_ecoles a{
width:190px;
height:120px;
background:url(../images/offres.jpg) 0 -338px no-repeat;
}


/*----offres hover---*/

#offre_premium a:hover{
width:190px;
height:94px;
background:url(../images/offres.jpg) 0px -453px no-repeat;
}

#offre_graphisme a:hover{
width:190px;
height:127px;
background:url(../images/offres.jpg) 0 -551px no-repeat;
}

#offre_communautaire a:hover{
width:190px;
height:112px;
background:url(../images/offres.jpg) 0 -679px no-repeat;
}

#offre_ecoles a:hover{
width:190px;
height:120px;
background:url(../images/offres.jpg) 0 -791px no-repeat;
}


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

#contact{
width:190px;
height:60px;
position:absolute;
bottom:1.6em;
right:12px;
z-index:3;
}

#contact a{
display:block;
float:right;
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{
display:block;
float:right;
width:190px;
height:60px;
background:url(../images/contact.png) -192px 0 no-repeat;
_background:url(../images/contact_ie6.png) -192px 0 no-repeat;
}

/*------------------------------------------------------------------------réalisations-------------------------------------------------------------------------------*/


#realisations{
width:525px;
position:absolute;
bottom:1.2em;
right:198px;
background:url(../images/fond_realisations.png) no-repeat 0 34px;
/*border:solid red 1px;*/
z-index:1;

}

#realisations h2{
margin: 0 0 0 2px;
position:relative;
z-index:1;
}

#diapo_com-mon-ecole{
margin:0 0 0 6px;
position:relative;
bottom:5px;
}


#realisations a.exemple_rea{
margin:0 0 0 6px;
}


/*------------------------------------------------------------------les plus-------------------------------------------------------------------------------------*/

#les_plus{
position:absolute;
bottom:1.6em;
left:0;
margin:0;
}

#les_plus a{
display:block;
background:url(../images/les_plus.png) 0 0 no-repeat;
_background:url(../images/les_plus_ie6.png) 0 0 no-repeat;
width:244px;
height:117px;
}

#les_plus a:hover{
display:block;
background:url(../images/les_plus.png) -251px 0px no-repeat;
_background:url(../images/les_plus_ie6.png) -251px 0 no-repeat;
}


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

#footer{
position:absolute;
bottom:0px;
left:0px;
background:#cbd542;
width:965px;
height:auto;
z-index:2;
}

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

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

.num_vert{
margin:30px 0 15px 5px;
}