body
{
	margin: 10px 0 ;
	padding: 0 ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: url(/v3/images/cquidonc/bg.gif);
}

div#conteneur
{
	width: 800px ;
	margin: 0 auto ;
	text-align: left ;
	background: #fff ;
	position:relative;
  	bottom:3px;
  	right: 3px;

	
}


div#ombre
{
	width: 800px ;
	background: #cccccc ;
	margin: 0 auto ;
}

h1#header
{
	height: 60px ;
	background: url(/v2/images/header.jpg) no-repeat ;
	margin: 0;
	width: 800px ;
	height: 60px ;
	display: block ;
	position: relative ;
	left: 0px ;
	top: 0px ;

}



ul#menu
{
	height: 20px ;
	margin: 0 ;
	padding: 0 ;
	background: #c1c1c1 ;
	list-style-type: none ;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over */
ul#menu li
{
	float: left ;
	text-align: center ;
	width: 800px ;
	font-size: 1em ;
	color: #000000 ;
	text-decoration: none ;
	letter-spacing: 1px ;
	line-height: 25px ;
}

ul#menu li a
{
	line-height: 25px ;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #000000;
	display: block ;
	text-decoration: none ;
}


ul#menu li a:hover
{
	background: url(/v3/images/cquidonc/bg_menu_on.gif) repeat-x 0 0 ;
}/* Et pour finir on décale l'image de fond au passage de la souris pour laisser aparaître l'état survolé de l'image, voir le tutoriel sur les roll over pour plus de détails */


div#contenu
{	
	padding: 0 0px 0 0px ;
	width : 570px;
	min-height : 661px;
	height:655px;
}
div.contenu_acti
{	
	padding : 5px;
	width : 250px;
	height : 110px;
	border-bottom: 1px solid #999999 ;
	border-left: 1px solid #cccccc ;
	border-right: 1px solid #999999 ;
	border-top: 1px solid #cccccc ;
	background:#ffffff;
	
}

div#contenu2
{	
	padding : 5px;
	width : 250px;
}

div#contenu2 h2#div
{
	padding-left: 25px ;
	line-height: 25px ;
	color: #3d3d8c ;
	border-bottom: 1px solid #3d3d8c ;
	width : 250px;
	font-weight:bold;
	font: 1.3em "Trebuchet MS", helvetica, sans-serif ;
}

div#pub
{
    position : absolute;
    float: right;
	margin-left: 600px;
	width : 200px;
	height : 696px;
	background: url(/v2/images/monde.gif) bottom no-repeat #f1f1f1 ;

}
div#contenu p
{
	text-align: justify ;
	text-indent: 1.5em ;
	line-height: 1em ;
	border-bottom: 1px solid #3d3d8c ;
	color : #3d3d8c;
	font-weight:bold;
	background: url(/v3/images/bull_small.gif) no-repeat left bottom ;
}



div#contenu h2
{
	padding-left: 25px ;
	line-height: 30px ;
	font-size: 1.2em ;
	background: url(/v3/images/cquidonc/bull_big.gif) no-repeat left ;
	color: #3d3d8c ;
	border-bottom: 1px solid #3d3d8c ;
	width : 560px;
}



div#contenu a
{
	color: #000000 ;
}

div#contenu a:hover
{
	color: #999999 ;
}

p#footer
{
	padding-top: 3px;
	padding-right: 10px ;
	line-height: 20px ;
	text-align: left ;
	color: #ffffff ;
	background: url(/v2/images/vert.gif) repeat-x 0 2px ;

}

div#link1{
background:url(/v2/images/1012.gif) no-repeat;
width:80px;
height:80px;
}

div#link2{
background:url(/v2/images/mobitag.gif) no-repeat;
width:80px;
height:80px;
}

div#link3{
background:url(/v2/images/kaori.gif) no-repeat;
width:80px;
height:80px;
}

div#link4{
background:url(/v2/images/ael.gif) no-repeat;
width:80px;
height:80px;
}

div#link5{
background:url(/v2/images/domaine.gif) no-repeat;
width:80px;
height:80px;
}

div#link6{
background:url(/v2/images/ccp.gif) no-repeat;
width:80px;
height:80px;
}

div#link7{
background:url(/v2/images/xxx.gif) no-repeat;
width:80px;
height:80px;
}

div#link8{
background:url(/v2/images/boutique.gif) no-repeat;
width:80px;
height:80px;
}

div#link9{
background:url(/v2/images/contact.gif) no-repeat;
width:80px;
height:80px;
}