/* ===========================================================
					   Le fond du site
=========================================================== */
html,body
{
	margin				: 0;
	padding				: 0;
	
	font-family			: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #761f18;
	height				: 100%;
	
	text-align			: justify;

	background-color	: #761F18;
	background-repeat	: repeat-x;

	
	/*background-image	: url(../images/image.jpg);*/
}

#page-border , #page
{
	margin		: 0 auto;
	min-height	: 100%;
	position	: relative;
}
#page
{
	width		: 950px;
}
#page-border
{
	width		: 100%;
}


/* ===========================================================
					   Les titres
=========================================================== */
h1
{	
	font-size			: 23px;
	color				: #943B1B;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
}
h2
{
	font-size			: 16px;
	color				: #761f18;
	text-align			: left;
	text-transform		: none;
	font-weight			:bold;
	margin-top			: 20px;
	margin-bottom		: 10px;
}
.titre
{
	font-size			: 16px;
	color				: #761f18;
	text-align			: center;
	text-transform		: none;
	font-weight			:bold;
	margin-top			: 20px;
	margin-bottom		: 10px;
}

h3
{
	font-size			: 13px;
	color				: #B46C1A;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
}

.sousmenu
{
	color				: #8D180E;
	font-size			: 11px;
	text-decoration		: none;
	text-align			: center;
	border				: 4px double #943B1B;
	padding				: 5px;
	
}
.sousmenu a, .sousmenu a:active, .sousmenu a:visited
{
	color				: #8D180E;
	font-size			: 11px;
	text-decoration		: underline;
}

.sousmenu a:hover
{
	color				: #501E1A;
	font-size			: 11px;
	text-decoration		: underline
}

/* ===========================================================
					Les liens sur la page
=========================================================== */
a, a:active, a:visited
{
	text-decoration		: underline;
	text-transform		: none;
	color				: #761f18;
	outline				: none;
	
}

marquee a, marquee a:active, marquee a:visited
{
	text-decoration		: underline;
	text-transform		: none;
	color				: #C8A58F;
	outline				: none;
	
}

a:hover, .borderInt a:hover
{
	text-decoration	: underline;
	color			: #B46C1A;
}



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



/* ===========================================================
					   Le haut du site
=========================================================== */
.fond_bandeau_haut
{
	background-color:#761F18;
}

.fond_bandeau_haut_gauche
{
	background-repeat	: no-repeat;
	background-position	: top right;
	background-image:url(../images/maquetteArkogeos_01.jpg);
	background-color:#761F18;
}

.fond_bandeau_haut_droite
{
	background-repeat	: no-repeat;
	background-position	: top left;
	background-image:url(../images/maquetteArkogeos_05.jpg);
	background-color:#761F18;
}



/* ===========================================================
					   Le menu gauche
=========================================================== */
.fond_colonne_gauche
{
	background-color	: #761F18;
	text-align			: left;
	background-repeat	: no-repeat;
}
.fond_colonne_gauche a, .fond_colonne_gauche a:visited
{
	color				: #FFFFFF;
	font-size			: 14px;
	text-decoration		: underline;
}
.fond_colonne_gauche a:hover
{
	color				: #FFDF00;
	text-decoration		: underline;
}
.fond_gauche_gauche
{
	background-image:url(../images/colonnegauche.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#761F18;
}


/* ===========================================================
					La colonne de droite
=========================================================== */
.fond_colonne_droite
{
	text-align			: right;
	background-color	: #FFFFFF;
	/*background-image	: url('../images/menugauche/maquette_23.png');
	background-repeat	: repeat-y;*/
}
.fond_droite_droite
{
	background-image:url(../images/colonnedroite.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#761F18;
}


/* ===========================================================
					   Le contenu de la page
=========================================================== */
.fond_centre
{
	background-image:url(../images/contenu/maquetteArkogeos_19.jpg);
	background-repeat:no-repeat;
	padding:40px;
	
}



/* ===========================================================
					   Le bas du site
=========================================================== */
.fond_bandeau_bas
{
	background-color:#761F18;
	background-repeat 	: no-repeat;
	background-image:url(../images/menubas/maquetteArkogeos_22.jpg);
}


.fond_bordure_bas
{
	background-image:url(../images/images/maquetteArkogeos2_21.jpg);
	background-repeat	:repeat-x;
	background-color:#761F18;
}


#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;
	background-color:#761F18;
}
	
#footer a:hover
{
	color			: #FFFFFF;
	font-size		: 10px;
	text-decoration	: underline;
}


#content
{
	/* Décommenter la ligne pour activer la position dynamique : */
	/*margin-bottom : 160px;*/
}


#footer
{
	/* Décommenter la ligne pour activer la position dynamique : */
	/*position	: absolute;*/

	clear		: both;
	bottom 		: 0;
	left 		: 0;
	height		: 175px;
	width		: 100%;
	margin		: 0;
}



/* ===========================================================
					Les tableaux
=========================================================== */
.tableau_entete
{
	background-color	: #761F18;
	font-weight			: bold;
	color				: #FFFFFF;
	text-align			: center;
	font-size			:14px;
	padding				: 4px;
}

.tdnews
{
padding-bottom:0px; padding-right:30px; padding-top:0px; padding-left:15px; font-size:10px;

}
.tdnews
{
	background-image:url(../images/tdmenu.png);
	background-repeat:no-repeat;
}

.tableau_entete2
{
	background-color	: #761F18;
	font-weight			: bold;
	color				: #FFFFFF;
	text-align			: center;
	font-size			: 14px;
	padding				: 4px;
	border-top			: 2px solid #761F18;
}

.tableau_bordure
{
	border-top			: 2px solid #761F18;
	text-align			: left;
}

.tableau_bordure2
{
	border				: 2px solid #761F18;
	text-align			: left;
}

.tableau_bordure2_1
{
	border-right		: 2px solid #761F18;
	border-left			: 2px solid #761F18;
	border-bottom		: 2px solid #761F18;
	text-align			: left;
}

.tableau_bordure3
{
	border-top			: 2px solid #761F18;
	border-right		: 2px solid #761F18;
	background-color	: #BD761A;
	font-weight			: bold;
	text-align			: center;
}

.tableau_special
{
	border-right		: 2px solid #761F18;
	background-color	: #BD761A;
	font-weight			: bold;
	text-align			: center;
}




.tableau_geo_entete
{
	background-color: #800000;
	font-weight		: bold;
	font-style		: italic;
	color			: #FFF;
	text-align		: center;
	font-size		: 14px;
}

.tableau_geo_speentete
{
	background-color: #800000;
	border-left		: solid 3px #C8A5A3;
	font-weight		: bold;
	font-style		: italic;
	color			: #FFF;
	text-align		: center;
	font-size		: 14px;
}
.tableau_geo_bordure
{
	border-left		: 1px solid #800000;
	border-top		: 1px solid #800000;
	font-weight		: bold;
	background-color: #BD761A;
	padding-left	: 5px;
	padding-right	: 5px;
}

.tableau_geo_bordure_droit
{
	border-left		: 1px solid #800000;
	border-top		: 1px solid #800000;
	border-right	: 1px solid #800000;
	padding-left	: 5px;
	padding-right	: 5px;
}

.tableau_geo_bordure_droit a, .tableau_geo_bordure_droit a:active, .tableau_geo_bordure_droit a:visited
{
	text-decoration		: underline;
	text-transform		: none;
	color				: #761f18;
	outline				: none;
	font-weight			: bold;
}
.tableau_geo_bordure_droit a:hover
{
	text-decoration	: underline;
	color			: #B46C1A;
	font-weight			: bold;
}
.tableau_geo_bordure_bas
{
	border-bottom	:1px solid #800000;
	border-left		: 1px solid #800000;
	border-top		: 1px solid #800000;
	background-color: #BD761A;
	font-weight		: bold;
	padding-left	: 5px;
	padding-right	: 5px;
}

.tableau_geo_bordure_bas_droit
{
	border-left		: 1px solid #800000;
	border-top		: 1px solid #800000;
	border-right	: 1px solid #800000;
	border-bottom	: 1px solid #800000;
	padding-left	: 5px;
	padding-right	: 5px;
}
.tableau_geo_bordure_spedroite
{
	padding-left	: 5px;
	padding-right	: 5px;
}

.tableau_geo_bordure_spefichedroit
{
	padding-left	: 5px;
	padding-right	: 5px;
}
.ligne1
{
	/*color				: #FFFFFF;*/
}
.ligne2
{
	/*color				: #D7E3F2;*/
}

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



/* ===========================================================
					   Les cadres
=========================================================== */
.cadre
{
	border				: 1px solid #761f18;
	padding 			: 6px;
	margin-left 		: 5px;
	margin-right 		: 5px;
	margin-top			: 10px;
	margin-bottom		: 10px;	
	font-weight			: bold;
	text-align			: center;
	color				: #C8A5A3;
	background-color	: #761f18;
}

.cadre a, .cadre a:active, .cadre a:visited
{
	text-decoration		: underline;
	text-transform		: none;
	color				: #C8A5A3;
	outline				: none;
}
.cadre a:hover
{
	text-decoration	: underline;
	color			: #BD761A;
}


.cadreDouble
{
	border : 4px double #761f18;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.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 #761f18;
	text-align : center;
	width : 100%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
}

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

.contour_image
{
	background-color	: #C8A5A3;
	border				: 1px solid #761F18;
	padding				: 0px;
	margin-bottom:0px;
	margin-left:20px;
	margin-right:10px;
	margin-top:0px;
}

.contour_image2
{
	background-color	: #C8A5A3;
	border				: 1px solid #761F18;
	padding				: 0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:20px;
	margin-top:0px;
}

.contour_image3
{
	background-color	: #C8A5A3;
	border				: 1px solid #761F18;
	padding				: 0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:20px;
}

.contour_image4
{
	background-color	: #C8A5A3;
	border				: 1px solid #761F18;
	padding				: 0px;
	margin-bottom:0px;
	margin-left:20px;
	margin-right:10px;
	margin-top:17px;
}

.contour_image_gallerie/*pour les images en "gallerie" (c-a-d une légende sous l'image)*/
{
	background-color	: #000000;
	border				: 1px solid #ccc;
	padding				: 0px;
	margin				: 10px;
	margin-bottom		: 5px;
}	


/* ===========================================================
			   Les icones a côté des liens
=========================================================== */
/*a[href $='.pdf'] { padding-left: 22px; background: transparent url('../images/modele/icones/pdf.gif') no-repeat center left;}

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



/* ===========================================================
					Les styles de texte
=========================================================== */
.gras
{
	font-weight:bold;
}
.italique
{
	font-style:italic;
}
.souligne
{
   text-decoration:underline;	
}

.important
{
	color				: #761F18;
	font-size			: 14px;
	font-weight			: bold;
	border				: 4px double #943B1B;
	text-align			: center;
	padding				: 5px;
}
.important2
{
	color				: #761F18;
	border				: 1px double #943B1B;
}

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

.both
{
	clear				: both;
}

img
{
	border: 0;
}

.popup
{
	visibility: hidden;
	display: none;
}

.legende_gallerie
{
	font-size:10px;
}


/* ===========================================================
					   Les formulaires
=========================================================== */
form.multiform  input[type="text"] , form.multiform select , form.multiform textarea
{
	border: solid 1px #999999;
	width: 200px;
}


.mesurage
{
	margin-top:230px;
	text-align:center;
	position:absolute;
	background-color	: #C8A5A3;
	border				: 1px solid #761F18;
	padding				: 0px;
	margin-bottom:0px;
}

.auscultation
{
	font-size:18px;
	color:#FFFE27;
}

/*
---------------Divers------------------
*/
.hidden
{
	display:none;	
}



.content_sous_footer
{
   	margin-left:20px;
}
.content_sous_footer, .content_sous_footer a
{
	color:#88241C;	
}
.liens_accueil
{
	margin-left:20px;
}
.liens_accueil a
{
   color:#BA8F8D;	
}