/* CSS Document */


 


/* anulation des marges par defaut pour ?viter les difference des navigateurs */

body, p, h1, h2, h3, h4, h5, h6, fieldset, legend, ul, li, dl, dt, dd, img, form {
	margin:0;
	padding:0;
	border:0;
}

hr, .masque, #logo span, #accroche1 span, #accroche2 span, #loading, #print, #print legend
{
	display:none;
}


.wrap
{
	clear:both;
}
.wrap2
{
	clear:both;
	margin-bottom:1.5em;
}

/*********** STYLE GENERAL *********/

html
{
	font-size:100%;
}

body
{
	background:url(../img/fond.jpg) no-repeat center top #E1E3E5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 80%;
	color: #555;
	text-align:center; /* center pour ie 5 */
}

/* Largeur élément général de la page */

#bandeau, #footer, #conteneur, #acces, #mh, #mb
{
	width:950px;
}
#bandeau, #conteneur
{ /* anul le bug positionnement ie 5 */
	text-align:left;
}


/***** HEADER ACCES *****/

#acces
{ /* acces rapide haut page */
	position:relative;
	margin:auto;
	height:22px;
	/*background-color:#c00;*/
}





/********** BANDEAU ***********/
#bandeau
{
	position:relative;
	height:184px;
	margin:auto;
	background:url(../img/fond.bandeau.jpg) repeat-x left top;
	z-index:1;
}

#logo
{
	position:absolute;
	top:0;
	left:0;
	width:195px;
	margin:auto;
	z-index:1;
}
#accroche1
{
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
}
#accroche1 a
{
	display:block;
	background:url(../img/departement.drome.png) no-repeat left top;
	width:179px;
	height:94px;
}
#flash
{
	position:absolute;
	top:0;
	left:0;
}


/**** COLONNE ***/
#colonne1
{
	position:static;
	float: left;
	width: 207px; /* largeur ie dans ie.css du a text-align:justify dans #contenufond p */
	margin-right: 0px; /* bug de 3px dans ie 6 avec les flottant modif dasn ie.css */
	margin-bottom:200px;
	padding:10px 0px 10px 0px;
	background:url(../img/fond.bloc.01.jpg) no-repeat left top;
	/*background: burlywood;*/
}
#colonne2
{
	position:static;
	float: right;
	width: 207px; /* largeur ie dans ie.css du a text-align:justify dans #contenufond p */
	margin-left: 3px; /* bug de 3px dans ie 6 avec les flottant modif dasn ie.css */
	margin-bottom:100px;
	padding:10px 0px 10px 0px;
	background:url(../img/fond.bloc.02.jpg) no-repeat left top;
	/*background: burlywood;*/
}
#bloc
{
	position:static; /* indispensable */
	overflow:hidden; /* établi un contexte de formatage qui l'empeche de glisser sous les colonne 1 et 2 */
	margin:0 0px 0 0px;
	padding:10px 10px 10px 10px;
	/*background: #ccc;*/
}


/***** PAGE *****/

#conteneur
{
	position:relative;
	margin:auto;
	padding: 0px 0px 10px 0px;
	background-color:#fff;
}
#conteneur p
{
	margin: 0.5em 0 0.5em 0;
	text-align:justify;
}
#contenu
{
	position:relative;
	margin:0px 10px 10px 10px;
	padding-top:10px;
	/*background: #ccc;*/
}


#motif2
{
	position:absolute;
	left:-26px;
	top:0px;
	width:32px;
	height:50px;
	/*background:url() no-repeat left bottom;  ../img/triangle.01.png */
	background-position:left bottom;
	background-repeat:no-repeat
}

#motif3
{
	position:absolute;
	left:0;
	top:0px;
	width:100%;
	height:20px;
	/*background:url() no-repeat right top;  ../img/ti.01.gif */
	background-position:right bottom;
	background-repeat:no-repeat
}

/* couleur rubrique page */
.motf01		{ background-image:url(../img/ti.01.gif); }
.motm01		{ background-image:url(../img/triangle.01.png); }
.titre01, .stitre01, .sstitre01, .coul01	{ color:#E81616; }

.motf02		{ background-image:url(../img/ti.02.gif); }
.motm02		{ background-image:url(../img/triangle.02.png); }
.titre02, .stitre02, .sstitre02, .coul02	{ color:#007733; }

.motf03		{ background-image:url(../img/ti.03.gif); }
.motm03		{ background-image:url(../img/triangle.03.png); }
.titre03, .stitre03, .sstitre03, .coul03	{ color:#7F377C; }

.motf04		{ background-image:url(../img/ti.04.gif); }
.motm04		{ background-image:url(../img/triangle.04.png); }
.titre04, .stitre04, .sstitre04, .coul04	{ color:#F08A15; }

.motf05		{ background-image:url(../img/ti.05.gif); }
.motm05		{ background-image:url(../img/triangle.05.png); }
.titre05, .stitre05, .sstitre05, .coul05	{ color:#7D9E06; }

.motf06		{ background-image:url(../img/ti.06.gif); }
.motm06		{ background-image:url(../img/triangle.06.png); }
.titre06, .stitre06, .sstitre06, .coul06	{ color:#63B8E3; }

.motf07		{ background-image:url(../img/ti.07.gif); }
.motm07		{ background-image:url(../img/triangle.07.png); }
.titre07, .stitre07, .sstitre07, .coul07	{ color:#E3D3A8; }

/********** MENU HAUT ***********/
#mh
{
	position:absolute;
	bottom:0;
	left:0;
	height:34px;
	background:url(../img/fond.menu.jpg) repeat-x left bottom;
	z-index:2;
}


/********** MENU BAS ***********/
#mb
{
	background-color:#EA1C1B;
	margin:auto;
	height:25px;
}



/*** FOOTER ***/
#motif
{
	position:absolute;
	right:0;
	bottom:0;
	width:70px;
	height:68px;
	background:url(../img/motif.png) no-repeat right bottom;
}
#footer
{
	margin:auto;
}

#mots
{
	width:950px;
	margin:auto;
	text-align:justify;
}





/*** POPUP ZOOM ****/
#pagezoom
{ /* config zoom.php */
	margin: 0px;
	/*background-position: center center;*/
}
#pagezoom .titrezoom
{
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	color:#595335;
}
#pagezoom .imgzoom img
{
	border:#e3ddc3 1px solid;
	background-color:#fff;
	padding:8px;
}

#pagezoom #menu1Container
{ /* page zoom */
	position:relative;
}
#planzoom
{
	position:relative;
	margin:50px auto;
	text-align:left;
	width:80%;
}
#pagezoom #mots
{
	width:95%
}




/*** MOTS BAS PAGE ***/


/*** Signature Kyxar ***/
.kyxar
{
	position: absolute;
	z-index:10;
	white-space: nowrap;
	right:40px;
	padding: 5px 0px 3px 0px;
}

.kyxar a
{
	color: #999;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}

.kyxar a:hover
{
	color: #666;
}

/***** POPUP *****/
#popup
{
	position:absolute;
	z-index:500;
	left:50%;
	margin-left:-242px;
	top:50%;
	margin-top:-150px;
	width:484px;
	height:300px;
	background:url(../img/foire.du.dauhine.2011.romans.png) no-repeat center top;
	color:#fff;
	display:none;
}
#popup h2
{
	margin-top:5.2em;
	font-size:190%;
}
#popup h2 span
{
	font-size:80%;
}
#popup p
{
	margin-top:0.6em;
	font-size:150%;
}
#fermer
{
	position:absolute;
	display:block;
	z-index:501;
	top:-6px;
	right:-6px;/**/
	width:12px;
	height:12px;
	/*overflow:hidden;*/
	background:url(../img/icon/fermer.png) no-repeat left top;
}
#fermer span
{
	position:absolute;
	text-indent:-5000px;
	font-size:50%;
	overflow:hidden;
}
#fermer:hover
{
	background-position: left bottom;
}