/*----------------------------------------------------------------*
  *---  WWW.ROOTS-INTERACTIV.FR - Agence Web Marseille ---  CSS  --*
  *----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;

}

html {
	background: url(../img/deco/fond.jpg) repeat-x;
	background-color: #8A8E99;

}



body {
	margin: 0;
	padding: 0; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #EDF4FB;
	text-align: justify;
	background: url(../img/deco/header.jpg) no-repeat center top;


}


 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


/*Contenu de page  CONTENT */


.offre {
font-size : 12px;
color: #888C97;
}

.offre a:hover {
font-size : 12px;
color: #888C97;
}

.offretitre {
font-weight :bold;
font-size : 16px;
color: #DFEAF7;
}

#general {
margin : 0 auto 0 auto;
padding : 0;
width : 890px;
background-image: url(../img/deco/fond_bas.jpg);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 70px;
}

#content {
margin:0 auto;
padding:0;
width: 890px;

}

#content a{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color: #FFF;
text-decoration : none;
}

#content a:hover{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
text-decoration : underline;
}



#spacer {
margin:0 auto;
padding:0;
width: 890px;
height : 50px;

}

.spacer10{font-size:10px; height:5px; line-height:10px}

.space {
width: 890;
height : 2px;
background-color : #DFEAF7;	
}


#bandeau {
width : 890px;
height : 158px;
}


#contenu_gauche {
margin : 10px 10px 0px 10px;
width : 445px;
float: left;
}

#contenu_droit {
position : relative;
margin : 10px 10px 0px 10px;
padding : 0;
width : 445px;
float: right;
}

.titre {
margin : 0 auto;
padding : 0;
text-align : left;
color : #DFEAF7;
font-weight : bold;
font-size : 18px;
}

.soustitre {
	margin : 0 auto;
	padding : 0;
	text-align : left;
	color : #FFFFFF;
	font-weight : bold;
	font-size : 14px;
	text-decoration: underline;
}

.soussoustitre {
margin : 0 auto;
padding : 0;
text-align : left;
color : #FFFFFF;
font-weight : bold;
font-size : 12px;
}

.listingtitre {
	margin: 0 0 5px 10px;
	list-style-type: disc;
	padding: 0;
	line-height:normal;
	font-size: 14px;
	font-weight: bold;
}

.listing {
	margin: 0 0 5px 15px;
	list-style-type: disc;
	padding: 0;
	line-height:normal;
}

.listing2 {
	margin: 0 0 5px 40px;
	list-style-type: circle;
	padding: 0;
	line-height:normal;
}

.listing3 {
	margin: 0 0 5px 20px;
	list-style-type: decimal;
	padding: 0;
	line-height:normal;
}

#footer {
margin : 20px auto;
padding : 0;
width : 890px;
height : 30px;
text-align : center;
color : #CBDAEC;
}

#footer a {
color : #fff;
text-decoration : none;
}

#footer a:hover {
color : #fff;
}

#footer a:hover {
text-decoration : underline;
}

.poza{ border:4px solid #CBDAEC; display:block}

.champs {
	FONT-SIZE: 10px; 
	COLOR: #454C5C; 
	BORDER: #454C5C 1px solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #fafafa
}







 /*------------------------------------------------------*
  *--------            MENU DEROULANT  	    		 ----*
  *------------------------------------------------------*/



/*
#menu {
margin : 11px auto;
width : 890px;
height : 39px;
text-align : center;
}

#menu a {
margin: 0;
padding: 20px; 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
color: #CBDAEC;
text-align: center;
text-decoration : none;
}

#menu a:hover {
color : #fff;
}

#menu a:hover {
text-decoration : underline;
}
*/



dl, dt, dd, ul, li {
	padding: 0;
	list-style-type: none;
	margin: 0;
}

#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
margin : 11px Auto;
width : 890px;
height : 39px;
text-align : center;
z-index:100;
}

#menu dl {
float: left;
width: 127px;
}

#menu dt {
font-size : 14px;
cursor: pointer;
text-align: center;
font-weight: bold;
margin: 1px;
}

#menu dd {
display: none;
background: #616775;

}

#menu li {
margin: 10px;
padding: auto; 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color: #CBDAEC;
text-align: center;
text-decoration : none;
}

#menu li a {
height: 100%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color: #CBDAEC;
text-align: center;
text-decoration : none;
}

#menu dt a {
margin: 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
color: #CBDAEC;
text-align: center;
text-decoration : none;
}

#menu li a:hover, #menu li a:focus {
color : #fff;
text-decoration : underline;
}

#menu dt a:hover, #menu dt a:focus {
color : #fff;
text-decoration : underline;
}