@media screen {
/* --- BALISE HTML --- */
body{
	margin				: 0;
	margin-top			: 0;
	padding				: 0;
	
	font-family			: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #fff;

	background-color	: #009CDA;
	background-image	: url('../images/menuhaut/fond.jpg');
	background-repeat	: repeat-x;
}

h1{	
	font-size			: 16px;
	color				: #FAAE00;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
	margin-left			: inherit;
	margin-right		: inherit;
	
	padding-top			: inherit;
	padding-bottom		: inherit;
	padding-left		: inherit;
	padding-right		: inherit;
}
h2{
	font-size			: 14px;
	color				: #FAAE00;
	text-align			: center;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
	margin-left			: inherit;
	margin-right		: inherit;
	
	padding-top			: inherit;
	padding-bottom		: inherit;
	padding-left		: inherit;
	padding-right		: inherit;
}
h3{
	font-size			: 13px;
	color				: #FAAE00;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
	margin-left			: inherit;
	margin-right		: inherit;
	
	padding-top			: inherit;
	padding-bottom		: inherit;
	padding-left		: inherit;
	padding-right		: inherit;
}

a, a:active, a:visited{
	text-decoration		: underline;
	text-transform		: none;
	color				: #FAAE00;
	outline				: none;
	
}
a:hover{
		text-decoration	: underline;
		color			: #FAAE00;
	}
	
p{
	margin-top			: inherit;
	margin-bottom		: 10px;
	margin-left			: inherit;
	margin-right		: inherit;
	
	padding-top			: inherit;
	padding-bottom		: inherit;
	padding-left		: inherit;
	padding-right		: inherit;
}


ul.square li{
	list-style-image:url(../images/contenu/puce.png);
}
li{
list-style-image:url(../images/puce.png);
}

/* --- CLASSES TEMPLATE --- */
.fond_bandeau_haut{
	background-color	: #009CDA;
}
.fond_bandeau_bas{
	background-color	: #009CDA;
}
.fond_colonne_gauche{
	background-color	: #009CDA;
	/*background-image	: url('../images/menugauche/maquette_23.png');
	background-repeat	: repeat-y;*/
	
	margin-top			: inherit;
	margin-bottom		: inherit;
	margin-left			: inherit;
	margin-right		: inherit;
	
	padding-top			: inherit;
	padding-bottom		: inherit;
	padding-left		: inherit;
	padding-right		: inherit;
}
.fond_colonne_droite{
	background-color	: #009CDA;
	/*background-image	: url('../images/menugauche/maquette_23.png');
	background-repeat	: repeat-y;*/
}
.fond_centre{
	background-color	: #009CDA;
	/*background-image	: url('../images/menugauche/maquette_23.png');
	background-repeat	: repeat-y;*/
}
.fond_centre strong{
	background-color	: #009CDA;
	color:#FAAE00;
	/*background-image	: url('../images/menugauche/maquette_23.png');
	background-repeat	: repeat-y;*/
}

.bas {
	background-color	: #FAAE00;
	background-image	: url('../images/menubas/maquette_17.jpg');
	background-repeat	: repeat-x;
}
	.bas strong{
		color			: #000000;
		}	

.bas, .bas p, .bas a, .bas a:active, .bas a:visited{
	color				: #000000;
	font-size			: 10px;
	text-decoration		: none;
	text-align			: center;
	outline				: none;
}
	
.bas a:hover{
		color			: #000000;
		font-size		: 10px;
		text-decoration	: underline;
}
	
.bas img{
		border			: 0;
}
	
	
	
/* --- CLASSES PERSONNALISEES --- */	
.tableau_entete{
	background-color	: #CCCCCC;
	font-size			: 14px;
	font-weight			: bold;
}
.ligne1{
	/*color				: #FFFFFF;*/
	background-color	: inherit;
}
.ligne2{
	/*color				: #D7E3F2;*/
	background-color	: #EEEEEE;
}

.ligne1:hover, .ligne2:hover{
	/*color				: #FFFFFF;*/
	background-color	: #AAC8E1;
}

.cadre {
	border				: 1px solid #FAAE00;
	background 			: #81cded;
	padding 			: 4px;
	margin-left 		: 5px;
	margin-right 		: 5px;
	margin-top			: 10px;
	margin-bottom		: 10px;	
	font-weight			: bold;
	text-align:center;
	color:#175AA9;
}


.contour_image{
	background-color	: #000000;
	border				: 1px solid #FAAE00;
	padding				: 0px;
	margin				: 10px;
}

.important{
	color				: #fff;
	font-size			: 13px;
	font-weight			: bold;
}

.center
{
	text-align 			: center;
}

/* -- Icone a coté des liens -- */
a[href $='.pdf'] { padding-left: 22px; background: transparent url('../images/icones/pdf.gif') no-repeat center left;}
/*
a[href $='.gif'] { padding-left: 22px; background: transparent url('../images/icones/image.gif') no-repeat center left;}
a[href $='.png'] { padding-left: 22px; background: transparent url('../images/icones/image.gif') no-repeat center left;}
a[href $='.jpg'] { padding-left: 22px; background: transparent url('../images/icones/image.gif') no-repeat center left;}
*/
a[href $='.doc'] { padding-left: 22px; background: transparent url('../images/icones/word.gif') no-repeat center left;}
a[href $='.xls'] { padding-left: 22px; background: transparent url('../images/icones/xls.gif') no-repeat center left;}
a[href $='.txt'] { padding-left: 22px; background: transparent url('../images/icones/texte.gif') no-repeat center left;}
a[href $='.zip'] { padding-left: 22px; background: transparent url('../images/icones/archive.gif') no-repeat center left;}
a[href $='.rar'] { padding-left: 22px; background: transparent url('../images/icones/archive.gif') no-repeat center left;}
a[href $='.exe'] { padding-left: 22px; background: transparent url('../images/icones/exe.gif') no-repeat center left;}
a[href $='.swf'] { padding-left: 22px; background: transparent url('../images/icones/flash.gif') no-repeat center left;}
a[href $='.avi'] { padding-left: 22px; background: transparent url('../images/icones/film.gif') no-repeat center left;}
a[href $='.mpeg'] { padding-left: 22px; background: transparent url('../images/icones/film.gif') no-repeat center left;}
a[href $='.flv'] { padding-left: 22px; background: transparent url('../images/icones/film.gif') no-repeat center left;}


/* --- CLASSES PERSONNALISEES --- */

.menu TD { font-size:13px; font-family:arial, Helvetica, sans-serif; letter-spacing:normal; color:#fff; font-weight:bold;}
.menu a {font-size:13px; font-family:arial, Helvetica, sans-serif; letter-spacing:normal; color:#fff; font-weight:bold; margin-left:10px;}
.menu a:hover {font-size:13px; font-family:arial, Helvetica, sans-serif; letter-spacing:normal; color: #000; font-weight:bold; font-style:italic;}

.both
{
	clear				: both;
}

#body {
	background-image	: none;
	background			: #3369B2;
}
	#body .bas {
		background			: none;
	}

}