﻿/* --- BALISE HTML --- */
body{
	margin				: 0;
	margin-top			: 0;
	padding				: 0;
	
	font-family			: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	color				: #000000;

	/*background-color	: #FFFFFF;*/
background-image	: url('../images/maquette-azur2_01.jpg');
	background-repeat	: repeat-x;
}

.degradebleu{
background-image	: url('../images/degradebleu.png');
background-repeat	: repeat-x;

}

.colonnecachee
{
    display : none ; 
}



h1{	
	font-size			: 23px;
	color				: #01255E;
	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				: #01255E;
	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				: #01255E;
	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;
}
/*  Ne pas enlever car sinon Menu ebn CSS ne focntionne plus 
a, a:active, a:visited{
		text-decoration : underline;
		text-transform : none;
		color : #01255E;
		outline : none;
		position: absolute;
		top: 292px;
		left: 759px;
		width: 102px;
		height: 16px;
}
*/
line				: none;
a:hover{
		text-decoration	: underline;
		color			: #D6145B;
	}

p{
	margin-top			: inherit;
	margin-bottom		: 10px;
}


ul.square li{
	list-style-type		: square;
}
li{
	list-style-image	: url(../images/contenu/maquette-azur2_15.jpg);
}
*/
/* --- CLASSES TEMPLATE --- */
.fond_bandeau_haut{
	background-color	: #FFFFFF;
}

.fond_bandeau_haut_gauche{
	background-repeat	: no-repeat;
	background-position	: top right;
	background-image	: url(../images/maquette-azur2_02.jpg);
}

.fond_bandeau_haut_droite{
	/*background-repeat:repeat-x;
	background-image:url(../images/maquette-azur2_02.jpg);*/
}

.fond_bandeau_bas{
	background-color	: #FFFFFF;
	height : 100px;
	background-repeat : no-repeat;
}
.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;
	color				: #01255E;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	padding-right		: 10px;
	padding-left		: 10px;
	/*background-image	: url('../images/menugauche/maquette_23.png');
	background-repeat	: repeat-y;*/
}


.fond_bordure_bas
{
	/* l'image ici */
}


.bas, .bas p, .bas a, .bas a:active, .bas a:visited{
	color				: #01255E;
	margin-top			: 10px;
	font-size			: 10px;
	text-decoration		: none;
	text-align			: center;
	outline				: none;
}
	
.bas a:hover{
		color			: #FF0000;
		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 #d7d7d7;
	padding 			: 4px;
	margin-left 		: 5px;
	margin-right 		: 5px;
	margin-top			: 10px;
	margin-bottom		: 10px;	
	font-weight			: bold;
	text-align			: center;
}

.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;
}

.important{
	color				: #01255E;
	font-size			: 13px;
	font-weight			: bold;
}

.center
{
	text-align 			: center;
}
.justify{
	text-align:justify;
}
.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; font-style:italic;}

.both
{
	clear				: both;
}
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;
}
