/*
REDEFINITIONS DES REGLES DE BASES POUR HOPICLOWNS
*/
#custom-doc a {
     background-color:#FF3333;
     color:#FFFFFF;
     text-decoration:none;
}
#custom-doc a:hover {
     background-color:transparent;
     color:black;
     text-decoration:none;
}

/*
REGLES POUR LE TEMPLATE DE BASE
*/
#custom-doc {
     font-family: "Century Gothic",  "Arial";
     font-size: 12px;
    /* letter-spacing:0.05px;*/
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     text-decoration: none;
     /*important pour l'affichage du menu*/
     line-height:normal;
     margin:auto;
     text-align:left;
     width:1000px;
     /* width:55em;		!IE
     *width:53.67em;		/*IE*/
}
.yui-t1 .yui-b{
     width:224px;
}
.yui-t1 #yui-main .yui-b {
     margin-left:224px;
     width:776px;
}
/* STYLES POUR LE BLOCK DE NAVIGATION DU HAUT DE PAGE*/
.top-nav {
     padding-top:37px;
     margin-right:31px;;
     text-align:right;
}
.top-nav input {
     font-size:11px;
}
#custom-doc .top-nav a {
     background-color:transparent;
     color:black;
     padding:2px 3px;
}
#custom-doc .top-nav a:hover, #custom-doc .top-nav a.selected {
     color:white;
}
#custom-doc .top-nav a.hopi-search-button {
	padding:0px 8px;
	width:16px;
	background:#fff url(pic/hopi_buttons.gif) top right no-repeat;
	}
	
#custom-doc .top-nav a.hopi-search-button:hover {
	background:transparent url(pic/hopi_buttons.gif) no-repeat scroll -16px 0px;
	}
#custom-doc .top-nav form {
     display:inline;
}
#custom-doc .top-nav img {
     padding-bottom:2px;
     vertical-align:bottom;    
}
#hd {
}
h1 {
}
h2 , h3 {   
font-size:15px;
background-color:#FAE700;
padding:2px;
display:inline;
}
h3 {
}
h4 {
     display:inline;
     font-weight:bold;
}
/* CSS POUR LES MENUS*/
/*
.uc_menu_menuitem a:hover {
	color:#000000;
}


Niveau 1 inactif: 12pt, Bold, FFFFFF, Caps
 Niveau 1 actif:15 pt, Regular, 000000, Caps
 Niveau 2 inactif: 12pt, Bold, FFFFFF
Niveau 2 actif: 12pt, Bold, 000000
¨ */
.Menu {
	padding-top:17px;
	}
.uc_menu_menuitem {
margin-left:40px;
padding:1px 0px;
}
.uc_menu_submenu .uc_menu_menuitem {
padding:0px;
}
#custom-doc .uc_menu_menuitem a.uc_menu_menuLabel {
     padding:1px 5px;
     text-decoration:none;
     font-weight:normal;
     text-transform:uppercase;
}
#custom-doc .uc_menu_menuitem a.uc_menu_selected, #custom-doc .uc_menu_menuitem a.uc_menu_inhierarchy {
     font-size:16px;
     background-color:transparent;
     color:#000000;
     font-weight:bold;
}

#custom-doc .uc_menu_menuitem a.uc_menu_inhierarchy {
     background-color:#FF3333;
}
#custom-doc .uc_menu_submenu .uc_menu_last a {
     border-bottom: 13px solid #FF3333;
}
#custom-doc .uc_menu_submenu a.uc_menu_menuLabel {
     text-transform:none;
     padding:1px 5px 2pt 14px;
}
#custom-doc .uc_menu_submenu a.uc_menu_selected {
     font-size:13px;
     /*border:none;*/
}
#custom-doc .uc_menu_last .uc_menu_last a.uc_menu_selected {
     border:none;
}

/*Styles pour le tab de la page en savoir plus*/
.uc_tab_menu {
float:left;
width:150px;
}
.uc_tab_content {
 width:500px;
 float:right;
}
.uc_tab_selected {
     font-weight:bold;
}

/* Style pour la page de dessins*/
#custom-doc .uc_picture_show {
     background:transparent url(pic/DESSIN_grand.jpg) no-repeat;
     float:right;
     height:530px;
     padding-top:48px;
     text-align:center;
     vertical-align:top;
     width:426px;
}
#custom-doc .uc_picture_list { 
     float:left;
     width:244px;
}
#custom-doc .uc_picture_list_elem {
     background:transparent url(pic/DESSIN_petit.gif) no-repeat left top;
float:left;
height:130px;
padding:20px 9px 10px 13px;
}

#custom-doc .uc_picture_list_elem a {
     background:none;
}
#custom-doc .uc_picture_choose {
	clear:both;
	width:244px;
}
#custom-doc div.uc_picture_choose div {
	background:gray url(pic/A.-BOUTON-precedentes-off.gif) repeat scroll 0% 50%;
	float:left;
	height:39px;
	width:122px;
}
#custom-doc div.uc_picture_choose div a {
	height:39px;
	width:122px;
	display:block;
	background-color:transparent;
}
#custom-doc div.uc_picture_choose div:hover {
	background:gray url(pic/A.-BOUTON-precedentes-on.gif) repeat scroll 0% 50%;
}
#custom-doc div.uc_picture_choose div.uc_picture_next {
	background: gray url("pic/A.-BOUTON-suivantes-off.gif") no-repeat;
	float:right;
}
#custom-doc div.uc_picture_choose div.uc_picture_next:hover {
	background: gray url("pic/A.-BOUTON-suivantes-on.gif") no-repeat;
}
/* Styles de boutons pour la page dessins */

#custom-doc .Dessins div.uc_picture_choose {
	clear:none;
	float:left;
}
#custom-doc .Dessins div.uc_picture_choose div {
	background:gray url(pic/B.-BOUTON-precedentes-off.gif) repeat scroll 0% 50%;
}
#custom-doc .Dessins div.uc_picture_choose div:hover {
	background:gray url(pic/B.-BOUTON-precedentes-on.gif) repeat scroll 0% 50%;
}
#custom-doc .Dessins div.uc_picture_choose div.uc_picture_next {
	background: gray url("pic/B.-BOUTON-suivantes-off.gif") no-repeat;
}
#custom-doc .Dessins div.uc_picture_choose div.uc_picture_next:hover {
	background: gray url("pic/B.-BOUTON-suivantes-on.gif") no-repeat;
}



/* Style pour la page de photos*/
.Photos .uc_tab_menu {
	background:transparent url(../res/uppics/A.-PHOTOS-2.jpg) no-repeat top left;
	float:none;
	padding:190px 90px 20px 290px;
	width:300px;
}
.Photos .uc_tab_content {
 width:99%;
 float:none;
}
#custom-doc .Photos .uc_picture_show {
     background:url(pic/PHOTOS_grand.jpg) no-repeat top left;
     height:340px;
     width:397px;
}
.Dessins .uc_picture_list {
     padding-top:50px;
}
#custom-doc .Photos .uc_picture_list_elem {
     background:transparent url(pic/PHOTOS_petit.gif) no-repeat;
     height:100px;
     width:93px;
     padding:20px 9px 10px 13px; 
     float:left;     
}

#custom-doc .Photos .uc_picture_list_elem:hover {
     background:transparent url(pic/PHOTOS_rouge.gif) no-repeat;
}
#custom-doc .Photos .uc_picture_list_elem img {
     height:73px;
}
/* Styles pour les formulaires */
#custom-doc .uc_form_separator {
	clear:both;	
}
#custom-doc .uc_form_label , #custom-doc .uc_form_input {
 	padding-top:5px;
	padding-bottom:5px;
	float:left;
}

#custom-doc .uc_form_label span {
     background-color:#FAE700;
     font-size:15px;
     margin-left:20px;
}
#custom-doc .uc_form_label {
	width:130px; 
}
#custom-doc .uc_form_label_checkbox ,  #custom-doc .uc_form_label_radio{
	float:none;
	width:680px; 	
}
#custom-doc .uc_form_input_checkbox, #custom-doc .uc_form_input_radio{
	float:none;
     margin-left:135px;
}
#custom-doc .uc_label_11 {
	margin-left:115px;
	width:60px;
}
#custom-doc .uc_label_11 span {
	background:none;
}
.uc_form_button {
     padding-left:0pt;
padding-right:90px;
text-align:center;
}
#custom-doc .uc_form_button input {
background-color:#FF3333 ;
border:medium none;
color:white;
padding:2px;
cursor:pointer;
}
#custom-doc .uc_form_button input:hover {
color:black;
background-color:transparent;
}
/** STYLES POUR LE SITEMAP */
#custom-doc .uc_sitemap_category {
	float:left;
height:190px;
width:170px;
}
#custom-doc .uc_sitemap_page {
	margin:10px 0pt;
}
#custom-doc .uc_sitemap_page a {
	background:transparent url(pic/PLAN-DU-SITE-cadre.gif) no-repeat scroll 100%;
	color:black;
	padding:4px 13px 4px 0px;
}
#custom-doc .uc_sitemap_page .uc_left_elem {
	background:transparent url(pic/PLAN-DU-SITE-cadre_right.gif) no-repeat scroll 100%;
	width:13px;
	height:27px;
	padding:4px 0px;
	color:white;
}
/** STYLES POUR LA GOOGLE SEARCH */
input.gsc-input {
	color:#FF3333;
	font-size:17px;
	font-variant:small-caps;
	padding-right:2px;
	}