@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #ebe3c7;
	background-image: url(images/bg-site.gif);
	background-repeat: repeat-x;
	background-color: #6e192d;
    }
img  {
	border: none;
}
table {
	margin: 0;
	padding: 0;
	empty-cells: show;
	border-collapse: collapse;
	width: 100%;
}
td {
	margin: 0;
	padding: 0;
	border:0;
	vertical-align: top;
}
h1 {
	font-size: 16px;
	background-image: url(images/bg-titre1.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 0 2px;
}
h2 {
	font-size: 12px;
	margin: 0 0 6px 0;
	padding: 6px 0 0 6px;
}
h3 {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 6px 0;
	padding: 6px 0 0 10px;
}


p {
	margin: 0 0 10px 0;
}
ul {
	margin: 10px;
	padding-bottom: 10px;
	padding: 0 0 10px 16px;
}

li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-image: url(images/square-list.gif);
	background-position: 0 6px;
	margin: 0;
	padding: 0 0 0 10px;
}


a {
	text-decoration: underline;
	color: #ebe3c7;


}

a:hover {
	color: #CF7E87;

}
a:active, a:focus{ 
   outline:none; 
}

    .thrColFix #container {
	width: 996px;
	margin: 0 auto;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	font-size: 12px;
    } 
    .thrColFix #cell_left {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 108px;
	padding-top: 136px;
    }
.thrColFix  #cell_right {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 501px; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 0; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
    }
    .thrColFix #cell_center {
	margin: 0 12px 0 122px; /* les marges droite et gauche de cet élément div créent les deux colonnes extérieures su les deux côtés de la page. Quelle que soit la taille du contenu dans les éléments div des encadrés, l'espace des colonnes reste préservé. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace des encadrés lorsque le contenu de ces derniers se termine. */
	padding: 0; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	width: 361px;
    }
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.container_pos {
	position: relative;
}	
	
#logo {
	text-align: center;
	padding: 43px 0 68px 0;
}
#logo, #gallery_info_menu {
	background-color: #E6D7B6;
	text-align: center;
	background-image: url(images/1px-bg-logo.gif);
	margin-bottom: 11px;
	color: #6d192d;
}
#gallery_img {
	color: #6d192d;
	background-color: #FFFFFF;
	text-align: center;
	margin-bottom: 11px;
}
#gallery_info_menu {
	padding: 8px 5px;
	font-size: 12px;
	height: 150px;
}
h1.titre_img {
	margin: 7px 0 5px 0;
	padding: 0;
	line-height: 1px;
	background-image: url(none);
}
/* ==================== elemts cell_left */
#cell_left h1 {
	font-size: 11px;
	margin: 0;
	background-image: url(none);
	padding: 0;
}
#coord {
	position: absolute;
	top: 600px;
}


/* ==================== menu */


#menu {
	height: 102px;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

#menu a {
	margin-right: 5px;
	padding: 0 6px;
	font-size: 14px;
	color: #ebe3c7;
	display: block;
	float: left;
	height: 20px;
	text-align: center;
	background-image: url(images/1px-menu.gif);
	background-repeat: repeat-x;
	padding-top: 82px;
	line-height: 14px;
	text-decoration: none;
	border: none;
}
#menu a:hover, #menu a.selected {
	background-color: #931D2A;
	background-image: url(none);
	color: #FFFFFF;
}
/* ========================== Sous menus */
.smenu_sec, .smenu_ter {
	padding: 0;
	display: none;
	position: absolute;
	width: 120px;
	top: 0px;
	z-index: 10;
	background-color: #8b212f;
	border: solid #A13D48 5px;
	border-top: none;
	border-bottom: none;
	}

.smenu_sec_top {
	margin: 0;
	padding-top: 4px;
	background-color: #666666;
}

.smenu_sec_bottom {
	height: 6px;
	padding: 0;
	background-color: #A13D48;
}


.smenu_sec a {
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	display: block;
	padding: 3px 4px;
	color: #FFFFFF;
}
.smenu_sec a:hover   {
	color: #FFFFFF;
	background-color: #bb2237;
}
.smenu_sec ul {
	margin: 0;
	padding: 0;
	padding-bottom: 2px;
}
.smenu_sec li {
	margin: 0 0 3px 0;
	padding: 0;
	list-style-type: none;
	background-image: url(none);
}
.win.ie6 .smenu_sec li {
	font-size:1px; /*bug de ie6 marges sur li*/
}

/* ==================== news */
#news, .box_rub_img, .box_grad {
	background-image: url(images/1px-bg-news.gif);
	padding: 6px 12px;
	color: #711a2e;
	height: 100%;
	background-repeat: repeat;
}
#news  p    {
	margin: 0 0 6px 0;

}
#news a {
	color: #7C1C2D;
	text-decoration: underline;
	font-weight: bold;
}
#news .liens_numpages a {
	color: #FFFFFF;
	padding: 2px 8px;
	margin: 0 4px;
	border: solid 1px;
	border-color: #FFFFFF;
	background-color: #6D192D;
	text-decoration: none;
	font-size: 11px;
}

.box_news {
	background-repeat: no-repeat;
	height: 100%;
}
#news1 {
	background-image: url(images/rect-news-top-r.gif);
	background-position: right top;
}
#news2 {
	background-image: url(images/rect-news-bot-l.gif);
	background-position: left bottom;
}
.box_rub_img {
	width: 230px;
	padding: 5px 0;
	margin-bottom: 12px;
	height: 276px;
 }
.box_rub_img p {
	text-align: center;
	margin: 10px 0;
}
.box_grad {
	padding: 5px 0;
	display: block;
}

.box_rub_img h1, .box_grad h1 {
	margin: 0;
	padding: 2px 10px;
	background-repeat: repeat-y;
	background-image: url(images/1px-bg-rub-img.gif);
}
.box_vignet {
	float: left;
	width: 146px;
	padding: 10px;
	text-align: center;
	height: 104px;
	margin-bottom: 10px;
}




/* ==================== evenements */
#evenements {
	margin-top: 14px;
}
#evenements p {
	margin: 4px;
}
#evenements a {
	color: #E4D3B3;
	text-decoration: underline;
	font-weight: bold;
	border: none;
}


#col_evnmt {
	background-color: #84394b;
	padding-bottom: 20px;
}
#col_evnmt h1 {
	background-color: #7A1A2C;
	margin: 0;
	padding: 6px 0;
}
#box_main_content {
}


/* ======================== page url */
.page_url, .list_alphanum {
	padding: 7px 4px;
	font-size: 10px;
}
.page_url a {
	font-weight: normal;
	color: #FFFFFF;
	font-size: 10px;
	padding-left: 10px;
	margin-right: 6px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(images/arrow-link-url.gif);
	background-position: 0 4px;
}
.page_url a.selected {
	text-decoration: underline;
}
/* ========================= liens_numpages */
.liens_numpages{
	margin-bottom: 10px;
	padding: 3px;
	text-align: right;
}
.liens_numpages a {
	color: #FFFFFF;
	padding: 2px 8px;
	margin: 0 4px;
	border: solid 1px;
	border-color: #FFFFFF;
	background-color: #6D192D;
	text-decoration: none;
	font-size: 11px;
}
.liens_numpages a.selected {
	background-color: #BC0C2F;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(none);
	font-size: 12px;
	font-weight: bold;
}
.list_alphanum {
	text-align: center;
}

.list_alphanum a{
	border-right: solid 1px;
	padding: 0 6px;
	font-size: 14px;

}
/* ======================= formulaire contact */

.form_contact {
	width: 88%;
	margin: 16px auto;
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: 12px;
	border-top: solid #A13D48 2px;
}

.form_contact input {
	width: 180px;
	font-size: 12px;
	height: 16px;
	margin-left: 4px;

}
.form_contact select {
	height: 20px;
}


.form_contact th {
	text-align: left;
	padding: 4px 8px;
	border-bottom: solid #8B1C2B 1px;
	font-weight: normal;
	background-image: url(images/1px-menu.gif);
	width: 130px;
	border-left: solid #A13D48 1px;

}
.form_contact td {
	padding: 4px 4px 4px 12px;
	background-color: #E3D2AE;
	border-bottom: solid #ffffff 1px;
	border-right: solid #A13D48 1px;

}
.form_contact .form_radio {
	width: 30px;
}
.form_contact .form_message {
	width: 240px;
	height: 60px;
}
.form_contact .form_adresse {
	width: 240px;
}
.form_contact .form_bouton {
	height: 20px;
	width: 90px;
	margin: 0;
	padding: 0;

}
.form_contact .form_number {
	width: 90px;
}
.form_contact .form_code {
	width: 60px;
}
.form_contact .exergue {
	font-size: 14px;
}


/* ======================  btm_menu  */

#btm_menu {
	margin: 0;
	text-align: center;
	height: 18px;
	padding: 10px 0;
        position:relative;
        top:20px;
}


#btm_menu a {
	margin: 0;
	font-size: 12px;
	border-right: solid #ffffff 1px;
	padding: 1px 8px;
	text-decoration: none;
	color: #E4D3B3;
	border-bottom: none;
}
#btm_menu a:hover {
	color: #FFFFFF;

}
/* ======================  Bottom  */

#bottom {
	margin: 10px 0;
        margin-left:100px;
        width:900px;
        position:relative;
        top:40px;
}
.bottom_in {
	height: 16px;
	padding: 2px 20px;
	font-size: 10px;
	margin: 0 20px;
}

#bottom a {
	color: #E4D3B3;
}
#bottom a:hover {
	color: #FFFFFF;
}
.bottom_baseline {
	margin: 10px auto;
	padding: 2px 12px;
	text-align: justify;
	color: #999999;
	font-size: 10px;
	border-top: solid #C5DADD 1px;
}



/* ================= real et copyright */


.realisation {
	color: #FFFFFF;
	font-weight: normal;
	float: right;
	text-align: right;
}


.realisation a {
	padding-left: 6px;
	color: #FFFFFF;
	font-weight: normal;
}