/**********************************************/
/*  Fichier CSS pour le nouveau site de la DDJS  */
/*  Fichier principal :                                                   */
/*    - Une autre partie se trouve dans ddjs.css     */
/**********************************************/

/**********************************************/
/*                       Balises hmtl		                */
/**********************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #3366FF;
	color: #00529C;			
}

a {color: #FF9933;text-decoration: none;}
a:hover {border-bottom-width: 1px;border-bottom-style: solid;}
li {list-style-image: url(pics/bullet_single.gif);}
td {font-size: 10px;font-weight: bold;}
td a {font-size: 10px;font-weight: bold;color: #00529C;}

/**********************************************/
/*		Style perso	                 */
/**********************************************/

.contenu {
	position:absolute;
	background-image: url(pics/fond.jpg);
	background-color: #00529C;
	background-repeat: no-repeat;
	top: 5%;
	left: 50%;
	margin-left: -390px;
	height: 425px;
	width: 780px;
	border: 1px solid #FFFFCC;	
}

.icone{
	border: 1px solid #6699CC;
}

.titre1 {
	font-size: 16px;
	color: #FFFFFF;
	left: 100px;
	top:55px;
	height: auto;
	width: auto;
	position: relative;
	letter-spacing: .2em;
}

.titre2 {
	font-size: 24px;
	color: #FFFFFF;
	left: 290px;
	top: 29px;
	height: auto;
	width: auto;
	position: relative;
	letter-spacing: 0.2em;
	font-weight: normal;
}


.souslien{
	font-size: 11px;
	font-weight: bold;
	color: #0099FF;
	position: relative;
	left: 55px;
}

.lien_sport{
	font-size: 16px;
	font-weight: bold;
	position: relative;
	left: 263px;
	top: 40px;
}

.lien_jeunesse{
	font-size: 16px;
	font-weight: bold;
	position: relative;
	left: 261px;
	top: 50px;
}

.lien_assoc{
	font-size: 16px;
	font-weight: bold;
	position: relative;
	left: 280px;
	top: 60px;
}

.lien_emploi{
	font-size: 16px;
	font-weight: bold;
	position: relative;
	left: 315px;
	top: 70px;
}

.lien_cvl{
	font-size: 16px;
	font-weight: bold;
	position: relative;
	left: 365px;
	top: 78px;
}

.baspage{
	position: absolute;
	width: 160px;
	top: 300;
	left: 25;
}

.baspage a{
	color: #fff;
}
.lienblanc{
	position: absolute;
	width: 80px;	
	background-color: #3366CC;
	width: 80px;
}

.lienblanc1{
	position: absolute;
	width: 80px;	
	background-color: #0099FF;
	color: #fff;

}

.lienbleu{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 11px;
	font-weight: bold;
	color: #0099FF;
}

.logoddjs{
	position: absolute;
	background-image: url(pics/logoddjs.png);
	height: 100px;
	width: 79px;
	left: 10px;
	top: 10px;
}

.logoporte{
	position: absolute;
	background-image: url(pics/porte.jpg);
	height: 45px;
	width: 45px;
	left: 175px;
	top: 220px;
	border: 1px solid #FF9933;
}

.logohip{
	position: absolute;
	background-image: url(pics/hip.jpg);
	height: 57px;
	width: 57px;
	left: 125px;
	top: 280px;
	border: 1px solid #FF9933;
}

.logotheatre{
	position: absolute;
	background-image: url(pics/theatre.jpg);
	height: 71px;
	width: 71px;
	left: 210px;
	top: 340px;
	border: 1px solid #FF9933;
}