/*************************************/
/* menu, bordure, texte : 33c -> 333 */
/* lien : 006 -> 06c                 */
/* fond : ccf -> ff0                 */
/*************************************/



/*********************** STRUCTURE *********************/
body {
	font : 10pt verdana;
	color : #333;
	background-color : #ccf;
	margin : 5px;
	padding : 0;
}

#content {
	background-color : #fff;
	border : 2px solid #333;
	position : relative;
	width : 80%;
	margin : auto;
}

#header {
	height : 145px;
	text-align : right;
	background-color : #fff;
}

h1#header {
	background : url("images/logo.gif") no-repeat left top;
}

#menu, #menu a {
	line-height : 20px;
	background-color : #333;
	color : #fff;
	text-align : center;
	text-decoration : none;
	border : none;
}

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

#contenu {
	padding-top : 50px;
	padding : 5px;
	margin : 10px;
	clear : both;
}

#footer {
	color : #333;
	margin-bottom : 5px;
	padding-top : 50px;
	vertical-align : bottom;
	text-align : center;
}

#footer a, #footer a:visited {
	text-decoration : none;
	border : none;
}
/*******************************************************/




/********************** BLOC ***************************/
#bloc {
	width : 90%;
	clear : both;
	padding-right : 10%;
	padding-left : 10%;
}

#droite {
	width : 50%;
	float : right;
}

#gauche {
	width : 50%;
	float : left;
}
/*******************************************************/



/********************** LIEN ***************************/
a {
	color : #06c;
	text-decoration : none;
	border-top : 1px solid;
	border-line : 1px solid;
}

a:hover {
	color : #f90;
	border-bottom : 1px solid;
	border-color : #06c;
}
	
#principal  {
	padding-left : 40px;
	padding-top : 25px;
	padding-bottom : 15px;
	background : url("images/permis.gif") no-repeat left bottom;
	border-bottom : 0;
}

#secondaire  {
	padding-left : 80px;
	font-style : italic;
}

#secondaire a {
	border : none;
}
	
/*******************************************************/



/********************** TITRE **************************/
h1 {
	padding-top : 10px;
	padding-right : 10px;
	font : 14pt verdana;
	color : #06c;
}

#title {
	padding-right : 40px;
	font : 18pt verdana;
	color : #f90;
	font-style : italic;
}

#slogan {
	padding-right : 70px;
	font : 12pt verdana;
	font-style : italic;
	color : #000;
}

h2 {
	font : 12pt verdana;
	color : #06c;
	border-bottom: 1px solid #06c;
	width : 75%;
	padding-top : 15px;
}

h3 {
	font : 10pt verdana;
	font-weight : bold;
	color : #f90;
	border-bottom : 1px solid #f90;
	width : 50%;
}

#annonce {
	color : #000;
	padding-left : 80px;
	padding-top : 25px;
	font-weight : bold;
	background : url("images/info.gif") no-repeat left bottom;
	background-position : 50px 15px;
}

#pdf {
	list-style-image : url("images/pdf.gif");
	line-height : 30px;
}

#mail {
	padding-left : 50px;
	padding-bottom : 10px;
	background : url("images/mail.gif") no-repeat left bottom;
	background-position : 50% left;
}


#auto {
	background : url("images/volant.png") no-repeat left bottom;
	padding-left : 15px;
}

#moto {
	background : url("images/casque.png") no-repeat left bottom;
	padding-left : 15px;
}

#bateau {
	background : url("images/barre.png") no-repeat left bottom;
	padding-left : 15px;
}

#new{
	background : url("images/cible.gif") no-repeat left bottom;
	padding-left : 20px;
}

#retour{
	background : url("images/retour.gif") no-repeat left bottom;
	padding-left : 20px;
}
/*******************************************************/


/************************** SPACE **********************/
#space {
	margin : auto;
	width : 75%;
	border : 2px solid #333;
	background-color : #ccf;
	text-align : left;
	padding : 10px;
	line-height : 30px;
}

#space input {
	font : 11px verdana;
	color : #f90;
	position : 50%;
}

#space input[type="submit"] {
	color: #f90;
	background: #ccf;
	border: 1px inset #06c;
}

#space input[type="submit"]:hover {
	color: #06c;
	background: #fff;
	border: 1px inset #333;
	cursor : pointer;
}

#space textarea {
	font : 10pt verdana;
	color : #f90;
}

#space a,#space a:visited {
	color : #06c;
	text-decoration : none;
	border-top : 0;
}

#space a:active,#space a:hover,#space a:focus {
	color : #f90;
	text-decoration : none;
}

#space ul {
	line-height : 10pt;
}

#space li {
	list-style-type : circle;
}

#actu {
	line-height : 10pt;
}
/*******************************************************/



/************************* MAP *************************/
#map {
	text-align : center;
	width : 90%;
	height : 300px;
	border: 2px inset #333;
}
/*******************************************************/



/************************ NEWS *************************/
#news {
	width : 25%;
	float : right;
	left : 75%;
	height : 150px;
	border : 1px solid #333;
	background-color : #ccf;
}

#news a {
	font-size : 8pt;
}
/*******************************************************/



/************************ IMAGES ***********************/
#image_permis {
	width : 200px;
	float : right;
	left : 75%;
	top : 100px;
	border : 1px solid #333;
	cursor : help;
}

#image_permis:hover {
	zoom : 150%;
	border : 2px outset #333;
}
/*****************************************************/