/* --- BALISE HTML --- */
html,body{
	margin				: 0;
	margin-top			: 0;
	padding				: 0;
	
	font-family			: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	color				: white;
	height				: 100%;
	
	text-align			: justify;

	background-color	: #FE0000;
	background-repeat	: repeat-x;
	
/*	background-image	: url(../images/image.jpg); */
}

h1{	
	font-size			: 23px;
	color				: white;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
	
	background-image	: url(../images/contenu/header_back.jpg);
	background-repeat	: no-repeat;
	
	padding-left		: 48px;
	padding-top			: 6px;
	
	height				: 48px;
}
h2{
	font-size			: 14px;
	color				: white;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
}
h3{
	font-size			: 13px;
	color				: white;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
}

a, a:active, a:visited{
	text-decoration		: underline;
	text-transform		: none;
	color				: white;
	outline				: none;
	
}
a:hover{
		text-decoration	: underline;
		color			: red;
	}

p{
	
}


.fond_centre ul
{
	padding : 0px;
	margin: 0px;
}

.fond_centre li
{
	list-style-type	: none;
	
	background-image:url(../images/contenu/puce.jpg);
	background-repeat:no-repeat;

	height: 16px;
	padding-top: 6px;

	padding-left : 24px;
	margin: 0px;
}

/* --- CLASSES TEMPLATE --- */
.fond_bandeau_haut{
	background-color	: #33619D;
}

.fond_bandeau_haut_gauche{
	background-repeat	: no-repeat;
	background-position	: top right;
/*	background-image	: url(../images/image.jpg); */
	background-color	: #33619D;
}

.fond_bandeau_haut_droite{
	background-repeat	: no-repeat;
	background-position	: top left;
/*	background-image	: url(../images/image.jpg); */
	background-color	: #33619D;
}

.fond_bandeau_bas{
	background-color	: #33619D;
	background-repeat 	: no-repeat;
}
.fond_colonne_gauche{
	background-color	: #33619D;
	text-align			: left;
	background-image	: url(../images/menugauche/maquetteTLA15_04.jpg);
	background-repeat	: no-repeat;
}
.fond_colonne_gauche a, .fond_colonne_gauche a:visited{
	color				: red;
	font-weight			: bold;
	text-decoration		: none;
}
.fond_colonne_gauche a:hover{
	color				: #FFDF00;
	text-decoration		: underline;
}
.fond_colonne_droite{
	text-align			: right;
	background-color	: #33619D;
	/*background-image	: url('../images/menugauche/maquette_23.png');
	background-repeat	: repeat-y;*/
}
.fond_centre{
	background-color	: #33619D;
	/*background-image	: url(../images/maquettefinamaxA_10.jpg);
	background-repeat	: repeat-y;*/
	/*padding-left		: 30px; */
	/*text-align			: justify; */
	padding-right : 32px;
}

.fond_colonne_gauche ul
{
	list-style-type: none;
	margin: 0;
	margin-top: 6px;
	margin-left: 24px;
	padding: 0px;
}
.fond_colonne_gauche li
{
	background-image: none;
	color : red;
	font-size: 140%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}


.fond_bordure_bas
{
/*	background-image	:url(../images/images/maquettefinamax_24.jpg); */
	background-repeat	:repeat-x;
}


#footer, #footer p, #footer a, #footer a:active, #footer a:visited
{
	color				: #FFFFFF;
	margin-top			: 10px;
	font-size			: 10px;
	text-decoration		: none;
	text-align			: center;
	outline				: none;
}
	
#footer a:hover
{
	color			: #FFFFFF;
	font-size		: 10px;
	text-decoration	: underline;
}



#footer img{
	border			: 0;
}
.both
{
	clear				: both;
}

/* bas dynamique */


#content
{
	/*margin-bottom : 160px;*/
}


#footer
{
	clear		: both;
	bottom 		: 0;
	left 		: 0;
	/*position	: absolute;*/
	height		: 150px;
	width		: 100%;
	margin		: 0;
}

#page
{
	margin		: 0 auto;
	min-height	: 100%;
	position	: relative;
}

/* Fin bandeau bas dynamique */	

	
	
/* --- CLASSES PERSONNALISEES --- */	
.tableau_entete{
	background-color	: #CCCCCC;
	font-size			: 14px;
	font-weight			: bold;
}
.ligne1{
	/*color				: #FFFFFF;*/
}
.ligne2{
	/*color				: #D7E3F2;*/
}

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

.cadre {
	border				: 1px solid #ccc;
	padding 			: 6px;
	margin-left 		: 5px;
	margin-right 		: 5px;
	margin-top			: 10px;
	margin-bottom		: 10px;	
	font-weight			: bold;
	text-align			: center;
	color				: #000;
	background-color	: #ccc;
}

.cadreDouble
{
	border : 4px double #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreRidge
{
	border : 4px ridge #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreGroove
{
	border : 4px groove #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreOutset
{
	border : 4px outset #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreSolid
{
	border : 2px solid #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.roundDiv
{
	border : 2px solid #0973b6;
	padding:5px;
	text-align : center;
	width : 90%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.borderExt
{
	border : 2px solid #C0C0C0;
	text-align : center;
	width : 100%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
}

.borderInt
{
	border : 2px solid #000000;
	padding:5px;
	text-align : center;
	margin : 5px; /* Espacement entre les bords */
	font-weight	: bold;
	background-color : #C0C0C0;
}

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

.gras{
	font-weight:bold;
}
.italique{
	font-style:italic;
}

/* -- 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;}


p.contacteznous {
	text-align: right;
	color:#000;
	font-style:italic;
}
.sousmenu {
	text-align: center;
}
.commander {
text-align: center;
	color: #000;
	font-weight:bold;
	margin-left:250px;
}
.important{
	color				: #002B4F;
	font-size			: 13px;
	font-weight			: bold;
}

.center
{
	text-align 			: center;
}
.justify{
	text-align:justify;
}