@media screen {
/* --- BALISE HTML --- */
body{
	margin				: 0;
	margin-top			: 0;
	padding				: 0;
	
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color:#333333;
	
	background-color:#C20102;
	background-image:url('../images/maquette2_03.jpg');
	background-repeat:repeat-x;
}

h1{	
	font-size			: 23px;
	color				: #FF1A00;
	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				: #FF1A00;
	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;
}
h3{
	font-size			: 13px;
	color				: #FF1A00;
	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				: #333333;
	outline				: none;
	
}
a:hover{
		text-decoration	: underline;
		color			: #FF1A00;
	}

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-type		: square;
}
li{
	list-style-image:url('../images/puce.jpg');
}
/* --- CLASSES TEMPLATE --- */
.fond_bandeau_haut{
	background-color	: #FFFFFF;
	vertical-align:top;
}
.fond_bandeau_bas{
	background-color	: #FFFFFF;
	background-image:url('../images/maquette2_20.jpg');
	background-repeat:repeat-x;
}
.fond_colonne_gauche{
	background-color	: #FFFFFF;
	text-align:left;
	/*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{
	text-align:right;
	background-color	: #FFFFFF;
	/*background-image	: url('../images/menugauche/maquette_23.png');
	background-repeat	: repeat-y;*/
}
.fond_centre{
	background-color	: #FFFFFF;
	padding-left:10px;
	padding-right:10px;
	/*background-image	: url('../images/menugauche/maquette_23.png');
	background-repeat	: repeat-y;*/
}

.bas, .bas p, .bas a, .bas a:active, .bas a:visited{
	background-color:#FFA600;
	color				: #fff;
	font-size			: 10px;
	text-decoration		: none;
	text-align			: center;
	outline				: none;
}
	
.bas a:hover{
		color			: #fff;
		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 #C20102;
	padding 			: 4px;
	margin-left 		: 5px;
	margin-right 		: 5px;
	margin-top			: 10px;
	margin-bottom		: 10px;	
	font-weight			: bold;
	text-align:center;
}

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

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

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

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

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

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

.borderExt
{
	border : 1px solid #C20102;
	text-align : center;
	width : 90%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
}

.borderInt
{
	border : 1px solid #FFA600;
	color:#FFFFFF;
	padding:5px;
	text-align : center;
	margin : 5px; /* Espacement entre les bords */
	font-weight	: bold;
	background-color : #FFA600;
}
.borderInt a
{
	color:#FFFFFF;
}
.borderInt a:hover
{
	color:#FF1A00;
}
.right
{
	text-align:right;
}
.contour_image{
	border				: 1px solid #C20102;
	padding				: 0px;
	margin				: 10px;
}
.contour_image_auto{
	border				: 1px solid #C20102;
	padding				: 0px;
	margin				: 0px;
	margin-bottom:10px;
}
.contour_image_plan{
	border				: 1px solid #C20102;
	padding				: 0px;
	margin				: 10px;
	margin-bottom:0px;
}
.italique {
	font-style:italic;
}
.important{
	color				: #C20102;
	font-size			: 13px;
	font-weight			: bold;
}
.tableau{
	vertical-align:top;
}
.center
{
	text-align 			: center;
}
.justify{
	text-align:justify;
}
.gras{
	font-weight:bold;
}
/* -- 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;
}

}