body {
	font-family : verdana, arial ;
	font-size : 12px ;
	margin-bottom : 10px ;
	color : #FFFFFF ;
	background-color : #6c82b5 ;
	background-color : #ffffff ;
	background-color : #000000 ;
}

div#global {
	width : 780px ;
	width : 980px ;
	position : relative ;
/*	left : 50% ;
	margin-left : -390px ;
*/
	margin : 5px auto ;
	overflow : hidden ;

}
/*==============================================================*/
/* POLICES GENERALES */
/*==============================================================*/
a, a:visited {
	font-weight : bold ;
	color : #FFFFFF ;
	text-decoration : underline ;
}
a:hover{
	color : #EFA300 ;
	text-decoration : underline ;

}
h1 {
	font-size : 16px ;
	color : #000000 ;
}
/*==============================================================*/
/* ENTETE */
/*==============================================================*/

div#entete{
	height : 98px ;
	background : URL(../images/entete.png) no-repeat top right;    
	position : relative ;
	border-bottom : 1px solid #6c82b5 ;
}
div#devis {
	position : absolute ;
	right : 80px ;
	top : -10px ;
	width : 130px ;
	height : 100px ;
}
div#devis img{
	border : none ;
}
div#logo {
	background : URL(../images/logo.png) no-repeat ;    
	position : absolute ;
	left : 10px ;
	top : 10px ;
	height : 62px ;
	width : 155px ;
}
div#accroche {
	position : absolute ;
	left : 10px ;
	bottom : 3px ;
}
div#accroche p.bodytext{
	margin : 0px ;
}
/*==============================================================*/
/* Haut de page */
/*==============================================================*/
div#haut {
	float : left ;
	width : 780px ;
	width : 980px ;
	text-align : center;
	font-size : 10px ;
	background-color: #5e5e5e ;
	font-size : 10px ;
	position : relative ;

}

div#date, div#path{
	width : 770px ;
	width : 970px ;
	height : 5px ;
	padding : 10px 10px 5px 0px ;
	float : left ;
	text-align : right ;

}
div#path {
	background-color: #999999 ;
	height : 10px ;

}

div#menu {
	width : 775px ;
	width : 975px ;
	float : left ;
	border : 0px solid red ;
	position : relative ;
	margin-top : 10px ;
	padding-left : 5px ;
}
/* voir menu.css pour les items */


/* titre de la page */
div#title_page {
	float : left ;
	width : 780px ;
	width : 980px ;
	text-align : center ;
	background-color: #999999 ;

}
div#title_page  h1{
	font-size : 18px ;
}

/*==============================================================*/
/* ZONE MILIEU */
/*==============================================================*/

div#zone_milieu{
	float : left ;
	background-color: #999999 ;
	width : 780px ;
	width : 980px ;
	position : relative ;
	overflow : auto ;
	/*background : URL(../images/img_contenu_gd.jpg) repeat-y ;*/
}

/* COLONNE GAUCHE */

div#droite {
	float : left ;
	width : 160px ;
	width : 200px ;
	padding-bottom: 25px ; 
	min-height : 250px ;

}
div#content {
	float : left ;
	width : 580px ;
	width : 740px ;
	padding : 0px 20px;
	padding-bottom : 20px ;
	position : relative ;
	min-height : 250px ;
	color : black ;
	
}
div#content h1 {
	background : URL(../images/puce_oi2.png) no-repeat ; 
	padding-left : 25px ;
	margin-top : 20px ;
}

/*==============================================================*/
/* ZONE BAS */
/*==============================================================*/

div#menu_bas {
	width : 730px ;
	margin-top: 40px ;
	padding-left : 270px ;
	border : 0px solid red ;
}

div#pied_page {
	width : 780px ;
	width : 980px ;
	height : 20px ;
	float : left ;
	background-color: #5e5e5e ;
	position : relative ;
	border-top : 2px solid #6c82b5 ;


}

div#mentions{
	width : 100% ;
	text-align : center ;
	font-size : 9px ;
	font-weight : bold ;
	padding : 5px 0px ;
	position : absolute ;
	bottom : 0px ;

}
div#mentions p.bodytext{
	margin : 0px ;
}

div#borderbottom {
	float : left ;
	height : 10px ;
	width : 100% ;
}



div#content p {
	line-height : 20px ;
	text-align : justify ;

}
div#content ul {
	line-height : 18px ;
	text-align : justify ;

}
div#content dt {
	margin-top : 12px ;
}
div#content dd{
	margin-top : 5px ;
	text-align : justify ;
}

/* =========== DETAILS COLONNE DROITE =========== */
div#menu_sec{
	position : relative ;
	float : left ;
	width : 100% ;
	margin-bottom : 20px ;
}
div#content_right {
	float : left ;
	background-color : #777777 ;
	position : relative ;
	width : 100% ;
}
div#content_right p{
	font-size : 11px ;
	text-align : left ;
	padding : 0px 3px 5px 3px;
	margin-bottom : 0px ;
}
div#content_right p.bodytext{
	margin-top : 0px ;
}

div#content_right h1 {	
	background : URL(../images/titre-content-right.png) no-repeat #5e5e5e ;    
	min-height : 20px ;
	font-size : 12px ;
	margin : 0px;
	padding : 17px 5px 3px 5px;
	color : #FFFFFF ;
	text-align : center ;
	width : 150px ;
	width : 190px ;
}

/* page rubriques */
div#liste_rub {
	text-align : left ;
	line-height : 20px ;

}
div#lien_proposer_astuce {
	padding-top : 20px ;
}





div.arr_conteneur {
	margin-top : 0px ;
}
/* =========== CONTENT FRAME =========== */

div.csc-frame {
	width : 240px ;
	width : 340px ;
	margin-left : 10px ;
	margin-right : 10px ;
	border : 0px solid red ;
}

div.csc-frame-frame1 {
	float : left ;
}
div.csc-frame-frame2 {
	float : right ;
}

/*
div.csc-frame ul{
	padding-left : 20px ;
}
div.csc-frame li{
	list-style-type : none ;
}
*/
span.important {
	font-weight : bold ;
	color : #EABA55 ;
}
dd.csc-textpic-caption {
	font-size : 9px ;
	color : #EEEEEE ;
	text-align : center ;
}